:root{--bg: #0b0d12;--surface: #11141b;--surface-2: #171b24;--surface-3: #1e2330;--border: #252b37;--border-strong: #343c4c;--text: #e7eaf1;--muted: #8f98ab;--subtle: #5f687a;--accent: #8b7cf6;--accent-strong: #a194ff;--accent-soft: rgb(139 124 246 / .14);--accent-line: rgb(139 124 246 / .4);--on-accent: #0b0d12;--pass: #3ecf8e;--pass-soft: rgb(62 207 142 / .1);--pass-line: rgb(62 207 142 / .35);--fail: #f87171;--fail-soft: rgb(248 113 113 / .1);--fail-line: rgb(248 113 113 / .35);--warn: #fbbf24;--warn-soft: rgb(251 191 36 / .1);--track-html: #fb923c;--track-css: #60a5fa;--track-tailwind: #22d3ee;--track-js: #facc15;--radius: 10px;--font-sans: "Pretendard", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "D2Coding", Consolas, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-sans);font-size:15px;color:var(--text);background:var(--bg);word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:var(--accent-strong)}::selection{background:#8b7cf659}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{font-family:var(--font-mono);font-size:.88em}:not(pre)>code{padding:.12em .4em;color:#c4bcff;background:var(--surface-3);border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;font:inherit;font-size:.8125rem;font-weight:600;line-height:1.3;white-space:nowrap;border-radius:8px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.primary-button{color:var(--on-accent);background:var(--accent);border:1px solid var(--accent)}.primary-button:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.ghost-button{color:var(--text);background:var(--surface-2);border:1px solid var(--border)}.ghost-button:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.ghost-button.small{padding:4px 10px;font-size:.75rem}.primary-button:disabled,.ghost-button:disabled{opacity:.5;cursor:default}[data-track=html]{--track: var(--track-html)}[data-track=css]{--track: var(--track-css)}[data-track=tailwind]{--track: var(--track-tailwind)}[data-track=js]{--track: var(--track-js)}.track-dot{display:inline-block;flex:none;width:8px;height:8px;background:var(--track, var(--accent));border-radius:999px;box-shadow:0 0 0 3px color-mix(in srgb,var(--track, var(--accent)) 22%,transparent)}.tag{display:inline-flex;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;color:var(--muted);background:var(--surface-3);border-radius:999px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}