:root{--green-600: #14833d;--green-500: #1e9e4a;--green-400: #35b763;--green-100: #e2f3e8;--navy-900: #0c1a3f;--navy-700: #132a5e;--navy-500: #2b4079;--ok: #0f6e33;--ok-soft: #e2f3e8;--warn: #8a5200;--warn-soft: #fdf0dc;--bad: #b52a24;--bad-soft: #fceae9;--info: #2a5fb4;--info-soft: #e7effb;--ground: #f4f7f4;--surface: #ffffff;--surface-sunken: #eaefe9;--line: #d9e0d8;--line-strong: #bdc7bc;--ink: var(--navy-900);--ink-muted: #5a6478;--ink-inverted: #ffffff;--accent: var(--green-500);--accent-strong: var(--green-600);--accent-soft: var(--green-100);--focus: #2f6fd0;--font-sans: ui-sans-serif, -apple-system, system-ui, "Segoe UI", sans-serif;--font-display: var(--font-sans);--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--scale: 1.05;--text-xs: calc(.75rem * var(--scale));--text-sm: calc(.875rem * var(--scale));--text-md: calc(1rem * var(--scale));--text-lg: calc(1.125rem * var(--scale));--text-xl: calc(1.375rem * var(--scale));--text-2xl: calc(1.75rem * var(--scale));--text-3xl: calc(2.25rem * var(--scale));--text-hero: calc(3rem * var(--scale));--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(12, 26, 63, .06), 0 4px 16px rgba(12, 26, 63, .06);--shadow-raised: 0 2px 4px rgba(12, 26, 63, .08), 0 12px 32px rgba(12, 26, 63, .12);--tap: 48px;--speed: .16s;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #0b1327;--surface: #151f39;--surface-sunken: #101a31;--line: #26314e;--line-strong: #3a4766;--ink: #eef2fb;--ink-muted: #9aa6c0;--accent: var(--green-400);--accent-strong: var(--green-500);--accent-soft: #14301f;--ok: #4cc47a;--ok-soft: #14301f;--warn: #e5a54a;--warn-soft: #362a15;--bad: #f0827c;--bad-soft: #3a1d1c;--info: #79a8ee;--info-soft: #17233d;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .3);--shadow-raised: 0 2px 4px rgba(0, 0, 0, .45), 0 12px 32px rgba(0, 0, 0, .45)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{min-height:100dvh;background:var(--ground);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.55;-webkit-text-size-adjust:100%}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;text-wrap:balance;margin:0}h1{font-size:var(--text-2xl);font-weight:700}h2{font-size:var(--text-lg);font-weight:650;color:var(--ink-muted);letter-spacing:.01em}h3{font-size:var(--text-lg);font-weight:650}h4{font-size:var(--text-md);font-weight:650}p{margin:0}code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-sunken);padding:.1em .35em;border-radius:var(--radius-sm)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-shell{min-height:100dvh;display:flex;flex-direction:column;padding:0 var(--sp-4);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-main{width:100%;max-width:720px;margin:0 auto;flex:1;display:flex;flex-direction:column;gap:var(--sp-5);padding-block:var(--sp-4) var(--sp-7)}.app-main--wide{max-width:1040px}.topbar{width:100%;max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-block:var(--sp-3);min-height:56px}.topbar--wide{max-width:1040px}.topbar__identity{display:flex;align-items:center;gap:var(--sp-2);min-width:0;background:none;border:none;padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-1);border-radius:var(--radius-pill);min-height:var(--tap)}.topbar__identity:hover{background:var(--surface-sunken)}.avatar--lg{width:56px;height:56px;font-size:var(--text-xl)}.profile-identity{display:flex;align-items:center;gap:var(--sp-4)}.profile-identity__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:650}.topbar__name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:32px;height:32px;flex:none;border-radius:var(--radius-pill);background:var(--accent);color:var(--ink-inverted);display:grid;place-items:center;font-weight:700;font-size:var(--text-sm)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.screen-header{display:flex;align-items:center;gap:var(--sp-2);min-height:48px}.screen-header__title{flex:1;font-size:var(--text-xl);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}button{font:inherit;font-family:var(--font-display);font-weight:600;border:1px solid transparent;border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);min-height:var(--tap);background:var(--surface);color:var(--ink);cursor:pointer;transition:transform var(--speed) ease,background var(--speed) ease,border-color var(--speed) ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-strong);color:var(--ink-inverted);border-color:var(--accent-strong);box-shadow:var(--shadow-card)}.btn-primary:hover:not(:disabled){background:var(--green-600);filter:brightness(1.08)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-ghost{background:transparent;color:var(--ink-muted);border-color:transparent;padding-inline:var(--sp-3)}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--ink)}.btn-danger{background:var(--bad-soft);color:var(--bad);border-color:transparent}.btn-sm{min-height:36px;padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm)}.btn-icon{min-width:var(--tap);padding:var(--sp-2)}.btn-block{width:100%}.btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.btn-row--end{justify-content:flex-end}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-4);box-shadow:var(--shadow-card)}.card--flush{padding:0;overflow:hidden}.banner{border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm)}.banner--ok{background:var(--ok-soft);color:var(--ok)}.banner--warn{background:var(--warn-soft);color:var(--warn)}.banner--bad{background:var(--bad-soft);color:var(--bad)}.banner--info{background:var(--info-soft);color:var(--info)}.note{font-size:var(--text-sm);color:var(--ink-muted);border-left:3px solid var(--line-strong);padding-left:var(--sp-3)}.muted{color:var(--ink-muted)}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);border-radius:var(--radius-pill);padding:2px 10px;font-size:var(--text-xs);font-weight:600;background:var(--surface-sunken);color:var(--ink-muted);min-height:0;border:none}.chip--accent{background:var(--accent-soft);color:var(--accent-strong)}.chip--warn{background:var(--warn-soft);color:var(--warn)}.chip--bad{background:var(--bad-soft);color:var(--bad)}.today{background:linear-gradient(160deg,var(--accent) 0%,var(--accent-strong) 100%);color:var(--ink-inverted);border-radius:var(--radius-xl);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);box-shadow:var(--shadow-raised)}.today__label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;opacity:.85}.today__count{font-family:var(--font-display);font-size:var(--text-hero);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.today__sub{font-size:var(--text-md);opacity:.9}.today .btn-primary{background:var(--surface);color:var(--accent-strong);border-color:var(--surface)}.today .btn-primary:hover:not(:disabled){background:var(--ground)}.today__meta{display:flex;gap:var(--sp-4);flex-wrap:wrap;font-size:var(--text-sm)}.today__meta strong{font-variant-numeric:tabular-nums}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-2)}.mode-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-3);min-height:64px}.mode-tile:hover:not(:disabled){border-color:var(--accent)}.mode-tile__name{font-weight:650}.mode-tile__meta{font-size:var(--text-xs);color:var(--ink-muted);font-weight:500}.session{position:fixed;top:0;right:0;bottom:0;left:0;height:var(--visible-height, 100dvh);z-index:20;background:var(--ground);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4);padding:calc(env(safe-area-inset-top) + var(--sp-3)) var(--sp-4) calc(env(safe-area-inset-bottom) + var(--sp-4))}.session>*{width:100%;max-width:560px;margin-inline:auto;flex:none}.session>.study-card{flex:1}.session__head{display:flex;align-items:center;gap:var(--sp-3)}.progress-track{flex:1;height:8px;background:var(--surface-sunken);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{display:block;height:100%;min-width:6px;background:var(--accent);border-radius:var(--radius-pill);transition:width var(--speed) ease}.progress-label{font-size:var(--text-sm);color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.study-card{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--sp-6) var(--sp-4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center;min-height:0;overflow:hidden}.study-card__prompt{font-family:var(--font-display);font-size:clamp(1.5rem,5vh,var(--text-3xl));font-weight:650;line-height:1.15;text-wrap:balance}.study-card__prompt--sentence{font-size:var(--text-xl);font-weight:600}.study-card__answer{font-size:var(--text-xl);color:var(--accent-strong);font-weight:600}.study-card__hint{color:var(--ink-muted);font-size:var(--text-sm)}.study-card__divider{width:48px;height:2px;background:var(--line);border-radius:var(--radius-pill)}.grade-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}@media(max-width:420px){.grade-row{grid-template-columns:repeat(2,1fr)}}.grade{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-3) var(--sp-2);border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);font-size:var(--text-sm)}.grade__interval{font-size:var(--text-xs);color:var(--ink-muted);font-weight:500;font-variant-numeric:tabular-nums}.grade--again{border-color:color-mix(in srgb,var(--bad) 35%,transparent);color:var(--bad)}.grade--hard{border-color:color-mix(in srgb,var(--warn) 35%,transparent);color:var(--warn)}.grade--good{border-color:color-mix(in srgb,var(--ok) 35%,transparent);color:var(--ok)}.grade--easy{border-color:color-mix(in srgb,var(--info) 35%,transparent);color:var(--info)}.grade:hover:not(:disabled){background:var(--surface-sunken)}.answer-input{width:100%;font-family:var(--font-display);font-size:var(--text-xl);text-align:center;padding:var(--sp-3) var(--sp-4);min-height:var(--tap);border-radius:var(--radius-md);border:2px solid var(--line-strong);background:var(--surface);color:var(--ink)}.answer-input:focus{border-color:var(--accent);outline:none}.answer-input:disabled{background:var(--surface-sunken);opacity:1}.feedback{border-radius:var(--radius-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.feedback--correct{background:var(--ok-soft);color:var(--ok)}.feedback--almost{background:var(--warn-soft);color:var(--warn)}.feedback--wrong{background:var(--bad-soft);color:var(--bad)}.feedback__hint{font-size:var(--text-sm);opacity:.9}.feedback__headline{font-family:var(--font-display);font-weight:650;font-size:var(--text-lg)}.diff{font-family:var(--font-mono);font-size:var(--text-lg);word-break:break-word}.diff-equal{color:inherit}.diff-insert{background:color-mix(in srgb,var(--ok) 22%,transparent);border-radius:3px;text-decoration:underline}.diff-delete{background:color-mix(in srgb,var(--bad) 22%,transparent);border-radius:3px;text-decoration:line-through;opacity:.75}.session-end{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center;max-width:420px;margin:0 auto;padding:var(--sp-5)}.session-end__mark{width:84px;height:84px;border-radius:var(--radius-pill);background:var(--accent);color:var(--ink-inverted);display:grid;place-items:center;font-size:var(--text-3xl);box-shadow:var(--shadow-raised)}.choice-list{display:flex;flex-direction:column;gap:var(--sp-2)}.choice{text-align:left;border:1px solid var(--line);background:var(--surface);font-weight:500;padding:var(--sp-3) var(--sp-4)}.choice:hover:not(:disabled){border-color:var(--accent)}.choice--correct{background:var(--ok-soft);border-color:var(--ok);color:var(--ok);font-weight:650}.choice--wrong{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.choice--muted{opacity:.4}.match-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);align-content:center;flex:1}.match-column{display:flex;flex-direction:column;gap:var(--sp-2);justify-content:center}.tile{flex:none;min-height:64px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);font-weight:500;padding:var(--sp-2);word-break:break-word;font-size:var(--text-sm)}.tile--selected{background:var(--info-soft);border-color:var(--info);color:var(--info)}.tile--solved{background:var(--ok-soft);border-color:transparent;color:var(--ok);opacity:.55}.tile--wrong{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.cloze-gap{display:inline-block;min-width:90px;border-bottom:3px solid var(--accent);color:var(--accent-strong);font-weight:700;margin-inline:4px}.material-sentence{font-size:var(--text-lg);line-height:1.5}.material-sentence mark{background:var(--accent-soft);color:var(--accent-strong);font-weight:650;border-radius:var(--radius-sm);padding:0 4px}.ai-badge{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);color:var(--ink-muted);background:var(--surface-sunken);border-radius:var(--radius-pill);padding:3px 10px}.record-button{width:96px;height:96px;border-radius:var(--radius-pill);background:var(--bad);color:var(--ink-inverted);font-size:var(--text-2xl);align-self:center;border-color:var(--bad)}.record-button--active{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--bad) 45%,transparent)}50%{box-shadow:0 0 0 16px color-mix(in srgb,var(--bad) 0%,transparent)}}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field__label{font-size:var(--text-sm);font-weight:600;color:var(--ink-muted)}input,textarea{font:inherit;width:100%;padding:var(--sp-3);min-height:var(--tap);border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}input:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}textarea{font-family:var(--font-mono);font-size:var(--text-sm);min-height:180px;resize:vertical}input[type=checkbox]{width:auto;min-height:0}.inline-form{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.inline-form input{flex:1 1 140px;min-width:0}.picker{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.picker button{background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:var(--text-sm);font-weight:500;padding:var(--sp-2) var(--sp-4);min-height:40px;border-radius:var(--radius-pill)}.picker button.is-active{background:var(--accent);border-color:var(--accent);color:var(--ink-inverted);font-weight:650}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th,td{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line)}th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-weight:600;background:var(--surface-sunken)}tbody tr:last-child td{border-bottom:none}td:has(input){padding:var(--sp-1)}table input{min-height:40px;border-radius:var(--radius-sm)}tr.row-unsure input{border-color:var(--bad);background:var(--bad-soft)}tr.row-review input{border-color:var(--warn);background:var(--warn-soft)}tr.row-ok input{border-color:var(--line)}.row-tools{display:flex;gap:var(--sp-1);white-space:nowrap}.suggestion-chip{display:block;margin-top:var(--sp-1);font-size:var(--text-xs);padding:var(--sp-1) var(--sp-3);min-height:32px;background:var(--warn-soft);color:var(--warn);border-radius:var(--radius-pill);border:none}.child-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-4)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--sp-2)}.stat{display:flex;flex-direction:column;gap:2px;background:var(--surface-sunken);border-radius:var(--radius-md);padding:var(--sp-3)}.stat__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-weight:600}.stat__value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums}.stat__sub{font-size:var(--text-xs);color:var(--ink-muted)}.chart{margin:0 0 var(--sp-4)}.chart figcaption{font-size:var(--text-sm);margin-bottom:var(--sp-1);display:flex;justify-content:space-between;gap:var(--sp-2);color:var(--ink-muted)}.chart svg{width:100%;height:88px;display:block}.chart-axis{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--ink-muted);font-variant-numeric:tabular-nums}.heatmap{display:flex;gap:3px;overflow-x:auto;padding-bottom:var(--sp-1)}.heatmap-week{display:flex;flex-direction:column;gap:3px}.heatmap-cell{width:13px;height:13px;border-radius:3px;background:var(--surface-sunken);flex:none}.heatmap-empty{background:transparent}.progress-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-3)}.progress-list li{display:grid;grid-template-columns:1fr 2fr auto;gap:var(--sp-3);align-items:center;font-size:var(--text-sm)}.progress-list .progress-track{height:10px}@media(max-width:480px){.progress-list li{grid-template-columns:1fr;gap:var(--sp-1)}}.exam-card,.pending-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.exam-list,.pending-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-3)}.exam-head{display:flex;align-items:center;gap:var(--sp-3);justify-content:space-between;flex-wrap:wrap}.failed-jobs{background:var(--bad-soft);color:var(--bad);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm)}.failed-jobs ul{margin:var(--sp-2) 0 0;padding-left:var(--sp-4)}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--line) 50%,var(--surface-sunken) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-md);height:18px}.skeleton--block{height:120px}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--sp-6) var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);color:var(--ink-muted)}.empty-state__mark{font-size:var(--text-3xl)}.toast{background:var(--ok-soft);color:var(--ok);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.error-text{color:var(--bad);font-size:var(--text-sm)}.signin{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center;padding:var(--sp-5);max-width:420px;margin:0 auto}.signin__logo{width:96px;height:96px;border-radius:var(--radius-xl);box-shadow:var(--shadow-raised)}.switch-row{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3);margin-top:var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer}.switch-row input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--accent)}.switch-row>span{display:flex;flex-direction:column;gap:var(--sp-1)}.switch-row .note{margin:0}.lesson-group ul{margin:0;padding:0;list-style:none}.move-items{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line)}.move-items__head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2)}.move-items__list{list-style:none;margin:var(--sp-2) 0;padding:0;max-height:320px;overflow-y:auto}.move-items__list label{display:flex;gap:var(--sp-2);align-items:center;padding:var(--sp-2);border-radius:var(--radius-sm);cursor:pointer}.move-items__list label:hover{background:var(--surface-muted, rgba(0, 0, 0, .03))}.move-items__list input{width:20px;height:20px;flex:none;accent-color:var(--accent)}.picker__sub{display:block;font-size:.78rem;opacity:.75}.note--ok{border-left-color:var(--success, var(--accent))}.compare{display:grid;gap:var(--sp-2);margin:var(--sp-3) 0 0}.compare__row{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3);align-items:baseline;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);border-left:4px solid transparent}.compare dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.compare dd{margin:0;font-weight:700;font-size:1.05rem;overflow-wrap:anywhere}.compare__row--wrong{border-left-color:var(--bad);background:var(--bad-soft)}.compare__row--wrong dt,.compare__row--wrong dd{color:var(--bad)}.compare__row--right{border-left-color:var(--ok);background:var(--ok-soft)}.compare__row--right dt,.compare__row--right dd{color:var(--ok)}.picker--stack{flex-direction:column;align-items:stretch}.picker--stack button{width:100%;text-align:left}.update-banner{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px));z-index:50;display:flex;gap:var(--sp-3);align-items:center;max-width:min(92vw,30rem);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-pill, 999px);background:var(--info-soft);color:var(--info);border:1px solid var(--info);box-shadow:var(--shadow-md, 0 6px 20px rgba(0, 0, 0, .12));font-size:.9rem}.update-banner button{color:var(--info);white-space:nowrap}.progress-panel{display:grid;gap:var(--sp-3)}.progress-panel__top{display:flex;gap:var(--sp-4);align-items:center}.progress-panel__facts{flex:1;min-width:0;display:grid;gap:var(--sp-2)}.progress-panel__level{margin:0;font-weight:600}.progress-panel__streak,.progress-panel__mastered{margin:0}.ring{position:relative;width:96px;height:96px;flex:none}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:9;stroke-linecap:round}.ring__track{stroke:var(--line)}.ring__fill{stroke:var(--accent);transition:stroke-dashoffset .6s ease}.ring__center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.ring__value{display:block;font-size:1.25rem;font-weight:700;line-height:1.1}.ring__label{display:block;font-size:.72rem;color:var(--ink-muted)}.xp-bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.xp-bar__fill{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .6s ease}.badges{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.badge{display:flex;gap:var(--sp-3);align-items:center;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--ground);color:var(--ink-muted)}.badge--earned{background:var(--ok-soft);color:var(--ok)}.badge__mark{font-size:1.4rem;line-height:1}.badge__desc{display:block;font-size:.85rem}.hints{display:grid;gap:var(--sp-2);justify-items:start;margin-bottom:var(--sp-2)}.hints__item{margin:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);font-size:.95rem}.hints__label{font-weight:700;margin-right:var(--sp-2)}.picker--scroll{max-height:320px;overflow-y:auto}.danger-confirm{margin-top:var(--sp-3);padding:var(--sp-3);border:1px solid var(--bad);border-left-width:4px;border-radius:var(--radius-sm);background:var(--bad-soft)}.danger-confirm p{margin:0 0 var(--sp-2)}