:root{--red: #C41E3A;--red-dark: #8B1A2B;--red-light: #E8425A;--cyan: #00A5CF;--cyan-dark: #007A99;--cyan-light: #33C4E8;--mono: "JetBrains Mono", "Fira Code", monospace;--sans: "Inter", -apple-system, system-ui, sans-serif}:root,[data-theme=dark]{--bg: #0A0A0A;--surface: #111111;--card: #1C1C1C;--card-alt: #161616;--border: #2A2A2A;--border-light: #3A3A3A;--text: #FAFAFA;--text-sec: #AAAAAA;--text-mut: #666666;--text-dim: #888888;--hover: #222222;--input: #1C1C1C}[data-theme=light]{--bg: #F5F5F0;--surface: #FFFFFF;--card: #FFFFFF;--card-alt: #FAFAF8;--border: #E0DDD8;--border-light: #EAE8E3;--text: #1A1A1A;--text-sec: #555555;--text-mut: #888888;--text-dim: #999999;--hover: #F0EDE8;--input: #FFFFFF;--cyan: #007A99;--cyan-dark: #005F75}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}table{width:100%;border-collapse:collapse}th{text-align:left;padding:8px 10px;color:var(--text-mut);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--mono)}td{padding:6px 10px;font-size:11px}select{background:var(--input);color:var(--text);border:1px solid var(--border);padding:7px 10px;border-radius:6px;font-size:12px;font-family:var(--mono);cursor:pointer;outline:none}select:focus{border-color:var(--cyan)}button{font-family:var(--sans)}.mono{font-family:var(--mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}[data-theme].svelte-12qhfyh{min-height:100vh;background:var(--bg);color:var(--text)}header.svelte-12qhfyh{border-bottom:1px solid var(--border);padding:12px 28px;display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.brand.svelte-12qhfyh{display:flex;align-items:center;gap:14px}.logo.svelte-12qhfyh{position:relative;width:32px;height:32px}.ring.svelte-12qhfyh{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:2px solid transparent}.ring.cyan.svelte-12qhfyh{border-color:var(--cyan);border-right-color:transparent;border-bottom-color:transparent;transform:rotate(-30deg)}.ring.red.svelte-12qhfyh{border-color:var(--red);border-left-color:transparent;border-top-color:transparent;transform:rotate(-30deg)}.brand-text.svelte-12qhfyh{display:flex;align-items:baseline;gap:8px}.brand-name.svelte-12qhfyh{font-size:16px;font-weight:700;letter-spacing:2px;font-family:var(--mono)}.brand-sub.svelte-12qhfyh{font-size:11px;color:var(--text-mut);letter-spacing:1px}nav.svelte-12qhfyh{display:flex;gap:2px}.nav-item.svelte-12qhfyh{background:transparent;color:var(--text-dim);padding:7px 14px;border-radius:6px;font-size:12px;font-weight:500;transition:all .15s;text-decoration:none}.nav-item.svelte-12qhfyh:hover{color:var(--text)}.nav-item.active.svelte-12qhfyh{background:var(--hover);color:var(--text)}.controls.svelte-12qhfyh{display:flex;align-items:center;gap:10px}.theme-btn.svelte-12qhfyh{background:transparent;border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;color:var(--text-dim);font-size:14px;line-height:1}.theme-btn.svelte-12qhfyh:hover{border-color:var(--cyan);color:var(--text)}main.svelte-12qhfyh{padding:20px 28px;max-width:1320px;margin:0 auto}