:root{--auth-bg1: rgba(59, 130, 246, .14);--auth-bg2: rgba(34, 197, 94, .1);--auth-glow: rgba(59, 130, 246, .18);--auth-card: rgba(16, 26, 46, .78);--auth-border: rgba(255, 255, 255, .14);--auth-shadow: 0 24px 60px rgba(0, 0, 0, .45);--auth-radius: 18px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px 16px;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";position:absolute;inset:auto;width:520px;height:520px;border-radius:999px;filter:blur(60px);opacity:.9;pointer-events:none;z-index:0}.auth-page:before{top:-140px;left:-160px;background:radial-gradient(circle at 30% 30%,var(--auth-bg1),transparent 60%)}.auth-page:after{bottom:-170px;right:-180px;background:radial-gradient(circle at 70% 70%,var(--auth-bg2),transparent 60%)}.auth-card{position:relative;z-index:1;width:min(420px,92vw);padding:22px 20px 18px;border-radius:var(--auth-radius);border:1px solid var(--auth-border);background:linear-gradient(180deg,var(--auth-card),rgba(16,26,46,.62));box-shadow:var(--auth-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-title{margin:0 0 14px;font-size:22px;letter-spacing:.2px;font-weight:800;line-height:1.2}.auth-subtitle{margin:-8px 0 16px;color:#e8eefcb8;font-size:13px}.auth-input{width:100%;appearance:none;margin-top:10px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.auth-input::placeholder{color:#9fb0d0b8}.auth-input:focus{border-color:#3b82f68c;box-shadow:0 0 0 4px #3b82f62e;background:#ffffff0e}.auth-input:autofill,.auth-input:-webkit-autofill{-webkit-text-fill-color:var(--text);transition:background-color 999999s ease-in-out 0s;box-shadow:0 0 0 30px #ffffff0a inset}.auth-button{width:100%;margin-top:14px;padding:12px 14px;border:0;border-radius:14px;cursor:pointer;font-weight:800;letter-spacing:.2px;color:#fff;background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 10px 26px #3b82f647;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.auth-button:hover{filter:brightness(1.05);box-shadow:0 14px 34px #3b82f657;transform:translateY(-1px)}.auth-button:active{transform:translateY(0);filter:brightness(.98)}.auth-button.green{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 10px 26px #22c55e38}.auth-button.green:hover{box-shadow:0 14px 34px #22c55e47}.auth-footer{margin-top:14px;text-align:center;color:#e8eefcb8;font-size:13px;line-height:1.4}.auth-footer a{color:#e8eefceb;font-weight:800;text-decoration:none;padding:2px 6px;border-radius:10px;transition:background .12s ease,color .12s ease}.auth-footer a:hover{background:#ffffff14;color:#fff}@media(prefers-reduced-motion:reduce){.auth-input,.auth-button,.auth-footer a{transition:none!important}.auth-button:hover{transform:none!important}}@media(max-width:420px){.auth-card{padding:20px 16px 16px}.auth-title{font-size:20px}}:root{--bg: #0b1220;--card: #101a2e;--text: #e8eefc;--muted: #9fb0d0;--border: rgba(255, 255, 255, .12);--btn: #3b82f6;--btn2: rgba(255, 255, 255, .08);--danger: #ef4444}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system}body{background:var(--bg);color:var(--text);overflow-y:auto}.page,.app,.layout{min-height:100%;overflow-y:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:#00000026}.brand{font-weight:700;letter-spacing:.2px}.nav{display:flex;gap:12px}.navLink{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:10px}.navLink:hover{background:var(--btn2);color:var(--text)}.appShell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.page{flex:1;overflow-y:auto;padding:18px;display:flex;justify-content:center;align-items:flex-start}.card{width:min(980px,96vw);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 10px 30px #00000040;max-height:calc(100vh - 140px);overflow-y:auto}.h1{margin:0 0 6px;font-size:22px}.muted{color:var(--muted)}.hint{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.4}.field{margin-top:14px;display:flex;flex-direction:column;gap:8px}.label{font-size:13px;color:var(--muted)}.input,.textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);outline:none;background:#ffffff08;color:var(--text)}.textarea{resize:vertical}.row{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}@media(max-width:820px){.grid2{grid-template-columns:1fr}}.btn,.btnSecondary,.btnDanger{border:0;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:600}.btn{background:var(--btn);color:#fff}.btn:hover{filter:brightness(1.05)}.btnSecondary{background:var(--btn2);color:var(--text);border:1px solid var(--border)}.btnSecondary:hover{background:#ffffff1f}.btnDanger{background:var(--danger);color:#fff}.error{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(239,68,68,.35);background:#ef44441f;color:#ffd5d5}.panel{margin-top:14px;padding:12px;border-radius:14px;border:1px solid var(--border);background:#ffffff08}.panelTitle{font-size:13px;color:var(--muted);margin-bottom:8px}.question{font-size:16px;line-height:1.5;white-space:pre-wrap}.audio{width:min(520px,100%)}.transcriptBox{margin-top:10px;padding:10px;border-radius:12px;border:1px solid var(--border);background:#0000002e}.smallLabel{font-size:12px;color:var(--muted);margin-bottom:6px}.transcriptText{white-space:pre-wrap;line-height:1.5}.interim{margin-top:6px;color:var(--muted);font-size:12px}.list{margin-top:12px;display:flex;flex-direction:column;gap:10px}.listItem{padding:12px;border-radius:14px;border:1px solid var(--border);background:#ffffff08;cursor:pointer}.listItem:hover{background:#ffffff0f}.listTitle{font-weight:700;font-size:13px}.listMeta{display:flex;gap:10px;align-items:center;margin-top:6px;flex-wrap:wrap}.badgeLive,.badgeDone{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--border)}.badgeLive{background:#3b82f62e}.badgeDone{background:#22c55e2e}.big{font-size:26px;font-weight:800}.textBlock{white-space:pre-wrap;line-height:1.5}.qaCard{margin-top:10px;padding:12px;border-radius:14px;border:1px solid var(--border);background:#ffffff05}.btn:disabled,.btnSecondary:disabled,.btnDanger:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.2);box-shadow:none;transform:none}.btn:disabled:hover,.btnSecondary:disabled:hover,.btnDanger:disabled:hover{background:inherit;filter:none}.btn:disabled,.btnSecondary:disabled,.btnDanger:disabled{pointer-events:none}