:root{--bg: #0a0e14;--bg-elev: #131922;--bg-elev-2: #1c2532;--border: #2a3445;--text: #d6dde6;--text-dim: #7c8694;--accent: #4dd0c8;--accent-strong: #7fe6df;--accent-dim: #2a7d77;--neutral-mid: #5b6679;--warn-soft: #c9a46f;--danger-soft: #b86a6a;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-sm: 13px;--font-base: 15px;--font-lg: 18px;--font-xl: 22px;--t-fast: .15s;--t-mid: .25s;--t-slow: .6s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;font-size:var(--font-base);line-height:1.5;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100%;display:flex;flex-direction:column}button{font:inherit;color:inherit;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;cursor:pointer;transition:transform var(--t-fast) ease,background var(--t-fast) ease,border-color var(--t-fast) ease}button:active{transform:scale(.97);background:var(--bg-elev-2)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}