@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;500;600;700;800&family=Inter+Tight:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141821;--bg-gradient:none;--surface:#1b2130;--panel:#202737;--panel-border:#e2e8f02e;--panel-glow:0 16px 42px #00000038;--ink:#fff;--muted:#d6deea;--line:#e2e8f042;--accent:#6366f1;--accent-glow:#6366f138;--accent-strong:#818cf8;--warm:#f59e0b;--warm-glow:#f59e0b26;--success:#10b981;--success-glow:#10b98126;--danger:#ef4444;--danger-glow:#ef44441a;--terminal-bg:#070a13;--terminal-border:#ffffff29;--terminal-text:#86efac;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5efe0;--bg-gradient:radial-gradient(circle at 10% 12%, #d2ae6d17 0%, transparent 45%), radial-gradient(circle at 90% 88%, #2e548a12 0%, transparent 45%);--surface:#fdfbf7;--panel:#fcf9f2;--panel-border:#35426e29;--panel-glow:0 12px 32px #35426e0f;--ink:#35426e;--muted:#627097;--line:#35426e24;--accent:#2e548a;--accent-glow:#2e548a2e;--accent-strong:#234370;--warm:#d2ae6d;--warm-glow:#d2ae6d38;--success:#20845a;--success-glow:#20845a29;--danger:#c83538;--danger-glow:#c8353824;--terminal-bg:#222b45;--terminal-border:#35426e40;--terminal-text:#8ceabb;--ds-paper:#f5efe0;--ds-paper-card:#fdfbf7;--ds-ink:#35426e;--ds-red:#c83538;--ds-blue:#2e548a;--ds-sky:#0087c3;--ds-gold:#d2ae6d;--ds-grey:#ded7ca}[data-theme=light] body:before{content:"";pointer-events:none;z-index:99999;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}[data-theme=light] label{color:var(--ink)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .35s,border-color .35s,box-shadow .35s,color .35s,transform .2s}body{background:var(--bg);background-image:linear-gradient(135deg, #ffffff05, transparent 45%), var(--bg-gradient);color:var(--ink);min-height:100vh;transition:background-color .35s,color .35s;overflow-x:hidden}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.authShell{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.glowBg{pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f126 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.authPanel{z-index:1;border:1px solid var(--panel-border);background:var(--surface);width:min(440px,100%);box-shadow:var(--panel-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;gap:20px;padding:40px;display:grid;position:relative}.authHeader{text-align:center;margin-bottom:12px}.logoMark{background:linear-gradient(135deg, var(--accent), #4f46e5);color:#fff;width:56px;height:56px;box-shadow:0 0 20px var(--accent-glow);border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.logoMark svg{animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-strong);margin-bottom:6px;font-size:.8rem;font-weight:800}.authPanel h1{letter-spacing:-.02em;font-size:1.8rem;font-weight:700}label{color:var(--ink);gap:8px;font-size:.88rem;font-weight:600;display:grid}input,textarea,select{border:1px solid var(--panel-border);width:100%;height:46px;color:var(--ink);background:#0d111e99;border-radius:10px;outline:none;padding:0 16px}input::placeholder,textarea::placeholder{color:#cbd5e1;opacity:1}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#0d111ecc}textarea{resize:vertical;height:auto;min-height:120px;padding:16px;line-height:1.6}.error{color:var(--danger);background:var(--danger-glow);border-left:3px solid var(--danger);border-radius:8px;padding:12px;font-size:.85rem;font-weight:500}.primaryButton{background:linear-gradient(135deg, var(--accent), #4f46e5);color:#fff;cursor:pointer;height:48px;box-shadow:0 4px 12px var(--accent-glow);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.primaryButton:hover:not(:disabled){background:linear-gradient(135deg, #787af6, var(--accent));box-shadow:0 6px 16px var(--accent-glow);transform:translateY(-2px)}.primaryButton:disabled{opacity:.6;cursor:not-allowed}.secondaryButton{color:#f8fafc;cursor:pointer;background:#0f172aad;border:1px solid #e2e8f033;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 18px;font-weight:800;display:inline-flex}.secondaryButton:hover{background:#1e293bdb;border-color:#a78bfa7a}.secondaryButton:disabled{opacity:.52;cursor:not-allowed;transform:none}.authFooterContact{border-top:1px solid #e2e8f01f;flex-direction:column;align-items:center;gap:10px;margin-top:4px;padding-top:8px;display:flex}.authFooterContact span{color:#94a3b8;font-size:.8rem;font-weight:500}.fbContactLink{color:#60a5fa;background:#1877f21a;border:1px solid #1877f240;border-radius:10px;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.fbContactLink:hover{color:#93c5fd;background:#1877f22e;border-color:#1877f280;transform:translateY(-1px);box-shadow:0 4px 14px #1877f233}.fbIcon{flex-shrink:0}.appShell{grid-template-columns:340px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1);display:grid}.appShell.sidebarClosed{grid-template-columns:88px minmax(0,1fr)}.mobileRailBackdrop,.mobileMenuBtn{display:none}.leftRail{z-index:10;background:#111620;border-right:1px solid #e2e8f02e;flex-direction:column;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;box-shadow:12px 0 30px #00000029}.leftRailScroll{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow:hidden auto}.leftRail.collapsed{align-items:center;padding:24px 16px}.sidebarToggleBtn{background:var(--surface);color:#fff;cursor:pointer;z-index:20;border:1px solid #e2e8f052;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:30px;right:-14px}.sidebarToggleBtn:hover{background:var(--accent);border-color:var(--accent)}.brandBlock{flex-direction:column;gap:4px;padding:4px 0;display:flex}.logoContainer{align-items:center;gap:10px;display:flex}.logoContainer h1{letter-spacing:-.03em;background:linear-gradient(135deg, #fff, var(--accent-strong));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.glowIcon{color:var(--accent-strong);filter:drop-shadow(0 0 8px var(--accent-glow))}.subheading{color:#e2e8f0;font-size:.8rem;font-weight:500}.railNav{flex-direction:column;gap:10px;display:flex}.navButton{cursor:pointer;text-align:left;color:#f1f5f9;background:#ffffff06;border:1px solid #e2e8f01a;border-radius:8px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex}.navButton:hover{color:#fff;background:#ffffff12;border-color:#e2e8f033}.navButton.active{color:#fff;background:#6366f1;border-color:#6366f1}.addCardNavButton{color:#fff7ed;background:radial-gradient(circle at 24px,#facc1547,#0000 34px),linear-gradient(135deg,#7f1d1db8,#dc262657 48%,#f9731633);border-color:#f973168c;min-height:62px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #facc150f,0 12px 28px #7f1d1d38}.addCardNavButton:hover{background:radial-gradient(circle at 24px,#facc155c,#0000 38px),linear-gradient(135deg,#991b1be0,#dc26267a 46%,#f9731647);border-color:#facc15c2;box-shadow:0 0 22px #f9731661,0 16px 34px #7f1d1d57}.addCardNavButton:hover .navFlameIcon{filter:drop-shadow(0 0 18px #f97316e6);transform:translateY(-2px)scale(1.08)}.navFlameIcon{filter:drop-shadow(0 0 10px #ef444494);flex:0 0 30px;place-items:center;width:30px;height:38px;transition:transform .2s,filter .2s;display:grid;position:relative}.navFlameShape{display:block;position:absolute;bottom:0}.navFlameOuter{clip-path:polygon(51% 0%,66% 23%,61% 38%,82% 26%,75% 61%,94% 47%,81% 93%,50% 100%,18% 93%,6% 48%,26% 62%,17% 32%,38% 43%,34% 19%);background:linear-gradient(#7f1d1d 0%,#dc2626 38%,#f97316 78%,#facc15 100%);border-radius:48% 52% 52% 48%/70% 70% 30% 30%;width:29px;height:38px}.navFlameMid{clip-path:polygon(51% 0%,66% 29%,61% 46%,78% 36%,73% 78%,51% 100%,27% 80%,19% 43%,36% 54%,33% 26%);background:linear-gradient(#ef4444 0%,#f97316 48%,#fde047 100%);width:20px;height:29px;bottom:2px}.navFlameCore{clip-path:polygon(48% 0%,66% 34%,60% 54%,77% 47%,71% 83%,50% 100%,26% 82%,21% 48%,38% 57%,34% 30%);background:linear-gradient(#fff7ed 0%,#fef08a 55%,#f59e0b 100%);width:12px;height:18px;bottom:4px}.navPlusInner{z-index:1;color:#fff;background:#11182780;border-radius:999px;margin-top:7px;position:relative;box-shadow:0 0 0 3px #ffffff1a}.publishNavButton{color:#e0e7ff;background:linear-gradient(135deg,#312e81ad,#4f46e547);border-color:#818cf880}.publishNavButton:hover{background:linear-gradient(135deg,#4338cac7,#6366f161);border-color:#a5b4fcd1;box-shadow:0 0 18px #818cf847}.searchNavButton{color:#cffafe;background:radial-gradient(circle at 24px,#22d3ee2e,#0000 36px),linear-gradient(135deg,#0e749066,#0f172a94);border-color:#22d3ee6b}.searchNavButton:hover{background:radial-gradient(circle at 24px,#67e8f942,#0000 42px),linear-gradient(135deg,#0891b28f,#1e293bb8);border-color:#67e8f9c7;box-shadow:0 0 18px #22d3ee42}.todayBtn.active{color:#0b0f19;background:#eab308;border-color:#eab308}.btnText{flex-direction:column;gap:2px;display:flex}.btnText strong{font-size:.95rem;font-weight:600}.btnText small{color:#f8fafc;font-size:.78rem}.bananaStreakInline{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fbbf2414,#0f172a99);border:1px solid #eab3084d;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.bananaStreakInline .bananaIcon{filter:drop-shadow(0 0 6px #eab30866);font-size:1.3rem}.bananaStreakInline .bananaIcon.wiggleAnim{animation:.6s ease-in-out wiggle}.bananaStreakInline strong{color:#fbbf24;text-shadow:0 0 8px #fbbf244d;font-size:1.2rem;font-weight:800}.bananaButtonSmall{color:#0b0f19;cursor:pointer;background:linear-gradient(135deg,#eab308,#ca8a04);border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:28px;font-size:.78rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #eab30840}.bananaButtonSmall:hover:not(:disabled){background:linear-gradient(135deg,#facc15,#eab308);transform:translateY(-1px);box-shadow:0 4px 12px #eab30866}.bananaButtonSmall:disabled{opacity:.5;cursor:not-allowed}@keyframes wiggle{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-15deg)scale(1.2)}75%{transform:rotate(15deg)scale(1.2)}}.createAccountBtn{color:#0b0f19;cursor:pointer;background:#a78bfa;border:0;border-radius:8px;height:38px;font-size:.85rem;font-weight:700;transition:background-color .2s}.createAccountBtn:hover{background:#c084fc}.miniToggle{color:#cbd5e1;cursor:pointer;background:#0f172acc;border:1px solid #e2e8f02e;border-radius:999px;min-width:48px;height:30px;font-size:.74rem;font-weight:800}.miniToggle.active{color:#99f6e4;background:#14b8a62e;border-color:#2dd4bf61}.miniToggle:disabled{cursor:not-allowed;opacity:.66}.accessToggleGroup{align-items:center;gap:8px;display:flex}.profileFooter{border-top:1px solid var(--panel-border);flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.userBox{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), #4f46e5);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:grid;overflow:hidden;box-shadow:0 0 10px #6366f133}.avatar img{object-fit:cover;width:100%;height:100%}.userInfo{flex-direction:column;min-width:0;display:flex}.userEmail{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.userBadge{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.profileActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.uploadBtn,.logoutBtn{cursor:pointer;border:1px solid var(--panel-border);background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:34px;font-size:.78rem;font-weight:600;display:inline-flex}.uploadBtn input{display:none}.uploadBtn:hover{color:var(--ink);background:#ffffff0d}.logoutBtn{color:#f87171;border-color:#ef444426}.logoutBtn:hover{background:#ef44440d}.contentPane{background:radial-gradient(circle at 80% 10%,#6366f114,#0000 32%),#171c27;flex-direction:column;gap:24px;height:100vh;padding:32px;display:flex;overflow-y:auto}.contentPane.sketchContentPane{gap:8px;padding:12px 10px 12px 8px}.contentPane.dubbingContentPane{gap:12px;padding:14px 18px}.topBar{justify-content:space-between;align-items:center;gap:20px;display:flex}.headerLeftGroup{align-items:center;gap:16px;display:flex}.paneTitle{justify-self:start}.topActions{align-items:center;gap:12px;display:flex}.paneTitle h2{letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.searchBox{background:#1e2533e0;border:1px solid #e2e8f033;border-radius:8px;align-items:center;gap:10px;width:280px;height:38px;padding:0 12px;display:flex}.searchBox input{color:#fff;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0;font-size:.95rem}.searchBox input::placeholder{color:#cbd5e1}.addFloatingBtn{cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:58px;height:66px;padding:0;display:grid}.flamePlusWrapper{filter:drop-shadow(0 0 12px #ef444473);place-items:center;width:100%;height:100%;display:grid;position:relative}.flameShape{transition:all .3s;display:block;position:absolute;bottom:4px}.flameOuter{clip-path:polygon(51% 0%,66% 23%,61% 38%,82% 26%,75% 61%,94% 47%,81% 93%,50% 100%,18% 93%,6% 48%,26% 62%,17% 32%,38% 43%,34% 19%);background:linear-gradient(#7f1d1d 0%,#dc2626 38%,#f97316 78%,#facc15 100%);border-radius:48% 52% 52% 48%/70% 70% 30% 30%;width:48px;height:62px;box-shadow:0 0 22px #f973168c,inset 0 -10px 16px #7f1d1d73}.flameMid{clip-path:polygon(51% 0%,66% 29%,61% 46%,78% 36%,73% 78%,51% 100%,27% 80%,19% 43%,36% 54%,33% 26%);opacity:.95;background:linear-gradient(#ef4444 0%,#f97316 48%,#fde047 100%);border-radius:50% 50% 45% 45%;width:32px;height:46px;bottom:6px}.flameCore{clip-path:polygon(48% 0%,66% 34%,60% 54%,77% 47%,71% 83%,50% 100%,26% 82%,21% 48%,38% 57%,34% 30%);background:linear-gradient(#fff7ed 0%,#fef08a 55%,#f59e0b 100%);border-radius:50% 50% 42% 42%;width:18px;height:28px;bottom:8px;box-shadow:0 0 12px #fef08ab3}.plusInner{color:#fff;z-index:2;background:#1118277a;border-radius:999px;margin-top:12px;transition:all .3s;position:relative;box-shadow:0 0 0 5px #ffffff14}.addFloatingBtn:hover .flamePlusWrapper{filter:drop-shadow(0 0 22px #f97316d9);transform:translateY(-2px)scale(1.08)}.addFloatingBtn:hover .flameMid{transform:translateY(-2px)scale(1.05)}.addFloatingBtn:hover .flameCore{transform:translateY(1px)scale(1.08)}.addFloatingBtn:hover .plusInner{transform:rotate(90deg)}.searchModalOverlay{z-index:110;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02061761;justify-content:center;align-items:flex-start;padding:clamp(72px,11vh,130px) 18px 18px;display:flex;position:fixed;inset:0}.sidebarSearchModal{color:#cffafe;background:radial-gradient(circle at 12%,#22d3ee2e,#0000 42%),#0f172af0;border:1px solid #67e8f966;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(760px,100%);min-height:72px;padding:12px 14px 12px 18px;display:grid;box-shadow:0 28px 80px #00000061,0 0 34px #22d3ee2e}.sidebarSearchModal input{height:48px;box-shadow:none;color:#fff;background:0 0;border:0;border-radius:0;padding:0;font-size:1.18rem;font-weight:700}.sidebarSearchModal input:focus{box-shadow:none;background:0 0;border-color:#0000}.sidebarSearchSubmit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0891b2e6,#4f46e5bd);border:1px solid #67e8f973;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 16px;font-weight:800;display:inline-flex}.sidebarSearchSubmit:hover{border-color:#a5f3fcc7;transform:translateY(-1px);box-shadow:0 0 18px #22d3ee47}.modalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0009;justify-content:center;align-items:center;padding:clamp(16px,2.5vw,40px);display:flex;position:fixed;inset:0}.modalContent{flex-direction:column;width:min(100%,860px);min-width:min(560px,100%);max-width:100%;height:min(720px,100dvh - clamp(32px,5vw,80px));min-height:min(360px,100dvh - clamp(32px,5vw,80px));max-height:calc(100dvh - clamp(32px,5vw,80px));display:flex;position:relative;overflow:auto}.modalResizeHandle{color:#c7d2feeb;cursor:nwse-resize;touch-action:none;z-index:3;background:#4f46e533;border:0;border-radius:7px;place-items:end;width:28px;height:28px;padding:5px;display:grid;position:absolute;bottom:5px;right:5px}.modalResizeHandle:hover{background:#6366f175;box-shadow:0 0 14px #6366f180}.modalResizeHandle span{transform-origin:100%;background:currentColor;border-radius:999px;height:2px;position:absolute;bottom:5px;right:5px;transform:rotate(-45deg)}.modalResizeHandle span:first-child{width:8px}.modalResizeHandle span:nth-child(2){width:14px}.modalResizeHandle span:nth-child(3){width:20px}.composerCard{box-shadow:0 24px 60px #00000061, 0 0 30px var(--accent-glow);background:linear-gradient(145deg,#232b3cfa,#181e2b);border:2px solid #818cf8d9;border-radius:16px;flex-direction:column;flex:1;gap:16px;min-height:0;padding:clamp(20px,3vw,36px);display:flex;position:relative;overflow:hidden}.composerCard:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-top-left-radius:16px;border-top-right-radius:16px;height:3px;position:absolute;top:0;left:0;right:0}.composerHeader{justify-content:space-between;align-items:center;display:flex}.composerHeaderLeft{text-transform:uppercase;color:var(--accent-strong);align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.closeModalBtn{color:#f8fafc;cursor:pointer;background:#0f172aa3;border:1px solid #e2e8f03d;border-radius:10px;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.closeModalBtn:hover{color:#fff;background:#ef44443d;border-color:#f87171b8;transform:scale(1.04);box-shadow:0 0 16px #ef44444d}.composerInput{height:48px;color:var(--accent-strong);background:#0d111e80;border:1px solid #ffffff26;border-radius:10px;outline:none;padding:0 16px;font-size:1.1rem;font-weight:600;transition:all .2s}.composerInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#0d111ecc}.wordImageRow{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.wordImageRow .composerInput,.wordImageRow .editInput{width:100%;min-width:0}.cardImagePicker{align-items:flex-start;gap:8px;display:flex}.cardImagePreviewList{flex-wrap:wrap;gap:8px;width:min(560px,54vw);max-height:124px;display:flex;overflow:auto}.imageIconButton{color:#dbeafe;cursor:pointer;background:#0f172ab3;border:1px solid #e2e8f02e;border-radius:10px;flex:0 0 48px;place-items:center;width:48px;height:48px;transition:transform .18s,border-color .18s,background .18s;display:grid}.imageIconButton:hover{background:#14b8a61f;border-color:#5eead46b;transform:translateY(-1px)}.imageIconButton.disabled{opacity:.58;cursor:wait}.imageIconButton:disabled{cursor:wait}.cardImagePreview{background:#0f172abd;border:1px solid #e2e8f024;border-radius:10px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;width:min(168px,36vw);min-height:48px;padding:5px;display:grid}.cardImagePreview.failed{border-color:#f871716b}.cardImagePreview img{object-fit:cover;background:#0f172acc;border-radius:7px;width:48px;height:38px}.cardImagePreviewButton{cursor:zoom-in;background:0 0;border:0;border-radius:7px;width:48px;height:38px;padding:0;display:block}.cardImagePreviewButton:hover img{filter:brightness(1.14);outline:2px solid #a78bfac2}.imageLightbox{z-index:240;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-out;background:#020617d6;place-items:center;padding:clamp(72px,7vw,96px) clamp(20px,4vw,64px) clamp(54px,6vw,78px);display:grid;position:fixed;inset:0}.imageLightboxViewport{overscroll-behavior:contain;cursor:default;place-items:start center;width:100%;height:100%;display:grid;overflow:auto}.imageLightboxViewport img{cursor:default;background:#0f172adb;border:2px solid #c7d2fed1;border-radius:14px;max-width:none;height:auto;max-height:none;box-shadow:0 0 0 1px #6366f14d,0 24px 70px #0000008f}.imageLightboxZoomControls{background:#0f172ac7;border:1px solid #c7d2fe4d;border-radius:999px;align-items:center;gap:6px;padding:6px;display:inline-flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #00000042}.imageLightboxZoomControls button{color:#e0e7ff;min-width:38px;height:34px;font:inherit;cursor:pointer;background:#1e293bd1;border:1px solid #c7d2fe47;border-radius:999px;place-items:center;padding:0 10px;font-size:.78rem;font-weight:900;display:grid}.imageLightboxZoomControls button:hover:not(:disabled){color:#fff;background:#4338cab8;border-color:#a78bfad1}.imageLightboxZoomControls button:disabled{cursor:not-allowed;opacity:.46}.imageLightboxClose{color:#fff;cursor:pointer;background:#7f1d1da8;border:1px solid #f8717194;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;position:fixed;top:24px;right:24px}.imageLightboxClose:hover{background:#b91c1cdb}.imageLightboxNav{color:#fff;cursor:pointer;background:#0f172ac2;border:1px solid #c7d2fe6b;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.imageLightboxNav:hover{background:#4338cab8;border-color:#a78bfadb}.imageLightboxPrev{left:24px}.imageLightboxNext{right:24px}.imageLightboxCount{color:#e0e7ff;background:#0f172ac7;border:1px solid #c7d2fe4d;border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:800;position:fixed;top:78px;left:50%;transform:translate(-50%)}.imageLightboxHint{color:#e0e7ff;background:#0f172ac7;border:1px solid #c7d2fe4d;border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:700;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.cardImagePreviewMeta{color:#cbd5e1;gap:4px;min-width:0;font-size:.72rem;font-weight:800;display:grid}.cardImagePreviewMeta span,.cardImagePreviewMeta p,.cardImagePreviewMeta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cardImagePreviewMeta small{color:#a5b4fc;font-size:.62rem}.cardImagePreviewMeta p{color:#fca5a5;margin:0;font-weight:700}.imageProgressTrack{background:#94a3b838;border-radius:999px;height:4px;overflow:hidden}.imageProgressTrack span{border-radius:inherit;background:#5eead4;height:100%;transition:width .2s;display:block}.imageMiniBtn{color:#e2e8f0;cursor:pointer;background:#94a3b829;border:0;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.imageMiniBtn:hover{color:#fff;background:#f8717138}.composerTextarea,.composerCard textarea,.richDescriptionEditor{background:#0d111e80;border:1px solid #ffffff26;min-height:140px;font-size:.95rem}.composerCard .composerTextarea,.composerCard .richDescriptionEditor{resize:vertical;flex:1;min-height:120px;max-height:none}.richDescriptionEditor{width:100%;max-height:min(52vh,520px);color:var(--ink);border-radius:10px;outline:none;padding:16px;line-height:1.65;transition:all .2s;overflow:auto}.composerCounterRow{color:#cbd5e1b3;letter-spacing:.02em;justify-content:flex-end;gap:16px;padding:0 2px;font-size:.76rem;font-weight:600;display:flex}.composerCounterRow span{align-items:center;gap:5px;display:inline-flex}.keywordDensityWrapper{align-items:center;display:flex;position:relative}.densityToggleBtn{color:#cbd5e1;cursor:pointer;background:#1e293bb3;border:1px solid #e2e8f026;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.76rem;font-weight:600;transition:all .2s;display:flex}.densityToggleBtn:hover{color:#fff;background:#2d3748e6;border-color:#94a3b84d}.keywordDensityPanel{z-index:50;background:#0f172af2;border:1px solid #6366f166;border-radius:8px;flex-direction:column;width:260px;max-height:220px;display:flex;position:absolute;bottom:120%;left:0;overflow:hidden;box-shadow:0 10px 25px #00000080}.densityHeader{background:#1e293b80;border-bottom:1px solid #e2e8f01a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.densityHeader strong{color:#f8fafc;text-transform:uppercase;font-size:.8rem}.densityHeader button{color:#94a3b8;cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.densityHeader button:hover{color:#fff}.densityList{padding:6px 0;overflow-y:auto}.densityEmpty{text-align:center;color:#94a3b8;padding:12px;font-size:.8rem}.densityItem{justify-content:space-between;align-items:center;padding:6px 12px;font-size:.82rem;display:flex}.densityItem:hover{background:#ffffff0d}.densityWord{color:#e2e8f0;font-weight:500}.densityBadge{color:#cbd5e1;background:#47556999;border-radius:12px;padding:2px 6px;font-size:.75rem;font-weight:700}.richDescriptionEditor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#0d111ecc}.richDescriptionEditor.isEmpty:before{content:attr(data-placeholder);color:#cbd5e1;pointer-events:none}.richDescriptionEditor p,.richDescriptionContent p{margin:0 0 .7em}.richDescriptionEditor p:last-child,.richDescriptionContent p:last-child{margin-bottom:0}.richDescriptionEditor h1,.richDescriptionEditor h2,.richDescriptionEditor h3,.richDescriptionEditor h4,.richDescriptionEditor h5,.richDescriptionEditor h6,.richDescriptionContent h1,.richDescriptionContent h2,.richDescriptionContent h3,.richDescriptionContent h4,.richDescriptionContent h5,.richDescriptionContent h6{margin:.85em 0 .45em;font-weight:800;line-height:1.25}.richDescriptionEditor h1,.richDescriptionContent h1{font-size:1.55em}.richDescriptionEditor h2,.richDescriptionContent h2{font-size:1.35em}.richDescriptionEditor h3,.richDescriptionContent h3,.richDescriptionEditor h4,.richDescriptionContent h4,.richDescriptionEditor h5,.richDescriptionContent h5,.richDescriptionEditor h6,.richDescriptionContent h6{font-size:1.12em}.richDescriptionEditor ul,.richDescriptionEditor ol,.richDescriptionContent ul,.richDescriptionContent ol{margin:.45em 0 .85em 1.35em;padding-left:1.2em}.richDescriptionEditor li,.richDescriptionContent li{margin:.28em 0}.richDescriptionEditor blockquote,.richDescriptionContent blockquote{border-left:3px solid #818cf899;margin:.75em 0;padding-left:14px}.richDescriptionEditor code,.richDescriptionEditor pre,.richDescriptionContent code,.richDescriptionContent pre{font-family:JetBrains Mono,monospace}.addCardBtn{padding:0 24px}.addCardBtn:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}@keyframes rocketLaunch{0%,to{transform:translateY(0)rotate(-5deg)}25%{transform:translateY(-2px)rotate(0)}50%{transform:translateY(-3px)rotate(5deg)}75%{transform:translateY(-1px)rotate(0)}}.rocketLaunch{animation:.6s ease-in-out infinite rocketLaunch}.composerSubmitRow{align-self:flex-end;align-items:center;gap:10px;display:flex}.composerAiBtn{color:#ddd6fe;background:#4f46e526;border-color:#a78bfa6b}.composerAiBtn:hover:not(:disabled){color:#fff;background:#6366f152;border-color:#a78bfab8}.composerAiBtn:disabled{opacity:.48;cursor:not-allowed}.toastContainer{z-index:100000;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:min(92vw,520px);display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.toastNotification{cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(1.4);will-change:transform, opacity;word-break:break-word;border-radius:14px;align-items:center;gap:12px;padding:14px 22px;font-size:.93rem;font-weight:600;line-height:1.4;display:flex;box-shadow:0 8px 32px #00000059,0 2px 8px #0000002e}.toastEnter{animation:.35s cubic-bezier(.22,1,.36,1) forwards toastSlideIn}.toastExit{animation:.35s cubic-bezier(.55,0,1,.45) forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-18px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-14px)scale(.92)}}.toastSuccess{color:#fff!important;background:#059669!important;border:1.5px solid #10b981!important;box-shadow:0 12px 36px #05966966,0 4px 14px #00000040!important}.toastSuccess .toastIconWrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;display:flex;color:#fff!important;background:#ffffff40!important}.toastError{color:#fff!important;background:#dc2626!important;border:1.5px solid #ef4444!important;box-shadow:0 12px 36px #dc262673,0 4px 14px #00000040!important}.toastError .toastIconWrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;display:flex;color:#fff!important;background:#ffffff40!important}.toastMsg{flex:1;min-width:0;font-weight:600;color:#fff!important}@media (width<=640px){.toastContainer{max-width:94vw;top:12px}.toastNotification{border-radius:12px;padding:12px 16px;font-size:.88rem}}.analyticsView,.accountsView,.pomodoroView,.sketchView,.listeningView,.speakingView,.dubbingLab{gap:14px;display:grid}.analyticsHero,.accountsHero,.pomodoroHero,.sketchHero,.listeningHero,.speakingHero{background:linear-gradient(135deg,#202737f5,#171c27f0);border:1px solid #e2e8f033;border-radius:16px;justify-content:space-between;align-items:stretch;gap:18px;padding:22px;display:flex;box-shadow:0 18px 42px #00000038}.analyticsHero h2,.accountsHero h2,.pomodoroHero h2,.sketchHero h2,.listeningHero h2,.speakingHero h2{letter-spacing:-.02em;margin-top:6px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;color:#fff!important}.analyticsHero span,.accountsHero span,.pomodoroHero span,.sketchHero span,.listeningHero span,.speakingHero span,.analyticsEmpty p,.analyticsMessage p{color:#f1f5f9!important}.pomodoroHero.alarm{border-color:#f8717185;box-shadow:0 0 0 3px #f871711a,0 18px 42px #00000038}.pomodoroHero h2{font-variant-numeric:tabular-nums;align-items:center;gap:12px;display:flex}.pomodoroHero .pomodoroQuote{color:#fff;text-wrap:balance;text-shadow:0 0 24px #818cf857,0 8px 28px #00000059;max-width:900px;font-size:clamp(2rem,4.6vw,4.25rem);line-height:.98}.pomodoroHero .pomodoroQuote:first-letter{color:#f87171}.pomodoroHero h2 span{font-size:.56em}.pomodoroRoundBadge{color:#fecaca;background:#f871711c;border:1px solid #f871714d;border-radius:14px;place-items:center;min-width:150px;padding:16px;display:grid}.pomodoroRoundBadge strong{color:#fff;margin-top:8px;font-size:2.1rem;line-height:1}.pomodoroRoundBadge span{text-transform:uppercase;letter-spacing:.08em;color:#fecaca;font-size:.78rem}.pomodoroGrid{grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr);gap:18px;display:grid}.pomodoroFocusPanel,.pomodoroSettingsPanel{background:#202737c7;border:1px solid #e2e8f033;border-radius:16px;align-content:start;gap:18px;padding:18px;display:grid;box-shadow:0 18px 42px #0000002e}.pomodoroBigTime{background:radial-gradient(circle at 50% 0,#f871712e,#0000 48%),#0f172aa3;border:1px solid #f8717133;border-radius:16px;place-items:center;gap:8px;min-height:210px;padding:24px;display:grid}.pomodoroBigTime strong{color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(3.4rem,11vw,7rem);line-height:1}.pomodoroBigTime span{color:#f8fafc;font-size:1rem;font-weight:800}.pomodoroControls{flex-wrap:wrap;gap:10px;display:flex}.durationFields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.durationFields label{background:#0f172a8f;border:1px solid #e2e8f029;border-radius:14px;gap:8px;padding:14px;display:grid}.durationFields span{color:#f8fafc;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:900}.durationFields input{color:#fff;background:#0f172ad6;border:1px solid #e2e8f033;border-radius:10px;outline:none;width:100%;height:48px;padding:0 12px;font-size:1.2rem;font-weight:900}.durationFields input:focus{border-color:#f871718c;box-shadow:0 0 0 3px #f8717129}.durationFields small,.settingsHint{color:#cbd5e1;font-size:.82rem;line-height:1.45}.settingsHint{background:#14b8a614;border:1px solid #5eead42e;border-radius:12px;padding:12px 14px}.sketchPanel{gap:6px;min-height:calc(100vh - 110px);display:grid}.sketchToolbar{z-index:18;background:#202737d1;border:1px solid #e2e8f02e;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex;position:sticky;top:0;box-shadow:0 18px 42px #0000002e}.sketchToolbarPrimary,.sketchToolGroup,.sketchBrushGroup,.sketchActionGroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sketchToolbarPrimary{flex:0 auto}.sketchActionGroup{flex-wrap:nowrap}.sketchToolBtn,.sketchActionBtn{color:#f8fafc;width:38px;min-width:38px;min-height:38px;font:inherit;cursor:pointer;background:#0f172ab8;border:1px solid #e2e8f02e;border-radius:9px;justify-content:center;align-items:center;padding:0;font-weight:900;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.sketchToolBtn:hover,.sketchActionBtn:hover:not(:disabled){background:#1e293be6;border-color:#818cf873;transform:translateY(-1px)}.sketchToolBtn.active{color:#99f6e4;background:#14b8a629;border-color:#5eead494;box-shadow:0 0 0 3px #14b8a61a}.sketchZoomControls{grid-template-columns:34px minmax(44px,auto) 34px;justify-self:center;align-items:center;gap:4px;display:inline-grid}.sketchZoomControls button{color:#ccfbf1;cursor:pointer;background:#0f172ab8;border:1px solid #5eead457;border-radius:9px;place-items:center;width:34px;height:38px;font-size:1.25rem;font-weight:900;line-height:1;display:grid}.sketchZoomControls button:hover:not(:disabled){background:#14b8a633;border-color:#5eead49e}.sketchZoomControls button:disabled{cursor:not-allowed;opacity:.45}.sketchZoomControls small{color:#ccfbf1;text-align:center;font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:900}.sketchBrushGroup{background:#0f172ab8;border:1px solid #e2e8f02e;border-radius:9px;flex-wrap:nowrap;flex:220px;min-height:38px;padding:0 8px}.sketchBrushPreview{flex:none;place-items:center;width:32px;height:28px;display:grid}.sketchBrushPreview span{border-radius:999px;display:block}.sketchBrushValue{color:#99f6e4;text-align:right;font-variant-numeric:tabular-nums;min-width:38px;font-size:.82rem;font-weight:900}.sketchBrushSlider{accent-color:#2dd4bf;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:180px;width:auto;min-width:96px;height:24px;padding:0}.sketchBrushSlider:focus{box-shadow:none}.sketchBrushSlider:focus-visible{outline-offset:4px;outline:2px solid #5eead4b8}.sketchColorPicker{z-index:21;flex:none;align-items:center;display:flex;position:relative}.sketchColorTrigger{cursor:pointer;background:#0f172ab8;border:1px solid #f8fafc5c;border-radius:9px;width:50px;height:38px;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.sketchColorTrigger:hover{border-color:#f8fafcb8;transform:translateY(-1px);box-shadow:0 8px 18px #0000003d}.sketchColorTrigger:focus-visible{outline-offset:3px;outline:2px solid #5eead4d1}.sketchColorTriggerBands{grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:absolute;inset:0}.sketchColorTriggerBands span{display:block}.sketchColorTriggerCurrent{pointer-events:none;border:2px solid #0f172ad1;border-radius:999px;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #f8fafcc7,0 4px 10px #00000047}.sketchColorPopover{z-index:35;background:#0f172af0;border:1px solid #e2e8f03d;border-radius:16px;width:min(340px,100vw - 32px);padding:14px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 24px 70px #00000075,0 0 0 1px #ffffff0a}.sketchColorPopover:before{content:"";background:#0f172af0;border-top:1px solid #e2e8f03d;border-left:1px solid #e2e8f03d;width:12px;height:12px;position:absolute;top:-7px;right:17px;transform:rotate(45deg)}.sketchColorWheel{aspect-ratio:1;background:radial-gradient(circle,#0f172af5 0 14%,#0000 14.5%),conic-gradient(#ef4444 0deg 30deg,#c026d3 30deg 60deg,#8b5cf6 60deg 90deg,#6366f1 90deg 120deg,#3b82f6 120deg 150deg,#22d3ee 150deg 180deg,#22c55e 180deg 210deg,#a3e635 210deg 240deg,#fde047 240deg 270deg,#facc15 270deg 300deg,#fb923c 300deg 330deg,#f97316 330deg 360deg);border:2px solid #0f172afa;border-radius:50%;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f8fafc66,0 16px 34px #00000052}.sketchWheelColor{background:var(--wheel-color);clip-path:polygon(50% 100%,0 0,100% 0);color:#fff;width:90px;height:148px;font:inherit;text-align:center;text-shadow:0 1px 4px #0000007a;transform:translate(-50%, -100%) rotate(var(--wheel-angle));transform-origin:50% 100%;cursor:pointer;border:1px solid #0000;place-items:center;padding:0;font-size:.62rem;font-weight:900;line-height:1.05;transition:filter .18s,opacity .18s;display:grid;position:absolute;top:50%;left:50%}.sketchWheelColor span{z-index:1;white-space:nowrap;pointer-events:none;width:116px;display:block;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.sketchWheelColor:hover{filter:brightness(1.14)saturate(1.08)}.sketchWheelColor.active{filter:brightness(1.18)saturate(1.14)}.sketchWheelColor:focus-visible{outline-offset:2px;outline:2px solid #f8fafcdb}.sketchColorWheelCenter{color:#0f172a;font:inherit;cursor:pointer;background:#f8fafc;border:2px solid #0f172ab8;border-radius:50%;place-items:center;padding:0;font-size:.7rem;font-weight:900;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:absolute;inset:36%;box-shadow:0 8px 22px #00000047,inset 0 0 0 1px #ffffffdb}.sketchColorWheelCenter span{pointer-events:none}.sketchColorWheelCenter:hover{border-color:#2dd4bfb3;transform:scale(1.03)}.sketchColorWheelCenter.active{border-color:#2dd4bfe6;box-shadow:0 0 0 3px #2dd4bf33,0 10px 24px #00000052}.sketchColorWheelCenter:focus-visible{outline-offset:3px;outline:2px solid #5eead4db}.sketchActionBtn:disabled{cursor:not-allowed;opacity:.45;transform:none}.sketchActionBtn.danger{color:#fecaca;border-color:#f8717147}.sketchActionBtn.danger:hover:not(:disabled){background:#ef44442e;border-color:#f871718a}.sketchCanvasArea{grid-template-columns:54px minmax(0,1fr);align-items:stretch;gap:4px;display:grid;position:relative}.sketchCurrentPageBadge{z-index:8;color:#fff;pointer-events:none;background:#0f172ae0;border:1px solid #ccfbf1b3;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.9rem;font-weight:900;line-height:1;display:grid;position:absolute;top:10px;left:66px;box-shadow:0 8px 18px #00000047,0 0 12px #2dd4bf38}.sketchCanvasScroller{overscroll-behavior:contain;scrollbar-width:none;background:radial-gradient(circle at 50% 0,#6366f129,#0000 38%),#0a0f1b;border:1px solid #94a3b847;border-radius:18px;min-width:0;height:calc(100dvh - 180px);min-height:680px;position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #ffffff09,0 24px 70px #0000003d}.sketchCanvasScroller::-webkit-scrollbar{width:0;height:0;display:none}.sketchSideScrollControl{z-index:1;background:#0f172a6b;border:1px solid #94a3b833;border-radius:12px;place-items:center;width:54px;min-width:0;padding:10px 0;display:grid;position:relative}.sketchScrollRail{pointer-events:none;grid-template-rows:repeat(8,minmax(0,1fr));width:22px;display:grid;position:absolute;top:18px;bottom:18px;right:9px}.sketchScrollRail:before{content:"";background:#e2e8f0ad;border-radius:999px;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #94a3b838}.sketchScrollPageMarker{--page-color:#2dd4bf;position:relative}.sketchScrollPageMarker:before{content:"";background:var(--page-color);width:13px;height:2px;box-shadow:0 0 8px color-mix(in srgb, var(--page-color) 52%, transparent);border-radius:999px;position:absolute;top:0;left:50%;transform:translate(-50%)}.sketchScrollPageMarker.active:before{width:24px;height:4px;box-shadow:0 0 14px var(--page-color)}.sketchScrollPageMarker:first-child{--page-color:#22d3ee}.sketchScrollPageMarker:nth-child(2){--page-color:#38bdf8}.sketchScrollPageMarker:nth-child(3){--page-color:#818cf8}.sketchScrollPageMarker:nth-child(4){--page-color:#a78bfa}.sketchScrollPageMarker:nth-child(5){--page-color:#f472b6}.sketchScrollPageMarker:nth-child(6){--page-color:#fb7185}.sketchScrollPageMarker:nth-child(7){--page-color:#facc15}.sketchScrollPageMarker:nth-child(8){--page-color:#34d399}.sketchScrollPageButtons{z-index:3;pointer-events:none;grid-template-rows:repeat(8,minmax(0,1fr));width:24px;display:grid;position:absolute;top:18px;bottom:18px;left:5px}.sketchScrollPageButton{color:#cbd5e1;width:22px;height:22px;font:inherit;cursor:pointer;pointer-events:auto;background:#0f172abd;border:1px solid #94a3b857;border-radius:999px;align-self:start;place-items:center;padding:0;font-size:.72rem;font-weight:900;line-height:1;transition:background .16s,border-color .16s,color .16s,transform .16s;display:grid}.sketchScrollPageButton:hover,.sketchScrollPageButton.active{color:#06111d;background:#2dd4bf;border-color:#ccfbf1d1;transform:scale(1.08)}.sketchScrollPageButton:focus-visible{outline-offset:2px;outline:2px solid #5eead4cc}.sketchScrollSlider{z-index:1;color:#2dd4bf;accent-color:#2dd4bf;writing-mode:vertical-lr;cursor:pointer;--scroll-fill:0%;background:0 0;border:0;justify-self:end;width:28px;height:calc(100% - 18px);min-height:220px;padding:0;position:relative}.sketchScrollSlider:focus{box-shadow:none}.sketchScrollSlider:focus-visible{outline-offset:2px;outline:2px solid #5eead4bd}.sketchScrollSlider::-webkit-slider-runnable-track{background:0 0;border-radius:999px;width:8px}.sketchScrollSlider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#f8fafcf0,#2dd4bfeb);border:1px solid #ccfbf1d1;border-radius:999px;width:30px;height:42px;box-shadow:0 8px 18px #0000004d,0 0 14px #2dd4bf61}.sketchScrollSlider::-moz-range-track{background:0 0;border-radius:999px;width:8px}.sketchScrollSlider::-moz-range-progress{background:0 0;border-radius:999px;width:8px}.sketchScrollSlider::-moz-range-thumb{background:#2dd4bff5;border:1px solid #ccfbf1d1;border-radius:999px;width:30px;height:42px;box-shadow:0 8px 18px #0000004d,0 0 14px #2dd4bf61}.sketchZoomLayer{box-sizing:content-box;place-content:start center;min-width:100%;min-height:100%;padding:2px;display:grid;position:relative}.sketchCanvasFrame{cursor:crosshair;touch-action:none;background:linear-gradient(90deg,#2dd4bf0d,#0000 18% 82%,#2dd4bf0d),linear-gradient(#0f172acc,#020617eb);border:1px solid #e2e8f038;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff09,0 24px 60px #00000047}.sketchCanvasFrame.eraser{cursor:cell}.sketchPageStack{z-index:0;background:linear-gradient(90deg,#0000,#2dd4bf2e,#0000) top/100% 18px repeat-y;flex-direction:column;align-items:stretch;display:flex;position:absolute;inset:0}.sketchPage{background:radial-gradient(circle,#94a3b83d 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#f8fafc0e,#0000 18% 82%,#f8fafc0e),#080d18;border:1px solid #e2e8f029;border-radius:8px;flex:none;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff06,0 10px 28px #0000002e}.sketchPage:not(:last-child):before{content:"";pointer-events:none;background:#2dd4bf66;height:2px;position:absolute;bottom:-2px;left:0;right:0}.sketchPage:after{content:attr(data-label);z-index:2;color:#99f6e4;text-transform:uppercase;letter-spacing:.04em;pointer-events:none;background:#0f172ac7;border:1px solid #2dd4bf33;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:900;position:absolute;top:12px;right:14px}.sketchCanvas{z-index:0;touch-action:none;width:100%;height:100%;cursor:inherit;display:block;position:absolute;inset:0}.sketchPageCanvas{background:0 0}.sketchActiveInkCanvas,.sketchPreviewCanvas{z-index:1;pointer-events:none;display:block;position:absolute}.sketchEraserCursor{z-index:4;opacity:0;pointer-events:none;will-change:transform, width, height;background:#2dd4bf14;border:2px solid #f8fafce6;border-radius:999px;transition:opacity 80ms;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #0f172ac7,0 0 16px #2dd4bf47}.sketchEraserCursor[data-visible=true]{opacity:1}.sketchEmptyHint{color:#e2e8f0b8;text-align:center;pointer-events:none;z-index:3;align-content:center;place-items:center;gap:10px;min-height:180px;padding:24px;font-weight:900;display:grid;position:absolute;top:90px;left:24px;right:24px}.sketchEmptyHint svg{color:#99f6e4;filter:drop-shadow(0 0 14px #2dd4bf47)}.accountsGrid{grid-template-columns:minmax(280px,.78fr) minmax(320px,1.22fr);gap:18px;display:grid}.accountPanel{background:#202737c7;border:1px solid #e2e8f033;border-radius:16px;align-content:start;gap:14px;padding:18px;display:grid;box-shadow:0 18px 42px #0000002e}.panelTitle{color:#f8fafc;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;font-size:.86rem;font-weight:900;display:flex}.accountPanel input,.accountPanel select{color:#f8fafc;background:#0f172abd;border:1px solid #e2e8f02e;border-radius:10px;outline:none;height:44px;padding:0 14px}.accountPanel input:focus,.accountPanel select:focus{border-color:#a78bfa94;box-shadow:0 0 0 3px #6366f12e}.accountToggleRow{background:#0f172a8c;border:1px solid #e2e8f029;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:0 14px;font-weight:800;display:flex}.accountToggleRow input{width:16px;height:16px;accent-color:var(--accent-strong)}.accountRows{gap:10px;display:grid}.accountRow{background:#0f172a8f;border:1px solid #e2e8f029;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.accountRow strong,.accountRow span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.accountRow strong{color:#f8fafc}.accountRow span{color:#cbd5e1;text-transform:uppercase;font-size:.76rem;font-weight:800}.analyticsTotal{background:#6366f11f;border:1px solid #a78bfa47;border-radius:14px;place-items:center;min-width:150px;padding:16px;display:grid}.analyticsTotal strong{font-size:2.6rem;line-height:1}.analyticsTotal span{text-transform:uppercase;letter-spacing:.08em;color:#c4b5fd;font-size:.78rem}.analyticsControls{background:#202737c2;border:1px solid #e2e8f02e;border-radius:14px;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end;gap:12px;padding:16px;display:grid}.analyticsControls label{gap:7px;display:grid}.analyticsControls label span{color:#f8fafc;text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:800}.analyticsControls input,.analyticsControls select{color:#f8fafc;background:#0f172abd;border:1px solid #e2e8f02e;border-radius:10px;outline:none;width:100%;height:42px;padding:0 12px}.analyticsControls input:focus,.analyticsControls select:focus{border-color:#a78bfa94;box-shadow:0 0 0 3px #6366f12e}.analyticsRunBtn{white-space:nowrap;height:42px}.analyticsMessage{background:#0f172aa3;border:1px solid #e2e8f033;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex}.analyticsMessage>span{background:#ffffff14;border-radius:14px;place-items:center;width:46px;height:46px;font-size:1.5rem;display:grid}.analyticsMessage strong{color:#f8fafc}.analyticsMessage.growth{border-color:#2dd4bf57}.analyticsMessage.encourage{border-color:#f59e0b5c}.analyticsChart{background:linear-gradient(#e2e8f00f 1px,#0000 1px) 0 0/100% 25%,#0f172a8f;border:1px solid #e2e8f02e;border-radius:16px;align-items:end;gap:12px;min-height:320px;padding:18px;display:flex;overflow-x:auto}.analyticsBarColumn{grid-template-rows:24px 1fr 22px;place-items:end center;gap:8px;min-width:72px;height:260px;display:grid}.barValue{color:#f8fafc;font-weight:900}.barTrack{background:#02061757;border:1px solid #e2e8f01f;border-radius:12px;align-items:end;width:100%;height:100%;display:flex;overflow:hidden}.barFill{background:linear-gradient(#c4b5fd,#6366f1 55%,#14b8a6);border-radius:12px 12px 0 0;width:100%;box-shadow:0 -10px 28px #6366f147}.analyticsBarColumn span{color:#dbeafe;font-size:.78rem;font-weight:700}.analyticsTableWrap{background:#0f172a8f;border:1px solid #e2e8f02e;border-radius:14px;overflow-x:auto}.analyticsTable{border-collapse:collapse;width:100%;min-width:560px}.analyticsTable th,.analyticsTable td{text-align:left;border-bottom:1px solid #e2e8f01f;padding:13px 16px}.analyticsTable th{color:#c4b5fd;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.analyticsTable td{color:#f8fafc}.analyticsEmpty{text-align:center;background:#0f172a6b;border:1px dashed #e2e8f038;border-radius:16px;place-items:center;gap:10px;min-height:240px;display:grid}.speakingHero{background:linear-gradient(135deg,#251f31fa,#13242af5);align-items:center}.speakingHero h2{color:#fff;letter-spacing:0}.speakingHeroStats{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.speakingStatBadge{color:#fbcfe8;background:#ec48991a;border:1px solid #f472b64d;border-radius:14px;place-items:center;gap:4px;min-width:136px;min-height:88px;padding:12px;display:grid}.speakingStatBadge:nth-child(2){color:#99f6e4;background:#14b8a61a;border-color:#2dd4bf4d}.speakingStatBadge strong{color:#fff;font-variant-numeric:tabular-nums;font-size:1.8rem;line-height:1}.speakingStatBadge span{color:#f8fafc;font-size:.78rem;font-weight:900}.speakingGrid{grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);align-items:start;gap:16px;display:grid}.speakingPracticeColumn{gap:16px;min-width:0;display:grid}.speakingQuestionPanel,.speakingRecorderPanel,.speakingEvaluationPanel{background:#202737c7;border:1px solid #e2e8f033;border-radius:16px;align-content:start;gap:14px;min-width:0;padding:18px;display:grid;box-shadow:0 18px 42px #0000002e}.speakingQuestionInput{color:#f8fafc;resize:vertical;background:#0f172abd;border:1px solid #e2e8f02e;border-radius:12px;outline:none;min-height:176px}.speakingPromptFooter{color:#dbeafe;justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;font-weight:800;display:flex}.speakingRecorderPanel{text-align:center;justify-items:center}.speakingRecordButton{color:#f8fafc;cursor:pointer;background:radial-gradient(circle,#0f172af0 0 54%,#0000 55%),conic-gradient(from 20deg,#2dd4bf,#f472b6,#f59e0b,#2dd4bf);border:8px solid #99f6e457;border-radius:50%;place-items:center;gap:8px;width:164px;height:164px;padding:14px;display:grid;box-shadow:9px 11px #000000e0,0 18px 34px #00000047}.speakingRecordButton:hover{transform:translateY(-2px)}.speakingRecordButton.recording{color:#fecdd3;border-color:#fb71858a;box-shadow:9px 11px #000000e0,0 0 0 6px #f43f5e1f,0 18px 34px #00000047}.speakingRecordRing{color:#0f172a;background:#fffffff5;border-radius:50%;place-items:center;width:82px;height:82px;display:grid}.speakingRecordButton strong{color:#fb923c;letter-spacing:.08em;font-size:.78rem;font-weight:900}.speakingRecordButton.recording strong{color:#fb7185}.speakingRecorderMeta{color:#cbd5e1;gap:4px;display:grid}.speakingRecorderMeta strong{color:#fff;font-size:1.05rem}.speakingRecorderMeta span{color:#dbeafe;font-size:.9rem;font-weight:700}.speakingRecorderError{color:#fecaca;text-align:left;background:#7f1d1d33;border:1px solid #f8717152;border-radius:12px;width:100%;padding:12px 14px;font-size:.86rem;font-weight:800;line-height:1.45}.speakingAudioPlayer{border-radius:999px;width:100%;min-height:42px}.speakingRecorderActions{justify-content:flex-end;width:100%;display:flex}.speakingEvaluationPanel{align-content:start;min-height:clamp(520px,100dvh - 260px,780px)}.speakingEvaluationHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.speakingEvaluationHeader h3{color:#fff;letter-spacing:0;margin-top:4px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.05}.speakingScoreChips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.speakingScoreChips span{color:#c7d2fe;background:#6366f11f;border:1px solid #818cf838;border-radius:999px;align-items:center;min-height:36px;padding:0 13px;font-size:.84rem;font-weight:900;display:inline-flex}.speakingTranscriptBox{color:#cbd5e1;background:#0f172a7a;border:1px solid #e2e8f02e;border-radius:12px;align-items:center;min-height:78px;padding:14px;font-size:.96rem;font-style:italic;line-height:1.5;display:flex}.speakingRubricTabs{background:#0f172a6b;border:1px solid #e2e8f02e;border-radius:12px 12px 0 0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.speakingRubricTabs button{color:#e2e8f0;cursor:pointer;background:0 0;border:0;border-right:1px solid #e2e8f024;place-items:center;gap:3px;min-width:0;min-height:58px;padding:8px 10px;display:grid}.speakingRubricTabs button:last-child{border-right:0}.speakingRubricTabs button.active{color:#0f172a;background:#2dd4bf9e}.speakingRubricTabs span{overflow-wrap:anywhere;max-width:100%;font-size:.78rem;font-weight:900;line-height:1.1}.speakingRubricTabs strong{font-size:1rem;line-height:1}.speakingRubricResult{color:#dbeafe;background:#0f172a4d;border:1px solid #e2e8f02e;border-top:0;border-radius:0 0 12px 12px;align-items:center;min-height:48px;padding:0 14px;font-size:1.05rem;font-weight:900;display:flex}.speakingScoreFooter{background:#14b8a614;border:1px solid #2dd4bf38;border-radius:16px;place-items:center;margin-top:2px;padding:16px;display:grid}.speakingScoreButton{width:min(420px,100%);box-shadow:none;background:#94a3b833;border:1px solid #e2e8f057}.speakingScoreButton:not(:disabled){background:linear-gradient(135deg, var(--accent), #4f46e5);box-shadow:0 4px 12px var(--accent-glow);cursor:pointer;border-color:#6366f180}.speakingScoreButton:not(:disabled):hover{background:linear-gradient(135deg, #787af6, var(--accent));box-shadow:0 6px 16px var(--accent-glow);transform:translateY(-2px)}.speakingScoreButton.scored:not(:disabled){background:linear-gradient(135deg,#059669b8,#10b98161);border-color:#10b9816b;box-shadow:0 4px 12px #10b9812e}.speakingScoreButton.scored:not(:disabled):hover{background:linear-gradient(135deg,#10b981e0,#34d3997a);box-shadow:0 6px 16px #10b98147}.speakingSesameBtn{color:#fbcfe8;background:#db27771f;border-color:#f472b657;height:44px;text-decoration:none}.speakingSesameBtn:hover{color:#fce7f3;background:#db277738;border-color:#f472b69e;box-shadow:0 0 16px #db277733}.speakingApiKeyRow{color:#94a3b8;background:#0d111e99;border:1px solid #e2e8f02e;border-radius:10px;align-items:center;gap:10px;width:100%;padding:0 14px;display:flex}.speakingApiKeyRow:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#0d111ecc}.speakingApiKeyInput{height:42px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0;font-family:JetBrains Mono,monospace;font-size:.88rem}.speakingApiKeyInput::placeholder{color:#64748b}.speakingBaseUrlRow{opacity:.75;border-style:dashed;transition:opacity .2s}.speakingBaseUrlRow:focus-within{opacity:1}.speakingProviderRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:2px;display:flex}.speakingPresetChips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.speakingEndpointHint{color:#94a3b8;margin-top:-6px;margin-bottom:2px;padding-left:4px;font-size:.74rem}.speakingEndpointHint code{color:#38bdf8;background:#38bdf81a;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:.72rem}@keyframes speakingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.speakingSpinner{animation:1s linear infinite speakingSpin}.speakingModelRow{opacity:.85;border-style:dotted}.speakingModelRow:focus-within{opacity:1}.speakingTestConnectionRow{flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin-top:4px;display:flex}.testConnBtn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:inline-flex}.speakingKeyStatusText{border-radius:6px;flex:1;padding:5px 10px;font-size:.78rem;font-weight:500;line-height:1.35}.speakingKeyStatusText.success{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.speakingKeyStatusText.error{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.speakingTranscriptContainer{flex-direction:column;gap:6px;width:100%;display:flex}.speakingTranscriptHeader{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;display:flex}.speakingLiveListeningBadge{color:#ef4444;align-items:center;gap:6px;font-size:.76rem;font-weight:700;display:inline-flex}.speakingLiveListeningBadge .liveDot{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;box-shadow:0 0 8px #ef4444}textarea.speakingTranscriptBox{color:#cbd5e1;resize:vertical;box-sizing:border-box;background:#0f172a7a;border:1px solid #e2e8f02e;border-radius:12px;outline:none;width:100%;min-height:85px;padding:12px 14px;font-family:inherit;font-size:.95rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}textarea.speakingTranscriptBox:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.speakingTranscriptBox.hasContent{color:#f1f5f9;font-style:normal;font-weight:500;line-height:1.65}.listeningHero{background:linear-gradient(135deg,#202737fa,#121d2bf5);align-items:center}.listeningHeroActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.listeningSpeakingBtn{color:#ccfbf1;background:#14b8a61f;border-color:#2dd4bf57}.listeningWritingBadge{color:#99f6e4;background:#14b8a61a;border:1px solid #2dd4bf52;border-radius:14px;place-items:center;gap:4px;min-width:126px;min-height:86px;padding:12px;display:grid}.listeningWritingBadge strong{color:#fff;font-variant-numeric:tabular-nums;font-size:1.8rem;line-height:1}.listeningWritingBadge span{color:#ccfbf1;font-size:.78rem;font-weight:900}.listeningViewHostHidden,.dubbingViewHostHidden{display:none}.listeningGrid{grid-template-columns:minmax(320px,.86fr) minmax(380px,1.14fr);grid-template-areas:"setup writing""player writing";align-items:start;gap:16px;display:grid}.listeningGrid.sourceCollapsed{grid-template-columns:minmax(0,1fr);grid-template-areas:"writing"}.listeningGrid.sourceCollapsed .listeningSetupPanel,.listeningGrid.sourceCollapsed .listeningPlayerPanel{display:none}.listeningSetupPanel,.listeningPlayerPanel,.listeningWritingPanel{background:#202737c7;border:1px solid #e2e8f033;border-radius:16px;align-content:start;gap:14px;min-width:0;padding:18px;display:grid;box-shadow:0 18px 42px #0000002e}.listeningSetupPanel{grid-area:setup}.listeningPlayerPanel{grid-area:player}.listeningWritingPanel{grid-area:writing;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;align-self:stretch;position:relative}.listeningGrid.sourceCollapsed .listeningWritingPanel{min-height:clamp(560px,100dvh - 280px,820px)}.listeningColumnToggle{z-index:5;background:var(--surface);width:30px;height:30px;color:var(--ink);cursor:pointer;border:1px solid #e2e8f052;border-radius:50%;place-items:center;padding:0;transition:background .2s,border-color .2s,transform .2s;display:grid;position:absolute;top:18px;left:-15px}.listeningColumnToggle:hover{border-color:var(--accent);background:var(--accent);transform:scale(1.06)}.listeningColumnToggle:focus-visible{outline-offset:2px;outline:2px solid #a5b4fc}.listeningSetupPanel label{gap:8px;display:grid}.listeningSetupPanel label span{color:#f8fafc;text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:900}.listeningSetupPanel input,.listeningSetupPanel select,.listeningAnswerInput{color:#f8fafc;background:#0f172abd;border:1px solid #e2e8f02e;border-radius:12px;outline:none}.listeningSetupPanel input,.listeningSetupPanel select{height:44px;padding:0 14px}.listeningSearchForm{gap:12px;display:grid}.listeningSearchForm .primaryButton{width:100%}.listeningUrlBar{gap:0}.listeningUrlBarRow{background:#0d111eb8;border:1px solid #e2e8f038;border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:inset 0 2px 6px #0000002e}.listeningUrlBarRow:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow), inset 0 2px 6px #0000002e}.listeningUrlBarIcon{color:#64748b;flex-shrink:0}.listeningUrlBarRow:focus-within .listeningUrlBarIcon{color:var(--accent-strong)}.listeningUrlInput{height:44px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0;font-family:JetBrains Mono,Outfit,monospace;font-size:.88rem}.listeningUrlInput::placeholder{color:#475569;font-family:Outfit,sans-serif}.listeningUrlGoBtn{background:linear-gradient(135deg, var(--accent), #4f46e5);color:#fff;cursor:pointer;width:34px;height:34px;box-shadow:0 2px 8px var(--accent-glow);border:0;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.listeningUrlGoBtn:hover{background:linear-gradient(135deg, #787af6, var(--accent));box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.listeningUrlPasteBtn{color:#99f6e4;cursor:pointer;background:#2dd4bf2e;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;transition:background .2s,transform .15s,box-shadow .2s;display:grid}.listeningUrlPasteBtn:hover{color:#ccfbf1;background:#2dd4bf5c;transform:translateY(-1px);box-shadow:0 4px 12px #2dd4bf2e}.listeningUrlPasteBtn:active{transform:scale(.94)}.listeningInputError{color:#fecaca;font-size:.82rem;font-weight:800;line-height:1.45}.listeningSetupActions{justify-content:flex-end;display:flex}.listeningPlayerFrame{aspect-ratio:16/9;background:#020617;border:1px solid #e2e8f02e;border-radius:12px;width:100%;position:relative;overflow:hidden}.listeningPlayerFrame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.listeningPlayerPoster{color:#fff;background:#020617;border:0;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.listeningPlayerPoster img{object-fit:cover;opacity:.78;width:100%;height:100%}.listeningPlayerPoster span{color:#fff;background:#0f172ae0;border-radius:999px;align-items:center;gap:8px;padding:11px 15px;font-size:.88rem;font-weight:900;display:inline-flex;position:absolute;box-shadow:0 8px 24px #00000052}.listeningPlayerEmpty{color:#bfdbfe;text-align:center;place-items:center;gap:10px;padding:18px;font-weight:900;display:grid;position:absolute;inset:0}.listeningPlayerMeta{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.listeningPlayerQuery{color:#dbeafe;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:.82rem;font-weight:800;overflow:hidden}.listeningWritingHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.listeningWritingHeader h3{color:#fff;margin-top:4px;font-size:clamp(1.35rem,3vw,2.05rem);line-height:1.05}.listeningAnswerInput{resize:vertical;width:100%;height:100%;min-height:0;padding:16px;font-size:1rem;line-height:1.6}.listeningDensityRow{align-items:center;min-height:28px;display:flex}.listeningFeedback{color:#ccfbf1;background:#14b8a614;border:1px solid #2dd4bf2e;border-radius:12px;align-items:center;min-height:42px;padding:0 14px;font-size:.86rem;font-weight:800;display:flex}.cardsHeader{border-bottom:1px solid #e2e8f033;justify-content:space-between;align-items:center;margin-top:10px;padding-bottom:12px;display:flex}.cardsHeader h2{color:var(--ink);font-size:1.15rem;font-weight:700}.cardsHeader span{color:#f1f5f9;font-size:.85rem;font-weight:500}.cardsHeaderActions{align-items:center;gap:12px;display:flex}.sortDropdown{color:#f8fafc;cursor:pointer;background:#202737cc;border:1px solid #e2e8f026;border-radius:8px;outline:none;padding:6px 12px;font-family:inherit;font-size:.85rem;transition:border-color .2s}.sortDropdown:focus{border-color:#6366f180}.cardList{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.cardItem{cursor:pointer;background:#202737;border:1px solid #e2e8f02e;border-left:4px solid #8b5cf6;border-radius:12px;flex-direction:column;gap:16px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000038,inset 0 1px #ffffff06}.cardItem:hover{border-color:#a78bfa85;transform:translateY(-2px);box-shadow:0 18px 36px #00000057,0 0 0 1px #a78bfa1f}.cardItem.dueCard{background:linear-gradient(135deg,#7f1d1d3d,#202737fa 42%),#202737;border-color:#f8717180;border-left-style:solid;border-left-width:4px;box-shadow:0 12px 30px #0000003d,0 0 24px #ef44442e}.cardItem.todayReviewCard{gap:20px;min-height:190px}.cardItem.todayReviewCard .cardTop{flex:1;align-items:flex-start}.cardItem.todayReviewCard .titleWrapper{align-items:flex-start}.cardItem.todayReviewCard .cardTop h3{white-space:normal;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.15;overflow:visible}.cardItem.todayReviewCard .cardDivider{background:linear-gradient(90deg,#f8717199,#e2e8f024);height:2px}.cardItem.todayReviewCard .cardFooter{align-items:center}.cardTop{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.titleWrapper{align-items:center;gap:12px;min-width:0;display:flex}.cardIconCircle{color:#a78bfa;background:#ffffff14;border:1px solid #e2e8f01a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.warningIconCircle{color:#fecaca;background:#ef44442e;border-color:#f8717173;box-shadow:0 0 18px #ef44442e}.normalIcon{color:var(--warm);opacity:1;filter:drop-shadow(0 0 4px var(--warm-glow))}.dueIconAnim{color:var(--warm);filter:drop-shadow(0 0 4px var(--warm-glow));animation:1.5s infinite alternate pulseIcon}@keyframes pulseIcon{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.cardTop h3{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:700;overflow:hidden}.scheduleBadge,.dueBadge,.readyBadge{text-transform:uppercase;letter-spacing:.02em;color:#f8fafc;white-space:nowrap;background:#ffffff0e;border:1px solid #e2e8f02e;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.dueBadge{color:#fecaca;background:#ef44442e;border:1px solid #f8717185;box-shadow:0 0 16px #ef44441f}.readyBadge{color:#99f6e4;background:#14b8a61c;border:1px solid #2dd4bf61}.animatePulse{animation:2s infinite alternate pulseBadge}@keyframes pulseBadge{0%{box-shadow:0 0 #ef444433}to{box-shadow:0 0 10px 2px #ef444429}}.cardText{color:#f8fafc;white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.65}.cardDivider{background:#e2e8f01f;height:1px;margin:4px 0}.cardFooter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.publicDeckCard .cardFooter{justify-content:flex-end}.cardMeta{color:#f1f5f9;flex-direction:column;align-items:center;gap:6px;font-size:.8rem;display:flex}.metaItem{line-height:1.35;display:block}.cardActions{align-items:center;gap:8px;display:flex}.todayDueInfo{color:#fecaca;background:#ef44441f;border:1px solid #f8717161;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:.86rem;font-weight:800;display:inline-flex}.studyBadgeBtn{color:#c4b5fd;cursor:pointer;white-space:nowrap;background:#a78bfa14;border:1px solid #a78bfa4d;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.studyBadgeBtn:hover{color:#e9d5ff;background:#a78bfa1a;border-color:#a78bfa4d}.studyBadgeBtn:disabled{cursor:default;opacity:.62}.studyBadgeBtn:disabled:hover{color:#c4b5fd;background:#a78bfa14;border-color:#a78bfa4d}.studyBadgeBtn svg{color:inherit}.dueCard .studyBadgeBtn{color:#fecaca;background:#ef44441c;border-color:#f871715c}.dueCard .studyBadgeBtn:hover{color:#fff;background:#ef44442e;border-color:#f8717194}.todayStudyBtn{justify-content:center;min-width:190px}.nextStepPill{opacity:1;font-size:.72rem;font-weight:500}.metaItem,.cardMeta span,.userInfo small,.btnText small,.subheading,.cardsHeader span,.emptyQueue,.emptyState,.searchBox svg,.cardMeta svg,.scheduleBadge svg,.dueBadge svg,.readyBadge svg{color:#f8fafc}.editCardBtn,.cancelEditBtn,.publicCardBtn,.deleteCardBtn{color:#f1f5f9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:inline-flex}.publicCardBtn.active,.publicCardBtn:hover{color:#bbf7d0;background:#22c55e1f;border-color:#22c55e5c}.editCardBtn:hover,.cancelEditBtn:hover{color:#fff;background:#ffffff14;border-color:#fff3}.deleteCardBtn:hover{color:#f87171;background:#ef44441a;border-color:#ef44444d}.loadMoreBtn{color:#ede9fe;cursor:pointer;background:#6366f124;border:1px solid #a78bfa52;border-radius:12px;align-self:center;height:44px;padding:0 22px;font-weight:800}.loadMoreBtn:hover{background:#6366f138;border-color:#c4b5fd80}.editStack{flex-direction:column;gap:14px;display:flex}.editHeader{text-transform:uppercase;color:var(--accent-strong);align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.editInput{height:44px;color:var(--accent-strong);background:#0d111e80;border:1px solid #fff3;border-radius:8px;outline:none;padding:0 16px;font-size:1.05rem;font-weight:600;transition:all .2s}.editInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#0d111ecc}.editArea{border:1px solid #fff3;min-height:160px}.editActions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.saveEditBtn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;height:38px;padding:0 16px;font-weight:600}.saveEditBtn:hover{background:#4f46e5}.cardDetailView{flex-direction:column;gap:14px;width:100%;max-width:100%;display:flex}.backBtn{color:var(--ink);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:8px;padding:0;font-size:.95rem;font-weight:500;transition:opacity .2s;display:inline-flex}.backBtn:hover{opacity:.8}.detailCombinedCard{background:radial-gradient(circle at 100% 0%, #14b8a61a, transparent 28%), var(--panel);width:100%;height:auto;box-shadow:var(--panel-glow), 0 22px 70px #00000047;border:1px solid #e2e8f02e;border-radius:18px;flex-direction:column;display:flex;overflow:visible}.detailCombinedHeader{text-align:center;background:#1e293b99;border-bottom:1px solid #e2e8f01a;flex-direction:column;align-items:center;gap:16px;padding:24px 30px;display:flex}.detailCombinedHeader h2{color:#cbd5e1;text-shadow:0 2px 10px #0006;overflow-wrap:anywhere;max-width:min(920px,92%);margin:0;font-size:clamp(1.55rem,2.15vw,2.35rem);font-weight:800}.detailCardImageGallery{flex-direction:column;flex:auto;align-items:center;gap:10px;width:min(100%,980px);min-height:0;display:flex}.detailCardImageButton{cursor:zoom-in;background:0 0;border:0;border-radius:14px;flex:auto;width:100%;min-height:0;padding:0}.detailCardImage{object-fit:contain;cursor:zoom-in;background:#0f172a9e;border:1px solid #e2e8f024;border-radius:14px;width:100%;height:auto;max-height:80vh;transition:border-color .18s,filter .18s;box-shadow:0 18px 40px #00000042}.detailCardImage:hover{filter:brightness(1.08);border-color:#a78bfab8}.detailCardImageThumbs{flex:none;gap:8px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.detailCardImageThumb{cursor:pointer;background:#0f172abd;border:1px solid #e2e8f033;border-radius:9px;flex:0 0 68px;width:68px;height:52px;padding:2px}.detailCardImageThumb.active{border-color:#a78bfaf0;box-shadow:0 0 0 2px #6366f13d}.detailCardImageThumb img{object-fit:cover;border-radius:6px;width:100%;height:100%}.detailCombinedContent{flex-direction:column;flex:1;padding:clamp(20px,3vw,40px);display:flex;overflow:auto}.descriptionText{color:var(--ink);white-space:normal;overflow-wrap:anywhere;font-size:clamp(1rem,1.08vw,1.18rem);line-height:1.78}.detailActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.detailActions .studyBadgeBtn{color:#c4b5fd;cursor:pointer;background:#a78bfa0f;border:1px solid #a78bfa40;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.detailActions .studyBadgeBtn:hover{color:#ede9fe;background:#a78bfa24;border-color:#a78bfa73;transform:translateY(-1px);box-shadow:0 4px 12px #a78bfa1f}.detailActions .detailAiBtn{color:#bae6fd;background:#0ea5e914;border-color:#38bdf847}.detailActions .detailAiBtn:hover{color:#fff;background:#0ea5e929;border-color:#7dd3fc85;box-shadow:0 4px 12px #0ea5e926}.detailActions .detailEditBtn{color:#fef08a;background:#fbbf2414;border-color:#fbbf2447}.detailActions .detailEditBtn:hover{color:#fff;background:#fbbf2429;border-color:#fde04785;box-shadow:0 4px 12px #fbbf2426}.detailActions .detailDeleteBtn{color:#fecaca;background:#ef444414;border-color:#f8717147}.detailActions .detailDeleteBtn:hover{color:#fff;background:#ef444429;border-color:#f8717185;box-shadow:0 4px 12px #ef444426}.detailEditContainer{background:linear-gradient(145deg,#1c243af5,#0d121ffa);border:1px solid #a78bfa59;border-radius:18px;flex:1;width:100%;padding:30px;box-shadow:0 24px 70px #00000057,0 0 34px #6366f126}.emptyQueue{border:1px dashed var(--panel-border);color:#f8fafc;text-align:center;background:#ffffff03;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.emptyIcon{opacity:.55;stroke-width:1.5px}.emptyQueue p{font-size:.95rem;font-weight:500}.emptyState{background:var(--bg);color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;font-size:1.1rem;font-weight:600;display:flex}.loadingSpinner{border:4px solid #6366f11a;border-left-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (width<=1024px){.appShell,.appShell.sidebarClosed{grid-template-columns:1fr}.mobileRailBackdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020617a3;border:0;display:block;position:fixed;inset:0}.mobileMenuBtn{z-index:25;color:#f8fafc;background:#202737f0;border:1px solid #e2e8f047;border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:10px;display:inline-grid;position:sticky;top:14px;box-shadow:0 12px 26px #0000003d}.leftRail{z-index:40;border-bottom:0;border-right:1px solid #e2e8f038;width:min(86vw,360px);height:100dvh;position:fixed;inset:0 auto 0 0;transform:translate(0)}.leftRail.collapsed{align-items:stretch;padding:0;transform:translate(-105%)}.leftRailScroll{padding:22px}.sidebarToggleBtn{border-radius:12px;width:40px;height:40px;top:18px;right:16px}.sidebarToggleBtn svg{display:none}.sidebarToggleBtn{background-image:linear-gradient(#f8fafc,#f8fafc),linear-gradient(#f8fafc,#f8fafc),linear-gradient(#f8fafc,#f8fafc);background-position:50% 13px,50% 19px,50% 25px;background-repeat:no-repeat;background-size:18px 2px,18px 2px,18px 2px}.contentPane{gap:18px;height:auto;min-height:100dvh;padding:18px}.cardList{grid-template-columns:1fr;gap:14px}.topBar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.headerLeftGroup{flex-wrap:wrap;min-width:0}.centerHeaderAction{grid-row:span 2}.rightActions,.topActions{grid-column:1/-1;width:100%}.searchBox{width:100%}.analyticsHero,.pomodoroHero,.sketchHero,.listeningHero,.speakingHero{flex-direction:column}.listeningHeroActions,.speakingHeroStats{justify-content:flex-start}.speakingGrid{grid-template-columns:1fr}.speakingEvaluationPanel{min-height:0}.speakingQuestionInput{min-height:160px}.listeningGrid{grid-template-columns:1fr;grid-template-areas:"setup""player""writing"}.listeningWritingPanel{grid-template-rows:auto auto auto}.listeningGrid.sourceCollapsed .listeningWritingPanel{min-height:0}.listeningAnswerInput{height:auto;min-height:420px}.sketchPanel{min-height:auto}.sketchCanvasScroller{height:72dvh;min-height:560px}.sketchToolbar{align-items:stretch}.sketchToolbarPrimary,.sketchBrushGroup,.sketchActionGroup{width:100%}.analyticsControls{grid-template-columns:repeat(2,minmax(0,1fr))}.accountsGrid,.pomodoroGrid,.durationFields{grid-template-columns:1fr}.analyticsRunBtn{grid-column:1/-1;justify-content:center}}@media (width<=640px){.contentPane{padding:14px}.topBar{gap:12px}.paneTitle h2{font-size:1.35rem}.bananaStreakInline{justify-content:space-between;width:100%}.addFloatingBtn{width:50px;height:58px}.flameOuter{width:42px;height:56px}.cardItem{gap:14px;padding:16px}.cardTop,.cardFooter{flex-direction:column;align-items:stretch}.cardItem.todayReviewCard .cardTop{min-height:92px}.scheduleBadge,.dueBadge,.readyBadge{width:fit-content}.cardMeta{align-items:flex-start}.cardActions{flex-wrap:wrap;width:100%}.studyBadgeBtn{flex:1;justify-content:center;min-width:180px}.analyticsControls{grid-template-columns:1fr}.pomodoroHero,.sketchHero,.listeningHero,.speakingHero,.sketchToolbar,.pomodoroFocusPanel,.pomodoroSettingsPanel,.listeningSetupPanel,.listeningPlayerPanel,.listeningWritingPanel,.speakingQuestionPanel,.speakingRecorderPanel,.speakingEvaluationPanel{padding:16px}.listeningHeroActions,.listeningSpeakingBtn,.listeningWritingBadge,.speakingHeroStats,.speakingStatBadge,.speakingSesameBtn{width:100%}.listeningWritingBadge,.speakingStatBadge{min-height:74px}.listeningSetupActions .secondaryButton,.speakingRecorderActions .secondaryButton{width:100%}.listeningWritingHeader,.speakingEvaluationHeader{flex-direction:column}.speakingPromptFooter{flex-direction:column;align-items:flex-start}.speakingRecordButton{width:146px;height:146px}.speakingRubricTabs{border-radius:12px;grid-template-columns:1fr 1fr}.speakingRubricTabs button{border-bottom:1px solid #e2e8f024;border-right:1px solid #e2e8f024}.speakingRubricTabs button:nth-child(2n){border-right:0}.speakingRubricTabs button:last-child{border-right:0;grid-column:1/-1}.speakingRubricResult{border-top:1px solid #e2e8f02e;border-radius:12px}.listeningAnswerInput{min-height:320px}.sketchToolbar{padding:8px}.sketchCanvasScroller{border-radius:14px;height:70dvh;min-height:500px}.sketchZoomLayer{padding:4px}.sketchZoomControls{grid-template-columns:30px minmax(38px,auto) 30px;gap:4px}.sketchZoomControls button{width:30px;height:36px}.sketchCanvasArea{grid-template-columns:50px minmax(0,1fr);gap:3px}.sketchCurrentPageBadge{width:24px;height:24px;font-size:.8rem;top:8px;left:58px}.sketchSideScrollControl{width:50px;padding:6px 0}.sketchScrollRail{width:20px;right:7px}.sketchScrollPageButtons{width:22px;left:4px}.sketchScrollPageButton{width:20px;height:20px;font-size:.66rem}.sketchScrollPageMarker:before{width:11px}.sketchScrollPageMarker.active:before{width:21px}.sketchScrollSlider{width:26px;min-height:200px}.sketchScrollSlider::-webkit-slider-thumb{width:26px;height:38px}.sketchScrollSlider::-moz-range-thumb{width:26px;height:38px}.sketchToolBtn,.sketchActionBtn{flex:1;min-width:92px}.sketchToolBtn{min-width:72px;padding:0 8px}.sketchToolbarPrimary,.sketchToolGroup{gap:4px}.sketchLineToolBtn{flex:0 0 32px;min-width:32px;padding:0}.sketchBrushGroup{min-width:0}.sketchColorPopover{width:min(318px,100vw - 28px);left:auto;right:0}.sketchColorPopover:before{left:auto;right:18px}.sketchWheelColor{width:84px;height:136px;transform:translate(-50%, -100%) rotate(var(--wheel-angle));font-size:.56rem}.sketchWheelColor span{width:104px}.sketchBrushSlider{min-width:110px}.sketchBrushPreview{width:28px}.pomodoroBigTime{min-height:170px}.pomodoroControls .primaryButton,.pomodoroControls .secondaryButton{width:100%}.analyticsBarColumn{min-width:64px}.modalOverlay{align-items:flex-end;padding:12px}.modalContent{width:100%;min-width:0;height:auto;min-height:0;overflow:visible}.modalResizeHandle{display:none}.composerCard{max-height:calc(100dvh - 24px);padding:18px;overflow:auto}.wordImageRow{grid-template-columns:minmax(0,1fr) 48px}.cardImagePicker{flex-flow:wrap;justify-content:flex-end}.cardImagePreview{width:min(180px,100vw - 96px)}.cardImagePreviewList{width:min(180px,100vw - 96px);max-height:168px}.detailWordBox{gap:14px;padding:16px}.flipHint{top:14px;left:14px}.detailWordBox h2{font-size:clamp(1.25rem,7vw,1.85rem)}.detailCardImage{border-radius:12px;width:100%;max-height:calc(100% - 72px)}.imageLightboxPrev{left:10px}.imageLightboxNext{right:10px}.detailDesBox{padding:54px 18px 22px}.detailActions{justify-content:stretch}.detailStudyBtn,.detailAiBtn,.detailFlipBtn{width:100%}.searchBox{max-width:none;margin-left:0}.profileActions{grid-template-columns:1fr}}@media (width<=400px){.sketchToolBtn{flex:0 0 32px;min-width:32px;padding:0}.sketchToolBtn span{display:none}}.writingViewContainer{flex-direction:column;max-width:100%;height:100dvh;margin:0 auto;padding:12px;display:flex}.writingSplitLayout{flex:1;grid-template-columns:1fr 1fr;gap:24px;min-height:0;display:grid}@media (width<=1024px){.writingSplitLayout{grid-template-rows:minmax(200px,40vh) 1fr;grid-template-columns:1fr}}.writingImageArea{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.writingRightColumn{flex-direction:column;min-height:0;display:flex}.writingEditorArea{background:var(--surface);border:1px solid var(--line);border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.writingPaneHeader{border-bottom:1px solid var(--line);background:#0f172ae6;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.writingPaneHeaderLeft{color:var(--ink);align-items:center;gap:12px;font-size:.95rem;font-weight:700;display:flex}.writingPaneBadge{color:var(--accent);background:#6366f126;border:1px solid #6366f14d;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.writingPaneWordCount{color:var(--muted);font-size:.85rem;font-weight:500}.wordCountGood{color:#4ade80}.writingImageContent{cursor:pointer;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;overflow:auto}.writingImageWrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.writingPromptImage{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 4px 12px #0003}.writingImagePlaceholder{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.writingImagePlaceholder svg{opacity:.5;transition:all .2s}.writingImageContent:hover .writingImagePlaceholder svg{opacity:.8;color:var(--accent);transform:translateY(-2px)}.writingResizer{cursor:row-resize;background:var(--line);height:16px;color:var(--muted);z-index:10;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.writingResizer:hover,.writingResizer:active{color:var(--accent);background:#6366f14d}.writingTextarea{color:var(--ink);resize:none;background:0 0;border:none;border-radius:0;outline:none;flex:1;min-height:0;max-height:none;padding:20px;font-family:inherit;font-size:1.05rem;line-height:1.6;overflow:auto}.writingToolbar{border:1px solid var(--line);background:#0f172ae6;border-radius:0 0 12px 12px;flex-direction:column;flex-shrink:0;padding:0;display:flex}.writingToolbarTop{border-bottom:1px solid #ffffff0f;padding:14px 20px}.writingToolbarBottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.wordCountDisplay{color:var(--muted);font-size:.95rem;font-weight:500}.writingAiBtn{margin-left:auto;padding:8px 20px!important;font-weight:600!important}.calendarViewContainer{flex-direction:column;gap:24px;max-width:1000px;height:100%;margin:0 auto;padding:24px;display:flex}.calendarTopSection{background:var(--surface);border:1px solid var(--panel-border);box-shadow:var(--panel-glow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:24px}.calendarHeaderRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.calendarSelectors{gap:10px;display:flex}.calSelect{border:1px solid var(--line);color:var(--ink);cursor:pointer;appearance:auto;background:#ffffff0f;border-radius:12px;padding:8px 14px;font-size:1.05rem;font-weight:600}.calSelect:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.calendarNavBtns{align-items:center;gap:8px;display:flex}.calNavBtn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;padding:8px 12px;font-weight:600;display:inline-flex}.calNavBtn:hover{border-color:var(--accent);color:var(--accent-strong);background:#ffffff1a}.calTodayBtn{padding:8px 18px}.calendarGrid{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.calHeader{text-align:center;color:var(--muted);padding-bottom:8px;font-size:.9rem;font-weight:600}.calCell{aspect-ratio:1;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.calCell:hover:not(.empty){border-color:var(--accent);background:#ffffff0f;transform:translateY(-2px)}.calCell.empty{cursor:default;background:0 0;border-color:#0000}.calDayNum{color:var(--ink);font-size:1.1rem;font-weight:600}.calCell.isToday{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);background:#6366f11f}.calCell.isToday .calDayNum{color:var(--accent-strong);font-weight:800}.calCell.hasNote{background:#10b9810f;border-color:#10b98140}.calNoteIndicator{background:var(--success);width:6px;height:6px;box-shadow:0 0 8px var(--success-glow);border-radius:50%;position:absolute;bottom:8px}.calModalBackdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;padding:24px;animation:.2s calFadeIn;display:flex;position:fixed;inset:0}@keyframes calFadeIn{0%{opacity:0}to{opacity:1}}.calModalContent{background:var(--surface);border:1px solid var(--panel-border);border-radius:20px;flex-direction:column;gap:20px;width:min(600px,100%);max-height:80vh;padding:28px;animation:.25s cubic-bezier(.4,0,.2,1) calSlideUp;display:flex;box-shadow:0 24px 64px #0006}@keyframes calSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.calModalHeader{justify-content:space-between;align-items:center;display:flex}.calModalHeader h3{color:var(--accent-strong);font-size:1.35rem;font-weight:700}.calModalClose{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.calModalClose:hover{border-color:var(--danger);color:var(--danger);background:#ef444426}.calendarTextarea{border:1px solid var(--line);min-height:250px;color:var(--ink);resize:none;background:#00000040;border-radius:12px;flex:1;padding:16px;font-family:inherit;font-size:1.05rem;line-height:1.7}.calendarTextarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.calModalActions{justify-content:flex-end;display:flex}.calendarSaveBtn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 28px;font-size:1.1rem;font-weight:700}.calendarSaveBtn:hover{background:var(--accent-strong);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.calendarSaveBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.brandHeaderRow{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.leftRail.collapsed .brandHeaderRow{flex-direction:column;align-items:center;gap:12px}.themeToggleBulb{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#141821b3;border:1.5px solid #ffffff2e;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:visible;box-shadow:0 4px 14px #00000040,inset 0 1px 1px #ffffff1f}.themeToggleBulb:hover{border-color:#f59e0b80;transform:translateY(-2px)scale(1.08);box-shadow:0 8px 20px #00000059,0 0 16px #f59e0b4d}.themeToggleBulb:active{transform:translateY(1px)scale(.94)}.themeToggleBulb.isDark .bulbSvg{color:#94a3b8;filter:drop-shadow(0 0 2px #fff3);transition:all .35s}.themeToggleBulb.isDark:hover .bulbSvg{color:#fbbf24;filter:drop-shadow(0 0 8px #fbbf2499)}.themeToggleBulb.isLight{background:#fff;border-color:#f59e0b8c;box-shadow:0 0 22px #f59e0b66,0 4px 12px #0000000f}.themeToggleBulb.isLight .bulbSvg{color:#f59e0b;fill:#fde047;filter:drop-shadow(0 0 10px #f59e0bf2);transition:all .35s;animation:2.4s ease-in-out infinite alternate bulbGlowPulse}.themeToggleBulb.isLight:hover{border-color:#f59e0bd9;box-shadow:0 0 28px #f59e0b99,0 6px 18px #0000001a}.authThemeToggle{z-index:20;position:absolute;top:24px;left:24px}@keyframes bulbGlowPulse{0%{filter:drop-shadow(0 0 8px #f59e0bcc);transform:scale(1)}to{filter:drop-shadow(0 0 14px #f59e0b);transform:scale(1.06)}}.bulbRays{pointer-events:none;opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:-6px;transform:scale(.6)rotate(-20deg)}.themeToggleBulb.isLight .bulbRays{opacity:1;transform:scale(1)rotate(0)}.bulbRays .ray{background:#f59e0b;border-radius:2px;position:absolute;box-shadow:0 0 6px #fbbf24}.bulbRays .ray-1{width:2px;height:5px;top:0;left:50%;transform:translate(-50%)}.bulbRays .ray-2{width:2px;height:5px;bottom:0;left:50%;transform:translate(-50%)}.bulbRays .ray-3{width:5px;height:2px;top:50%;left:0;transform:translateY(-50%)}.bulbRays .ray-4{width:5px;height:2px;top:50%;right:0;transform:translateY(-50%)}[data-theme=light] body{color:#35426e;background:#f5efe0}[data-theme=light] .appShell,[data-theme=light] .contentPane{background:#f5efe0}[data-theme=light] .leftRail{background:#fcf9f2;border-right:1px solid #35426e26;box-shadow:4px 0 20px #35426e08}[data-theme=light] .subheading{color:#627097;font-weight:500}[data-theme=light] .logoContainer h1{background:linear-gradient(135deg,#35426e,#2e548a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .navButton{color:#35426e;background:#fdfbf7;border:1px solid #35426e26;box-shadow:0 1px 3px #00000005}[data-theme=light] .navButton:hover{color:#35426e;background:#f5efe0;border-color:#35426e38}[data-theme=light] .navButton.active{color:#fdfbf7;background:#2e548a;border-color:#234370;box-shadow:0 4px 14px #2e548a47}[data-theme=light] .navButton.active .btnText small{color:#ffffffd9}[data-theme=light] .navButton .btnText strong{color:inherit}[data-theme=light] .navButton .btnText small{color:#627097}[data-theme=light] .todayBtn.active{color:#35426e;background:#d2ae6d;border-color:#b88d40;box-shadow:0 4px 14px #d2ae6d47}[data-theme=light] .publishNavButton{color:#fdfbf7;background:linear-gradient(135deg,#2e548a,#35426e);border:1px solid #234370;box-shadow:0 2px 8px #2e548a33}[data-theme=light] .publishNavButton:hover{background:linear-gradient(135deg,#234370,#2e548a);border-color:#1d3356;box-shadow:0 4px 14px #2e548a59}[data-theme=light] .searchNavButton{color:#0087c3;background:#fdfbf7;border:1.5px solid #bfe5f5}[data-theme=light] .searchNavButton:hover{color:#006f9e;background:#eaf5fb;border-color:#8ed2f0}[data-theme=light] .sidebarToggleBtn{color:#35426e;background:#fdfbf7;border:1px solid #35426e38;box-shadow:0 2px 8px #00000014}[data-theme=light] .sidebarToggleBtn:hover{color:#fdfbf7;background:#2e548a;border-color:#2e548a}[data-theme=light] .profileFooter{border-top:1px solid #35426e26}[data-theme=light] .userBox{background:#fdfbf7;border:1px solid #35426e26;box-shadow:0 1px 4px #00000008}[data-theme=light] .userEmail{color:#35426e;font-weight:700}[data-theme=light] .userBadge{color:#234370;background:#e6edf7;border:1px solid #c1d4ee}[data-theme=light] .uploadBtn,[data-theme=light] .logoutBtn{color:#505e83;background:#fdfbf7;border:1px solid #35426e26}[data-theme=light] .uploadBtn:hover{color:#234370;background:#e6edf7;border-color:#c1d4ee}[data-theme=light] .logoutBtn{color:#c83538}[data-theme=light] .logoutBtn:hover{color:#a8272a;background:#fae8e8;border-color:#f3c2c2}[data-theme=light] .eyebrow{color:#2e548a;font-weight:700}[data-theme=light] .paneTitle h2{color:#35426e}[data-theme=light] .searchBox{background:#fdfbf7;border:1.5px solid #35426e38;box-shadow:0 2px 10px #35426e08}[data-theme=light] .searchBox input{color:#35426e}[data-theme=light] .searchBox input::placeholder{color:#8b97b6}[data-theme=light] .sortSelect,[data-theme=light] .filterSelect{color:#35426e;background:#fdfbf7;border:1.5px solid #35426e38}[data-theme=light] .bananaStreakInline{background:#fdfbf7;border:1.5px solid #eab30873;box-shadow:0 2px 8px #eab3081f}[data-theme=light] .bananaStreakInline strong{color:#b88d40;text-shadow:none}[data-theme=light] .mobileMenuBtn{color:#35426e;background:#fdfbf7;border:1.5px solid #35426e38;box-shadow:0 4px 14px #35426e14}[data-theme=light] .cardItem{background:#fdfbf7;border:1.5px solid #35426e26;border-left:4px solid #2e548a;box-shadow:0 2px 10px #35426e0a}[data-theme=light] .cardItem:hover{border-color:#9fbde3 #9fbde3 #9fbde3 #2e548a;box-shadow:0 8px 24px #2e548a17}[data-theme=light] .cardItem.dueCard{background:linear-gradient(135deg,#fdf4f3 0%,#fdfbf7 55%);border:1.5px solid #f3c2c2;border-left:4px solid #c83538;box-shadow:0 3px 12px #c835380f}[data-theme=light] .cardItem.dueCard:hover{border-color:#e26b6e #e26b6e #e26b6e #c83538;box-shadow:0 8px 24px #c835381f}[data-theme=light] .cardTop h3{color:#35426e;font-size:1.25rem;font-weight:700}[data-theme=light] .cardIconCircle{color:#2e548a;background:#e6edf7;border:1px solid #c1d4ee}[data-theme=light] .warningIconCircle{color:#c83538;background:#fae8e8;border:1px solid #f3c2c2}[data-theme=light] .cardDivider{background:#f5efe0}[data-theme=light] .cardItem.todayReviewCard .cardDivider{background:linear-gradient(90deg,#f3c2c2,#35426e26)}[data-theme=light] .metaItem,[data-theme=light] .cardMeta span{color:#627097;font-weight:500}[data-theme=light] .todayDueInfo{color:#c83538;font-weight:600}[data-theme=light] .scheduleBadge{color:#505e83;background:#f5efe0;border:1px solid #35426e38;font-weight:600}[data-theme=light] .readyBadge{color:#1a6d4a;background:#e6f4ed;border:1px solid #bce2cf;font-weight:600}[data-theme=light] .dueBadge{color:#8f1e21;background:#fae8e8;border:1px solid #f3c2c2;font-weight:700}[data-theme=light] .streakPill{color:#35426e;background:#f5efe0;border:1px solid #35426e38}[data-theme=light] .editCardBtn,[data-theme=light] .deleteCardBtn,[data-theme=light] .publicCardBtn{color:#505e83;background:#fcf9f2;border:1.5px solid #35426e38}[data-theme=light] .editCardBtn:hover{color:#2e548a;background:#e6edf7;border-color:#9fbde3}[data-theme=light] .deleteCardBtn:hover{color:#c83538;background:#fae8e8;border-color:#f3c2c2}[data-theme=light] .publicCardBtn.active,[data-theme=light] .publicCardBtn:hover{color:#20845a;background:#e6f4ed;border-color:#bce2cf}[data-theme=light] .todayStudyBtn{color:#fdfbf7;background:linear-gradient(135deg,#20845a,#2a9d68);border:1px solid #1a6d4a;box-shadow:0 2px 8px #05966940}[data-theme=light] .todayStudyBtn:hover{color:#fdfbf7;background:linear-gradient(135deg,#1a6d4a,#20845a);box-shadow:0 4px 14px #05966959}[data-theme=light] .publicSaveBtn{color:#2e548a;background:#e6edf7;border:1px solid #c1d4ee}[data-theme=light] .publicSaveBtn:hover:not(:disabled){color:#fdfbf7;background:#2e548a;border-color:#234370}[data-theme=light] .loadMoreBtn{color:#2e548a;background:#fdfbf7;border:1.5px solid #35426e38;box-shadow:0 2px 8px #0000000a}[data-theme=light] .loadMoreBtn:hover{color:#fdfbf7;background:#2e548a;border-color:#234370}[data-theme=light] .modalOverlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#35426e7a}[data-theme=light] .composerCard{background:#fdfbf7;border:1.5px solid #35426e38;box-shadow:0 24px 64px #35426e24,0 0 24px #2e548a14}[data-theme=light] .composerCard:before{background:linear-gradient(90deg,#2e548a,#c83538,#d2ae6d)}[data-theme=light] .composerHeaderLeft{color:#2e548a;font-weight:700}[data-theme=light] .closeModalBtn{color:#505e83;background:#f5efe0;border:1px solid #35426e38}[data-theme=light] .closeModalBtn:hover{color:#c83538;background:#fae8e8;border-color:#e26b6e}[data-theme=light] .composerInput{color:#35426e;background:#fcf9f2;border:1.5px solid #35426e38;font-weight:700}[data-theme=light] .composerInput:focus{background:#fdfbf7;border-color:#2e548a;box-shadow:0 0 0 3px #2e548a26}[data-theme=light] .composerInput::placeholder{color:#8b97b6}[data-theme=light] .composerTextarea,[data-theme=light] .composerCard textarea,[data-theme=light] .richDescriptionEditor{color:#35426e;background:#fcf9f2;border:1.5px solid #35426e38;font-size:.98rem}[data-theme=light] .composerTextarea:focus,[data-theme=light] .richDescriptionEditor:focus{background:#fdfbf7;border-color:#2e548a;box-shadow:0 0 0 3px #2e548a26}[data-theme=light] .imageIconButton{color:#505e83;background:#f5efe0;border:1px solid #35426e38}[data-theme=light] .imageIconButton:hover{color:#2e548a;background:#e6edf7;border-color:#9fbde3}[data-theme=light] .cardImagePreview{background:#f5efe0;border:1px solid #35426e38}[data-theme=light] .composerCounterRow{color:#627097}[data-theme=light] .densityToggleBtn{color:#505e83;background:#f5efe0;border:1px solid #35426e38}[data-theme=light] .densityToggleBtn:hover{color:#2e548a;background:#e6edf7;border-color:#9fbde3}[data-theme=light] .modalResizeHandle{color:#2e548a;background:#2e548a1a}[data-theme=light] .detailCombinedCard{background:#fdfbf7;border:1.5px solid #35426e26;box-shadow:0 16px 40px #35426e0f}[data-theme=light] .detailCombinedHeader{background:#fcf9f2;border-bottom:1px solid #35426e26}[data-theme=light] .detailCombinedHeader h2{color:#35426e;text-shadow:none}[data-theme=light] .detailCombinedContent,[data-theme=light] .descriptionText,[data-theme=light] .richDescriptionView,[data-theme=light] .richDescriptionContent,[data-theme=light] .richDescriptionContent p,[data-theme=light] .richDescriptionContent div,[data-theme=light] .richDescriptionContent span,[data-theme=light] .richDescriptionContent li,[data-theme=light] .richDescriptionContent h1,[data-theme=light] .richDescriptionContent h2,[data-theme=light] .richDescriptionContent h3,[data-theme=light] .richDescriptionContent h4,[data-theme=light] .richDescriptionContent h5,[data-theme=light] .richDescriptionContent h6,[data-theme=light] .richDescriptionContent strong,[data-theme=light] .richDescriptionContent b{color:#35426e}[data-theme=light] .richDescriptionContent blockquote{color:#35426e;background:#2e548a0d;border-left-color:#2e548a}[data-theme=light] .richDescriptionContent code{color:#35426e;background:#f5efe0;border:1px solid #35426e26;border-radius:4px;padding:2px 6px}[data-theme=light] .detailActions .studyBadgeBtn{color:#35426e;background:#fdfbf7;border:1.5px solid #35426e38;box-shadow:0 1px 3px #35426e0f}[data-theme=light] .detailActions .studyBadgeBtn:hover{color:#35426e;background:#fcf9f2;border-color:#8b97b6}[data-theme=light] .detailActions .detailAiBtn{color:#0087c3;background:#e6edf7;border-color:#bfe5f5}[data-theme=light] .detailActions .detailAiBtn:hover{color:#fdfbf7;background:#0087c3;border-color:#0087c3;box-shadow:0 4px 12px #0284c740}[data-theme=light] .detailActions .detailCopyBtn{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}[data-theme=light] .detailActions .detailCopyBtn:hover{color:#fdfbf7;background:#7c3aed;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed40}[data-theme=light] .detailActions .detailEditBtn{color:#9c6d1d;background:#faf1de;border-color:#ebd19a}[data-theme=light] .detailActions .detailEditBtn:hover{color:#fdfbf7;background:#b88d40;border-color:#b88d40;box-shadow:0 4px 12px #d9770640}[data-theme=light] .detailActions .detailDeleteBtn{color:#c83538;background:#fae8e8;border-color:#f3c2c2}[data-theme=light] .detailActions .detailDeleteBtn:hover{color:#fdfbf7;background:#c83538;border-color:#c83538;box-shadow:0 4px 12px #dc262640}[data-theme=light] .backBtn{color:#2e548a;font-weight:600}[data-theme=light] .detailEditContainer{background:#fdfbf7;border:1.5px solid #35426e38}[data-theme=light] .editInput,[data-theme=light] .editArea{color:#35426e;background:#fcf9f2;border:1.5px solid #35426e38}[data-theme=light] .editInput:focus,[data-theme=light] .editArea:focus{background:#fdfbf7;border-color:#2e548a;box-shadow:0 0 0 3px #2e548a26}[data-theme=light] .cancelEditBtn{color:#505e83;background:#f5efe0;border:1px solid #35426e38}[data-theme=light] .authShell{background:#f5efe0}[data-theme=light] .authPanel{background:#fdfbf7;border:1.5px solid #35426e26;box-shadow:0 24px 60px #35426e14}[data-theme=light] .authHeader h1{color:#35426e}[data-theme=light] .authPanel label input{color:#35426e;background:#fcf9f2;border:1.5px solid #35426e38}[data-theme=light] .authPanel label input:focus{background:#fdfbf7;border-color:#2e548a;box-shadow:0 0 0 3px #2e548a26}[data-theme=light] .authPanel label span{color:#35426e;font-weight:600}[data-theme=light] .fbContactLink{color:#2e548a;background:#e6edf7;border:1px solid #c1d4ee}[data-theme=light] .authFooterContact span{color:#627097}[data-theme=light] .calModalContent,[data-theme=light] .searchDrawer{background:#fdfbf7;border:1.5px solid #35426e38;box-shadow:0 24px 64px #35426e29}[data-theme=light] .calModalHeader h3{color:#35426e}[data-theme=light] .calModalClose{color:#505e83;background:#f5efe0;border:1px solid #35426e38}[data-theme=light] .calendarTopSection{background:#fdfbf7;border:1.5px solid #35426e26;box-shadow:0 10px 30px #35426e0a}[data-theme=light] .calSelect,[data-theme=light] .calNavBtn{color:#35426e;background:#fcf9f2;border:1.5px solid #35426e38}[data-theme=light] .calNavBtn:hover{color:#234370;background:#e6edf7;border-color:#2e548a}[data-theme=light] .calCell{background:#fcf9f2;border:1px solid #35426e26}[data-theme=light] .calCell:hover:not(.empty){background:#f5efe0;border-color:#2e548a}[data-theme=light] .calDayNum{color:#35426e}[data-theme=light] .calCell.isToday{background:#e6edf7;border-color:#2e548a;box-shadow:0 0 12px #2e548a33}[data-theme=light] .calCell.isToday .calDayNum{color:#234370}[data-theme=light] .calCell.hasNote{background:#e6f4ed;border-color:#9fd5b9}[data-theme=light] .calendarTextarea{color:#35426e;background:#fcf9f2;border:1.5px solid #35426e38}[data-theme=light] .writingPaneHeader{color:#35426e;background:#fcf9f2;border-bottom:1px solid #35426e26}[data-theme=light] .writingPaneHeaderLeft{color:#35426e}[data-theme=light] .writingTextarea{color:#35426e;background:#fdfbf7}[data-theme=light] .wordCountDisplay{color:#627097}[data-theme=light] .pomodoroCard{background:#fdfbf7;border:1.5px solid #35426e26;box-shadow:0 16px 40px #35426e0d}[data-theme=light] .pomodoroSettingsCard{background:#fdfbf7;border:1.5px solid #35426e26}[data-theme=light] .listeningShell{background:#f5efe0}[data-theme=light] .listeningNotes{color:#35426e;background:#fdfbf7;border:1.5px solid #35426e26}[data-theme=light] .sketchBoard{background:#35426e26}[data-theme=light] .sketchHeader{background:#fdfbf7;border-bottom:1px solid #35426e38}[data-theme=light] .sketchToolBar{background:#fdfbf7;border:1px solid #35426e38}[data-theme=light] .sketchBtn{color:#35426e;background:#fcf9f2;border:1px solid #35426e38}[data-theme=light] .sketchBtn.active{color:#fdfbf7;background:#2e548a;border-color:#234370}[data-theme=light] .analyticsCard,[data-theme=light] .statCard,[data-theme=light] .accountForm,[data-theme=light] .accountTable{background:#fdfbf7;border:1.5px solid #35426e26}.dubbingLab{flex-direction:column;gap:16px;width:100%;display:flex}.dubbingHeroActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dubbingHeroActions .secondaryButton{border-radius:9px;gap:6px;height:38px;padding:0 13px;font-size:.82rem;font-weight:700}.dubbingStudioBar{background:var(--panel,#1e293b);border:1px solid var(--panel-border,#94a3b833);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;display:flex;box-shadow:0 6px 20px #00000026}.studioBrandBlock{align-items:center;gap:12px;display:flex}.studioLogoBadge{color:#818cf8;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f159;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.studioTitleRow{align-items:center;gap:8px;display:flex}.studioMainTitle{color:var(--ink,#fff);margin:0;font-size:1.12rem;font-weight:700;line-height:1.2}.studioLangTag{color:#a5b4fc;letter-spacing:.04em;background:#6366f12e;border:1px solid #6366f159;border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:700}.studioSubText{color:var(--muted,#94a3b8);margin:2px 0 0;font-size:.78rem}.studioViewPreferences{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.viewPrefLabel{color:var(--muted,#94a3b8);text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:600}.viewPrefButtonGroup{border:1px solid var(--panel-border,#94a3b840);background:#0f172a80;border-radius:10px;align-items:center;gap:2px;padding:2px;display:inline-flex}.viewPrefBtn{color:var(--muted,#94a3b8);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:5px 10px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.viewPrefBtn:hover{color:var(--ink,#fff);background:#ffffff0d}.viewPrefBtn.active{background:#6366f1;box-shadow:0 2px 8px #6366f159;color:#fff!important}.controlsToggleBtn{border:1px solid var(--panel-border,#94a3b838);color:var(--muted,#cbd5e1);cursor:pointer;background:#94a3b81a;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.controlsToggleBtn:hover{color:#fff;background:#6366f12e;border-color:#818cf8}.controlsToggleBtn.collapsed{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b59}.collapsedControlsBar{background:var(--panel,#1e293b);border:1px dashed var(--panel-border,#94a3b84d);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.reopenControlsBtn{color:#818cf8;cursor:pointer;background:#6366f126;border:1px solid #6366f159;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.reopenControlsBtn:hover{color:#fff;background:#6366f140;border-color:#a5b4fc}.collapsedSummary{color:var(--muted,#94a3b8);font-size:.78rem}.apiKeyConfigured{color:#4ade80!important;background:#22c55e1f!important;border-color:#22c55e66!important}.apiKeyFallback{color:#818cf8!important;background:#6366f11f!important;border-color:#6366f166!important}.apiKeyMissing{color:#fbbf24!important;background:#f59e0b1f!important;border-color:#f59e0b66!important}.dubbingSearchBarRow{flex-direction:column;gap:10px;display:flex}.dubbingUrlForm{width:100%}.dubbingUrlInputWrapper{background:var(--panel,#202737);border:1.5px solid var(--panel-border,#e2e8f02e);box-shadow:var(--panel-glow,0 8px 24px #00000026);border-radius:14px;align-items:center;gap:10px;padding:8px 12px;transition:all .2s;display:flex}.dubbingUrlInputWrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.dubbingInputIcon{color:#818cf8;flex-shrink:0}.dubbingUrlInput{color:var(--ink,#fff);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Outfit,sans-serif;font-size:.95rem}.dubbingUrlPasteBtn{color:inherit;cursor:pointer;background:#94a3b826;border:1px solid #94a3b840;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;transition:all .15s;display:flex}.dubbingUrlPasteBtn:hover{color:#6366f1;background:#94a3b840}.dubbingUrlSubmitBtn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #4f46e559}.dubbingUrlSubmitBtn:hover{filter:brightness(1.1);transform:translateY(-1px)}.dubbingSampleChips{flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.dubbingSampleLabel{color:var(--muted,#94a3b8);font-weight:500}.sampleChip{border:1px solid var(--panel-border,#94a3b833);color:inherit;cursor:pointer;background:#94a3b81a;border-radius:20px;padding:4px 12px;font-family:Outfit,sans-serif;font-size:.82rem;transition:all .15s}.sampleChip:hover,.sampleChip.active{color:#818cf8;background:#6366f12e;border-color:#818cf8}.dubbingNotice{border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-size:.92rem;display:flex}.noticeContentWrapper{flex:1;align-items:flex-start;gap:12px;min-width:250px;display:flex}.noticeRetryBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:1px solid #fff3;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #3b82f659}.noticeRetryBtn:hover{background:#2563eb;transform:translateY(-1px)}.noticeRetryBtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.noticeActionGroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.noticeAiBtn{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.groqNoticeBtn{color:#fb923c;background:#f9731626;border:1px solid #f9731673;box-shadow:0 2px 8px #f9731633}.groqNoticeBtn:hover:not(:disabled){color:#fed7aa;background:#f9731647;border-color:#f97316b3;transform:translateY(-1px)}.geminiNoticeBtn{color:#c084fc;background:#8b5cf62e;border:1px solid #8b5cf680;box-shadow:0 2px 8px #8b5cf633}.geminiNoticeBtn:hover:not(:disabled){color:#e9d5ff;background:#8b5cf652;border-color:#8b5cf6bf;transform:translateY(-1px)}.noticeAiBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.transcriptEmptyHint{color:#94a3b8;text-align:center;max-width:320px;margin:6px 0 10px;font-size:.84rem}.transcriptEmptyActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.transcriptInlineBuffering{color:#c084fc;background:#8b5cf614;border:1px dashed #8b5cf659;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:10px 12px 16px;padding:10px 16px;font-size:.82rem;font-weight:500;animation:.25s fadeIn;display:flex}[data-theme=light] .transcriptInlineBuffering{color:#6366f1;background:#6366f114;border-color:#6366f159}.transcriptBottomStatusBar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background:#0f172abf;border-top:1px solid #8b5cf640;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:8px 16px;transition:all .25s;display:flex}.transcriptBottomStatusBar.isBuffering{background:linear-gradient(90deg,#1e1b4b99 0%,#0f172acc 100%);border-top-color:#8b5cf673}.transcriptBottomStatusLeft{color:#c084fc;letter-spacing:.01em;align-items:center;gap:8px;font-size:.78rem;font-weight:500;display:flex}.transcriptBottomStatusRight{flex-shrink:0;align-items:center;gap:10px;display:flex}.autoBufferToggleBtn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;height:26px;padding:3px 10px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.autoBufferToggleBtn.active{color:#e9d5ff;background:#a855f733;border-color:#a855f773}.autoBufferToggleBtn.active:hover{background:#a855f74d;border-color:#a855f7b3;box-shadow:0 0 10px #a855f740}.autoBufferToggleBtn.paused{color:#94a3b8;background:#64748b26;border-color:#94a3b84d}.autoBufferToggleBtn.paused:hover{color:#cbd5e1;background:#64748b40;border-color:#94a3b880}.autoBufferDot{border-radius:999px;width:6px;height:6px;transition:all .2s;display:inline-block}.autoBufferToggleBtn.active .autoBufferDot{background:#34d399;box-shadow:0 0 6px #34d399cc}.autoBufferToggleBtn.paused .autoBufferDot{background:#94a3b8}.transcriptBottomPulseDot{background:#a855f7;border-radius:999px;width:7px;height:7px;animation:1.4s ease-in-out infinite pulseBufferingDot;box-shadow:0 0 8px #a855f7}@keyframes pulseBufferingDot{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.transcriptGapNotice{color:#a78bfa;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e293b73;border:1px dashed #8b5cf64d;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:6px 14px;padding:6px 12px;font-size:.74rem;font-weight:500;transition:all .2s;display:flex}.transcriptGapNotice:hover{color:#e9d5ff;background:#8b5cf626;border-color:#8b5cf68c;transform:translateY(-1px)}.gapMusicIcon{color:#c084fc;flex-shrink:0}.noticeWarning{color:#fbbf24;background:#f59e0b1f;border:1.5px solid #f59e0b66}.noticeWarning p{color:#fde68a;margin:4px 0 0;font-size:.86rem}.noticeError{color:#f87171;background:#ef44441f;border:1.5px solid #ef444466}.noticeError p{color:#fca5a5;margin:4px 0 0;font-size:.86rem}.dubbingStudioGrid{align-items:start;gap:18px;transition:all .25s;display:grid}.dubbingStudioGrid.layout-wide{grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr)}.dubbingStudioGrid.layout-theater{grid-template-columns:minmax(0,2.2fr) minmax(300px,.8fr)}.dubbingStudioGrid.layout-balanced{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (width<=1024px){.dubbingStudioGrid,.dubbingStudioGrid.layout-wide,.dubbingStudioGrid.layout-theater,.dubbingStudioGrid.layout-balanced{grid-template-columns:1fr;align-items:start}}.dubbingPlayerColumn{flex-direction:column;gap:14px;display:flex;position:sticky;top:12px}.dubbingPlayerContainer{background:#000;border:1px solid #ffffff1a;border-radius:16px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000059}.dubbingYtIframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.dubbingControlsCard{background:var(--panel,#202737);border:1px solid var(--panel-border,#e2e8f02e);box-shadow:var(--panel-glow,0 10px 30px #0003);border-radius:16px;flex-direction:column;gap:16px;padding:18px;display:flex}.controlsRowHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.controlsTitle{color:var(--ink,#fff);align-items:center;gap:8px;font-size:1rem;display:flex}.bufferBadge{color:#4ade80;background:#22c55e24;border:1px solid #22c55e59;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:.8rem;display:flex}.bufferPulse{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite bufferGlow;box-shadow:0 0 8px #4ade80}@keyframes bufferGlow{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.controlGroup{flex-direction:column;gap:6px;display:flex}.controlGroup label{color:var(--muted,#94a3b8);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.modeButtonGroup{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.modeBtn{border:1px solid var(--panel-border,#94a3b833);color:var(--ink,#fff);cursor:pointer;background:#94a3b814;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-family:Outfit,sans-serif;font-size:.86rem;font-weight:500;transition:all .2s;display:flex}.modeBtn:hover{background:#94a3b829}.modeBtn.active{color:#fff;background:linear-gradient(135deg,#6366f14d,#4f46e540);border-color:#818cf8;box-shadow:0 0 12px #6366f140}.controlsSettingsGrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.sliderLabelRow{justify-content:space-between;font-size:.82rem;display:flex}.sliderLabelRow span{color:#818cf8;font-weight:600}.sliderWithStepRow{align-items:center;gap:8px;width:100%;margin-top:14px;margin-bottom:6px;display:flex}.volStepBtn{border:1px solid var(--panel-border,#94a3b840);width:28px;height:28px;color:var(--ink,#fff);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172a99;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.1rem;font-weight:700;line-height:1;transition:all .15s;display:flex}.volStepBtn:hover{color:#fff;background:#6366f140;border-color:#818cf8;transform:translateY(-1px)}.volStepBtn:active{transform:translateY(0)}.rangeInputContainer{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.rangeCenterBadge{color:#c7d2fe;pointer-events:none;white-space:nowrap;letter-spacing:.02em;background:#6366f138;border:1px solid #818cf866;border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:700;position:absolute;top:-19px;left:50%;transform:translate(-50%)}[data-theme=light] .volStepBtn{color:#35426e;background:#f5efe0;border-color:#35426e38}[data-theme=light] .volStepBtn:hover{color:#234370;background:#35426e26;border-color:#2e548a}[data-theme=light] .rangeCenterBadge{color:#1d3356;background:#e0e7ff;border-color:#9fbde3}.dubbingSlider{appearance:none;box-sizing:border-box;cursor:pointer;background:#94a3b840;border-radius:999px;outline:none;width:100%;height:6px;margin:6px 0;transition:opacity .15s;border:none!important;padding:0!important}.dubbingSlider::-webkit-slider-runnable-track{background:0 0;border-radius:999px;width:100%;height:6px}.dubbingSlider::-moz-range-track{background:0 0;border-radius:999px;width:100%;height:6px}.dubbingSlider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#818cf8;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;transition:transform .15s,background-color .15s;box-shadow:0 2px 6px #00000059,0 0 8px #6366f166}.dubbingSlider::-webkit-slider-thumb:hover{background:#a5b4fc;transform:scale(1.15)}.dubbingSlider::-moz-range-thumb{cursor:pointer;background:#818cf8;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #00000059}.dubbingSelect{border:1px solid var(--panel-border,#94a3b840);color:var(--ink,#fff);cursor:pointer;background:#0f172a99;border-radius:8px;outline:none;padding:7px 10px;font-family:Outfit,sans-serif;font-size:.88rem}.dubbingTranscriptColumn{background:var(--panel,#202737);border:1px solid var(--panel-border,#e2e8f02e);height:var(--player-column-height,620px);max-height:var(--player-column-height,620px);box-shadow:var(--panel-glow,0 10px 30px #0003);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}@media (width<=1024px){.dubbingTranscriptColumn{min-height:440px;height:clamp(480px,68vh,740px)!important;max-height:clamp(480px,68vh,740px)!important}}.transcriptHeader{border-bottom:1px solid var(--panel-border,#94a3b826);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.transcriptHeaderTitle{color:var(--ink,#fff);align-items:center;gap:8px;min-width:0;display:flex}.transcriptHeaderTitle strong{white-space:nowrap}.transcriptHeaderIcon{color:#818cf8;flex-shrink:0}.cueCountBadge{color:#818cf8;white-space:nowrap;background:#6366f126;border-radius:12px;padding:2px 8px;font-size:.76rem;font-weight:600}.transcriptHeaderTopActions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.autoScrollPillBtn{border:1px solid var(--panel-border,#94a3b840);height:28px;color:var(--muted,#94a3b8);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#0f172a80;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-family:inherit;font-size:.76rem;font-weight:600;transition:all .2s;display:inline-flex}.autoScrollPillBtn:hover{color:var(--ink,#fff);border-color:#6366f180}.autoScrollPillBtn.active{color:#4ade80;background:#22c55e1f;border-color:#22c55e66;box-shadow:0 0 10px #22c55e26}.autoScrollDot{background:#64748b;border-radius:999px;width:7px;height:7px;transition:all .2s}.autoScrollPillBtn.active .autoScrollDot{background:#22c55e;box-shadow:0 0 8px #22c55e}.smartPacingPillBtn{border:1px solid var(--panel-border,#94a3b840);height:28px;color:var(--muted,#94a3b8);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#0f172a80;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-family:inherit;font-size:.76rem;font-weight:600;transition:all .2s;display:inline-flex}.smartPacingPillBtn:hover{color:var(--ink,#fff);border-color:#6366f180}.smartPacingPillBtn.active{color:#a5b4fc;background:#6366f126;border-color:#6366f180;box-shadow:0 0 10px #6366f133}.smartPacingDot{background:#64748b;border-radius:999px;width:7px;height:7px;transition:all .2s}.smartPacingPillBtn.active .smartPacingDot{background:#818cf8;box-shadow:0 0 8px #818cf8}.transcriptToolbarRow{border-bottom:1px solid var(--panel-border,#94a3b81f);background:#0f172a59;align-items:center;gap:10px;padding:8px 16px;display:flex}.transcriptSearchGroup{border:1px solid var(--panel-border,#94a3b833);background:#ffffff0d;border-radius:999px;flex:1;align-items:center;gap:8px;min-width:0;height:30px;padding:3px 12px;transition:all .2s;display:flex}.transcriptSearchGroup:focus-within{background:#ffffff17;border-color:#818cf8;box-shadow:0 0 0 2px #818cf826}.transcriptSearchIcon{color:var(--muted,#94a3b8);flex-shrink:0}.transcriptSearchInput{min-width:0;color:var(--ink,#fff);background:0 0;border:none;outline:none;flex:1;font-family:Outfit,sans-serif;font-size:.82rem}.transcriptSearchInput::placeholder{color:var(--muted,#64748b)}.clearSearchBtn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1.1rem;line-height:1}.clearSearchBtn:hover{color:#fff}.transcriptWordTip{color:#a5b4fc;background:#6366f114;border-bottom:1px solid #6366f126;align-items:center;gap:8px;padding:8px 18px;font-size:.8rem;display:flex}.transcriptList{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.transcriptLoadingState,.transcriptEmptyState{color:var(--muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:.92rem;display:flex}.spinIcon{animation:1.2s linear infinite spin}.transcriptRetryBtn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:8px 16px;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #3b82f64d}.transcriptRetryBtn:hover{background:#2563eb}.transcriptRetryBtn:disabled{opacity:.6;cursor:not-allowed}.transcriptReloadBtn{border:1px solid var(--panel-border,#94a3b840);color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;height:28px;padding:4px 11px;font-size:.76rem;font-weight:600;transition:all .2s;display:inline-flex}.transcriptReloadBtn:hover{color:#fff;background:#ffffff29;border-color:#6366f180}.transcriptReloadBtn:disabled{opacity:.5;cursor:not-allowed}.transcriptCueItem{border:1px solid var(--panel-border,#ffffff14);background:#ffffff08;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .2s;display:flex}.transcriptCueItem:hover{background:#ffffff0f;border-color:#6366f14d}.transcriptCueItem.activeCue{background:linear-gradient(135deg,#6366f138,#4f46e529);border-color:#818cf8;transform:scale(1.008);box-shadow:0 4px 20px #6366f140}.cueTimeRow{justify-content:space-between;align-items:center;display:flex}.cueTimestampBtn{border:1px solid var(--panel-border,#94a3b82e);color:var(--muted,#94a3b8);cursor:pointer;background:#94a3b81a;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.76rem;transition:all .15s;display:inline-flex}.cueTimestampBtn:hover{color:#818cf8;background:#6366f133;border-color:#818cf8}.cueStatusBadge{border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:500}.cueStatusBadge.status-ready{color:#4ade80;background:#22c55e26}.cueStatusBadge.status-translating{color:#fbbf24;background:#f59e0b26}.cueStatusBadge.status-idle{color:var(--muted,#64748b)}.cueEnglishText{color:var(--ink,#fff);word-spacing:normal;letter-spacing:.01em;font-size:1.05rem;line-height:1.6;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.dubbingWordChip{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;border-radius:3px;margin:0;padding:0 1px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:inline}.dubbingWordChip:hover{color:#c7d2fe;text-underline-offset:3px;background:#6366f14d;text-decoration:underline}.dubbingWordChip.wordSaved{border-bottom:2px solid #22c55e;font-weight:600;color:#4ade80!important;background:#22c55e40!important}.dubbingWordChip.wordSaving{opacity:.5;animation:1s infinite pulse}.savedCheckmark{stroke-width:3px;color:#4ade80;vertical-align:middle;margin-left:2px;display:inline}.cueVietnameseText{border-left:2px solid #84cc16;margin-top:4px;padding-left:8px;font-size:.94rem;font-style:italic;line-height:1.5;color:#a3e635!important;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.activeCue .cueVietnameseText{border-left-color:#bef264;color:#bef264!important}.wordConfirmModalCard{border-radius:18px;width:90%;max-width:480px;box-shadow:0 24px 64px #00000073}.wordConfirmNotice{color:var(--muted,#94a3b8);margin:0;font-size:.88rem;line-height:1.4}.wordConfirmTarget{background:#6366f11f;border:1px solid #6366f14d;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.wordConfirmToken{color:var(--ink,#fff);letter-spacing:.02em;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700}.wordAlreadySavedBadge{color:#34d399;background:#10b98133;border:1px solid #10b98166;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.wordConfirmContextBox{border:1px solid var(--panel-border,#94a3b833);background:#0f172a80;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.wordConfirmContextRow{flex-direction:column;gap:2px;font-size:.88rem;display:flex}.wordConfirmContextLabel{text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#94a3b8);font-size:.74rem;font-weight:600}.wordConfirmContextEn{color:var(--ink,#e2e8f0);font-style:italic;line-height:1.4}.wordConfirmContextVi{font-style:italic;font-weight:500;line-height:1.4;color:#a3e635!important}.wordConfirmFieldGroup{flex-direction:column;gap:6px;display:flex}.wordConfirmFieldHeader{justify-content:space-between;align-items:center;display:flex}.wordConfirmFieldLabel{text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#94a3b8);font-size:.8rem;font-weight:600}.wordConfirmInputWrapper{align-items:center;gap:10px;display:flex}.wordConfirmInput{border:1.5px solid var(--panel-border,#94a3b840);color:var(--ink,#fff);background:#0f172a99;border-radius:10px;outline:none;flex:1;padding:8px 12px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;transition:all .2s}.wordConfirmInput:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.wordConfirmTextarea{border:1.5px solid var(--panel-border,#94a3b840);width:100%;color:var(--ink,#fff);resize:vertical;box-sizing:border-box;background:#0f172a99;border-radius:10px;outline:none;padding:10px 12px;font-family:Outfit,sans-serif;font-size:.88rem;line-height:1.5;transition:all .2s}.wordConfirmTextarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.wordConfirmResetBtn{color:#818cf8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.76rem;font-weight:600;transition:all .2s}.wordConfirmResetBtn:hover{color:#a5b4fc;background:#818cf81a}.transcriptModeSelectorWrapper{flex-shrink:0;align-items:center;display:inline-flex}.transcriptModeSelect{border:1px solid var(--panel-border,#94a3b840);color:#e2e8f0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#ffffff12;border-radius:999px;outline:none;max-width:175px;height:30px;padding:4px 10px;font-family:Outfit,sans-serif;font-size:.76rem;font-weight:600;transition:all .2s}.transcriptModeSelect:hover,.transcriptModeSelect:focus{color:#fff;background:#ffffff24;border-color:#818cf8;box-shadow:0 0 0 2px #818cf826}.transcriptModeSelect option{color:#fff;background:#1e293b}.translatingSkeleton{color:var(--muted,#94a3b8);opacity:.8;font-style:italic}.soundOnlyLabel{color:var(--muted,#94a3b8);opacity:.75;align-items:center;gap:4px;font-size:.8rem;font-style:italic;display:inline-flex}.pendingTranslation{color:var(--muted,#64748b);align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.retryCueTranslateBtn{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;transition:all .15s;display:inline-flex}.retryCueTranslateBtn:hover{color:#fff;background:#6366f14d}.dubbingModalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dubbingModalCard{background:var(--panel,#1e293b);border:1px solid var(--panel-border,#94a3b840);border-radius:18px;flex-direction:column;width:100%;max-width:520px;display:flex;overflow:hidden;box-shadow:0 24px 56px #00000073}.modalHeader{border-bottom:1px solid var(--panel-border,#94a3b826);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modalTitle{color:#818cf8;align-items:center;gap:10px;display:flex}.modalTitle h3{color:var(--ink,#fff);margin:0;font-size:1.15rem}.closeModalBtn{color:var(--muted,#94a3b8);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.modalBody{color:var(--muted,#cbd5e1);flex-direction:column;gap:14px;padding:20px 22px;font-size:.92rem;display:flex}.formField{flex-direction:column;gap:6px;display:flex}.fieldLabel{color:var(--muted,#94a3b8);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.fieldLabelRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.quickPresetRow{align-items:center;gap:6px;display:flex}.presetChip{border:1px solid var(--panel-border,#94a3b840);color:var(--ink,#fff);cursor:pointer;background:#94a3b81f;border-radius:12px;padding:2px 8px;font-family:Outfit,sans-serif;font-size:.74rem;transition:all .15s}.presetChip:hover{color:#818cf8;background:#6366f140;border-color:#818cf8}.modalKeyInputWrapper{align-items:center;width:100%;display:flex;position:relative}.modalKeyInputWrapper input{border:1.5px solid var(--panel-border,#94a3b84d);width:100%;color:var(--ink,#fff);background:#0f172a99;border-radius:10px;outline:none;padding:10px 42px 10px 14px;font-family:Outfit,sans-serif;font-size:.92rem;transition:border-color .2s}.modalKeyInputWrapper input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.copyKeyBtn{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f159;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:.76rem;font-weight:500;transition:all .15s;display:inline-flex}.copyKeyBtn:hover{color:#fff;background:#6366f147;border-color:#818cf8}.inputInlineCopyBtn{color:var(--muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;right:10px}.inputInlineCopyBtn:hover{color:#818cf8;background:#6366f126}.apiKeyHintCard{color:var(--muted,#cbd5e1);background:#6366f114;border:1px solid #6366f133;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:.82rem;line-height:1.45;display:flex}.apiKeyHintCard .hintIcon{color:#818cf8;flex-shrink:0;margin-top:2px}.apiKeyHintCard strong{color:var(--ink,#fff);margin-bottom:2px;display:block}.advancedSettingsToggle{color:var(--muted,#94a3b8);cursor:pointer;margin-top:4px;font-size:.8rem}.advancedSettingsToggle summary{-webkit-user-select:none;user-select:none;outline:none;transition:color .15s}.advancedSettingsToggle summary:hover{color:#818cf8}.advancedSettingsContent{border:1px dashed var(--panel-border,#94a3b833);background:#00000026;border-radius:8px;flex-direction:column;gap:10px;margin-top:10px;padding:10px;display:flex}.speedPresetRow{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.speedChip{border:1px solid var(--panel-border,#94a3b833);color:var(--muted,#94a3b8);cursor:pointer;background:#94a3b81a;border-radius:6px;padding:2px 7px;font-family:inherit;font-size:.72rem;transition:all .12s}.speedChip:hover{color:#818cf8;background:#6366f133;border-color:#818cf8}.speedChipActive{font-weight:600;color:#fff!important;background:#6366f14d!important;border-color:#818cf8!important}.audioMixPresetRow{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.mixChip{border:1px solid var(--panel-border,#94a3b838);color:var(--muted,#cbd5e1);cursor:pointer;background:#94a3b814;border-radius:8px;align-items:center;gap:6px;padding:5px 11px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.mixChip:hover{color:#fff;background:#6366f133;border-color:#818cf8}.mixChipActive{font-weight:600;box-shadow:0 0 10px #6366f133;color:#fff!important;background:#6366f147!important;border-color:#818cf8!important}.testStatusBanner{border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.84rem;font-weight:500;display:flex}.testSuccess{color:#4ade80;background:#22c55e26;border:1px solid #22c55e66}.testError{color:#f87171;background:#ef444426;border:1px solid #ef444466}.providerDetectionBadge{background:#0f172a80;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:600;transition:all .2s;display:inline-flex}.providerPresetChips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.modelSelectWrapper{align-items:center;gap:8px;width:100%;display:flex;position:relative}.modelSelectDropdown{border:1.5px solid var(--panel-border,#94a3b84d);color:var(--ink,#fff);cursor:pointer;background:#0f172ab3;border-radius:10px;outline:none;flex:1;min-width:0;padding:9px 12px;font-family:Outfit,sans-serif;font-size:.88rem;transition:border-color .2s}.modelSelectDropdown:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.modelSelectDropdown optgroup{color:#a5b4fc;background:#1e293b;font-weight:600}.modelSelectDropdown option{color:#e2e8f0;background:#0f172a;padding:6px}.discoverBtn{color:#a5b4fc;cursor:pointer;white-space:nowrap;background:#6366f129;border:1px solid #6366f159;border-radius:8px;align-items:center;gap:5px;padding:8px 12px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.discoverBtn:hover:not(:disabled){color:#fff;background:#6366f14d;border-color:#818cf8}.discoverBtn:disabled{opacity:.6;cursor:not-allowed}.modelDiscoveryMeta{color:var(--muted,#94a3b8);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:.76rem;display:flex}.modelToggleLink{color:#818cf8;cursor:pointer;background:0 0;border:none;padding:0;font-size:.76rem;text-decoration:underline}.modelToggleLink:hover{color:#a5b4fc}.modalFooter{border-top:1px solid var(--panel-border,#94a3b826);background:#0f172a40;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;display:flex}[data-theme=light] .secondaryButton{color:#35426e;background:#fdfbf7;border:1.5px solid #35426e38;box-shadow:0 1px 3px #35426e0d}[data-theme=light] .secondaryButton:hover:not(:disabled){color:#35426e;background:#fcf9f2;border-color:#8b97b6;box-shadow:0 2px 6px #35426e14}[data-theme=light] .secondaryButton:disabled{color:#8b97b6;opacity:.6;background:#f5efe0;border-color:#35426e26}[data-theme=light] .secondaryButton.apiKeyConfigured,[data-theme=light] .apiKeyConfigured{font-weight:700;color:#15573b!important;background:#e6f4ed!important;border-color:#9fd5b9!important;box-shadow:0 1px 3px #10b9811a!important}[data-theme=light] .secondaryButton.apiKeyConfigured:hover:not(:disabled){color:#10442e!important;background:#cee9dc!important;border-color:#72c499!important}[data-theme=light] .secondaryButton.apiKeyFallback,[data-theme=light] .apiKeyFallback{font-weight:700;color:#0f766e!important;background:#f0fdfa!important;border-color:#99f6e4!important;box-shadow:0 1px 3px #0d94881a!important}[data-theme=light] .secondaryButton.apiKeyFallback:hover:not(:disabled){color:#115e59!important;background:#ccfbf1!important;border-color:#5eead4!important}[data-theme=light] .copyKeyHeaderBtn,[data-theme=light] .copyKeyBtn{color:#35426e!important;background:#fdfbf7!important;border:1.5px solid #35426e38!important}[data-theme=light] .copyKeyHeaderBtn:hover:not(:disabled),[data-theme=light] .copyKeyBtn:hover:not(:disabled){color:#35426e!important;background:#fcf9f2!important;border-color:#8b97b6!important}[data-theme=light] .dubbingStudioBar{background:#fdfbf7;border-color:#35426e26;box-shadow:0 4px 16px #0000000a}[data-theme=light] .studioLogoBadge{color:#2e548a;background:linear-gradient(135deg,#e6edf7,#faeed4);border-color:#c1d4ee}[data-theme=light] .studioMainTitle{color:#35426e!important}[data-theme=light] .studioLangTag{color:#234370;background:#e6edf7;border-color:#c1d4ee}[data-theme=light] .viewPrefLabel{color:#627097}[data-theme=light] .viewPrefButtonGroup{background:#f5efe0;border-color:#35426e38}[data-theme=light] .viewPrefBtn{color:#505e83}[data-theme=light] .viewPrefBtn:hover{color:#35426e;background:#0000000d}[data-theme=light] .viewPrefBtn.active{background:#2e548a;box-shadow:0 2px 6px #2e548a40;color:#fdfbf7!important}[data-theme=light] .controlsToggleBtn{color:#35426e;background:#fdfbf7;border-color:#35426e38}[data-theme=light] .controlsToggleBtn:hover{color:#35426e;background:#fcf9f2;border-color:#8b97b6}[data-theme=light] .controlsToggleBtn.collapsed{color:#9c6d1d;background:#faf1de;border-color:#ebd19a}[data-theme=light] .dubbingUrlInputWrapper{background:#fdfbf7;border-color:#35426e38;box-shadow:0 2px 8px #00000008}[data-theme=light] .dubbingUrlInputWrapper:focus-within{border-color:#2e548a;box-shadow:0 0 0 3px #2e548a26}[data-theme=light] .dubbingUrlInput{color:#35426e}[data-theme=light] .dubbingUrlInput::placeholder{color:#8b97b6}[data-theme=light] .dubbingUrlPasteBtn{color:#505e83;background:#f5efe0;border-color:#35426e38}[data-theme=light] .dubbingUrlPasteBtn:hover{color:#35426e;background:#35426e26}[data-theme=light] .dubbingSampleLabel{color:#627097}[data-theme=light] .sampleChip{color:#35426e;background:#fcf9f2;border-color:#35426e38}[data-theme=light] .sampleChip:hover{color:#35426e;background:#f5efe0;border-color:#8b97b6}[data-theme=light] .sampleChip.active{color:#234370;background:#e6edf7;border-color:#557db5}[data-theme=light] .collapsedControlsBar{background:#fdfbf7;border-color:#35426e38}[data-theme=light] .reopenControlsBtn{color:#234370;background:#e6edf7;border-color:#c1d4ee}[data-theme=light] .reopenControlsBtn:hover{background:#e0e7ff;border-color:#9fbde3}[data-theme=light] .collapsedSummary{color:#627097}[data-theme=light] .dubbingControlsCard{background:#fdfbf7;border-color:#35426e26;box-shadow:0 6px 20px #0000000a}[data-theme=light] .controlGroup label{color:#505e83}[data-theme=light] .sliderLabelRow span{color:#627097}[data-theme=light] .speedChip{color:#35426e;background:#fcf9f2;border-color:#35426e38}[data-theme=light] .speedChip:hover{color:#35426e;background:#f5efe0}[data-theme=light] .speedChip.speedChipActive{color:#234370;background:#e6edf7;border-color:#2e548a;font-weight:700}[data-theme=light] .dubbingSelect{color:#35426e;background:#fcf9f2;border-color:#35426e38}[data-theme=light] .bufferBadge{color:#15573b;background:#e6f4ed;border-color:#bce2cf}[data-theme=light] .dubbingTranscriptColumn{background:#fdfbf7;border-color:#35426e26;box-shadow:0 6px 20px #0000000a}[data-theme=light] .transcriptHeader{border-bottom-color:#35426e26}[data-theme=light] .transcriptHeaderTitle strong{color:#35426e}[data-theme=light] .cueCountBadge,[data-theme=light] .autoScrollPillBtn{color:#505e83;background:#f5efe0;border-color:#35426e38}[data-theme=light] .autoScrollPillBtn:hover{color:#35426e;background:#35426e26;border-color:#8b97b6}[data-theme=light] .autoScrollPillBtn.active{color:#15573b;background:#e6f4ed;border-color:#9fd5b9;box-shadow:0 1px 4px #10b98126}[data-theme=light] .autoScrollDot{background:#8b97b6}[data-theme=light] .autoScrollPillBtn.active .autoScrollDot{background:#20845a;box-shadow:0 0 6px #10b98180}[data-theme=light] .smartPacingPillBtn{color:#505e83;background:#f5efe0;border-color:#35426e38}[data-theme=light] .smartPacingPillBtn:hover{color:#35426e;background:#35426e26;border-color:#8b97b6}[data-theme=light] .smartPacingPillBtn.active{color:#234370;background:#e6edf7;border-color:#9fbde3;box-shadow:0 1px 4px #2e548a26}[data-theme=light] .smartPacingDot{background:#8b97b6}[data-theme=light] .smartPacingPillBtn.active .smartPacingDot{background:#2e548a;box-shadow:0 0 6px #2e548a80}[data-theme=light] .transcriptReloadBtn{color:#35426e;background:#f5efe0;border-color:#35426e38}[data-theme=light] .transcriptReloadBtn:hover{color:#35426e;background:#35426e26;border-color:#8b97b6}[data-theme=light] .transcriptBottomStatusBar{background:#fbf7ee;border-top-color:#6366f133}[data-theme=light] .transcriptBottomStatusBar.isBuffering{background:#f5efe0;border-top-color:#6366f166}[data-theme=light] .transcriptBottomStatusLeft{color:#6366f1}[data-theme=light] .autoBufferToggleBtn.active{color:#7e22ce;background:#f3e8ff;border-color:#d8b4fe}[data-theme=light] .autoBufferToggleBtn.active:hover{background:#e9d5ff;border-color:#c084fc}[data-theme=light] .autoBufferToggleBtn.paused{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .autoBufferToggleBtn.paused:hover{color:#334155;background:#e2e8f0}[data-theme=light] .transcriptGapNotice{color:#4f46e5;background:#f5efe0b3;border-color:#6366f140}[data-theme=light] .transcriptGapNotice:hover{color:#3730a3;background:#6366f11f;border-color:#6366f173}[data-theme=light] .gapMusicIcon{color:#6366f1}[data-theme=light] .transcriptToolbarRow{background:#fcf9f2;border-bottom-color:#35426e26}[data-theme=light] .transcriptSearchGroup{background:#fdfbf7;border-color:#35426e38}[data-theme=light] .transcriptSearchGroup:focus-within{border-color:#2e548a;box-shadow:0 0 0 2px #2e548a26}[data-theme=light] .transcriptSearchIcon{color:#8b97b6}[data-theme=light] .transcriptSearchInput{color:#35426e}[data-theme=light] .transcriptSearchInput::placeholder{color:#8b97b6}[data-theme=light] .clearSearchBtn{color:#505e83;background:#35426e26}[data-theme=light] .clearSearchBtn:hover{color:#35426e;background:#35426e38}[data-theme=light] .transcriptWordTip{color:#166534;background:#eaf6ef;border-bottom-color:#d4edd9}[data-theme=light] .transcriptCueItem{background:#fdfbf7;border-color:#35426e26}[data-theme=light] .transcriptCueItem:hover{background:#fcf9f2;border-color:#35426e38}[data-theme=light] .transcriptCueItem.activeCue{background:#e6edf7;border-color:#2e548a;box-shadow:0 2px 10px #2e548a1f}[data-theme=light] .cueTimeRow{color:#627097}[data-theme=light] .cueTimestampBtn,[data-theme=light] .cueSpeakerBtn,[data-theme=light] .cueCopyBtn{color:#505e83;background:#f5efe0;border-color:#35426e38}[data-theme=light] .cueTimestampBtn:hover,[data-theme=light] .cueSpeakerBtn:hover,[data-theme=light] .cueCopyBtn:hover{color:#35426e;background:#35426e26}[data-theme=light] .cueEnglishText,[data-theme=light] .dubbingWordChip{color:#35426e}[data-theme=light] .dubbingWordChip:hover{color:#1d3356;background:#e0e7ff}[data-theme=light] .dubbingWordChip.wordSaving{color:#7a5210;background:#faeed4}[data-theme=light] .wordConfirmModalCard{background:#fdfbf7;border-color:#35426e38}[data-theme=light] .wordConfirmNotice{color:#505e83}[data-theme=light] .wordConfirmTarget{background:#e6edf7;border-color:#c1d4ee}[data-theme=light] .wordConfirmToken{color:#1e1b4b}[data-theme=light] .wordConfirmContextBox{background:#fcf9f2;border-color:#35426e26}[data-theme=light] .wordConfirmContextLabel{color:#627097}[data-theme=light] .wordConfirmContextEn{color:#35426e}[data-theme=light] .wordConfirmContextVi{color:#3f6212!important}[data-theme=light] .wordConfirmInput,[data-theme=light] .wordConfirmTextarea{color:#35426e;background:#fcf9f2;border-color:#35426e38}[data-theme=light] .wordConfirmInput:focus,[data-theme=light] .wordConfirmTextarea:focus{background:#fdfbf7;border-color:#2e548a}[data-theme=light] .transcriptModeSelect{color:#35426e;background:#fdfbf7;border-color:#35426e38}[data-theme=light] .transcriptModeSelect:hover,[data-theme=light] .transcriptModeSelect:focus{color:#35426e;background:#fcf9f2;border-color:#2e548a}[data-theme=light] .transcriptModeSelect option{color:#35426e;background:#fdfbf7}[data-theme=light] .dubbingModalCard{background:#fdfbf7;border-color:#35426e38;box-shadow:0 24px 64px #35426e2e}[data-theme=light] .modalHeader{border-bottom-color:#35426e26}[data-theme=light] .modalTitle h3{color:#35426e}[data-theme=light] .modalTitle p{color:#627097}[data-theme=light] .modalBody{color:#35426e}[data-theme=light] .modalKeyInputWrapper{background:#fdfbf7;border-color:#35426e38}[data-theme=light] .modalKeyInputWrapper input{color:#35426e}[data-theme=light] .modalKeyInputWrapper input::placeholder{color:#8b97b6}[data-theme=light] .modelSelectDropdown{color:#35426e;background:#fdfbf7;border-color:#35426e38}[data-theme=light] .modelSelectDropdown optgroup{color:#505e83;background:#f5efe0}[data-theme=light] .modelSelectDropdown option{color:#35426e;background:#fdfbf7}[data-theme=light] .discoverBtn{color:#234370;background:#e6edf7;border-color:#c1d4ee}[data-theme=light] .discoverBtn:hover:not(:disabled){background:#e0e7ff;border-color:#9fbde3}[data-theme=light] .modalFooter{background:#fcf9f2;border-top-color:#35426e26}[data-theme=light] .modalCancelBtn{color:#35426e;background:#fdfbf7;border-color:#35426e38}[data-theme=light] .modalCancelBtn:hover{color:#35426e;background:#f5efe0}[data-theme=light] .analyticsHero,[data-theme=light] .accountsHero,[data-theme=light] .pomodoroHero,[data-theme=light] .sketchHero,[data-theme=light] .listeningHero,[data-theme=light] .speakingHero{background:#fdfbf7!important;border:1.5px solid #35426e38!important;box-shadow:0 4px 20px #35426e0f!important}[data-theme=light] .analyticsHero h2,[data-theme=light] .accountsHero h2,[data-theme=light] .pomodoroHero h2,[data-theme=light] .sketchHero h2,[data-theme=light] .listeningHero h2,[data-theme=light] .speakingHero h2{color:#35426e!important;font-weight:800!important}[data-theme=light] .analyticsHero span,[data-theme=light] .accountsHero span,[data-theme=light] .pomodoroHero span,[data-theme=light] .sketchHero span,[data-theme=light] .listeningHero span,[data-theme=light] .speakingHero span,[data-theme=light] .analyticsEmpty p,[data-theme=light] .analyticsMessage p{color:#35426e!important;font-weight:500!important}[data-theme=light] .panelTitle,[data-theme=light] .panelTitle span{color:#35426e!important;font-weight:800!important}[data-theme=light] .panelTitle svg{color:#2e548a!important}[data-theme=light] .speakingHeroStats .speakingSesameBtn{color:#9d174d!important;background:#fdf2f8!important;border:1.5px solid #f472b6!important;font-weight:700!important}[data-theme=light] .speakingHeroStats .speakingSesameBtn:hover{color:#831843!important;background:#fce7f3!important;border-color:#ec4899!important}[data-theme=light] .speakingHeroStats .speakingSesameBtn svg{color:#db2777!important}[data-theme=light] .speakingStatBadge{color:#35426e!important;background:#fcf9f2!important;border:1.5px solid #35426e38!important}[data-theme=light] .speakingStatBadge strong{color:#35426e!important;font-weight:900!important}[data-theme=light] .speakingStatBadge span{color:#505e83!important;font-weight:700!important}[data-theme=light] .speakingStatBadge svg{color:#2e548a!important}[data-theme=light] .speakingQuestionPanel,[data-theme=light] .speakingRecorderPanel,[data-theme=light] .speakingEvaluationPanel{background:#fdfbf7!important;border:1.5px solid #35426e38!important;box-shadow:0 4px 16px #35426e0d!important}[data-theme=light] .speakingQuestionInput{color:#35426e!important;background:#fdfbf7!important;border:1.5px solid #35426e38!important;font-weight:500!important}[data-theme=light] .speakingQuestionInput:focus{border-color:#2e548a!important;box-shadow:0 0 0 3px #2e548a26!important}[data-theme=light] .speakingQuestionInput::placeholder{color:#627097!important}[data-theme=light] .speakingPromptFooter{color:#35426e!important;font-weight:700!important}[data-theme=light] .speakingPromptFooter span{color:#35426e!important}[data-theme=light] .speakingRecordButton{box-shadow:0 8px 24px #35426e1f!important}[data-theme=light] .speakingRecordRing{color:#35426e!important;background:#fdfbf7!important;border:2px solid #35426e38!important}[data-theme=light] .speakingRecordButton strong{color:#ea580c!important;font-weight:900!important}[data-theme=light] .speakingRecordButton.recording strong{color:#e11d48!important}[data-theme=light] .speakingRecorderMeta strong{color:#35426e!important;font-weight:800!important}[data-theme=light] .speakingRecorderMeta span{color:#505e83!important;font-weight:600!important}[data-theme=light] .speakingApiKeyRow{color:#35426e!important;background:#fcf9f2!important;border:1.5px solid #35426e38!important}[data-theme=light] .speakingApiKeyRow:focus-within{background:#fdfbf7!important;border-color:#2e548a!important;box-shadow:0 0 0 3px #2e548a26!important}[data-theme=light] .speakingApiKeyRow svg{color:#2e548a!important}[data-theme=light] .speakingApiKeyInput{color:#35426e!important;font-weight:600!important}[data-theme=light] .speakingApiKeyInput::placeholder{color:#627097!important}[data-theme=light] .speakingEvaluationHeader h3{color:#35426e!important;font-weight:800!important}[data-theme=light] .speakingScoreChips span{color:#1e40af!important;background:#e6edf7!important;border:1.5px solid #93c5fd!important;font-weight:800!important}[data-theme=light] .speakingTranscriptBox{color:#505e83!important;background:#fcf9f2!important;border:1.5px solid #35426e38!important}[data-theme=light] .speakingTranscriptBox.hasContent{color:#35426e!important;font-weight:600!important}[data-theme=light] .speakingRubricTabs{background:#f5efe0!important;border:1.5px solid #35426e38!important}[data-theme=light] .speakingRubricTabs button{color:#35426e!important;border-right:1px solid #35426e38!important}[data-theme=light] .speakingRubricTabs button span{color:#35426e!important;font-weight:700!important}[data-theme=light] .speakingRubricTabs button strong{color:#35426e!important;font-weight:900!important}[data-theme=light] .speakingRubricTabs button.active{background:#ccfbf1!important}[data-theme=light] .speakingRubricTabs button.active span{color:#0f766e!important}[data-theme=light] .speakingRubricTabs button.active strong{color:#042f2e!important}[data-theme=light] .speakingRubricResult{color:#35426e!important;background:#fdfbf7!important;border:1.5px solid #35426e38!important;border-top:0!important;font-weight:600!important}[data-theme=light] .speakingScoreFooter{background:#f0fdfa!important;border:1.5px solid #99f6e4!important}[data-theme=light] .speakingScoreButton:disabled{color:#505e83!important;background:#35426e26!important;border:1.5px solid #35426e38!important;font-weight:700!important}[data-theme=light] .listeningSpeakingBtn{color:#0f766e!important;background:#f0fdfa!important;border:1.5px solid #2dd4bf!important;font-weight:700!important}[data-theme=light] .listeningSpeakingBtn:hover{color:#115e59!important;background:#ccfbf1!important;border-color:#0d9488!important}[data-theme=light] .listeningSpeakingBtn svg{color:#0d9488!important}[data-theme=light] .listeningWritingBadge{color:#35426e!important;background:#fcf9f2!important;border:1.5px solid #35426e38!important}[data-theme=light] .listeningWritingBadge strong{color:#35426e!important;font-weight:900!important}[data-theme=light] .listeningWritingBadge span{color:#505e83!important;font-weight:700!important}[data-theme=light] .listeningWritingBadge svg{color:#0d9488!important}[data-theme=light] .listeningSetupPanel,[data-theme=light] .listeningPlayerPanel,[data-theme=light] .listeningWritingPanel{background:#fdfbf7!important;border:1.5px solid #35426e38!important;box-shadow:0 4px 16px #35426e0d!important}[data-theme=light] .listeningSetupPanel label span{color:#35426e!important;font-weight:800!important}[data-theme=light] .listeningSetupPanel input,[data-theme=light] .listeningSetupPanel select{color:#35426e!important;background:#fdfbf7!important;border:1.5px solid #35426e38!important;font-weight:500!important}[data-theme=light] .listeningUrlBarRow{background:#fcf9f2!important;border:1.5px solid #35426e38!important}[data-theme=light] .listeningUrlBarRow:focus-within{background:#fdfbf7!important;border-color:#2e548a!important;box-shadow:0 0 0 3px #2e548a26!important}[data-theme=light] .listeningUrlBarIcon{color:#2e548a!important}[data-theme=light] .listeningUrlInput{color:#35426e!important;font-weight:600!important}[data-theme=light] .listeningUrlInput::placeholder{color:#627097!important}[data-theme=light] .listeningUrlPasteBtn{color:#35426e!important;background:#f5efe0!important;border:1px solid #35426e38!important}[data-theme=light] .listeningUrlPasteBtn:hover{color:#35426e!important;background:#35426e26!important}[data-theme=light] .listeningWritingHeader h3{color:#35426e!important;font-weight:800!important}[data-theme=light] .listeningAnswerInput{color:#35426e!important;background:#fdfbf7!important;border:1.5px solid #35426e38!important;font-weight:500!important}[data-theme=light] .listeningAnswerInput:focus{border-color:#2e548a!important;box-shadow:0 0 0 3px #2e548a26!important}[data-theme=light] .listeningAnswerInput::placeholder{color:#627097!important}[data-theme=light] .listeningPlayerQuery{color:#35426e!important;font-weight:700!important}[data-theme=light] .listeningPlayerEmpty{color:#35426e!important;background:#fcf9f2!important}[data-theme=light] .listeningColumnToggle{color:#35426e!important;background:#fdfbf7!important;border:1.5px solid #35426e38!important}[data-theme=light] .listeningColumnToggle:hover{color:#35426e!important;background:#f5efe0!important;border-color:#8b97b6!important}[data-theme=light] .densityToggleBtn{color:#35426e!important;background:#fcf9f2!important;border:1.5px solid #35426e38!important;font-weight:700!important}[data-theme=light] .densityToggleBtn:hover{color:#35426e!important;background:#f5efe0!important}[data-theme=light] .keywordDensityPanel{background:#fdfbf7!important;border:1.5px solid #35426e38!important;box-shadow:0 10px 25px #35426e1f!important}[data-theme=light] .densityHeader{background:#fcf9f2!important;border-bottom:1px solid #35426e26!important}[data-theme=light] .densityHeader strong{color:#35426e!important}[data-theme=light] .densityWord{color:#35426e!important;font-weight:600!important}[data-theme=light] .densityBadge{color:#35426e!important;background:#35426e26!important;font-weight:800!important}[data-theme=light] .writingPaneHeader{background:#fcf9f2!important;border-bottom:1.5px solid #35426e38!important}[data-theme=light] .writingPaneHeaderLeft{color:#35426e!important;font-weight:800!important}[data-theme=light] .writingPaneBadge{color:#234370!important;background:#e0e7ff!important;border:1px solid #c1d4ee!important;font-weight:700!important}[data-theme=light] .writingImageArea,[data-theme=light] .writingEditorArea{background:#fdfbf7!important;border:1.5px solid #35426e38!important}[data-theme=light] .writingTextarea{color:#35426e!important}[data-theme=light] .writingTextarea::placeholder{color:#627097!important}[data-theme=light] .writingToolbar{background:#fcf9f2!important;border:1.5px solid #35426e38!important}[data-theme=light] .writingToolbarTop{border-bottom:1px solid #35426e26!important}[data-theme=light] .pomodoroHero .pomodoroQuote{color:#35426e!important;text-shadow:none!important}[data-theme=light] .pomodoroRoundBadge{color:#8f1e21!important;background:#fae8e8!important;border:1.5px solid #f3c2c2!important}[data-theme=light] .pomodoroRoundBadge strong{color:#8f1e21!important;font-weight:900!important}[data-theme=light] .pomodoroRoundBadge span{color:#a8272a!important;font-weight:700!important}[data-theme=light] .pomodoroFocusPanel,[data-theme=light] .pomodoroSettingsPanel{background:#fdfbf7!important;border:1.5px solid #35426e38!important;box-shadow:0 4px 16px #35426e0d!important}[data-theme=light] .pomodoroBigTime{background:#fcf9f2!important;border:1.5px solid #f3c2c2!important}[data-theme=light] .pomodoroBigTime strong{color:#35426e!important;font-weight:900!important}[data-theme=light] .pomodoroBigTime span{color:#a8272a!important;font-weight:800!important}[data-theme=light] .durationFields label{background:#fcf9f2!important;border:1.5px solid #35426e38!important}[data-theme=light] .durationFields span{color:#35426e!important;font-weight:800!important}[data-theme=light] .durationFields input{color:#35426e!important;background:#fdfbf7!important;border:1.5px solid #35426e38!important;font-weight:800!important}[data-theme=light] .durationFields small{color:#505e83!important;font-weight:600!important}[data-theme=light] .settingsHint{color:#0f766e!important;background:#f0fdfa!important;border:1.5px solid #99f6e4!important}[data-theme=light] .sketchToolbar{background:#fdfbf7!important;border:1.5px solid #35426e38!important;box-shadow:0 4px 16px #35426e0d!important}[data-theme=light] .sketchToolBtn,[data-theme=light] .sketchActionBtn{color:#35426e!important;background:#fcf9f2!important;border:1.5px solid #35426e38!important}[data-theme=light] .sketchToolBtn:hover,[data-theme=light] .sketchActionBtn:hover:not(:disabled){color:#35426e!important;background:#f5efe0!important;border-color:#8b97b6!important}[data-theme=light] .sketchToolBtn.active{color:#2e548a!important;background:#e6edf7!important;border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!important}[data-theme=light] .sketchBrushGroup{background:#fcf9f2!important;border:1.5px solid #35426e38!important}[data-theme=light] .sketchBrushValue{color:#35426e!important;font-weight:800!important}[data-theme=light] .sketchSideScrollControl{background:#fdfbf7!important;border:1.5px solid #35426e38!important}[data-theme=light] .sketchScrollRail:before{background:#35426e38!important}[data-theme=light] .sketchZoomControls button{color:#35426e!important;background:#fcf9f2!important;border:1.5px solid #35426e38!important}[data-theme=light] .sketchZoomControls small{color:#35426e!important;font-weight:800!important}[data-theme=light] .sketchCanvasScroller{background:#fdfbf7!important;border:1.5px solid #35426e38!important}[data-theme=light] .sketchEmptyHint{color:#505e83!important}[data-theme=light] .analyticsTotal{background:#fdfbf7!important;border:1.5px solid #35426e38!important;box-shadow:0 4px 16px #35426e0d!important}[data-theme=light] .analyticsTotal strong{color:#35426e!important;font-weight:900!important}[data-theme=light] .analyticsTotal span{color:#505e83!important;font-weight:700!important}[data-theme=light] .analyticsControls{background:#fdfbf7!important;border:1.5px solid #35426e38!important;box-shadow:0 4px 16px #35426e0d!important}[data-theme=light] .analyticsControls label span{color:#35426e!important;font-weight:800!important}[data-theme=light] .analyticsControls input,[data-theme=light] .analyticsControls select{color:#35426e!important;background:#fdfbf7!important;border:1.5px solid #35426e38!important;font-weight:600!important}[data-theme=light] .analyticsChart{background:#fdfbf7!important;border:1.5px solid #35426e38!important}[data-theme=light] .analyticsBarColumn span{color:#35426e!important;font-weight:700!important}[data-theme=light] .analyticsTableWrap{border:1.5px solid #35426e38!important}[data-theme=light] .analyticsTable th{color:#35426e!important;background:#fcf9f2!important;border-color:#35426e38!important;font-weight:800!important}[data-theme=light] .analyticsTable td{color:#35426e!important;background:#fdfbf7!important;border-color:#35426e38!important}[data-theme=light] .accountPanel{background:#fdfbf7!important;border:1.5px solid #35426e38!important;box-shadow:0 4px 16px #35426e0d!important}[data-theme=light] .accountPanel input,[data-theme=light] .accountPanel select{color:#35426e!important;background:#fdfbf7!important;border:1.5px solid #35426e38!important;font-weight:600!important}[data-theme=light] .accountToggleRow,[data-theme=light] .accountRow{color:#35426e!important;background:#fcf9f2!important;border:1.5px solid #35426e38!important}[data-theme=light] .accountRow strong{color:#35426e!important}[data-theme=light] .accountRow span{color:#505e83!important;font-weight:600!important}[data-theme=light] .mixChip{color:#35426e;background:#fcf9f2;border:1.5px solid #35426e38}[data-theme=light] .mixChip:hover{color:#1d3356;background:#e6edf7;border-color:#557db5}[data-theme=light] .mixChipActive{color:#1d3356!important;background:#e6edf7!important;border-color:#2e548a!important;box-shadow:0 2px 8px #2e548a26!important}[data-theme=light] .cueStatusBadge.status-ready{color:#1a6d4a;background:#e6f4ed;border:1px solid #bce2cf}[data-theme=light] .cueStatusBadge.status-translating{color:#9c6d1d;background:#faf1de;border:1px solid #ebd19a}[data-theme=light] .cueStatusBadge.status-idle{color:#627097;background:#f5efe0;border:1px solid #35426e26}[data-theme=light] .speedChip{color:#35426e;background:#fcf9f2;border:1.5px solid #35426e38}[data-theme=light] .speedChip:hover{color:#35426e;background:#f5efe0;border-color:#8b97b6}[data-theme=light] .speedChipActive{font-weight:700;color:#1d3356!important;background:#e6edf7!important;border-color:#2e548a!important}[data-theme=light] .audioMixLabel,[data-theme=light] .audioMixPresetRow,[data-theme=light] .sliderLabelRow{color:#35426e}[data-theme=light] .sliderLabelRow label,[data-theme=light] .controlGroup>label{font-weight:600;color:#35426e!important}[data-theme=light] .sliderLabelRow span,[data-theme=light] .sliderLabelRow small{color:#505e83!important}[data-theme=light] .volumeValue,[data-theme=light] .speedValue{color:#35426e}[data-theme=light] .controlsTitle{color:#35426e!important}[data-theme=light] .testSuccess{color:#1a6d4a;background:#e6f4ed;border-color:#bce2cf}[data-theme=light] .testError{color:#a8272a;background:#fae8e8;border-color:#f3c2c2}[data-theme=light] .testStatusBanner{color:#35426e}[data-theme=light] .bufferBadge{color:#1a6d4a;background:#e6f4ed;border:1px solid #bce2cf}[data-theme=light] .cueVietnameseText{background:#f7fee7;border-left-color:#65a30d;color:#3f6212!important}[data-theme=light] .activeCue .cueVietnameseText{background:#ecfccb;border-left-color:#4d7c0f;color:#365314!important}[data-theme=light] .translatingSkeleton{color:#9c6d1d!important}[data-theme=light] .pendingTranslation{color:#627097!important}[data-theme=light] .dubbingWordChip.wordSaved{color:#1a6d4a}[data-theme=light] .savedCheckmark{color:#20845a}[data-theme=light] .studioSubText{color:#505e83!important}[data-theme=light] input[type=range]{accent-color:#2e548a}[data-theme=light] .dubbingSelect{color:#35426e;background:#fdfbf7;border:1.5px solid #35426e38}[data-theme=light] .dubbingSelect:focus{border-color:#2e548a;box-shadow:0 0 0 3px #2e548a1f}[data-theme=light] .transcriptNotice{color:#35426e;background:#fcf9f2;border-color:#35426e26}[data-theme=light] .modalFieldLabel,[data-theme=light] .modalBody label{color:#35426e}[data-theme=light] .modalBody p,[data-theme=light] .modalBody span{color:#505e83}[data-theme=light] .dubbingControlsCard,[data-theme=light] .dubbingControlsCard *{color:inherit}[data-theme=light] .dubbingControlsCard{color:#35426e}.permissionModalOverlay{z-index:99999;-webkit-backdrop-filter:blur(8px);background:#0f172ab8;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) permFadeIn;display:flex;position:fixed;inset:0}@keyframes permFadeIn{0%{opacity:0}to{opacity:1}}@keyframes permScaleIn{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.permissionModalCard{background:var(--card-bg,#1e293b);text-align:center;width:100%;max-width:420px;color:var(--text-color,#f8fafc);border:1px solid #ef444459;border-radius:20px;padding:32px 28px 26px;animation:.25s cubic-bezier(.16,1,.3,1) permScaleIn;position:relative;box-shadow:0 24px 48px -12px #0009,0 0 24px -4px #ef444433}.permissionModalCloseBtn{width:32px;height:32px;color:var(--muted,#94a3b8);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.permissionModalCloseBtn:hover{color:#fff;background:#ffffff24}.permissionModalIcon{color:#f87171;background:linear-gradient(135deg,#ef44442e,#f43f5e47);border:2px solid #ef444466;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;display:flex;box-shadow:0 0 20px #ef44444d}.permissionModalTitle{color:#f8fafc;letter-spacing:-.02em;margin:0 0 10px;font-size:1.3rem;font-weight:800}[data-theme=light] .permissionModalTitle{color:#35426e}[data-theme=light] .permissionModalCard{background:#fdfbf7;border-color:#c835384d;box-shadow:0 20px 40px -10px #00000026,0 0 20px -4px #c8353826}.permissionModalMessage{color:#cbd5e1;margin:0 0 24px;font-size:1.05rem;font-weight:500;line-height:1.55}[data-theme=light] .permissionModalMessage{color:#35426e}.permissionModalConfirmBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;width:100%;height:44px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 18px -4px #ef444473}.permissionModalConfirmBtn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -4px #ef44448c}.permissionModalConfirmBtn:active{transform:translateY(0)}.accountUserMeta{flex-direction:column;gap:3px;display:flex}.accountRoleTag{text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#94a3b8);font-size:.72rem;font-weight:700;display:inline-block}.miniToggle.deleteUserBtn{color:#f87171;background:#ef44441f;border-color:#ef44444d;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:30px;transition:all .2s;display:flex}.miniToggle.deleteUserBtn:hover:not(:disabled){color:#fff;background:#ef444447;border-color:#ef444499;transform:scale(1.05)}.miniToggle.deleteUserBtn:disabled{opacity:.28;cursor:not-allowed}