:root{--bg-base:#13111c;--bg-card:hsla(0,0%,100%,.025);--bg-card-hover:hsla(0,0%,100%,.04);--bg-metric:hsla(0,0%,100%,.02);--border:hsla(0,0%,100%,.06);--border-hover:rgba(124,58,237,.3);--text-primary:#e9e3ff;--text-secondary:#8b7fbf;--text-muted:#6d6490;--text-dim:#4a4462;--text-ghost:#3d3756;--purple:#7c3aed;--pink:#ec4899;--green:#34d399;--red:#f87171;--yellow:#fbbf24;--font-body:"Noto Sans KR",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Noto Serif KR",serif;--font-mono:"Fira Code","SF Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{background:var(--bg-base);color:var(--text-secondary);font-family:var(--font-body);font-size:14px;line-height:1.5;min-height:100vh;overflow-x:hidden}.canvas-bg{background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(124,58,237,.08) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(236,72,153,.04) 0,transparent 50%),linear-gradient(hsla(0,0%,100%,.015) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,transparent 0);background-size:100% 100%,100% 100%,40px 40px,40px 40px;inset:0;pointer-events:none;position:fixed;z-index:0}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border);border-radius:12px}kbd{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;padding:1px 6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dot-green{background:var(--green);box-shadow:0 0 8px #34d39966}.dot-red{animation:pulse 1.5s infinite;background:var(--red);box-shadow:0 0 8px #f8717166}.dot-yellow{background:var(--yellow);box-shadow:0 0 8px #fbbf244d}:focus-visible{outline:2px solid var(--purple);outline-offset:2px}[role=button]:focus-visible,a:focus-visible,button:focus-visible,kbd:focus-visible{border-radius:4px;outline:2px solid var(--purple);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-ghost);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media(max-width:768px){.kbd-group{display:none}}