@charset "UTF-8";:root{--bg: #0a0c10;--surface: #12151c;--surface-2: #1a1e28;--glass: rgba(255, 255, 255, .045);--line: rgba(226, 232, 255, .08);--line-2: rgba(226, 232, 255, .16);--fg: #e9ebf2;--muted: #8c93a6;--faint: #5c6377;--accent: #8b7cf8;--accent-2: #2dd4ee;--accent-ink: #0a0c10;--ok: #34d399;--warn: #fbbf24;--bad: #f87171;--gemini: #5b9bff;--grok: #c9cdd6;--claude: #e58a6b;--shadow: 0 20px 50px -20px rgba(0, 0, 0, .7);--f-display: "Sora", "Segoe UI", system-ui, sans-serif;--f-body: "IBM Plex Sans", "Noto Sans Myanmar", system-ui, -apple-system, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--r: 12px;--r-lg: 18px;--tap: 44px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f3f4f8;--surface: #ffffff;--surface-2: #eceef4;--glass: rgba(20, 24, 40, .035);--line: rgba(20, 26, 48, .09);--line-2: rgba(20, 26, 48, .18);--fg: #141822;--muted: #5b6274;--faint: #8a90a0;--accent: #5e4ee6;--accent-2: #0891b2;--accent-ink: #ffffff;--ok: #059669;--warn: #b45309;--bad: #dc2626;--gemini: #2563eb;--grok: #3e4452;--claude: #c2593a;--shadow: 0 20px 50px -24px rgba(20, 24, 40, .35);color-scheme:light}}:root[data-theme=light]{--bg: #f3f4f8;--surface: #ffffff;--surface-2: #eceef4;--glass: rgba(20, 24, 40, .035);--line: rgba(20, 26, 48, .09);--line-2: rgba(20, 26, 48, .18);--fg: #141822;--muted: #5b6274;--faint: #8a90a0;--accent: #5e4ee6;--accent-2: #0891b2;--accent-ink: #ffffff;--ok: #059669;--warn: #b45309;--bad: #dc2626;--gemini: #2563eb;--grok: #3e4452;--claude: #c2593a;--shadow: 0 20px 50px -24px rgba(20, 24, 40, .35);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.5 var(--f-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:8px}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 14px;border-radius:10px;border:1px solid var(--line-2);font-weight:500;font-size:13px;transition:background .15s,transform .1s}.btn:hover{background:var(--glass)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{border:0;background:var(--fg);color:var(--bg)}.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent)}.btn-glow{width:100%;min-height:var(--tap);padding:12px;border-radius:12px;font:600 14px var(--f-display);color:#fff;background:linear-gradient(100deg,var(--accent),color-mix(in srgb,var(--accent) 50%,var(--accent-2)),var(--accent-2));background-size:200% 100%;box-shadow:0 10px 30px -12px var(--accent);transition:background-position .5s,opacity .2s}.btn-glow:hover{background-position:100% 0}.btn-glow:disabled{opacity:.4;cursor:not-allowed}.seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--surface-2);gap:2px}.seg button{padding:6px 12px;border-radius:8px;font-size:12.5px;color:var(--muted);font-weight:500}.seg button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px #00000040}.field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)}.field input{min-height:var(--tap);padding:10px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--fg);font-size:16px}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-head h1{font:600 22px/1.2 var(--f-display);letter-spacing:-.02em;margin:0;text-wrap:balance}.page-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.error-text{color:var(--bad);font-size:13px}svg.i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
