@import "https://fonts.googleapis.com/css2?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}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .25s,border-color .25s,box-shadow .25s,transform .2s}body{background:var(--bg);background-image:linear-gradient(135deg, #ffffff05, transparent 45%), var(--bg-gradient);color:var(--ink);min-height:100vh;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:#f8fafc;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}.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:#6ee7b7;background:linear-gradient(135deg,#10b98138,#064e3b73);border:1px solid #34d39959}.toastSuccess .toastIconWrap{color:#34d399;background:#10b98147;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:4px;display:flex}.toastError{color:#fca5a5;background:linear-gradient(135deg,#ef444438,#7f1d1d73);border:1px solid #f8717159}.toastError .toastIconWrap{color:#f87171;background:#ef444447;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:4px;display:flex}.toastMsg{flex:1;min-width:0}@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{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}.analyticsHero span,.accountsHero span,.pomodoroHero span,.sketchHero span,.listeningHero span,.speakingHero span,.analyticsEmpty p,.analyticsMessage p{color:#dbeafe}.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:linear-gradient(90deg,#0000,#2dd4bfa6,#0000);height:2px;position:absolute;bottom:-11px;left:14px;right:14px;box-shadow:0 0 14px #2dd4bf38}.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}@keyframes speakingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.speakingSpinner{animation:1s linear infinite speakingSpin}.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{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);color:#fff;cursor:pointer;border:1px solid #e2e8f052;border-radius:50%;place-items:center;width:30px;height:30px;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:#fff;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{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}