@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-bg:#f3f5f7;--color-bg-secondary:#17233b;--color-surface:#fff;--color-surface-raised:#f8f9fb;--color-surface-glass:#f8f9fb;--color-border:#dfe3e8;--color-border-hover:#bdc5cf;--color-accent:#285dc2;--color-accent-dim:#1f4da5;--color-accent-glow:#285dc224;--color-accent-soft:#edf3ff;--color-text:#182235;--color-text-muted:#68758a;--color-text-subtle:#929dab;--color-status-new:#6366f1;--color-status-new-bg:#6366f11f;--color-status-learning:#f59e0b;--color-status-learning-bg:#f59e0b1f;--color-status-review:#3b82f6;--color-status-review-bg:#3b82f61f;--color-status-remembered:#21865f;--color-status-remembered-bg:#21865f1f;--color-status-difficult:#ef4444;--color-status-difficult-bg:#ef44441f;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-warning:#f59e0b;--color-info:#3b82f6;--color-success:#21865f;--shadow-sm:0 1px 2px #1822350f;--shadow-md:0 8px 24px #18223514;--shadow-lg:0 18px 48px #18223524;--shadow-accent:none;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--sidebar-width:240px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}.speaking-page{max-width:1180px}.speaking-hero{color:#fff;min-height:245px;box-shadow:var(--shadow-md);background:radial-gradient(circle at 87% 18%,#5095ff59,#0000 28%),linear-gradient(135deg,#09172b 0%,#102b55 62%,#164681 100%);border-radius:24px;justify-content:space-between;align-items:center;gap:32px;margin-bottom:24px;padding:42px 46px;display:flex;position:relative;overflow:hidden}.speaking-hero:after{content:"";border:34px solid #ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-130px;right:-72px}.speaking-eyebrow{color:#ff9d59;letter-spacing:.18em;margin-bottom:12px;font-size:12px;font-weight:800;display:block}.speaking-hero h1{letter-spacing:-.04em;max-width:660px;font-size:clamp(34px,5vw,58px);line-height:1.02}.speaking-hero p{color:#ccd8e9;max-width:690px;margin-top:18px;font-size:16px;line-height:1.65}.speaking-hero-mark{z-index:1;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #fff3;border-radius:50%;flex:0 0 132px;place-content:center;height:132px;display:grid;position:relative}.speaking-hero-mark strong{font-size:48px;line-height:1;display:block}.speaking-hero-mark span{color:#cbd7e8;font-size:12px}.speaking-setup-card,.speaking-question-stage,.speaking-session-sidebar>div{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:20px}.speaking-setup-card{padding:34px}.speaking-step{align-items:flex-start;gap:14px;margin:4px 0 18px;display:flex}.speaking-step>span{height:30px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:9px;flex:0 0 30px;place-items:center;font-weight:800;display:grid}.speaking-step strong,.speaking-step small{display:block}.speaking-step strong{font-size:17px}.speaking-step small{color:var(--color-text-muted);margin-top:2px}.speaking-choice-grid{gap:12px;margin-bottom:28px;display:grid}.speaking-choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.speaking-choice-grid button{text-align:left;min-height:74px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface-raised);transition:transform var(--transition-fast), border var(--transition-fast), background var(--transition-fast);border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex}.speaking-choice-grid button:hover{border-color:var(--color-accent);transform:translateY(-2px)}.speaking-choice-grid button.selected{border:2px solid var(--color-accent);background:var(--color-accent-soft)}.speaking-choice-grid button>span{font-size:24px}.speaking-choice-grid button>small{color:var(--color-text-muted);margin-top:3px;line-height:1.35;display:block}.speaking-model-grid button>span{height:38px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:50%;flex:0 0 38px;place-items:center;font-size:15px;font-weight:900;display:grid}.speaking-model-grid button>div{min-width:0}.speaking-model-grid button strong,.speaking-model-grid button small{display:block}.speaking-model-grid button small{color:var(--color-text-muted);margin-top:3px;line-height:1.35}.speaking-setup-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.speaking-setup-row label,.speaking-context-field{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;gap:8px;font-size:13px;font-weight:700;display:grid}.speaking-setup-row select,.speaking-context-field textarea{width:100%;color:var(--color-text);text-transform:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;outline:none;padding:14px 16px;font-size:15px}.speaking-setup-row select:focus,.speaking-context-field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.speaking-topic-list{flex-wrap:wrap;gap:9px;margin-bottom:24px;display:flex}.speaking-topic-list button{color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:999px;padding:9px 13px;font-weight:650}.speaking-topic-list button.selected{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft)}.speaking-context-field{margin:0 0 22px}.speaking-context-field textarea{resize:vertical;min-height:92px}.speaking-start-button{color:#fff;background:var(--color-accent);width:100%;min-height:58px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:15px 24px;font-size:16px;font-weight:800;display:flex}.speaking-start-button:hover:not(:disabled){background:var(--color-accent-dim);transform:translateY(-2px)}.speaking-start-button:disabled{cursor:wait;opacity:.75}.speaking-ai-privacy{color:var(--color-text-muted);text-align:center;margin:0 0 14px;font-size:12px;line-height:1.5}.speaking-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.75s linear infinite speaking-spin}@keyframes speaking-spin{to{transform:rotate(360deg)}}.speaking-error,.speaking-inline-error{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid #ef444440;border-radius:10px;margin:14px 0;padding:12px 14px}.speaking-inline-error button{color:inherit;margin-left:8px;font-weight:700;text-decoration:underline}.speaking-loading-bar{background:var(--color-surface-raised);border-radius:10px;width:35%;height:38px;margin-bottom:24px}.speaking-loading-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;height:480px}.speaking-session-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:18px;display:grid}.speaking-session-header>button{color:var(--color-text-muted);justify-self:start;font-weight:700}.speaking-session-header>div{text-align:center}.speaking-session-header>div strong,.speaking-session-header>div span{display:block}.speaking-session-header>div span{color:var(--color-text-muted);margin-top:2px;font-size:13px}.speaking-source{color:var(--color-success);background:var(--color-status-remembered-bg);border-radius:999px;justify-self:end;padding:6px 10px;font-size:11px;font-weight:800}.speaking-source.fallback{color:var(--color-warning);background:var(--color-status-learning-bg)}.speaking-progress{background:var(--color-border);border-radius:999px;height:5px;margin-bottom:22px;overflow:hidden}.speaking-progress span{background:linear-gradient(90deg, var(--color-accent), #54a7ff);height:100%;transition:width var(--transition-base);display:block}.speaking-practice-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:20px;display:grid}.speaking-question-stage{min-width:0;padding:34px}.speaking-question-number{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.speaking-current-question{letter-spacing:-.025em;align-items:center;max-width:760px;min-height:145px;margin:12px 0 18px;font-size:clamp(27px,4vw,42px);line-height:1.18;display:flex}.speaking-cue-card{color:#fff;background:linear-gradient(145deg,#102542,#173d70);border-radius:16px;margin:18px 0;padding:25px}.speaking-cue-card>span{color:#ffab69;letter-spacing:.16em;font-size:11px;font-weight:800}.speaking-cue-card h1{margin:9px 0 16px;font-size:clamp(23px,3vw,31px);line-height:1.25}.speaking-cue-card p{color:#b8c8dc}.speaking-cue-card ul{color:#e7edf5;margin:10px 0 17px 22px}.speaking-cue-card li{margin:5px 0}.speaking-question-tools{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.speaking-question-tools button{color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:10px;padding:10px 13px;font-weight:700}.speaking-question-tools button.active{color:var(--color-accent);border-color:var(--color-accent)}.speaking-question-tools button:disabled{cursor:wait;opacity:.65}.speaking-exam-status{color:var(--color-text-muted);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:12px;margin:-6px 0 18px;padding:12px 14px;display:flex}.speaking-exam-status i{background:var(--color-success);width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in srgb, var(--color-success) 12%, transparent);border-radius:50%;flex:0 0 10px}.speaking-exam-status.examiner i{background:var(--color-accent);box-shadow:0 0 0 5px var(--color-accent-glow);animation:1.2s ease-in-out infinite speaking-pulse}.speaking-exam-status.candidate i{background:var(--color-danger);box-shadow:0 0 0 5px color-mix(in srgb, var(--color-danger) 12%, transparent);animation:1.2s ease-in-out infinite speaking-pulse}.speaking-exam-status.preparing i{background:var(--color-warning);box-shadow:0 0 0 5px color-mix(in srgb, var(--color-warning) 14%, transparent)}.speaking-exam-status strong,.speaking-exam-status small{display:block}.speaking-exam-status small{margin-top:2px;line-height:1.4}@keyframes speaking-pulse{50%{opacity:.35;transform:scale(.72)}}.speaking-support-panel{background:var(--color-accent-soft);border:1px solid var(--color-accent-glow);border-radius:14px;margin:18px 0;padding:18px}.speaking-support-panel>div:first-child{align-items:center;gap:8px;margin-bottom:8px;display:flex}.speaking-support-panel p{color:var(--color-text-muted);margin:6px 0}.speaking-hints{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.speaking-hints span{color:var(--color-accent);background:var(--color-surface);border-radius:7px;padding:5px 8px;font-size:12px;font-weight:700}.speaking-recorder{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.speaking-recorder.recording{border-color:var(--color-danger);background:var(--color-danger-bg)}.speaking-recorder>div{align-items:center;gap:12px;display:flex}.speaking-recorder strong,.speaking-recorder small{display:block}.speaking-recorder small{color:var(--color-text-muted)}.speaking-mic{width:40px;height:40px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:50%;place-items:center;display:grid}.recording .speaking-mic{color:var(--color-danger);background:#fff}.speaking-record-button{color:#fff;background:var(--color-accent);border-radius:9px;flex:none;padding:10px 14px;font-weight:800}.recording .speaking-record-button{background:var(--color-danger)}.speaking-playback{align-items:center;gap:12px;margin-top:10px;display:flex}.speaking-playback audio{width:100%;height:42px}.speaking-playback button{color:var(--color-accent);flex:none;font-weight:700}.speaking-feedback-loading{color:#fff;background:linear-gradient(135deg,#102b55,#164681);border-radius:14px;align-items:center;gap:13px;margin-top:18px;padding:18px;display:flex}.speaking-feedback-loading strong,.speaking-feedback-loading small{display:block}.speaking-feedback-loading small{color:#cbd7e8;margin-top:3px}.speaking-feedback{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:18px;margin-top:20px;overflow:hidden}.speaking-feedback>header{color:#fff;background:linear-gradient(135deg,#0c2444,#174d87);grid-template-columns:110px 1fr;align-items:center;gap:20px;padding:22px;display:grid}.speaking-feedback>header>div:first-child{text-align:center}.speaking-feedback>header span{color:#b9cee5;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.speaking-feedback>header>div:first-child strong{color:#ffae73;margin-top:3px;font-size:44px;line-height:1;display:block}.speaking-feedback h2{margin:0 0 5px;font-size:20px}.speaking-feedback>header p{color:#d6e1ed;margin:0;line-height:1.45}.speaking-band-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;display:grid}.speaking-band-grid article{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:12px;padding:14px}.speaking-band-grid article>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.speaking-band-grid article>div>strong{font-size:13px}.speaking-band-grid article>div>span{color:var(--color-accent);background:var(--color-accent-soft);border-radius:7px;flex:none;padding:4px 7px;font-weight:900}.speaking-band-grid article p{color:var(--color-text-muted);margin:8px 0 0;font-size:13px;line-height:1.5}.speaking-feedback-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:4px 20px 18px;display:grid}.speaking-feedback-columns>div{background:var(--color-surface-raised);border-radius:12px;padding:15px}.speaking-feedback-columns h3{color:var(--color-text);margin:0;font-size:14px}.speaking-feedback-columns ul,.speaking-feedback details ol{color:var(--color-text-muted);margin:9px 0 0 19px;font-size:13px;line-height:1.55}.speaking-feedback-columns li,.speaking-feedback details li{margin:6px 0}.speaking-feedback details{border:1px solid var(--color-border);border-radius:12px;margin:0 20px 18px;padding:14px}.speaking-feedback summary{cursor:pointer;color:var(--color-accent);font-weight:800}.speaking-feedback blockquote{color:var(--color-text-muted);background:var(--color-surface-raised);border-left:3px solid var(--color-accent);margin:13px 0;padding:12px 14px;font-size:13px;line-height:1.55}.speaking-feedback-disclaimer{color:var(--color-text-muted);padding:0 20px 20px;font-size:11px;line-height:1.5;display:block}.speaking-error>button{color:inherit;margin-left:7px;font-weight:800;text-decoration:underline}.speaking-session-actions{border-top:1px solid var(--color-border);justify-content:space-between;gap:12px;margin-top:26px;padding-top:20px;display:flex}.speaking-session-actions button{color:var(--color-text);border:1px solid var(--color-border);border-radius:10px;padding:12px 16px;font-weight:800}.speaking-session-actions button:disabled{opacity:.4;cursor:not-allowed}.speaking-session-actions button.primary{color:#fff;border-color:var(--color-accent);background:var(--color-accent)}.speaking-session-sidebar{gap:12px;display:grid}.speaking-session-sidebar>div{padding:18px}.speaking-session-sidebar span,.speaking-session-sidebar strong{display:block}.speaking-session-sidebar>div>span{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800}.speaking-session-sidebar ul{color:var(--color-text-muted);margin:8px 0 0 17px;font-size:13px}.speaking-session-sidebar li{margin:8px 0}.speaking-report>button{color:var(--color-text-muted);font-weight:700}.speaking-report>div{gap:8px;margin-top:10px;display:grid}.speaking-report textarea{min-height:76px;color:var(--color-text);resize:vertical;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;padding:10px}.speaking-report>div>button{color:#fff;background:var(--color-accent);border-radius:8px;padding:9px;font-weight:700}.speaking-report small{color:var(--color-success)}.speaking-report small.error{color:var(--color-danger)}.speaking-live-avatar-row{margin-bottom:18px}.speaking-live-cost-note{color:var(--color-text);background:var(--color-status-learning-bg);border:1px solid color-mix(in srgb, var(--color-warning) 28%, var(--color-border));border-radius:12px;gap:3px;margin:0 0 22px;padding:14px 16px;display:grid}.speaking-live-cost-note small{color:var(--color-text-muted);line-height:1.45}.speaking-live-cost-note.wide{margin:0}.speaking-live-shell{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.speaking-live-stage{border:1px solid var(--color-border);min-height:610px;box-shadow:var(--shadow-md);background:#07162b;border-radius:22px;position:relative;overflow:hidden}.speaking-live-stage iframe{background:#07162b;border:0;width:100%;min-height:610px;display:block}.speaking-live-sidebar{gap:12px;display:grid}.speaking-live-sidebar>div{padding:18px}.speaking-live-sidebar span,.speaking-live-sidebar strong{display:block}.speaking-live-sidebar>div>span{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800}.speaking-live-status{color:var(--color-success);align-items:center;gap:8px;font-weight:800;display:flex}.speaking-live-status i{width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb, currentColor 12%, transparent);background:currentColor;border-radius:50%;display:block}.speaking-live-stop{color:#fff;background:var(--color-danger);border-radius:11px;width:100%;padding:13px;font-weight:800}.speaking-live-privacy{color:var(--color-text-muted);font-size:12px;line-height:1.55}@media (width<=900px){.speaking-practice-layout{grid-template-columns:1fr}.speaking-session-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-report{grid-column:1/-1}.speaking-live-shell{grid-template-columns:1fr}.speaking-live-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-live-stop,.speaking-live-privacy{grid-column:1/-1}}@media (width<=640px){.speaking-page{padding:18px 14px 100px}.speaking-hero{border-radius:18px;min-height:auto;padding:28px 22px}.speaking-hero-mark{display:none}.speaking-hero h1{font-size:36px}.speaking-setup-card,.speaking-question-stage{border-radius:16px;padding:20px}.speaking-choice-grid.two,.speaking-choice-grid.three,.speaking-setup-row,.speaking-session-sidebar,.speaking-live-sidebar{grid-template-columns:1fr}.speaking-session-header{grid-template-columns:auto 1fr}.speaking-session-header>div{text-align:right}.speaking-source{display:none}.speaking-question-stage{padding:21px 18px}.speaking-current-question{min-height:125px;font-size:29px}.speaking-recorder{flex-direction:column;align-items:stretch}.speaking-record-button{width:100%}.speaking-playback{flex-direction:column;align-items:stretch}.speaking-feedback>header{grid-template-columns:80px 1fr;gap:13px;padding:18px 14px}.speaking-feedback>header>div:first-child strong{font-size:36px}.speaking-band-grid,.speaking-feedback-columns{grid-template-columns:1fr}.speaking-band-grid{padding:12px}.speaking-feedback-columns{padding:0 12px 12px}.speaking-feedback details{margin:0 12px 14px}.speaking-feedback-disclaimer{padding:0 14px 16px}.speaking-session-actions button{flex:1;padding:12px 8px}.speaking-live-stage,.speaking-live-stage iframe{min-height:500px}.speaking-live-stop,.speaking-live-privacy{grid-column:auto}}.app-layout{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;min-height:100vh;padding:0;display:flex;position:fixed;top:0;left:0}.app-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:32px}.sidebar-logo{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:24px 20px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--color-accent), #059669);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.sidebar-logo-text{color:var(--color-text);font-size:16px;font-weight:700;line-height:1.2}.sidebar-logo-sub{color:var(--color-text-muted);font-size:11px;font-weight:400}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.sidebar-nav-item{border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--color-surface);color:var(--color-text)}.sidebar-nav-item.active{background:var(--color-accent-soft);color:var(--color-accent)}.sidebar-nav-item.active:before{content:"";background:var(--color-accent);border-radius:0 2px 2px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:18px}.sidebar-badge{background:var(--color-accent);color:var(--color-bg);border-radius:var(--radius-full);text-align:center;min-width:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.sidebar-bottom{border-top:1px solid var(--color-border);padding:16px 12px}.sidebar-user{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar-user:hover{background:var(--color-surface)}.sidebar-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent), #059669);width:32px;height:32px;color:var(--color-bg);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.word-card-tags{flex-wrap:wrap;gap:8px;display:flex}.category-badge{border-radius:var(--radius-full);color:#a5b4fc;text-transform:uppercase;letter-spacing:.35px;background:#6366f11f;border:1px solid #818cf833;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.mobile-nav{display:none}.page-title{color:var(--color-text);letter-spacing:-.5px;font-size:28px;font-weight:800;line-height:1.2}.page-subtitle{color:var(--color-text-muted);margin-top:6px;font-size:15px}.section-title{color:var(--color-text);margin-bottom:16px;font-size:16px;font-weight:700}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px var(--color-accent-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-glass);border-color:var(--color-border-hover)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #ef444433}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-success{background:var(--color-accent-soft);color:var(--color-accent);border:1px solid #10d9a033}.btn-success:hover:not(:disabled){background:#10d9a033}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:12px}.btn-lg{border-radius:var(--radius-lg);padding:14px 28px;font-size:16px}.btn-icon{border-radius:var(--radius-sm);padding:8px}.btn-full{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-glass{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card-body{padding:20px}.card-hover{transition:all var(--transition-base);cursor:pointer}.card-hover:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.word-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.word-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.word-card-image{object-fit:cover;background:var(--color-surface-raised);width:100%;height:140px;position:relative}.word-card-image-placeholder{background:linear-gradient(135deg, var(--color-surface-raised), var(--color-surface));justify-content:center;align-items:center;width:100%;height:140px;font-size:40px;display:flex}.word-card-body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.word-card-added-date{color:var(--color-text-muted);margin-top:7px;font-size:10px;font-weight:650;display:block}.word-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.word-card-heading{min-width:0}.word-card-word-row,.word-detail-title-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.word-card-word{color:var(--color-text);font-size:20px;font-weight:700;line-height:1.2}.word-card-pronunciation{color:var(--color-text-muted);margin-top:2px;font-size:12px;font-style:italic}.word-card-translation{color:var(--color-accent);font-size:14px;font-weight:600}.word-card-meaning{color:var(--color-text-muted);font-size:13px;line-height:1.5}.word-card-meaning:not(.is-expanded){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.word-card-description{gap:5px;display:grid}.word-card-description-toggle{width:fit-content;min-height:28px;color:var(--color-accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font:750 11px/1.2 inherit;display:inline-flex}.word-card-description-toggle:hover,.word-card-description-toggle:focus-visible{text-underline-offset:3px;text-decoration:underline}.word-card-description-toggle span{transition:transform .16s;display:inline-block}.word-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.word-card-actions{gap:6px;display:flex}.status-badge{border-radius:var(--radius-full);letter-spacing:.3px;text-transform:uppercase;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.new{background:var(--color-status-new-bg);color:var(--color-status-new)}.status-badge.learning{background:var(--color-status-learning-bg);color:var(--color-status-learning)}.status-badge.review{background:var(--color-status-review-bg);color:var(--color-status-review)}.status-badge.remembered{background:var(--color-status-remembered-bg);color:var(--color-status-remembered)}.status-badge.difficult{background:var(--color-status-difficult-bg);color:var(--color-status-difficult)}.pos-badge{border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-muted);border:1px solid var(--color-border);align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.form-input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--transition-fast);outline:none;width:100%;padding:12px 16px;font-size:15px}.form-input::placeholder{color:var(--color-text-subtle)}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.form-input:hover:not(:focus){border-color:var(--color-border-hover)}.form-select{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--transition-fast);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238896a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;width:100%;padding:12px 40px 12px 16px;font-size:15px}.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.form-error{color:var(--color-danger);margin-top:4px;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--transition-fast) ease;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-base) ease;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.modal-title{color:var(--color-text);font-size:20px;font-weight:700}.modal-close{border-radius:var(--radius-sm);background:var(--color-surface-raised);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close:hover{background:var(--color-surface-glass);color:var(--color-text)}.modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.confirm-dialog-overlay{z-index:1200;-webkit-backdrop-filter:blur(5px);animation:fadeIn var(--transition-fast) ease;background:#121b2b8f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{background:var(--color-surface);border:1px solid var(--color-border);width:min(100%,440px);animation:slideUp var(--transition-base) ease;border-radius:18px;padding:30px;overflow:hidden;box-shadow:0 24px 70px #121b2b3d}.confirm-dialog-icon{width:52px;height:52px;color:var(--color-danger);background:var(--color-danger-bg);border:1px solid #ef44442e;border-radius:15px;place-items:center;margin-bottom:20px;font-size:25px;font-weight:700;display:grid;transform:rotate(180deg)}.confirm-dialog-copy{gap:10px;display:grid}.confirm-dialog-eyebrow{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.confirm-dialog-copy h2{color:var(--color-text);letter-spacing:-.03em;font-size:clamp(23px,4vw,28px);line-height:1.15}.confirm-dialog-copy>p:last-child{color:var(--color-text-muted);font-size:14px;line-height:1.65}.confirm-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;display:grid}.confirm-dialog-actions .btn{min-height:46px}.confirm-dialog-confirm{color:#fff;background:#dc3f3f;border:1px solid #dc3f3f}.confirm-dialog-confirm:hover:not(:disabled){background:#c83232;border-color:#c83232}.confirm-dialog-spinner{margin-right:7px;animation:.8s linear infinite spin;display:inline-block}@media (width<=480px){.confirm-dialog{border-radius:15px;padding:24px}.confirm-dialog-actions{grid-template-columns:1fr}.confirm-dialog-confirm{grid-row:1}}.flashcard-container{perspective:1000px;aspect-ratio:3/2;width:100%;max-width:600px;margin:0 auto}.flashcard{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border-radius:var(--radius-xl);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.flashcard-front{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-raised) 100%);border:1px solid var(--color-border);cursor:pointer;justify-content:center;align-items:center;gap:16px}.flashcard-back{background:var(--color-surface);border:1px solid var(--color-border);padding:24px;overflow-y:auto;transform:rotateY(180deg)}.flashcard-word{color:var(--color-text);text-align:center;letter-spacing:-1px;font-size:48px;font-weight:800;line-height:1.1}.flashcard-hint{color:var(--color-text-subtle);text-align:center;font-size:13px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);flex-direction:column;gap:8px;padding:20px;display:flex}.stat-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.stat-value{letter-spacing:-1px;font-size:36px;font-weight:800;line-height:1}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.search-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-input-wrapper{flex:1;min-width:240px;position:relative}.search-input-icon{color:var(--color-text-muted);pointer-events:none;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:all var(--transition-fast);outline:none;padding:10px 16px 10px 42px;font-size:14px}.search-input::placeholder{color:var(--color-text-subtle)}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.filter-select{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238896a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;min-width:140px;padding:10px 36px 10px 14px;font-size:14px}.filter-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.auth-page{background:radial-gradient(at 50% 0,#10d9a00f 0%,#0000 70%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:40px}.auth-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.auth-logo-icon{background:linear-gradient(135deg, var(--color-accent), #059669);border-radius:var(--radius-md);width:48px;height:48px;box-shadow:var(--shadow-accent);justify-content:center;align-items:center;font-size:24px;display:flex}.auth-success-icon{color:#059669;background:#10b98124;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:28px;font-weight:800;display:grid}.auth-title{color:var(--color-text);text-align:center;margin-bottom:8px;font-size:24px;font-weight:800}.auth-subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:32px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-divider{color:var(--color-text-subtle);align-items:center;gap:12px;margin:8px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-link{text-align:center;color:var(--color-text-muted);margin-top:20px;font-size:14px}.auth-link a{color:var(--color-accent);font-weight:600}.auth-link a:hover{text-decoration:underline}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-raised) 50%, var(--color-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.enrich-preview{background:color-mix(in srgb, var(--color-surface-raised) 94%, var(--color-accent) 6%);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 16px 40px #16233912}.enrich-preview-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.enrich-preview-word{color:var(--color-text);font-size:24px;font-weight:800}.pronounce-button{border:1px solid var(--color-border);background:var(--color-surface);min-height:38px;color:var(--color-accent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font:700 12px/1 inherit;transition:border-color .16s,background .16s,transform .16s;display:inline-flex;position:relative}.pronounce-button:hover{border-color:var(--color-accent);background:var(--color-accent-soft);transform:translateY(-1px)}.pronounce-button:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 28%, transparent);outline-offset:2px}.pronounce-button:disabled{cursor:not-allowed;opacity:.45}.pronounce-button svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.pronounce-button.is-compact{width:38px;min-width:38px;padding:7px}.pronounce-accent{background:var(--color-accent-soft);letter-spacing:.04em;border-radius:4px;padding:2px 4px;font-size:8px}.pronounce-button.is-compact .pronounce-accent{margin:27px 0 0 27px;position:absolute}.pronounce-button.is-speaking svg{animation:.85s ease-in-out infinite alternate pronouncePulse}@keyframes pronouncePulse{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1.12)}}.enrich-preview-translation{color:var(--color-accent);margin:0;font-size:16px;font-weight:700;line-height:1.55}.enrich-preview-meaning{color:var(--color-text);margin:0;font-size:14px;line-height:1.6}.enrich-preview-examples{flex-direction:column;gap:8px;display:flex}.enrich-preview-example{border-left:2px solid color-mix(in srgb, var(--color-accent) 35%, var(--color-border));color:var(--color-text-muted);margin:0;padding-left:12px;font-size:13px;font-style:italic;line-height:1.55}.enrich-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.enrich-detail-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;min-width:0;min-height:118px;padding:15px 16px;transition:border-color .18s,box-shadow .18s,transform .18s}.enrich-detail-card:hover{border-color:color-mix(in srgb, var(--color-accent) 34%, var(--color-border));transform:translateY(-1px);box-shadow:0 8px 24px #1623390f}.enrich-detail-card-wide{min-height:0}.enrich-detail-card>p:not([class]){color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.6}.enrich-detail-label{color:var(--color-text-subtle);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:10px;font-size:10px;font-weight:800;display:flex}.enrich-detail-label>span{background:var(--color-accent-soft);min-width:24px;height:24px;color:var(--color-accent);letter-spacing:0;text-transform:none;border-radius:7px;place-items:center;padding:0 5px;font-size:10px;display:inline-grid}.enrich-tags{flex-wrap:wrap;gap:6px;display:flex}.enrich-tag{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);padding:5px 10px;font-size:12px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 24px;display:flex}.empty-state-icon{opacity:.4;font-size:64px}.empty-state-title{color:var(--color-text);font-size:20px;font-weight:700}.empty-state-text{color:var(--color-text-muted);max-width:320px;font-size:14px;line-height:1.6}.word-detail-hero{align-items:flex-start;gap:32px;margin-bottom:32px;display:flex}.word-detail-image{border-radius:var(--radius-lg);object-fit:cover;border:1px solid var(--color-border);flex-shrink:0;width:200px;height:150px}.word-detail-image-placeholder{border-radius:var(--radius-lg);background:var(--color-surface-raised);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:200px;height:150px;font-size:60px;display:flex}.word-detail-title{color:var(--color-text);letter-spacing:-1.5px;font-size:42px;font-weight:800;line-height:1.1}.word-detail-title-row{margin-top:3px}.word-detail-pronunciation{color:var(--color-text-muted);margin-top:4px;font-size:16px;font-style:italic}.word-detail-translation{color:var(--color-accent);margin-top:8px;font-size:20px;font-weight:700}.word-detail-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}.word-detail-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);margin-bottom:10px;font-size:11px;font-weight:700}.word-detail-section-content{color:var(--color-text);font-size:15px;line-height:1.7}.word-senses{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);gap:14px;margin:16px 0;padding:18px;display:grid}.word-senses-heading{gap:5px;display:grid}.word-senses-heading>div{align-items:center;gap:9px;display:flex}.word-senses-heading h3{color:var(--color-text);margin:0;font-size:15px}.word-senses-heading p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.5}.word-senses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.word-sense-card{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:12px;align-content:start;gap:8px;min-width:0;padding:14px;display:grid}.word-sense-pos{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.word-sense-translation{color:var(--color-accent);font-size:17px;line-height:1.35}.word-sense-card p,.word-sense-card blockquote{color:var(--color-text);margin:0;font-size:13px;line-height:1.55}.word-sense-card blockquote{border-left:2px solid var(--color-border-strong);color:var(--color-text-muted);padding-left:10px;font-style:italic}@media (width<=640px){.word-senses{padding:14px}.word-senses-grid{grid-template-columns:1fr}}.word-card-next-review{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:10px;gap:3px;margin-top:14px;padding:10px 12px;display:grid}.word-card-next-review span{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.word-card-next-review strong{color:var(--color-text);font-size:12px}.word-card-quick-review{gap:7px;margin-top:4px;display:grid}.word-card-quick-review .btn{justify-content:center;width:100%}.word-card-review-error{color:var(--color-danger);margin:0;font-size:11px;line-height:1.4}.memory-roadmap{padding:24px}.memory-roadmap-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.memory-roadmap-header h2{color:var(--color-text);margin-bottom:7px;font-size:22px}.memory-roadmap-header>div:first-child>p:last-child{max-width:650px;color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.6}.memory-roadmap-score{background:var(--color-primary-soft);text-align:right;border-radius:14px;gap:3px;min-width:130px;padding:15px 18px;display:grid}.memory-roadmap-score strong{color:var(--color-primary);font-size:28px;line-height:1}.memory-roadmap-score span{color:var(--color-text-muted);text-transform:uppercase;font-size:10px;font-weight:800}.memory-next-review{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.memory-next-review>div{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:12px;gap:4px;padding:14px;display:grid}.memory-next-review span{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800}.memory-next-review strong{color:var(--color-text);font-size:15px}.memory-next-review small{color:var(--color-text-muted);font-size:11px}.memory-next-review.due>div:first-child{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 7%, var(--color-surface))}.memory-roadmap-track{grid-template-columns:repeat(8,minmax(90px,1fr));gap:8px;padding:6px 2px 12px;display:grid;overflow-x:auto}.memory-milestone{gap:9px;min-width:90px;display:grid;position:relative}.memory-milestone:not(:last-child):after{background:var(--color-border);content:"";width:calc(100% - 20px);height:2px;position:absolute;top:15px;left:34px}.memory-milestone.completed:not(:last-child):after{background:var(--color-accent)}.memory-milestone-marker{z-index:1;border:2px solid var(--color-border);background:var(--color-surface);width:31px;height:31px;color:var(--color-text-muted);border-radius:50%;place-items:center;font-size:11px;font-weight:850;display:grid;position:relative}.memory-milestone.completed .memory-milestone-marker{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.memory-milestone.current .memory-milestone-marker{border-color:var(--color-primary);box-shadow:0 0 0 5px var(--color-primary-soft);color:var(--color-primary)}.memory-milestone>div:last-child{gap:3px;display:grid}.memory-milestone strong{color:var(--color-text);font-size:12px}.memory-milestone span{color:var(--color-text-muted);font-size:9px;line-height:1.35}.memory-reminder-explainer{border-left:3px solid var(--color-primary);background:var(--color-surface-raised);border-radius:0 10px 10px 0;margin-top:14px;padding:15px 17px}.memory-reminder-explainer strong{margin-bottom:4px;font-size:13px;display:block}.memory-reminder-explainer p,.memory-roadmap-disclaimer{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.55}.memory-roadmap-disclaimer{margin-top:12px}.memory-roadmap-unavailable,.memory-roadmap-compact{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-muted);border-radius:12px;padding:14px 16px;font-size:12px}.memory-roadmap-compact{gap:4px;display:grid}.memory-roadmap-compact strong{color:var(--color-text);font-size:13px}.examples-list{flex-direction:column;gap:10px;display:flex}.example-item{align-items:flex-start;gap:10px;display:flex}.example-bullet{color:var(--color-accent);flex-shrink:0;margin-top:2px;font-size:16px}.example-text{color:var(--color-text-muted);font-size:14px;font-style:italic;line-height:1.6}.synonyms-list{flex-wrap:wrap;gap:8px;display:flex}.alert{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.alert-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #ef444433}.alert-success{background:var(--color-accent-soft);color:var(--color-accent);border:1px solid #10d9a033}.alert-warning{color:var(--color-warning);background:#f59e0b1a;border:1px solid #f59e0b33}.review-progress{align-items:center;gap:12px;margin-bottom:32px;display:flex}.review-progress-bar{background:var(--color-surface-raised);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.review-progress-fill{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-dim));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.review-progress-text{color:var(--color-text-muted);white-space:nowrap;font-size:13px}.active-review{gap:18px;width:100%;max-width:760px;margin:0 auto;display:grid}.active-review .review-progress{margin-bottom:0}.active-review-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);overflow:hidden}.active-review-card-header,.active-review-word-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.active-review-card-header{border-bottom:1px solid var(--color-border);padding:16px 22px}.active-review-eyebrow,.active-review-direction,.review-answer-comparison dt{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.active-review-question{text-align:center;padding:32px 28px 18px}.active-review-direction{color:var(--color-accent);margin:0 0 12px}.active-review-question h2{max-width:620px;color:var(--color-text);letter-spacing:-.03em;margin:0 auto;font-size:clamp(24px,4vw,36px);line-height:1.25}.active-review-result{gap:18px;padding:8px 28px 30px;display:grid}.review-feedback{border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.review-feedback-icon{border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.review-feedback strong{margin-bottom:2px;display:block}.review-feedback p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.5}.review-feedback-correct{background:#10b98114;border-color:#10b98159}.review-feedback-correct .review-feedback-icon{color:#087a58;background:#10b98129}.review-feedback-partial{background:#f59e0b14;border-color:#f59e0b61}.review-feedback-partial .review-feedback-icon{color:#9a5b04;background:#f59e0b29}.review-feedback-incorrect{background:#ef444412;border-color:#ef44444d}.review-feedback-incorrect .review-feedback-icon{color:var(--color-danger);background:#ef444424}.review-answer-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.review-answer-comparison>div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:12px 14px}.review-answer-comparison dd{color:var(--color-text);overflow-wrap:anywhere;margin:5px 0 0;font-weight:650}.active-review-word-details{color:var(--color-text-muted);gap:10px;line-height:1.6;display:grid}.active-review-word-heading h3,.active-review-word-details p,.active-review-word-details blockquote{margin:0}.active-review-word-heading h3{color:var(--color-text);font-size:28px}.active-review-word-heading>div>span{font-size:13px;font-style:italic}.active-review-translation{font-size:19px;font-weight:700;color:var(--color-accent)!important}.active-review-explanation,.active-review-word-details blockquote{border-left:3px solid var(--color-accent);background:var(--color-surface-raised);padding:11px 13px}.active-review-word-details blockquote{font-style:italic}.active-review-image-wrap{border-radius:var(--radius-lg);overflow:hidden}.active-review-image-wrap img{object-fit:cover;width:100%;max-height:220px;display:block}.active-review-image-wrap a{color:var(--color-text-subtle);padding:5px 8px;font-size:10px;display:block}.review-grades{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.review-grade{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:84px;color:var(--color-text);cursor:pointer;text-align:center;transition:border-color var(--transition-fast), background var(--transition-fast);gap:2px;padding:12px 8px;display:grid}.review-grade:hover:not(:disabled),.review-grade:focus-visible{border-color:var(--color-accent);background:var(--color-surface-raised)}.review-grade:disabled{cursor:not-allowed;opacity:.5}.review-grade strong{font-size:15px}.review-grade span,.review-grade small{color:var(--color-text-muted);font-size:11px}.review-grade small{color:var(--color-accent);font-weight:700}.active-review-error{margin:0}.review-load-error{justify-content:space-between;align-items:center;gap:16px;display:flex}.review-load-error p{margin:3px 0 0}.review-session-summary{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,720px);margin:20px auto;display:grid;overflow:hidden}.review-session-summary>div{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:center;gap:3px;padding:16px 10px;display:grid}.review-session-summary strong{color:var(--color-text);font-size:24px}.review-session-summary span,.review-summary-details{color:var(--color-text-muted);font-size:12px}.language-switcher{z-index:1200;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-subtle);border-radius:8px;align-items:center;gap:3px;padding:4px 7px;font-size:11px;font-weight:800;display:inline-flex;position:fixed;top:18px;right:22px;box-shadow:0 4px 18px #0f172a14}.language-switcher button{color:var(--color-text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:5px;padding:4px 5px}.language-switcher button.active{background:var(--color-accent);color:#fff}.language-switcher button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width<=640px){.language-switcher{top:10px;right:10px}}.modal-manual-word{width:min(94vw,820px);max-width:820px}.add-word-assisted-form,.add-word-preview-layout{flex-direction:column;gap:16px;display:flex}.add-word-field{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;min-width:0;padding:13px 14px;transition:border-color .18s,box-shadow .18s,transform .18s}.add-word-field:focus-within{border-color:color-mix(in srgb, var(--color-accent) 58%, var(--color-border));box-shadow:0 0 0 3px var(--color-accent-soft), 0 10px 28px #1623390f;transform:translateY(-1px)}.add-word-field .form-label{color:var(--color-text-muted);letter-spacing:.07em;font-size:11px}.add-word-field .form-input{background:var(--color-surface-raised);border-color:#0000;min-height:48px}.add-word-field .form-input:focus{border-color:var(--color-accent);box-shadow:none}.add-word-primary-input{font-weight:650;min-height:58px!important;padding:14px 18px!important;font-size:18px!important}.add-word-field-help{color:var(--color-text-subtle);margin:2px 2px 0;font-size:11px;line-height:1.5}.add-word-image-hero{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #16233912}.add-word-image-hero img{object-fit:cover;width:100%;height:190px;display:block}.add-word-image-hero a{color:var(--color-text-muted);padding:8px 12px;font-size:10px;display:block}.word-entry-mode{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:20px;padding:4px;display:grid}.word-entry-mode>button{min-width:0;color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:11px 13px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex}.word-entry-mode>button:hover{background:color-mix(in srgb, var(--color-surface) 88%, var(--color-accent) 12%);transform:translateY(-1px)}.word-entry-mode>button>span:first-child{background:color-mix(in srgb, var(--color-accent) 9%, var(--color-surface));width:30px;height:30px;color:var(--color-accent);border-radius:9px;flex:0 0 30px;place-items:center;font-size:16px;font-weight:800;display:grid}.word-entry-mode strong,.word-entry-mode small{display:block}.word-entry-mode strong{color:var(--color-text);font-size:13px}.word-entry-mode small{color:var(--color-text-subtle);margin-top:2px;font-size:10px}.word-entry-mode>button.active{border-color:var(--color-border);background:var(--color-surface);box-shadow:0 4px 14px #16233912}.word-entry-mode>button.active>span:first-child{background:var(--color-accent);color:#fff}.word-entry-mode>button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.manual-word-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.manual-word-form-wide{grid-column:1/-1}.manual-word-form textarea{resize:vertical;min-height:112px;line-height:1.5}.manual-field-help{color:var(--color-text-subtle);margin-top:5px;font-size:10px;display:block}.manual-image-preview{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:14px;height:170px;position:relative;overflow:hidden}.manual-image-preview img{object-fit:cover;width:100%;height:100%}.manual-image-preview span{color:#fff;background:#0d1829c7;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700;position:absolute;bottom:10px;right:10px}.manual-save-note{color:var(--color-text-muted);background:#10b9810f;border:1px solid #10b98138;border-radius:11px;align-items:flex-start;gap:9px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.manual-save-note>span{color:#087a58;background:#10b98126;border-radius:50%;flex:0 0 21px;place-items:center;width:21px;height:21px;font-weight:800;display:grid}.manual-save-note p{margin:1px 0 0}.manual-save-progress{min-height:220px;color:var(--color-text-muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:30px;display:grid}.manual-save-progress>span{color:var(--color-accent);font-size:30px}.manual-save-progress strong{color:var(--color-text);font-size:17px}.manual-save-progress p{max-width:380px;margin:0;font-size:12px}@media (width<=640px){.modal-manual-word{width:100%;max-height:calc(100dvh - 16px)}.word-entry-mode{grid-template-columns:1fr}.word-entry-mode>button{min-height:52px}.manual-word-form{grid-template-columns:1fr}.manual-word-form-wide{grid-column:auto}.manual-image-preview{height:145px}.enrich-preview{padding:16px}.enrich-detail-grid{grid-template-columns:1fr}.enrich-detail-card{min-height:0}.add-word-field{padding:11px}.add-word-image-hero img{height:160px}}@media (prefers-reduced-motion:reduce){.add-word-field,.enrich-detail-card,.word-entry-mode>button{transition:none}.add-word-field:focus-within,.enrich-detail-card:hover,.word-entry-mode>button:hover{transform:none}}.review-summary-details{gap:7px;margin-bottom:20px;display:grid}@media (width<=640px){.active-review-question,.active-review-result{padding-left:18px;padding-right:18px}.review-grades,.review-answer-comparison,.review-session-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.review-load-error{flex-direction:column;align-items:stretch}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:1.5s infinite pulse}.animate-fade-in{animation:fadeIn var(--transition-base) ease}.animate-slide-up{animation:slideUp var(--transition-base) ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}@media (width<=768px){.app-sidebar{display:none}.app-main{padding-bottom:calc(76px + env(safe-area-inset-bottom));margin-left:0}.mobile-nav{z-index:200;min-height:68px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-bg-secondary) 94%, transparent);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 28px #0000003d}.mobile-nav-item{border-radius:var(--radius-md);min-width:0;min-height:54px;color:var(--color-text-muted);text-align:center;transition:color var(--transition-fast), background var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:700;line-height:1.1;text-decoration:none;display:flex;position:relative}.mobile-nav-item.active{color:var(--color-accent);background:var(--color-accent-soft)}.mobile-nav-item.active:before{content:"";border-radius:var(--radius-full);background:var(--color-accent);width:22px;height:3px;position:absolute;top:2px}.mobile-nav-icon{font-size:21px;line-height:1}.page-container{padding:20px 16px}.vocab-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.word-detail-hero,.memory-roadmap-header{flex-direction:column}.memory-roadmap-score{text-align:left;width:100%}.memory-next-review{grid-template-columns:1fr}.word-detail-image,.word-detail-image-placeholder{width:100%;height:200px}.flashcard-word{font-size:32px}.auth-card{padding:24px}}.legal-page{background:var(--color-background);min-height:100vh;padding:48px 20px}.legal-card{border:1px solid var(--color-border);background:var(--color-surface);width:min(760px,100%);box-shadow:var(--shadow-md);color:var(--color-text-muted);border-radius:24px;margin:0 auto;padding:clamp(24px,5vw,52px);line-height:1.75}.legal-card h1{color:var(--color-text);margin:20px 0 4px;font-size:clamp(32px,6vw,48px)}.legal-card h2{color:var(--color-text);margin:28px 0 6px;font-size:20px}.subscription-usage-grid,.subscription-option-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.subscription-current-plan{border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border));background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 9%, var(--color-surface)) 0%, var(--color-surface) 68%);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:18px 0;padding:18px;display:grid}.subscription-current-plan-mark{background:var(--color-accent);color:#fff;width:50px;height:50px;box-shadow:0 8px 20px color-mix(in srgb, var(--color-accent) 24%, transparent);border-radius:14px;place-items:center;font-size:22px;font-weight:850;display:grid}.subscription-current-plan-main{gap:2px;display:grid}.subscription-current-plan-main>span,.subscription-current-plan-main>small,.subscription-current-plan-detail p>span{color:var(--color-text-muted);font-size:11px}.subscription-current-plan-main>span{letter-spacing:.05em;text-transform:uppercase;font-weight:750}.subscription-current-plan-main>strong{color:var(--color-text);font-size:22px}.subscription-current-plan-detail{justify-items:end;gap:8px;display:grid}.subscription-current-plan-detail p{justify-items:end;gap:1px;margin:0;display:grid}.subscription-current-plan-detail p>strong{color:var(--color-text);font-size:18px}@media (width<=560px){.subscription-current-plan{grid-template-columns:auto minmax(0,1fr)}.subscription-current-plan-detail{border-top:1px solid var(--color-border);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);place-items:center start;padding-top:12px}.subscription-current-plan-detail p{justify-self:end;justify-items:end}}.subscription-usage-card,.subscription-option{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:12px;padding:13px;font-size:13px}.subscription-progress{background:var(--color-border);border-radius:99px;height:7px;margin-top:10px;overflow:hidden}.subscription-progress span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.subscription-option{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;display:grid}.subscription-option span{color:var(--color-text-muted);grid-column:2}.subscription-option.selected{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface))}.admin-clients-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.admin-client-total{border:1px solid var(--color-border);background:var(--color-surface);text-align:right;border-radius:12px;min-width:112px;padding:14px 18px;display:grid}.admin-client-total strong{color:var(--color-text);font-size:26px}.admin-client-total span,.admin-client-details span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.admin-client-search{gap:10px;max-width:680px;margin-bottom:20px;display:flex}.admin-client-list{gap:12px;display:grid}.admin-client-table-wrap{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;overflow-x:auto}.admin-client-table{border-collapse:collapse;width:100%;min-width:980px;font-size:13px}.admin-client-table th,.admin-client-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;padding:14px 16px}.admin-client-table th{background:var(--color-surface-raised);color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.admin-client-table tbody tr:last-child td{border-bottom:0}.admin-client-table tbody tr:hover{background:color-mix(in srgb, var(--color-accent) 4%, var(--color-surface))}.admin-client-number{width:48px;color:var(--color-text-muted);font-weight:750;text-align:center!important}.admin-client-table-name{align-items:center;gap:9px;min-width:190px;display:flex}.admin-client-table-name .admin-client-avatar{flex-basis:34px;width:34px;height:34px;font-size:12px}.admin-client-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;grid-template-columns:minmax(240px,.85fr) minmax(500px,1.5fr);align-items:center;gap:24px;padding:18px 20px;display:grid}.admin-client-identity{align-items:center;gap:12px;min-width:0;display:flex}.admin-client-avatar{background:var(--color-accent-soft);width:42px;height:42px;color:var(--color-accent);border-radius:50%;flex:0 0 42px;place-items:center;font-weight:800;display:grid}.admin-speaking-page{gap:24px;display:grid}.admin-speaking-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.admin-speaking-metrics article{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;gap:6px;padding:18px;display:grid}.admin-speaking-metrics strong{font-size:1.75rem}.admin-speaking-metrics span{color:var(--color-text-muted);font-size:.82rem}.admin-speaking-settings{grid-template-columns:minmax(240px,1.5fr) repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:14px;display:grid}.admin-speaking-settings label{gap:7px;font-size:.82rem;font-weight:700;display:grid}.admin-speaking-settings h2,.admin-speaking-template h3{margin:0}.admin-speaking-add{grid-template-columns:1fr 1fr 2fr auto;gap:10px;margin:18px 0;display:grid}.admin-speaking-category-list,.admin-speaking-template-list{gap:10px;display:grid}.admin-speaking-category{border:1px solid var(--color-border);border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:15px;display:grid}.admin-speaking-category code{color:var(--color-text-muted);margin-left:9px}.admin-speaking-category p{color:var(--color-text-muted);margin:5px 0 0}.admin-speaking-parts{gap:5px;display:flex}.admin-speaking-parts button{background:var(--color-surface-raised);color:var(--color-text-muted);cursor:pointer;border:0;border-radius:8px;padding:7px 9px}.admin-speaking-parts button.active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:800}.admin-speaking-category-fields{gap:7px;display:grid}.admin-speaking-category-actions{gap:7px;display:flex}.admin-speaking-template{border:1px solid var(--color-border);border-radius:14px;gap:12px;padding:16px;display:grid}.admin-speaking-template header,.admin-speaking-template>div,.admin-speaking-flag{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-speaking-template textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.admin-speaking-flag{border-bottom:1px solid var(--color-border);padding:12px 0}.admin-speaking-flag div{gap:3px;display:grid}.admin-speaking-flag small{color:var(--color-text-muted)}@media (width<=1100px){.admin-speaking-metrics{grid-template-columns:repeat(3,1fr)}.admin-speaking-settings{grid-template-columns:repeat(2,1fr)}.admin-speaking-settings>div{grid-column:1/-1}.admin-speaking-add{grid-template-columns:1fr 1fr}}@media (width<=640px){.admin-speaking-metrics{grid-template-columns:repeat(2,1fr)}.admin-speaking-settings,.admin-speaking-add,.admin-speaking-category{grid-template-columns:1fr}.admin-speaking-category{align-items:stretch}.admin-speaking-template header,.admin-speaking-template>div,.admin-speaking-flag{flex-direction:column;align-items:stretch}}.admin-client-name-row{align-items:center;gap:8px;display:flex}.admin-client-name-row h2{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.admin-client-identity p{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin-client-details{grid-template-columns:repeat(4,minmax(100px,1fr));gap:16px;display:grid}.admin-client-details>div{gap:5px;display:grid}.admin-client-details strong{color:var(--color-text);font-size:13px}.admin-client-details .admin-plan-pro{color:var(--color-accent)}.admin-client-details .admin-payment-pending{color:var(--color-warning)}.admin-client-pagination{color:var(--color-text-muted);justify-content:center;align-items:center;gap:16px;margin-top:20px;font-size:13px;display:flex}@media (width<=1050px){.admin-client-card{grid-template-columns:1fr}}@media (width<=768px){.admin-clients-header{flex-direction:column;align-items:stretch}.admin-client-total{text-align:left}.admin-client-search{flex-wrap:wrap}.admin-client-search .form-input{flex-basis:100%}.admin-client-details{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (width>=769px){.app-sidebar{align-items:stretch}.sidebar-logo{justify-content:flex-start}.sidebar-user{justify-content:flex-start;width:auto;margin:0;padding:10px 12px}}.active-review:has(.study-flashcard-stage) .review-grades{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.active-review:has(.study-flashcard-stage) .review-grade{text-align:center;background:#fff;border-color:#e4e1dc;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:132px;padding:20px 14px 17px;display:flex}:is(.active-review:has(.study-flashcard-stage) .review-grade strong,.active-review:has(.study-flashcard-stage) .review-grade span,.active-review:has(.study-flashcard-stage) .review-grade small){grid-column:auto;display:block}.active-review:has(.study-flashcard-stage) .review-grade strong{color:#525866;font-size:17px;line-height:1.2}.active-review:has(.study-flashcard-stage) .review-grade span{color:#8b9099;min-height:17px;font-size:12px;line-height:1.35}.active-review:has(.study-flashcard-stage) .review-grade small{color:#ff6b12;margin-top:2px;font-size:13px;font-weight:750}.active-review:has(.study-flashcard-stage) .review-grade kbd{color:#a3a6ad;background:#faf9f7;border-color:#e5e2dd;border-radius:7px;grid-row:auto;place-items:center;width:25px;height:25px;font-size:11px;display:grid;position:absolute;top:10px;right:10px}.active-review:has(.study-flashcard-stage) .review-grade:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 52%, #e4e1dc);background:#fffaf7;transform:translateY(-2px);box-shadow:0 8px 22px #19233414}.active-review:has(.study-flashcard-stage) .review-grade:focus-visible{border-color:color-mix(in srgb, var(--color-accent) 52%, #e4e1dc);background:#fffaf7;transform:translateY(-2px);box-shadow:0 8px 22px #19233414}@media (width<=640px){.active-review:has(.study-flashcard-stage) .review-grades{grid-template-columns:repeat(2,minmax(0,1fr))}.active-review:has(.study-flashcard-stage) .review-grade{gap:4px;min-height:104px;padding:16px 8px 12px}.active-review:has(.study-flashcard-stage) .review-grade strong{font-size:14px}.active-review:has(.study-flashcard-stage) .review-grade span{min-height:0;font-size:10px;display:block}.active-review:has(.study-flashcard-stage) .review-grade small{font-size:11px}}.study-flashcard-stage{perspective:1400px;width:min(100% - 56px,650px);margin:30px auto 28px;position:relative}.study-flashcard-shadow{pointer-events:none;background:#eef2f8;border:1px solid #7e8da638;border-radius:26px;height:72%;position:absolute;bottom:-9px;left:20px;right:20px}.study-flashcard-shadow-two{opacity:.72;transform:translateY(8px)rotate(-1.2deg)}.study-flashcard-card{z-index:2;cursor:pointer;isolation:isolate;min-height:430px;transform-style:preserve-3d;border-radius:26px;outline:none;position:relative}.study-flashcard-card:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 60%, white);outline-offset:5px}.study-flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .62s cubic-bezier(.2,.75,.22,1);position:absolute}.study-flashcard-card.is-flipped .study-flashcard-inner{transform:rotateY(180deg)}.study-flashcard-face{backface-visibility:hidden;border:1px solid #1e2f4b1f;border-radius:26px;flex-direction:column;justify-content:space-between;padding:24px 26px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 28px 60px #131f3329}.study-flashcard-front-face{color:#17233b;background:radial-gradient(circle at 88% 12%,#4c89ff2b,#0000 27%),linear-gradient(145deg,#fff 0%,#f8faff 55%,#edf3ff 100%);transform:rotateY(0)translateZ(1px)}.study-flashcard-front-face:after{content:"";border:32px solid #ff6b0b12;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-68px;right:-54px}.study-flashcard-back-face{color:#fff;background:radial-gradient(circle at 15% 15%,#ffffff21,#0000 28%),linear-gradient(145deg,#162b4a 0%,#183f65 58%,#126a7b 100%);transform:rotateY(180deg)translateZ(1px)}.study-flashcard-card:not(.is-flipped) .study-flashcard-back-face,.study-flashcard-card.is-flipped .study-flashcard-front-face{pointer-events:none}.study-flashcard-face-top,.study-flashcard-face-bottom{z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.study-flashcard-direction,.study-flashcard-count{color:#627089;letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:800}.study-flashcard-count{font-variant-numeric:tabular-nums;background:#ffffffb8;border:1px solid #3345621a;border-radius:999px;padding:7px 10px;display:inline-flex}.study-flashcard-prompt,.study-flashcard-answer-content{z-index:1;text-align:center;place-items:center;gap:9px;width:100%;padding:28px 12px;display:grid;position:relative}.study-flashcard-kicker{color:#ff6b0b;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.study-flashcard-prompt h2,.study-flashcard-answer-content h2{letter-spacing:-.045em;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(38px,7vw,64px);font-weight:750;line-height:1.05}.study-flashcard-prompt p,.study-flashcard-pronunciation{color:#738096;margin:0;font-size:15px;font-style:italic}.study-flashcard-chip{color:#536176;text-transform:capitalize;background:#ffffffbf;border:1px solid #dce4f0;border-radius:999px;margin-top:5px;padding:7px 11px;font-size:11px;font-weight:700}.study-flashcard-audio{z-index:2;color:#35445c;cursor:pointer;background:#fffc;border:1px solid #d7dfeb;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font:700 12px/1 inherit;display:inline-flex;position:relative}.study-flashcard-audio>span{color:#2d6cdf;background:#edf3ff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.study-flashcard-audio.is-speaking>span{animation:1.1s ease-in-out infinite flashcardAudioPulse}.study-flashcard-flip-cue{color:#66748a;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.study-flashcard-flip-cue>span{font-size:18px;transition:transform .22s}.study-flashcard-card:hover .study-flashcard-flip-cue>span{transform:rotate(45deg)}.study-flashcard-back-face .study-flashcard-direction{color:#ffffffb3}.study-flashcard-answer-mark{background:#ffffff26;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.study-flashcard-answer-content{max-height:290px;overflow-y:auto}.study-flashcard-answer-content .study-flashcard-kicker{color:#ffb07b}.study-flashcard-answer-content h2{color:#fff}.study-flashcard-answer-content .study-flashcard-pronunciation{color:#ffffffad}.study-flashcard-explanation{color:#ffffffd4;max-width:520px;margin:5px 0 0;font-size:14px;line-height:1.55}.study-flashcard-answer-content blockquote{color:#ffffffc2;text-align:left;border-left:3px solid #ff9b5a;max-width:520px;margin:8px 0 0;padding:10px 14px;font-size:13px;font-style:italic;line-height:1.5}.study-flashcard-audio-light{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.study-flashcard-audio-light>span{color:#fff;background:#ffffff24}.study-flashcard-flip-cue-light{color:#ffffffb8}.study-flashcard-help{color:var(--color-text-subtle);justify-content:center;align-items:center;gap:7px;margin:20px 0 0;font-size:11px;display:flex}.study-flashcard-help>span{font-size:14px}.active-review:has(.study-flashcard-stage) .review-grades{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;padding:12px}.active-review:has(.study-flashcard-stage) .review-grade:not(:disabled){animation:.32s both flashcardGradeReveal}.active-review:has(.study-flashcard-stage) .review-grade-forgot:not(:disabled){background:#ef44440e;border-color:#ef444447}.active-review:has(.study-flashcard-stage) .review-grade-difficult:not(:disabled){background:#f59e0b0f;border-color:#f59e0b4d}:is(.active-review:has(.study-flashcard-stage) .review-grade-remembered:not(:disabled),.active-review:has(.study-flashcard-stage) .review-grade-easy:not(:disabled)){background:#10b9810e;border-color:#10b98147}@keyframes flashcardAudioPulse{0%,to{box-shadow:0 0 #2d6cdf47}50%{box-shadow:0 0 0 7px #2d6cdf00}}@keyframes flashcardGradeReveal{0%{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.active-review-card:has(.study-flashcard-stage){background:0 0;border:0;overflow:visible}.active-review-card:has(.study-flashcard-stage) .active-review-card-header{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;margin-bottom:12px}.study-flashcard-stage{width:calc(100% - 12px);margin:12px auto 24px}.study-flashcard-card{min-height:420px}.study-flashcard-face{border-radius:22px;padding:20px}.study-flashcard-prompt h2,.study-flashcard-answer-content h2{font-size:clamp(36px,12vw,52px)}.study-flashcard-answer-content{max-height:285px;padding-left:2px;padding-right:2px}.study-flashcard-audio{padding:7px 9px}.study-flashcard-flip-cue{font-size:11px}.study-flashcard-help{display:none}.active-review:has(.study-flashcard-stage) .review-grades{padding:7px}}@media (prefers-reduced-motion:reduce){.study-flashcard-inner{transition-duration:1ms}.study-flashcard-audio.is-speaking>span{animation:none}.active-review:has(.study-flashcard-stage) .review-grade:not(:disabled){animation:none}}.study-flashcard-stage{width:min(100% - 56px,650px)}.study-flashcard-shadow{background:#fffaf2;border-color:#e3ded5}.study-flashcard-shadow-two{background:#ebe4d9;transform:translate(10px,8px)rotate(3deg)}.study-flashcard-shadow-one{transform:translate(-6px,7px)rotate(-1.8deg)}.study-flashcard-card{min-height:570px}.study-flashcard-face{color:#182136;background:#fff;border-color:#e3dfd8;padding:25px 30px 22px;box-shadow:0 24px 55px #1c263824}.study-flashcard-front-face,.study-flashcard-back-face{color:#182136;background:#fff}.study-flashcard-front-face:after{display:none}.study-flashcard-memory-edge{background:linear-gradient(#6576ed,#4558ca);width:7px;position:absolute;top:0;bottom:0;left:0}.study-flashcard-memory-edge-success{background:linear-gradient(#38ad78,#218b60)}.study-flashcard-status,.study-flashcard-result{color:#5262d8;letter-spacing:.09em;text-transform:uppercase;background:#eef0ff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.study-flashcard-status-difficult{color:#bd590d;background:#fff0e7}.study-flashcard-status-remembered,.study-flashcard-result-correct{color:#218b60;background:#e9f7f0}.study-flashcard-result-partial{color:#9a6500;background:#fff3d6}.study-flashcard-result-incorrect{color:#b83232;background:#ffebeb}.study-flashcard-result-revealed{color:#5262d8;background:#eef0ff}.study-flashcard-icon-button,.study-flashcard-front-button{z-index:3;color:#6f7480;cursor:pointer;background:#f5f3ef;border:0;border-radius:50%;place-items:center;min-width:35px;height:35px;padding:0 11px;font-size:13px;font-weight:700;display:grid;position:relative}.study-flashcard-front-button{border-radius:9px;width:auto;display:inline-flex}.study-flashcard-icon-button.is-speaking{color:#5269df}.study-flashcard-memory-art{background:linear-gradient(135deg,#e8efff,#f7e8d9);border-radius:20px;place-items:center;height:180px;margin-top:16px;display:grid;position:relative;overflow:hidden}.study-flashcard-memory-art:after{content:"";background:#ffffff94;border-radius:50%;width:220px;height:220px;position:absolute;top:-75px;right:-45px}.study-flashcard-memory-art.has-image:after{background:linear-gradient(#0000 55%,#111c2f2e);border-radius:0;width:auto;height:auto;inset:0}.study-flashcard-memory-art img{object-fit:cover;width:100%;height:100%}.study-flashcard-memory-letter{z-index:2;color:#263b72;opacity:.74;font-size:92px;font-weight:850;line-height:1;transform:rotate(-7deg)}.study-flashcard-spark{z-index:3;color:#ff6b12;filter:drop-shadow(0 4px 12px #ff6b1240);font-size:43px;position:absolute;top:28px;right:32%}.study-flashcard-orbit{border:1px solid #40539a29;border-radius:50%;position:absolute}.study-flashcard-orbit-one{width:270px;height:105px;transform:rotate(-10deg)}.study-flashcard-orbit-two{width:350px;height:145px;transform:rotate(15deg)}.study-flashcard-prompt{gap:4px;padding:14px 12px 5px}.study-flashcard-prompt .study-flashcard-kicker{color:#8b8f98;font-size:9px}.study-flashcard-prompt h2{margin:4px 0 2px;font-size:clamp(34px,6vw,44px)}.study-flashcard-prompt p{color:#8a8d94;min-height:20px;font-size:13px;font-style:normal}.study-flashcard-answer-row{z-index:3;gap:9px;margin-top:10px;display:flex;position:relative}.study-flashcard-answer-row input{background:#fff;border:1px solid #dedbd5;border-radius:12px;outline:none;flex:1;min-width:0;padding:13px 15px;font-size:14px}.study-flashcard-answer-row input:focus{border-color:#6c79df;box-shadow:0 0 0 3px #5269df1f}.study-flashcard-answer-row button{color:#fff;cursor:pointer;background:#ff6b12;border:0;border-radius:12px;padding:0 19px;font-weight:700}.study-flashcard-answer-row button:disabled{cursor:not-allowed;opacity:.5}.study-flashcard-answer-row button span{margin-left:8px}.study-flashcard-inline-hint{z-index:2;color:#6d7078;background:#fff7f1;border-radius:9px;margin:9px 0 0;padding:8px 11px;font-size:11px;line-height:1.4;position:relative}.study-flashcard-card-foot{z-index:3;justify-content:space-between;margin-top:10px;display:flex;position:relative}.study-flashcard-card-foot button{color:#777d88;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px}.study-flashcard-mobile-flip{display:none}.study-flashcard-answer-content{text-align:left;max-height:none;padding:0;display:block;overflow:visible}.study-flashcard-answer-title{justify-content:space-between;align-items:center;margin:22px 0 16px;display:flex}.study-flashcard-answer-title h2{color:#182136;letter-spacing:-.04em;margin:0 0 5px;font-size:clamp(34px,6vw,44px);line-height:1}.study-flashcard-answer-title p{color:#8a8d94;margin:0;font-size:13px}.study-flashcard-translation{background:#f5f2ec;border-radius:14px;gap:4px;padding:14px 17px;display:grid}.study-flashcard-translation span,.study-flashcard-collocation span{color:#8b8f98;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:750}.study-flashcard-translation strong{color:#182136;overflow-wrap:anywhere;font-size:20px}.study-flashcard-back-face .study-flashcard-explanation{color:#4c5362;max-width:none;margin:13px 2px 8px;font-size:14px}.study-flashcard-back-face .study-flashcard-answer-content blockquote{color:#4c5362;background:#fff7f1;border-left:3px solid #ff6b12;border-radius:0 9px 9px 0;max-width:none;margin:0;padding:10px 14px;font-size:13px}.study-flashcard-collocation{align-items:center;gap:10px;margin-top:12px;display:flex}.study-flashcard-collocation strong{color:#4253ba;background:#edf0ff;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:600}.study-flashcard-your-answer{border-top:1px solid #ece8e1;align-items:center;gap:12px;margin-top:14px;padding-top:13px;font-size:12px;display:flex}.study-flashcard-your-answer span{color:#8b8e96}.study-flashcard-your-answer strong{overflow-wrap:anywhere;flex:1;min-width:0}.study-flashcard-your-answer i{color:#188657;background:#dff4e9;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.study-flashcard-back-foot{display:none}.active-review:has(.study-flashcard-stage) .review-grades{background:0 0;border:0;width:min(100%,650px);margin:0 auto;padding:0}.active-review:has(.study-flashcard-stage) .review-grade{text-align:left;grid-template-rows:auto auto;grid-template-columns:28px 1fr;column-gap:9px;min-height:70px;padding:10px 12px}.active-review:has(.study-flashcard-stage) .review-grade kbd{grid-row:1/span 2;width:26px;height:26px;position:static}:is(.active-review:has(.study-flashcard-stage) .review-grade strong,.active-review:has(.study-flashcard-stage) .review-grade span,.active-review:has(.study-flashcard-stage) .review-grade small){grid-column:2}@media (width<=640px){.study-flashcard-card{min-height:545px}.study-flashcard-face{padding:20px 20px 17px}.study-flashcard-memory-art{height:165px}.study-flashcard-prompt h2{font-size:36px}.study-flashcard-answer-row input{padding:12px}.study-flashcard-answer-row button{padding:0 14px}.study-flashcard-answer-title{margin:16px 0 13px}.study-flashcard-answer-content{max-height:430px;overflow-y:auto}.active-review:has(.study-flashcard-stage) .review-grades{width:100%}.active-review:has(.study-flashcard-stage) .review-grade{min-height:62px;padding:8px 6px;display:grid}}html,body{max-width:100%;overflow-x:hidden}.app-layout,.app-main{min-width:0}.review-page-header,.review-page-actions{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.review-page-header{margin-bottom:20px}.review-page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center}.review-queue-toggle{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;gap:6px;padding:4px;display:flex}.review-study-modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.read-flow{gap:14px;width:min(100%,940px);margin:0 auto;display:grid}.read-flow-header,.read-flow-status,.read-flow-settings,.read-flow-settings label,.read-flow-meta,.read-flow-controls,.read-flow-main-controls,.read-flow-music,.read-flow-speed,.read-flow-targets,.read-flow-target-word{align-items:center;display:flex}.read-flow-header{justify-content:space-between;gap:14px}.read-flow-status{gap:10px}.read-flow-status>span{background:var(--color-text-subtle);border-radius:50%;flex:0 0 10px;width:10px;height:10px}.read-flow-status>span.is-live{background:#20b486;animation:.9s ease-in-out infinite alternate pronouncePulse;box-shadow:0 0 0 6px #20b4861f}.read-flow-status div{gap:2px;display:grid}.read-flow-status strong{color:var(--color-text);font-size:14px}.read-flow-status small,.read-flow-settings label>span,.read-flow-targets small{color:var(--color-text-muted);font-size:11px}.read-flow-settings{flex-wrap:wrap;justify-content:flex-end;gap:8px}.read-flow-settings label{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;gap:6px;min-height:34px;padding:4px 7px 4px 10px}.read-flow-settings select{color:var(--color-text);background:0 0;border:0;outline:0;font:700 12px/1 inherit}.read-flow-alert{justify-content:space-between}.read-flow-card{border:1px solid var(--color-border);background:radial-gradient(circle at 8% 0%, #20b48617, transparent 30%), radial-gradient(circle at 95% 100%, #5177ff17, transparent 34%), var(--color-surface);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 55px #121c2d17}.read-flow-ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.read-flow-ambient i{background:color-mix(in srgb, var(--color-accent) 9%, transparent);filter:blur(2px);border-radius:50%;width:180px;height:180px;position:absolute}.read-flow-ambient i:first-child{top:-120px;left:8%}.read-flow-ambient i:nth-child(2){top:34%;right:-130px}.read-flow-ambient i:nth-child(3){bottom:-150px;left:35%}.read-flow-meta{z-index:2;border-bottom:1px solid var(--color-border);justify-content:space-between;min-height:56px;padding:10px 18px;position:relative}.read-flow-meta>span{color:var(--color-accent);letter-spacing:.14em;font-size:10px;font-weight:850}.read-flow-meta>div{gap:5px;display:flex}.read-flow-meta button,.read-flow-main-controls button{border:1px solid var(--color-border);background:var(--color-surface-raised);width:36px;height:36px;color:var(--color-text);border-radius:50%;place-items:center;font-weight:800;display:grid}.read-flow-teleprompter{overscroll-behavior:contain;scroll-behavior:auto;scrollbar-width:none;will-change:scroll-position;height:410px;padding:155px clamp(24px,7vw,74px);position:relative;overflow-y:auto}.read-flow-teleprompter::-webkit-scrollbar{display:none}.read-flow-teleprompter article{z-index:1;color:var(--color-text);letter-spacing:.005em;line-height:1.9;position:relative}.read-flow-teleprompter p{margin:0 0 1.35em}.read-flow-teleprompter mark{background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent);border-radius:5px;padding:1px 4px;font-weight:800}.read-flow-loading,.read-flow-empty{color:var(--color-text-muted);text-align:center;place-items:center;gap:10px;display:grid}.read-flow-loading{min-height:120px}.read-flow-loading>span{color:var(--color-accent);font-size:24px}.read-flow-progress{background:var(--color-surface-raised);height:4px}.read-flow-progress i{background:linear-gradient(90deg, var(--color-accent), #5b83ff);height:100%;transition:width .12s linear;display:block}.read-flow-controls{z-index:3;border-top:1px solid var(--color-border);justify-content:space-between;gap:12px;min-height:84px;padding:13px 18px;position:relative}.read-flow-music,.read-flow-speed{min-width:150px;color:var(--color-text);text-align:left;background:0 0;border:0;gap:10px}.read-flow-music>span:first-child{background:var(--color-accent-soft);width:38px;height:38px;color:var(--color-accent);border-radius:50%;place-items:center;font-size:18px;display:grid}.read-flow-music>span:last-child,.read-flow-speed{gap:2px;display:grid}.read-flow-music small,.read-flow-speed span{color:var(--color-text-muted);font-size:10px}.read-flow-music.active>span:first-child{animation:.85s ease-in-out infinite alternate pronouncePulse}.read-flow-main-controls{gap:8px}.read-flow-main-controls .read-flow-play{background:var(--color-accent);width:54px;height:54px;box-shadow:0 8px 22px color-mix(in srgb, var(--color-accent) 28%, transparent);color:#fff;border:0;font-size:18px}.read-flow-main-controls .read-flow-play.active{background:#20b486;box-shadow:0 8px 22px #20b48647,0 0 0 7px #20b4861a}.read-flow-music:disabled{cursor:wait;opacity:.72}.read-flow-main-controls button.active{border-color:var(--color-accent);color:var(--color-accent)}.read-flow-speed{text-align:right;grid-template-columns:minmax(76px,auto) minmax(72px,1fr) 38px;place-items:center end;column-gap:9px;min-width:150px}.read-flow-speed input{width:100%;min-width:72px;accent-color:var(--color-accent);cursor:pointer}.read-flow-speed strong{color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:14px}.read-flow-targets{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 16px}.read-flow-targets>div:first-child{gap:3px;min-width:185px;display:grid}.read-flow-targets>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.read-flow-target-word{border:1px solid var(--color-border);background:var(--color-surface-raised);min-height:40px;color:var(--color-text);border-radius:999px;gap:5px;padding:3px 4px 3px 10px;font-size:12px;font-weight:750}.read-flow-target-word .pronounce-button{width:32px;min-width:32px;height:32px;min-height:32px}.read-flow-empty{border:1px dashed var(--color-border);border-radius:20px;min-height:280px;padding:32px}.read-flow-empty>span{font-size:38px}.read-flow-empty h2,.read-flow-empty p{margin:0}@media (width<=768px){.review-study-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.read-flow-header,.read-flow-controls,.read-flow-targets{flex-direction:column;align-items:stretch}.read-flow-settings{grid-template-columns:1fr 1fr;justify-content:stretch;display:grid}.read-flow-settings .btn{grid-column:1/-1}.read-flow-settings label{justify-content:space-between;min-width:0}.read-flow-card{border-radius:18px}.read-flow-teleprompter{height:min(54vh,430px);padding:130px 22px}.read-flow-controls{min-height:0;padding:14px}.read-flow-main-controls{order:-1;justify-content:center}.read-flow-music,.read-flow-speed{text-align:center;justify-content:center;justify-items:center;width:100%;min-width:0}.read-flow-speed{grid-template-columns:auto minmax(120px,1fr) 44px}.read-flow-targets>div:last-child{justify-content:flex-start}}.review-study-mode{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;min-height:68px;color:var(--color-text-muted);text-align:left;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .16s,background .16s,transform .16s;display:flex}.review-study-mode:hover{border-color:var(--color-border-hover);transform:translateY(-1px)}.review-study-mode.active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}.review-study-mode-icon{background:var(--color-surface-raised);width:38px;height:38px;color:var(--color-accent);border-radius:10px;flex:0 0 38px;place-items:center;font-size:18px;font-weight:850;display:grid}.review-study-mode>span:last-child{gap:2px;min-width:0;display:grid}.review-study-mode strong{font-size:14px}.review-study-mode small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.review-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 28px 30px;display:grid}.review-choice{border:1px solid var(--color-border);background:var(--color-surface);min-height:66px;color:var(--color-text);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.review-choice:hover,.review-choice:focus-visible{border-color:var(--color-accent);background:var(--color-accent-soft)}.review-choice>span{border:1px solid var(--color-border);background:var(--color-surface-raised);width:30px;height:30px;color:var(--color-text-muted);border-radius:8px;flex:0 0 30px;place-items:center;font-size:12px;font-weight:800;display:grid}.review-choice strong{overflow-wrap:anywhere}.review-flip-card{border:1px dashed var(--color-border-hover);background:var(--color-surface-raised);width:calc(100% - 56px);min-height:190px;color:var(--color-text);text-align:center;border-radius:16px;place-items:center;gap:10px;margin:12px 28px 30px;padding:30px;transition:border-color .16s,transform .16s;display:grid}.review-flip-card:hover,.review-flip-card:focus-visible{border-color:var(--color-accent);transform:translateY(-2px)}.review-flip-card>span{color:var(--color-text-muted);font-size:13px}.review-flip-card>strong{font-size:19px}.review-flip-card>small{color:var(--color-text-subtle);font-size:11px}.review-flashcard-answer{border:1px solid color-mix(in srgb, var(--color-accent) 35%, var(--color-border));background:var(--color-accent-soft);text-align:center;border-radius:16px;place-items:center;gap:5px;min-height:126px;padding:22px;display:grid}.review-flashcard-answer span,.review-flashcard-answer small{color:var(--color-text-muted);font-size:11px}.review-flashcard-answer span{letter-spacing:.08em;text-transform:uppercase;font-weight:800}.review-flashcard-answer strong{color:var(--color-text);overflow-wrap:anywhere;font-size:clamp(24px,4vw,36px)}.review-grade{position:relative}.review-grade kbd{border:1px solid var(--color-border);background:var(--color-surface-raised);width:18px;height:18px;color:var(--color-text-subtle);border-radius:5px;place-items:center;font:700 9px/1 inherit;display:grid;position:absolute;top:7px;right:7px}.mobile-menu-overlay,.mobile-menu-sheet{display:none}@media (width<=768px){.app-main{width:100%;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.page-container{width:100%;padding:20px 14px calc(28px + env(safe-area-inset-bottom))}.page-title{font-size:clamp(25px,8vw,32px)}.language-switcher{position:absolute;top:12px;right:14px}.review-page-header{flex-direction:column;align-items:stretch;padding-right:72px}.review-page-actions{flex-direction:column-reverse;align-items:stretch;width:calc(100vw - 28px)}.review-page-actions>.btn,.review-queue-toggle{width:100%}.review-queue-toggle>.btn{flex:1;min-width:0;padding-left:8px;padding-right:8px}.review-study-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.review-study-mode{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:74px;padding:9px 5px}.review-study-mode-icon{flex-basis:30px;width:30px;height:30px;font-size:14px}.review-study-mode small{display:none}.review-print-note{padding:12px}.review-print-note p{font-size:12px}.stats-grid{gap:8px}.stat-card{min-width:0;padding:15px 12px}.active-review{gap:12px}.active-review-card{border-radius:16px}.active-review-card-header{padding:12px 14px}.active-review-question{padding:24px 14px 14px}.active-review-question h2{font-size:clamp(21px,6.5vw,28px)}.active-review-result{padding:12px 14px 22px}.review-choice-grid{grid-template-columns:1fr;padding:12px 14px 22px}.review-choice{min-height:56px}.review-flip-card{width:calc(100% - 28px);min-height:180px;margin:10px 14px 22px}.active-review-word-heading{align-items:flex-start}.active-review-word-heading h3{font-size:24px}.active-review-image-wrap img{max-height:180px}.review-answer-comparison{grid-template-columns:1fr}.review-grades{z-index:20;bottom:calc(72px + env(safe-area-inset-bottom));border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(16px);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));padding:7px;position:sticky;box-shadow:0 14px 36px #131c2d29}.review-grade{min-height:64px;padding:8px 3px}.review-grade strong{font-size:12px}.review-grade span{display:none}.review-grade small{font-size:9px}.review-grade kbd{display:none}.mobile-nav{min-height:68px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-color:var(--color-border);background:#fffffff5;box-shadow:0 -8px 28px #131c2d1f;grid-template-columns:repeat(4,minmax(0,1fr))!important}.mobile-nav-item{min-height:52px;color:var(--color-text-muted);background:0 0;border:0;padding:4px 2px;font-size:10px}.mobile-nav-icon{font-size:15px}.mobile-menu-overlay{z-index:330;background:#0c17287a;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-menu-sheet{width:100%;max-height:calc(100dvh - 72px);padding:8px 16px calc(88px + env(safe-area-inset-bottom));background:var(--color-surface);border-radius:22px 22px 0 0;animation:.18s ease-out mobile-sheet-in;display:block;overflow-y:auto;box-shadow:0 -20px 60px #0c172833}.mobile-menu-handle{background:var(--color-border-hover);border-radius:99px;width:42px;height:4px;margin:2px auto 16px}.mobile-menu-profile-row,.mobile-menu-profile{align-items:center;display:flex}.mobile-menu-profile-row{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:12px;padding-bottom:14px}.mobile-menu-profile{flex:1;gap:11px;min-width:0}.mobile-menu-profile>span:last-child{gap:2px;min-width:0;display:grid}.mobile-menu-profile strong,.mobile-menu-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-menu-profile small{color:var(--color-text-muted);font-size:11px}.mobile-menu-notification{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;position:relative}.mobile-menu-notification strong{background:var(--color-accent);color:#fff;border-radius:99px;min-width:19px;padding:2px 5px;font-size:9px;position:absolute;top:-5px;right:-5px}.mobile-menu-links{gap:4px;padding:10px 0;display:grid}.mobile-menu-links a{min-height:50px;color:var(--color-text);border-radius:11px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.mobile-menu-links a.active{background:var(--color-accent-soft);color:var(--color-accent)}.mobile-menu-links a>span{text-align:center}.mobile-menu-links a>small{color:var(--color-text-subtle);font-size:18px}.mobile-menu-close{border:1px solid var(--color-border);background:var(--color-surface-raised);width:100%;min-height:44px;color:var(--color-text);border-radius:10px;font-weight:700}.notification-popover-mobile{width:auto;max-height:calc(100dvh - 112px);right:12px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;display:block!important;left:12px!important}}@media (width<=390px){.page-container{padding-left:10px;padding-right:10px}.review-page-actions{width:calc(100vw - 20px)}.review-study-mode strong{font-size:12px}.review-progress{flex-direction:column-reverse;align-items:flex-start;gap:6px}.review-progress-bar{flex:none;width:100%}}@keyframes mobile-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sidebar-nav{overflow-y:auto}.sidebar-notification-area{margin-bottom:12px;position:relative}.sidebar-notification-button{color:#e9eef7;width:100%;min-height:42px;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;transition:background .16s,border-color .16s,transform .16s;display:flex}.sidebar-notification-button:hover,.sidebar-notification-button[aria-expanded=true]{background:#ffffff1a;border-color:#ffffff47}.sidebar-notification-label{align-items:center;gap:9px;min-width:0;font-size:13px;font-weight:650;display:flex}.notification-bell{filter:grayscale()brightness(2);font-size:15px}.notification-count{background:var(--color-accent);color:#fff;border-radius:99px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:800;display:inline-grid}.has-fresh-alert{animation:1.4s ease-in-out infinite notification-pulse}@keyframes notification-pulse{0%,to{box-shadow:0 0 #ff6b0b00}50%{box-shadow:0 0 0 7px #ff6b0b2e}}.notification-popover{z-index:400;border:1px solid var(--color-border);background:var(--color-surface);width:min(390px,100vw - 32px);max-height:min(620px,100vh - 40px);color:var(--color-text);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0d172838;position:fixed!important}.notification-popover-desktop{bottom:72px!important;left:260px!important;right:auto!important}.notification-popover-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:17px 18px 14px;display:flex}.notification-popover-header>div{gap:2px;display:grid}.notification-popover-header strong{font-size:15px}.notification-popover-header span{color:var(--color-text-muted);font-size:11px}.notification-close{background:var(--color-surface-raised);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;border:0;border-radius:8px;place-items:center;font-size:20px;display:grid}.notification-list{max-height:430px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--color-border);color:inherit;grid-template-columns:34px minmax(0,1fr) 8px;align-items:flex-start;gap:11px;padding:14px 16px;text-decoration:none;transition:background .14s;display:grid}.notification-item:hover{background:var(--color-accent-soft)}.notification-item-icon{background:var(--color-accent-soft);width:34px;height:34px;color:var(--color-accent);border-radius:10px;place-items:center;font-size:13px;font-weight:850;display:grid}.notification-item-content{gap:3px;min-width:0;display:grid}.notification-item-content strong{font-size:13px}.notification-item-content>span{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.notification-item-content time{color:var(--color-text-subtle);font-size:10px;font-weight:650}.notification-unread-dot{background:var(--color-accent);border-radius:50%;width:7px;height:7px;margin-top:5px}.notification-mark-all{background:var(--color-surface);width:100%;color:var(--color-accent);font:inherit;cursor:pointer;border:0;padding:13px 16px;font-size:12px;font-weight:750}.notification-mark-all:hover{background:var(--color-accent-soft)}.notification-empty{text-align:center;justify-items:center;gap:5px;padding:34px 24px;display:grid}.notification-empty>span{background:var(--color-accent-soft);width:42px;height:42px;color:var(--color-accent);border-radius:50%;place-items:center;margin-bottom:5px;font-weight:850;display:grid}.notification-empty strong{font-size:14px}.notification-empty p{max-width:260px;color:var(--color-text-muted);font-size:12px;line-height:1.5}.mobile-notification-button,.notification-popover-mobile,.notification-mobile-layer{display:none}.profile-header{align-items:flex-start;gap:18px;margin-bottom:26px;display:flex}.profile-avatar-rating{flex:0 0 104px;justify-items:center;gap:6px;display:grid}.profile-avatar-large{color:#fff;letter-spacing:.04em;background:linear-gradient(145deg,#13243a,#22456d);border-radius:20px;flex:0 0 70px;place-items:center;width:70px;height:70px;font-size:22px;font-weight:850;display:grid;overflow:hidden}.profile-photo-stars{color:var(--color-border-strong);letter-spacing:.5px;justify-content:center;gap:2px;font-size:16px;line-height:1;display:flex}.profile-photo-stars .earned{color:#f2ad21;filter:drop-shadow(0 1px 2px #f2ad214d)}.profile-avatar-rating small{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:800}.profile-avatar-large img,.profile-photo-preview img,.sidebar-avatar-image,.admin-client-avatar img{object-fit:cover;width:100%;height:100%}.profile-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.profile-summary-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;gap:5px;padding:18px;display:grid}.profile-summary-card span{color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.profile-summary-card strong{color:var(--color-text);font-size:20px}.profile-summary-card small{color:var(--color-text-muted);font-size:11px}.profile-content-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);align-items:start;gap:16px;display:grid}.profile-form{gap:16px;display:grid}.profile-photo-control{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:12px;align-items:center;gap:15px;padding:14px;display:flex}.profile-photo-preview{color:#fff;background:#13243a;border-radius:18px;flex:0 0 72px;place-items:center;width:72px;height:72px;font-size:20px;font-weight:850;display:grid;overflow:hidden}.profile-photo-control strong{font-size:13px}.profile-photo-control p{color:var(--color-text-muted);margin:3px 0 9px;font-size:11px}.profile-photo-actions{flex-wrap:wrap;gap:8px;display:flex}.profile-photo-actions input[type=file]{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.profile-actions{gap:10px;display:grid}.profile-current-plan{border:1px solid color-mix(in srgb, var(--color-accent) 24%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface));border-radius:12px;gap:7px;padding:14px;display:grid}.profile-current-plan>span,.profile-current-plan>small{color:var(--color-text-muted);font-size:11px}.profile-current-plan>span{letter-spacing:.05em;text-transform:uppercase;font-weight:750}.profile-current-plan>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-current-plan strong{color:var(--color-text);font-size:20px}.manual-entry-free-note{background:color-mix(in srgb, #10b981 9%, var(--color-surface));color:var(--color-text-muted);border-radius:10px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.manual-entry-free-note>span{color:#087a58;font-weight:850}.manual-entry-free-note p{margin:0}.profile-error-state{justify-items:start;gap:12px;max-width:620px;margin-top:24px;display:grid}.profile-error-state>span{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface));width:42px;height:42px;color:var(--color-danger);border-radius:50%;place-items:center;font-size:20px;font-weight:900;display:grid}.profile-error-state h2{margin:0;font-size:20px}.profile-error-state p,.profile-error-state small{color:var(--color-text-muted);margin:0;line-height:1.6}.profile-error-state>div{flex-wrap:wrap;gap:10px;display:flex}.sidebar-user{color:inherit;text-decoration:none}.sidebar-avatar,.admin-client-avatar{overflow:hidden}.review-print-note{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);align-items:flex-start;gap:14px;margin-bottom:24px;padding:16px 18px;display:flex}.review-print-note-icon{background:var(--color-primary-soft);width:38px;height:38px;color:var(--color-primary);border-radius:10px;flex:0 0 38px;place-items:center;font-size:21px;display:grid}.review-print-note strong{margin-bottom:3px;display:block}.review-print-note p{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.55}.effort-card{margin-bottom:24px}.effort-card-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.effort-score-row{align-items:baseline;gap:7px;margin-top:18px;display:flex}.effort-score-row strong{font-size:34px;line-height:1}.effort-score-row span,.effort-guidance{color:var(--color-text-muted)}.effort-progress{background:var(--color-surface-hover);border-radius:999px;height:9px;margin:12px 0;overflow:hidden}.effort-progress span{border-radius:inherit;background:linear-gradient(90deg,#f2ad21,#f4c552);height:100%;transition:width .4s;display:block}.effort-guidance{margin:0;font-size:14px;line-height:1.55}.effort-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.effort-metrics span{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);padding:12px;font-size:12px}.effort-metrics strong{color:var(--color-text);margin-bottom:2px;font-size:18px;display:block}@media (width<=768px){.mobile-notification-button{right:14px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:310;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:50%;place-items:center;width:46px;height:46px;font-size:16px;display:grid;position:fixed;box-shadow:0 10px 30px #0d17282e}.mobile-notification-button>strong{border:2px solid var(--color-bg);background:var(--color-accent);color:#fff;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:grid;position:absolute;top:-5px;right:-4px}.notification-popover-desktop{display:none!important}.notification-popover-mobile{max-height:calc(100vh - 170px);right:12px!important;bottom:calc(132px + env(safe-area-inset-bottom))!important;display:block!important;left:auto!important}.notification-list{max-height:calc(100vh - 310px)}.profile-summary-grid,.profile-content-grid{grid-template-columns:1fr}.effort-card-heading{flex-direction:column}.effort-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=769px){.app-sidebar{background:linear-gradient(155deg,#0c1728,#13243a);border:0;border-radius:28px;align-items:stretch;width:224px;height:calc(100vh - 48px);min-height:0;top:24px;left:24px;overflow:hidden;box-shadow:0 18px 50px #121c2e1f}.app-main{margin-left:272px}.sidebar-logo{border-bottom:0;justify-content:flex-start;min-height:auto;padding:28px 18px 34px}.sidebar-logo-image{width:54px}.sidebar-nav{gap:7px;width:100%;padding:0 16px}.sidebar-nav-item{color:#e9eef7;border-radius:12px;justify-content:flex-start;width:auto;height:auto;margin:0;padding:13px 16px}.sidebar-nav-item:hover,.sidebar-nav-item.active{color:#fff;background:#ffffff1a}.sidebar-nav-item.active{color:#ff6b0b}.sidebar-bottom{border-color:#ffffff1f;width:100%;padding:16px}.sidebar-user{justify-content:flex-start;width:auto;margin:0;padding:10px 12px}}:root{--color-bg:#f7f5f1;--color-bg-secondary:#111c2f;--color-surface:#fff;--color-surface-raised:#f5f3f0;--color-surface-glass:#fff;--color-border:#e4e1dc;--color-border-hover:#cec9c1;--color-accent:#ff6b0b;--color-accent-dim:#eb5b00;--color-accent-soft:#fff0e7;--color-accent-glow:#ff6b0b2e;--color-text:#131c2d;--color-text-muted:#7a7d85;--color-text-subtle:#a3a2a0;--sidebar-width:224px;--radius-lg:18px;--radius-xl:24px}body{background:var(--color-bg)}@media (width>=769px){.app-sidebar{width:var(--sidebar-width);background:linear-gradient(155deg,#0c1728,#13243a);border:0;border-radius:28px;height:calc(100vh - 48px);min-height:0;top:24px;left:24px;overflow:hidden;box-shadow:0 18px 50px #121c2e1f}.app-main{margin-left:272px}.sidebar-logo{border-bottom:0;padding:28px 18px 34px}.sidebar-logo-image{width:54px}.sidebar-nav{gap:7px;padding:0 16px}.sidebar-nav-item{color:#e9eef7;border-radius:12px;padding:13px 16px}.sidebar-nav-item:hover,.sidebar-nav-item.active{color:#fff;background:#ffffff1a}.sidebar-nav-item.active{color:var(--color-accent)}.sidebar-bottom{border-color:#ffffff1f;padding:16px}.notification-popover{left:260px!important}}.reference-dashboard{max-width:1260px;padding:46px 36px 40px 0}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.reference-dashboard .page-eyebrow{color:#808088;letter-spacing:.08em;margin-bottom:10px;font-size:12px;font-weight:600}.reference-dashboard .page-title{letter-spacing:-.04em;margin-bottom:8px;font-size:38px;line-height:1.1}.reference-dashboard .btn-primary{border-radius:11px;padding:14px 20px;box-shadow:0 8px 24px #ff6b0b2e}.dashboard-overview{grid-template-columns:1.45fr 1fr;gap:22px;display:grid}.habit-tracker{border:1px solid color-mix(in srgb, var(--color-accent) 26%, var(--color-border));background:radial-gradient(circle at 4% 4%, color-mix(in srgb, var(--color-accent) 13%, transparent), transparent 27%), var(--color-surface);box-shadow:0 10px 28px color-mix(in srgb, var(--color-text) 7%, transparent);border-radius:22px;grid-template-columns:minmax(210px,.82fr) minmax(360px,1.35fr) minmax(210px,.83fr);gap:24px;margin-top:22px;padding:24px;display:grid}.habit-tracker-summary{align-items:flex-start;gap:14px;min-width:0;display:flex}.habit-tracker-summary .page-eyebrow{color:var(--color-accent);margin-bottom:5px}.habit-tracker-summary h2{color:var(--color-text);letter-spacing:-.025em;margin-bottom:6px;font-size:25px}.habit-tracker-summary p:last-child,.habit-learning-note{color:var(--color-text-muted);font-size:12px;line-height:1.55}.habit-performance{border:1px solid color-mix(in srgb, var(--color-accent) 24%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface-raised));border-radius:12px;gap:7px;margin-top:14px;padding:12px;display:grid}.habit-performance-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.habit-performance-heading strong{color:var(--color-text);font-size:12px}.habit-performance-heading span,.habit-performance>span{color:var(--color-accent);font-size:10px;font-weight:800}.habit-progress-track{background:color-mix(in srgb, var(--color-text) 10%, transparent);border-radius:999px;height:6px;overflow:hidden}.habit-progress-track i{border-radius:inherit;background:var(--color-accent);height:100%;transition:width .35s;display:block}.habit-performance p{color:var(--color-text-muted);margin:0;font-size:10px;line-height:1.45}.habit-flame{border:1px solid var(--color-border);background:var(--color-surface-raised);filter:grayscale();opacity:.55;border-radius:16px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.habit-flame.is-active{border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));filter:none;opacity:1;box-shadow:0 8px 18px color-mix(in srgb, var(--color-accent) 18%, transparent)}.habit-tracker-week,.habit-tracker-month{min-width:0}.habit-month-heading{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px;display:flex}.habit-month-heading>div{gap:2px;display:grid}.habit-month-heading strong{color:var(--color-text);text-transform:capitalize;font-size:14px}.habit-month-heading>strong{color:var(--color-accent);text-align:right;font-size:12px}.habit-month-heading span{color:var(--color-text-muted);font-size:11px}.habit-month-weekdays,.habit-month-grid{grid-template-columns:repeat(7,minmax(30px,1fr));gap:6px;display:grid}.habit-month-weekdays{margin-bottom:6px}.habit-month-weekdays span{color:var(--color-text-subtle);text-align:center;text-transform:uppercase;font-size:9px;font-weight:750}.habit-month-day,.habit-month-blank{aspect-ratio:1.15;border-radius:9px;min-width:0}.habit-month-day{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-muted);font:inherit;cursor:pointer;place-items:center;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative}.habit-month-day:not(:disabled):hover{z-index:1;border-color:var(--color-accent);transform:translateY(-2px)}.habit-month-day:focus-visible{z-index:1;outline:3px solid color-mix(in srgb, var(--color-accent) 35%, transparent);outline-offset:2px}.habit-month-day.is-selected{z-index:1;border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 28%, transparent)}.habit-month-day strong{font-size:11px}.habit-month-day>span{color:currentColor;font-size:7px;font-weight:800;position:absolute;bottom:3px;right:4px}.habit-month-day.level-1,.habit-effort-legend i.level-1{border-color:color-mix(in srgb, var(--color-accent) 28%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 18%, var(--color-surface));color:var(--color-text)}.habit-month-day.level-2,.habit-effort-legend i.level-2{border-color:color-mix(in srgb, var(--color-accent) 48%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 38%, var(--color-surface));color:var(--color-text)}.habit-month-day.level-3,.habit-effort-legend i.level-3{border-color:color-mix(in srgb, var(--color-accent) 72%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 68%, var(--color-surface));color:#fff}.habit-month-day.level-4,.habit-effort-legend i.level-4{border-color:var(--color-accent);background:var(--color-accent);color:#fff;box-shadow:0 4px 10px color-mix(in srgb, var(--color-accent) 20%, transparent)}.habit-month-day.is-today{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 30%, transparent)}.habit-month-day.is-future{opacity:.4;cursor:default}.habit-effort-legend{justify-content:flex-end;align-items:center;gap:4px;margin-top:9px;display:flex}.habit-effort-legend span{color:var(--color-text-subtle);margin:0 3px;font-size:9px}.habit-effort-legend i{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:3px;width:11px;height:11px;display:block}.habit-day-record{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:14px;gap:10px;margin-top:14px;padding:14px;display:grid}.habit-day-record-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.habit-day-record-heading>div{gap:2px;display:grid}.habit-day-record-heading>div span{color:var(--color-text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.habit-day-record-heading strong{color:var(--color-text);text-transform:capitalize;font-size:12px}.habit-day-rating{background:color-mix(in srgb, var(--color-text) 7%, transparent);color:var(--color-text-muted);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850}.habit-day-rating.level-1,.habit-day-rating.level-2{background:color-mix(in srgb, var(--color-accent) 14%, var(--color-surface));color:var(--color-accent)}.habit-day-rating.level-3,.habit-day-rating.level-4{background:var(--color-accent);color:#fff}.habit-day-record-metrics{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.habit-day-record-metrics span{background:color-mix(in srgb, var(--color-text) 4%, transparent);color:var(--color-text-subtle);text-align:center;border-radius:9px;gap:1px;padding:7px;font-size:8px;display:grid}.habit-day-record-metrics strong{color:var(--color-text);font-size:14px}.habit-day-record>p{color:var(--color-text-muted);margin:0;font-size:10px;line-height:1.45}.habit-week-heading{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:9px;display:flex}.habit-week-heading>div{gap:2px;display:grid}.habit-week-heading strong{color:var(--color-text);font-size:13px}.habit-week-heading>strong{color:var(--color-accent);font-size:17px}.habit-week-heading span{color:var(--color-text-muted);font-size:11px}.habit-day-grid{grid-template-columns:repeat(7,minmax(38px,1fr));gap:7px;display:grid}.habit-day{border:1px solid var(--color-border);background:var(--color-surface-raised);min-width:0;height:70px;color:var(--color-text-subtle);border-radius:12px;align-content:center;place-items:center;gap:3px;display:grid}.habit-day small{text-align:center;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;width:100%;font-size:9px;overflow:hidden}.habit-day span{width:21px;height:21px;color:var(--color-text-subtle);border-radius:50%;place-items:center;font-size:11px;font-weight:850;display:grid}.habit-day strong{font-size:10px}.habit-day.is-active{border-color:color-mix(in srgb, var(--color-accent) 34%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));color:var(--color-text)}.habit-day.is-active span{background:var(--color-accent);color:#fff}.habit-day.is-today{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 20%, transparent)}.habit-tracker-action{align-content:space-between;gap:14px;display:grid}.habit-action-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.habit-action-metrics span{color:var(--color-text-subtle);text-align:center;gap:1px;font-size:9px;line-height:1.25;display:grid}.habit-action-metrics strong{color:var(--color-text);font-size:18px}.habit-tracker-action .btn{justify-content:center;width:100%}.habit-complete-message{border:1px solid color-mix(in srgb, #16a34a 36%, var(--color-border));background:color-mix(in srgb, #16a34a 8%, var(--color-surface));border-radius:12px;gap:3px;padding:12px 14px;display:grid}.habit-complete-message strong{color:#16a34a;font-size:12px}.habit-complete-message span{color:var(--color-text-muted);font-size:10px}.habit-learning-note{border-top:1px solid var(--color-border);text-align:center;grid-column:1/-1;margin:-7px 0 0;padding-top:12px}.dashboard-review-card{color:#fff;background:radial-gradient(circle at 80% 70%,#1d324e 0,#0000 40%),linear-gradient(135deg,#13233a,#0c182a);border-radius:24px;justify-content:space-between;align-items:center;min-height:250px;padding:36px 42px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 26px #121c2d24}.dashboard-review-card h2{letter-spacing:-.035em;margin:18px 0 8px;font-size:38px}.review-duration{color:#c5ceda;margin-bottom:24px}.dashboard-review-button{background:var(--color-accent);color:#fff;border-radius:11px;align-items:center;gap:18px;padding:14px 26px;font-size:14px;font-weight:700;display:inline-flex}.dashboard-progress-ring{z-index:1;background:conic-gradient(var(--color-accent) 0 var(--progress), #ffffff2e var(--progress));border-radius:50%;flex-shrink:0;place-items:center;width:148px;height:148px;display:grid;position:relative}.dashboard-progress-ring:before{content:"";background:#12233a;border-radius:50%;position:absolute;inset:12px}.dashboard-progress-ring span{font-size:38px;font-weight:800;position:relative}.dashboard-progress-ring small{font-size:21px}.dashboard-rhythm-card{border:1px solid var(--color-border);background:#ffffffc2;border-radius:22px;padding:25px 28px}.dashboard-rhythm-card h3,.dashboard-weekly h3{font-size:17px}.status-bars{border-bottom:1px solid var(--color-border);justify-content:space-around;align-items:flex-end;height:132px;margin-top:10px;display:flex}.status-bars div{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:120px;display:flex}.status-bars span,.status-bars small{color:#8c8c90;font-size:10px}.status-bars i{background:#f8dfd1;border-radius:4px 4px 0 0;width:20px;display:block}.status-bars i.active{background:var(--color-accent)}.rhythm-mini-stats{grid-template-columns:1fr 1fr;padding-top:14px;display:grid}.rhythm-mini-stats div{text-align:center;gap:3px;display:grid}.rhythm-mini-stats div+div{border-left:1px solid var(--color-border)}.rhythm-mini-stats strong{font-size:22px}.rhythm-mini-stats span{color:var(--color-text-muted);font-size:12px}.dashboard-word-section{margin-top:30px}.dashboard-section-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.reference-dashboard .vocab-grid{grid-template-columns:repeat(3,1fr);gap:20px}.reference-dashboard .word-card{background:#fff;border-radius:18px}.reference-dashboard .word-card-image,.reference-dashboard .word-card-image-placeholder{height:108px}.reference-dashboard .word-card-body{padding:15px 20px 17px}.dashboard-weekly{border:1px solid var(--color-border);background:#fff;border-radius:18px;grid-template-columns:1.2fr repeat(3,1fr);align-items:center;margin-top:20px;padding:18px 24px;display:grid}.dashboard-weekly>div{border-left:1px solid var(--color-border);flex-direction:column;gap:2px;padding-left:24px;display:flex}.dashboard-weekly span{color:var(--color-text-muted);font-size:12px}.dashboard-weekly strong{font-size:23px}@media (width<=1050px) and (width>=769px){.dashboard-overview{grid-template-columns:1fr}.dashboard-rhythm-card{display:none}.habit-tracker{grid-template-columns:.8fr 1.2fr}.habit-tracker-action{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}.habit-tracker-action .btn,.habit-complete-message{min-width:220px}}@media (width<=768px){.reference-dashboard{padding:28px 16px}.dashboard-header{align-items:center}.reference-dashboard .page-title{font-size:30px}.dashboard-overview{display:block}.dashboard-review-card{align-items:flex-start;min-height:310px;padding:30px 26px}.dashboard-progress-ring{width:102px;height:102px;position:absolute;bottom:26px;right:24px}.dashboard-progress-ring span{font-size:27px}.dashboard-rhythm-card{display:none}.habit-tracker{grid-template-columns:1fr;padding:20px 16px}.habit-tracker-action{grid-template-columns:1fr}.habit-day-grid{gap:5px}.habit-day{height:64px}.habit-month-weekdays,.habit-month-grid{gap:5px}.habit-month-day strong{font-size:10px}.habit-tracker-summary,.habit-tracker-month,.habit-tracker-action{min-width:0}.habit-day-record-heading{flex-wrap:wrap}.habit-day-record-metrics span{overflow-wrap:anywhere}.reference-dashboard .vocab-grid{grid-template-columns:1fr}.reference-dashboard .word-card-image,.reference-dashboard .word-card-image-placeholder{height:145px}.dashboard-weekly{grid-template-columns:1fr;gap:16px}.dashboard-weekly>div{border-left:0;padding-left:0}}@media (width<=430px){.habit-tracker{border-radius:18px;gap:18px;padding:18px 12px}.habit-tracker-summary{gap:10px}.habit-flame{border-radius:13px;flex-basis:44px;width:44px;height:44px;font-size:21px}.habit-tracker-summary h2{font-size:21px}.habit-month-heading{align-items:flex-start}.habit-month-heading>strong{max-width:42%}.habit-month-weekdays,.habit-month-grid{gap:4px}.habit-month-day,.habit-month-blank{border-radius:7px}.habit-day-record{padding:12px}.habit-day-rating{white-space:normal}.habit-action-metrics{gap:5px}}.sidebar-logo{border-color:#ffffff1f;justify-content:center;width:100%;min-height:76px;padding:16px 10px}.sidebar-logo-icon,.sidebar-avatar{color:#17233b;background:#fff;border-radius:8px;font-weight:800}.sidebar-nav{gap:8px;width:100%;padding:14px 10px}.sidebar-nav-item{color:#aeb8ca;justify-content:center;width:54px;height:48px;margin:0 auto;padding:0}.sidebar-nav-item:hover,.sidebar-user:hover{color:#fff;background:#ffffff14}.sidebar-nav-item.active:before{display:none}.sidebar-nav-icon{letter-spacing:.04em;width:auto;font-size:13px;font-weight:800}.sidebar-bottom{border-color:#ffffff1f;width:100%;padding:12px 10px}.sidebar-bottom .btn{color:#aeb8ca;background:0 0;border-color:#ffffff24;min-height:42px;margin:0 auto;padding:0;width:54px!important}.sidebar-notification-label>span:first-child{font-size:12px;font-weight:800}.notification-popover{width:310px;position:fixed!important;bottom:74px!important;left:252px!important;right:auto!important}.app-sidebar{align-items:stretch}.sidebar-logo{justify-content:flex-start;min-height:auto;padding:22px 18px}.sidebar-logo>div:last-child,.sidebar-user-info,.sidebar-user>span:last-child,.sidebar-nav-label,.sidebar-notification-label>span:last-child{display:block}.sidebar-logo-text{color:#fff}.sidebar-logo-sub,.sidebar-user-email{color:#aeb8ca}.sidebar-nav{padding:16px 12px}.sidebar-nav-item{justify-content:flex-start;width:auto;height:auto;margin:0;padding:10px 12px}.sidebar-nav-item.active{color:#17233b;background:#fff}.sidebar-nav-icon{width:22px;font-size:16px;font-weight:700}.sidebar-bottom{padding:14px 12px}.sidebar-bottom .btn{min-height:42px;margin:0;padding:8px 12px;justify-content:space-between!important;width:100%!important}.sidebar-notification-label{align-items:center;gap:9px;display:flex}.sidebar-user-name{color:#fff}.sidebar-user{justify-content:center;width:54px;margin:0 auto;padding:8px}.page-container{max-width:1280px;padding:42px 48px}.auth-logo-icon{color:#fff;background:#17233b;font-weight:800}.page-eyebrow{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.page-title{letter-spacing:-.8px;font-size:32px;font-weight:700}.page-subtitle{max-width:620px;font-size:14px}.section-title{letter-spacing:-.2px;font-size:17px;font-weight:700}.btn{border-radius:7px;font-weight:600}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:none}.btn-primary:hover:not(:disabled){background:var(--color-accent-dim);box-shadow:none;transform:none}.card,.card-glass,.word-card,.stat-card,.modal,.flashcard-front,.flashcard-back{box-shadow:none}.card-glass{-webkit-backdrop-filter:none}.word-card,.stat-card,.card-hover{transition:border-color var(--transition-fast)}.word-card:hover,.stat-card:hover,.card-hover:hover{box-shadow:none;border-color:var(--color-border-hover);transform:none}.word-card-image-placeholder,.flashcard-front,.review-progress-fill{background:var(--color-surface-raised)}.word-card-image-placeholder{color:var(--color-text-subtle)}.word-card-translation{color:var(--color-text)}.category-badge{color:#536176;background:#f0f3f8;border-color:#dfe3e8}.form-input,.form-select,.search-input,.filter-select{background-color:#fff}.modal-overlay{-webkit-backdrop-filter:none;background:#1822358a}.review-callout{border-radius:var(--radius-lg);background:#edf3ff;border:1px solid #cbd8f2;margin-bottom:24px;text-decoration:none;display:block}.review-callout-content{justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;display:flex}.review-callout-label{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700}.review-callout-title{color:var(--color-text);letter-spacing:-.5px;font-size:25px;font-weight:700}.review-callout-meta{color:var(--color-text-muted);margin-top:5px;font-size:13px}.review-callout-action{background:var(--color-accent);color:#fff;white-space:nowrap;border-radius:7px;padding:10px 14px;font-size:13px;font-weight:600}.dashboard-summary{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:repeat(4,1fr);gap:0;overflow:hidden}.dashboard-summary .stat-card{border:0;border-right:1px solid var(--color-border);border-radius:0;padding:22px 24px}.dashboard-summary .stat-card:last-child{border-right:0}.stat-value{letter-spacing:-.6px;font-size:28px;font-weight:700;color:var(--color-text)!important}.stat-label{letter-spacing:.06em;font-size:11px}@media (width<=768px){.app-sidebar{display:none}.page-container{padding:26px 16px}.mobile-nav-item{font-size:10px}.mobile-nav-icon{font-size:12px;font-weight:800}.notification-popover-desktop{display:none!important}.notification-mobile-layer{z-index:390;padding:12px 12px calc(78px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c17287a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.notification-popover-mobile{border-radius:20px;flex-direction:column;width:100%;max-width:420px;max-height:min(72dvh,100dvh - 104px);box-shadow:0 24px 70px #0d17284d;display:flex!important;position:relative!important;inset:auto!important}.notification-popover-mobile .notification-list{overscroll-behavior:contain;min-height:0;max-height:none;overflow-y:auto}.review-callout-content{flex-direction:column;align-items:flex-start;padding:22px}.review-callout-action{text-align:center;width:100%}.dashboard-summary{grid-template-columns:repeat(2,1fr)}.dashboard-summary .stat-card:nth-child(2){border-right:0}.dashboard-summary .stat-card:nth-child(-n+2){border-bottom:1px solid var(--color-border)}}.sidebar-logo-image{object-fit:contain;flex-shrink:0;width:62px;height:auto}.auth-logo-image{object-fit:contain;width:150px;height:auto}@media (width>=769px){.app-sidebar{background:linear-gradient(155deg,#0c1728,#13243a);border:0;border-radius:28px;align-items:stretch;width:224px;height:calc(100vh - 48px);min-height:0;top:24px;left:24px;overflow:hidden;box-shadow:0 18px 50px #121c2e1f}.app-main{margin-left:272px}.sidebar-logo{border-bottom:0;justify-content:flex-start;padding:28px 18px 34px}.sidebar-logo-image{width:54px}.sidebar-nav{gap:7px;width:100%;padding:0 16px}.sidebar-nav-item{color:#e9eef7;border-radius:12px;justify-content:flex-start;width:auto;height:auto;margin:0;padding:13px 16px}.sidebar-nav-item:hover,.sidebar-nav-item.active{color:#fff;background:#ffffff1a}.sidebar-nav-item.active{color:#ff6b0b}.sidebar-bottom{border-color:#ffffff1f;width:100%;padding:16px}.sidebar-user{justify-content:flex-start;width:auto;margin:0;padding:10px 12px}.dashboard-header,.vocabulary-page-header{padding-right:96px}}@media (width<=768px){.reference-dashboard{padding-top:72px}.vocabulary-page-header{padding-top:48px}.dashboard-header,.vocabulary-page-header{gap:14px;min-width:0}#add-word-btn,#vocab-add-word-btn,#context-word-btn,#vocab-context-word-btn{z-index:1;flex:none;position:relative}}.active-review:has(.study-flashcard-stage) .review-grade span{display:block}@media (width<=640px){.active-review:has(.study-flashcard-stage) .review-grades{grid-template-columns:repeat(2,minmax(0,1fr))}.active-review:has(.study-flashcard-stage) .review-grade span{display:block}}@media (width<=430px){.dashboard-header,.vocabulary-page-header{flex-direction:column;align-items:stretch}#add-word-btn,#vocab-add-word-btn,#context-word-btn,#vocab-context-word-btn{width:100%}}.word-action-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.word-action-buttons .btn{white-space:nowrap}.context-word-modal{max-width:920px}.context-modal-eyebrow{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800}.context-modal-body{gap:18px}.context-modal-intro{max-width:680px;color:var(--color-text-muted);font-size:14px;line-height:1.65}.context-quota{border:1px solid color-mix(in srgb, var(--color-accent) 24%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 55%, var(--color-surface));border-radius:14px;gap:10px;padding:15px 17px;display:grid}.context-quota.is-exhausted{border-color:color-mix(in srgb, var(--color-danger) 35%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 7%, var(--color-surface))}.context-quota-heading,.context-quota-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.context-quota-heading>div{gap:3px;display:grid}.context-quota-heading span{color:var(--color-text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.context-quota-heading strong{color:var(--color-text);font-size:15px}.context-quota-heading b{color:var(--color-accent);white-space:nowrap;font-size:12px}.context-quota-track{background:var(--color-border);border-radius:999px;height:7px;overflow:hidden}.context-quota-track span{border-radius:inherit;background:var(--color-accent);height:100%;transition:width .22s;display:block}.context-quota.is-exhausted .context-quota-track span{background:var(--color-danger)}.context-quota-footer small{color:var(--color-text-muted);font-size:11px;line-height:1.5}.context-quota-footer a{color:var(--color-accent);flex:none;font-size:12px;font-weight:800;text-decoration:none}@media (width<=600px){.context-quota-heading,.context-quota-footer{flex-direction:column;align-items:flex-start;gap:7px}}.context-input-form{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:16px;gap:16px;padding:20px;display:grid}.context-target-fieldset{border:0;gap:9px;min-width:0;margin:0;padding:0;display:grid}.context-target-fieldset legend{margin-bottom:7px}.context-target-list{gap:9px;display:grid}.context-target-row{grid-template-columns:minmax(0,1fr) 38px;gap:8px;display:grid}.context-target-remove{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text-muted);cursor:pointer;border-radius:10px;place-items:center;font-size:20px;display:grid}.context-target-remove:hover,.context-target-remove:focus-visible{border-color:var(--color-danger);color:var(--color-danger)}.context-add-target{width:fit-content;color:var(--color-accent);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:750}.context-target-help{color:var(--color-text-subtle);font-size:11px}.context-sentence-input{resize:vertical;min-height:112px;line-height:1.55}.context-character-count{color:var(--color-text-subtle);text-align:right;margin-top:5px;font-size:11px;display:block}.word-recommendation{border:1px solid var(--color-border);background:var(--color-surface-raised);border-left:4px solid #2563eb;border-radius:13px;gap:10px;padding:16px;display:grid}.word-recommendation-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.word-recommendation-heading>div:first-child{gap:3px;display:grid}.word-recommendation-heading>div:first-child span{color:var(--color-text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.word-recommendation-heading strong{color:var(--color-text);font-size:17px}.word-recommendation-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.word-recommendation-badges span{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750}.word-recommendation>p{color:var(--color-text);font-size:13px;line-height:1.55}.word-recommendation>small{color:var(--color-text-muted);font-size:12px;line-height:1.5}.word-register{border:1px solid color-mix(in srgb, var(--color-accent) 22%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 55%, var(--color-surface));border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:11px 12px;display:grid}.word-register>span{color:var(--color-text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.word-register>strong{color:var(--color-accent);justify-self:end;font-size:12px}.word-register>p{color:var(--color-text-muted);grid-column:1/-1;margin:3px 0 0;font-size:11px;line-height:1.5}.word-register-archaic,.word-register-literary{border-color:color-mix(in srgb, #8b5cf6 30%, var(--color-border));background:color-mix(in srgb, #8b5cf6 8%, var(--color-surface))}.word-register-archaic>strong,.word-register-literary>strong{color:#7c3aed}.word-recommendation footer{color:var(--color-text-subtle);flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.context-provider-row{grid-template-columns:repeat(3,minmax(145px,1fr)) minmax(170px,1fr);align-items:end;gap:14px;display:grid}.context-selectable-source{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:14px;padding:16px 18px;font-size:clamp(16px,2vw,19px);line-height:2.15}.context-selectable-source button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:0;padding:2px 3px;font-weight:650;transition:color .14s,background .14s,box-shadow .14s}.context-selectable-source button:hover,.context-selectable-source button:focus-visible,.context-selectable-source button.is-selected{background:var(--color-accent-soft);color:var(--color-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 24%, transparent)}.context-select-help,.context-source-reminder{color:var(--color-text-subtle);line-height:1.5}.context-word-result-anchor{scroll-margin-top:24px}@media (width<=820px){.context-provider-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.context-provider-row{grid-template-columns:1fr}}.context-provider-row .btn{min-height:47px}.context-error{gap:10px;margin:0;display:grid}.context-retry-actions{flex-wrap:wrap;gap:8px;display:flex}.context-retry-actions .btn{min-height:36px;padding:7px 12px;font-size:12px}.context-results{gap:22px;padding-top:4px;display:grid}.context-learning-response{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-accent) 3%, var(--color-surface));border-radius:20px;gap:26px;padding:clamp(22px,4vw,38px);display:grid}.context-learning-section{gap:10px;display:grid}.context-learning-section h3{color:var(--color-text);font-size:17px;line-height:1.3}.context-learning-section blockquote{border-left:3px solid var(--color-border-strong);color:var(--color-text);margin:0;padding:4px 0 4px 18px;font-size:clamp(16px,2vw,19px);font-style:italic;line-height:1.65}.context-learning-section .context-natural-translation{border-left-color:var(--color-accent);font-style:normal;font-weight:750}.context-phrase-breakdown{gap:10px;margin:0;padding-left:22px;display:grid}.context-phrase-breakdown li{color:var(--color-text);line-height:1.55}.context-phrase-breakdown strong,.context-phrase-breakdown span,.context-phrase-breakdown p{display:inline}.context-phrase-breakdown span{color:var(--color-accent);margin:0 7px;font-weight:800}.context-overall-meaning{color:var(--color-text);font-size:16px;line-height:1.7}.context-language-deep-dive{border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 44%, var(--color-surface));border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.context-language-deep-dive h3,.context-language-deep-dive p{margin:0}.context-language-deep-dive p{color:var(--color-text-muted);margin-top:5px;line-height:1.5}.context-language-deep-dive .btn{flex:none}.context-language-study{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:16px;gap:22px;padding:20px;display:grid}.context-phrase-study-list,.context-deep-language-points{gap:12px;margin:0;padding:0;list-style:none;display:grid}.context-phrase-study-list li,.context-deep-language-points li{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;gap:6px;padding:15px 17px;display:grid}.context-phrase-study-list strong,.context-deep-language-points strong{color:var(--color-text)}.context-phrase-study-list p,.context-deep-language-points p{color:var(--color-text-muted);margin:0;line-height:1.55}.context-phrase-study-list small,.context-deep-language-points small{color:var(--color-accent);line-height:1.55}.context-deep-language-points li>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.context-language-empty{color:var(--color-text-muted);margin:0;line-height:1.6}.context-language-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.context-language-points li{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:14px;align-content:start;gap:9px;min-width:0;padding:15px;display:grid}.context-language-points li>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.context-language-points strong{color:var(--color-text);overflow-wrap:anywhere}.context-language-points p,.context-tone-section p{color:var(--color-text-muted);margin:0;line-height:1.65}.context-language-point-save{justify-self:start;min-height:38px;margin-top:2px}.context-language-point-error{color:var(--color-danger);line-height:1.45}.context-save-all-suggestions{justify-self:start;margin-top:4px}.context-language-kind{background:var(--color-accent-soft);min-height:25px;color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.context-language-kind.is-grammar{background:color-mix(in srgb, #2563eb 12%, var(--color-surface));color:#2563eb}.context-language-kind.is-connector{background:color-mix(in srgb, #7c3aed 12%, var(--color-surface));color:#7c3aed}.context-language-kind.is-idiom{background:color-mix(in srgb, #059669 12%, var(--color-surface));color:#047857}.context-tone-section{border-left:4px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface));border-radius:0 14px 14px 0;padding:16px 18px}@media (width<=680px){.context-language-points{grid-template-columns:1fr}.context-learning-response{gap:20px;padding:18px}.context-language-deep-dive{flex-direction:column;align-items:stretch}.context-language-deep-dive .btn{width:100%}.context-language-study{padding:16px}}.context-result-card{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:18px;gap:16px;padding:20px;display:grid}.context-result-card.is-saved{border-color:color-mix(in srgb, #16a34a 52%, var(--color-border));box-shadow:inset 4px 0 #16a34a}.context-result-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.context-result-number{background:var(--color-accent);place-items:center;width:29px;height:29px;display:grid;color:#fff!important;border:0!important;border-radius:9px!important;padding:0!important;font-size:12px!important}.context-saved-label{color:#16a34a;font-size:12px}.context-result-heading>div{align-items:center;gap:10px;display:flex}.context-result-heading span{border:1px solid var(--color-border);color:var(--color-text-muted);text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.context-result-heading h3{color:var(--color-text);font-size:24px}.context-result-heading small{color:var(--color-text-subtle);font-size:11px}.context-result-meta{justify-items:end;gap:3px!important;display:grid!important}.context-ambiguity{border:1px solid color-mix(in srgb, #e0a021 38%, var(--color-border));background:color-mix(in srgb, #e0a021 9%, var(--color-surface));border-radius:13px;padding:14px 16px}.context-ambiguity strong,.context-ambiguity p{color:var(--color-text)}.context-ambiguity p{margin-top:4px;font-size:13px;line-height:1.55}.context-meaning-card,.context-explanation-card,.context-sentence-card,.context-simple-card,.context-same-examples{border:1px solid var(--color-border);background:var(--color-surface);border-radius:15px;min-width:0;padding:18px}.context-meaning-card{border-color:color-mix(in srgb, var(--color-accent) 42%, var(--color-border));background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 13%, var(--color-surface)), var(--color-surface));box-shadow:inset 4px 0 0 var(--color-accent);padding:22px}.context-meaning-card>span,.context-explanation-card>span,.context-sentence-card>span,.context-simple-card>span,.context-same-examples>span{color:var(--color-text-subtle);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.context-meaning-card strong{color:var(--color-accent);margin-bottom:7px;font-size:23px;line-height:1.35;display:block}.context-meaning-card p,.context-explanation-card p,.context-sentence-card p,.context-simple-card p{color:var(--color-text);font-size:14px;line-height:1.65}.context-sentence-card{background:var(--color-surface-raised)}.context-sentence-card p{margin-bottom:8px;font-size:16px;font-weight:650}.context-sentence-card strong{color:var(--color-text-muted);font-size:14px;line-height:1.6}.context-image-picker{border:1px solid var(--color-border);background:var(--color-surface);border-radius:15px;gap:12px;padding:18px;display:grid}.context-image-picker-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.context-image-picker-header>div{gap:4px;display:grid}.context-image-picker-header span{color:var(--color-text);font-size:14px;font-weight:750}.context-image-picker-header small,.context-image-status,.context-image-option span{color:var(--color-text-muted);font-size:11px}.context-image-picker-header strong{color:var(--color-accent);font-size:11px}.context-image-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.context-image-option{background:var(--color-surface-raised);text-align:left;cursor:pointer;border:2px solid #0000;border-radius:12px;min-width:0;padding:0;overflow:hidden}.context-image-option:hover,.context-image-option:focus-visible{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border))}.context-image-option.is-selected{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 18%, transparent)}.context-image-option img{object-fit:cover;width:100%;height:112px;display:block}.context-image-option span{text-overflow:ellipsis;white-space:nowrap;padding:8px 9px;display:block;overflow:hidden}.context-image-status{background:var(--color-surface-raised);border-radius:10px;padding:12px}.context-same-examples>div,.context-other-meanings>div{gap:9px;display:grid}.context-same-examples article,.context-other-meanings article{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:11px;padding:12px 14px}.context-same-examples article p,.context-other-meanings article p{color:var(--color-text);margin:0 0 4px;font-size:13px;line-height:1.55}.context-same-examples article small,.context-other-meanings article small{color:var(--color-text-muted);font-size:12px;line-height:1.5}.context-synonym-list{flex-wrap:wrap;gap:9px;display:flex}.context-synonyms .context-synonym-list article{flex:160px;min-width:0}.context-synonyms .context-synonym-list article p{font-weight:700}.context-other-meanings-note{color:var(--color-text-subtle);margin-top:10px;line-height:1.5;display:block}.context-other-meanings{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:13px;padding:14px 16px}.context-other-meanings summary{color:var(--color-text-muted);cursor:pointer;font-size:13px;font-weight:750}.context-other-meanings[open] summary{margin-bottom:12px}.context-other-meanings article strong{color:var(--color-text);margin-bottom:3px;font-size:13px;display:block}.context-result-primary{border:1px solid color-mix(in srgb, var(--color-accent) 24%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 7%, var(--color-surface));border-radius:16px;gap:10px;padding:20px;display:grid}.context-result-primary p{color:var(--color-text);font-size:17px;font-weight:650;line-height:1.55}.context-result-primary strong{color:var(--color-accent);font-size:15px;line-height:1.55}.context-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.context-result-grid article{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;min-width:0;padding:16px}.context-result-grid article>span,.context-alternatives>span{color:var(--color-text-subtle);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.context-result-grid article strong{color:var(--color-accent);margin-bottom:6px;font-size:18px;display:block}.context-result-grid article p{color:var(--color-text);font-size:13px;line-height:1.55}.context-result-grid .context-mongolian-note{color:var(--color-text-muted);margin-top:7px}.context-alternatives{background:var(--color-surface-raised);border-radius:13px;padding:14px 16px}.context-alternatives>div{flex-wrap:wrap;gap:7px;display:flex}.context-alternatives small{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;padding:5px 9px}.context-result-actions{justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.context-item-actions{justify-content:flex-end;display:flex}.context-item-error{margin:0}@media (width<=768px){.word-action-buttons{justify-content:flex-start}.context-word-modal{max-height:calc(100dvh - 24px)}.context-provider-row,.context-result-grid,.context-image-grid{grid-template-columns:1fr}.context-result-card{padding:16px}}@media (width<=430px){.word-action-buttons{width:100%}.context-modal-overlay{align-items:flex-end;padding:0}.context-word-modal{border-radius:22px 22px 0 0;max-height:94dvh}.context-word-modal .modal-header{padding:20px 18px 0}.context-word-modal .modal-body{padding:18px}.context-input-form{padding:15px}.context-result-heading{flex-direction:column;align-items:flex-start}.context-result-meta{justify-items:start}.context-result-actions{flex-direction:column-reverse}.context-item-actions .btn,.context-result-actions .btn{width:100%}.word-recommendation-heading{flex-direction:column}.word-recommendation-badges{justify-content:flex-start}}.language-switcher{box-shadow:none;position:static!important;inset:auto!important}.public-interface-controls{z-index:1200;align-items:center;gap:8px;display:flex;position:fixed;top:18px;right:22px}.theme-switcher{border:1px solid var(--color-border);background:var(--color-surface);min-height:38px;color:var(--color-text-muted);font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:7px 10px;display:inline-flex;box-shadow:0 4px 18px #0f172a14}.theme-switcher>span{font-size:17px;line-height:1}.theme-switcher>strong{font-size:11px}.theme-switcher:focus-visible,.theme-switcher:hover{border-color:var(--color-accent);color:var(--color-accent);outline:none}.sidebar-preference-controls{grid-template-columns:minmax(0,1fr) 42px;gap:8px;margin-bottom:10px;display:grid}.sidebar-preference-controls .language-switcher,.sidebar-preference-controls .theme-switcher{min-width:0;box-shadow:none;color:#dce4f1;background:#ffffff0f;border-color:#ffffff24}.sidebar-preference-controls .language-switcher{justify-content:center;width:100%}.sidebar-preference-controls .theme-switcher{width:42px;padding:0}.sidebar-preference-controls .theme-switcher>strong{display:none}.mobile-menu-preferences{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px 0 4px;display:grid}.mobile-menu-preferences .language-switcher,.mobile-menu-preferences .theme-switcher{background:var(--color-surface-raised);justify-content:center;width:100%;min-height:44px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0e1623;--color-bg-secondary:#0a1220;--color-surface:#172232;--color-surface-raised:#202d3f;--color-surface-glass:#172232;--color-border:#314156;--color-border-hover:#50627a;--color-accent-soft:#ff6b0b29;--color-accent-glow:#ff6b0b3d;--color-text:#eef4fc;--color-text-muted:#a9b6c8;--color-text-subtle:#7f8da2;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 18px 48px #0000006b}html[data-theme=dark] body{background:var(--color-bg)}html[data-theme=dark] .form-input,html[data-theme=dark] .form-select,html[data-theme=dark] .search-input,html[data-theme=dark] .filter-select,html[data-theme=dark] .reference-dashboard .word-card,html[data-theme=dark] .reference-dashboard .word-card-image,html[data-theme=dark] .reference-dashboard .word-card-image-placeholder,html[data-theme=dark] .study-flashcard-face,html[data-theme=dark] .study-flashcard-front-face,html[data-theme=dark] .study-flashcard-back-face,html[data-theme=dark] .study-flashcard-answer-row input{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}html[data-theme=dark] .active-review:has(.study-flashcard-stage) .review-grade{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}html[data-theme=dark] .study-flashcard-shadow{border-color:var(--color-border);background:#202d3f}html[data-theme=dark] .study-flashcard-shadow-two{background:#111b29}html[data-theme=dark] .study-flashcard-hint,html[data-theme=dark] .study-flashcard-example{background:#202d3f}html[data-theme=dark] .active-review:has(.study-flashcard-stage) .review-grade:hover:not(:disabled){background:#202d3f}html[data-theme=dark] .active-review:has(.study-flashcard-stage) .review-grade:focus-visible{background:#202d3f}@media (width<=768px){.public-interface-controls{top:10px;right:10px}.public-interface-controls .theme-switcher>strong{display:none}}.background-piano-button{color:#e9eef7;cursor:pointer;width:100%;min-height:48px;font:inherit;text-align:left;background:#ffffff0f;border:1px solid #ffffff24;border-radius:11px;align-items:center;gap:10px;padding:8px 11px;transition:border-color .16s,background .16s,transform .16s;display:flex}.background-piano-button:hover,.background-piano-button:focus-visible,.background-piano-button.is-playing{background:#ff6b0b1f;border-color:#ff6b0b94;outline:none}.background-piano-button:active{transform:translateY(1px)}.background-piano-button>span:last-child{gap:1px;min-width:0;display:grid}.background-piano-button strong,.background-piano-button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.background-piano-button strong{color:inherit;font-size:12px}.background-piano-button small{color:#aeb8ca;font-size:10px}.background-piano-icon{color:#ff8a42;background:#ffffff1a;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:16px;display:grid}.background-piano-button.is-playing .background-piano-icon{animation:1.8s ease-in-out infinite background-piano-pulse}.background-piano-sidebar{margin-bottom:10px}.mobile-menu-preferences .background-piano-mobile{border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-text);grid-column:1/-1}.mobile-menu-preferences .background-piano-mobile small{color:var(--color-text-muted)}@keyframes background-piano-pulse{0%,to{box-shadow:0 0 #ff6b0b00}50%{box-shadow:0 0 0 6px #ff6b0b21}}@media (prefers-reduced-motion:reduce){.background-piano-button.is-playing .background-piano-icon{animation:none}}.review-session-overview{border:1px solid color-mix(in srgb, var(--color-accent) 20%, var(--color-border));background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--color-accent) 13%, transparent), transparent 34%), linear-gradient(135deg, var(--color-surface), color-mix(in srgb, var(--color-surface-raised) 86%, var(--color-accent) 4%));border-radius:24px;grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);gap:20px;margin:0 0 24px;padding:20px;display:grid;overflow:hidden;box-shadow:0 18px 44px #0f1c3014}.review-session-overview-main{align-items:center;gap:18px;min-width:0;display:flex}.review-daily-ring{background:conic-gradient(var(--color-accent) var(--review-progress), color-mix(in srgb, var(--color-border) 62%, transparent) 0);width:92px;height:92px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 12%, transparent);border-radius:50%;flex:0 0 92px;place-items:center;display:grid;position:relative}.review-daily-ring:before{border-radius:inherit;background:var(--color-surface);content:"";position:absolute;inset:9px}.review-daily-ring span{color:var(--color-text);font-size:19px;font-weight:900;position:relative}.review-session-overview-main>div:last-child{gap:5px;display:grid}.review-overview-eyebrow{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.review-session-overview-main strong{color:var(--color-text);font-size:clamp(22px,3vw,32px);line-height:1.1}.review-session-overview-main p{color:var(--color-text-muted);margin:0;font-size:13px}.review-session-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.review-session-metrics>div{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 88%, transparent);border-radius:16px;align-content:center;gap:4px;min-width:0;min-height:98px;padding:13px;display:grid}.review-session-metrics span,.review-session-metrics small{color:var(--color-text-muted);font-size:10px}.review-session-metrics span{letter-spacing:.04em;text-transform:uppercase;font-weight:800}.review-session-metrics strong{color:var(--color-text);font-size:22px}.active-review-card-heading,.active-review-card-tools{align-items:center;display:flex}.active-review-card-heading{flex-direction:column;align-items:flex-start;gap:2px}.active-review-card-heading small{color:var(--color-text-muted);letter-spacing:.04em;font-size:10px}.active-review-card-tools{gap:8px}.active-review-listen{border:1px solid color-mix(in srgb, var(--color-accent) 34%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 9%, var(--color-surface));min-height:38px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:850;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.active-review-listen span{background:var(--color-accent);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.active-review-listen:hover,.active-review-listen:focus-visible,.active-review-listen.is-speaking{background:color-mix(in srgb, var(--color-accent) 16%, var(--color-surface));box-shadow:0 8px 20px color-mix(in srgb, var(--color-accent) 18%, transparent);outline:none;transform:translateY(-1px)}.active-review-listen.is-speaking span{animation:.75s ease-in-out infinite alternate pronouncePulse}@media (width<=900px){.review-session-overview{grid-template-columns:1fr}}@media (width<=640px){.review-session-overview{border-radius:18px;gap:16px;padding:15px}.review-daily-ring{flex-basis:76px;width:76px;height:76px}.review-session-overview-main strong{font-size:22px}.review-session-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.review-session-metrics>div{min-height:82px;padding:10px 8px}.review-session-metrics strong{font-size:18px}.active-review-card-header{align-items:flex-start;gap:9px}.active-review-card-heading small,.active-review-listen:not(.is-speaking){font-size:0}.active-review-listen{width:38px;padding:6px}.active-review-listen span{width:24px;height:24px;font-size:12px}}@media (prefers-reduced-motion:reduce){.active-review-listen,.active-review-listen.is-speaking span{transition:none;animation:none}}