@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";[data-theme=dark]{color-scheme:dark;--bg-app: #0A0E14;--bg-sidebar: #08151A;--bg-card: #0F171E;--bg-card-border: #1A2530;--bg-pill-lsc: #112122;--bg-pill-pr: #171D2D;--bg-track: #25343480;--bg-input: #1C2229;--bg-nav-active: #0F3029;--accent-green: #1FCB84;--accent-green-bright: #2BEDA1;--accent-indigo: #6B6FF2;--text-primary: #F5F7F8;--text-secondary: #9CA3AF;--bg: var(--bg-app);--bg-2: rgba(20, 20, 20, .9);--bg-3: rgba(28, 28, 28, .95);--bg-4: rgba(36, 36, 36, .8);--surface: var(--bg-card);--surface-2: rgba(32, 32, 32, .98);--border: var(--bg-card-border);--border-2: var(--bg-card-border);--border-3: rgba(255, 255, 255, .16);--aura-1: rgba(31, 203, 132, .1);--aura-2: rgba(31, 203, 132, .06);--aura-3: rgba(31, 203, 132, .04);--aura-4: rgba(31, 203, 132, .03);--accent: var(--accent-green);--accent-2: var(--accent-green-bright);--accent-dim: rgba(31, 203, 132, .15);--accent-glow: rgba(31, 203, 132, .3);--purple: var(--accent-indigo);--purple-dim: rgba(107, 111, 242, .15);--purple-glow: rgba(107, 111, 242, .3);--teal: #2DD4BF;--teal-dim: rgba(45, 212, 191, .12);--green: var(--accent-green-bright);--green-dim: rgba(43, 237, 161, .15);--green-glow: rgba(43, 237, 161, .3);--yellow: #FACC15;--yellow-dim: rgba(250, 204, 21, .12);--orange: #FB923C;--orange-dim: rgba(251, 146, 60, .12);--red: #F87171;--red-dim: rgba(248, 113, 113, .12);--red-glow: rgba(248, 113, 113, .28);--text: var(--text-primary);--text-2: var(--text-secondary);--text-3: var(--text-secondary);--text-4: #2A2A2A;--card-shadow: 0 1px 2px rgba(0,0,0,.5), 0 4px 16px rgba(0,0,0,.35);--card-shadow-lg: 0 8px 30px rgba(0,0,0,.6), 0 20px 60px rgba(0,0,0,.4);--sidebar-glow: inset -1px 0 0 rgba(255,255,255,.05)}[data-theme=light]{color-scheme:light;--bg-app: #F1F5F9;--bg-sidebar: #F0FDF4;--bg-card: #FFFFFF;--bg-card-border: rgba(0, 0, 0, .05);--bg-pill-lsc: #E2E8F0;--bg-pill-pr: #F8FAFC;--bg-track: rgba(0, 0, 0, .04);--bg-input: #FFFFFF;--bg-nav-active: #D1FAE5;--accent-green: #1A9E6A;--accent-green-bright: #3ECF8E;--accent-indigo: #6366F1;--text-primary: #0F172A;--text-secondary: #475569;--bg: var(--bg-app);--bg-2: rgba(255, 255, 255, .85);--bg-3: rgba(245, 245, 245, .9);--bg-4: rgba(235, 235, 235, .75);--surface: rgba(255, 255, 255, .95);--surface-2: rgba(250, 250, 250, .98);--border: rgba(0, 0, 0, .06);--border-2: rgba(0, 0, 0, .1);--border-3: rgba(0, 0, 0, .16);--aura-1: rgba(62, 207, 142, .18);--aura-2: rgba(62, 207, 142, .12);--aura-3: rgba(62, 207, 142, .08);--aura-4: rgba(62, 207, 142, .05);--accent: #1A9E6A;--accent-2: #3ECF8E;--accent-dim: rgba(26, 158, 106, .1);--accent-glow: rgba(26, 158, 106, .25);--purple: #6366F1;--purple-dim: rgba(99, 102, 241, .1);--purple-glow: rgba(99, 102, 241, .25);--teal: #0D9488;--teal-dim: rgba(13, 148, 136, .1);--green: #1A9E6A;--green-dim: rgba(26, 158, 106, .1);--green-glow: rgba(26, 158, 106, .25);--yellow: #D97706;--yellow-dim: rgba(217, 119, 6, .1);--orange: #EA580C;--orange-dim: rgba(234, 88, 12, .1);--red: #DC2626;--red-dim: rgba(220, 38, 38, .1);--red-glow: rgba(220, 38, 38, .22);--text: var(--text-primary);--text-2: var(--text-secondary);--text-3: #94A3B8;--text-4: #CBD5E1;--card-shadow: 0 4px 12px rgba(0,0,0,.03), 0 1px 3px rgba(0,0,0,.02);--card-shadow-lg: 0 20px 40px rgba(0,0,0,.06), 0 8px 16px rgba(0,0,0,.03);--sidebar-glow: inset -1px 0 0 rgba(0,0,0,.04)}[data-theme=light] .sidebar,[data-theme=light] .bottom-nav,[data-theme=light] .topbar{--bg-sidebar: #08151A;--bg-nav-active: #0F3029;--bg-3: rgba(28, 28, 28, .95);--text-primary: #F5F7F8;--text-secondary: #9CA3AF;--text: #F5F7F8;--text-2: #9CA3AF;--text-3: #9CA3AF;--accent-green: #1FCB84;--accent-green-bright: #2BEDA1;--border: #1A2530;--border-2: #1A2530;color:var(--text-primary)}[data-theme=light] .sidebar{background-color:#08151a;background-image:linear-gradient(180deg,#3ecf8e24,#0e221af0 35%,#08151a)}[data-theme=light] .bottom-nav{background-color:#08151a;background-image:linear-gradient(135deg,#3ecf8e29,#0f1a15f0,#3ecf8e1a)}[data-theme=light] .topbar{background-color:#0a0e14}:root{--font: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;--sidebar-width: 252px;--sidebar-collapsed-width: 84px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 28px;--r-full: 9999px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .12s;--t: .2s;--t-med: .35s;--t-slow: .6s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-x:hidden}body{font-family:var(--font);background:var(--bg-app, #0A0E14);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}.animated-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--bg-app, #0A0E14)}.animated-bg:after{display:none}.bg-shape,.shape-1,.shape-2,.shape-3,.shape-4,.floating-alphabets-container,.floating-alphabet{display:none!important;animation:none!important}button{cursor:pointer;font-family:var(--font);border:none;background:none}input,textarea,select{font-family:var(--font)}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-3);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-4)}.app-root{display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr;height:100vh;overflow:hidden;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1)}.sidebar{grid-column:1;grid-row:1 / 3;width:100%;height:100vh;background:linear-gradient(180deg,rgba(62,207,142,.15) 0%,rgba(13,33,27,.88) 35%,var(--bg-sidebar, #08151A) 100%);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;position:sticky;top:0;z-index:200;overflow-y:auto;overflow-x:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}@keyframes sidebarGradient{0%{background-position:0% 0%}to{background-position:100% 100%}}.sb-logo{padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;height:64px;min-width:0}.sb-logo-mark{width:38px;height:38px;background:#3ecf8e;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.sb-logo-mark:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--r-md);background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);background-size:200% 200%;animation:cyberSweep 4s infinite linear;pointer-events:none;z-index:1}@keyframes cyberSweep{0%{background-position:-50% -50%}to{background-position:150% 150%}}.sb-brand{min-width:0;max-width:180px;overflow:hidden;white-space:nowrap;opacity:1;transform:translate(0);transition:opacity .2s var(--ease),max-width .28s var(--ease),transform .28s var(--ease)}.sb-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text);line-height:1.2;letter-spacing:-.01em}.sb-subtitle{font-size:.6rem;color:var(--accent);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.sb-nav{flex:1;padding:8px 12px 0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sb-section{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#ffffff4d;padding:18px 8px 6px;white-space:nowrap;overflow:hidden}.sb-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--text-secondary, #9CA3AF);font-size:15px;font-weight:500;transition:background .12s,color .12s;width:100%;text-align:left;border:1px solid transparent;white-space:nowrap;overflow:hidden;margin-bottom:2px}.sb-item:hover{background:#ffffff0d;color:var(--text-primary, #F5F7F8)}.sb-item-label{overflow:hidden;text-overflow:ellipsis;opacity:1;max-width:160px;transform:translate(0);transition:opacity .18s var(--ease),max-width .24s var(--ease),transform .24s var(--ease)}.sb-item.active{background:var(--bg-nav-active, #0F3029);color:var(--accent-green, #1FCB84);font-weight:600;border:1px solid transparent;border-radius:12px}.sb-item.active svg{color:var(--accent-green, #1FCB84)}.sb-item.active:hover{background:var(--bg-nav-active, #0F3029)}.sb-badge{margin-left:auto;background:#3ecf8e26;color:#3ecf8e;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:var(--r-full);min-width:18px;text-align:center}.sb-item.active .sb-badge{background:#3ecf8e33}.sb-pill{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;font-size:.8rem;color:#ffffff80;white-space:nowrap}.sb-pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sb-modes{padding:2px 0}.sb-expanded-only{overflow:hidden;max-height:200px;opacity:1;transition:opacity .2s var(--ease),max-height .28s var(--ease)}.sb-footer{padding:16px;border-top:1px solid var(--bg-card-border, #1A2530);flex-shrink:0}.sb-footer-note{font-size:.65rem;color:#2a2a2a;text-align:center;letter-spacing:.03em}.main-area{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-height:0;background:transparent;overflow-y:auto;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.topbar{grid-column:2;grid-row:1;height:64px;background:transparent;border-bottom:1px solid rgba(255,255,255,.06);border-left:none;display:flex;align-items:center;padding:0 28px;gap:12px;position:sticky;top:0;z-index:100;box-shadow:0 1px 8px #00000014}.glassmorph-effect{background:linear-gradient(90deg,#3ecf8e24,#3ecf8e0a,#3ecf8e17);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.topbar-title{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text);flex:1}.page-wrap{flex:1;padding:40px;width:100%;min-width:0;box-sizing:border-box}.theme-toggle{width:36px;height:36px;border-radius:var(--r-md);background:var(--bg-3);border:1px solid var(--border-2);color:var(--text-2);display:flex;align-items:center;justify-content:center;transition:all var(--t) var(--ease);flex-shrink:0}.theme-toggle:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.topbar-icon-btn{width:38px;height:38px;border-radius:var(--r-md);background:var(--bg-3);border:1px solid var(--border-2);color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--t) var(--ease),background var(--t) var(--ease),color var(--t) var(--ease),border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}.topbar-icon-btn:hover{transform:translateY(-1px);background:var(--accent-dim);color:var(--accent);border-color:var(--accent);box-shadow:0 10px 24px #6366f12e}.topbar-icon-btn.active{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;border-color:transparent;box-shadow:0 10px 28px var(--accent-glow)}.topbar-icon-btn.logout-btn:hover{background:var(--red-dim);color:var(--red);border-color:#ef444440;box-shadow:0 8px 20px #ef44442e}.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap;padding-bottom:10px;border-bottom:none;width:100%}.ph-left{display:flex;flex-direction:column;gap:4px}.ph-title{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1.1}.ph-sub{font-size:15px;color:var(--text-secondary, #9CA3AF);font-weight:400;display:flex;align-items:center;gap:8px}.ph-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search{background:var(--bg-input, #1C2229);border:1px solid var(--bg-card-border, #1A2530);border-radius:8px;padding:9px 14px 9px 36px;color:var(--text-primary, #F5F7F8);font-size:14px;width:240px;transition:all var(--t) var(--ease);outline:none}.search:focus{border-color:var(--accent-green, #1FCB84);box-shadow:0 0 0 3px #1fcb8426;width:260px}.search::placeholder{color:var(--text-secondary, #9CA3AF)}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .15s var(--ease);border:1px solid transparent;white-space:nowrap;letter-spacing:.01em}.btn-primary{background:#3ecf8e;color:#0a0a0a;box-shadow:none;position:relative;overflow:hidden;border:1px solid transparent;font-weight:600;border-radius:8px;padding:9px 18px;font-size:.9rem}.btn-primary:after{content:none}.btn-primary:hover{background:#52d898;transform:none}.btn-ghost{background:#ffffff0a;color:#a0a0a0;border-color:#ffffff1a}.btn-ghost:hover{background:#ffffff14;color:#ededed;border-color:#ffffff29}.btn-danger{background:#f871711a;color:#f87171;border-color:#f8717133}.btn-danger:hover{background:#f87171;color:#0f0f0f}.icon-btn{width:32px;height:32px;border-radius:var(--r-md);background:transparent;border:1px solid transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;transition:all var(--t-fast) var(--ease)}.icon-btn:hover{background:var(--bg-3);color:var(--text);border-color:var(--border-2)}.decks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.app-root:has(.sidebar-collapsed) .decks-grid{grid-template-columns:repeat(3,1fr)}.deck-card{background:var(--bg-card, #0F171E);border:1px solid var(--bg-card-border, #1A2530);border-radius:20px;padding:24px;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease);position:relative;overflow:hidden;box-shadow:none}.deck-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% -20%,rgba(31,203,132,.05) 0%,transparent 70%);opacity:0;transition:opacity var(--t-med) var(--ease)}.deck-card:before{content:none}.deck-card:hover{border-color:#1fcb8459;background:#141f28}.deck-card:hover:after{opacity:1}.deck-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:10px;position:relative;z-index:1}.deck-type-icon{width:42px;height:42px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}.deck-type-icon.lsc{background:var(--accent-dim)}.deck-type-icon.pr{background:var(--purple-dim)}.deck-type-icon.basic{background:var(--teal-dim)}.deck-name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:#fff;line-height:1.35;margin-bottom:0;position:relative;z-index:1}.deck-desc{font-size:.82rem;color:var(--text-3);margin-bottom:14px;position:relative;z-index:1}.deck-stats-row{display:flex;align-items:center;justify-content:flex-start;margin-bottom:24px;position:relative;z-index:1}.ds-item{display:flex;flex-direction:column;align-items:flex-start}.ds-val{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1;display:block;margin-bottom:4px}.ds-val.new,.ds-val.lrn,.ds-val.due{color:var(--text)}.ds-val.total{background:linear-gradient(135deg,var(--text),var(--text-3));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ds-lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);font-weight:700}.deck-corner-actions{position:absolute;top:16px;right:16px;display:flex;gap:6px;z-index:10}.dc-btn{width:30px;height:30px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:var(--text-3);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);transition:all var(--t) var(--ease)}.dc-btn:hover{background:var(--bg-3);color:var(--text)}.dc-btn.fav-btn:hover{color:var(--accent-green, #1FCB84);background:#1fcb841f;border-color:#1fcb844d}.dc-btn.delete-btn:hover{color:var(--red);background:var(--red-dim);border-color:#ef44444d}.deck-actions-grid{display:grid;grid-template-columns:1fr;gap:8px;position:relative;z-index:1}.deck-study-btn{display:flex;flex-direction:column;gap:12px;padding:14px 18px;border-radius:12px;background:var(--bg-pill-lsc, #112122);border:1px solid transparent;transition:all .2s var(--ease);cursor:pointer}.deck-study-btn:hover:not(:disabled){border-color:#1fcb8440}.lsc-study{background:var(--bg-pill-lsc, #112122)}.lsc-study:hover:not(:disabled){background:#152a2b}.pr-study{background:var(--bg-pill-pr, #171D2D)}.pr-study:hover:not(:disabled){background:#1c2336}.dsb-content{display:flex;align-items:center;justify-content:space-between;width:100%}.dsb-left{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--text-secondary, #9CA3AF)}.dsb-right{font-size:14px;font-weight:700}.lsc-study .dsb-right{color:var(--accent-green-bright, #2BEDA1)}.pr-study .dsb-right{color:var(--accent-indigo, #6B6FF2)}.dsb-progress-bg{width:100%;height:5px;background:var(--bg-track, #25343480);border-radius:9999px;overflow:hidden}.dsb-progress-fill{height:100%;border-radius:9999px;transition:width .4s var(--ease)}.dsb-progress-fill.bg-green{background:var(--accent-green-bright, #2BEDA1)}.dsb-progress-fill.bg-purple{background:var(--accent-indigo, #6B6FF2)}.deck-study-btn:disabled{opacity:.5;cursor:not-allowed}.surface{background:var(--surface);border:1px solid var(--border-2);border-radius:10px;box-shadow:var(--card-shadow);overflow:hidden}.surface-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.surface-title{font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--text);letter-spacing:.01em}.surface-body{padding:18px}.type-badge{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:var(--r-full)}.type-badge.lsc{background:var(--accent-dim);color:var(--accent)}.type-badge.pr{background:var(--purple-dim);color:var(--purple)}.type-badge.basic{background:var(--teal-dim);color:var(--teal)}.state-pill{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:var(--r-full)}.state-pill.new{background:var(--accent-dim);color:var(--accent)}.state-pill.learning{background:var(--orange-dim);color:var(--orange)}.state-pill.review{background:var(--green-dim);color:var(--green)}.state-pill.mature{background:var(--purple-dim);color:var(--purple)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-2)}.form-ctrl{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--r-md);padding:10px 14px;color:var(--text);font-size:.9rem;transition:all var(--t) var(--ease);width:100%;outline:none}.form-ctrl:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-ctrl::placeholder{color:var(--text-3)}textarea.form-ctrl{resize:vertical;min-height:80px}select.form-ctrl option,select option{background-color:var(--bg-2);color:var(--text)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn var(--t) var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes recPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes lscShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.spin{animation:spin .9s linear infinite}.modal{background:var(--surface);border:1px solid var(--border-2);border-radius:12px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--card-shadow-lg);animation:slideUp var(--t-med) var(--ease-spring)}.modal form{display:flex;flex-direction:column;flex:1;min-height:0}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.modal-hd{padding:18px 22px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-hd h2{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text)}.modal-bd{padding:18px 22px;overflow-y:auto;flex:1}.modal-ft{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.upload-zone{border:2px dashed var(--border-3);border-radius:var(--r-lg);padding:28px;text-align:center;color:var(--text-3);cursor:pointer;transition:all var(--t) var(--ease);font-size:.875rem}.upload-zone:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.audio-source-picker{display:flex;flex-direction:column;gap:12px}.audio-tabs{display:flex;gap:6px;background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--r-lg);padding:4px}.audio-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:var(--r-md);font-size:.8rem;font-weight:600;color:var(--text-3);transition:all var(--t) var(--ease);border:1px solid transparent}.audio-tab:hover{color:var(--text);background:var(--bg-4)}.audio-tab.active{background:#3ecf8e1f;color:#3ecf8e;border-color:#3ecf8e40;box-shadow:none}.url-extract-panel{display:flex;flex-direction:column;gap:10px}.url-input-row{display:flex;gap:8px;align-items:stretch}.url-input-wrap{flex:1;position:relative;display:flex;align-items:center}.url-input-icon{position:absolute;left:12px;color:var(--text-3);pointer-events:none;flex-shrink:0}.url-input{width:100%;padding-left:38px!important}.extract-btn{padding:8px 18px;white-space:nowrap;min-width:88px;justify-content:center}.extract-progress{display:flex;align-items:center;padding:10px 14px;border-radius:var(--r-md);background:var(--accent-dim);border:1px solid rgba(99,102,241,.2);color:var(--accent);font-size:.82rem;font-weight:500}.extract-success{display:flex;align-items:center;padding:10px 14px;border-radius:var(--r-md);background:var(--green-dim);border:1px solid rgba(34,197,94,.2);color:var(--text);font-size:.82rem}.extract-error{display:flex;align-items:center;padding:10px 14px;border-radius:var(--r-md);background:var(--red-dim);border:1px solid rgba(239,68,68,.2);color:var(--red);font-size:.82rem}.url-hints{display:flex;gap:10px;flex-wrap:wrap}.url-hints span{font-size:.73rem;color:var(--text-3);background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--r-full);padding:3px 10px}.spin{animation:spin .8s linear infinite}.transcript-autofill-badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:var(--r-full);background:#3ecf8e1a;border:1px solid rgba(62,207,142,.25);color:#3ecf8e;animation:fadeIn .3s var(--ease)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.review-root{min-height:100vh;display:flex;flex-direction:column;background:transparent}.review-topbar{height:80px;background:transparent;border-bottom:none;display:flex;align-items:center;padding:0 32px;gap:16px;z-index:10}.review-topbar .icon-btn{width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--border-2);color:var(--text-2);box-shadow:var(--card-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--t) var(--ease-spring)}.review-topbar .icon-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.08) translateY(-2px);box-shadow:0 10px 24px var(--accent-glow)}.review-progress-track{flex:1;height:6px;background:var(--bg-4);border-radius:var(--r-full);overflow:hidden}.review-progress-fill{height:100%;background:#3ecf8e;border-radius:var(--r-full);transition:width var(--t-slow) var(--ease)}.review-counter{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--text);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-full);padding:10px 20px;box-shadow:var(--card-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center}.review-timer{font-family:var(--font-mono);font-size:.8rem;color:var(--text-2);background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--r-full);padding:4px 12px}.review-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px}.fc-scene{width:100%;max-width:780px;height:460px;perspective:1400px}.fc-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.4,0,.2,1)}.fc-inner.flipped{transform:rotateY(180deg)}.fc-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r-2xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--card-shadow-lg);transition:background var(--t-med) var(--ease),border-color var(--t-med) var(--ease)}.fc-face-back{transform:rotateY(180deg);background:var(--bg-3);border-color:var(--border-3)}.fc-pill-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border)}.fc-pill{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.fc-pip{width:8px;height:8px;border-radius:50%}.fc-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 24px;text-align:center;gap:14px;overflow:hidden}.fc-footer{padding:14px 20px;border-top:1px solid var(--border)}.show-btn{width:100%;padding:13px;background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--r-lg);color:var(--text);font-size:.95rem;font-weight:600;transition:all var(--t) var(--ease)}.show-btn:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.show-btn:disabled{opacity:.45;cursor:not-allowed}.answer-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ans-btn{padding:12px 6px;border-radius:var(--r-lg);border:1px solid;font-weight:700;font-size:.875rem;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all var(--t) var(--ease-spring)}.ans-btn:active{transform:scale(.95)}.ans-sub{font-size:.68rem;font-weight:500;opacity:.75;font-family:var(--font-mono)}.ans-again{background:var(--red-dim);border-color:#ef444440;color:var(--red)}.ans-again:hover{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 0 16px var(--red-glow)}.ans-hard{background:var(--orange-dim);border-color:#f9731640;color:var(--orange)}.ans-hard:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.ans-good{background:var(--accent-dim);border-color:#6366f140;color:var(--accent)}.ans-good:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.ans-easy{background:var(--green-dim);border-color:#22c55e40;color:var(--green)}.ans-easy:hover{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 0 16px var(--green-glow)}.waveform{width:100%;height:68px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;align-items:center;gap:2px;padding:8px 14px;overflow:hidden}.wv{flex:1;border-radius:2px;min-height:4px;transition:background var(--t-fast) var(--ease)}.wv.played{background:var(--accent);opacity:.6}.wv.active{background:var(--accent);opacity:1;box-shadow:0 0 4px var(--accent-glow)}.wv.upcoming{background:var(--text-4);opacity:.4}.time-row{font-family:var(--font-mono);font-size:.72rem;color:var(--text-3);display:flex;justify-content:space-between;width:100%}.prog-track{width:100%;height:4px;background:var(--bg-4);border-radius:var(--r-full);cursor:pointer;overflow:hidden;margin:4px 0}.prog-fill{height:100%;background:#3ecf8e;border-radius:var(--r-full);transition:width .1s linear}.audio-ctrls{display:flex;align-items:center;gap:10px;width:100%}.ac-btn{width:42px;height:42px;border-radius:50%;background:var(--bg-3);border:1px solid var(--border-2);color:var(--text-2);display:flex;align-items:center;justify-content:center;transition:all var(--t) var(--ease)}.ac-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.ac-btn.main{width:58px;height:58px;background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 20px var(--accent-glow)}.ac-btn.main:hover{transform:scale(1.08);box-shadow:0 0 32px var(--accent-glow)}.lock-badge{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:5px 11px;border-radius:var(--r-full);transition:all var(--t) var(--ease)}.lock-badge.locked{background:var(--red-dim);color:var(--red)}.lock-badge.unlocked{background:var(--green-dim);color:var(--green)}.transcript-scroll{width:100%;max-height:70px;overflow:hidden;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-md);padding:8px 12px;mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%)}.tw{font-size:.875rem;padding:0 1px;border-radius:3px;transition:all .1s}.tw.played{color:var(--text-3)}.tw.current{background:var(--accent-dim);color:var(--accent);font-weight:600}.tw.upcoming{color:var(--text-2)}.pr-text{font-size:1.3rem;font-weight:500;line-height:1.9;text-align:left;width:100%}.pr-word{display:inline-block;padding:2px 5px;margin:1px;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--t-fast) var(--ease)}.pr-word:hover{background:var(--bg-4)}.pr-word.sel{background:var(--accent-dim);color:var(--accent);font-weight:600}.pr-word.back{background:var(--purple-dim);color:var(--purple);font-weight:600;cursor:default}.mic-btn{width:70px;height:70px;border-radius:50%;border:2px solid var(--border-2);background:var(--bg-3);color:var(--text-2);display:flex;align-items:center;justify-content:center;transition:all var(--t) var(--ease)}.mic-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.mic-btn.rec{border-color:var(--red);color:var(--red);background:var(--red-dim);animation:recPulse 1.4s ease-in-out infinite}@keyframes recPulse{0%,to{box-shadow:0 0 0 0 var(--red-glow)}50%{box-shadow:0 0 0 14px transparent}}.waveform-multi{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 14px;display:flex;flex-direction:column;gap:6px}.wm-row{display:flex;align-items:center;gap:8px;height:28px}.wm-lbl{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;width:46px;flex-shrink:0}.wm-bars{flex:1;display:flex;align-items:center;gap:2px;height:100%}.wm-bar{flex:1;border-radius:1px;min-height:2px;transition:height .06s linear}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px}.stat-tile{background:var(--surface);border:1px solid var(--border-2);border-radius:10px;padding:18px 20px;box-shadow:none;transition:border-color .2s;min-width:0}.stat-tile:hover{border-color:#3ecf8e33}.stat-tile-lbl{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:10px;display:flex;align-items:center;gap:5px;min-width:0}.stat-tile-val{font-family:var(--font-display);font-size:1.9rem;font-weight:700;line-height:1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-tile-sub{font-size:.7rem;color:var(--text-3);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heatmap-wrap{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.hm-cell{width:14px;height:14px;border-radius:2px;background:var(--bg-4);transition:background var(--t) var(--ease)}.hm-cell.l1{background:#3ecf8e33}.hm-cell.l2{background:#3ecf8e73}.hm-cell.l3{background:#3ecf8eb8}.hm-cell.l4{background:#3ecf8e}.forecast-wrap{display:flex;align-items:flex-end;gap:5px;height:90px}.fc-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}.fc-bar-val{font-size:.62rem;color:var(--text-3);font-family:var(--font-mono)}.fc-bar{width:100%;border-radius:3px 3px 0 0;min-height:4px}.fc-bar-lbl{font-size:.62rem;color:var(--text-3);font-family:var(--font-mono)}.stats-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px;min-width:0}.stats-legend{display:flex;gap:6px;font-size:.65rem;color:var(--text-3);margin-top:12px;align-items:center;flex-wrap:wrap}.stats-breakdown .browser-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.stats-breakdown .browser-t{min-width:620px}.notification-hero{margin-bottom:20px}.notification-hero-body{display:flex;align-items:center;justify-content:space-between;gap:24px}.notification-hero-copy{display:flex;align-items:flex-start;gap:16px;max-width:620px}.notification-hero-icon{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#0f0f0f;background:#3ecf8e;box-shadow:0 10px 28px #3ecf8e4d;flex-shrink:0}.notification-hero-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:6px}.notification-hero-text{font-size:.92rem;color:var(--text-2);line-height:1.7}.notification-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.notification-summary-card{padding:18px 20px;border-radius:var(--r-xl);border:1px solid var(--border-2);background:linear-gradient(160deg,#ffffff08,#ffffff01),var(--bg-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:6px;box-shadow:var(--card-shadow);transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)}.notification-summary-card:hover{transform:translateY(-2px);border-color:var(--border-3);box-shadow:var(--card-shadow-lg)}.notification-summary-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.notification-summary-value{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--text);line-height:1}.notification-header-meta{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.notification-list{display:flex;flex-direction:column;gap:14px;margin-top:12px}.notification-card{display:flex;gap:16px;padding:20px 22px;background:linear-gradient(160deg,#ffffff0d,#ffffff03),var(--bg-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-2);border-radius:var(--r-xl);box-shadow:var(--card-shadow);transition:transform .5s var(--ease-spring),box-shadow .4s var(--ease),border-color .4s var(--ease),background .4s var(--ease);position:relative;overflow:hidden}.notification-card:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.04),transparent);transform:skew(-20deg);transition:left .8s var(--ease);z-index:2;pointer-events:none}.notification-card:hover:before{left:200%}.notification-card:hover{transform:translateY(-4px) scale(1.005);box-shadow:var(--card-shadow-lg),0 8px 30px #6366f11f;border-color:var(--accent);background:var(--bg-3)}.notification-card.is-unread{background:linear-gradient(90deg,rgba(62,207,142,.06),transparent 28%)}.notification-card-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .4s var(--ease-spring),box-shadow .4s var(--ease);box-shadow:inset 0 1px #ffffff0f}.notification-card:hover .notification-card-icon{transform:scale(1.1) rotate(6deg)}.notification-card-copy{min-width:0;flex:1}.notification-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notification-card-title{font-size:.98rem;font-weight:700;color:var(--text);margin-bottom:5px}.notification-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.78rem;color:var(--text-3)}.notification-card-tag{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.notification-card-message{margin-top:10px;font-size:.9rem;color:var(--text-2);line-height:1.75}.notification-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);flex-shrink:0}.notification-card.is-dismissing{animation:notifDismiss .3s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes notifDismiss{0%{opacity:1;transform:scale(1);max-height:200px;margin-bottom:14px;padding-top:20px;padding-bottom:20px;border-width:1px}to{opacity:0;transform:translate(40px) scale(.95);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0;border-color:transparent;overflow:hidden}}.notif-badge{position:absolute;top:-5px;right:-5px;background:var(--red);color:#fff;font-size:.58rem;font-weight:800;min-width:16px;height:16px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;box-shadow:0 0 0 2px var(--bg);pointer-events:none;animation:badgePop .35s var(--ease-spring)}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.btn-ghost-sm{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--r-md);font-size:.78rem;font-weight:600;color:var(--text-3);border:1px solid var(--border-2);background:transparent;transition:all var(--t-fast) var(--ease);white-space:nowrap}.btn-ghost-sm:hover{background:var(--bg-3);color:var(--text);border-color:var(--border-3)}.btn-ghost-sm.btn-danger-sm:hover{background:var(--red-dim);color:var(--red);border-color:#ef444440}.btn-ghost-xs{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--r-sm);background:transparent;border:none;color:var(--text-3);transition:all var(--t-fast) var(--ease);flex-shrink:0}.btn-ghost-xs:hover{background:var(--red-dim);color:var(--red)}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 24px;color:var(--text-3);text-align:center}.notification-empty p{font-size:.9rem;max-width:300px;line-height:1.7}.notification-fire-at{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:.72rem;font-family:var(--font-mono);color:var(--text-3);background:var(--bg-4);border:1px solid var(--border);border-radius:var(--r-full);padding:3px 10px}.notif-study-btn{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:5px 14px;border-radius:var(--r-full);font-size:.78rem;font-weight:700;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(99,102,241,.25);cursor:pointer;transition:all var(--t) var(--ease)}.notif-study-btn:hover{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-1px)}.notification-card.is-actionable:hover{background:#3ecf8e0a;border-left:2px solid rgba(62,207,142,.5);padding-left:18px}.notification-card.is-actionable.is-unread:hover{background:linear-gradient(90deg,rgba(62,207,142,.08),transparent 28%)}.browser-t{width:100%;border-collapse:collapse}.browser-t th{text-align:left;padding:10px 16px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);border-bottom:1px solid var(--border-2);white-space:nowrap}.browser-t td{padding:12px 16px;font-size:.875rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.browser-t tr:last-child td{border-bottom:none}.browser-t tr:hover td{background:var(--bg-3)}.browser-layout{display:flex;gap:0;align-items:stretch;min-width:0}.browser-filters{width:260px;flex-shrink:0;height:calc(100vh - 200px);display:flex;flex-direction:column}.browser-deck-list{flex:1;overflow-y:auto}.browser-deck-btn{width:100%;text-align:left;padding:12px 20px;background:transparent;color:var(--text);border-bottom:1px solid var(--border);font-size:.875rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background var(--t) var(--ease),color var(--t) var(--ease),border-color var(--t) var(--ease)}.browser-deck-btn:hover{background:var(--bg-3)}.browser-deck-btn.active{background:#3ecf8e14;color:#3ecf8e;border-color:#3ecf8e33;font-weight:600}.browser-deck-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-deck-count{font-size:.75rem;color:var(--text-3);font-family:var(--font-mono);flex-shrink:0}.browser-main{flex:1;min-width:0;height:calc(100vh - 200px);display:flex;flex-direction:column}.browser-table-wrap{flex:1;overflow:auto;width:100%;min-width:0}.browser-cell-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-section{background:var(--surface);border:1px solid var(--border-2);border-radius:10px;overflow:hidden;margin-bottom:14px;box-shadow:var(--card-shadow)}.settings-section-hd{padding:14px 18px;border-bottom:1px solid var(--border);font-family:var(--font-display);font-weight:600;font-size:.875rem;color:var(--text);display:flex;align-items:center;gap:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);gap:20px}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:var(--bg-3)}.sr-lbl{font-size:.875rem;font-weight:500;color:var(--text)}.sr-desc{font-size:.78rem;color:var(--text-3);margin-top:3px}.toggle{width:46px;height:26px;border-radius:var(--r-full);background:var(--bg-4);border:1px solid var(--border-2);position:relative;cursor:pointer;transition:all var(--t) var(--ease);flex-shrink:0}.toggle.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.tgl-thumb{position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;top:50%;transform:translateY(-50%);left:3px;transition:left var(--t) var(--ease-spring);box-shadow:0 1px 4px #00000040}.toggle.on .tgl-thumb{left:calc(100% - 22px)}.completed{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65vh;text-align:center;gap:14px;padding:40px 20px}.completed-icon{font-size:5rem;line-height:1;animation:iconBounce .8s var(--ease-spring)}@keyframes iconBounce{0%{transform:scale(0) rotate(-15deg)}to{transform:none}}.completed-title{font-family:var(--font-display);font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#3ecf8e,#5cd4a0,#2db47d);-webkit-background-clip:text;background-clip:text;color:transparent}.completed-sub{color:var(--text-2);max-width:340px}.completed-stats{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:12px 0}.c-stat{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:16px 24px;text-align:center}.c-stat-val{font-family:var(--font-display);font-size:1.8rem;font-weight:800;display:block}.c-stat-lbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:12px;text-align:center}.empty-icon{font-size:3rem;opacity:.4}.empty-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-2)}.empty-sub{font-size:.875rem;color:var(--text-3);max-width:280px}.divider{height:1px;background:var(--border)}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-2)}.text-faint{color:var(--text-3)}.queue-row{display:flex;gap:20px;margin-top:16px;font-size:.75rem}.queue-dot{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-weight:600;color:var(--text-3)}.qdot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.flip-back-btn{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(99,102,241,.2);border-radius:var(--r-full);padding:4px 12px;transition:all var(--t) var(--ease)}.flip-back-btn:hover{background:var(--accent);color:#fff}@keyframes bgGlow{0%{opacity:0}40%{opacity:1}80%,to{opacity:0}}@keyframes bgGlow2{0%{opacity:0}40%{opacity:1}70%,to{opacity:0}}@keyframes ledTurnOff{30%,60%{background-color:#ffdf4e;box-shadow:0 -10px 35px 17px #ffc80099,inset 0 1px 2px #fff,0 0 0 3px #0009,0 0 2px 4px #9877004d}60.1%,65%{background-color:#000;box-shadow:0 -10px 35px 17px transparent,inset 0 1px 2px 0 transparent,0 0 0 3px #0000001a,0 0 2px 4px transparent}65.1%,70%{background-color:#ffdf4e;box-shadow:0 -10px 35px 17px #ffc80099,inset 0 1px 2px #fff,0 0 0 3px #0009,0 0 2px 4px #9877004d}70.1%,to{background-color:#000;box-shadow:0 -10px 35px 17px transparent,inset 0 1px 2px 0 transparent,0 0 0 3px #0000001a,0 0 2px 4px transparent}}@keyframes reflexLedTurnOff{30%,60%{box-shadow:inset 0 1px 1px #fff6,inset 0 -6px 1px -4px #9b8100,inset 0 -15px 6px -8px #373326}60.1%,65%{box-shadow:inset 0 1px 1px #fff6,inset 0 -6px 1px -4px #ffffff1a,inset 0 -15px 6px -8px #ffffff1a}65.1%,70%{box-shadow:inset 0 1px 1px #fff6,inset 0 -6px 1px -4px #9b8100,inset 0 -15px 6px -8px #373326}70.1%,to{box-shadow:inset 0 1px 1px #fff6,inset 0 -6px 1px -4px #ffffff1a,inset 0 -15px 6px -8px #ffffff1a}}@keyframes reflexLedBlurTurnOff{30%,60%{background:#ffc400}60.1%,65%{background:transparent}65.1%,70%{background:#ffc400}70.1%,to{background:transparent}}@keyframes bgBeforeTurnOff{30%,60%{box-shadow:inset 0 -2px 0 -1px #ffe6784d,inset 0 0 5px 1px #000,inset 0 0 0 1px #000}60.1%,65%{box-shadow:inset 0 -2px 0 -1px #a0a0a04d,inset 0 0 5px 1px #000,inset 0 0 0 1px #000}65.1%,70%{box-shadow:inset 0 -2px 0 -1px #ffe6784d,inset 0 0 5px 1px #000,inset 0 0 0 1px #000}70.1%,to{box-shadow:inset 0 -2px 0 -1px #a0a0a04d,inset 0 0 5px 1px #000,inset 0 0 0 1px #000}}@keyframes bg{0%{transform:translateY(0) scale(0)}12%{transform:translateY(0) scale(25)}60%,to{transform:translateY(-280px) scale(20,18)}}@keyframes symbolPath{0%{stroke-dashoffset:-650}50%{stroke-dashoffset:0}to{stroke-dashoffset:650}}@keyframes symbolPath2{0%{stroke-dashoffset:-650}50%{stroke-dashoffset:0}to{stroke-dashoffset:650}}@keyframes symbolCircle{0%{opacity:0}50%{opacity:1}to{opacity:0}}.theme-btn-wrapper{position:relative;width:58px;height:30px;border-radius:30px;border:none;background:transparent;cursor:pointer;padding:0;outline:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center}.theme-btn-wrapper:active{transform:scale(.92)}.theme-btn-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:30px;background:linear-gradient(135deg,#74ebd5,#9face6);box-shadow:inset 0 2px 6px #0003,0 0 0 1px #fff6;overflow:hidden;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.theme-btn-wrapper.is-dark .theme-btn-track{background:linear-gradient(135deg,#020d06,#031a0c);box-shadow:inset 0 2px 6px #0009,0 0 0 1px #00c86426,0 0 15px #00623959}.theme-stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:all .6s ease;transform:translateY(10px)}.theme-btn-wrapper.is-dark .theme-stars{opacity:1;transform:translateY(0)}.theme-clouds{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:all .6s ease;transform:translateY(0)}.theme-btn-wrapper.is-dark .theme-clouds{opacity:0;transform:translateY(-10px)}.theme-btn-thumb{position:absolute;top:2px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:all .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 5px #0003;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.theme-btn-wrapper.is-dark .theme-btn-thumb{transform:translate(26px) rotateY(180deg);background:#031a0c;box-shadow:0 0 10px #00e67673,inset 0 2px 4px #00c86426}.theme-btn-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%}.theme-btn-icon.front{color:#f59e0b}.theme-btn-icon.back{background:#031a0c;color:#00e676;transform:rotateY(180deg)}.theme-btn-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset -2px -2px 4px #0000001a,inset 2px 2px 4px #fff}.theme-btn-wrapper.is-dark .theme-btn-thumb:after{box-shadow:inset -2px -2px 4px #0006,inset 2px 2px 4px #ffffff1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:fadeInUp .6s cubic-bezier(.175,.885,.32,1.275) forwards}.sb-hamburger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-2);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sb-hamburger:hover{background:#3ecf8e1f;color:#3ecf8e;border-color:#3ecf8e4d}.sb-mobile-close{display:none;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#5a5a5a;cursor:pointer;transition:background .12s,color .12s;flex-shrink:0}.sb-mobile-close:hover{background:#f871711a;color:#f87171;border-color:#f8717133}.sidebar-collapsed .sb-logo{justify-content:center;gap:6px;padding:0 6px}.sidebar-collapsed .sb-brand{display:none}.sidebar-collapsed .sb-hamburger{margin-left:0;color:var(--text-2);flex-shrink:0}.sidebar-collapsed .sb-nav{padding-inline:8px;align-items:center}.sidebar-collapsed .sb-section{opacity:0;max-height:0;padding:0;pointer-events:none}.sidebar-collapsed .sb-item{width:38px;height:38px;min-height:38px;align-self:center;justify-content:center;gap:0;padding:0;border-radius:7px;position:relative;margin-bottom:2px}.sidebar-collapsed .sb-item:hover:after{content:attr(aria-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1e1e1e;color:#ededed;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:5px 10px;font-size:.78rem;font-weight:500;white-space:nowrap;pointer-events:none;z-index:300;box-shadow:0 4px 16px #00000080}.sidebar-collapsed .sb-item-label{opacity:0;max-width:0;overflow:hidden}.sidebar-collapsed .sb-badge{position:absolute;top:2px;right:2px;margin-left:0;min-width:14px;padding:1px 4px;font-size:.55rem}.sidebar-collapsed .sb-expanded-only{opacity:0;max-height:0;margin:0;padding:0;pointer-events:none}.main-area-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:150;border:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fadeIn .2s var(--ease)}.app-root:has(.sidebar-collapsed){grid-template-columns:84px 1fr}@media (max-width: 1280px){.page-wrap{padding:32px 28px}.ph-title{font-size:1.6rem}.decks-grid{grid-template-columns:repeat(2,1fr)}.app-root:has(.sidebar-collapsed) .decks-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.app-root{grid-template-columns:210px 1fr}.app-root:has(.sidebar-collapsed){grid-template-columns:84px 1fr}.page-wrap{padding:24px 20px}.ph-title{font-size:1.5rem}.decks-grid{grid-template-columns:repeat(2,1fr);gap:12px}.app-root:has(.sidebar-collapsed) .decks-grid{grid-template-columns:repeat(3,1fr);gap:12px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}.stats-panels{grid-template-columns:1fr;gap:14px}.browser-layout{flex-direction:column}.browser-filters,.browser-main{width:100%;height:auto}.browser-deck-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;overflow:visible}.fc-scene{height:400px}.answer-btns{grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width: 768px){.app-root{grid-template-columns:1fr}.topbar,.main-area{grid-column:1}.sidebar{position:fixed;width:260px;transform:translate(-100%);box-shadow:none;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.sidebar.sidebar-mobile-open{transform:translate(0);box-shadow:4px 0 32px #0000008c}.sidebar.sidebar-collapsed{width:260px}.sb-mobile-close{display:flex}.sb-hamburger{display:none}.main-area-overlay{display:block}.main-area{margin-left:0}.topbar{height:54px;padding:0 16px}.page-wrap{padding:20px 16px 28px}.ph{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.ph-title{font-size:1.4rem}.ph-right{width:100%;justify-content:flex-start}.search{width:100%;max-width:100%}.search:focus{width:100%}.decks-grid{grid-template-columns:1fr;gap:10px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}.stat-tile{padding:14px 12px}.stats-panels,.decks-grid{grid-template-columns:1fr;gap:12px}.fc-scene{height:340px}.fc-main{padding:16px;gap:10px}.fc-pill-bar{padding:10px 14px}.fc-footer{padding:12px 14px}.answer-btns{grid-template-columns:repeat(2,1fr);gap:8px}.ans-btn{padding:10px 4px;font-size:.82rem}.modal{max-width:100%;border-radius:var(--r-xl)}.overlay{padding:12px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-tile-val{font-size:1.6rem}.stats-panels{grid-template-columns:1fr;gap:16px}.stats-breakdown .browser-t{min-width:520px}.notification-hero-body{flex-direction:column;align-items:stretch}.notification-summary{min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}.notification-card{padding:16px}.settings-row{flex-direction:column;align-items:flex-start;gap:10px}.review-topbar{height:48px;padding:0 14px;gap:10px}.review-timer{display:none}.review-body{padding:20px 14px}.browser-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.browser-t{min-width:520px}.browser-t th,.browser-t td{padding:10px 12px;font-size:.82rem}.browser-layout{flex-direction:column}.browser-filters,.browser-main{width:100%;height:auto}.browser-deck-list{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;overflow:visible}.browser-deck-btn{border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:0;padding:12px 14px}.completed{gap:10px;padding:32px 16px}.completed-title{font-size:1.8rem}.completed-stats{gap:10px}.c-stat{padding:12px 16px}.c-stat-val{font-size:1.5rem}.pr-text{font-size:1.1rem;line-height:1.8}.mic-btn{width:58px;height:58px}.hm-cell{width:11px;height:11px}}@media (max-width: 480px){html{font-size:15px}.sidebar{width:260px}.page-wrap{padding:16px 14px 24px}.ph{margin-bottom:16px;gap:10px}.ph-title{font-size:1.25rem}.ph-sub{font-size:.8rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-tile{padding:12px 10px}.stat-tile-val{font-size:1.4rem}.stat-tile-lbl{font-size:.62rem}.deck-card{padding:16px}.deck-name{font-size:.95rem}.surface-header{padding:12px 14px;gap:8px;flex-wrap:wrap}.surface-title{font-size:.78rem}.surface-body{padding:12px}.btn{padding:7px 12px;font-size:.82rem}.deck-card{background:linear-gradient(160deg,#00623912,#0028140a),var(--bg-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,98,57,.18);border-radius:var(--r-2xl);padding:24px;cursor:pointer;transition:all .5s var(--ease-spring);position:relative;overflow:hidden;box-shadow:var(--card-shadow),inset 0 1px 1px #00c8640f}.ds-val{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1;display:block;margin-bottom:4px}.fc-scene{height:300px}.fc-main{padding:12px;gap:8px}.ans-btn{padding:9px 4px;font-size:.78rem}.ans-sub{font-size:.62rem}.stats-grid{grid-template-columns:1fr}.stats-panels{gap:12px}.stat-tile{padding:16px}.stat-tile-lbl{font-size:.68rem}.stat-tile-val{font-size:1.45rem}.stat-tile-sub{font-size:.72rem}.stats-legend{gap:4px}.stats-breakdown .browser-t{min-width:100%;table-layout:fixed}.notification-summary{grid-template-columns:1fr}.notification-hero-copy{flex-direction:column}.notification-card{gap:12px}.notification-card-title{font-size:.92rem}.topbar{height:52px;padding:0 12px}.modal-hd{padding:16px 18px 12px}.modal-bd{padding:16px 18px}.modal-ft{padding:12px 18px;gap:8px}.modal-hd h2{font-size:1rem}.settings-section-hd{padding:12px 16px;font-size:.85rem}.settings-row{padding:12px 16px}.review-body{padding:14px 10px}.review-counter{font-size:.7rem}.completed-icon{font-size:4rem}.completed-title{font-size:1.5rem}.hm-cell{width:9px;height:9px;border-radius:1px}.browser-deck-btn{padding:10px 12px;font-size:.82rem}.browser-deck-count{font-size:.7rem}.browser-t{min-width:100%;table-layout:fixed}.browser-t th,.browser-t td{padding:8px 10px;font-size:.78rem}.browser-t .col-hide-mobile{display:none}.browser-t .col-state{width:78px!important}.browser-t .col-action{width:44px!important}.state-pill{font-size:.55rem;padding:3px 6px;letter-spacing:.05em}.queue-row{gap:12px;flex-wrap:wrap}.surface-body{padding:14px}.browser-deck-list{grid-template-columns:1fr}}@media (max-width: 360px){html{font-size:14px}.ph-title{font-size:1.25rem}.decks-grid{gap:10px}.deck-card{padding:14px}.surface-header{padding:10px 12px}.surface-body{padding:12px 10px}.stat-tile{padding:14px}.answer-btns{grid-template-columns:repeat(2,1fr);gap:6px}.fc-scene{height:270px}.page-wrap{padding:14px 12px}.stats-grid{gap:10px}.stat-tile-val{font-size:1.4rem}.topbar{padding:0 10px}.modal-hd,.modal-bd,.modal-ft{padding-left:14px;padding-right:14px}.browser-t th,.browser-t td{padding:7px 8px;font-size:.74rem}.browser-t .col-state{width:72px!important}.state-pill{font-size:.52rem;padding:2px 5px}}.bottom-nav{display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:400px;height:64px;background:linear-gradient(135deg,#3ecf8e29,#0f1a15f0,#3ecf8e1a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(62,207,142,.2);border-radius:32px;align-items:center;justify-content:space-around;padding:0 8px;box-shadow:0 10px 30px #00000026;z-index:1000}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;color:var(--text-3);transition:all .3s cubic-bezier(.2,0,0,1);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:transparent;border:none;cursor:pointer}.bn-icon-wrap{position:relative;width:48px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:all .3s cubic-bezier(.2,0,0,1)}.bn-label{font-family:var(--font-display);font-size:.65rem;font-weight:600;letter-spacing:.02em;opacity:.8;transition:all .3s}.bn-item.active{color:var(--accent)}.bn-item.active .bn-icon-wrap{background:#3ecf8e26;transform:translateY(-2px)}.bn-item.active .bn-label{opacity:1;font-weight:700}.bn-item:active .bn-icon-wrap{transform:scale(.9)}@media (max-width: 768px){.sidebar{display:none!important}.bottom-nav{display:flex}.main-area{margin-left:0;padding-bottom:calc(100px + env(safe-area-inset-bottom))}body.study-mode .main-area{padding-bottom:0}.topbar-menu-btn{display:none!important}.page-wrap{padding:16px}.topbar{padding:0 16px;height:56px}.ph{margin-bottom:24px;flex-direction:column;align-items:stretch;gap:16px}.ph-title{font-size:1.7rem}.ph-right{display:flex;flex-direction:column;width:100%;align-items:stretch;gap:10px}.search{width:100%;border-radius:12px}.search:focus{width:100%}.decks-grid{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.extract-progress-container{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px;background:var(--bg-3);border-radius:var(--r-md);border:1px solid var(--border-2);box-shadow:inset 0 2px 10px #0000001a;position:relative;overflow:hidden}.extract-progress-bar-bg{width:100%;height:6px;background:var(--bg-4);border-radius:var(--r-full);overflow:hidden;position:relative}.extract-progress-bar-fill{height:100%;background:linear-gradient(90deg,#3ecf8e,#5cd4a0,#3ecf8e);background-size:200% 100%;border-radius:var(--r-full);transition:width .3s var(--ease);animation:progressGradient 2s linear infinite}.extract-progress-bar-glow{position:absolute;top:0;height:100%;width:20px;background:#fff6;filter:blur(4px);transform:translate(-10px);transition:left .3s var(--ease)}@keyframes progressGradient{0%{background-position:100% 0}to{background-position:-100% 0}}.extract-progress-tips{display:flex;align-items:center;gap:10px}.tip-icon-wrap{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent-dim);border-radius:50%;flex-shrink:0}.tip-icon{font-size:.9rem;animation:popIn .4s var(--ease-spring)}.tip-text{font-size:.85rem;color:var(--text-2);line-height:1.4;animation:slideFadeIn .4s var(--ease-spring)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slideFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.breathing-glow{animation:breathingGlow 3s ease-in-out infinite alternate}@keyframes breathingGlow{0%{box-shadow:inset 0 2px 10px #0000001a,0 0 10px #0062390f}to{box-shadow:inset 0 2px 10px #0000001a,0 0 28px #00623947}}.extract-progress-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.extract-title-text{font-weight:700;font-size:.9rem;letter-spacing:.05em;color:var(--accent);text-transform:uppercase}.audio-wave{display:flex;align-items:center;gap:3px;height:18px}.wave-bar{width:3px;height:100%;background:var(--accent);border-radius:2px;animation:waveBounce 1s ease-in-out infinite;transform-origin:bottom}.wave-bar:nth-child(1){animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.2s}.wave-bar:nth-child(3){animation-delay:.4s}.wave-bar:nth-child(4){animation-delay:.2s}.wave-bar:nth-child(5){animation-delay:.1s}@keyframes waveBounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1);background:#5cd4a0}}.striped-bg{background:repeating-linear-gradient(45deg,var(--bg-4),var(--bg-4) 10px,var(--bg-3) 10px,var(--bg-3) 20px);box-shadow:inset 0 1px 3px #0000004d}.shimmer-fill{position:relative;overflow:hidden}.shimmer-fill:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.4),transparent);animation:shimmerFlow 1.5s infinite}@keyframes shimmerFlow{to{left:200%}}.modern-tips{background:var(--bg-2);padding:8px 12px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.05)}.glow-icon{background:linear-gradient(135deg,var(--accent-dim),var(--purple-dim));border:1px solid rgba(255,255,255,.1);box-shadow:0 0 10px var(--accent-glow)}.modern-tip-text{font-weight:500;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.5)}.anim-spin-slow{animation:spin 3s linear infinite;color:var(--accent-2)}.anim-pulse{animation:pulseHeart 1.5s infinite;color:var(--purple)}.anim-bounce{animation:floatIcon 2s ease-in-out infinite;color:var(--teal)}.anim-wiggle{animation:wiggleIcon .5s ease-in-out infinite;color:var(--yellow)}.anim-float{animation:driftUp 2.5s ease-in-out infinite;color:var(--green)}.anim-pulse-fast{animation:pulseHeart .8s infinite;color:var(--orange)}@keyframes pulseHeart{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes wiggleIcon{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes driftUp{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(5deg)}}.extract-success-container{display:flex;align-items:center;gap:16px;margin-top:16px;padding:16px;background:linear-gradient(135deg,#22c55e14,#22c55e05);border:1px solid rgba(34,197,94,.2);border-radius:var(--r-md);box-shadow:inset 0 1px #ffffff0d,0 4px 15px #22c55e0d}.success-icon-wrap{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#22c55e26;border-radius:50%;color:var(--green);flex-shrink:0;box-shadow:0 0 15px #22c55e33;animation:popIn .5s var(--ease-spring)}.success-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.success-title{font-weight:700;font-size:.95rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.success-details{display:flex;flex-wrap:wrap;gap:8px}.success-badge{display:inline-flex;align-items:center;font-size:.75rem;padding:4px 8px;border-radius:var(--r-sm);font-weight:600}.green-badge{background:#22c55e26;color:var(--green);border:1px solid rgba(34,197,94,.25)}.yellow-badge{background:#eab30826;color:var(--yellow);border:1px solid rgba(234,179,8,.25)}.outline-badge{color:var(--text-2);border:1px solid var(--border-2);background:var(--bg-3)}.fade-in-up{animation:fadeInUp .4s var(--ease-spring)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-list-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s var(--ease)}.card-list-drawer{width:320px;max-width:85vw;background:var(--bg);border-left:1px solid var(--border-2);box-shadow:-10px 0 30px #0000004d;display:flex;flex-direction:column;animation:slideInRight .3s var(--ease-spring)}.cld-header{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.cld-header h3{font-family:var(--font-display);font-size:1.1rem;color:var(--text)}.cld-body{flex:1;overflow-y:auto;padding:12px}.cld-item.active .cld-item-icon{background:var(--accent);color:#fff}.cld-item-text{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;flex:1}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.pro-cld-item{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);color:var(--text);background:var(--bg-2);border:1px solid var(--border-2);box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden;animation:slideInUpFade .4s var(--ease-spring) backwards;margin-bottom:8px}.pro-cld-item:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #0003;border-color:var(--accent-dim);background:var(--bg-3)}.pro-cld-item.active{background:linear-gradient(135deg,#00623924,#00a86b1a);border-color:#006239;box-shadow:0 0 0 2px #0062392e,0 8px 24px #00623938}.pro-cld-item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.pro-cld-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--bg-3);color:var(--text-2)}.pro-cld-item.active .pro-cld-item-icon{background:#006239;color:#e8f5e9;box-shadow:0 4px 14px #00623973}.pro-cld-item-title{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-cld-item-subtitle{font-size:.78rem;color:var(--text-3);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes slideInUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sidebar{box-shadow:none}[data-theme=dark] .sidebar{border-right-color:#3ecf8e26;background:linear-gradient(180deg,#3ecf8e24,#0e221af0 35%,#08151a)}[data-theme=dark] .surface{background:#141414f5;border-color:#ffffff14;box-shadow:var(--card-shadow),inset 0 1px #ffffff0a}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3ecf8e66}[data-theme=dark] .glassmorph-effect{background:linear-gradient(90deg,#3ecf8e26,#0f171ee0 45%,#3ecf8e14);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(62,207,142,.16);box-shadow:0 1px 12px #3ecf8e0f}.sb-logo-mark{animation:sbPulse 5s ease-in-out infinite alternate}@keyframes sbPulse{0%{box-shadow:0 0 0 3px #3ecf8e26,0 4px 12px #3ecf8e40}to{box-shadow:0 0 0 4px #3ecf8e14,0 6px 20px #3ecf8e66}}[data-theme=dark] .modal{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 24px 80px #000000b3,inset 0 1px #ffffff0f}[data-theme=dark] .notification-unread-dot{background:#3ecf8e;box-shadow:0 0 0 4px #3ecf8e24}[data-theme=dark] .stat-tile{background:#161616f2;border-color:#ffffff14}[data-theme=dark] .settings-section{background:#141414f5;border-color:#ffffff14}[data-theme=dark] .toggle.on{background:#3ecf8e;border-color:#3ecf8e;box-shadow:0 0 10px #3ecf8e59}[data-theme=dark] .toggle.on .tgl-thumb{background:#0f0f0f}[data-theme=dark] .ans-good{background:#3ecf8e1a;border-color:#3ecf8e38;color:#3ecf8e}[data-theme=dark] .ans-good:hover{background:#3ecf8e;color:#0f0f0f;border-color:#3ecf8e;box-shadow:0 0 16px #3ecf8e59}[data-theme=dark] .ph-title{color:#ededed;-webkit-text-fill-color:#EDEDED;background:none}[data-theme=dark] .state-pill.new{background:#3ecf8e1a;color:#3ecf8e;border:1px solid rgba(62,207,142,.22)}[data-theme=dark] .form-ctrl:focus,[data-theme=dark] .search:focus{border-color:#3ecf8e99;box-shadow:0 0 0 3px #3ecf8e24}[data-theme=dark] .wv.played{background:#3ecf8e66}[data-theme=dark] .wv.active{background:#3ecf8e;box-shadow:0 0 6px #3ecf8e80}[data-theme=dark] .ac-btn.main{background:#3ecf8e;border-color:#3ecf8e;color:#0f0f0f;box-shadow:0 0 20px #3ecf8e59}[data-theme=dark] .ac-btn.main:hover{transform:scale(1.07);box-shadow:0 0 32px #3ecf8e80;background:#52d898}[data-theme=dark] .topbar-icon-btn:hover{background:#ffffff0f;color:#ededed;border-color:#ffffff1f;box-shadow:none}[data-theme=dark] .topbar-icon-btn.active{background:#3ecf8e1f;color:#3ecf8e;border-color:#3ecf8e40;box-shadow:none}[data-theme=dark] .deck-card{background:#161616;border-color:#ffffff12}[data-theme=dark] .deck-card:hover{border-color:#3ecf8e47;background:#1a1a1a}[data-theme=dark] .sb-item.active{background:#3ecf8e1a;color:#3ecf8e;border-color:#3ecf8e33}[data-theme=dark] .btn-ghost{background:#ffffff0a;color:#a0a0a0;border-color:#ffffff1a}[data-theme=dark] .btn-ghost:hover{background:#ffffff14;color:#ededed;border-color:#ffffff29}[data-theme=dark] .search{background:#ffffff0a;border-color:#ffffff1a;color:#ededed}[data-theme=dark] .theme-btn-track{background:linear-gradient(135deg,#1a1a1a,#222);box-shadow:inset 0 2px 6px #0009,0 0 0 1px #ffffff14}[data-theme=dark] .theme-btn-thumb{background:#2a2a2a;box-shadow:0 0 8px #3ecf8e59}[data-theme=dark] .theme-btn-icon.back{background:#1a1a1a;color:#3ecf8e}.auth-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;z-index:10;padding:20px;overflow-y:auto}.auth-card{position:relative;width:100%;max-width:440px;background:var(--bg-2);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--border-2);border-radius:24px;padding:32px 32px 28px;box-shadow:0 32px 80px #00000059,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f;margin:auto 0}@media (max-width: 480px){.auth-card{padding:24px 20px 22px;border-radius:18px}}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.auth-brand-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#1f9363,#136c47);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #00a05059;flex-shrink:0}.auth-brand-name{font-family:var(--font-display, "Outfit", sans-serif);font-size:1.25rem;font-weight:700;color:var(--text-1);letter-spacing:-.02em}.auth-heading{margin-bottom:24px}.auth-title{font-family:var(--font-display, "Outfit", sans-serif);font-size:1.5rem;font-weight:700;color:var(--text-1);margin:0 0 6px;letter-spacing:-.02em}.auth-subtitle{font-size:.85rem;color:var(--text-3);margin:0;line-height:1.5}.auth-tabs{display:flex;gap:4px;background:var(--bg-3);border-radius:12px;padding:4px;margin-bottom:28px;border:1px solid var(--border)}.auth-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:9px;border:none;background:transparent;color:var(--text-3);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .22s var(--ease);white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:12px}@media (max-width: 480px){.auth-form{gap:10px}.auth-brand{margin-bottom:18px}.auth-heading{margin-bottom:16px}.auth-title{font-size:1.25rem}}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:.8rem;font-weight:600;color:var(--text-2);letter-spacing:.01em}.auth-input-icon{position:absolute;left:13px;color:var(--text-3);pointer-events:none;flex-shrink:0}.auth-input{width:100%;padding:10px 40px 10px 38px;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;color:var(--text-1);font-size:.9rem;outline:none;transition:border-color .18s,box-shadow .18s,background .18s;font-family:inherit}.auth-eye-btn{position:absolute;right:11px;background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s;line-height:1}.auth-error{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171;font-size:.83rem;line-height:1.45;animation:auth-shake .35s ease}.pw-requirements{list-style:none;margin:0;padding:10px 12px;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:6px}.pw-req-item{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:500;transition:color .2s}.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;margin-top:4px;border:none;border-radius:12px;background:linear-gradient(135deg,#22a06b,#157950);color:#fff;font-size:.92rem;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:all .22s var(--ease);box-shadow:0 4px 16px #0082464d;font-family:inherit}.auth-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #00824640}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.auth-footer{margin-top:20px;text-align:center;font-size:.83rem;color:var(--text-3)}@media (max-width: 480px){.auth-card{padding:32px 24px 28px;border-radius:20px}.auth-title{font-size:1.3rem}}.auth-remember-label{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:500;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.search-results-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;margin-top:15px;padding-right:5px}.search-results-list::-webkit-scrollbar{width:6px}.search-results-list::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.search-result-item{display:flex;gap:12px;padding:10px;background:var(--bg-3);border:1px solid var(--border-2);border-radius:10px;cursor:pointer;transition:all .2s ease}.search-result-item:hover{background:var(--bg-4);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.search-result-thumb{position:relative;width:120px;height:68px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--bg-2)}.search-result-thumb img{width:100%;height:100%;object-fit:cover}.thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-2)}.search-result-duration{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;font-size:.7rem;padding:2px 4px;border-radius:4px;font-weight:500}.search-result-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.search-result-title{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-channel{font-size:.8rem;color:var(--text-2)}.search-source-toggle{display:flex;background:var(--bg-2);border-radius:12px;padding:4px;position:relative;margin-bottom:16px;box-shadow:inset 0 2px 6px #00000040;border:1px solid var(--border-2)}.toggle-btn{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--text-2);font-weight:600;font-size:.95rem;border-radius:8px;cursor:pointer;position:relative;z-index:1;transition:color .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.toggle-btn:hover{color:var(--text)}.toggle-btn.active{color:#fff}.toggle-slider{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:8px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #a855f74d;z-index:0}.auth-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;z-index:10;padding:16px;overflow-y:auto}@media (min-height: 700px){.auth-root{align-items:center}}.auth-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:auth-blob-drift 12s ease-in-out infinite alternate;pointer-events:none}.auth-blob-1{width:420px;height:420px;background:radial-gradient(circle,hsl(155,70%,40%),transparent 70%);top:-120px;left:-80px;animation-duration:14s}.auth-blob-2{width:360px;height:360px;background:radial-gradient(circle,hsl(220,70%,50%),transparent 70%);bottom:-100px;right:-60px;animation-duration:11s;animation-direction:alternate-reverse}.auth-blob-3{width:280px;height:280px;background:radial-gradient(circle,hsl(280,60%,50%),transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%);animation-duration:16s}@keyframes auth-blob-drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.08)}}.auth-blob-3{animation:auth-blob-drift3 16s ease-in-out infinite alternate}@keyframes auth-blob-drift3{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.12) rotate(10deg)}}.auth-card{position:relative;width:100%;max-width:440px;background:var(--bg-2);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--border-2);border-radius:24px;padding:32px 32px 28px;box-shadow:0 32px 80px #00000059,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f;margin:20px 0;flex-shrink:0}@media (min-height: 700px){.auth-card{margin:auto 0}}@media (max-width: 480px){.auth-card{padding:22px 18px 20px;border-radius:18px}}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.auth-brand-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#1f9363,#136c47);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #00a05059;flex-shrink:0}.auth-brand-name{font-family:var(--font-display, "Outfit", sans-serif);font-size:1.2rem;font-weight:700;color:var(--text-1);letter-spacing:-.02em}.auth-heading{margin-bottom:18px}.auth-title{font-family:var(--font-display, "Outfit", sans-serif);font-size:1.4rem;font-weight:700;color:var(--text-1);margin:0 0 5px;letter-spacing:-.02em}.auth-subtitle{font-size:.83rem;color:var(--text-3);margin:0;line-height:1.5}.auth-tabs{display:flex;gap:4px;background:var(--bg-3);border-radius:12px;padding:4px;margin-bottom:20px;border:1px solid var(--border)}.auth-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:9px;border:none;background:transparent;color:var(--text-3);font-size:.84rem;font-weight:500;cursor:pointer;transition:all .22s var(--ease);white-space:nowrap}.auth-tab--active{background:var(--accent);color:#fff;box-shadow:0 2px 10px #00824659}.auth-tab:not(.auth-tab--active):hover{background:var(--bg-4, var(--bg-3));color:var(--text-2)}.auth-form{display:flex;flex-direction:column;gap:11px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-label{font-size:.78rem;font-weight:600;color:var(--text-2);letter-spacing:.01em}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:12px;color:var(--text-3);pointer-events:none;flex-shrink:0}.auth-input{width:100%;padding:9px 38px 9px 36px;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;color:var(--text-1);font-size:.88rem;outline:none;transition:border-color .18s,box-shadow .18s,background .18s;font-family:inherit}.auth-input::placeholder{color:var(--text-4, var(--text-3));opacity:.6}.auth-input:focus{border-color:var(--accent);background:var(--bg-2);box-shadow:0 0 0 3px #00a05026}.auth-eye-btn{position:absolute;right:10px;background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s;line-height:1}.auth-eye-btn:hover{color:var(--text-2)}.auth-error{display:flex;align-items:flex-start;gap:8px;padding:9px 13px;border-radius:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171;font-size:.82rem;line-height:1.45;animation:auth-shake .35s ease}.auth-error svg{flex-shrink:0;margin-top:1px}.auth-success{display:flex;align-items:flex-start;gap:8px;padding:9px 13px;border-radius:10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#4ade80;font-size:.82rem;line-height:1.45}@keyframes auth-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.pw-requirements{list-style:none;margin:0;padding:9px 12px;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:5px}.pw-req-item{display:flex;align-items:center;gap:7px;font-size:.77rem;font-weight:500;transition:color .2s}.pw-req-ok{color:var(--green, #22c55e)}.pw-req-fail{color:var(--text-3)}.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 20px;margin-top:4px;border:none;border-radius:12px;background:linear-gradient(135deg,#22a06b,#157950);color:#fff;font-size:.91rem;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:all .22s var(--ease);box-shadow:0 4px 16px #0082464d;font-family:inherit}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #00824666;background:linear-gradient(135deg,#25b177,#188b5b)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.auth-footer{margin-top:18px;text-align:center;font-size:.82rem;color:var(--text-3)}.auth-link{background:none;border:none;color:var(--accent, hsl(155,65%,42%));font-size:inherit;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.auth-link:hover{color:#35d492}.auth-remember-wrap{display:flex;align-items:center;margin-top:-4px}.auth-remember-label{display:inline-flex;align-items:center;gap:8px;font-size:.79rem;font-weight:500;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;background:var(--bg-3);border:1px solid var(--border);border-radius:4px;outline:none;cursor:pointer;position:relative;transition:all .2s;display:flex;align-items:center;justify-content:center}.auth-checkbox:checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px #3ecf8e4d}.auth-checkbox:checked:after{content:"";width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-2px);position:absolute}.auth-checkbox:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3ecf8e26}.global-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f0f0f66;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;color:var(--accent)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:var(--bg-3);border:1px solid var(--border-2);box-shadow:0 4px 12px #00000026;color:var(--text);font-size:.9rem;min-width:280px;max-width:400px;transform:translate(0);opacity:1;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.toast-entering,.toast-leaving{transform:translate(100%);opacity:0}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1}.toast-close{background:transparent;border:none;color:var(--text-3);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{color:var(--text);background:var(--bg-4)}.toast-success .toast-icon{color:var(--green, #10b981)}.toast-error .toast-icon{color:var(--red, #ef4444)}.toast-warning .toast-icon{color:var(--accent, #3ecf8e)}.toast-info .toast-icon{color:var(--purple, #a855f7)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .7s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.ai-generate-page{display:flex;flex-direction:column;height:100%}.ai-page-header{padding:1.5rem 2rem;border-bottom:1px solid var(--bg-card-border);background:var(--bg-card);border-radius:12px 12px 0 0}.ai-page-title{display:flex;align-items:center;gap:1rem}.ai-page-title h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ai-page-title p{font-size:.9rem;color:var(--text-secondary);margin:.25rem 0 0}.ai-generate-layout{display:flex;flex:1;overflow:hidden;background:var(--bg-app)}.ai-controls-panel{width:380px;background:var(--bg-card);border-right:1px solid var(--bg-card-border);padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.ai-row{display:flex;gap:1rem}.ai-field{display:flex;flex-direction:column;gap:.5rem;flex:1}.ai-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ai-input,.ai-select{width:100%;background:var(--bg-input);border:1px solid var(--bg-card-border);color:var(--text-primary);border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s ease;outline:none}.ai-input:focus,.ai-select:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px #1fcb8426}.ai-select-wrap{position:relative;display:flex;align-items:center}.ai-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem}.ai-select-arrow{position:absolute;right:1rem;color:var(--text-secondary);pointer-events:none}.ai-difficulty-pills{display:flex;flex-wrap:wrap;gap:.5rem}.ai-diff-pill{flex:1;background:var(--bg-input);border:1px solid var(--bg-card-border);color:var(--text-secondary);border-radius:6px;padding:.5rem 0;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.ai-diff-pill:hover{background:var(--bg-card-border);color:var(--text-primary)}.ai-diff-pill.active{background:var(--accent-indigo);border-color:var(--accent-indigo);color:#fff;box-shadow:0 4px 12px #6b6ff24d}.ai-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ai-type-btn{display:flex;align-items:center;gap:.5rem;background:var(--bg-input);border:1px solid var(--bg-card-border);padding:.75rem;border-radius:8px;color:var(--text-secondary);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.ai-type-btn:hover{background:var(--bg-card-border);color:var(--text-primary);transform:translateY(-1px)}.ai-type-btn.active{background:#1fcb841a;border-color:var(--accent-green);color:var(--accent-green-bright);box-shadow:0 4px 12px #1fcb8426}.ai-type-emoji{font-size:1.2rem}.ai-persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ai-persona-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .5rem;background:var(--bg-input);border:1px solid var(--bg-card-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.ai-persona-card:hover{border-color:var(--text-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.ai-persona-icon{font-size:1.5rem;margin-bottom:.5rem}.ai-persona-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.ai-persona-voice{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.ai-generate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,var(--accent-green) 0%,#0d9488 100%);color:#fff;font-weight:700;font-size:1.05rem;border-radius:8px;border:none;cursor:pointer;margin-top:auto;transition:all .3s ease;box-shadow:0 4px 15px #1fcb844d}.ai-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1fcb8466}.ai-generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;background:var(--bg-card-border);box-shadow:none}.ai-loading-row{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.ai-output-panel{flex:1;position:relative;overflow-y:auto;background:var(--bg-app);display:flex;flex-direction:column}.ai-idle-state{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center}.ai-idle-icon{font-size:3rem;margin-bottom:1rem;opacity:.5;animation:float 3s ease-in-out infinite}.ai-idle-state h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ai-progress-panel{margin:auto;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:var(--bg-card);border-radius:16px;border:1px solid var(--bg-card-border);box-shadow:0 10px 30px #0000004d}.ai-progress-label{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.ai-progress-bar-track{width:100%;height:8px;background:var(--bg-input);border-radius:4px;overflow:hidden;margin-bottom:1rem}.ai-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-indigo),var(--accent-green));transition:width .3s ease;border-radius:4px}.ai-progress-pct{font-size:2rem;font-weight:800;color:var(--accent-green-bright)}.ai-progress-sub{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem}.ai-error-panel{margin:auto;text-align:center;padding:2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;max-width:400px}.ai-error-panel h3{color:#f87171;margin:1rem 0 .5rem}.ai-retry-btn{margin-top:1.5rem;padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.ai-retry-btn:hover{background:#dc2626}.ai-lesson-preview{padding:2rem;max-width:800px;margin:0 auto;width:100%;padding-bottom:120px}.ai-lesson-header{margin-bottom:2rem}.ai-lesson-meta{display:flex;gap:.75rem;margin-bottom:1rem}.ai-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ai-badge-difficulty{background:#22c55e26;color:#4ade80}.ai-badge-type{background:#6b6ff226;color:#818cf8}.ai-badge-persona{background:#f59e0b26;color:#fbbf24}.ai-lesson-topic{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem;line-height:1.2}.ai-lesson-summary{font-size:1.05rem;color:var(--text-secondary);line-height:1.6}.ai-audio-player{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--bg-card-border);padding:1rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 15px #0003}.ai-play-btn{width:48px;height:48px;border-radius:50%;background:var(--accent-green);color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ai-play-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #1fcb8480}.ai-audio-info{display:flex;flex-direction:column}.ai-audio-label{font-weight:600;color:var(--text-primary)}.ai-audio-voice{font-size:.85rem;color:var(--text-secondary)}.ai-tabs{display:flex;border-bottom:1px solid var(--bg-card-border);margin-bottom:1.5rem;overflow-x:auto}.ai-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;position:relative;transition:color .2s;white-space:nowrap}.ai-tab:hover{color:var(--text-primary)}.ai-tab.active{color:var(--accent-indigo)}.ai-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-indigo);border-radius:2px 2px 0 0}.ai-tab-content{color:var(--text-primary);line-height:1.7}.ai-script-text{font-size:1.05rem;white-space:pre-wrap;background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--bg-card-border)}.ai-grammar-box{margin-top:1.5rem;background:#6b6ff21a;border-left:4px solid var(--accent-indigo);padding:1.25rem;border-radius:0 8px 8px 0}.ai-grammar-box h4{margin:0 0 .5rem;color:var(--accent-indigo)}.ai-vocab-list{display:flex;flex-direction:column;gap:1rem}.ai-vocab-item{background:var(--bg-card);padding:1.25rem;border-radius:12px;border:1px solid var(--bg-card-border)}.ai-vocab-word{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.ai-vocab-term{font-size:1.15rem;font-weight:700;color:var(--accent-green-bright)}.ai-vocab-phonetic{font-family:JetBrains Mono,monospace;color:var(--text-secondary);font-size:.9rem}.ai-vocab-ex{margin-top:.5rem;color:var(--text-secondary);font-style:italic}.ai-fc-list,.ai-quiz-list{display:flex;flex-direction:column;gap:1rem}.ai-fc-item,.ai-quiz-item{background:var(--bg-card);padding:1.25rem;border-radius:12px;border:1px solid var(--bg-card-border)}.ai-fc-q,.ai-quiz-q{font-weight:600;margin-bottom:.75rem;display:flex;gap:.5rem}.ai-fc-num{color:var(--accent-indigo);font-weight:800}.ai-fc-a{color:var(--text-secondary);padding-left:2rem}.ai-quiz-options{display:flex;flex-direction:column;gap:.5rem;padding-left:2rem}.ai-quiz-opt{padding:.75rem;background:var(--bg-input);border-radius:8px;font-size:.95rem}.ai-quiz-opt.correct{background:#22c55e26;border:1px solid rgba(34,197,94,.5);color:#4ade80;font-weight:600}.ai-save-panel{position:fixed;bottom:0;left:452px;right:0;background:#0f171ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--bg-card-border);padding:1.25rem 2rem;display:flex;align-items:center;justify-content:center;z-index:10}.ai-save-row{display:flex;gap:1rem;width:100%;max-width:600px}.ai-save-btn{display:flex;align-items:center;gap:.5rem;padding:0 1.5rem;background:var(--accent-green);color:#000;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.ai-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1fcb844d}.ai-save-btn:disabled{opacity:.5;cursor:not-allowed}.ai-save-msg{display:flex;align-items:center;gap:.5rem;margin-left:1.5rem;font-weight:600}.ai-save-msg.success{color:#4ade80}.ai-save-msg.error{color:#ef4444}.my-lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:2rem;overflow-y:auto}.my-lesson-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.my-lesson-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:var(--accent-indigo)}.mlc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.mlc-badges{display:flex;flex-wrap:wrap;gap:.5rem}.mlc-delete{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px}.mlc-delete:hover{color:#ef4444;background:#ef44441a}.mlc-topic{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.mlc-category{font-size:.85rem;color:var(--text-secondary);margin:0 0 1.25rem}.mlc-audio-row{display:flex;align-items:center;gap:.75rem;background:var(--bg-input);padding:.75rem;border-radius:8px;margin-bottom:1.25rem}.mlc-play-btn{width:32px;height:32px;border-radius:50%;background:var(--accent-green);color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mlc-audio-label{font-size:.85rem;color:var(--text-primary);font-weight:500}.mlc-actions{display:flex;gap:.5rem;margin-top:auto}.mlc-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;background:transparent;border:1px solid var(--bg-card-border);color:var(--text-secondary);padding:.6rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.mlc-action-btn:hover{background:var(--bg-card-border);color:var(--text-primary)}.mlc-save-panel{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--bg-card-border)}.mlc-save-msg{font-size:.85rem;color:#4ade80;text-align:center}.mlc-regen-note{margin-top:1rem;padding:.75rem;background:#6b6ff21a;border:1px solid rgba(107,111,242,.2);border-radius:6px;font-size:.8rem;color:var(--text-secondary);display:flex;gap:.5rem;align-items:flex-start}.mlc-regen-note strong{color:var(--accent-indigo)}.comm-filters{padding:1.5rem 2rem;background:var(--bg-card);border-bottom:1px solid var(--bg-card-border);display:flex;flex-direction:column;gap:1rem}.comm-search-bar{display:flex;align-items:center;gap:.75rem;background:var(--bg-input);border:1px solid var(--bg-card-border);padding:.75rem 1rem;border-radius:8px;max-width:600px}.comm-search-bar:focus-within{border-color:var(--accent-indigo);box-shadow:0 0 0 3px #6b6ff226}.comm-search-input{flex:1;background:transparent;border:none;color:var(--text-primary);outline:none;font-size:.95rem}.comm-search-bar button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center}.comm-search-bar button:hover{color:var(--text-primary)}.comm-filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.comm-chip{padding:.4rem 1rem;border-radius:20px;background:var(--bg-input);border:1px solid var(--bg-card-border);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.comm-chip:hover{background:var(--bg-card-border);color:var(--text-primary)}.comm-chip.active{background:var(--accent-indigo);border-color:var(--accent-indigo);color:#fff}