:root{--bg:#0a0a10;--bg-2:#0d0d15;--surface:#14141f;--surface-2:#191926;--surface-hover:#1f1f2e;--border:#ffffff14;--border-soft:#ffffff0d;--text:#f1efee;--text-dim:#9c98ac;--text-faint:#6c687e;--accent:#8b7cf6;--accent-2:#b6a9ff;--accent-soft:#8b7cf624;--gold:#d8cdb0;--radius:20px;--radius-sm:12px;--serif:"Instrument Serif",serif;--sans:"Bricolage Grotesque",sans-serif}html[data-theme=light]{--bg:#f6f4ef;--bg-2:#efece4;--surface:#fff;--surface-2:#f4f1ea;--surface-hover:#ece7dc;--border:#1e19141a;--border-soft:#1e19140f;--text:#1c1a22;--text-dim:#655f74;--text-faint:#948d9f;--accent:#6f5ce8;--accent-2:#8b7cf6;--accent-soft:#6f5ce81a}@media (prefers-color-scheme:light){html[data-theme=system]{--bg:#f6f4ef;--bg-2:#efece4;--surface:#fff;--surface-2:#f4f1ea;--surface-hover:#ece7dc;--border:#1e19141a;--border-soft:#1e19140f;--text:#1c1a22;--text-dim:#655f74;--text-faint:#948d9f;--accent:#6f5ce8;--accent-2:#8b7cf6;--accent-soft:#6f5ce81a}}html{transition:background-color .25s}body{transition:background-color .25s,color .25s}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;overflow-x:hidden}a{color:var(--accent-2)}a:hover{color:var(--accent)}.app{min-height:100vh;display:flex}.bg-glow{pointer-events:none;z-index:0;background:radial-gradient(600px 400px at 15% -5%,#8b7cf61a,#0000 60%),radial-gradient(500px 500px at 100% 100%,#8b7cf60f,#0000 60%);position:fixed;inset:0}.sidebar{background:var(--bg-2);border-right:1px solid var(--border-soft);z-index:2;flex-direction:column;flex:none;width:264px;height:100vh;padding:32px 20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.brand{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;margin-bottom:8px;padding:0 8px 32px;display:flex}.brand-mark{background:radial-gradient(circle at 35% 30%, #fff, var(--accent) 55%, #241f3a 100%);border-radius:50%;flex:none;width:34px;height:34px;box-shadow:0 0 18px #8b7cf666}.brand-name{font-family:var(--serif);letter-spacing:.3px;font-size:22px;font-style:italic}.nav{flex-direction:column;flex:1;gap:2px;margin-top:20px;display:flex}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-sep{background:var(--border-soft);height:1px;margin:14px 8px}.nav-item{color:var(--text-dim);cursor:pointer;letter-spacing:.2px;border:1px solid #0000;border-radius:11px;align-items:center;gap:13px;padding:11px 14px;font-size:14.5px;transition:all .18s;display:flex}.nav-item svg{opacity:.85;flex:none;width:17px;height:17px}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text);border-color:#8b7cf640}.nav-item.active svg{opacity:1;color:var(--accent-2)}.main{z-index:1;flex:1;min-width:0;margin-left:264px;position:relative}.screen{max-width:1180px;padding:56px 64px 80px;display:none}.screen.active{animation:.5s fadeUp;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-head{justify-content:space-between;align-items:flex-start;margin-bottom:44px;display:flex}.page-title{font-family:var(--serif);letter-spacing:.2px;font-size:44px;font-style:italic;font-weight:400}.page-sub{color:var(--text-dim);margin-top:8px;font-size:15px}.icon-btn{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text-dim);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.icon-btn svg{width:17px;height:17px}.card{background:linear-gradient(180deg,var(--surface),var(--surface) 60%,var(--surface-2));border:1px solid var(--border);border-radius:var(--radius);padding:34px}.grid2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.card-title{font-family:var(--serif);align-items:center;gap:10px;margin-bottom:6px;font-size:22px;font-style:italic;display:flex}.card-title svg{width:18px;height:18px;color:var(--accent-2)}.hair{background:var(--accent);border-radius:2px;width:36px;height:2px;margin:16px 0 22px}.divider-v{background:var(--border);align-self:stretch;width:1px}.pill{letter-spacing:.08em;text-transform:uppercase;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.pill-high{color:#e69a8b;background:#e66e5a24}.pill-med{color:var(--gold);background:#d8b55a24}.pill-low{color:#8fd0aa;background:#78be9624}.btn{font-family:var(--sans);cursor:pointer;letter-spacing:.2px;border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;font-size:14.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#0a0a10;padding:15px 26px;box-shadow:0 10px 30px -8px #8b7cf68c}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0;padding:13px 22px}.btn-ghost:hover{background:var(--surface-hover);border-color:#fff3}.btn-full{width:100%}.stat-row{margin-bottom:18px}.stat-row:last-child{margin-bottom:0}.stat-top{justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.stat-top span:first-child{color:var(--text)}.stat-top span:last-child{color:var(--text-dim);font-variant-numeric:tabular-nums}.bar-track{background:var(--surface-2);border-radius:99px;height:5px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:99px;height:100%}.weak-item{border-bottom:1px solid var(--border-soft);padding:18px 0}.weak-item:last-child{border-bottom:none;padding-bottom:0}.weak-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.weak-head b{font-size:15px;font-weight:600}.weak-said{color:var(--text-faint);margin-bottom:4px;font-size:13.5px;text-decoration:line-through}.weak-note{color:var(--text-dim);font-size:13.5px;line-height:1.55}.level-accord{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-bottom:12px;overflow:hidden}.level-head{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.level-head-l{font-family:var(--serif);align-items:center;gap:12px;font-size:19px;font-style:italic;display:flex}.level-dot{background:var(--accent-2);border-radius:50%;width:7px;height:7px}.level-body{grid-template-columns:1fr 1fr;gap:14px;padding:0 22px 22px;display:none}.level-accord.open .level-body{display:grid}.level-accord.open .chev{transform:rotate(90deg)}.chev{color:var(--text-dim);transition:all .2s}.ex-card{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:12px;padding:16px 18px}.ex-card b{margin-bottom:10px;font-size:14.5px;font-weight:600;display:block}.ex-start{color:var(--accent-2);cursor:pointer;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.ex-start svg{width:13px;height:13px}.phase-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px}.phase-card b{font-family:var(--serif);margin-bottom:10px;font-size:19px;font-style:italic;font-weight:400;display:block}.phase-card p{color:var(--text-dim);margin-bottom:16px;font-size:14px;line-height:1.6}.phase-card-meta{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:12px}.exam-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:640px;margin-bottom:20px;display:flex}.exam-timer-chip{background:var(--surface);border:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--text-dim);border-radius:99px;padding:8px 16px;font-size:13px}.exam-timer-chip.urgent{color:#e69a8b;background:#e66e5a24;border-color:#0000}.exam-question-counter{color:var(--gold);background:#d8b55a24;border-radius:99px;padding:8px 14px;font-size:12.5px;font-weight:600}.exam-question-counter.ready{color:#8fd0aa;background:#78be9624}.scenario-loading{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:80px 0;display:flex}.scenario-loading b{font-family:var(--serif);font-size:22px;font-style:italic}.scenario-loading span{color:var(--text-dim);font-size:14px}.poster-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;width:100%;max-width:560px;margin-bottom:28px;overflow:hidden}.poster-hero{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,var(--surface-2),var(--surface-hover));width:100%;display:block}.poster-hero--empty{text-align:center;justify-content:center;align-items:center;padding:0 16px;display:flex}.poster-hero-note{color:var(--muted,#6c6c64);max-width:34ch;font-size:12px;line-height:1.45}.poster-body{padding:22px 24px}.poster-title{font-family:var(--serif);margin-bottom:4px;font-size:22px;font-style:italic}.poster-subtitle{color:var(--text-dim);margin-bottom:14px;font-size:13.5px}.poster-bullets{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.poster-bullets.grid2{grid-template-columns:1fr 1fr}.poster-bullet{color:var(--text-dim);gap:8px;font-size:13.5px;line-height:1.5;display:flex}.poster-bullet:before{content:"✓";color:var(--accent-2);flex:none}.poster-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.poster-price-pill{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#0a0a10;border-radius:99px;padding:8px 16px;font-size:14px;font-weight:700}.poster-phone{color:var(--text-dim);align-items:center;gap:6px;font-size:13px;display:flex}.poster-skeleton .poster-hero,.poster-skeleton .poster-title,.poster-skeleton .poster-subtitle{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 50%,var(--surface-2) 75%);color:#0000;background-size:200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite posterShimmer}@keyframes posterShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.topic-banner{background:var(--surface-2);border:1px solid var(--border);text-align:left;border-radius:16px;max-width:560px;margin-bottom:28px;padding:16px 22px}.topic-banner-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:4px;font-size:11px}.topic-banner-text{font-family:var(--serif);font-size:19px;font-style:italic}.exam-finish-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-faint);cursor:not-allowed;border-radius:99px;height:56px;padding:0 20px;font-size:13px;font-weight:600}.exam-finish-btn.ready{cursor:pointer;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#0a0a10;border:none}.exam-end-card{text-align:center;max-width:560px;margin:0 auto}.exam-end-score{font-family:var(--serif);margin:6px 0 14px;font-size:48px;font-style:italic}.score-badge-great{color:#8fd0aa;background:#78be9624}.score-badge-good{color:var(--gold);background:#d8b55a24}.score-badge-weak{color:#e69a8b;background:#e66e5a24}.exam-end-recommendations{text-align:left;color:var(--text-dim);margin:14px 0 26px;padding-left:20px}.exam-expired-badge{color:var(--gold);background:#d8b55a24}.exam-end-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.voice-screen{text-align:center;flex-direction:column;align-items:center;padding:20px 0 10px;display:flex}.session-tag{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:16px;max-width:640px;margin-bottom:56px;padding:20px 26px;font-size:14px;line-height:1.6}.session-tag b{color:var(--text)}.orb-wrap{justify-content:center;align-items:center;width:260px;height:260px;margin-bottom:34px;display:flex;position:relative}.orb-ring{opacity:.6;border:1px solid #8b7cf659;border-radius:50%;position:absolute}.orb-ring.r1{animation:14s linear infinite spin;inset:0}.orb-ring.r2{animation:20s linear infinite reverse spin;inset:26px}.orb-ring.r3{border-style:dashed;animation:26s linear infinite spin;inset:52px}@keyframes spin{to{transform:rotate(360deg)}}.orb-core{background:radial-gradient(circle at 38% 32%, #fff, var(--accent-2) 40%, var(--accent) 65%, #241f3a 100%);border-radius:50%;width:150px;height:150px;transition:box-shadow .6s;animation:4.5s ease-in-out infinite breathe;position:relative;box-shadow:0 0 70px 10px #8b7cf673,0 0 140px 30px #8b7cf62e}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.orb-wrap.listening .orb-core{animation:1.1s ease-in-out infinite listenPulse}.orb-wrap.listening .orb-ring{animation-duration:5s,7s,9s}@keyframes listenPulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.orb-wrap.speaking .orb-core{animation:1.8s ease-in-out infinite speakPulse;box-shadow:0 0 90px 16px #8b7cf699,0 0 160px 40px #8b7cf640}@keyframes speakPulse{0%,to{transform:scale(1)rotate(0)}33%{transform:scale(1.06)rotate(3deg)}66%{transform:scale(.97)rotate(-3deg)}}.orb-status{font-family:var(--serif);margin-bottom:8px;font-size:24px;font-style:italic}.orb-hint{color:var(--text-dim);max-width:340px;margin-bottom:38px;font-size:14px;line-height:1.6}.orb-controls{gap:16px;display:flex}.speed-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:99px;padding:8px 16px;font-size:12.5px;position:absolute;top:56px;right:64px}.mic-fab{border:1px solid var(--border);background:var(--surface);width:56px;height:56px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.mic-fab.end{color:#1a0f0a;background:linear-gradient(#e69a8b,#c96b57);border:none}.mic-fab svg{width:20px;height:20px}.chat-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:99px;gap:8px;padding:4px;display:flex}.chat-toggle button{color:var(--text-dim);font-family:var(--sans);cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:600;display:flex}.chat-toggle button.active{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#0a0a10}.chat-toggle svg{width:14px;height:14px}.chat-box{flex-direction:column;justify-content:flex-end;gap:14px;min-height:360px;display:flex}.msg{gap:14px;max-width:640px;display:flex}.msg-av{background:radial-gradient(circle at 35% 30%,#fff,var(--accent) 60%);border-radius:50%;flex:none;width:34px;height:34px}.msg-bubble{background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text-dim);border-radius:14px;padding:16px 18px;font-size:14.5px;line-height:1.6}.chat-input-row{gap:12px;margin-top:26px;display:flex}.chat-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--sans);border-radius:99px;flex:1;padding:15px 22px;font-size:16px}.chat-input::placeholder{color:var(--text-faint)}.send-btn{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#0a0a10;cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.send-btn svg{width:18px;height:18px}.listen-panel{background:var(--surface-2);border:1px solid var(--border-soft);text-align:center;border-radius:16px;margin-bottom:30px;padding:44px}.listen-title{font-family:var(--serif);margin-bottom:24px;font-size:26px;font-style:italic}.play-orb{background:radial-gradient(circle at 35% 30%,#fff,var(--accent) 60%);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 14px;display:flex;box-shadow:0 0 40px #8b7cf666}.play-orb svg{color:#0a0a10;width:22px;height:22px;margin-left:3px}.listen-hint{color:var(--text-faint);font-size:13px}.qtitle{margin-bottom:16px;font-size:16px;font-weight:600}.opt{background:var(--surface-2);border:1px solid var(--border-soft);cursor:pointer;border-radius:12px;margin-bottom:10px;padding:16px 20px;font-size:14.5px;transition:all .15s}.opt:hover{background:var(--accent-soft);border-color:#8b7cf666}.opt.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.stat3{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px;display:grid}.stat-card{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:14px;padding:22px}.stat-card span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:12.5px;display:block}.stat-card b{font-family:var(--serif);font-size:32px;font-style:italic;font-weight:400}.cefr-chart{align-items:flex-end;gap:14px;height:150px;margin-bottom:10px;display:flex}.cefr-bar{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px 8px 3px 3px;flex:1}.cefr-bar.on{background:linear-gradient(180deg,var(--accent-2),var(--accent));border:none}.cefr-labels{color:var(--text-faint);justify-content:space-between;font-size:12.5px;display:flex}.mistake-card{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:14px;margin-bottom:16px;padding:22px 24px}.mistake-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mistake-said{color:var(--text-faint);margin-bottom:6px;font-size:14px;text-decoration:line-through}.mistake-fix{margin-bottom:10px;font-size:14.5px}.mistake-fix b{color:var(--accent-2)}.mistake-note{color:var(--text-dim);font-size:13.5px;line-height:1.6}.practice-this{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:99px;flex:none;padding:9px 18px;font-size:12.5px}label{color:var(--text-dim);letter-spacing:.02em;margin-bottom:9px;font-size:13px;display:block}.field{margin-bottom:24px}.input{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--sans);border-radius:12px;padding:15px 18px;font-size:16px}.input:focus{border-color:var(--accent);outline:none}.field-2{grid-template-columns:1fr 1fr;gap:22px;display:grid}.voice-opts{grid-template-columns:1fr 1fr;gap:14px;display:grid}.voice-opt{background:var(--surface-2);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:14px;padding:18px;font-size:14.5px;font-weight:600}.voice-opt.active{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#0a0a10;border-color:#0000}.m-topbar,.m-tabbar,.m-sheet,.m-sheet-backdrop{display:none}@media (width<=820px){.sidebar{display:none}.app{display:block}.main{width:100%;margin-left:0}.screen{padding:calc(env(safe-area-inset-top,0px) + 76px) 20px calc(env(safe-area-inset-bottom,0px) + 96px)}.page-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:28px}.page-title{font-size:32px}.icon-btn{display:none}.grid2,.field-2,.stat3,.voice-opts{grid-template-columns:1fr}.card{border-radius:16px;padding:24px 20px}.dash-hero-grid{grid-template-columns:1fr!important;gap:26px!important}.divider-v{display:none}.speed-chip{top:calc(env(safe-area-inset-top,0px) + 20px);right:20px}.orb-wrap{width:200px;height:200px}.orb-core{width:118px;height:118px}.session-tag{margin-bottom:36px;font-size:13.5px}.m-topbar{height:calc(env(safe-area-inset-top,0px) + 56px);padding:env(safe-area-inset-top,0px) 18px 0;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border-bottom:1px solid var(--border-soft);z-index:20;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.m-brand{font-family:var(--serif);align-items:center;gap:10px;font-size:18px;font-style:italic;display:flex}.m-tabbar{padding:8px 6px calc(env(safe-area-inset-bottom,0px) + 8px);background:color-mix(in srgb, var(--bg-2) 88%, transparent);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);border-top:1px solid var(--border-soft);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.m-tab{color:var(--text-faint);letter-spacing:.02em;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 2px;font-size:10.5px;display:flex}.m-tab svg{width:22px;height:22px}.m-tab.active{color:var(--accent-2)}.m-tab-orb{margin-top:-22px;position:relative}.m-tab-orb-core{background:radial-gradient(circle at 38% 32%,#fff,var(--accent-2) 45%,var(--accent) 75%);width:46px;height:46px;box-shadow:0 0 0 5px var(--bg),0 6px 20px -4px #8b7cf6b3;border-radius:50%;margin-bottom:2px}.m-tab-orb.active .m-tab-orb-core{animation:3s ease-in-out infinite breathe}.m-sheet-backdrop{z-index:29;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s;display:block;position:fixed;inset:0}.m-sheet-backdrop.show{opacity:1;pointer-events:auto}.m-sheet{background:var(--surface);border-top:1px solid var(--border);padding:10px 10px calc(env(safe-area-inset-bottom,0px) + 20px);z-index:30;border-radius:22px 22px 0 0;max-height:75vh;transition:transform .32s cubic-bezier(.32,.72,0,1);display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.m-sheet.show{transform:translateY(0)}.m-sheet-handle{background:var(--border);border-radius:99px;width:36px;height:4px;margin:6px auto 14px}.m-sheet-item{color:var(--text);border-radius:12px;align-items:center;gap:14px;padding:16px 14px;font-size:15px;font-weight:500;display:flex}.m-sheet-item svg{width:19px;height:19px;color:var(--accent-2);flex:none}.m-sheet-item:active{background:var(--surface-hover)}.auth-card{width:calc(100% - 40px);padding:40px 26px}}.auth-screen{z-index:10;background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px 0;display:none;position:fixed;inset:0;overflow-y:auto}.auth-screen.active{animation:.5s fadeUp;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:24px;width:100%;max-width:420px;margin:auto;padding:48px 40px}.auth-mark{background:radial-gradient(circle at 35% 30%,#fff,var(--accent) 55%,#241f3a 100%);border-radius:50%;width:56px;height:56px;margin:0 auto 22px;box-shadow:0 0 30px #8b7cf666}.auth-title{font-family:var(--serif);margin-bottom:8px;font-size:32px;font-style:italic}.auth-sub{color:var(--text-dim);margin-bottom:32px;font-size:14px}.auth-card .field{text-align:left}.auth-foot{color:var(--text-dim);margin-top:24px;font-size:13.5px}.theme-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:99px;align-items:center;gap:2px;margin:18px 0 4px;padding:3px;display:flex}.theme-toggle button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:99px;flex:1;justify-content:center;align-items:center;padding:8px 0;display:flex}.theme-toggle button svg{width:15px;height:15px}.theme-toggle button.active{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#0a0a10}.m-theme-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;display:flex}.m-theme-btn svg{width:16px;height:16px}