:root{--bg: #0b0f17;--bg2: #0e1420;--panel: #121a2a;--panel2: #16203473;--card: #141d32;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #e8edf7;--muted: #93a0b8;--muted2: #6b7791;--accent: #6e8bff;--accent2: #a06eff;--accent-grad: linear-gradient(135deg, #6e8bff 0%, #a06eff 100%);--green: #34d399;--red: #f87171;--amber: #fbbf24;--radius: 16px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}[data-theme=light]{--bg: #f3f5fa;--bg2: #e9edf5;--panel: #ffffff;--panel2: #ffffff;--card: #ffffff;--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .2);--text: #0f172a;--muted: #55617a;--muted2: #8592ab;--accent: #4f6df5;--accent2: #7c5cf0;--accent-grad: linear-gradient(135deg, #4f6df5 0%, #7c5cf0 100%);--green: #059669;--red: #dc2626;--amber: #b45309;color-scheme:light}[data-theme=light] body{background:radial-gradient(1200px 600px at 70% -10%,rgba(79,109,245,.1),transparent 60%),radial-gradient(900px 500px at 10% 0%,rgba(124,92,240,.08),transparent 60%),var(--bg)!important}[data-theme=light] .btn-ghost{background:#0f172a0d!important}[data-theme=light] .btn-ghost:hover{background:#0f172a17!important}[data-theme=light] input[type=text],[data-theme=light] select,[data-theme=light] textarea{background:#fff!important}[data-theme=light] .pill{background:#0f172a0d!important}[data-theme=light] .pill.thinking{color:#7c3aed!important}[data-theme=light] .banner{color:#92400e!important}[data-theme=light] .banner.info{color:#3730a3!important}[data-theme=light] .banner.error{color:#b91c1c!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0f172a2e!important}[data-theme=light] .nav{background:#ffffffdb!important}[data-theme=light] .links a:hover{background:#0f172a0f!important}[data-theme=light] .links a.active{color:#3730a3!important}[data-theme=light] .logo{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .demo-badge{color:#4f46e5!important}[data-theme=light] .live-badge{color:#047857!important}[data-theme=light] .off-badge{color:#b91c1c!important}[data-theme=light] .timer{background:#0f172a0d!important}[data-theme=light] .entry{background:#0f172a08!important}[data-theme=light] .qcard{background:#0f172a0a!important}[data-theme=light] .hist{background:#0f172a08!important}[data-theme=light] .guidance h4,[data-theme=light] .thinking{color:#4f46e5!important}[data-theme=light] .spin{border-color:#4f6df54d!important;border-top-color:#4f46e5!important}[data-theme=light] .example{background:#4f6df514!important;color:#1e293b!important}[data-theme=light] .pts.takeaways li{color:#0f766e!important}[data-theme=light] .audio-status{color:#4f46e5!important}[data-theme=light] .audio-status.live{color:#047857!important}[data-theme=light] .audio-status.warn-reason{color:#92400e!important}[data-theme=light] .tag.lvl{color:#047857!important}[data-theme=light] .hero-badge{color:#4f46e5!important}[data-theme=light] .chip{color:#3730a3!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:radial-gradient(1200px 600px at 70% -10%,rgba(110,139,255,.12),transparent 60%),radial-gradient(900px 500px at 10% 0%,rgba(160,110,255,.1),transparent 60%),var(--bg);color:var(--text);font-size:14.44px;min-height:100vh;min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.container{max-width:1360px;margin:0 auto;padding:0 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card h3{font-size:1.0154rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:6px}.muted{color:var(--muted)}.small{font-size:.7333rem;line-height:1.55}.btn-primary{background:var(--accent-grad);color:#fff;border:1px solid transparent;border-radius:10px;padding:12px 22px;font-weight:700;font-size:.8574rem;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 8px 24px #6e8bff59;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px #6e8bff73}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:#ffffff0d;color:var(--text);border:1px solid var(--border-strong);border-radius:10px;padding:12px 22px;font-weight:600;font-size:.8574rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:background .15s}.btn-ghost:hover{background:#ffffff17}.btn-sm{padding:8px 14px;font-size:.7671rem;border-radius:8px}input[type=text],select,textarea{width:100%;background:#0d1322;border:1px solid var(--border-strong);border-radius:10px;color:var(--text);padding:11px 14px;font-size:.8303rem;outline:none;transition:border .15s}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:120px}label.lbl{display:block;font-size:.6769rem;font-weight:700;color:var(--muted);margin:14px 0 6px;text-transform:uppercase;letter-spacing:.06em}.pill{display:inline-flex;align-items:center;gap:7px;font-size:.704rem;font-weight:700;padding:6px 13px;border-radius:999px;border:1px solid var(--border-strong);background:#ffffff0d;text-transform:uppercase;letter-spacing:.05em}.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.pill.live{border-color:#34d39980;color:var(--green)}.pill.live .dot{background:var(--green);animation:blink 1.2s infinite}.pill.thinking{border-color:#a06eff80;color:#c4a8ff}.pill.thinking .dot{background:var(--accent2);animation:blink .7s infinite}.pill.error{border-color:#f8717180;color:var(--red)}.pill.error .dot{background:var(--red)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.banner{border:1px solid rgba(251,191,36,.35);background:#fbbf2414;border-radius:12px;padding:12px 16px;font-size:.7897rem;line-height:1.55;color:#fde68a}.banner.info{border-color:#6e8bff59;background:#6e8bff14;color:#c3d0ff}.banner.error{border-color:#f8717166;background:#f8717114;color:#fca5a5}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:860px){.grid2{grid-template-columns:1fr}.container{padding:0 16px}input[type=text],select,textarea{font-size:16px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}