:root,[data-theme=dark]{--bg: #0B0B0F;--surface: #1A1D24;--card: #1A1D24;--secondary: #6a6a85;--border: rgba(106, 106, 133, .45);--accent: #3B82F6;--accent-hover: #2563EB;--accent-gradient: linear-gradient(135deg, #3B82F6, #2563EB);--accent2: #f43f5e;--accent3: #10b981;--text: #ffffff;--muted: #6a6a85;--user-bg: linear-gradient(135deg, #1e3a5f, #1e40af);--ai-bg: #1A1D24;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius: var(--radius-md);--font-ui: "Outfit", "Inter", sans-serif;--font-mono: "Space Mono", monospace;--glow-accent: rgba(59, 130, 246, .28);--glow-success: rgba(16, 185, 129, .25);--glow-error: rgba(244, 63, 94, .2);--hover-bg: rgba(106, 106, 133, .18);--settings-glass: rgba(26, 29, 36, .72);--settings-border: rgba(106, 106, 133, .55);--color-scheme: dark}[data-theme=light]{--bg: #ffffff;--surface: #F8F8FA;--card: #F8F8FA;--secondary: #6a6a85;--border: rgba(106, 106, 133, .35);--accent: #3B82F6;--accent-hover: #2563EB;--accent-gradient: linear-gradient(135deg, #3B82F6, #2563EB);--accent2: #f43f5e;--accent3: #10b981;--text: #0B0B0F;--muted: #6a6a85;--user-bg: linear-gradient(135deg, #3B82F6, #2563EB);--ai-bg: #F8F8FA;--glow-accent: rgba(59, 130, 246, .22);--glow-success: rgba(16, 185, 129, .2);--glow-error: rgba(244, 63, 94, .18);--hover-bg: rgba(106, 106, 133, .12);--settings-glass: rgba(248, 248, 250, .78);--settings-border: rgba(106, 106, 133, .45);--color-scheme: light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:var(--color-scheme)}html,body,header,main,nav,.sidebar,.feature-section,.btn-icon,.btn-primary,.btn-secondary,.tab-btn,.card,.settings-panel-card,.modal-content,#input-bar,.sidebar-handle{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);height:100dvh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);gap:10px;flex-shrink:0;z-index:20;position:sticky;top:0}.logo{display:inline-flex;align-items:center;gap:0;padding:0;margin:0;border:none;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s;flex-shrink:1;min-width:0}.logo:hover{opacity:.9}.logo-img{height:44px;width:auto;max-width:min(220px,46vw);object-fit:contain;object-position:left center;background:transparent;border:none;border-radius:0;padding:0;display:block}[data-theme=light] .brand-logo-wrap{background:#0a0a0a;border-radius:10px;padding:4px 10px;display:inline-flex;align-items:center}.auth-gate-brand-img{display:block;height:56px;width:auto;max-width:min(300px,78vw);margin:0 auto 4px;object-fit:contain;background:transparent;border:none;border-radius:0;padding:0}[data-theme=light] .auth-gate-brand .brand-logo-wrap{background:#0a0a0a;border-radius:12px;padding:8px 14px;display:inline-flex;justify-content:center}.logo-icon{width:38px;height:38px;border-radius:var(--radius-lg);background:var(--accent-gradient);display:none;place-items:center;font-size:1.15rem;box-shadow:0 4px 12px #00000026}.logo span{display:none}.header-right{display:flex;gap:8px;align-items:center;flex-shrink:0}.btn-icon{background:#ffffff0a;border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);padding:8px 14px;cursor:pointer;transition:all .15s ease-out;display:flex;align-items:center;gap:6px;font-family:var(--font-ui);font-weight:700;font-size:.85rem}.btn-icon:hover,.btn-icon.active{border-color:var(--accent);color:var(--text);background:#3b82f624;box-shadow:0 0 12px var(--glow-accent);transform:translateY(0)}.btn-icon:active{transform:translateY(0)}main{flex:1;display:flex;overflow:hidden;position:relative}.sidebar-handle{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:56px;background:var(--surface);border:1px solid var(--border);color:var(--secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1200;pointer-events:auto;box-shadow:0 4px 14px #00000040,0 0 0 1px var(--border);transition:left .22s cubic-bezier(.4,0,.2,1),right .22s cubic-bezier(.4,0,.2,1),background .25s ease,color .25s ease,border-color .25s ease;outline:none;-webkit-user-select:none;user-select:none;padding:0}.sidebar-handle:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 18px #3b82f673}.sidebar-handle .handle-arrow{font-size:16px;font-weight:700;line-height:1;transition:transform .22s ease}.sidebar-handle .handle-icon{display:none;font-size:1.15rem;line-height:1}#left-sidebar-handle{left:290px;border-radius:0 14px 14px 0;border-left:none}main.left-collapsed #left-sidebar-handle{left:0}#right-sidebar-handle{right:300px;border-radius:14px 0 0 14px;border-right:none}main.right-collapsed #right-sidebar-handle{right:0}#sidebar{width:290px;min-width:290px;max-width:290px;flex:0 0 290px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;align-self:stretch;min-height:0;position:relative;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1),max-width .22s cubic-bezier(.4,0,.2,1),flex-basis .22s cubic-bezier(.4,0,.2,1),border-right-width .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:200}.sidebar-content{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.sidebar-content::-webkit-scrollbar{width:5px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--accent)}#sidebar.hidden{width:0!important;min-width:0!important;max-width:0!important;flex:0 0 0!important;flex-basis:0!important;border-right-width:0!important;padding:0!important;margin:0!important;overflow:hidden!important;transform:translate(-100%);pointer-events:none}#sidebar.hidden .sidebar-content{display:none!important}.sb-header{padding:6px 12px;flex-shrink:0;border-bottom:1px solid var(--border)}#new-chat-btn{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:8px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-md);color:var(--text);font-weight:700;font-size:.92rem;cursor:pointer;transition:all .2s ease}#new-chat-btn:hover{background:#3b82f638;border-color:var(--accent);box-shadow:0 0 12px var(--glow-accent)}.sb-conv-list{padding:8px 10px 0;display:flex;flex-direction:column;gap:8px}.sb-conv-empty{padding:28px 16px;color:var(--muted);font-size:.88rem;line-height:1.5;text-align:center}.sb-conv-empty strong{display:block;color:var(--text);font-size:.92rem;margin-bottom:6px}.sb-conv-group{display:flex;flex-direction:column;gap:4px}.sb-conv-group-title{font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.9px;color:var(--muted);padding:6px 12px 4px;-webkit-user-select:none;user-select:none}.sb-conv-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text);font-size:.89rem;cursor:pointer;position:relative;transition:background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.sb-conv-item:hover{background:#ffffff0d}.sb-conv-item.active{background:#3b82f633;border:1px solid rgba(59,130,246,.35);color:#fff;font-weight:700}.sb-conv-icon{font-size:.95rem;opacity:.8;flex-shrink:0}.sb-conv-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.89rem;line-height:1.3}.sb-conv-menu-btn{background:transparent;border:none;color:var(--muted);font-size:1.15rem;padding:2px 6px;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease;flex-shrink:0;line-height:1}.sb-conv-item:hover .sb-conv-menu-btn,.sb-conv-item.active .sb-conv-menu-btn,.sb-conv-menu-btn.active-menu{opacity:1}.sb-conv-menu-btn:hover{background:#ffffff1f;color:var(--text)}.sb-conv-menu-dropdown{position:absolute;right:10px;top:38px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 25px #00000080;display:none;flex-direction:column;padding:5px;z-index:100;min-width:150px;animation:menuFadeIn .15s ease both}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sb-conv-menu-dropdown.show{display:flex}.sb-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;color:var(--text);font-size:.83rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;width:100%;text-align:left;transition:background .12s ease}.sb-menu-item:hover{background:#ffffff14}.sb-menu-item.danger{color:#f43f5e}.sb-menu-item.danger:hover{background:#f43f5e26}.sb-footer{padding:12px 12px 14px;border-top:1px solid var(--border);background:linear-gradient(180deg,#0000000f,#00000029);flex-shrink:0;margin-top:0}#sidebar[data-logged-in="1"] .sb-conv-list{flex:1 1 auto;min-height:0;padding-bottom:8px}#sidebar[data-logged-in="1"] .sb-footer{display:block;padding-top:8px}#sidebar[data-logged-in="1"] .sb-footer .auth-card{display:none!important}#sidebar:not([data-logged-in="1"]) .sb-footer{display:none}#sidebar .sb-left-tools{display:none}.auth-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.auth-gate[hidden]{display:none!important}.auth-gate-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 20%,rgba(56,189,248,.12),transparent 55%),#060a14d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-gate-panel{position:relative;z-index:1;width:min(400px,calc(100vw - 24px));max-height:min(92vh,720px);overflow:auto;padding:22px 20px 20px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(165deg,#162034fa,#0c1220fa);box-shadow:0 24px 64px #00000073}.auth-gate-brand{text-align:center;margin:0 0 8px;line-height:0}.auth-gate-sub{text-align:center;color:var(--muted);font-size:.9rem;margin:0 0 16px;line-height:1.4}.auth-gate .auth-card{border:none;background:transparent;padding:0;box-shadow:none}.auth-gate .auth-card h3{text-align:center;font-size:1.05rem;margin-bottom:12px;color:var(--text)}body.auth-gate-open{overflow:hidden}html.sb-boot-remembered body.auth-gate-open{overflow:auto}html.sb-boot-remembered #auth-gate{display:none!important}.sb-tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9600;pointer-events:none}.sb-tour[hidden]{display:none!important}.sb-tour-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:auto}.sb-tour-card{position:absolute;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(400px,calc(100vw - 24px));padding:18px 18px 14px;border-radius:14px;border:1px solid var(--border);background:#121a2afa;box-shadow:0 16px 48px #0006;pointer-events:auto;isolation:isolate;z-index:9600}#sb-tour-next{width:auto;min-width:88px;background:var(--accent)!important;color:#fff!important;border:none!important;opacity:1!important;box-shadow:0 4px 12px var(--glow-accent)}#sb-tour-next:hover,#sb-tour-next:active{background:var(--accent-hover)!important;color:#fff!important;opacity:1!important}.sb-tour-step{font-size:.75rem;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.sb-tour-card h3{margin:0 0 8px;font-size:1.15rem;color:var(--text)}.sb-tour-card p{margin:0 0 14px;font-size:.92rem;line-height:1.45;color:var(--muted)}.sb-tour-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}.sb-tour-actions .sb-tour-skip{margin-right:auto}.sb-tour-spotlight{position:relative!important;z-index:9205!important;outline:3px solid #60a5fa!important;outline-offset:4px;border-radius:12px!important;box-shadow:0 0 0 4px #60a5fa66,0 0 0 9999px #020612c7!important;animation:sbTourPulse 1.4s ease-in-out infinite}#sidebar.sb-tour-spotlight,#dict-sidebar.sb-tour-spotlight,#settings-panel.sb-tour-spotlight,#more-tabs-menu.sb-tour-spotlight{z-index:9205!important}.sb-tour-spotlight-ring{position:relative!important;z-index:9206!important;outline:2px solid #93c5fd!important;outline-offset:3px;border-radius:10px!important;box-shadow:0 0 0 3px #60a5fa4d!important}@keyframes sbTourPulse{0%,to{outline-color:#60a5fa}50%{outline-color:#93c5fd}}[data-theme=light] .auth-gate-backdrop{background:radial-gradient(ellipse 80% 60% at 50% 20%,rgba(59,130,246,.14),transparent 55%),#f8fafcc7}[data-theme=light] .auth-gate-panel{background:linear-gradient(165deg,#fff,#f1f5f9);border-color:#0f172a1f;box-shadow:0 24px 64px #0f172a24;color:var(--text)}[data-theme=light] .auth-gate-brand,[data-theme=light] .auth-gate .auth-card h3,[data-theme=light] .auth-gate #auth-mode-title{color:var(--text)}[data-theme=light] .auth-gate-sub,[data-theme=light] .auth-gate .field label,[data-theme=light] .auth-gate .field label small{color:var(--muted)}[data-theme=light] .auth-gate .btn-icon{color:var(--text);border-color:var(--border);background:#ffffffe6}[data-theme=light] .sb-tour-backdrop{background:#0f172a59}[data-theme=light] .sb-tour-card{background:#fff;border-color:#0f172a1f;box-shadow:0 16px 48px #0f172a29;color:var(--text)}[data-theme=light] .sb-tour-card h3{color:var(--text)}[data-theme=light] .sb-tour-card p,[data-theme=light] .sb-tour-step{color:var(--muted)}[data-theme=light] .hint-box{background:#f1f5f9f2;color:var(--muted)}#sidebar[data-logged-in="1"] .sb-left-tools{display:flex;flex-direction:column;gap:8px}.sidebar-tools{display:flex;flex-direction:column;gap:8px;padding-top:2px}.sidebar-tool-row,.sidebar-prefs-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sidebar-prefs-row .field{margin:0;min-width:0}.sidebar-prefs-row label{font-weight:700;font-size:.68rem;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:block}.sidebar-prefs-row .input{padding:6px 8px;font-size:.78rem;border-radius:8px;min-height:32px;width:100%}.tools-account-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 2px;background:transparent;border:none;color:var(--muted);font-family:var(--font-ui);font-size:.78rem;font-weight:700;cursor:pointer;text-align:left}.tools-account-toggle:hover{color:var(--text)}#tools-account-content.collapsed{display:none}.sidebar-chip-btn{width:100%;min-height:36px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-family:var(--font-ui);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease;text-align:center}.sidebar-chip-btn:hover{border-color:#3b82f673;background:#3b82f61a}.compact-focus-bar{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.compact-focus-bar .focus-bar-main-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.compact-focus-bar .focus-label{font-weight:800;font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}.compact-focus-bar #timer-display{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;font-weight:900;color:var(--text)}.focus-detail-pill-box{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:#00000038;border-radius:9999px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.focus-detail-pill-title{font-size:.74rem;font-weight:700;color:var(--text);display:inline-flex;align-items:center;gap:5px;letter-spacing:.01em}.focus-pill-switch{position:relative;display:inline-block;width:38px;height:20px;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.focus-pill-switch input{opacity:0;width:0;height:0;position:absolute}.focus-pill-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff26;border-radius:9999px;transition:background .25s ease,box-shadow .25s ease;border:1px solid rgba(255,255,255,.12)}.focus-pill-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.focus-pill-switch input:checked+.focus-pill-track{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 0 10px #6366f173;border-color:#6366f199}.focus-pill-switch input:checked+.focus-pill-track .focus-pill-thumb{transform:translate(18px)}.explain-detail-btn{background:linear-gradient(135deg,#6366f126,#3b82f61f)!important;border-color:#6366f159!important;color:#93c5fd!important;font-weight:700!important}.explain-detail-btn:hover{background:linear-gradient(135deg,#6366f147,#3b82f638)!important;border-color:#6366f18c!important;color:#fff!important;box-shadow:0 2px 8px #6366f140}#focus-tab-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9800;background:#060a14c7;display:flex;align-items:center;justify-content:center;padding:24px}#focus-tab-lock[hidden]{display:none!important}.focus-tab-lock-card{width:min(420px,100%);background:var(--settings-glass, #111827);border:1px solid var(--border);border-radius:16px;padding:22px;text-align:center;color:var(--text)}.focus-tab-lock-card h3{margin:0 0 8px}.focus-tab-lock-card p{margin:0 0 16px;color:var(--muted);font-size:.9rem}.focus-tab-lock-actions{display:flex;gap:10px}.sidebar-account-card{border:1px solid var(--border);border-radius:12px;background:#ffffff05;padding:10px;display:flex;flex-direction:column;gap:8px;margin-top:0}.sidebar-account-card.collapsed{display:none}.sidebar-account-card .field{margin:0}.sidebar-account-card label{font-weight:700;font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}.sidebar-account-card .input{padding:8px 12px;font-size:.82rem;border-radius:8px;min-height:36px}.sidebar-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.sidebar-account-actions .btn-primary,.sidebar-account-actions .btn-icon{width:100%;min-height:36px;padding:8px 12px;font-size:.78rem;border-radius:8px;justify-content:center}.auth-card[data-logged-in="1"] #auth-mode-title{font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:.01em;margin:0 0 4px;line-height:1.35}.auth-card[data-logged-in="1"]>.field:not(.register-only-field){margin-top:8px}#dict-sidebar{width:300px;min-width:300px;max-width:300px;flex:0 0 300px;height:100%;max-height:100%;min-height:0;align-self:stretch;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;position:relative;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1),max-width .22s cubic-bezier(.4,0,.2,1),flex-basis .22s cubic-bezier(.4,0,.2,1),border-left-width .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);overflow:hidden;box-sizing:border-box;z-index:200}#dict-sidebar.hidden{width:0!important;min-width:0!important;max-width:0!important;flex:0 0 0!important;flex-basis:0!important;border-left-width:0!important;padding:0!important;margin:0!important;overflow:hidden!important;transform:translate(100%);pointer-events:none}#dict-sidebar.hidden .sidebar-content{display:none!important}#nb-section-container{flex-shrink:0;overflow:visible}#nb-section-content{overflow:visible}#dict-sidebar .sidebar-content{flex:1;min-height:0;height:100%;overflow-y:auto!important;overflow-x:hidden!important}.nb-sidebar-add-form{flex-shrink:0;box-sizing:border-box}.nb-sidebar-add-form textarea#nb-input-content{max-height:100px;min-height:64px;resize:vertical}.sidebar-section-container{display:flex;flex-direction:column;width:100%}.sidebar-section-header{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease;border-bottom:1px solid transparent}.sidebar-section-header:hover{background:#ffffff0a}#dict-sidebar .dict-title,#dict-sidebar .nb-sidebar-title{font-size:.92rem;font-weight:800;letter-spacing:-.2px}#dict-sidebar .dict-search-row{padding:0 12px 12px!important;gap:8px}#dict-sidebar .dict-search-row input,#dict-sidebar .dict-search-row button{min-height:36px}#dict-sidebar .dict-body{padding:0 12px 16px!important}#dict-sidebar .dict-empty{padding:14px 4px 8px;font-size:.78rem;line-height:1.45;color:var(--muted);opacity:.9;border:none;background:transparent}#dict-sidebar .dict-empty .dict-empty-icon{display:block;margin-bottom:6px;opacity:.55;font-size:1.1rem}select option,select.input option,.input option{background-color:#1e293b!important;color:#f8fafc!important;padding:6px 10px}#dict-sidebar .nb-subject-select-row{padding:0 12px 12px!important}#dict-sidebar .nb-subject-select-row select{min-height:36px}#dict-sidebar #nb-sidebar-body{padding:0 12px 16px!important;gap:12px!important}#dict-sidebar .nb-sidebar-cat-card{padding:12px;border-radius:10px;background:#ffffff05;gap:10px}#dict-sidebar .nb-sidebar-cat-card.nb-cat-empty{padding:0;background:transparent;border:none;gap:0}#dict-sidebar .nb-sidebar-cat-header{font-size:.8rem;min-height:32px}#dict-sidebar .nb-cat-empty-header{opacity:.72;font-weight:650;padding:4px 2px}#dict-sidebar .nb-empty-all{text-align:center;padding:18px 8px;color:var(--muted);font-size:.8rem;line-height:1.45}#dict-section-container{margin-bottom:4px}#nb-section-container{margin-top:8px;padding-top:4px}.section-toggle-icon{font-size:.72rem;color:var(--muted);transition:transform .2s ease;display:inline-block}.section-toggle-icon.collapsed{transform:rotate(-90deg)}.sidebar-section-content{transition:opacity .2s ease}.sidebar-section-content.collapsed{display:none}.nb-sidebar-header{padding:16px 18px 12px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:10px}.nb-sidebar-title-row{display:flex;align-items:center;justify-content:space-between}.nb-sidebar-title{font-weight:900;font-size:1.05rem;display:flex;align-items:center;gap:8px;letter-spacing:-.3px;color:var(--text)}.nb-sidebar-title span{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nb-sidebar-cat-card{background:#1e293b59;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px}.nb-sidebar-cat-header{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:.88rem;color:var(--text)}.nb-reorder-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.75rem;padding:2px 4px;border-radius:3px;transition:all .15s}.nb-reorder-btn:hover{color:var(--text);background:#ffffff14}.ai-nb-suggestion{margin-top:10px;background:linear-gradient(135deg,#3b82f61f,#2563eb14);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--text);animation:msgIn .25s ease}.ai-nb-suggestion-actions{display:flex;gap:6px;flex-shrink:0}.dict-header{padding:18px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.dict-title{font-weight:900;font-size:1rem;display:flex;align-items:center;gap:8px;margin-bottom:12px;letter-spacing:-.3px}.dict-title span{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dict-search-row{display:flex;gap:8px}#dict-input{flex:1;background:#111827a6;border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 13px;color:var(--text);font-family:var(--font-ui);font-size:.88rem;outline:none;transition:all .15s ease-out}#dict-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}#dict-input::placeholder{color:var(--muted)}#dict-search-btn{background:var(--accent-gradient);border:none;border-radius:var(--radius-md);width:36px;height:36px;color:#fff;font-size:1rem;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:all .15s ease-out;box-shadow:0 2px 4px #0000001a}#dict-search-btn:hover{transform:translateY(0);box-shadow:0 4px 6px #0000001f}.dict-body{flex:1;overflow-y:auto;padding:16px 16px 20px;display:flex;flex-direction:column;gap:14px}.dict-body::-webkit-scrollbar{width:4px}.dict-body::-webkit-scrollbar-track{background:transparent}.dict-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.dict-result{background:#1e293b8c;border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;animation:msgIn .2s cubic-bezier(.4,0,.2,1)}.dict-word{font-weight:900;font-size:1.05rem;color:var(--accent);margin-bottom:2px}.dict-phonetic{font-size:.78rem;color:var(--muted);margin-bottom:8px;font-family:var(--font-mono)}.dict-pos{display:inline-block;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-lg);padding:2px 10px;font-size:.72rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dict-meaning{font-size:.88rem;color:var(--text);line-height:1.6;margin-bottom:6px}.dict-example{font-size:.82rem;color:var(--muted);font-style:italic;border-left:3px solid var(--accent);padding-left:10px;margin-top:6px;line-height:1.5}.dict-empty{text-align:center;color:var(--muted);font-size:.88rem;padding:30px 10px;line-height:1.6}.dict-empty-icon{font-size:2.2rem;display:block;margin-bottom:10px}.dict-history-label{font-size:.7rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-top:4px}.dict-history-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.dict-history-chip{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px 12px;font-size:.75rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s ease-out;-webkit-user-select:none;user-select:none}.dict-history-chip:hover{border-color:var(--accent);color:var(--accent);background:#3b82f612}.sidebar-inner{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:22px}.section-label{font-size:.75rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.field label{display:block;font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--text)}.field label small{font-weight:400;color:var(--muted);margin-left:6px;font-size:.8rem}.auth-card .register-only-field{display:none!important}.auth-card[data-mode=register]:not([data-logged-in="1"]) .register-only-field{display:block!important}.auth-card .login-only-field,.auth-card .forgot-only-field{display:none!important}.auth-card[data-mode=login]:not([data-logged-in="1"]) .login-only-field{display:block!important}.auth-card .login-register-field{display:none!important}.auth-card[data-mode=login]:not([data-logged-in="1"]) .login-register-field,.auth-card[data-mode=register]:not([data-logged-in="1"]) .login-register-field{display:block!important}.auth-card[data-mode=login]:not([data-logged-in="1"]) #auth-remember-wrap,.auth-card[data-mode=register]:not([data-logged-in="1"]) #auth-remember-wrap{display:flex!important}.auth-card[data-mode=forgot]:not([data-logged-in="1"]) .forgot-only-field{display:block!important}.auth-card[data-mode=forgot] #forgot-new-password-wrap,.auth-card[data-mode=forgot] #forgot-confirm-password-wrap{display:none!important}.auth-card[data-mode=forgot][data-forgot-ready="1"] #forgot-new-password-wrap,.auth-card[data-mode=forgot][data-forgot-ready="1"] #forgot-confirm-password-wrap{display:block!important}.auth-card[data-mode=forgot][data-forgot-ready="1"] #forgot-email-field,.auth-card[data-mode=forgot] #auth-password,.auth-card[data-mode=forgot] label[for=auth-password]{display:none!important}.auth-forgot-link{background:none;border:none;color:var(--accent);font-size:.82rem;font-weight:700;cursor:pointer;padding:8px 0 0;text-align:left}.input{width:100%;background:#11182799;border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;color:var(--text);font-family:var(--font-ui);font-size:.9rem;outline:none;transition:all .2s;resize:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.file-input{padding:10px 12px;cursor:pointer}.upload-card{background:#1e293b73;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.upload-card strong{color:var(--accent);font-size:.95rem}.upload-card p{color:var(--muted);font-size:.88rem;line-height:1.5;margin:0}.upload-card button{width:fit-content;align-self:start}.input::placeholder{color:var(--muted)}textarea.input{min-height:220px;font-size:.85rem;line-height:1.6}.hint-box{background:#1e293b80;border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;font-size:.85rem;color:var(--muted);line-height:1.6}.hint-box strong{color:var(--accent);display:block;margin-bottom:4px}.btn-primary{width:100%;background:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;padding:12px;font-family:var(--font-ui);font-weight:800;font-size:.95rem;cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease,opacity .25s ease;box-shadow:0 4px 12px var(--glow-accent)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 18px var(--glow-accent)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--secondary);color:#fff;opacity:.55;cursor:not-allowed;box-shadow:none}.btn-secondary{background:transparent;border:1px solid var(--secondary);border-radius:var(--radius-md);color:var(--secondary);padding:10px 16px;font-family:var(--font-ui);font-weight:700;font-size:.88rem;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.btn-secondary:hover{background:var(--hover-bg);color:var(--text);border-color:var(--secondary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;color:var(--secondary);border-color:var(--secondary)}#main-content{flex:1;min-width:0;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;scroll-behavior:smooth;position:relative;z-index:1}#main-content::-webkit-scrollbar{width:8px}#main-content::-webkit-scrollbar-track{background:transparent}#main-content::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.chat-idle-clock{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg, #0a0e1a);color:var(--text);-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .25s ease;cursor:default}body.chat-idle-active .chat-idle-clock{display:flex;opacity:1;pointer-events:none}body.chat-idle-active{overflow:hidden}.chat-idle-clock-date{font-size:clamp(1rem,3vw,1.35rem);font-weight:500;color:var(--muted);letter-spacing:.02em}.chat-idle-clock-time{font-size:clamp(2.5rem,10vw,4.5rem);font-weight:300;letter-spacing:.04em;font-variant-numeric:tabular-nums}#messages{flex:1;overflow-y:auto;padding:28px 24px;display:flex;flex-direction:column;gap:20px;min-height:0}#messages::-webkit-scrollbar{width:6px}#messages::-webkit-scrollbar-track{background:transparent}#messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}#welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:20px;text-align:center;padding:40px 24px;color:var(--muted)}.welcome-icon{width:auto;height:auto;max-width:min(200px,70vw);background:transparent;border-radius:0;display:grid;place-items:center;font-size:2.2rem;box-shadow:none;animation:float 3s ease-in-out infinite;overflow:visible;padding:0;border:none}.welcome-icon img,.welcome-wordmark{width:min(240px,72vw);height:auto;object-fit:contain;object-position:center;display:block}[data-theme=light] .welcome-icon .brand-logo-wrap{background:#0a0a0a;border-radius:14px;padding:10px 16px;display:inline-flex;justify-content:center}.welcome-wordmark--light{display:none}[data-theme=light] .welcome-wordmark--dark{display:block}[data-theme=light] .welcome-wordmark--light{display:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(0)}}#welcome h2{font-size:1.75rem;font-weight:900;color:var(--text);letter-spacing:-.5px}#welcome p{max-width:400px;line-height:1.6;font-size:.95rem}.msg{display:flex;gap:14px;max-width:850px;animation:msgIn .25s cubic-bezier(.4,0,.2,1)}@keyframes msgIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.msg.user{flex-direction:row-reverse;align-self:flex-end}.msg.ai{align-self:flex-start}.avatar{width:36px;height:36px;border-radius:var(--radius-lg);flex-shrink:0;display:grid;place-items:center;font-size:1.1rem;box-shadow:0 4px 10px #00000026}.msg.user .avatar{background:#3b82f633;border:1px solid var(--accent);overflow:hidden;background-size:cover;background-position:center}.msg.ai .avatar{background:transparent;border:none;box-shadow:none;overflow:hidden;padding:0;border-radius:10px}.msg.ai .avatar img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.bubble{padding:14px 18px;border-radius:var(--radius);line-height:1.65;font-size:.95rem;max-width:660px;word-break:break-word;box-shadow:0 4px 15px #0000001a}.msg.user .bubble{background:var(--user-bg);border-bottom-right-radius:4px;color:#fff}.msg.ai .bubble{background:var(--ai-bg);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble h1,.bubble h2,.bubble h3{font-weight:800;margin:.8em 0 .4em;color:var(--accent)}.bubble h1{font-size:1.2rem}.bubble h2{font-size:1.1rem}.bubble h3{font-size:1.02rem}.step-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:18px;margin-top:14px;box-shadow:0 4px 10px #0000001a}.step-title{font-weight:900;color:var(--accent);margin-bottom:10px;font-size:1rem}.step-content{color:var(--text);line-height:1.7;margin-bottom:12px;white-space:pre-wrap}.step-hint{background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);padding:12px;color:#d1fae5;margin-top:10px;font-size:.9rem}.step-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.step-btn{border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:var(--radius-lg);padding:9px 16px;cursor:pointer;font-size:.88rem;font-weight:600;transition:all .15s ease-out}.step-btn:hover{border-color:var(--accent);color:#fff;background:#3b82f61a;transform:translateY(0)}.step-btn:active{transform:translateY(0)}.step-btn.secondary{background:#ffffff05;border-color:#ffffff0f}.step-btn.secondary:hover{background:#ffffff0f;border-color:var(--muted)}.step-btn.hidden{display:none}.bubble p{margin:.5em 0}.bubble p:first-child{margin-top:0}.bubble p:last-child{margin-bottom:0}.bubble>div:last-child>p:last-child{margin-bottom:0}.bubble-actions:last-child{margin-bottom:0}.bubble ul,.bubble ol{padding-left:1.4em;margin:.5em 0}.bubble li{margin:.3em 0}.bubble strong{color:#6ee7b7}.bubble em{color:#fda4af}.bubble code{background:#090d16;border:1px solid rgba(255,255,255,.06);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85em;color:#38bdf8}.bubble pre{background:#090d16;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:14px;margin:.8em 0;overflow-x:auto;box-shadow:inset 0 2px 5px #0000004d}.bubble pre code{background:transparent;border:none;padding:0;color:#e2e8f0}.bubble blockquote{border-left:4px solid var(--accent);padding-left:14px;color:var(--muted);margin:.6em 0;font-style:italic}.bubble hr{border:none;border-top:1px solid var(--border);margin:1em 0}.chat-table-wrap{width:100%;overflow-x:auto;margin:14px 0;border-radius:var(--radius-md);border:1px solid var(--border);background:#0f172a73;box-shadow:0 4px 14px #00000026}.chat-markdown-table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}.chat-markdown-table th{background:#1e293bd9;padding:10px 14px;color:var(--accent3);font-weight:700;border-bottom:1px solid var(--border);white-space:nowrap}.chat-markdown-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text);line-height:1.5}.chat-markdown-table tr:last-child td{border-bottom:none}.chat-markdown-table tr:hover td{background:#ffffff08}.typing-dots{display:flex;gap:5px;padding:6px 0;align-items:center}.typing-dots span{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:dot .9s infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1.2);opacity:1}}.subject-badge{align-self:center;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-lg);padding:5px 16px;font-size:.75rem;font-weight:800;color:var(--muted);letter-spacing:.75px;text-transform:uppercase}#input-bar{padding:10px 18px;background:var(--surface);border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;flex-shrink:0;z-index:15}#user-input{flex:1;background:#111827a6;border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 18px;color:var(--text);font-family:var(--font-ui);font-size:.92rem;outline:none;resize:none;max-height:120px;overflow-y:auto;transition:all .15s ease-out;line-height:1.5}#user-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}#user-input::placeholder{color:var(--muted)}#send-btn{background:var(--accent);border:none;border-radius:var(--radius-lg);width:44px;height:44px;color:#fff;font-size:1.1rem;cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease;display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 12px var(--glow-accent)}#send-btn:hover{background:var(--accent-hover);box-shadow:0 6px 18px var(--glow-accent)}#send-btn:active{transform:translateY(0)}#send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.char-hint{font-size:.75rem;color:var(--muted);align-self:center;white-space:nowrap}.sidebar-inner::-webkit-scrollbar{width:4px}.sidebar-inner::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:var(--radius-sm)}#mobile-nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#04081273;border:none;padding:0;cursor:pointer}#mobile-nav-backdrop.show{display:block}#mobile-left-toggle,#mobile-right-toggle{display:none}.mobile-nav-btn{border:1.5px solid rgba(147,197,253,.85)!important;background:linear-gradient(180deg,#3b82f68c,#2563eb66)!important;color:#fff!important;font-weight:800;gap:5px;box-shadow:0 0 0 1px #0f172a59,0 4px 12px #2563eb59}.mobile-nav-btn .mobile-nav-label{font-size:.78rem;letter-spacing:.02em}@media (max-width: 767px){header{flex-wrap:wrap;align-items:center;padding:8px max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px));gap:8px 10px;row-gap:8px}.header-left{order:1;flex:0 0 auto;min-width:0;gap:8px}.header-stats{order:2;flex:1 1 auto;display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-left:auto}.header-right{order:3;flex:0 0 auto;gap:8px;margin-left:0}.feature-tabs{order:4;flex:1 1 100%;width:100%;min-width:0;gap:6px;padding-top:6px;margin-top:2px;border-top:1px solid var(--border);display:flex;align-items:center;overflow:hidden}.feature-tabs-scroll{flex:1 1 auto;min-width:0;gap:6px;display:flex;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px}.feature-tabs-scroll::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;white-space:nowrap;padding:6px 12px;font-size:.8rem;border-radius:9999px;min-height:36px}.tab-btn-icon{font-size:.95rem}.more-tabs-btn,.nav-leaderboard-btn{flex:0 0 auto;white-space:nowrap;padding:6px 10px;font-size:.8rem;min-height:36px}.logo-img{height:28px;width:auto;max-width:min(130px,38vw);object-fit:contain;object-position:center;background:transparent;padding:0;border:none;border-radius:0}.auth-gate-brand-img{height:48px;max-width:min(260px,78vw);width:auto;object-fit:contain;background:transparent}.settings-gear-btn,.profile-avatar-btn{width:38px;height:38px;min-width:38px;padding:0;justify-content:center;font-size:1rem}.header-stat{padding:4px 6px;min-height:34px;font-size:.78rem}.header-stat-label{display:none}#left-sidebar-handle,#right-sidebar-handle{display:flex!important;align-items:center;justify-content:center;width:22px!important;height:52px!important;top:50%!important;transform:translateY(-50%);background:var(--surface)!important;color:var(--secondary)!important;border:1px solid var(--border)!important;box-shadow:0 4px 14px #00000059,0 0 0 1px var(--border)!important;z-index:1250!important}#left-sidebar-handle{left:0!important;border-radius:0 14px 14px 0!important;border-left:none!important}#right-sidebar-handle{right:0!important;border-radius:14px 0 0 14px!important;border-right:none!important}main.left-collapsed #left-sidebar-handle{left:0!important}main:not(.left-collapsed) #left-sidebar-handle{left:min(320px,88vw)!important}main.right-collapsed #right-sidebar-handle{right:0!important}main:not(.right-collapsed) #right-sidebar-handle{right:min(320px,88vw)!important}#left-sidebar-handle .handle-arrow,#right-sidebar-handle .handle-arrow{display:block!important;font-size:18px!important;font-weight:800;color:#d1d5db}#left-sidebar-handle .handle-icon,#right-sidebar-handle .handle-icon,#mobile-left-toggle,#mobile-right-toggle{display:none!important}.tab-btn,.more-tabs-btn{padding:10px 12px;min-height:44px;min-width:44px;font-size:1.15rem}.tab-btn-icon{font-size:1.2rem}.section-container{padding:18px 14px 36px;gap:18px}.msg{max-width:100%;gap:10px;padding-left:4px;padding-right:4px;box-sizing:border-box}.msg .avatar{width:30px;height:30px;font-size:.95rem}.msg .bubble{max-width:calc(100% - 40px);min-width:0}.ai-nb-suggestion{flex-direction:column;align-items:stretch;gap:10px}.ai-nb-suggestion>span{min-width:0;line-height:1.4}.ai-nb-suggestion-actions{flex-wrap:wrap;width:100%}.ai-nb-suggestion-actions .ce-btn-sm{flex:1 1 auto}#welcome{padding:20px 14px 24px}#welcome h2{font-size:1.4rem;margin-top:8px}.welcome-icon{width:auto;height:auto;max-width:min(160px,55vw);font-size:2rem;margin-bottom:12px}.welcome-icon img,.welcome-wordmark{width:min(140px,50vw)}.study-today-banner,.exam-upcoming-banner,.exam-week-banner{margin-bottom:16px!important}.study-today-banner .qs-btn,.study-today-actions button{min-height:40px;padding:8px 12px}#mobile-nav-backdrop.show{display:block}#sidebar,#dict-sidebar{position:fixed;top:0;bottom:0;height:100%;max-height:100%;z-index:1200;flex:none!important;width:min(320px,88vw)!important;min-width:min(320px,88vw)!important;max-width:min(320px,88vw)!important;box-shadow:0 0 40px #00000059}#sidebar{left:0;right:auto;border-right:1px solid var(--border);transform:translate(0)}#sidebar.hidden{width:0!important;min-width:0!important;max-width:0!important;flex:0 0 0!important;overflow:hidden!important;transform:translate(-105%);pointer-events:none;border-right-width:0;box-shadow:none}#dict-sidebar{right:0;left:auto;border-left:1px solid var(--border);transform:translate(0)}#dict-sidebar.hidden{width:0!important;min-width:0!important;max-width:0!important;flex:0 0 0!important;overflow:hidden!important;transform:translate(105%);pointer-events:none;border-left-width:0;box-shadow:none}#input-bar{padding:10px 12px;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px));gap:8px;align-items:center}#user-input{padding:12px 14px;font-size:16px;min-height:44px}#attach-ocr-btn,#mic-btn,#send-btn{width:44px!important;height:44px!important;min-width:44px;flex-shrink:0}#main-content{padding-left:0;padding-right:0;padding-bottom:0;min-width:0;flex:1 1 auto}#messages{padding:16px 20px 12px;gap:18px}#chat-area{min-height:0;min-width:0}.msg.ai .bubble,.msg.user .bubble{padding:14px 16px}.bubble-actions{margin-top:10px;padding-top:10px;margin-bottom:0}.feature-header h2{font-size:1.35rem}.settings-panel{top:8px;left:8px;right:8px;width:auto;max-height:calc(100vh - 16px)}.settings-panel-card{max-height:calc(100vh - 24px);overflow:auto}.ce-home-grid,.ce-detail-row,.sidebar-tool-row,.sidebar-prefs-row,.nb-form-grid,.nb-grid-container{grid-template-columns:1fr}#learning-dna-section [style*="grid-template-columns: 1fr 1fr 1fr"],#learning-dna-section .dna-stats-row,.dna-progress-row{grid-template-columns:1fr!important}body{overflow-x:hidden}}@media (min-width: 768px) and (max-width: 1099px){header{flex-wrap:wrap;padding:8px 16px;gap:8px 14px}.header-left{order:1;flex:0 0 auto;gap:10px}.header-stats{order:2;flex:1 1 auto;display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto}.header-right{order:3;flex:0 0 auto;gap:10px;margin-left:0}.feature-tabs{order:4;flex:1 1 100%;width:100%;min-width:0;margin-top:4px;padding-top:8px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.feature-tabs-scroll{flex:1 1 auto;min-width:0;gap:8px;display:flex;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px}.tab-btn{flex:0 0 auto;white-space:nowrap;padding:6px 14px;font-size:.82rem;min-height:38px}.more-tabs-btn,.nav-leaderboard-btn{flex:0 0 auto;white-space:nowrap;padding:6px 12px;font-size:.82rem;min-height:38px}.logo{font-size:1.15rem}#sidebar{width:260px;min-width:260px;max-width:260px;flex-basis:260px}#left-sidebar-handle{left:260px}main.left-collapsed #left-sidebar-handle{left:0}#dict-sidebar{width:280px;min-width:280px;max-width:280px;flex-basis:280px}#right-sidebar-handle{right:280px}main.right-collapsed #right-sidebar-handle{right:0}main:not(.left-collapsed):not(.right-collapsed) #dict-sidebar{position:absolute;right:0;top:0;bottom:0;z-index:250;box-shadow:-8px 0 28px #00000040}.section-container{padding:20px 16px 40px}.msg{max-width:100%}.ce-home-grid,.ce-detail-row{grid-template-columns:1fr 1fr}#input-bar{padding:12px 16px}.settings-panel{width:min(380px,calc(100vw - 24px))}}@media (min-width: 1100px){.msg{max-width:min(850px,100%)}}.feature-tabs{display:flex;gap:6px;align-items:center;flex:1 1 auto;min-width:0;overflow:visible;padding:0;background:transparent;border:none}.feature-tabs-scroll{display:flex;gap:6px;align-items:center;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}.feature-tabs-scroll::-webkit-scrollbar{display:none}.more-tabs-wrap{position:relative;flex-shrink:0}.more-tabs-btn{padding:6px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:9999px;color:var(--muted);font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:var(--font-ui);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-height:38px}.more-tabs-btn:hover{color:var(--text);background:var(--hover-bg);border-color:#ffffff1f;transform:translateY(-1px)}.more-tabs-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#4f46e5);border-color:#6366f199;box-shadow:0 3px 12px #3b82f659}.nav-leaderboard-btn{background:linear-gradient(135deg,#eab3081f,#f59e0b14)!important;border:1px solid rgba(234,179,8,.35)!important;color:#fde047!important}.nav-leaderboard-btn:hover{background:linear-gradient(135deg,#eab30838,#f59e0b2e)!important;border-color:#eab3088c!important;color:#fff!important;box-shadow:0 2px 10px #eab30840!important;transform:translateY(-1px)}.more-tabs-menu{position:fixed;top:0;left:0;min-width:190px;max-height:min(480px,calc(100vh - 80px));overflow-y:auto;padding:6px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 32px #00000073;z-index:999999;display:flex;flex-direction:column;gap:2px}.more-tabs-menu[hidden]{display:none!important;pointer-events:none!important;visibility:hidden!important}.more-tabs-menu .tab-btn{justify-content:flex-start;width:100%;flex:none}.definitions-container{display:flex;flex-direction:column;gap:14px;width:100%;max-width:800px;margin:0 auto;padding-bottom:40px}.dna-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.dna-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:0 4px 20px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,border-color .2s ease}.dna-card:hover{border-color:#3b82f64d;transform:translateY(-2px)}.kpi-card{display:flex;align-items:center;gap:12px}.kpi-icon{font-size:24px;width:44px;height:44px;border-radius:12px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-info{display:flex;flex-direction:column;overflow:hidden}.kpi-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.kpi-value{font-size:18px;font-weight:700;color:var(--text);margin:2px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kpi-value.highlight-green{color:#34d399}.kpi-value.highlight-rose{color:#fb7185}.kpi-value.highlight-blue{color:#60a5fa}.kpi-value.highlight-accent{color:#c084fc}.kpi-value.highlight-orange{color:#fb923c}.kpi-sub{font-size:10px;color:var(--muted)}.chart-container-card{display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-header h3{font-size:15px;font-weight:600;color:var(--text)}.card-tag{font-size:10px;padding:3px 8px;border-radius:10px;background:#3b82f626;color:#818cf8;font-weight:600}.card-tag.tag-rose{background:#f43f5e26;color:#fb7185}.card-tag.tag-blue{background:#60a5fa26;color:#60a5fa}.card-tag.tag-green{background:#34d39926;color:#34d399}.card-tag.tag-accent{background:#c084fc26;color:#c084fc}.card-tag.tag-orange{background:#fb923c26;color:#fb923c}.calc-btn{height:48px;font-size:1rem;font-weight:700;border-radius:10px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.calc-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.calc-btn:active{transform:translateY(1px)}.calc-btn.op-btn{background:#60a5fa26;color:#60a5fa}.calc-btn.action-btn{background:var(--accent);color:#fff;font-size:1.3rem}.calc-btn.danger-btn{background:#f43f5e26;color:#f43f5e}.calc-btn.mode-btn{font-size:.85rem;color:var(--muted)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.dna-mistakes-container{display:flex;flex-direction:column;gap:10px}.dna-mistake-item{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md)}.dna-mistake-badge{padding:2px 8px;border-radius:6px;background:#f43f5e26;color:#f43f5e;font-size:10px;font-weight:700;flex-shrink:0;margin-top:2px}.dna-mistake-text{font-size:13px;color:var(--text);line-height:1.4}.def-card{background:#1e293b8c;border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 22px;display:flex;gap:16px;align-items:flex-start;transition:all .15s ease-out;animation:msgIn .25s cubic-bezier(.4,0,.2,1) both}.def-card:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--glow-accent);transform:translateY(0)}.def-number{min-width:32px;height:32px;background:var(--accent-gradient);border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.def-body{flex:1}.def-term{font-weight:800;font-size:1rem;color:var(--accent);margin-bottom:4px}.def-meaning{color:var(--text);font-size:.9rem;line-height:1.6}.def-empty{text-align:center;color:var(--muted);padding:60px 20px;font-size:.95rem}.def-empty .def-empty-icon{font-size:3rem;display:block;margin-bottom:12px}.tab-btn{flex:0 0 auto;padding:6px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:9999px;color:var(--muted);font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:var(--font-ui);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:38px;-webkit-user-select:none;user-select:none}.tab-btn:hover{color:var(--text);background:var(--hover-bg);border-color:#ffffff1f;transform:translateY(-1px)}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#4f46e5);border-color:#6366f199;box-shadow:0 3px 12px #3b82f659}.tab-btn-icon{line-height:1;font-size:1rem}.tab-btn-label{display:inline-block!important;font-weight:700}@media (max-width: 900px){.header-stat-label{display:none}.logo{font-size:1.1rem}.logo-icon{width:32px;height:32px;font-size:1rem}}.feature-section{width:100%;height:auto;min-height:100%;display:none!important;flex-direction:column;overflow:visible;flex:1 1 auto}.feature-section.is-active{display:flex!important}#chat-area{flex:1;display:none!important;flex-direction:column;overflow:hidden;min-width:0;min-height:0;position:relative}#chat-area.is-active{display:flex!important}.section-container{flex:1 0 auto;display:flex;flex-direction:column;overflow:visible;padding:28px 24px 48px;gap:24px;max-width:950px;margin:0 auto;width:100%}.feature-header{text-align:center}.feature-header h2{font-size:1.8rem;font-weight:900;color:var(--text);margin-bottom:8px;letter-spacing:-.5px}.feature-header p{color:var(--muted);font-size:.95rem}.podcast-input,.flashcard-input,.quiz-input{display:flex;flex-direction:column;gap:14px;background:#1e293b4d;padding:24px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 4px 15px #0000001a}.podcast-input textarea,.flashcard-input textarea,.quiz-input textarea{background:#11182799;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;color:var(--text);font-family:var(--font-ui);font-size:.92rem;outline:none;transition:all .15s ease-out;resize:none;min-height:80px}.podcast-input textarea:focus,.flashcard-input textarea:focus,.quiz-input textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.feature-output{background:#1e293b59;border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-height:none;overflow:visible;line-height:1.8;color:var(--text);white-space:pre-wrap;word-break:break-word;box-shadow:0 4px 15px #0000001a}.feature-output img{width:100%;max-width:100%;height:auto;display:block}.flashcards-container{display:flex;flex-direction:column;align-items:center;gap:16px;min-height:200px}.flashcard{background:#1e293b66;border:1px solid var(--border);border-radius:var(--radius);padding:24px;min-height:220px;width:min(420px,100%);display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .15s ease-out;font-size:1.05rem;font-weight:700;color:var(--text);perspective:1000px;box-shadow:0 4px 12px #0000001a;-webkit-user-select:none;user-select:none}.flashcard:hover{transform:translateY(0);border-color:var(--accent);box-shadow:0 12px 24px var(--glow-accent)}.flashcard.flipped{transform:rotateY(360deg) scale(1.02);background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-color:#10b981;box-shadow:0 12px 24px var(--glow-success)}.quiz-container{background:#1e293b4d;border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-height:none;overflow:visible;box-shadow:0 4px 15px #0000001a}.quiz-question{background:#11182780;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.quiz-question-text{font-weight:800;color:var(--accent);margin-bottom:16px;font-size:1.02rem}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;cursor:pointer;transition:all .15s ease-out;color:var(--text);font-family:var(--font-ui);text-align:left}.quiz-option:hover{border-color:var(--accent);background:#3b82f614}.quiz-option.selected{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 10px var(--glow-accent)}.quiz-option.correct{background:var(--accent3)!important;color:#030712!important;border-color:var(--accent3)!important;font-weight:700}.quiz-option.incorrect{background:var(--accent2)!important;color:#fff!important;border-color:var(--accent2)!important;font-weight:700}.mock-exam-paper{background:#f7f4ec;color:#1a1a1a;border:1px solid #d4cfc3;border-radius:4px;padding:28px 32px 40px;box-shadow:0 8px 28px #00000040;font-family:Georgia,Times New Roman,serif;line-height:1.55}.mock-exam-header{text-align:center;border-bottom:2px solid #222;padding-bottom:14px;margin-bottom:16px}.mock-exam-header h3{font-size:1.25rem;font-weight:700;margin:0 0 6px;color:#111;letter-spacing:.02em}.mock-exam-header .mock-exam-sub{font-size:.92rem;color:#333;margin:2px 0}.mock-exam-meta-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:.88rem;font-weight:700;color:#222}.mock-exam-instructions{margin:0 0 20px;padding:12px 14px;border:1px solid #ccc;background:#fffef8;font-size:.9rem}.mock-exam-instructions strong{display:block;margin-bottom:6px;font-family:var(--font-ui);text-transform:uppercase;font-size:.78rem;letter-spacing:.06em}.mock-exam-instructions ol{margin:0;padding-left:1.2rem}.mock-exam-section{margin-top:22px}.mock-exam-section-title{font-family:var(--font-ui);font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #444;padding-bottom:6px;margin-bottom:14px;color:#111}.mock-exam-q{margin-bottom:18px;page-break-inside:avoid}.mock-exam-q-text{font-size:.98rem;color:#111;margin-bottom:8px}.mock-exam-q-text .mock-marks{font-family:var(--font-ui);font-size:.82rem;font-weight:700;color:#444;white-space:nowrap}.mock-exam-options{margin:6px 0 8px 1.1rem;font-size:.95rem;color:#222}.mock-exam-options div{margin:3px 0}.mock-ar-block{margin:8px 0 10px;padding:10px 12px;border:1px solid #ccc;background:#fffef8;font-size:.95rem}.mock-ar-block .mock-ar-label{font-family:var(--font-ui);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#555;margin-bottom:2px}.mock-case-passage{margin:8px 0 12px;padding:12px 14px;border:1px solid #bbb;background:#fff;font-size:.94rem;white-space:pre-wrap}.mock-case-sub{margin:12px 0 12px .5rem;padding-left:10px;border-left:2px solid #888}.mock-exam-answer-row{display:flex;align-items:center;gap:8px;margin-top:8px;font-family:var(--font-ui);font-size:.88rem}.mock-exam-answer-row label{font-weight:700;color:#333}.mock-letter-input{width:48px;text-align:center;text-transform:uppercase;font-weight:800;font-size:1rem;padding:6px 8px;border:none;border-bottom:2px solid #333;background:transparent;color:#111;outline:none}.mock-letter-input:focus{border-bottom-color:#3b82f6}.mock-exam-textarea{width:100%;margin-top:8px;padding:10px 12px;border:1px solid #bbb;border-radius:2px;background:#fff;color:#111;font-family:Georgia,Times New Roman,serif;font-size:.95rem;line-height:1.6;resize:vertical;background-image:repeating-linear-gradient(transparent,transparent 27px,#e8e4da 28px);background-attachment:local}.mock-markscheme{display:none;margin-top:10px;padding:10px 12px;border-left:3px solid #3B82F6;background:#eef0ff;font-family:var(--font-ui);font-size:.85rem;color:#222}.mock-markscheme.show{display:block}.mock-results{font-family:var(--font-ui);display:flex;flex-direction:column;gap:16px}.mock-results-score{text-align:center;padding:22px 18px;border-radius:12px;border:1px solid var(--border);background:#ffffff08}.mock-results-score .mock-total-label{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.mock-results-score .mock-total-value{font-size:2.4rem;font-weight:800;margin:6px 0 4px;color:var(--text);line-height:1.1}.mock-results-score .mock-total-meta{font-size:.9rem;color:var(--muted)}.mock-results-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 640px){.mock-results-tabs{grid-template-columns:1fr}.ce-home{padding:24px 14px}.ce-report,.ce-assessment{padding:16px 12px}}.mock-results-section{border:1px solid var(--border);border-radius:12px;padding:12px;background:#ffffff05;min-height:120px}.mock-results-section h4{margin:0 0 10px;font-size:.95rem;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:8px}.mock-results-section.correct h4{color:#34d399}.mock-results-section.incorrect h4{color:#f87171}.mock-results-section.skipped h4{color:#fbbf24}.mock-results-section .mock-count{font-size:.8rem;font-weight:700;color:var(--muted);background:#ffffff0f;border-radius:999px;padding:2px 8px}.mock-result-card{border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:#00000026;font-size:.9rem}.mock-result-card:last-child{margin-bottom:0}.mock-result-card .mock-result-q{font-weight:700;color:var(--text);margin-bottom:6px;white-space:pre-wrap}.mock-result-card .mock-result-line{color:var(--muted);margin-top:4px;line-height:1.4}.mock-result-card .mock-result-line strong{color:var(--text)}.mock-result-empty{color:var(--muted);font-size:.85rem;padding:8px 2px}.exam-upcoming-banner{margin:0 auto 14px;max-width:560px;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid rgba(59,130,246,.35);background:#3b82f614;color:var(--text);font-size:.9rem;line-height:1.45}.exam-upcoming-banner strong{display:block;margin-bottom:4px}.exam-upcoming-banner .exam-upcoming-item{margin-top:6px;color:var(--muted);font-size:.86rem}.exam-upcoming-banner .exam-upcoming-item b{color:var(--text);font-weight:700}.exam-upcoming-banner .exam-upcoming-item.exam-soon{color:var(--text)}.exam-upcoming-banner .exam-upcoming-item.exam-soon b{color:#fbbf24}.exam-upcoming-banner.exam-banner-urgent{border-color:#fbbf2473;background:#fbbf2412}.exam-week-banner{display:none;margin:0 auto 14px;max-width:560px;text-align:left;padding:10px 14px;border-radius:12px;border:1px solid rgba(244,63,94,.35);background:#f43f5e1a;color:var(--text);font-size:.88rem;line-height:1.4}.exam-week-banner strong{display:block;margin-bottom:4px;color:#fda4af}.study-today-banner{margin:0 auto 14px;max-width:560px;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid rgba(52,211,153,.35);background:#34d39914;color:var(--text);font-size:.9rem;line-height:1.45}.study-today-banner strong{display:block;margin-bottom:6px}.study-today-item{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.study-today-item:first-of-type{border-top:none;padding-top:0}.study-today-title{font-weight:700;font-size:.88rem;margin-bottom:6px}.study-today-actions,.planner-task-actions{display:flex;flex-wrap:wrap;gap:6px}.study-today-actions .qs-btn,.planner-task-actions .qs-btn{padding:4px 8px;font-size:.72rem}.planner-task-body{flex:1;min-width:0}.admin-modal-card{max-width:640px;width:min(96vw,640px);max-height:88vh;overflow:auto}.admin-exam-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.admin-exam-list-heading{font-size:.85rem;font-weight:700;color:var(--muted);margin:16px 0 0}.admin-exam-row{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#ffffff08;font-size:.88rem}.admin-exam-row .admin-exam-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.admin-exam-mode{font-size:.8rem;font-weight:700;color:var(--accent);margin:0}.mock-score-banner{font-family:var(--font-ui);background:#111827;color:#f3f4f6;padding:14px 16px;border-radius:8px;margin-bottom:16px;font-weight:700}.mock-score-banner span{display:block;font-weight:500;font-size:.82rem;color:#9ca3af;margin-top:4px}.quiz-score{background:var(--accent-gradient);border-radius:var(--radius-lg);padding:20px;text-align:center;margin-top:20px;color:#fff;font-weight:900;font-size:1.25rem;box-shadow:0 4px 12px #00000026}.mistake-vault-controls{background:#1e293b4d;border:1px solid var(--border);border-radius:var(--radius);padding:16px}.mistake-list{max-height:none;overflow:visible}.mistake-item{background:#11182780;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;transition:all .2s ease-out}.mistake-item:hover{border-color:var(--accent);background:#3b82f60d}.mistake-item.mastered{border-color:var(--accent3);background:#10b9811a}.mistake-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.mistake-subject{background:var(--accent);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.mistake-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.mistake-actions .btn-sm{white-space:nowrap;font-size:.72rem;padding:5px 9px}.mistake-question{font-weight:600;color:var(--text);margin-bottom:8px}.mistake-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.mistake-wrong-answer,.mistake-correct-answer{padding:12px;border-radius:var(--radius)}.mistake-wrong-answer{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3)}.mistake-correct-answer{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.mistake-explanation{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);padding:12px;border-radius:var(--radius);margin-top:12px;font-style:italic}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}#camera-video{width:100%;max-height:55vh;background:#000;border-radius:var(--radius);object-fit:cover;transform:scaleX(1)}#camera-ocr-status{font-size:.85rem;color:var(--muted);min-height:1.2em}#camera-gallery-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.85rem;font-weight:700;text-decoration:underline;padding:8px 0}.btn-sm{padding:6px 12px;border-radius:var(--radius);font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:all .2s ease-out}.btn-sm:hover{background:#3b82f61a;border-color:var(--accent)}.btn-danger{background:#f43f5e1a;color:var(--accent2);border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e33}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:all .2s ease-out}.close-btn:hover{background:#f43f5e1a;color:var(--accent2)}.form-input,.form-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;color:var(--text);font-family:var(--font-ui);font-size:.9rem;transition:all .2s ease-out}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a}.form-input::placeholder{color:var(--muted)}textarea.form-input{resize:vertical;min-height:80px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--text)}.crosscheck-container{background:#1e293b4d;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 4px 15px #0000001a}.crosscheck-item{background:#11182780;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.crosscheck-question{font-weight:800;color:var(--accent);margin-bottom:14px;font-size:1.02rem}.crosscheck-options{display:grid;grid-template-columns:1fr;gap:10px}.crosscheck-choice{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;text-align:left;cursor:pointer;transition:all .15s ease-out;color:var(--text);font-family:var(--font-ui)}.crosscheck-choice:hover{border-color:var(--accent);background:#3b82f614}.crosscheck-choice.correct{background:var(--accent3)!important;border-color:var(--accent3)!important;color:#030712!important;font-weight:700}.crosscheck-choice.incorrect{background:var(--accent2)!important;border-color:var(--accent2)!important;color:#fff!important;font-weight:700}.crosscheck-feedback{margin-top:14px;padding:14px 16px;border-radius:var(--radius-lg);background:#ffffff0a;color:var(--text);line-height:1.6;border:1px solid rgba(255,255,255,.05)}.bubble-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:14px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.loading-spinner{display:inline-block;width:22px;height:22px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.mock-results-section.written{grid-column:1 / -1}.pod-steps{margin:0 0 14px 18px;color:var(--muted);font-size:.9rem;line-height:1.7}.pod-label{display:block;font-size:.85rem;font-weight:700;color:var(--muted);margin-bottom:6px}.pod-status{display:flex;align-items:center;gap:10px;min-height:80px;font-weight:700;color:var(--accent3)}.pod-player{white-space:normal;background:#1e293b8c;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.pod-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.pod-title{font-weight:800;color:var(--text);font-size:1.05rem}.pod-sub{margin-top:6px;color:var(--muted);font-size:.82rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pod-chip{padding:2px 10px;border-radius:999px;font-weight:700;font-size:.78rem}.pod-chip.A,.pod-line.A .pod-speaker{background:#4f8cff2e;color:#7fb0ff}.pod-chip.B,.pod-line.B .pod-speaker{background:#ec48992e;color:#f9a8d4}.pod-dl{padding:8px 14px;text-decoration:none}.pod-controls{display:flex;align-items:center;gap:10px;margin:14px 0 6px;flex-wrap:wrap}.pod-controls .pod-play{width:auto;flex:0 0 auto;min-width:130px;padding:10px 18px;margin:0}.pod-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);cursor:pointer;font-size:1rem}.pod-pos{color:var(--muted);font-size:.85rem;font-weight:700}.pod-hint{color:var(--muted);font-size:.8rem;margin-bottom:10px}.pod-lines{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px}.pod-line{display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:#0000002e;color:var(--muted);cursor:pointer;font:inherit;line-height:1.5;transition:background .2s,border-color .2s,color .2s}.pod-line:hover{border-color:var(--border)}.pod-line.active{background:#4f8cff1f;border-color:var(--accent);color:var(--text)}.pod-speaker{flex-shrink:0;padding:2px 10px;border-radius:999px;font-weight:800;font-size:.78rem}.sb-drop-active{outline:2px dashed var(--accent);outline-offset:-6px;background-color:#4f8cff0f}@keyframes spin{to{transform:rotate(360deg)}}.chart-wrapper{margin:14px 0 4px;background:#0f172a8c;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px 12px}.chart-title{font-size:.78rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.chart-canvas-wrap{position:relative;width:100%;max-height:260px}.ce-content{flex:1 0 auto;overflow:visible}.ce-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-ui);font-weight:700;font-size:.9rem;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.ce-btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px var(--glow-accent)}.ce-btn-primary:hover{transform:translateY(0);box-shadow:0 6px 20px var(--glow-accent)}.ce-btn-ghost{background:#ffffff0d;border:1px solid var(--border);color:var(--muted)}.ce-btn-ghost:hover{border-color:var(--accent);color:var(--text);background:#3b82f614}.ce-btn-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 12px #10b9814d;padding:12px 28px;font-size:1rem}.ce-btn-success:hover{transform:translateY(0);box-shadow:0 6px 20px #10b98166}.ce-btn-sm{padding:5px 12px;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:.78rem;font-weight:700;cursor:pointer;border:none;transition:all .15s}.ce-btn-sm:hover{transform:translateY(0)}.ce-btn-sm-primary{background:#3b82f626;color:var(--accent);border:1px solid rgba(59,130,246,.25)}.ce-btn-sm-ghost{background:#ffffff0a;color:var(--muted);border:1px solid var(--border)}.ce-btn-sm-danger{background:#f43f5e1f;color:#f43f5e;border:1px solid rgba(244,63,94,.25)}.ce-home{max-width:900px;margin:0 auto;padding:40px 24px;display:flex;flex-direction:column;gap:32px}.ce-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.ce-hero-icon{font-size:3.5rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(59,130,246,.4))}.ce-hero-title{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#3b82f6,#2563eb,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.ce-hero-subtitle{color:var(--muted);font-size:1rem;max-width:520px;line-height:1.65}.ce-hero-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.ce-badge{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:4px 14px;font-size:.8rem;font-weight:700;color:#93c5fd}.ce-resume-banner{background:linear-gradient(135deg,#3b82f61f,#2563eb14);border:1px solid rgba(59,130,246,.25);border-radius:var(--radius);padding:18px 24px;display:flex;align-items:center;gap:16px;animation:msgIn .3s ease;flex-wrap:wrap}.ce-resume-icon{font-size:1.8rem;flex-shrink:0}.ce-resume-content{flex:1;display:flex;flex-direction:column;gap:4px}.ce-resume-content strong{color:var(--text);font-weight:800}.ce-resume-content span{color:var(--muted);font-size:.85rem}.ce-resume-actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}.ce-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ce-action-card{background:#1e293b73;border:1px solid var(--border);border-radius:var(--radius);padding:28px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.ce-action-card:hover{border-color:var(--accent);transform:translateY(0);box-shadow:0 12px 30px var(--glow-accent)}.ce-action-card-muted{cursor:default;opacity:.6;pointer-events:none}.ce-action-icon{font-size:2rem}.ce-action-card h3{font-size:1.15rem;font-weight:900;color:var(--text)}.ce-action-card p{color:var(--muted);font-size:.88rem;line-height:1.5}.ce-action-arrow{font-size:1.3rem;color:var(--accent);margin-top:auto;transition:transform .2s}.ce-action-card:hover .ce-action-arrow{transform:translate(4px)}.ce-features-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:20px;background:#1118274d;border-radius:var(--radius);border:1px solid var(--border)}.ce-feature-item{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.88rem;font-weight:600}.ce-feature-icon{font-size:1.1rem}.ce-assessment{max-width:800px;margin:0 auto;padding:28px 24px;display:flex;flex-direction:column;gap:24px;min-height:100%}.ce-assessment-header{display:flex;align-items:center;justify-content:space-between}.ce-step-info{display:flex;flex-direction:column;align-items:center;gap:4px}.ce-step-label{font-size:.72rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.ce-step-name{font-size:1rem;font-weight:800;color:var(--text)}.ce-progress-bar{position:relative;height:6px;background:#ffffff0f;border-radius:var(--radius-sm);overflow:visible}.ce-progress-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-sm);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px var(--glow-accent)}.ce-progress-steps{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 2px}.ce-progress-dot{width:14px;height:14px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.12);transition:all .3s}.ce-progress-dot.done{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--glow-accent)}.ce-progress-dot.active{background:#fff;border-color:var(--accent);box-shadow:0 0 12px var(--glow-accent);transform:scale(1.35)}.ce-question-area{background:#1e293b59;border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:28px}.ce-step-header{display:flex;align-items:center;gap:16px}.ce-step-icon-lg{font-size:2.5rem;background:#3b82f61f;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);width:60px;height:60px;display:grid;place-items:center;flex-shrink:0}.ce-step-title{font-size:1.4rem;font-weight:900;color:var(--text);margin-bottom:4px}.ce-step-subtitle{color:var(--muted);font-size:.9rem}.ce-questions-list{display:flex;flex-direction:column;gap:24px}.ce-question{display:flex;flex-direction:column;gap:10px}.ce-question-label{font-weight:700;font-size:.95rem;color:var(--text);line-height:1.4}.ce-question-hint{font-size:.78rem;color:var(--muted);font-weight:600;letter-spacing:.5px}.ce-chip-group{display:flex;flex-wrap:wrap;gap:8px}.ce-chip{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-lg);padding:7px 16px;color:var(--muted);font-family:var(--font-ui);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.ce-chip:hover{border-color:var(--accent);color:var(--text);background:#3b82f614}.ce-chip.selected{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:0 2px 10px var(--glow-accent)}.ce-textarea{width:100%;background:#11182799;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;color:var(--text);font-family:var(--font-ui);font-size:.9rem;outline:none;transition:all .2s;resize:vertical;line-height:1.6}.ce-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.ce-textarea::placeholder{color:var(--muted)}.ce-rating-group{display:flex;flex-direction:column;gap:10px}.ce-rating-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;background:#ffffff06;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.ce-rating-label{color:var(--text);font-size:.88rem;font-weight:600;flex:1}.ce-stars{display:flex;gap:4px}.ce-star{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#ffffff1f;transition:all .15s;padding:0 2px;line-height:1}.ce-star:hover,.ce-star.selected{color:#f59e0b;transform:scale(1.15);filter:drop-shadow(0 0 4px rgba(245,158,11,.4))}.ce-assessment-nav{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.ce-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65vh;gap:20px;text-align:center;padding:40px 24px}.ce-loading-screen h3{font-size:1.5rem;font-weight:900;color:var(--text)}.ce-loading-screen>p{color:var(--muted);max-width:400px;line-height:1.6}.ce-loading-orb{position:relative;width:100px;height:100px}.ce-loading-spinner-lg{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid rgba(59,130,246,.1);border-top-color:var(--accent);border-right-color:#2563eb;border-radius:50%;animation:spin .9s linear infinite}.ce-loading-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:2.5rem;animation:float 2s ease-in-out infinite}.ce-loading-steps{display:flex;flex-direction:column;gap:10px;margin-top:10px;width:100%;max-width:360px}.ce-loading-step{padding:10px 16px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--muted);font-size:.88rem;font-weight:600;text-align:left;transition:all .4s}.ce-loading-step.active{background:#3b82f61a;border-color:#3b82f64d;color:var(--text);box-shadow:0 0 12px #3b82f626}.ce-loading-step.done{color:#10b981;border-color:#10b98133;background:#10b9810d}.ce-loading-step.done:before{content:"✓ "}.ce-error-icon{font-size:3rem}.ce-report{max-width:920px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px}.ce-report-header{display:flex;flex-direction:column;gap:16px}.ce-report-nav{display:flex;justify-content:space-between;align-items:center}.ce-report-actions{display:flex;gap:10px}.ce-report-title-block{text-align:center}.ce-report-badge{display:inline-block;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-lg);padding:4px 16px;font-size:.8rem;font-weight:800;color:#93c5fd;letter-spacing:.5px;margin-bottom:10px}.ce-report-title{font-size:2rem;font-weight:900;color:var(--text);letter-spacing:-.5px;margin-bottom:10px}.ce-report-summary{color:var(--muted);font-size:.95rem;line-height:1.65;max-width:700px;margin:0 auto}.ce-compat-legend{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:12px 20px;background:#11182759;border-radius:var(--radius-lg);border:1px solid var(--border)}.ce-legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted);font-weight:600}.ce-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ce-careers-list{display:flex;flex-direction:column;gap:16px}.ce-career-card{background:#1e293b73;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);animation:msgIn .35s ease both}.ce-career-card:nth-child(1){animation-delay:0s}.ce-career-card:nth-child(2){animation-delay:.07s}.ce-career-card:nth-child(3){animation-delay:.14s}.ce-career-card:nth-child(4){animation-delay:.21s}.ce-career-card:nth-child(5){animation-delay:.28s}.ce-card-open{border-color:var(--accent);box-shadow:0 4px 28px var(--glow-accent)}.ce-career-card-header{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.ce-career-card-header:hover{background:#ffffff06}.ce-career-rank{font-size:1.6rem;font-weight:900;color:#ffffff1f;min-width:42px;text-align:center}.ce-card-open .ce-career-rank{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ce-compat-ring{flex-shrink:0}.ce-ring-fill{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.ce-career-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.ce-career-icon{font-size:1.5rem;line-height:1}.ce-career-name{font-size:1.15rem;font-weight:900;color:var(--text)}.ce-compat-badge{display:inline-block;border:1px solid;border-radius:var(--radius-lg);padding:2px 12px;font-size:.75rem;font-weight:800;letter-spacing:.3px;width:fit-content}.ce-diff-badge{font-size:.75rem;font-weight:700;color:var(--muted);background:#ffffff0a;border-radius:var(--radius-lg);padding:2px 10px;border:1px solid rgba(255,255,255,.07);width:fit-content}.ce-card-toggle{flex-shrink:0}.ce-toggle-icon{color:var(--muted);font-size:.8rem;transition:transform .3s;display:inline-block}.ce-card-open .ce-toggle-icon{transform:rotate(180deg)}.ce-career-card-body{border-top:1px solid var(--border)}@keyframes ceSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ce-career-details{padding:24px;display:flex;flex-direction:column;gap:20px}.ce-detail-section{display:flex;flex-direction:column;gap:10px}.ce-detail-section h4{font-size:.78rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.ce-detail-section p{color:var(--text);font-size:.9rem;line-height:1.7}.ce-detail-section ul{padding-left:1.2em;display:flex;flex-direction:column;gap:5px}.ce-detail-section li{color:var(--text);font-size:.88rem;line-height:1.5}.ce-list-warn li{color:#fca5a5!important}.ce-detail-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ce-detail-why{background:#3b82f60d;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-lg);padding:16px}.ce-highlight-section{background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-lg);padding:16px}.ce-subject-chips,.ce-stream-chips,.ce-alt-chips{display:flex;flex-wrap:wrap;gap:6px}.ce-subject-chip{background:#10b9811f;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-lg);padding:4px 12px;font-size:.78rem;font-weight:700;color:#6ee7b7}.ce-stream-chip{background:#3b82f61f;border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-lg);padding:4px 12px;font-size:.78rem;font-weight:700;color:#93c5fd}.ce-alt-chip{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-lg);padding:4px 12px;font-size:.78rem;font-weight:700;color:#fbbf24}.ce-salary{font-size:1.1rem;font-weight:900;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ce-pros li{color:#6ee7b7!important}.ce-cons li{color:#fca5a5!important}.ce-ai-section{background:#2563eb0d;border:1px solid rgba(37,99,235,.15);border-radius:var(--radius-lg);padding:16px}.ce-report-footer{display:flex;justify-content:center;gap:16px;padding:20px 0;border-top:1px solid var(--border);margin-top:4px}.ce-history{max-width:800px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px}.ce-history-header{display:flex;align-items:center;justify-content:space-between}.ce-history-header h3{font-size:1.3rem;font-weight:900;color:var(--text)}.ce-compare-bar{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:12px 16px;display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--text);flex-wrap:wrap}.ce-compare-bar>span:first-child{flex:1}.ce-history-list{display:flex;flex-direction:column;gap:12px}.ce-history-item{background:#1e293b73;border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;display:flex;align-items:center;gap:16px;transition:all .2s;flex-wrap:wrap}.ce-history-item.selected{border-color:var(--accent);background:#3b82f60f}.ce-history-item:hover{border-color:#3b82f64d}.ce-checkbox{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;transition:all .15s;flex-shrink:0;display:grid;place-items:center}.ce-checkbox.checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--glow-accent);color:#fff;font-size:.7rem;font-weight:900}.ce-history-item-info{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.ce-history-item-name{font-size:.95rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-history-item-date{font-size:.78rem;color:var(--muted)}.ce-history-top-career{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted)}.ce-hist-compat{font-weight:800;color:#10b981}.ce-history-item-actions{display:flex;gap:6px;flex-shrink:0}.ce-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;text-align:center}.ce-history-empty-icon{font-size:4rem;opacity:.35}.ce-history-empty h3{font-size:1.5rem;font-weight:900;color:var(--text)}.ce-history-empty p{color:var(--muted)}.ce-history-footer{text-align:center}.ce-hint{color:var(--muted);font-size:.83rem}.ce-compare{max-width:1100px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px}.ce-compare-header{display:flex;align-items:center;justify-content:space-between}.ce-compare-header h3{font-size:1.2rem;font-weight:900;color:var(--text)}.ce-compare-grid{display:grid;gap:16px}.ce-compare-col{display:flex;flex-direction:column;gap:10px}.ce-compare-col-header{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:14px;text-align:center}.ce-compare-name{font-weight:900;font-size:.95rem;color:var(--text)}.ce-compare-date{font-size:.75rem;color:var(--muted);margin-top:3px}.ce-compare-career{background:#1e293b66;border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transition:all .2s}.ce-compare-rank{font-size:.72rem;font-weight:800;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.ce-compare-career-icon{font-size:1.5rem}.ce-compare-career-name{font-weight:800;font-size:.88rem;color:var(--text)}.ce-compare-compat{font-size:1.1rem;font-weight:900}@media print{header,nav,#sidebar,#dict-sidebar,.ce-report-nav,.ce-report-footer,.ce-btn,.ce-compat-legend{display:none!important}body{background:#fff!important;color:#111!important}.ce-content{overflow:visible!important}.ce-report{padding:0;max-width:100%}.ce-career-card{break-inside:avoid;border:1px solid #ddd!important;background:#fff!important;margin-bottom:16px;box-shadow:none!important}.ce-career-card-body{display:block!important}.ce-career-name{color:#1a1a2e!important}.ce-detail-section h4{color:#555!important}.ce-detail-section p,.ce-detail-section li{color:#333!important}.ce-report-title{background:none!important;-webkit-text-fill-color:#1a1a2e!important;color:#1a1a2e}.ce-career-rank{-webkit-text-fill-color:#1a1a2e!important;color:#1a1a2e}.ce-subject-chip,.ce-stream-chip,.ce-alt-chip{border:1px solid #ccc!important;color:#333!important;background:#f5f5f5!important}}#notebook-section{width:100%;height:100%;display:flex;flex-direction:column}.nb-subject-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;background:#11182766;padding:10px 16px;border-radius:var(--radius-lg);border:1px solid var(--border);flex-wrap:wrap}.nb-subject-pills{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px;flex:1}.nb-subject-pills::-webkit-scrollbar{height:4px}.nb-subject-pills::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sb-sources-panel{padding:0 16px 12px;display:flex;flex-direction:column;gap:8px}.sb-sources-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.sb-source-row{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--text);background:#11182773;border:1px solid var(--border);border-radius:8px;padding:6px 8px}.sb-source-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-source-row button{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:.95rem;padding:0 4px}.nb-pill{background:#ffffff0a;border:1px solid var(--border);border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;gap:6px}.nb-pill:hover{border-color:var(--accent);color:var(--text);background:#3b82f61a}.nb-pill.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px var(--glow-accent)}.nb-grid-container{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:30px}.nb-grid-container>*{flex:1 1 340px;min-width:340px}.nb-category-card{background:#1e293b73;border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease;box-shadow:0 4px 20px #00000026}.nb-category-card:hover{border-color:#3b82f64d}.nb-category-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px}.nb-category-title{font-weight:900;font-size:1.1rem;color:var(--text);display:flex;align-items:center;gap:8px}.nb-category-count{font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:12px;background:#3b82f626;color:var(--accent)}.nb-entries-list{display:flex;flex-direction:column;gap:12px}.nb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;color:var(--muted);font-size:.85rem;border:1px dashed rgba(255,255,255,.08);border-radius:var(--radius-md);gap:6px}.nb-entry-card{background:#11182799;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:8px;position:relative;transition:all .2s ease}#dict-sidebar .nb-entry-card{padding:6px 8px;gap:4px;border-radius:8px}#dict-sidebar .nb-entry-textarea{font-size:.8rem;line-height:1.35;max-height:2.7em;overflow:hidden;min-height:28px}#dict-sidebar .nb-entry-card.is-editing .nb-entry-textarea{max-height:none}.nb-teaser-open-btn{width:100%;justify-content:center;font-weight:700;font-size:.82rem;padding:8px 10px}.nb-teaser-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:#ffffff08;font-size:.82rem;cursor:pointer;color:var(--text)}.nb-teaser-row:hover{border-color:#3b82f666;background:#3b82f614}.nb-teaser-row .nb-teaser-count{font-size:.72rem;font-weight:800;color:var(--muted)}.nb-teaser-preview{font-size:.78rem;color:var(--muted);line-height:1.35;padding:0 4px}#living-notebook-section .nb-sidebar-cat-card{padding:14px 16px;gap:10px}#living-notebook-section .nb-entry-card{padding:10px 12px}#living-notebook-section .nb-entry-textarea{max-height:none;min-height:36px;font-size:.9rem;line-height:1.45}#living-notebook-section .nb-entry-header:empty{display:none}#living-notebook-section .nb-entry-card .nb-entry-header{min-height:0}#dict-sidebar .nb-entry-footer{display:none}#dict-sidebar .nb-entry-card.is-editing .nb-entry-footer{display:flex}#dict-sidebar #nb-sidebar-body{gap:6px!important}#dict-sidebar .nb-sidebar-cat-card{padding:8px 10px;gap:6px}.nb-entry-card:hover{border-color:#3b82f666;background:#111827cc}.nb-entry-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--muted);font-weight:600}.nb-entry-subject-tag{background:#3b82f61f;color:#93c5fd;border:1px solid rgba(59,130,246,.25);border-radius:10px;padding:2px 8px;font-weight:700}.nb-entry-textarea{width:100%;background:transparent;border:none;color:var(--text);font-family:var(--font-ui);font-size:.92rem;line-height:1.5;resize:vertical;outline:none;padding:0;margin:0}.nb-entry-textarea:focus{background:#ffffff08;border-radius:4px;box-shadow:0 0 0 2px var(--accent);padding:4px 6px}.nb-entry-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.nb-entry-status{font-size:.72rem;font-weight:700;color:var(--accent3);opacity:0;transition:opacity .3s ease}.nb-entry-status.visible{opacity:1}.nb-entry-delete-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.88rem;padding:2px 6px;border-radius:4px;transition:all .15s ease}.nb-entry-delete-btn:hover{color:#f43f5e;background:#f43f5e1f}.nb-add-card{background:#1e293b99;border:1px solid var(--accent);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;box-shadow:0 8px 24px var(--glow-accent);animation:msgIn .25s ease}.nb-card-title{font-size:1.05rem;font-weight:800;color:var(--text);margin-bottom:14px}.nb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 640px){.nb-form-grid,.nb-grid-container{grid-template-columns:1fr}}.settings-gear-btn{width:42px;height:42px;padding:0;justify-content:center;font-size:1.15rem;color:var(--secondary);border-color:var(--border);background:var(--hover-bg)}.settings-gear-btn:hover,.settings-gear-btn[aria-expanded=true]{color:var(--accent);border-color:var(--accent);background:#3b82f61f}.header-left{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}.profile-menu-wrap{position:relative}.profile-avatar-btn{width:42px;height:42px;border-radius:50%;border:2px solid var(--border);background:var(--hover-bg);padding:0;cursor:pointer;overflow:hidden;display:grid;place-items:center;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.profile-avatar-btn:hover,.profile-menu-wrap.open .profile-avatar-btn{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633}.profile-avatar-btn img,.profile-identity-pic-wrap img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-fallback{font-size:1.15rem;line-height:1;color:var(--text)}.profile-avatar-fallback.large{font-size:2rem}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(320px,calc(100vw - 24px));z-index:2100;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.profile-menu-wrap.open .profile-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.profile-dropdown-card{background:var(--settings-glass);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid var(--settings-border);border-radius:16px;box-shadow:0 16px 48px #00000059;padding:16px;color:var(--text)}.profile-dropdown-header{font-weight:800;font-size:.95rem;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.profile-identity{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.profile-identity-pic-wrap{width:72px;height:72px;border-radius:50%;overflow:hidden;border:2px solid var(--border);background:var(--hover-bg);display:grid;place-items:center;flex-shrink:0}.profile-identity-meta{min-width:0;flex:1}.profile-username{font-weight:800;font-size:1.05rem;margin-bottom:6px;word-break:break-word}.profile-password-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.82rem;color:var(--secondary)}.profile-password-label{font-weight:700}.profile-password-value{font-family:var(--font-mono);color:var(--text);letter-spacing:.08em}.profile-eye-btn{background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:2px 6px;font-size:.85rem}.profile-password-hint{font-size:.72rem;color:var(--secondary);margin-top:4px}.profile-actions{display:flex;flex-direction:column;gap:6px}.profile-action-btn{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--hover-bg);color:var(--text);font-family:var(--font-ui);font-weight:700;font-size:.86rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.profile-action-btn:hover{border-color:var(--accent);color:var(--accent);background:#3b82f61a}.profile-action-btn.danger{color:#f87171}.profile-action-btn.danger:hover{background:#f43f5e1f;border-color:#f43f5e66;color:#fb7185}#avatar-crop-modal{z-index:4200}.avatar-crop-card{width:min(380px,calc(100vw - 28px));max-width:380px}.avatar-crop-stage{position:relative;width:280px;height:280px;max-width:100%;margin:12px auto 8px;border-radius:50%;overflow:hidden;background:#0b1220;border:2px solid var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.avatar-crop-stage:active{cursor:grabbing}.avatar-crop-stage canvas{display:block;width:100%;height:100%}.avatar-crop-hint{margin:0 0 10px;font-size:.82rem;color:var(--muted);text-align:center}.avatar-crop-zoom-row{display:flex;align-items:center;gap:10px;margin:0 0 14px}.avatar-crop-zoom-row label{font-size:.8rem;font-weight:700;color:var(--muted);min-width:42px}.avatar-crop-zoom-row input[type=range]{flex:1}.refer-page-chip{display:none;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:4px 6px 4px 8px;border-radius:999px;border:1px solid rgba(59,130,246,.45);background:#3b82f61f;color:var(--text);font-family:var(--font-ui);font-size:.78rem;font-weight:700;text-align:left}.refer-page-chip:not([hidden]){display:inline-flex}.refer-page-chip-main{display:inline-flex;align-items:center;gap:8px;min-width:0;border:none;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:2px 4px;border-radius:999px}.refer-page-chip-main:hover{color:var(--accent)}.refer-page-chip:hover{border-color:var(--accent);background:#3b82f633}.refer-page-chip img{width:22px;height:22px;border-radius:6px;object-fit:cover;flex-shrink:0}.refer-page-chip-x{flex-shrink:0;width:22px;height:22px;border:none;border-radius:50%;background:#ffffff14;color:var(--muted, #94a3b8);font-size:.95rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}.refer-page-chip-x:hover{background:#f43f5e33;color:#fb7185}@keyframes sb-field-pulse{0%{box-shadow:0 0 #3b82f68c}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 #3b82f600}}.sb-focus-pulse{animation:sb-field-pulse 1.2s ease-out 2;border-color:var(--accent)!important}.msg.user .page-image-card{display:flex;flex-direction:column;gap:8px}.msg.user .page-image-card img{max-width:min(280px,70vw);max-height:220px;border-radius:12px;border:1px solid rgba(255,255,255,.18);cursor:pointer;object-fit:cover;transition:transform .18s ease,box-shadow .18s ease}.msg.user .page-image-card img:hover{transform:scale(1.02);box-shadow:0 0 0 2px #3b82f673}.msg.user .page-image-hint{font-size:.78rem;opacity:.85;font-weight:600}.chat-sources{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:.85rem}.chat-sources-title{font-weight:800;margin-bottom:6px;color:var(--text)}.chat-sources a{display:block;color:var(--accent);margin:4px 0;word-break:break-all;text-decoration:none}.chat-sources a:hover{color:var(--accent-hover);text-decoration:underline}.profile-edit-field{margin-bottom:10px}.profile-edit-field label{display:block;font-size:.78rem;font-weight:700;color:var(--secondary);margin-bottom:4px}.profile-edit-field input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--hover-bg);color:var(--text);font-family:var(--font-ui);font-size:.9rem}.settings-panel{position:fixed;top:64px;left:16px;right:auto;z-index:2000;width:min(340px,calc(100vw - 24px));opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.settings-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.settings-panel-card{background:var(--settings-glass);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid var(--settings-border);border-radius:16px;box-shadow:0 16px 48px #00000059,0 0 0 1px #6a6a8533;padding:18px 18px 16px;color:var(--text)}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.settings-panel-header h3{font-size:1rem;font-weight:800;letter-spacing:-.02em}.settings-close-btn{background:transparent;border:1px solid var(--border);color:var(--secondary);width:32px;height:32px;border-radius:10px;cursor:pointer;font-size:1.1rem;line-height:1;display:grid;place-items:center;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.settings-close-btn:hover{background:var(--hover-bg);color:var(--text);border-color:var(--secondary)}.settings-section-label{font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--secondary);margin-bottom:10px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-option-btn{background:var(--hover-bg);border:1px solid var(--border);color:var(--secondary);border-radius:12px;padding:12px 8px;cursor:pointer;font-family:var(--font-ui);font-weight:700;font-size:.82rem;display:flex;flex-direction:column;align-items:center;gap:6px;transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.theme-option-btn:hover{background:#3b82f61a;color:var(--text);border-color:var(--secondary)}.theme-option-btn.active{background:#3b82f629;border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px #3b82f640}.theme-option-btn .theme-icon{font-size:1.15rem;line-height:1}.settings-hint{margin-top:12px;font-size:.75rem;color:var(--secondary);line-height:1.4}.settings-hint kbd{display:inline-block;padding:1px 6px;border-radius:6px;border:1px solid var(--border);background:var(--hover-bg);font-family:var(--font-mono);font-size:.7rem;color:var(--text)}.settings-divider{height:1px;background:var(--border);margin:14px 0 12px}.settings-clear-wrap{position:relative}.settings-clear-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--hover-bg);color:var(--text);font-family:var(--font-ui);font-weight:700;font-size:.9rem;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.settings-clear-trigger:hover,.settings-clear-wrap.open .settings-clear-trigger{border-color:var(--secondary);background:#6a6a8538}.settings-clear-trigger .chevron{color:var(--secondary);transition:transform .25s ease}.settings-clear-wrap.open .settings-clear-trigger .chevron{transform:rotate(90deg)}.clear-history-menu{display:flex;flex-direction:column;gap:4px;max-height:min(60vh,420px);overflow-y:auto;padding:6px}.clear-history-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:var(--text);font-family:var(--font-ui);font-weight:600;font-size:.84rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.clear-history-item:hover{background:var(--hover-bg);color:var(--accent)}.clear-history-item.danger{color:#f87171;margin-top:4px;border-top:1px solid var(--border);border-radius:0 0 10px 10px;padding-top:12px}.clear-history-item.danger:hover{background:#f43f5e1f;color:#fb7185}.clear-history-count{color:var(--secondary);font-weight:700;font-size:.78rem;font-variant-numeric:tabular-nums}.clear-history-item.danger .clear-history-count{display:none}.clear-history-flyout{position:absolute;top:calc(100% + 8px);left:0;right:auto;width:100%;min-width:220px;background:var(--settings-glass);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid var(--settings-border);border-radius:14px;box-shadow:0 16px 48px #00000059;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:2100}@media (min-width: 768px){.settings-clear-wrap:hover .clear-history-flyout,.settings-clear-wrap:focus-within .clear-history-flyout,.settings-clear-wrap.open .clear-history-flyout{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.clear-history-sheet{display:none!important}}@media (max-width: 767px){.clear-history-flyout{display:none!important}}.clear-history-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.clear-history-sheet.open{opacity:1;visibility:visible;pointer-events:auto}.clear-history-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.clear-history-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:min(78vh,560px);background:var(--settings-glass);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid var(--settings-border);border-bottom:none;border-radius:18px 18px 0 0;box-shadow:0 -12px 40px #00000059;transform:translateY(16px);transition:transform .25s ease;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}.clear-history-sheet.open .clear-history-sheet-panel{transform:translateY(0)}.clear-history-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:800}.clear-confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2300;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.clear-confirm-modal.open{opacity:1;visibility:visible;pointer-events:auto}.clear-confirm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.clear-confirm-card{position:relative;width:min(400px,100%);background:var(--settings-glass);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid var(--settings-border);border-radius:16px;box-shadow:0 20px 50px #0006;padding:20px;transform:translateY(8px);transition:transform .25s ease}.clear-confirm-modal.open .clear-confirm-card{transform:translateY(0)}.clear-confirm-card h3{font-size:1.05rem;font-weight:800;margin-bottom:8px}.clear-confirm-card p{color:var(--secondary);font-size:.88rem;line-height:1.45;margin-bottom:14px}.clear-confirm-card.danger h3{color:#f87171}.clear-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.clear-confirm-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--hover-bg);color:var(--text);font-family:var(--font-mono);font-size:.9rem;outline:none}.clear-confirm-input:focus{border-color:var(--accent2);box-shadow:0 0 0 2px #f43f5e33}.clear-confirm-delete-btn:disabled{opacity:.45;cursor:not-allowed;background:var(--secondary)!important}.btn-danger-solid{background:#ef4444;border:none;color:#fff;border-radius:var(--radius-md);padding:10px 16px;font-family:var(--font-ui);font-weight:800;font-size:.88rem;cursor:pointer}.btn-danger-solid:hover:not(:disabled){background:#dc2626}.clear-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(12px);z-index:2400;background:var(--settings-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--settings-border);color:var(--text);padding:12px 18px;border-radius:12px;font-weight:700;font-size:.88rem;box-shadow:0 12px 32px #00000059;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s ease;max-width:min(420px,calc(100vw - 32px));text-align:center}.clear-toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}[data-theme=light] #dict-input,[data-theme=light] .input,[data-theme=light] textarea.input,[data-theme=light] #user-input,[data-theme=light] .podcast-input textarea,[data-theme=light] .form-input,[data-theme=light] .nb-entry-card,[data-theme=light] .modal-content,[data-theme=light] .feature-output,[data-theme=light] .dna-card,[data-theme=light] .mistake-card{background:var(--card)!important;color:var(--text)}[data-theme=light] .chat-table-wrap{background:#f1f5f9b3;border-color:#0000001a}[data-theme=light] .chat-markdown-table th{background:#e2e8f0d9;color:#1e40af;border-bottom-color:#0000001a}[data-theme=light] .chat-markdown-table td{border-bottom-color:#0000000f;color:#0f172a}[data-theme=light] #input-bar{background:var(--surface);border-top-color:var(--border)}[data-theme=light] .sidebar,[data-theme=light] #sidebar,[data-theme=light] #dict-panel,[data-theme=light] #right-sidebar{background:var(--surface)}[data-theme=light] .msg.user .bubble,[data-theme=light] .user-msg{color:#fff}[data-theme=light] #main-content::-webkit-scrollbar-thumb{background:#6a6a8559}a,.linkish{color:var(--accent)}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px #3b82f640}header{position:relative}.header-stats{display:inline-flex;align-items:center;gap:4px;margin-right:4px}.header-stat{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text);font-family:var(--font-ui);font-weight:700;font-size:.78rem;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.header-stat:hover{background:var(--hover-bg);color:var(--accent)}.header-stat .header-stat-value{color:var(--accent);font-weight:800}.header-stat-label{color:#6a6a85;font-weight:600}.sb-game-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999!important;display:none;align-items:center;justify-content:center;padding:16px}.sb-game-modal.open{display:flex}.sb-game-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a14a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sb-game-card{position:relative;width:min(440px,100%);max-height:min(86vh,720px);overflow:auto;border-radius:18px;border:1px solid rgba(59,130,246,.25);background:var(--surface);box-shadow:0 20px 50px #00000059;padding:20px 22px;animation:sbGameIn .28s ease}.sb-game-card.wide{width:min(560px,100%)}@keyframes sbGameIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.sb-game-card h3{margin:0 0 12px;font-size:1.15rem}.sb-game-close{position:absolute;top:10px;right:12px;background:transparent;border:none;color:var(--secondary);font-size:1.4rem;cursor:pointer;line-height:1}.streak-fire{font-size:2.4rem;text-align:center;animation:firePulse 1.4s ease-in-out infinite}@keyframes firePulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.15)}}.streak-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.streak-stat{background:#3b82f614;border:1px solid rgba(59,130,246,.18);border-radius:12px;padding:10px 12px}.streak-stat .lbl{font-size:.7rem;color:#6a6a85;font-weight:700;text-transform:uppercase}.streak-stat .val{font-size:1.35rem;font-weight:900;color:var(--accent)}.puzzle-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.puzzle-pill{font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:999px;background:#3b82f61f;color:var(--accent);border:1px solid rgba(59,130,246,.22)}.puzzle-pill.xp{color:var(--accent3)}.puzzle-prompt{font-size:1rem;line-height:1.5;margin:0 0 12px}.puzzle-hint{margin-bottom:12px;color:#6a6a85;font-size:.88rem}.puzzle-input{width:100%;margin:6px 0 12px}.puzzle-actions{display:flex;gap:8px}.puzzle-result{margin-top:12px;padding:12px;border-radius:12px;background:var(--hover-bg)}.puzzle-result.ok{border:1px solid rgba(82,232,160,.4)}.shop-grid{display:flex;flex-direction:column;gap:10px}.shop-item{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--hover-bg)}.shop-item-icon{font-size:1.5rem;text-align:center}.shop-item-info p{margin:2px 0 4px;font-size:.78rem;color:#6a6a85}.shop-cost{font-size:.72rem;font-weight:700;color:var(--accent)}.shop-balance{margin:0 0 12px;color:#6a6a85}.shop-item-owned{border-color:#52e8a066;background:#52e8a00a}.chat-yt-link{display:inline-flex;align-items:center;gap:6px;margin:6px 0;padding:6px 12px;border-radius:8px;background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.3);font-weight:600;text-decoration:none;font-size:.88rem;transition:background .2s}.chat-yt-link:hover{background:#ef444440;color:#fca5a5;text-decoration:underline}.nav-leaderboard-btn{background:#f59e0b1a!important;color:#fbbf24!important;border:1px solid rgba(245,158,11,.25)!important}.nav-leaderboard-btn:hover{background:#f59e0b38!important;color:#fef08a!important}.tab-btn:focus:not(:focus-visible),.nav-leaderboard-btn:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}.leaderboard-header-banner{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:14px;margin-bottom:16px;text-align:center}.leaderboard-reset-pill{display:inline-block;padding:4px 12px;border-radius:20px;background:#f59e0b33;color:#fcd34d;font-size:.85rem;font-weight:700;border:1px solid rgba(245,158,11,.4);margin-bottom:6px}.leaderboard-note{font-size:.8rem;color:#94a3b8;margin:0}.leaderboard-table-wrap{max-height:380px;overflow-y:auto;border-radius:12px;border:1px solid var(--border)}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.leaderboard-table th{background:#1e293bf2;padding:12px 14px;color:#94a3b8;font-weight:700;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border);vertical-align:middle}.leaderboard-table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.leaderboard-row-me td{background:#3b82f626!important;font-weight:700}.leaderboard-row-me td:first-child{border-left:3px solid #3b82f6}.lb-rank{font-weight:800;color:#fbbf24;width:64px;vertical-align:middle}.lb-name{vertical-align:middle}.lb-name-inner{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}.lb-you-tag{font-size:.75rem;color:#60a5fa;font-weight:600}.lb-xp{color:#f59e0b;font-weight:700;vertical-align:middle}.lb-gems{color:#38bdf8;font-weight:700;vertical-align:middle}.scholar-badge-tag{font-size:1rem}html.unlock-theme-aurora{--bg: #0b0f19;--accent: #818cf8;--accent2: #a78bfa;--accent3: #38bdf8;--card-bg: rgba(17, 24, 39, .75);--hover-bg: rgba(99, 102, 241, .12)}html.unlock-theme-forest{--bg: #061712;--accent: #10b981;--accent2: #34d399;--accent3: #6ee7b7;--card-bg: rgba(6, 30, 22, .8);--hover-bg: rgba(16, 185, 129, .12)}html.unlock-avatar-pack-1 .profile-avatar-btn,html.unlock-avatar-pack-1 .profile-identity-pic-wrap{outline:3px solid #818cf8;outline-offset:2px;box-shadow:0 0 12px #818cf899}html.unlock-chat-sparkle .chat-bubble.ai{position:relative;border-color:#a855f766;background:linear-gradient(135deg,#1e1b4b99,#0f172ab3);box-shadow:0 0 14px #a855f72e}.sb-game-toasts{position:fixed;top:72px;right:16px;z-index:1400;display:flex;flex-direction:column;gap:8px;pointer-events:none}.sb-game-toast{min-width:180px;max-width:300px;padding:10px 14px;border-radius:12px;background:#141828eb;color:#fff;border:1px solid rgba(59,130,246,.35);box-shadow:0 8px 24px #00000040;opacity:0;transform:translate(12px);transition:opacity .25s,transform .25s;font-size:.85rem;font-weight:700}.sb-game-toast.show{opacity:1;transform:none}.sb-game-toast.success{border-color:#52e8a073}.sb-game-toast.warn{border-color:#f9731673}.settings-panel-card{max-height:min(80vh,640px);overflow-y:auto;overflow-x:visible}.settings-clear-wrap{position:relative;overflow:visible}.clear-history-flyout{z-index:1300}.settings-block{margin-top:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;font-size:.85rem}.settings-row select,.settings-row input[type=range]{max-width:140px}.settings-toggle{accent-color:var(--accent)}.settings-acc{border-top:1px solid var(--border);margin-top:10px;padding-top:2px}.settings-acc-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:none;color:var(--secondary);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:10px 0 6px;cursor:pointer;font-family:inherit}.settings-acc-toggle:hover{color:var(--text)}.settings-acc-chevron{font-size:.7rem;transition:transform .18s ease;opacity:.75}.settings-acc.open .settings-acc-chevron{transform:rotate(90deg)}.settings-acc-body{display:none;padding-bottom:4px}.settings-acc.open .settings-acc-body,.settings-acc-body.settings-acc-body-always{display:block}#settings-account-block{margin-top:10px}#settings-password-acc{border-top:1px dashed var(--border);margin-top:8px}#settings-password-acc .settings-acc-toggle{font-size:.72rem;padding:8px 0 4px}.planner-box{background:#3b82f60f;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:14px}.planner-box h4{margin:0 0 8px;font-size:.9rem;font-weight:800}.planner-exams-summary{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.planner-exam-chip{font-size:.78rem;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:#ffffff0a;color:var(--secondary)}.planner-exam-chip strong{color:var(--text)}.planner-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.planner-add{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.planner-add input{flex:1;min-width:140px;padding:8px 10px;font-size:.85rem}#planner-task-list{list-style:none;margin:0;padding:0;max-height:min(55vh,520px);overflow-y:auto}.planner-task{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.85rem}.planner-task.done span.planner-task-title{text-decoration:line-through;color:#6a6a85}.planner-task label{display:flex;align-items:flex-start;gap:8px;flex:1;cursor:pointer}.planner-task-meta{font-size:.72rem;color:#6a6a85;margin-top:2px;margin-bottom:6px}.planner-task-actions{margin-top:4px}.planner-task-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);opacity:.85}.planner-del{background:none;border:none;color:#6a6a85;cursor:pointer;font-size:1.1rem;padding:4px}.planner-empty{color:#6a6a85;font-size:.85rem;padding:12px 0}.profile-email{font-size:.78rem;color:#6a6a85;margin-top:2px}.sb-skel{color:#6a6a85;padding:20px 0;text-align:center}.sb-err{color:var(--accent2)}html.sb-high-contrast{--border: #888;--text: #fff;--secondary: #ccc}html.sb-high-contrast body{filter:contrast(1.08)}html{font-size:calc(16px * var(--sb-font-scale, 1))}html.sb-reduced-motion *,html.sb-reduced-motion *:before,html.sb-reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media (prefers-reduced-motion: reduce){.streak-fire,.sb-game-card{animation:none!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html.unlock-chat-sparkle .msg.ai .bubble:after{content:"✨";position:absolute;top:4px;right:8px;font-size:.7rem;opacity:.55}html.unlock-theme-aurora{--accent: #38bdf8;--accent-hover: #7dd3fc}html.unlock-theme-forest{--accent: #34d399;--accent-hover: #6ee7b7}:root,[data-theme=dark]{--glass-bg: rgba(20, 24, 34, .58);--glass-bg-strong: rgba(20, 24, 34, .78);--glass-tint: rgba(255, 255, 255, .035);--glass-border: rgba(255, 255, 255, .09);--glass-edge: rgba(255, 255, 255, .16);--glass-shadow: 0 10px 34px rgba(0, 0, 0, .38);--glass-blur: 22px;--aurora-a: rgba(59, 130, 246, .22);--aurora-b: rgba(139, 92, 246, .18);--aurora-c: rgba(16, 185, 129, .12);--aurora-d: rgba(244, 114, 182, .08);--chip-bg: rgba(255, 255, 255, .06);--chip-bg-hover: rgba(255, 255, 255, .11)}[data-theme=light]{--glass-bg: rgba(255, 255, 255, .6);--glass-bg-strong: rgba(255, 255, 255, .82);--glass-tint: rgba(255, 255, 255, .5);--glass-border: rgba(15, 23, 42, .08);--glass-edge: rgba(255, 255, 255, .95);--glass-shadow: 0 10px 30px rgba(30, 41, 59, .1);--aurora-a: rgba(59, 130, 246, .16);--aurora-b: rgba(139, 92, 246, .12);--aurora-c: rgba(16, 185, 129, .1);--aurora-d: rgba(251, 191, 36, .1);--chip-bg: rgba(15, 23, 42, .05);--chip-bg-hover: rgba(15, 23, 42, .09)}body:before{content:"";position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:-1;pointer-events:none;background:radial-gradient(38% 42% at 12% 18%,var(--aurora-a),transparent 70%),radial-gradient(34% 40% at 88% 12%,var(--aurora-b),transparent 70%),radial-gradient(40% 46% at 72% 92%,var(--aurora-c),transparent 70%),radial-gradient(30% 36% at 20% 88%,var(--aurora-d),transparent 70%);animation:lq-aurora 28s ease-in-out infinite alternate}@keyframes lq-aurora{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-1.5%,0) scale(1.04)}to{transform:translate3d(-2%,1.5%,0) scale(1.02)}}header,#sidebar,#dict-sidebar,#input-bar{background:transparent;isolation:isolate}#input-bar{position:relative}header:before,#sidebar:before,#dict-sidebar:before,#input-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--glass-tint),transparent 60%),var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(170%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(170%)}header{border-bottom-color:var(--glass-border);box-shadow:inset 0 -1px 0 var(--glass-border),0 6px 24px #0000001f}#sidebar{border-right-color:var(--glass-border)}#dict-sidebar{border-left-color:var(--glass-border)}#input-bar{border-top-color:var(--glass-border)}.upload-card,.study-today-banner,.calc-card,.sb-game-card,.clear-confirm-card,.profile-dropdown-card,.modal-content{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px 0 var(--glass-edge),var(--glass-shadow)}.upload-card{background:linear-gradient(180deg,var(--glass-tint),transparent),var(--glass-bg);border-color:var(--glass-border)}.sb-game-card,.clear-confirm-card,.profile-dropdown-card,.modal-content{background:var(--glass-bg-strong);border-color:var(--glass-border)}.welcome-icon .brand-logo-wrap{border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px var(--glass-border),0 18px 60px #3b82f638}#user-input{background:var(--chip-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 var(--glass-tint)}#user-input:focus{box-shadow:0 0 0 3px var(--glow-accent),inset 0 1px 0 var(--glass-tint)}.btn-primary,#send-btn,.tab-btn.active{background-image:linear-gradient(180deg,#ffffff2e,#fff0 55%);box-shadow:inset 0 1px #ffffff47,0 6px 18px var(--glow-accent)}.btn-primary,#send-btn,.btn-secondary,.btn-icon,.qs-btn,.sidebar-chip-btn,.calc-btn,.header-stat{transition:transform .16s ease,background-color .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.btn-primary:hover:not(:disabled),#send-btn:hover:not(:disabled),.qs-btn:hover:not(:disabled),.sidebar-chip-btn:hover,.calc-btn:hover,.header-stat:hover{transform:translateY(-1px)}.btn-primary:active:not(:disabled),#send-btn:active:not(:disabled),.qs-btn:active:not(:disabled),.calc-btn:active{transform:translateY(0) scale(.98)}.qs-btn{font-family:var(--font-ui);font-weight:700;font-size:.82rem;color:var(--text);background:var(--chip-bg);border:1px solid var(--glass-border);border-radius:999px;padding:7px 14px;cursor:pointer;box-shadow:inset 0 1px 0 var(--glass-tint)}.qs-btn:hover:not(:disabled){background:var(--chip-bg-hover);border-color:var(--accent)}.qs-btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-icon:focus-visible,.tab-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=file]::file-selector-button{font-family:var(--font-ui);font-weight:700;color:var(--text);background:var(--chip-bg-hover);border:1px solid var(--glass-border);border-radius:999px;padding:5px 12px;margin-right:10px;cursor:pointer}*{scrollbar-width:thin;scrollbar-color:rgba(127,127,160,.35) transparent}@media (prefers-reduced-motion: reduce){body:before{animation:none}.btn-primary:hover:not(:disabled),#send-btn:hover:not(:disabled),.qs-btn:hover:not(:disabled),.sidebar-chip-btn:hover,.calc-btn:hover,.header-stat:hover{transform:none}}@media (prefers-reduced-transparency: reduce){header:before,#sidebar:before,#dict-sidebar:before,#input-bar:before{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){header:before,#sidebar:before,#dict-sidebar:before,#input-bar:before{background:var(--surface)}}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.acct-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:grid;place-items:center;padding:16px;background:#0508149e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:acct-fade .18s ease-out;overflow-y:auto}.acct-sheet{position:relative;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px 24px 22px;border-radius:24px;color:var(--text);background:linear-gradient(180deg,var(--glass-tint, rgba(255, 255, 255, .04)),transparent 40%),var(--glass-bg-strong, var(--surface));border:1px solid var(--glass-border, var(--border));box-shadow:inset 0 1px 0 var(--glass-edge, rgba(255, 255, 255, .12)),0 30px 80px #00000073;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);animation:acct-pop .22s cubic-bezier(.2,.9,.3,1.2);outline:none}.acct-sheet--wide{width:min(760px,100%)}.acct-sheet-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.acct-sheet-head h2{font-size:1.3rem;font-weight:800;line-height:1.2;flex:1}.acct-sheet-emoji{display:grid;place-items:center;width:46px;height:46px;font-size:1.5rem;border-radius:14px;background:linear-gradient(135deg,#3b82f640,#8b5cf640);box-shadow:inset 0 1px #fff3;flex-shrink:0}.acct-close{width:36px;height:36px;border-radius:12px;border:1px solid var(--glass-border, var(--border));background:var(--chip-bg, transparent);color:var(--text);font-size:1.4rem;line-height:1;cursor:pointer}.acct-close:hover{background:var(--chip-bg-hover, var(--hover-bg))}.acct-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:4px 0 18px}.acct-stepper li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.74rem;font-weight:700;color:var(--muted);position:relative}.acct-stepper li:not(:last-child):after{content:"";position:absolute;top:18px;left:calc(50% + 22px);right:calc(-50% + 22px);height:3px;border-radius:3px;background:var(--border)}.acct-stepper li.is-done:not(:last-child):after{background:var(--accent3)}.acct-step-dot{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:1.05rem;background:var(--chip-bg, var(--surface));border:2px solid var(--border);transition:transform .2s ease,background .2s ease}.acct-stepper li.is-current{color:var(--text)}.acct-stepper li.is-current .acct-step-dot{border-color:var(--accent);background:#3b82f62e;transform:scale(1.08);box-shadow:0 0 0 4px var(--glow-accent)}.acct-stepper li.is-done{color:var(--accent3)}.acct-stepper li.is-done .acct-step-dot{border-color:var(--accent3);background:#10b9812e;color:var(--accent3);font-weight:900}.acct-form{display:flex;flex-direction:column;gap:12px}.acct-lead{color:var(--muted);font-size:.95rem;line-height:1.5;margin-bottom:2px}.acct-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.acct-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.acct-field{display:flex;flex-direction:column;gap:6px;min-width:0}.acct-field label{font-weight:700;font-size:.86rem}.acct-hint{font-size:.78rem;color:var(--muted);line-height:1.4}.acct-hint a,.acct-agree a,.acct-callout a{color:var(--accent);font-weight:700}.acct-input{width:100%;min-height:46px;padding:11px 14px;border-radius:14px;border:1.5px solid var(--border);background:var(--chip-bg, rgba(255, 255, 255, .04));color:var(--text);font:inherit;font-size:.95rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.acct-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--glow-accent)}.acct-input::placeholder{color:var(--muted)}select.acct-input{cursor:pointer}.acct-checks,.acct-agree{display:flex;gap:16px;flex-wrap:wrap;font-size:.88rem}.acct-checks label,.acct-agree{align-items:flex-start;gap:10px;cursor:pointer;line-height:1.45}.acct-checks label{display:flex;align-items:center;gap:8px}.acct-agree input,.acct-checks input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin-top:1px}.acct-callout{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#3b82f624,#10b9811a);border:1px solid rgba(59,130,246,.3);font-size:.9rem;line-height:1.5}.acct-callout>span{font-size:1.5rem;line-height:1}.theme-picker-group{display:flex;flex-direction:column;gap:14px}.theme-mode-segmented{display:flex;gap:8px;background:var(--surface);padding:4px;border-radius:14px;border:1px solid var(--border)}.theme-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .15s ease}.theme-mode-btn.is-active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--glow-accent)}.theme-presets-row{display:flex;gap:8px;flex-wrap:wrap}.theme-preset-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--chip-bg, var(--surface));color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.theme-preset-chip:hover{transform:translateY(-1px);border-color:var(--accent)}.theme-preset-dot{width:14px;height:14px;border-radius:50%;display:inline-block}.theme-colors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.color-input-card{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.color-input-card label{font-size:.76rem;font-weight:700;color:var(--muted);display:flex;justify-content:space-between}.color-input-wrapper{display:flex;align-items:center;gap:8px}.color-picker-native{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);cursor:pointer;background:none;padding:2px;flex-shrink:0}.color-hex-text{font-family:var(--font-mono, monospace);font-size:.8rem;font-weight:600;color:var(--text)}.theme-live-preview{margin-top:6px;border-radius:16px;padding:14px 18px;border:1.5px solid var(--border);transition:all .2s ease;box-shadow:0 4px 20px #00000026}.preview-badge{font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;display:inline-block;padding:2px 8px;border-radius:6px}.preview-tutor-bubble{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.preview-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:1rem;flex-shrink:0}.preview-bubble-content{border-radius:12px;padding:8px 12px;font-size:.85rem;line-height:1.4;flex:1}.preview-interactive-row{display:flex;gap:8px;align-items:center}.preview-btn-primary{padding:6px 14px;border-radius:10px;border:none;font-weight:700;font-size:.8rem;cursor:default;color:#fff}.preview-btn-secondary{padding:6px 14px;border-radius:10px;border:1px solid currentColor;font-weight:700;font-size:.8rem;cursor:default;background:transparent}.learning-styles-list{display:grid;grid-template-columns:1fr;gap:10px}.style-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:all .18s ease;position:relative}.style-card:hover{border-color:var(--accent);background:var(--chip-bg-hover, var(--hover-bg));transform:translateY(-1px)}.style-card.is-selected{border-color:var(--accent);background:#3b82f614;box-shadow:0 0 0 1px var(--accent),0 4px 12px var(--glow-accent)}.style-card-icon{font-size:1.5rem;line-height:1;padding:6px;border-radius:12px;background:var(--chip-bg, rgba(255, 255, 255, .05));flex-shrink:0}.style-card-body{flex:1}.style-card-title{font-size:.95rem;font-weight:800;margin-bottom:2px;display:flex;align-items:center;gap:8px}.style-primary-tag{font-size:.68rem;font-weight:800;padding:2px 6px;border-radius:4px;background:var(--accent);color:#fff;text-transform:uppercase}.style-card-desc{font-size:.82rem;color:var(--muted);line-height:1.4;margin:0}.style-secondary-toggle{margin-top:8px;display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text);font-weight:600}.style-secondary-toggle input{accent-color:var(--accent);cursor:pointer}.acct-purposes{border-radius:14px;border:1px dashed var(--border);padding:10px 14px;font-size:.86rem}.acct-purposes summary{cursor:pointer;font-weight:700;color:var(--accent)}.acct-purposes ul{margin:8px 0 0 18px;display:grid;gap:4px;color:var(--muted)}.acct-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px;flex-wrap:wrap}.acct-actions--start{justify-content:flex-start}.acct-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 20px;border-radius:999px;border:none;font:inherit;font-weight:800;font-size:.92rem;color:#fff;text-decoration:none;cursor:pointer;background:var(--accent-gradient);box-shadow:inset 0 1px #ffffff47,0 8px 20px var(--glow-accent);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.acct-btn:hover:not(:disabled){transform:translateY(-1px)}.acct-btn:active:not(:disabled){transform:scale(.98)}.acct-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.acct-btn:focus-visible,.acct-link:focus-visible,.acct-close:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.acct-btn--ghost{color:var(--text);background:var(--chip-bg, transparent);border:1.5px solid var(--border);box-shadow:none}.acct-btn--ghost:hover:not(:disabled){background:var(--chip-bg-hover, var(--hover-bg))}.acct-btn--danger{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 8px 20px var(--glow-error)}.acct-link{align-self:flex-start;background:none;border:none;padding:4px 0;color:var(--accent);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.acct-link:disabled{color:var(--muted);cursor:default}.acct-msg{font-size:.86rem;font-weight:600;padding:10px 12px;border-radius:12px;line-height:1.4}.acct-msg.is-error{color:#fecdd3;background:#f43f5e24;border:1px solid rgba(244,63,94,.35)}.acct-msg.is-ok{color:#a7f3d0;background:#10b9811f;border:1px solid rgba(16,185,129,.35)}[data-theme=light] .acct-msg.is-error{color:#be123c}[data-theme=light] .acct-msg.is-ok{color:#047857}.acct-meter{display:flex;align-items:center;gap:10px;font-size:.76rem;font-weight:700;color:var(--muted)}.acct-meter-bar{flex:1;height:6px;border-radius:6px;background:var(--border);overflow:hidden}.acct-meter-bar>span{display:block;height:100%;border-radius:6px;transition:width .2s ease}.acct-meter.is-weak .acct-meter-bar>span{background:#f43f5e}.acct-meter.is-ok .acct-meter-bar>span{background:#f59e0b}.acct-meter.is-strong .acct-meter-bar>span{background:var(--accent3)}.acct-verify{display:flex;flex-direction:column;gap:12px}.acct-code{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:18px;border:1.5px solid var(--border);background:var(--chip-bg, transparent);transition:border-color .2s ease,background .2s ease}.acct-code.is-done{border-color:var(--accent3);background:#10b9811a}.acct-code-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}.acct-code-to{font-size:.8rem;color:var(--muted)}.acct-code.is-done .acct-code-to{color:var(--accent3);font-weight:800}.acct-code-row{display:flex;gap:10px}.acct-code-input{font-family:var(--font-mono);font-size:1.35rem;letter-spacing:.45em;text-align:center;flex:1;min-height:52px;padding:8px 12px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);outline:none}.acct-code-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--glow-accent)}.acct-done{text-align:center;padding:18px 8px 8px;display:grid;gap:8px;justify-items:center}.acct-done h3{font-size:1.25rem;font-weight:800}.acct-done p{color:var(--muted)}.acct-done-burst{font-size:3.4rem;animation:acct-bounce .9s ease infinite alternate}body.prof-open{overflow:hidden}.prof-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99990;overflow-y:auto;color:var(--text);background:radial-gradient(60% 50% at 10% 0%,rgba(59,130,246,.18),transparent 70%),radial-gradient(50% 40% at 95% 10%,rgba(139,92,246,.16),transparent 70%),var(--bg);animation:prof-slide .24s cubic-bezier(.2,.9,.3,1)}.prof-topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:14px;padding:12px 20px;background:var(--glass-bg, var(--surface));backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--glass-border, var(--border))}.prof-topbar h2{font-size:1.1rem;font-weight:800}.prof-back{min-height:38px;padding:6px 14px}.prof-loading{padding:60px 20px;text-align:center;color:var(--muted)}.prof-body{max-width:1040px;margin:0 auto;padding:22px 20px 48px;display:flex;flex-direction:column;gap:18px}.prof-hero{display:flex;align-items:center;gap:22px;padding:24px;border-radius:28px;background:linear-gradient(135deg,#3b82f659,#8b5cf64d 55%,#10b98140),var(--surface);border:1px solid var(--glass-border, var(--border));box-shadow:inset 0 1px 0 var(--glass-edge, rgba(255, 255, 255, .15)),0 20px 50px #00000040}.prof-avatar{position:relative;width:108px;height:108px;flex-shrink:0;border-radius:50%;border:4px solid rgba(255,255,255,.85);background:linear-gradient(135deg,#60a5fa,#a78bfa);display:grid;place-items:center;font-size:3rem;cursor:pointer;padding:0;overflow:visible;box-shadow:0 12px 30px #0000004d}.prof-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.prof-avatar-edit{position:absolute;right:-2px;bottom:-2px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:1rem;background:var(--accent);border:3px solid var(--surface)}.prof-hero-text{min-width:0}.prof-hello{font-weight:700;opacity:.85}.prof-hero-text h3{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:900;line-height:1.1;overflow-wrap:anywhere}.prof-handle{color:var(--muted);font-weight:600;margin:2px 0 10px}[data-theme=dark] .prof-handle{color:#ffffffb3}.prof-chips{display:flex;flex-wrap:wrap;gap:8px}.prof-chip{padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:700;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .prof-chip{background:#ffffffb3;border-color:#0f172a14}.prof-guest{align-items:center;flex-wrap:wrap}.prof-guest p{flex:1;min-width:200px}.prof-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.prof-stat{display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:20px;background:var(--glass-bg, var(--surface));border:1px solid var(--glass-border, var(--border));box-shadow:inset 0 1px 0 var(--glass-edge, rgba(255, 255, 255, .1));transition:transform .16s ease}.prof-stat:hover{transform:translateY(-2px)}.prof-stat-icon{font-size:1.5rem}.prof-stat strong{font-size:1.6rem;font-weight:900;line-height:1.15}.prof-stat>span:last-child{font-size:.78rem;color:var(--muted);font-weight:700}.prof-stat--blue strong{color:#60a5fa}.prof-stat--cyan strong{color:#22d3ee}.prof-stat--orange strong{color:#fb923c}.prof-stat--violet strong{color:#a78bfa}.prof-stat--green strong{color:#34d399}.prof-stat--yellow strong{color:#facc15}.prof-stat--pink strong{color:#f472b6}[data-theme=light] .prof-stat--yellow strong{color:#ca8a04}.prof-quick{display:flex;flex-wrap:wrap;gap:10px}.prof-quick-btn{flex:1 1 150px;min-height:48px;border-radius:16px;border:1px solid var(--glass-border, var(--border));background:var(--glass-bg, var(--surface));color:var(--text);font:inherit;font-weight:800;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.prof-quick-btn:hover{transform:translateY(-2px);border-color:var(--accent)}.prof-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.prof-columns>.prof-card:first-child{grid-column:1 / -1}.prof-card{padding:20px;border-radius:24px;background:var(--glass-bg, var(--surface));border:1px solid var(--glass-border, var(--border));box-shadow:inset 0 1px 0 var(--glass-edge, rgba(255, 255, 255, .1)),0 10px 30px #00000026;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:12px}.prof-card h3{font-size:1.08rem;font-weight:800}.prof-card h4{font-size:.9rem;font-weight:800;margin-top:6px}.prof-badges{display:flex;flex-wrap:wrap;gap:8px}.prof-badge{padding:8px 14px;border-radius:999px;font-weight:800;font-size:.85rem;background:linear-gradient(135deg,#facc1540,#fb923c33);border:1px solid rgba(250,204,21,.45)}.prof-facts{display:grid;gap:8px}.prof-facts>div{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:.9rem}.prof-facts dt{color:var(--muted);font-weight:700}.prof-facts dd{font-weight:700;text-align:right;overflow-wrap:anywhere}.prof-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:800}.prof-pill.is-ok{color:var(--accent3);background:#10b98124}.prof-pill.is-warn{color:#f59e0b;background:#f59e0b24}.prof-inline{display:flex;gap:10px;flex-wrap:wrap}.prof-inline .acct-input{flex:1 1 220px}.prof-inline .acct-msg{flex-basis:100%}.prof-danger p{font-size:.88rem;color:var(--muted);line-height:1.5}.prof-logout{justify-content:center}.app-footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px 16px;flex-wrap:wrap;padding:5px 16px;font-size:.72rem;color:var(--muted);border-top:1px solid var(--glass-border, var(--border));background:var(--glass-bg, var(--surface));position:relative;z-index:15}.app-footer a{color:var(--muted);font-weight:700;text-decoration:none}.app-footer a:hover{color:var(--accent);text-decoration:underline}.auth-gate-legal{margin-top:14px;text-align:center;font-size:.78rem;color:var(--muted)}.auth-gate-legal a{color:var(--accent);font-weight:700}@keyframes acct-fade{0%{opacity:0}}@keyframes acct-pop{0%{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes prof-slide{0%{opacity:0;transform:translateY(16px)}}@keyframes acct-bounce{0%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-8px) rotate(6deg)}}@media (prefers-reduced-motion: reduce){.acct-overlay,.acct-sheet,.prof-page,.acct-done-burst{animation:none}}@media (max-width: 720px){.acct-sheet{padding:20px 16px 18px;border-radius:20px}.acct-grid,.acct-grid--3,.prof-columns{grid-template-columns:1fr}.acct-step-label{display:none}.prof-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.prof-hero{flex-direction:column;text-align:center;padding:20px 16px}.prof-chips{justify-content:center}.prof-body{padding:16px 16px 40px}.prof-topbar{padding:10px 16px}.app-footer{padding:4px 12px;gap:4px 12px;font-size:.68rem}.app-footer>span{display:none}}:root,[data-theme=dark]{--ghost-arc-primary: rgba(139, 92, 246, .16);--ghost-arc-secondary: rgba(99, 102, 241, .12);--ghost-glow-indigo: rgba(79, 70, 229, .14);--ghost-glow-violet: rgba(147, 51, 234, .11);--ghost-shape-stroke: rgba(167, 139, 250, .14);--ghost-shape-fill: rgba(129, 140, 248, .025);--ghost-node-glow: rgba(192, 132, 252, .35);--ghost-grid-line: rgba(139, 92, 246, .04)}[data-theme=light]{--ghost-arc-primary: rgba(124, 58, 237, .09);--ghost-arc-secondary: rgba(79, 70, 229, .07);--ghost-glow-indigo: rgba(99, 102, 241, .08);--ghost-glow-violet: rgba(168, 85, 247, .06);--ghost-shape-stroke: rgba(109, 40, 217, .09);--ghost-shape-fill: rgba(99, 102, 241, .015);--ghost-node-glow: rgba(124, 58, 237, .22);--ghost-grid-line: rgba(124, 58, 237, .03)}.ghost-geometry-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden;contain:strict;transform:translateZ(0)}.ghost-ambient-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.85;mix-blend-mode:screen;will-change:transform,opacity}[data-theme=light] .ghost-ambient-glow{mix-blend-mode:multiply;opacity:.65}.ghost-glow-1{top:-15%;right:5%;width:55vw;height:55vw;max-width:720px;max-height:720px;background:radial-gradient(circle,var(--ghost-glow-indigo) 0%,transparent 70%);animation:ghost-drift-glow-1 34s ease-in-out infinite alternate}.ghost-glow-2{bottom:-15%;left:8%;width:60vw;height:60vw;max-width:800px;max-height:800px;background:radial-gradient(circle,var(--ghost-glow-violet) 0%,transparent 70%);animation:ghost-drift-glow-2 42s ease-in-out infinite alternate}.ghost-glow-3{top:38%;left:35%;width:45vw;height:45vw;max-width:600px;max-height:600px;background:radial-gradient(circle,var(--ghost-glow-indigo) 0%,transparent 68%);animation:ghost-drift-glow-3 38s ease-in-out infinite alternate}.ghost-arcs-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;transform-origin:center center}.ghost-arc-track{fill:none;stroke:var(--ghost-arc-primary);stroke-width:1;stroke-dasharray:4 6;opacity:.45}.ghost-arc-solid{fill:none;stroke:var(--ghost-arc-secondary);stroke-width:1.25;opacity:.6}.ghost-orbital-group{transform-origin:50% 50%;will-change:transform}.ghost-orbit-1{animation:ghost-spin 140s linear infinite}.ghost-orbit-2{animation:ghost-spin-reverse 180s linear infinite}.ghost-shape-drifter{position:absolute;will-change:transform}.ghost-drifter-1{top:14%;left:12%;animation:ghost-float-path-1 48s ease-in-out infinite alternate}.ghost-drifter-2{bottom:18%;right:14%;animation:ghost-float-path-2 56s ease-in-out infinite alternate}.ghost-drifter-3{top:42%;right:22%;animation:ghost-float-path-3 64s ease-in-out infinite alternate}.ghost-drifter-4{bottom:30%;left:20%;animation:ghost-float-path-4 52s ease-in-out infinite alternate}.ghost-geom{stroke:var(--ghost-shape-stroke);stroke-width:1.1;fill:var(--ghost-shape-fill);vector-effect:non-scaling-stroke}.ghost-geom-dashed{stroke-dasharray:5 7}.ghost-node{fill:var(--ghost-node-glow);filter:drop-shadow(0 0 3px var(--ghost-node-glow))}@keyframes ghost-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ghost-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes ghost-drift-glow-1{0%{transform:translateZ(0) scale(1);opacity:.75}50%{transform:translate3d(-30px,45px,0) scale(1.08);opacity:.95}to{transform:translate3d(25px,-20px,0) scale(.96);opacity:.7}}@keyframes ghost-drift-glow-2{0%{transform:translateZ(0) scale(1);opacity:.7}50%{transform:translate3d(40px,-35px,0) scale(1.12);opacity:.9}to{transform:translate3d(-20px,30px,0) scale(.94);opacity:.65}}@keyframes ghost-drift-glow-3{0%{transform:translateZ(0) scale(.95);opacity:.6}50%{transform:translate3d(-40px,-25px,0) scale(1.1);opacity:.85}to{transform:translate3d(35px,35px,0) scale(1);opacity:.6}}@keyframes ghost-float-path-1{0%{transform:translateZ(0) rotate(0)}33%{transform:translate3d(35px,-25px,0) rotate(6deg)}66%{transform:translate3d(15px,30px,0) rotate(-4deg)}to{transform:translate3d(-25px,15px,0) rotate(8deg)}}@keyframes ghost-float-path-2{0%{transform:translateZ(0) rotate(0)}33%{transform:translate3d(-40px,20px,0) rotate(-8deg)}66%{transform:translate3d(-15px,-35px,0) rotate(5deg)}to{transform:translate3d(30px,-15px,0) rotate(-6deg)}}@keyframes ghost-float-path-3{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(-25px,40px,0) rotate(12deg)}to{transform:translate3d(20px,-30px,0) rotate(-10deg)}}@keyframes ghost-float-path-4{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(30px,-30px,0) rotate(-12deg)}to{transform:translate3d(-20px,25px,0) rotate(9deg)}}@media (prefers-reduced-motion: reduce){.ghost-ambient-glow,.ghost-orbital-group,.ghost-shape-drifter{animation:none!important;transform:none!important}}.battles-section{display:none;width:100%;max-width:1080px;margin:0 auto;padding:1.5rem 1rem 3rem;color:var(--text-main, #f1f5f9);animation:battlesFadeIn .3s ease}.battles-section.is-active{display:block}@keyframes battlesFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.battles-hero{background:linear-gradient(135deg,#1e293bd9,#0f172af2);border:1px solid rgba(148,163,184,.15);border-radius:18px;padding:1.5rem 2rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.battles-hero:before{content:"";position:absolute;top:-50%;left:-20%;width:250px;height:250px;background:radial-gradient(circle,rgba(99,102,241,.25),transparent 70%);pointer-events:none}.battles-hero-title{font-size:1.6rem;font-weight:800;margin:0 0 .3rem;background:linear-gradient(135deg,#a5b4fc,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.6rem}.battles-hero-subtitle{color:#94a3b8;font-size:.92rem;margin:0}.battles-hero-badge{background:#6366f12e;border:1px solid rgba(129,140,248,.35);padding:.5rem 1rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#c7d2fe}.battles-view-nav{display:flex;gap:.75rem;margin-bottom:1.5rem;background:#0f172a99;padding:.4rem;border-radius:14px;border:1px solid rgba(148,163,184,.1);width:fit-content}.battles-nav-btn{background:transparent;border:none;color:#94a3b8;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.45rem}.battles-nav-btn:hover{color:#f1f5f9;background:#ffffff0d}.battles-nav-btn.active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 4px 15px -3px #4f46e566}.battles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.battle-card{background:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px -6px #00000059;transition:border-color .2s ease,transform .2s ease}.battle-card:hover{border-color:#6366f166}.battle-card-title{font-size:1.15rem;font-weight:700;margin:0 0 1rem;color:#f8fafc;display:flex;align-items:center;gap:.5rem}.battle-form-group{margin-bottom:1.1rem}.battle-form-group label{display:block;font-size:.82rem;font-weight:600;color:#94a3b8;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.battle-input,.battle-select{width:100%;box-sizing:border-box;background:#0f172ad9;border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:.75rem .9rem;color:#f8fafc;font-size:.95rem;outline:none;transition:all .2s ease}.battle-input:focus,.battle-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.battle-checkbox-row{display:flex;align-items:center;gap:.6rem;margin:1rem 0 1.25rem;font-size:.88rem;color:#cbd5e1;cursor:pointer}.battle-btn-primary{width:100%;padding:.85rem;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#06b6d4);border:none;color:#fff;font-weight:700;font-size:.98rem;cursor:pointer;box-shadow:0 4px 16px -2px #4f46e566;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:.5rem}.battle-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px -2px #4f46e580;filter:brightness(1.08)}.battle-btn-secondary{width:100%;padding:.75rem;border-radius:12px;background:#ffffff14;border:1px solid rgba(148,163,184,.2);color:#e2e8f0;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.battle-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.battle-lobby-card{background:#1e293bcc;border:1px solid rgba(99,102,241,.3);border-radius:20px;padding:2rem;box-shadow:0 16px 36px -12px #00000080;margin-bottom:2rem}.battle-code-display{display:flex;align-items:center;justify-content:center;gap:1rem;background:#0f172ae6;padding:1rem 1.5rem;border-radius:14px;border:2px dashed #6366f1;margin:1.5rem 0}.battle-code-text{font-family:ui-monospace,monospace;font-size:2rem;font-weight:800;letter-spacing:.25em;color:#38bdf8}.battle-copy-btn{background:#6366f133;border:1px solid rgba(129,140,248,.4);color:#c7d2fe;padding:.5rem .9rem;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.battle-copy-btn:hover{background:#4f46e5;color:#fff}.battle-qr-wrap{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0;padding:1.25rem;background:#fff;border-radius:16px;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:0 10px 25px -5px #0006}.battle-qr-svg{width:190px;height:190px;display:block}.battle-qr-caption{margin-top:.6rem;font-size:.78rem;color:#475569;font-weight:600;text-align:center}.battle-arena{background:#0f172af2;border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:2rem;box-shadow:0 20px 40px -15px #000000b3}.arena-scoreboard{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#1e293b99;padding:1rem 1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.player-score-card{display:flex;align-items:center;gap:1rem}.player-avatar-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.2)}.player-details-col{display:flex;flex-direction:column}.player-name-text{font-size:1.05rem;font-weight:700;color:#f8fafc}.player-meta-text{font-size:.78rem;color:#94a3b8}.player-score-num{font-size:2.2rem;font-weight:800;color:#38bdf8;min-width:40px;text-align:center}.arena-vs-badge{font-size:1.1rem;font-weight:900;color:#f43f5e;padding:.4rem .8rem;background:#f43f5e1a;border-radius:9999px;border:1px solid rgba(244,63,94,.3)}.arena-timer-bar-wrap{width:100%;height:8px;background:#33415599;border-radius:9999px;overflow:hidden;margin-bottom:1.5rem}.arena-timer-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#f59e0b 60%,#ef4444);transition:width 1s linear}.arena-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;color:#94a3b8}.arena-countdown-chip{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.4);padding:.3rem .7rem;border-radius:8px;font-weight:700;font-family:monospace}.arena-question-box{background:#1e293bb3;border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:1.5rem;font-size:1.2rem;font-weight:600;color:#f1f5f9;line-height:1.5;margin-bottom:1.5rem}.arena-options-grid{display:grid;grid-template-columns:1fr;gap:.8rem;margin-bottom:1.5rem}.arena-opt-btn{background:#1e293b99;border:2px solid rgba(148,163,184,.15);border-radius:12px;padding:1rem 1.25rem;color:#f1f5f9;font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.8rem}.arena-opt-btn:hover:not(:disabled){background:#6366f126;border-color:#6366f1;transform:translate(4px)}.arena-opt-btn.selected{border-color:#38bdf8;background:#38bdf826}.arena-opt-btn.correct{border-color:#10b981!important;background:#10b98133!important;color:#a7f3d0!important}.arena-opt-btn.wrong{border-color:#ef4444!important;background:#ef444433!important;color:#fca5a5!important}.arena-opt-prefix{font-weight:700;color:#94a3b8;background:#0f172a99;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.85rem}.arena-explanation-card{background:#0f172ad9;border-left:4px solid #10b981;padding:1rem 1.25rem;border-radius:8px;margin-top:1rem;font-size:.92rem;color:#cbd5e1;line-height:1.45}.battle-results-card{text-align:center;padding:2.5rem 1.5rem}.results-winner-icon{font-size:4rem;margin-bottom:.5rem;animation:bounceWinner 1s infinite alternate}@keyframes bounceWinner{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.results-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;color:#f8fafc}.results-xp-burst{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:800;font-size:1.1rem;padding:.4rem 1.2rem;border-radius:9999px;margin-bottom:1.5rem;box-shadow:0 4px 15px #f59e0b66}.results-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:2rem 0}.results-stat-box{background:#1e293bb3;border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:1.2rem}.results-stat-label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;margin-bottom:.3rem}.results-stat-value{font-size:1.5rem;font-weight:800;color:#f1f5f9}.battle-history-table{width:100%;border-collapse:collapse;margin-top:1rem}.battle-history-table th{text-align:left;padding:.75rem 1rem;font-size:.78rem;color:#94a3b8;text-transform:uppercase;border-bottom:1px solid rgba(148,163,184,.2)}.battle-history-table td{padding:1rem;font-size:.9rem;border-bottom:1px solid rgba(148,163,184,.08);color:#e2e8f0}.battle-outcome-badge{display:inline-block;padding:.25rem .65rem;border-radius:6px;font-weight:700;font-size:.75rem;text-transform:uppercase}.battle-outcome-badge.win{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.battle-outcome-badge.loss{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.battle-outcome-badge.draw{background:#eab30833;color:#facc15;border:1px solid rgba(234,179,8,.4)}.assessment-section{display:none;width:100%;max-width:1160px;margin:0 auto;padding:1.5rem 1rem 3.5rem;color:var(--text-main, #f1f5f9);animation:assessFadeIn .3s ease-out}.assessment-section.is-active{display:block}@keyframes assessFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.assess-hero{background:linear-gradient(135deg,#1e1b4be6,#0f172af2);border:1px solid rgba(139,92,246,.25);border-radius:20px;padding:1.75rem 2rem;margin-bottom:1.75rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 36px -10px #0000008c,inset 0 1px #ffffff14;position:relative;overflow:hidden}.assess-hero:before{content:"";position:absolute;top:-40%;right:-10%;width:320px;height:320px;background:radial-gradient(circle,rgba(168,85,247,.18),transparent 70%);pointer-events:none}.assess-hero-title{font-size:1.75rem;font-weight:800;margin:0 0 .4rem;background:linear-gradient(135deg,#c084fc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.65rem}.assess-hero-subtitle{color:#94a3b8;font-size:.95rem;margin:0;max-width:650px;line-height:1.45}.assess-hero-badge{background:#a855f726;border:1px solid rgba(192,132,252,.35);padding:.6rem 1.1rem;border-radius:14px;display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;color:#e9d5ff}.assess-nav-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(148,163,184,.15);padding-bottom:.75rem;overflow-x:auto}.assess-tab-btn{background:transparent;border:1px solid transparent;color:#94a3b8;padding:.55rem 1.1rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.assess-tab-btn:hover{color:#f1f5f9;background:#ffffff0d}.assess-tab-btn.active{color:#c084fc;background:#a855f71f;border-color:#a855f74d}.assess-alert-card{background:#0f172acc;border-left:4px solid #f59e0b;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.75rem;display:flex;gap:1rem;align-items:flex-start;box-shadow:0 4px 16px #00000040}.assess-alert-card.info{border-left-color:#3b82f6}.assess-alert-card.success{border-left-color:#10b981}.assess-alert-icon{font-size:1.6rem;line-height:1}.assess-alert-title{font-size:1.05rem;font-weight:700;color:#f8fafc;margin-bottom:.35rem}.assess-alert-desc{font-size:.88rem;color:#cbd5e1;line-height:1.45;margin:0}.assess-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-bottom:2rem}.assess-card{background:#1e293b99;border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.assess-card:hover{transform:translateY(-3px);border-color:#a855f759;box-shadow:0 10px 24px -6px #0006}.assess-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.assess-card-title{font-size:1.18rem;font-weight:700;color:#f8fafc;margin:0 0 .3rem}.assess-card-provider{font-size:.82rem;color:#94a3b8}.assess-status-pill{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.35rem .65rem;border-radius:8px}.assess-status-pill.active{background:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.3)}.assess-status-pill.awaiting{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.assess-card-body{font-size:.88rem;color:#cbd5e1;line-height:1.45;margin-bottom:1.25rem;flex-grow:1}.assess-card-footer{border-top:1px solid rgba(148,163,184,.1);padding-top:1rem;display:flex;justify-content:space-between;align-items:center}.assess-meta-specs{display:flex;gap:.8rem;font-size:.78rem;color:#94a3b8}.assess-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none;border-radius:10px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.assess-btn:hover:not(:disabled){opacity:.92;box-shadow:0 4px 14px #7c3aed59}.assess-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.assess-btn.secondary{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(148,163,184,.2)}.assess-btn.secondary:hover{background:#ffffff1f}.assess-session-panel{background:#0f172ad9;border:1px solid rgba(139,92,246,.3);border-radius:18px;padding:2rem;max-width:800px;margin:0 auto;box-shadow:0 16px 40px -12px #0009}.assess-session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;border-bottom:1px solid rgba(148,163,184,.15);padding-bottom:1rem}.assess-prog-bar-wrap{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-bottom:1.5rem}.assess-prog-bar{height:100%;background:linear-gradient(90deg,#a855f7,#3b82f6);transition:width .3s ease}.assess-q-prompt{font-size:1.15rem;font-weight:600;color:#f8fafc;margin-bottom:1.5rem;line-height:1.5}.assess-options-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.assess-option-btn{background:#1e293bb3;border:1.5px solid rgba(148,163,184,.2);border-radius:12px;padding:.9rem 1.25rem;color:#f1f5f9;font-size:.96rem;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.8rem}.assess-option-btn:hover{background:#334155b3;border-color:#a855f766}.assess-option-btn.selected{background:#7c3aed2e;border-color:#8b5cf6;color:#e9d5ff}.assess-opt-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#ffffff14;font-weight:700;font-size:.85rem}.assess-option-btn.selected .assess-opt-badge{background:#7c3aed;color:#fff}.assess-dimensions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.assess-dim-card{background:#1e293ba6;border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:1.25rem}.assess-dim-top{display:flex;justify-content:space-between;margin-bottom:.5rem}.assess-dim-name{font-weight:700;font-size:.95rem;color:#f8fafc}.assess-dim-val{font-weight:800;font-size:1.05rem;color:#c084fc}.assess-dim-bar{height:7px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.assess-dim-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:4px}.assess-dim-desc{font-size:.8rem;color:#94a3b8;margin:0;line-height:1.4}.assess-style-select-wrap{background:#1e293b80;border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.assess-select{background:#0f172a;color:#f1f5f9;border:1px solid rgba(148,163,184,.25);border-radius:8px;padding:.5rem 1rem;font-size:.9rem;outline:none;cursor:pointer}@media (max-width: 768px){.assess-hero{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.assess-session-panel{padding:1.25rem}}.assess-score-hero{background:linear-gradient(135deg,#1e1b4bf2,#0f172af2);border:1px solid rgba(139,92,246,.35);border-radius:18px;padding:1.75rem 2rem;margin-bottom:1.75rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;box-shadow:0 12px 32px -8px #00000080}.assess-score-stats{display:flex;align-items:baseline;gap:.8rem}.assess-score-big{font-size:2.5rem;font-weight:900;color:#38bdf8;line-height:1}.assess-score-fraction{font-size:1.15rem;font-weight:700;color:#94a3b8}.assess-score-meta{font-size:.85rem;color:#94a3b8;margin-top:.3rem}.assess-recs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.assess-rec-card{background:#1e293b99;border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.assess-rec-badge{align-self:flex-start;padding:.25rem .65rem;border-radius:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;background:#a855f72e;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.assess-rec-title{font-weight:700;color:#f8fafc;font-size:.98rem}.assess-rec-desc{font-size:.85rem;color:#cbd5e1;line-height:1.45;margin:0}.assess-review-list{display:flex;flex-direction:column;gap:.85rem;margin-bottom:2rem}.assess-review-item{background:#1e293b80;border:1px solid rgba(148,163,184,.12);border-radius:12px;padding:1rem 1.25rem;transition:border-color .15s ease}.assess-review-item.is-correct{border-left:4px solid #10b981}.assess-review-item.is-wrong{border-left:4px solid #f43f5e}.assess-review-q-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#94a3b8;margin-bottom:.4rem}.assess-review-q-prompt{font-size:.96rem;font-weight:600;color:#f1f5f9;margin-bottom:.75rem;line-height:1.45}.assess-review-answers{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;margin-bottom:.6rem}.assess-review-ans-row{display:flex;gap:.5rem;align-items:center}.assess-review-ans-row strong{color:#94a3b8;min-width:110px}.assess-review-explanation{background:#0f172a99;border-radius:8px;padding:.7rem .9rem;font-size:.82rem;color:#cbd5e1;line-height:1.45;border-left:2px solid #a855f7}.assess-history-table{width:100%;border-collapse:collapse;font-size:.88rem;background:#1e293b80;border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.15)}.assess-history-table th{text-align:left;padding:.75rem 1rem;background:#0f172a99;color:#94a3b8;font-weight:700;border-bottom:1px solid rgba(148,163,184,.15)}.assess-history-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(148,163,184,.1);color:#e2e8f0}#root{display:contents}