:root{color-scheme:light;--bg: #ffffff;--bg-subtle: #fafbfd;--bg-muted: #f2f4f9;--bg-hover: #eef1f8;--border: #e4e8f0;--border-strong: #ced5e2;--border-control: #818a9e;--fg: #0a1024;--fg-muted: #535c78;--fg-subtle: #646d85;--accent: #0848dd;--accent-fg: #ffffff;--accent-soft: #e8edfd;--accent-strong: #0848dd;--accent-hover: #0637ad;--success: #15803d;--success-soft: #dcfce7;--warn: #b45309;--warn-soft: #fef3c7;--warn-fg: #7c4a03;--danger: #c62222;--danger-soft: #fee2e2;--info: #5b46d6;--info-soft: #ecebfc;--fill-neutral: #5f6981;--on-fill: #ffffff;--on-fill-shadow: 0 1px 2px rgba(0,0,0,.25);--grade-a: #15803d;--grade-b: #4d7c0f;--grade-c: #b45309;--grade-d: #c2410c;--grade-e: #b91c1c;--overlay: rgba(9,14,30,.26);--overlay-strong: rgba(9,14,30,.4);--knob: #ffffff;--knob-shadow: 0 1px 2px rgba(0,0,0,.2);--logo-plate: transparent;--icon-caret: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535c78' stroke-width='2'><path d='m6 9 6 6 6-6'/></svg>");--icon-search: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535c78' stroke-width='2'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>");--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(9,14,30,.06), 0 0 0 1px rgba(9,14,30,.04);--shadow-md: 0 4px 12px rgba(9,14,30,.08), 0 0 0 1px rgba(9,14,30,.05);--shadow-lg: 0 16px 40px rgba(9,14,30,.14), 0 0 0 1px rgba(9,14,30,.06);--shadow-panel: 6px 0 32px rgba(9,14,30,.22);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--row-h: 40px;--sidebar-w: 236px}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0d1220;--bg-subtle: #131a2c;--bg-muted: #1a2238;--bg-hover: #212b45;--border: #2a3454;--border-strong: #3e4a70;--border-control: #6b77a0;--fg: #e7ebf6;--fg-muted: #9ba6c1;--fg-subtle: #8892b0;--accent: #4b83fb;--accent-fg: #0d1220;--accent-soft: #1a2a55;--accent-strong: #93b4ff;--accent-hover: #6a9bff;--success: #3fb950;--success-soft: #102a19;--warn: #e3a53a;--warn-soft: #2e2210;--warn-fg: #e3a53a;--danger: #ff6b62;--danger-soft: #351b1e;--info: #a493ff;--info-soft: #23204a;--fill-neutral: #8892b0;--on-fill: #0d1220;--on-fill-shadow: 0 1px 2px rgba(255,255,255,.22);--grade-a: #4ade80;--grade-b: #a3e635;--grade-c: #fbbf24;--grade-d: #fb923c;--grade-e: #f87171;--overlay: rgba(2,4,12,.6);--overlay-strong: rgba(2,4,12,.74);--knob: #e7ebf6;--knob-shadow: 0 1px 3px rgba(0,0,0,.6);--logo-plate: #ffffff;--icon-caret: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ba6c1' stroke-width='2'><path d='m6 9 6 6 6-6'/></svg>");--icon-search: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ba6c1' stroke-width='2'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>");--shadow-sm: 0 1px 2px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04);--shadow-md: 0 4px 14px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.05);--shadow-lg: 0 18px 44px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.06);--shadow-panel: 6px 0 32px rgba(0,0,0,.6)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0d1220;--bg-subtle: #131a2c;--bg-muted: #1a2238;--bg-hover: #212b45;--border: #2a3454;--border-strong: #3e4a70;--border-control: #6b77a0;--fg: #e7ebf6;--fg-muted: #9ba6c1;--fg-subtle: #8892b0;--accent: #4b83fb;--accent-fg: #0d1220;--accent-soft: #1a2a55;--accent-strong: #93b4ff;--accent-hover: #6a9bff;--success: #3fb950;--success-soft: #102a19;--warn: #e3a53a;--warn-soft: #2e2210;--warn-fg: #e3a53a;--danger: #ff6b62;--danger-soft: #351b1e;--info: #a493ff;--info-soft: #23204a;--fill-neutral: #8892b0;--on-fill: #0d1220;--on-fill-shadow: 0 1px 2px rgba(255,255,255,.22);--grade-a: #4ade80;--grade-b: #a3e635;--grade-c: #fbbf24;--grade-d: #fb923c;--grade-e: #f87171;--overlay: rgba(2,4,12,.6);--overlay-strong: rgba(2,4,12,.74);--knob: #e7ebf6;--knob-shadow: 0 1px 3px rgba(0,0,0,.6);--logo-plate: #ffffff;--icon-caret: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ba6c1' stroke-width='2'><path d='m6 9 6 6 6-6'/></svg>");--icon-search: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ba6c1' stroke-width='2'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>");--shadow-sm: 0 1px 2px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04);--shadow-md: 0 4px 14px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.05);--shadow-lg: 0 18px 44px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.06);--shadow-panel: 6px 0 32px rgba(0,0,0,.6)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg-subtle);color:var(--fg);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased}.wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:400px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-lg)}.logo{display:block;box-sizing:content-box;width:200px;max-width:100%;height:auto;padding:10px 14px;margin:0 0 4px -14px;background:var(--logo-plate);border-radius:var(--radius-lg)}.theme-btn{position:fixed;top:16px;right:16px;width:auto;margin:0;padding:6px 12px;font-size:12px;font-weight:500;color:var(--fg-muted);background:var(--bg);border:1px solid var(--border);border-radius:999px}.theme-btn:hover{background:var(--bg-hover);color:var(--fg)}.sub{color:var(--fg-muted);margin-bottom:24px;line-height:1.5}.tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-muted);border-radius:var(--radius);padding:3px}.tab{flex:1;text-align:center;padding:8px;border-radius:calc(var(--radius) - 1px);cursor:pointer;color:var(--fg-muted);font-weight:500;user-select:none;transition:background .12s,color .12s}.tab.active{color:var(--fg);background:var(--bg);box-shadow:var(--shadow-sm)}form{display:none;flex-direction:column;gap:12px}form.active{display:flex}label{font-size:12px;font-weight:500;color:var(--fg-muted);margin-bottom:-6px}input{background:var(--bg);border:1px solid var(--border-control);color:var(--fg);border-radius:var(--radius);padding:10px 12px;width:100%;font:inherit;transition:border-color .12s,box-shadow .12s}input::placeholder{color:var(--fg-subtle)}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button{background:var(--accent);color:var(--accent-fg);border:none;border-radius:var(--radius);padding:11px;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;transition:background .12s}button:hover{background:var(--accent-hover)}button:disabled{opacity:.55;cursor:default}.msg{min-height:18px;font-size:13px;margin-top:4px}.msg.err{color:var(--danger)}.alt{text-align:center;font-size:13px;margin-top:2px}.alt a{color:var(--fg-muted);text-decoration:none}.alt a:hover{color:var(--accent-strong);text-decoration:underline}code{font-family:var(--font-mono);color:var(--fg-muted)}