:root{--sup-a:var(--brand);--sup-b:var(--accent)}.sup-card{border-color:color-mix(in srgb,var(--sup-b) 22%,var(--border));background:radial-gradient(120% 90% at 100% 0,color-mix(in srgb,var(--sup-b) 11%,transparent),transparent 60%),var(--surface)}.sup-card:after{content:none}.sup-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sup-track{display:grid;gap:6px;min-width:min(220px,100%);flex:1}.sup-track-label{display:inline-flex;align-items:center;gap:5px;color:var(--text-2);font-size:13px;font-weight:800}.sup-track-label b{color:var(--text);font-size:15px}.sup-track[data-long] .sup-track-label{color:var(--success)}.sup-track-bar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;max-width:280px}.sup-track-bar i{height:7px;border-radius:99px;background:var(--track)}.sup-track-bar i[data-state=done]{background:var(--success)}.sup-track-bar i[data-state=current]{background:linear-gradient(90deg,var(--sup-a),var(--sup-b));box-shadow:0 0 0 2px color-mix(in srgb,var(--sup-b) 18%,transparent)}.sup-front{display:grid;gap:6px}.sup-front-label{color:var(--muted);font-size:12px;font-weight:800}.sup-meaning{font-size:clamp(19px,4.6vw,24px);font-weight:850;line-height:1.85;color:var(--text);text-wrap:pretty}.sup-situation{display:flex;align-items:flex-start;gap:6px;color:var(--text-2);font-size:13.5px;line-height:1.9}.sup-situation svg{flex:none;margin-top:.45em;color:var(--accent)}.sup-prev{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:8px 12px;border-radius:14px;background:var(--surface-2);border:1px dashed var(--border)}.sup-prev>span{color:var(--muted);font-size:12px;font-weight:800}.sup-prev bdi{font-family:var(--font-latin);font-size:15.5px;color:var(--text-2)}.sup-learn{display:grid;gap:10px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--sup-b) 6%,var(--surface-2));border:1px solid color-mix(in srgb,var(--sup-b) 22%,var(--border));animation:rise-in var(--dur) var(--ease)}.sup-stage-ru{font-family:var(--font-latin);font-size:21px;font-weight:700;line-height:1.6;text-align:left;overflow-wrap:anywhere}.scn-answer .sup-stage-ru{font-size:19px}.sup-stage-ru mark{padding:0 4px;border-radius:6px;color:inherit;background:color-mix(in srgb,var(--sup-b) 22%,transparent);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--sup-b) 60%,transparent)}.sup-note{display:flex;align-items:flex-start;gap:6px;color:var(--text-2);font-size:13px;line-height:1.8}.sup-note svg{flex:none;margin-top:.4em;color:var(--warning)}.sup-learn-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sup-learn-actions .ui-btn-lg{min-height:50px}.sup-result{position:relative;overflow:hidden}.sup-result[data-mode=VOICE] .sup-result-head{animation:rise-in var(--dur-slow) var(--ease) .45s both}.sup-result[data-mode=VOICE] .scn-diff{animation:fade-in var(--dur) var(--ease) .7s both}.sup-heard{animation:fade-in var(--dur) var(--ease)}.sup-full{display:grid;gap:4px;padding:10px 14px;border-radius:16px;border:1px dashed var(--border)}.sup-full-ru{font-family:var(--font-latin);font-size:15.5px;color:var(--text-2);text-align:left}.sup-full-fa{color:var(--muted);font-size:12.5px;line-height:1.7}.sup-full-bar{height:5px;margin-top:4px}.sup-celebrate{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;overflow:hidden;color:var(--surface);background:linear-gradient(120deg,var(--sup-a),var(--sup-b));box-shadow:0 16px 34px -20px color-mix(in srgb,var(--sup-b) 90%,transparent);animation:sup-pop .52s cubic-bezier(.2,1.4,.4,1)}.sup-celebrate[data-kind=COMPLETED]{background:linear-gradient(120deg,var(--success),var(--sup-b))}.sup-celebrate>div{display:grid;gap:1px;position:relative}.sup-celebrate strong{font-size:17px;font-weight:900}.sup-celebrate small{font-size:13px;opacity:.92}.sup-celebrate-icon{position:relative;display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:16px;background:color-mix(in srgb,#fff 22%,transparent)}.sup-celebrate .sup-celebrate-icon svg{animation:sup-wiggle .9s ease .2s both}.sup-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sup-confetti i{position:absolute;top:-12px;width:7px;height:11px;border-radius:2px;background:hsl(calc(40 + var(--hue) * 70) 95% 62%);animation:sup-fall 1.5s ease-in both}.sup-finish{position:relative;overflow:hidden}@keyframes sup-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes sup-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg) scale(1.1)}60%{transform:rotate(10deg)}}@keyframes sup-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(220px) rotate(540deg);opacity:0}}.sup-panel{padding:16px;border-radius:22px;border:1px solid var(--border)}.sup-empty,.sup-panel{background:var(--surface)}.sup-empty{border-radius:24px;border:1px solid var(--border)}.sup-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}@media (max-width:560px){.sup-learn-actions{display:grid;grid-template-columns:1fr;justify-items:center}.sup-learn-actions .ui-btn-lg{width:100%}}.sup-stats{display:grid;gap:14px;scroll-margin-top:calc(var(--header-h, 64px) + 12px);padding-top:8px}.sup-stats-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px}.sup-stats-head h2{font-size:20px;font-weight:900}.sup-stats-head p{color:var(--muted);font-size:13px}.sup-stats-actions{display:flex;gap:6px}.st-kpis.sup-stats-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.sup-stats h3{font-size:15px;font-weight:850}.sup-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:end;gap:3px;height:140px;padding-bottom:2px;border-bottom:1px solid var(--border)}.sup-bar{display:flex;flex-direction:column-reverse;min-height:2px;border-radius:5px 5px 2px 2px;overflow:hidden;background:var(--track)}.sup-bar i{display:block;min-height:2px}.sup-bar[data-stage]{box-shadow:0 -3px 0 var(--success)}@media (max-width:860px){.st-kpis.sup-stats-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.sup-celebrate,.sup-celebrate .sup-celebrate-icon svg,.sup-heard,.sup-learn,.sup-result[data-mode=VOICE] .scn-diff,.sup-result[data-mode=VOICE] .sup-result-head{animation:none}.sup-confetti{display:none}}.spl{display:grid;gap:var(--sp-4,16px)}.spl-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.spl-kpis>div{display:grid;gap:2px;padding:10px 12px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}.spl-kpis dt{color:var(--muted);font-size:12px;font-weight:750}.spl-kpis dd{margin:0;font-size:20px;font-weight:900;line-height:1.3}.spl-kpis>div[data-tone=brand] dd{color:var(--brand)}.spl-kpis>div[data-tone=success] dd{color:var(--success)}.spl-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.spl-list[data-loading]{opacity:.55;transition:opacity var(--dur-fast)}.spl-item{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border);transition:border-color var(--dur-fast)}.spl-item:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:3px;background:var(--super)}.spl-item[data-state=FSRS]:before{background:var(--success)}.spl-item[data-state=SUSPENDED]:before{background:var(--muted)}.spl-item[data-state=SUSPENDED] .spl-fa,.spl-item[data-state=SUSPENDED] .spl-ru{opacity:.68}.spl-item:hover{border-color:var(--border-strong)}.spl-main{display:grid;gap:3px;min-width:0;text-align:start}.spl-main:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:12px}.spl-ru{font-family:var(--font-latin);font-size:15.5px;font-weight:700;color:var(--text);unicode-bidi:isolate}.spl-fa,.spl-ru{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spl-fa{font-size:13px;color:var(--muted)}.spl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.spl-bar{display:block;inline-size:72px;block-size:5px;border-radius:99px;background:var(--surface-2);overflow:hidden}.spl-bar i{display:block;block-size:100%;border-radius:inherit;background:var(--super);transition:inline-size var(--dur-slow) var(--ease)}.spl-end{display:flex;align-items:center;gap:6px}.spl-due{color:var(--muted);font-size:12px;white-space:nowrap}.spl-detail{display:grid;gap:12px}.spl-detail-ru{font-family:var(--font-latin);font-size:19px;font-weight:750;line-height:1.7;unicode-bidi:isolate}.spl-detail-fa{font-size:15px;color:var(--text-2)}.spl-detail-scn{font-size:13.5px;color:var(--muted);padding:10px 12px;border-radius:14px;background:var(--surface-2)}.spl-stages{display:grid;gap:6px;margin:0;padding:0;list-style:none;counter-reset:none}.spl-stages li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:8px 10px;border-radius:14px;background:var(--surface-2);border:1px solid transparent}.spl-stages li[data-done]{background:var(--success-soft)}.spl-stages li[data-current]{border-color:color-mix(in srgb,var(--super) 45%,var(--border));background:var(--super-soft)}.spl-stage-no{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--surface);color:var(--text-2);font-size:12px;font-weight:850}.spl-stage-text{display:grid;gap:2px;min-width:0}.spl-stage-text b{font-family:var(--font-latin);font-size:14.5px;font-weight:700;overflow-wrap:anywhere;unicode-bidi:isolate}.spl-stage-text small{font-size:12.5px;color:var(--muted)}@media (max-width:700px){.spl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.spl-item{grid-template-columns:minmax(0,1fr)}.spl-end{justify-content:space-between}}.sup-help-trigger{min-height:44px}.sup-steps{display:grid;gap:14px;margin:0;padding:0;list-style:none}.sup-steps>li{padding:12px 14px;border-radius:var(--r-lg,18px);background:var(--surface-2);border:1px solid var(--border)}.sup-help-tagline,.sup-tagline{margin:0;color:var(--super);font-size:13px;font-weight:800}.sup-meaning-label{margin:6px 0 -2px;color:var(--muted);font-size:12px;font-weight:800}.sup-situation b{color:var(--text);font-weight:850}.lsp{display:grid;gap:12px;padding:12px}.lsp-loading{display:grid;place-items:center;min-height:160px;color:var(--muted)}.lsp-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px 12px;padding:12px;border-radius:var(--r-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--sup-a) 10%,var(--surface)),color-mix(in srgb,var(--sup-b) 10%,var(--surface)));border:1px solid var(--border)}.lsp-head-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--sup-a),var(--sup-b))}.lsp-head-text{display:grid;gap:4px;min-width:0}.lsp-head h2{margin:0;font-size:16px;font-weight:850}.lsp-head p{margin:0;color:var(--text-2);font-size:13px;line-height:1.9}.lsp-saved-chip{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 10px;border-radius:var(--r-full);background:var(--success-soft);color:var(--success);font-size:12px;font-weight:800}.lsp-list{margin:0;padding:0;list-style:none}.lsp-card,.lsp-list{display:grid;gap:10px}.lsp-card{padding:14px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);scroll-margin:calc(var(--header-h, 64px) + 120px) 0 24px;transition:border-color var(--dur,.16s) var(--ease,ease),box-shadow var(--dur,.16s) var(--ease,ease)}.lsp-card[data-active]{border-color:color-mix(in srgb,var(--brand) 55%,var(--border));box-shadow:0 0 0 3px var(--brand-soft)}.lsp-card[data-focus]{animation:lsp-focus 1.6s var(--ease,ease) 1}@keyframes lsp-focus{0%,60%{box-shadow:0 0 0 4px color-mix(in srgb,var(--sup-b) 45%,transparent)}to{box-shadow:none}}.lsp-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.lsp-num{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--surface-2);color:var(--text-2);font-size:12.5px;font-weight:800}.lsp-play{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:12px;background:var(--brand-soft);color:var(--brand);font-size:13px;font-weight:800}.lsp-play:hover{filter:brightness(.97)}.lsp-add:focus-visible,.lsp-play:focus-visible{outline:none;box-shadow:var(--focus-ring)}.lsp-play time{font-size:12px;opacity:.85}.lsp-situation{margin:0;font-size:14px;line-height:1.95;color:var(--text)}.lsp-situation b{display:block;margin-bottom:2px;color:var(--muted);font-size:12px;font-weight:800}.lsp-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0}.lsp-meta div{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:var(--surface-2)}.lsp-meta dt{color:var(--muted);font-size:11.5px;font-weight:800}.lsp-meta dd{margin:0;font-size:13px;line-height:1.8;color:var(--text-2)}.lsp-sentence{display:grid;gap:6px;padding:12px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--sup-b) 40%,var(--border));background:color-mix(in srgb,var(--sup-b) 5%,var(--surface))}.lsp-ru{margin:0;font-family:var(--font-latin);font-size:17px;font-weight:650;line-height:1.55;text-align:left;overflow-wrap:anywhere}.lsp-fa{margin:0;font-size:13.5px;line-height:1.9;color:var(--text-2)}.lsp-fa span{display:block;color:var(--muted);font-size:11.5px;font-weight:800}.lsp-actions{display:flex;justify-content:flex-end}.lsp-add{min-height:44px}.lsp-add[data-done]{background:var(--success-soft);color:var(--success);border-color:transparent}.lsp-locked{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:10px 12px;border-radius:12px;background:var(--surface-2);color:var(--text-2);font-size:13px}.lsp-locked .ui-btn{margin-inline-start:auto;min-height:44px}@media (max-width:420px){.lsp{padding:10px 8px}.lsp-card{padding:12px}.lsp-add{flex:1}}@media (prefers-reduced-motion:reduce){.lsp-card{transition:none}.lsp-card[data-focus]{animation:none}}.sup-addnew{flex:1 1 100%;display:grid;gap:10px;justify-items:start;padding:14px;border-radius:var(--r-lg);background:var(--surface);border:1px solid color-mix(in srgb,var(--sup-b) 30%,var(--border));animation:lsp-in var(--dur,.2s) var(--ease,ease)}.sup-addnew p{margin:0;color:var(--text);font-size:14px;line-height:1.95}.sup-addnew .ui-btn{min-height:44px}@keyframes lsp-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (max-width:560px){.sup-addnew .ui-btn{width:100%}}@media (prefers-reduced-motion:reduce){.sup-addnew{animation:none}}.sc-cue-slot{position:absolute;z-index:6;top:12px;inset-inline-start:12px;pointer-events:none}.sc-cue-slot>*{pointer-events:auto}.ms-video[data-fullscreen] .sc-cue-slot{top:max(16px,calc(var(--safe-top) + 8px));inset-inline-start:max(16px,calc(var(--safe-right) + 8px))}.ms-audio .sc-cue-slot{top:clamp(8px,1.6vw,20px);inset-inline-start:clamp(8px,1.6vw,20px)}.sc-cue{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a21caf);border:1px solid var(--on-dark-border-strong);box-shadow:0 10px 26px -8px rgba(76,29,149,.75),0 0 0 0 rgba(167,139,250,.55);animation:sc-cue-in .42s var(--ease-spring,cubic-bezier(.34,1.56,.64,1)) both,sc-cue-ring 1.6s ease-out .42s 2;transition:transform var(--dur,.18s) var(--ease,ease),filter var(--dur,.18s);-webkit-tap-highlight-color:transparent}.sc-cue:hover{transform:translateY(-1px) scale(1.04);filter:brightness(1.06)}.sc-cue:active{transform:scale(.96)}.sc-cue:focus-visible{outline:3px solid #fff;outline-offset:2px}.sc-cue-check,.sc-cue-count{position:absolute;top:-6px;inset-inline-end:-6px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;font-size:11.5px;font-weight:850;line-height:1;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35)}.sc-cue-count{background:#fff;color:#5b21b6;border-color:#5b21b6}.sc-cue-check{background:#16a34a;color:#fff;padding:0;width:20px}@keyframes sc-cue-in{0%{opacity:0;transform:scale(.6) translateY(-6px)}to{opacity:1;transform:none}}@keyframes sc-cue-ring{0%{box-shadow:0 10px 26px -8px rgba(76,29,149,.75),0 0 0 0 rgba(167,139,250,.6)}to{box-shadow:0 10px 26px -8px rgba(76,29,149,.75),0 0 0 14px rgba(167,139,250,0)}}@media (max-width:640px){.sc-cue-slot{top:8px;inset-inline-start:8px}.sc-cue{width:44px;height:44px;border-radius:14px}}@media (prefers-reduced-motion:reduce){.sc-cue{animation:none;transition:none}.sc-cue:hover{transform:none}}.sc-sheet-title{display:inline-flex;align-items:center;gap:10px}.sc-sheet-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#7c3aed,#a21caf);flex:none}.sc-sheet{display:grid;gap:12px}.sc-sheet-picker{display:flex;flex-wrap:wrap;gap:6px}.sc-sheet-picker button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:40px;padding:0 12px;border-radius:12px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);font-weight:800}.sc-sheet-picker button[aria-pressed=true]{background:var(--super-soft);color:var(--super-ink);border-color:color-mix(in srgb,var(--super) 45%,var(--border))}.sc-sheet-picker button svg{color:var(--success)}.sc-sheet-all:focus-visible,.sc-sheet-picker button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sc-sheet-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sc-sheet-time{margin-inline-start:auto;color:var(--muted);font-size:12.5px;font-weight:700}.sc-sheet-all{justify-self:start;min-height:40px;padding:0 4px;color:var(--brand);font-size:13.5px;font-weight:800;background:none}.sc-sheet-all:hover{text-decoration:underline}.sc-sheet-actions{display:flex;gap:8px;width:100%}.sc-sheet-actions .ui-btn{min-height:44px}.sc-sheet-add{flex:1}.sc-sheet-add[data-done]{background:var(--success-soft);color:var(--success);border-color:transparent}@media (pointer:coarse){.sc-sheet-all,.sc-sheet-picker button{min-height:44px}}