@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-next-latin-ext-400-normal-BalHKn7d.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-next-latin-ext-400-normal-qxMiU51n.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-next-latin-400-normal-FfmJh7DR.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-next-latin-400-normal-DPp7N0cD.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/atkinson-hyperlegible-next-latin-ext-500-normal-CUASR3PD.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-next-latin-ext-500-normal-oZS3KxrF.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/atkinson-hyperlegible-next-latin-500-normal-gHP6TDRs.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-next-latin-500-normal-B0CYqHl3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-next-latin-ext-700-normal-CBw-mJf_.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-next-latin-ext-700-normal-292QVhS1.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-next-latin-700-normal-Dpiyiu63.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-next-latin-700-normal-C2qZD_Q9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f3efe7;--surface: #faf8f4;--surface-2: #eae5db;--ink: #3a4650;--quiet: #5e6973;--line: #e0dad0;--signal: #4f6e5c;--signal-ink: #ffffff;--signal-soft: #dce5dd;--blue: #6a8597;--blue-soft: #dde5ea;--error: #9a4a3c;--font: "Atkinson Hyperlegible Next", "Segoe UI", system-ui, sans-serif;--step--1: .875rem;--step-0: 1rem;--step-1: 1.25rem;--step-2: 1.6rem;--step-3: clamp(1.9rem, 1.5rem + 1.8vw, 2.6rem);--r-s: 10px;--r-m: 16px;--r-l: 24px;--tap: 48px;--ease: cubic-bezier(.2, .7, .2, 1);font-family:var(--font);font-size:100%;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@media(prefers-color-scheme:dark){:root{--bg: #1f2528;--surface: #262d31;--surface-2: #2d353a;--ink: #e6e2da;--quiet: #a3abb0;--line: #364046;--signal: #8fb09c;--signal-ink: #172019;--signal-soft: #2f3d35;--blue: #9db4c4;--blue-soft: #2e3a42;--error: #e3a397}}*{box-sizing:border-box}html,body{margin:0}html{overflow-x:clip}body{background:var(--bg);min-height:100vh;min-height:100dvh}h1,h2,h3{font-weight:700;line-height:1.2;letter-spacing:-.01em;margin:0 0 .5em}h1{font-size:var(--step-2)}h2{font-size:var(--step-1)}p{margin:0 0 1em;max-width:62ch}a{color:var(--signal);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}.page{max-width:760px;margin:0 auto;padding:20px 16px calc(40px + env(safe-area-inset-bottom))}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.hint{color:var(--quiet);font-size:var(--step--1)}.error{color:var(--error)}label{display:flex;flex-direction:column;gap:6px;font-size:var(--step--1);color:var(--quiet);font-weight:500}input,select{font:inherit;font-size:var(--step-0);min-height:var(--tap);padding:10px 14px;color:var(--ink);background:var(--surface-2);border:1px solid transparent;border-radius:var(--r-s)}input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:1px;background:var(--surface)}button,.button{font:inherit;font-weight:500;min-height:var(--tap);padding:10px 20px;border-radius:var(--r-s);border:1px solid transparent;background:var(--signal);color:var(--signal-ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease,opacity .3s ease}button.secondary,.button.secondary{background:var(--surface-2);color:var(--ink);border-color:transparent}button:not(:disabled):active,.button:active{filter:brightness(.94)}button.ghost,.button.ghost{background:transparent;color:var(--ink)}button.link{background:none;color:var(--signal);min-height:0;padding:0;border:0;text-decoration:underline}button:disabled{opacity:.45;cursor:default}.block{width:100%}.card{background:var(--surface);border-radius:var(--r-l);padding:16px}.cards{display:grid;gap:12px}.avatar{inline-size:44px;block-size:44px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--signal-soft);color:var(--signal);font-weight:700}table{width:100%;border-collapse:collapse;font-size:var(--step--1)}th{text-align:left;font-weight:500;color:var(--quiet);padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.table-wrap{overflow-x:auto;background:var(--surface);border-radius:var(--r-l);margin-bottom:24px}.table-wrap tr:last-child td{border-bottom:0}.app-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;min-height:56px;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-bar h1{font-size:var(--step-1);margin:0;flex:1}.app-bar{padding-inline:max(12px,calc((100% - var(--bar-w, 760px)) / 2 + 4px))}.app-bar.wide{--bar-w: 1080px}.app-bar .icon-btn{min-width:var(--tap);padding:0;background:transparent;color:var(--ink)}.design-bar{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;padding:6px 12px;padding-top:calc(6px + env(safe-area-inset-top));background:var(--blue-soft);color:var(--ink);font-size:var(--step--1)}.design-bar .row{gap:6px}.design-bar button{min-height:36px;padding:4px 12px;background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--ink);border-color:transparent;font-size:var(--step--1)}.design-bar strong{font-weight:700}.session{display:flex;flex-direction:column;gap:16px}.session-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.concept-progress{flex:1;display:grid;gap:6px;min-width:0}.concept-progress .track{display:block;block-size:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.concept-progress .track span{display:block;block-size:100%;background:var(--signal);border-radius:999px;transition:inline-size .5s var(--ease)}.session>*{min-width:0}.session .stage{position:relative;aspect-ratio:16 / 9;background:var(--surface-2);border-radius:var(--r-l);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);place-items:center}.session .clip{width:100%;height:100%;max-width:100%;object-fit:contain}.session .card-fallback{font-size:var(--step-3);font-weight:700;color:var(--ink)}.session .card-fallback.muted{font-size:var(--step-0);font-weight:400;color:var(--quiet)}.session .options{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:520px){.session .options{grid-template-columns:repeat(3,1fr)}}.session .options.pictures{grid-template-columns:repeat(3,minmax(0,1fr))}.session .options.pictures button{padding:4px;min-height:0;aspect-ratio:1;overflow:hidden}.session .options.pictures img{width:100%;height:100%;object-fit:contain;display:block}.session .options button{min-height:64px;font-size:var(--step-1);font-weight:700;background:var(--surface);color:var(--ink);border-color:transparent;border-radius:var(--r-l);box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 8%,transparent)}.session .options button:active{background:var(--signal-soft);filter:none}.session .options button{transition:opacity .3s ease,background .3s ease}.session .options button:disabled{opacity:1}.session .options button[data-state=dim]{opacity:.4}.session .options button[data-state=right]{background:var(--signal-soft);box-shadow:inset 0 0 0 3px var(--signal)}.feedback{position:absolute;z-index:2;left:50%;bottom:14px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-weight:700;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;background:var(--surface);color:var(--ink);box-shadow:0 6px 20px color-mix(in srgb,var(--ink) 14%,transparent);animation:fb-in .5s ease-in-out both}.feedback[data-kind=great],.feedback[data-kind=together]{background:var(--signal);color:var(--signal-ink)}.feedback[data-kind=oneMore]{background:var(--blue-soft)}@keyframes fb-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.success{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:color-mix(in srgb,var(--signal) 46%,transparent);animation:success-in .5s ease-in-out both}.success-mark{inline-size:92px;block-size:92px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--signal);box-shadow:0 8px 28px color-mix(in srgb,var(--ink) 22%,transparent);animation:success-mark .6s ease-in-out both}.success-label{font-size:var(--step-1);font-weight:700;color:var(--ink);background:var(--surface);padding:6px 18px;border-radius:999px;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes success-in{0%{opacity:0}to{opacity:1}}@keyframes success-mark{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lang-switch{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border-radius:999px}.lang-switch button{min-height:32px;min-width:40px;padding:2px 10px;border-radius:999px;border:0;background:transparent;color:var(--quiet);font-size:.8rem;font-weight:700}.lang-switch button.is-current{background:var(--surface);color:var(--ink)}.design-bar .lang-switch{background:color-mix(in srgb,var(--surface) 60%,transparent)}.design-bar .lang-switch button{min-height:28px;border:0}.metric-title{display:flex;align-items:center;gap:4px;margin:0 0 10px}.metric-title h2,.metric-title h3{margin:0}.metric-title h3{font-size:var(--step-0)}.info-tip{position:relative;display:inline-flex}.info-btn{min-height:36px;min-width:36px;padding:0;border-radius:50%;border:0;background:transparent;color:var(--quiet)}.info-btn[aria-expanded=true]{color:var(--signal);background:var(--signal-soft)}.info-pop{position:fixed;z-index:40;top:0;left:0;width:min(320px,calc(100vw - 32px));display:grid;gap:6px;padding:14px 16px;border-radius:var(--r-m);background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 28px color-mix(in srgb,var(--ink) 16%,transparent);font-size:var(--step--1);font-weight:400;line-height:1.5}.info-pop strong{font-size:var(--step-0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.feedback,.success-mark{animation-name:fade-in}.concept-progress .track span{transition:none}}.cue-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end}.cue-steps-sm{inline-size:136px;block-size:42px;gap:4px}.cue-steps-sm .cue-bar{padding-top:2px;font-size:.68rem;border-radius:6px 6px 3px 3px}.cue-steps-lg{inline-size:min(100%,420px);gap:10px}.cue-step{display:flex;flex-direction:column;align-items:stretch;gap:8px;block-size:100%;justify-content:flex-end}.cue-bar{display:grid;place-items:start center;padding-top:4px;border-radius:8px 8px 4px 4px;background:var(--surface-2);color:var(--quiet);font-weight:700;font-size:.75rem;transition:background .45s var(--ease),color .45s var(--ease)}.cue-steps-lg .cue-bar{border-radius:14px 14px 6px 6px;padding-top:10px;font-size:1rem}.cue-step[data-step="1"] .cue-bar{block-size:46%}.cue-step[data-step="2"] .cue-bar{block-size:64%}.cue-step[data-step="3"] .cue-bar{block-size:82%}.cue-step[data-step="4"] .cue-bar{block-size:100%}.cue-steps-lg .cue-step[data-step="1"] .cue-bar{block-size:70px}.cue-steps-lg .cue-step[data-step="2"] .cue-bar{block-size:105px}.cue-steps-lg .cue-step[data-step="3"] .cue-bar{block-size:140px}.cue-steps-lg .cue-step[data-step="4"] .cue-bar{block-size:175px}.cue-step[data-state=past] .cue-bar{background:var(--signal-soft);color:var(--signal)}.cue-step[data-state=now] .cue-bar,.cue-step[data-state=all] .cue-bar{background:var(--signal);color:var(--signal-ink)}.cue-step[data-state=all][data-step="4"] .cue-bar{background:var(--blue)}.cue-label{font-size:var(--step--1);color:var(--quiet);text-align:center;line-height:1.25}:root{--art-bg-1: #dce5dd;--art-top-1: #7f9c89;--art-bg-2: #dde5ea;--art-top-2: #7890a0;--art-bg-3: #efe3d1;--art-top-3: #c7a576}@media(prefers-color-scheme:dark){:root{--art-bg-1: #33443a;--art-top-1: #6f8c7a;--art-bg-2: #324049;--art-top-2: #6a8293;--art-bg-3: #463d31;--art-top-3: #a88a5f}}.setup{max-width:760px;display:flex;flex-direction:column;gap:18px}.setup-head h2{font-size:var(--step-2);margin:4px 0}.setup-head p{margin:0}.pick-grid{display:grid;gap:12px}.pick-grid.characters{grid-template-columns:repeat(3,minmax(0,1fr))}.pick{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-height:0;padding:18px 8px 16px;background:var(--surface);color:var(--ink);border-radius:var(--r-l);box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 8%,transparent);transition:background .2s ease,box-shadow .2s ease}.pick:not(:disabled):active{background:var(--signal-soft);filter:none}.pick.is-last{box-shadow:inset 0 0 0 2px var(--signal)}.pick-label{font-size:var(--step-1);font-weight:700;line-height:1.2;text-align:center}.pick-badge{position:absolute;top:8px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.72rem;font-weight:700;color:var(--signal-ink);background:var(--signal);padding:2px 8px;border-radius:999px}.pick .character-art{width:100%;max-width:132px;height:auto;display:block;margin-top:10px}.chosen-character{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:999px;padding:6px 16px 6px 6px;width:fit-content;max-width:100%}.chosen-character .character-art{width:40px;height:40px;flex:none}.chosen-character span{font-weight:500}.pick-grid.topics{grid-template-columns:minmax(0,1fr)}.pick.topic{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;justify-items:start;text-align:left;padding:16px;min-height:96px}.pick.topic .topic-icon{grid-row:1 / span 2}.pick.topic .pick-label{text-align:left}.pick.topic .hint{font-size:var(--step--1)}.pick.topic .pick-badge{position:static;transform:none;grid-column:2;justify-self:start;margin-top:4px}.topic-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}@media(min-width:640px){.pick-grid.topics{grid-template-columns:repeat(3,minmax(0,1fr))}.pick.topic{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 12px;min-height:200px;justify-content:center}.pick.topic .pick-label{text-align:center}.pick.topic .pick-badge{position:absolute;top:8px;left:50%;transform:translate(-50%);margin:0}}.concept-card{display:flex;flex-direction:column;gap:16px;min-width:0}.concept-card.is-leaving{opacity:0;transition:opacity 1.5s ease-in-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.between{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--surface-2);animation:fade-in 1.2s ease-in-out both}.between.is-out{animation:fade-out 1.2s ease-in-out both}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.concept-card .stage-tap,.concept-card .hint-row{animation:fade-in 1.5s ease-in-out both}.session .options{transition:opacity 1.5s ease-in-out}.session .stage .clip{animation:fade-in .8s ease-in-out both}.session .stage.is-cue-out .clip{animation:fade-out .5s ease-in-out both}.between-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:80%}.between-dots span{inline-size:10px;block-size:10px;border-radius:999px;background:color-mix(in srgb,var(--ink) 16%,transparent)}.between-dots .is-done{background:var(--signal);opacity:.55}.between-dots .is-next{inline-size:28px;background:var(--signal)}.between-count{font-size:var(--step-1);font-weight:700}.session .options.is-waiting{opacity:0;pointer-events:none}.stage-tap{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;margin:0;border:0;border-radius:0;min-height:0;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}.stage-tap:disabled{opacity:1;cursor:default}.stage-tap:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.replay-badge{position:absolute;top:10px;left:10px;inline-size:34px;block-size:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--ink)}.support-toggle{min-height:40px;padding:6px 14px;border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:var(--step--1)}.support-toggle.is-on{background:var(--signal-soft);color:var(--signal);box-shadow:inset 0 0 0 2px var(--signal)}.undo-toast{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:12px;padding:6px 8px 6px 16px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:var(--step--1);font-weight:500;white-space:nowrap;animation:success-in .2s ease both}.undo-toast button.link{color:var(--bg);min-height:32px;padding:4px 10px;gap:4px;text-decoration:none;font-weight:700;background:color-mix(in srgb,var(--bg) 16%,transparent);border-radius:999px}.undo-inline{position:relative;min-height:48px}.session-settings{background:var(--surface);border-radius:var(--r-l);padding:12px 14px;display:grid;gap:10px}.setting{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;font-size:var(--step--1)}.mini-seg{display:inline-flex;gap:3px;padding:3px;background:var(--surface-2);border-radius:999px}.mini-seg button{min-height:34px;padding:4px 12px;border-radius:999px;background:transparent;color:var(--quiet);font-size:var(--step--1)}.mini-seg button.is-current{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 12%,transparent)}.hint-row{display:flex;justify-content:center}.hold{min-height:52px;padding:6px 20px 6px 8px;gap:10px;border-radius:999px;background:var(--surface);color:var(--ink);box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 8%,transparent);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.hold:disabled{opacity:.45}.hold-ring{position:relative;inline-size:40px;block-size:40px;display:grid;place-items:center}.hold-ring>svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.hold-track{fill:none;stroke:var(--surface-2);stroke-width:3.5}.hold-fill{fill:none;stroke:var(--signal);stroke-width:3.5;stroke-linecap:round}.hold-icon{color:var(--signal);display:grid;place-items:center}.supporter-actions{display:grid;gap:10px;transition:opacity 1.5s ease-in-out}.supporter-actions.is-waiting{opacity:0;pointer-events:none}.supporter-note{margin:0;font-size:var(--step--1)}.supporter-main{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:520px){.supporter-main{grid-template-columns:repeat(3,minmax(0,1fr))}}.supporter-main button{min-height:60px;font-size:var(--step-0);font-weight:700;border-radius:var(--r-l);gap:10px;box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 8%,transparent)}.supporter-main .sa-right{background:var(--signal);color:var(--signal-ink)}.supporter-main .sa-wrong{background:var(--surface);color:var(--ink)}.supporter-main .sa-next{background:var(--blue-soft);color:var(--ink)}.supporter-sub{display:flex;justify-content:space-between;gap:8px}.route-fade{animation:fade-in .6s ease-in-out backwards}.page>*:not(.concept-card),.chooser>*,.gate>*{animation:fade-in .6s ease-in-out backwards}.mode-area{display:flex;flex-direction:column;gap:16px;min-width:0;animation:fade-in .6s ease-in-out backwards}.concept-detail,.session-settings,.info-pop,.preview,.undo-inline,.add-form,.dictionary[open]>:not(summary){animation:fade-in .4s ease-in-out backwards}.tab,.seg button,.mini-seg button,.lang-switch button,.dot{transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.meaning{display:flex;align-items:center;gap:16px;background:var(--surface);border-radius:var(--r-l);padding:12px 16px;animation:fade-in .8s ease-in-out backwards}.meaning img{block-size:112px;inline-size:auto;max-inline-size:45%;border-radius:var(--r-m);display:block}.meaning-text{margin:0;display:flex;flex-direction:column;gap:2px}.meaning-text strong{font-size:var(--step-2);line-height:1.15}.probe-badge{font-size:var(--step--1);font-weight:700;color:var(--blue);background:var(--blue-soft);padding:6px 12px;border-radius:999px}.session-kind{background:var(--surface);border-radius:var(--r-l);padding:10px 14px}.onb{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:calc(16px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));max-width:1040px;margin:0 auto}.onb-top{display:flex;justify-content:space-between;align-items:center;min-height:48px}.onb-top .row{gap:8px;flex-wrap:nowrap}.wordmark{font-weight:700;font-size:1.35rem;letter-spacing:-.02em;color:var(--signal)}.onb-skip{color:var(--quiet);padding:12px 4px}.onb-main{display:grid;align-items:center;padding:8px 0 16px;touch-action:pan-y}.onb-slide{display:grid;gap:28px;animation:fade-in .7s ease-in-out both}.onb-visual{background:var(--surface);border-radius:var(--r-l);padding:24px 20px;min-height:240px;display:grid;place-items:center}.onb-copy h1{font-size:var(--step-3);line-height:1.12;letter-spacing:-.025em;margin-bottom:.5em;max-width:18ch;text-wrap:balance}.onb-copy p{color:var(--quiet);font-size:1.0625rem;line-height:1.65;max-width:46ch;margin:0}.onb-visual.is-bento{padding:12px;background:transparent;border:0}.bento{width:100%;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr auto;grid-template-areas:"a b" "a c" "d d";gap:10px;min-height:300px}.tile{border-radius:22px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;animation:fade-in .8s ease-in-out both}.tile-a{grid-area:a;background:var(--signal);color:var(--signal-ink)}.tile-b{grid-area:b;background:var(--blue-soft);animation-delay:70ms}.tile-c{grid-area:c;background:var(--signal-soft);animation-delay:.14s}.tile-d{grid-area:d;background:var(--surface);flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;animation-delay:.21s}.tile-icon{inline-size:52px;block-size:52px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--signal)}.tile-a .tile-icon{inline-size:64px;block-size:64px;background:color-mix(in srgb,var(--signal-ink) 18%,transparent);color:var(--signal-ink)}.tile-d .tile-icon{inline-size:40px;block-size:40px;background:var(--surface-2)}.tile-word{font-weight:700;font-size:1.15rem;line-height:1.2;letter-spacing:-.01em}.tile-a .tile-word{font-size:clamp(1.8rem,1.4rem + 1.6vw,2.4rem)}.tile-caption{margin-left:auto;color:var(--quiet);font-size:var(--step--1)}.emblem{inline-size:132px;block-size:132px;border-radius:50%;display:grid;place-items:center;background:var(--signal-soft);color:var(--signal)}.ladder{list-style:none;margin:0;padding:0;display:grid;gap:4px;width:min(100%,420px);counter-reset:none}.ladder li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;position:relative;padding:8px 0}.ladder li:not(:last-child):after{content:"";position:absolute;left:21px;top:52px;bottom:-4px;width:2px;background:var(--line)}.ladder-icon{inline-size:44px;block-size:44px;border-radius:50%;display:grid;place-items:center;background:var(--signal-soft);color:var(--signal)}.ladder li:last-child .ladder-icon{background:var(--blue-soft);color:var(--blue)}.ladder strong{display:block;font-weight:700}.ladder-text{display:block;color:var(--quiet);font-size:var(--step--1)}.principles{list-style:none;margin:0;padding:0;display:grid;gap:12px;width:min(100%,440px)}.principles li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}.principles svg{color:var(--signal);margin-top:2px}.progress-chart{width:min(100%,420px);height:auto}.progress-chart .grid{stroke:var(--line);stroke-width:1}.progress-chart .axis{fill:var(--quiet);font-family:var(--font);font-size:15px}.progress-chart .trend{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linejoin:round}.progress-chart .dot{fill:var(--surface);stroke:var(--blue);stroke-width:2.5}.progress-chart .dot.last{fill:var(--signal);stroke:var(--signal)}.onb-bottom{display:grid;gap:16px}.onb-dots{display:flex;gap:4px;justify-content:center}.dot{min-height:0;inline-size:24px;block-size:24px;padding:0;border:0;background:transparent;display:grid;place-items:center}.dot:before{content:"";inline-size:8px;block-size:8px;border-radius:999px;background:var(--line);transition:inline-size .3s var(--ease),background .3s ease}.dot.is-current:before{inline-size:22px;background:var(--signal)}.onb-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px}@media(min-width:900px){.onb{padding-left:40px;padding-right:40px}.onb-slide{grid-template-columns:1fr 1fr;gap:64px;align-items:center}.onb-visual{min-height:400px;padding:40px}.onb-bottom{grid-template-columns:1fr auto;align-items:center}.onb-dots{justify-content:flex-start}.onb-actions{grid-template-columns:auto auto}.onb-actions button{min-width:140px}}.stairs{display:grid;gap:18px;width:min(100%,440px)}.stairs-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.stairs-list li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;font-size:var(--step--1);color:var(--quiet);line-height:1.45}.stairs-list strong{color:var(--ink)}.stairs-n{inline-size:24px;block-size:24px;border-radius:50%;display:grid;place-items:center;background:var(--signal-soft);color:var(--signal);font-weight:700;font-size:.75rem}.stairs-list li:last-child .stairs-n{background:var(--blue-soft);color:var(--blue)}.gate{max-width:420px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom))}.gate-top{margin-bottom:32px}.gate h1{font-size:var(--step-2)}.gate p{color:var(--quiet)}.gate form{margin:20px 0 24px}.gate form button{width:100%}.chooser{max-width:760px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom))}.chooser-top{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-bottom:16px}.chooser>h1{font-size:var(--step-2);margin-bottom:20px}.chooser h2{font-size:var(--step-0);color:var(--quiet);font-weight:500;margin:28px 0 10px}.choice{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center}.choice-info{display:flex;flex-direction:column;min-width:0}.choice-info strong{font-size:var(--step-1)}.choice>button{grid-column:1 / -1}@media(min-width:640px){.choice{grid-template-columns:auto 1fr auto}.choice>button{grid-column:auto}}.choice-admin{background:var(--signal-soft)}.choice-admin .avatar{background:var(--surface)}.repass{margin-bottom:20px}.splash{align-items:center}.splash .wordmark{font-size:var(--step-3);opacity:.85;animation:fade-in .9s ease-in-out both}.privacy-line{margin-top:18px;font-size:var(--step--1)}.analytics{--series-1: #2f74b8;--series-1-ink: #ffffff;--series-2: #c47f2c;--series-2-ink: #1f2528;--series-3: #8c5fae;--series-3-ink: #ffffff;--series-4: #2f8f5f;--series-4-ink: #ffffff;--ord-1: #1b4c80;--ord-1-ink: #ffffff;--ord-2: #2f6ead;--ord-2-ink: #ffffff;--ord-3: #5389c4;--ord-3-ink: #ffffff;--ord-4: #82acd9;--ord-4-ink: #1f2528;--grid: #e7e2d8;--axis: #cfc8bb}@media(prefers-color-scheme:dark){.analytics{--series-1: #4b8fd1;--series-1-ink: #10171c;--series-2: #c58436;--series-2-ink: #10171c;--series-3: #9b6fc4;--series-3-ink: #10171c;--series-4: #3c9c69;--series-4-ink: #10171c;--ord-1: #a9c9ee;--ord-1-ink: #10171c;--ord-2: #78a8dd;--ord-2-ink: #10171c;--ord-3: #4b86c4;--ord-3-ink: #10171c;--ord-4: #336aa3;--ord-4-ink: #ffffff;--grid: #323b41;--axis: #45515a}}.analytics .lead{color:var(--quiet);max-width:70ch}.filter-row{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:flex-end;background:var(--surface);border-radius:var(--r-l);padding:12px 14px;margin:0 0 8px}.filter{display:flex;flex-direction:column;gap:2px;font-size:.78rem;color:var(--quiet);min-width:0}.filter select{min-height:40px;padding:6px 30px 6px 10px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-size:.9rem;max-width:190px}.filter.is-set select{border-color:var(--signal);background:var(--signal-soft)}.filter select:disabled{opacity:.5}.filter-reset{min-height:40px}.slice-line{margin:0 0 16px;max-width:none}.notice{background:var(--surface);border-radius:var(--r-l);padding:16px;max-width:none}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 16px}.kpis>div{background:var(--surface);border-radius:var(--r-l);padding:12px 14px;min-width:0}.kpis dt{color:var(--quiet);font-size:.8rem;display:flex;align-items:center;gap:2px}.kpis dd{margin:2px 0 0;font-size:var(--step-1);font-weight:700}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;margin:12px 0}.analytics .card{background:var(--surface);border-radius:var(--r-l);padding:16px;min-width:0}.analytics .card.wide{grid-column:1 / -1}.analytics .card .metric-title{margin:0 0 10px}.analytics .card h3{font-size:var(--step-0)}.analytics .card h4{font-size:.85rem;color:var(--quiet);font-weight:500;margin:0 0 6px}.sub-title{display:flex;align-items:center;gap:2px;margin:18px 0 8px;font-weight:500;font-size:.9rem!important}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.trend-head{align-items:flex-start}.trend-controls{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:4px 0 10px}.seg-control{display:flex;flex-direction:column;gap:2px;font-size:.78rem;color:var(--quiet)}.seg-options{display:flex;background:var(--surface-2);border-radius:999px;padding:3px}.seg-options button{min-height:34px;padding:4px 12px;border:0;border-radius:999px;background:none;color:var(--quiet);font:inherit;font-size:.85rem}.seg-options button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 12%,transparent)}.legend{list-style:none;display:flex;flex-wrap:wrap;gap:4px 16px;padding:0;margin:0 0 8px;font-size:.85rem}.legend li{display:flex;align-items:center;gap:6px}.legend li.is-muted{color:var(--quiet)}.legend-note{color:var(--quiet);font-size:.78rem}.line-key{display:inline-block;width:14px;height:2px;border-radius:2px;flex:none}.box-key{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}.chart{position:relative;width:100%}.chart svg{display:block;overflow:visible}.chart .grid{stroke:var(--grid);stroke-width:1}.chart .axis{stroke:var(--axis);stroke-width:1}.chart .crosshair{stroke:var(--quiet);stroke-width:1;opacity:.6}.chart .tick{fill:var(--quiet);font-size:11px;font-variant-numeric:tabular-nums}.chart .end-label{fill:var(--ink);font-size:12px}.chart .hover-dot{stroke:var(--surface);stroke-width:2}.chart .hit{fill:transparent;cursor:crosshair;outline:none}.chart .hit:focus-visible{stroke:var(--blue);stroke-width:2}.chart-tip{position:absolute;z-index:5;pointer-events:none;transform:translateY(-100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-s);box-shadow:0 4px 16px color-mix(in srgb,var(--ink) 14%,transparent);padding:8px 10px;font-size:.8rem}.chart .chart-tip{transform:none}.chart-tip p{margin:0;max-width:none}.chart-tip-head{color:var(--quiet);margin-bottom:4px!important}.chart-tip-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chart-tip-row strong{font-size:.95rem;font-variant-numeric:tabular-nums}.chart-tip-n{color:var(--quiet);font-size:.75rem;flex-basis:100%;padding-left:20px}.stack-chart,.bar-list{position:relative;display:grid;gap:8px}.stack-row{display:grid;grid-template-columns:minmax(84px,112px) 1fr auto;gap:10px;align-items:center;font-size:.85rem}.bar-row{display:grid;grid-template-columns:minmax(96px,150px) 1fr;gap:10px;align-items:center;font-size:.85rem}.stack-label,.bar-label{min-width:0;overflow-wrap:anywhere}.stack-sub{display:block;color:var(--quiet);font-size:.75rem}.stack-bar{display:flex;gap:2px;height:26px;border-radius:4px;overflow:hidden;min-width:0}.stack-seg{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;outline:none}.stack-seg:hover,.stack-seg:focus-visible{filter:brightness(1.12);box-shadow:inset 0 0 0 2px var(--surface)}.stack-hidden{color:var(--quiet);font-size:.8rem}.stack-total{color:var(--quiet);font-size:.75rem;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.bar-track{display:flex;align-items:center;gap:8px;min-width:0}.bar-fill{height:14px;border-radius:0 4px 4px 0;flex:none;outline:none}.bar-fill:hover,.bar-fill:focus-visible{filter:brightness(1.12);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--blue)}.bar-value{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.mini-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 12px}.mini-figures>div{background:var(--bg);border-radius:var(--r-m);padding:10px 12px}.mini-figures dt{color:var(--quiet);font-size:.78rem}.mini-figures dd{margin:0;font-size:var(--step-1);font-weight:700}.analytics td.strong{font-weight:700}.cell-n{color:var(--quiet);font-size:.75rem;font-weight:400}.place-table tr.is-country td{font-weight:700}.place-table tr.is-region td:first-child{padding-left:24px;color:var(--quiet)}.trend-table td{white-space:nowrap}@media(max-width:520px){.filter{flex:1 1 calc(50% - 10px)}.filter select{max-width:none;width:100%}.stack-row{grid-template-columns:1fr auto}.stack-row .stack-label{grid-column:1 / -1}.bar-row{grid-template-columns:minmax(88px,40%) 1fr}}.admin{max-width:1080px}.tabs{display:flex;gap:4px;margin:0 0 20px;overflow-x:auto;padding:4px;background:var(--surface-2);border-radius:999px;width:fit-content;max-width:100%}.tab{min-height:40px;background:none;color:var(--quiet);border:0;border-radius:999px;padding:6px 16px;white-space:nowrap;font-weight:500}.tab.is-current{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 12%,transparent)}.admin .figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0 0 28px}.admin .figures div{background:var(--surface);border-radius:var(--r-l);padding:14px}.admin .figures dt{color:var(--quiet);font-size:.8rem}.admin .figures dd{margin:2px 0 0;font-size:var(--step-2);font-weight:700;font-variant-numeric:tabular-nums}.num{text-align:right;font-variant-numeric:tabular-nums}.tag{margin-left:8px;font-size:.75rem;color:var(--quiet);background:var(--surface-2);border-radius:999px;padding:2px 8px}.content-table td{min-width:120px}.thumb{width:72px;height:auto;border-radius:8px;border:1px solid var(--line);display:block}.video-cell{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:4px 0}.video-actions{gap:10px;justify-content:flex-start}.video-cell>span{color:var(--quiet);font-size:.8rem}.approve{flex-direction:row;align-items:center;gap:6px;color:var(--ink);min-height:32px}.approve input{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--signal)}.preview{margin:0 0 20px;max-width:560px}.preview video,.preview img{width:100%;border-radius:var(--r-m);background:#2a3135;display:block}.preview figcaption{margin-top:8px;font-size:var(--step--1)}.research h2{margin-top:0}.research .lead{max-width:64ch;color:var(--quiet)}.export-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:16px 0 8px}.export-card{background:var(--surface);border-radius:var(--r-l);padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.export-card .metric-title{margin:0}.export-card .hint{margin:-4px 0 4px}.consent-table td{white-space:nowrap}.research .table-wrap{margin-top:4px}.research td.code{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.02em}.research tr.is-muted td{color:var(--quiet)}.research tr.is-muted td.code{font-weight:400}.research .approve{font-size:var(--step--1)}.dictionary{background:var(--surface);border-radius:var(--r-l);padding:4px 16px;margin-bottom:24px}.dictionary summary{min-height:var(--tap);display:flex;align-items:center;cursor:pointer;font-weight:500}.dictionary h3{font-size:var(--step-0);margin:12px 0 6px}.dictionary dl{margin:0 0 12px;display:grid;gap:6px}.dictionary dl div{display:grid;grid-template-columns:minmax(150px,200px) 1fr;gap:12px;font-size:var(--step--1)}.dictionary dt code{font-size:.85em;background:var(--surface-2);padding:2px 6px;border-radius:6px}.dictionary dd{margin:0;color:var(--quiet)}@media(max-width:520px){.dictionary dl div{grid-template-columns:1fr;gap:2px}}.privacy-note{margin:0 0 14px;font-size:var(--step--1);color:var(--quiet);display:flex;gap:8px;align-items:flex-start}td.code{font-weight:700;font-variant-numeric:tabular-nums}.child-list{list-style:none;margin:0;padding:0}.child-card{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center}.child-info{display:flex;flex-direction:column}.child-info strong{font-size:var(--step-1)}.child-actions{grid-column:1 / -1;display:grid;grid-template-columns:2fr 1fr;gap:8px}@media(min-width:640px){.child-card{grid-template-columns:auto 1fr auto}.child-actions{grid-column:auto;display:flex}}.add-form{margin-bottom:16px}.add-form h2{margin:0}.empty{display:grid;gap:4px;justify-items:start}.figures{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 28px}.figures div{background:var(--surface);border-radius:var(--r-m);padding:12px 14px}.figures dt{color:var(--quiet);font-size:.8rem}.figures dd{margin:2px 0 0;font-size:var(--step-2);font-weight:700;font-variant-numeric:tabular-nums}.status-list{list-style:none;margin:0;padding:0;background:var(--surface);border-radius:var(--r-l)}.status-list li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.status-list li:last-child{border-bottom:0}.level-pill{font-size:.8rem;padding:3px 10px;border-radius:999px;background:var(--signal-soft);color:var(--ink);white-space:nowrap}.level-pill[data-level="3"]{background:var(--blue-soft)}.level-pill[data-level="4"]{background:var(--surface-2)}.bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}.bars li{display:grid;grid-template-columns:76px 1fr 44px;gap:10px;align-items:center;font-size:var(--step--1)}.bar{block-size:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bar span{display:block;block-size:100%;background:var(--blue);border-radius:999px}.bars .pct{text-align:right;font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.chips li{padding:6px 12px;border-radius:999px;background:var(--blue-soft)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.form-pair label{min-width:0}.form-pair select{width:100%}.report{max-width:980px}.seg{display:inline-flex;padding:4px;gap:4px;background:var(--surface-2);border-radius:999px;margin-bottom:16px}.seg button{min-height:40px;padding:6px 20px;border-radius:999px;background:transparent;color:var(--quiet)}.seg button.is-current{background:var(--surface);color:var(--ink)}.report-grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}@media(min-width:760px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-wide{grid-column:1 / -1}}.panel{background:var(--surface);border-radius:var(--r-l);padding:18px;min-width:0}.panel .metric-title h2{font-size:var(--step-0)}.panel .metric-title+p{margin-top:0}.headline{font-size:var(--step-1);font-weight:700;margin:0 0 12px}.proposal{margin-top:16px}:root{--st-mastered: #2a7c52;--st-learning: #6a9ad4;--st-struggling: #c4862c;--st-notStarted: #ddd7cc}@media(prefers-color-scheme:dark){:root{--st-mastered: #3f9c6e;--st-learning: #6a93d6;--st-struggling: #c48530;--st-notStarted: #3a4449}}[data-status=mastered]{--st: var(--st-mastered)}[data-status=learning]{--st: var(--st-learning)}[data-status=struggling]{--st: var(--st-struggling)}[data-status=notStarted]{--st: var(--st-notStarted)}.status-bar .bar-track{display:flex;gap:2px;block-size:14px;border-radius:999px;overflow:hidden;background:var(--surface)}.status-bar.compact .bar-track{block-size:10px}.status-bar .bar-track span{background:var(--st);min-inline-size:4px}.status-legend{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}@media(min-width:640px){.status-legend{grid-template-columns:repeat(4,auto);justify-content:start}}.status-legend li{display:flex;align-items:center;gap:6px;font-size:var(--step--1)}.status-legend svg{color:var(--st);flex:none}.status-legend li[data-status=notStarted] svg{color:var(--quiet)}.status-legend strong{margin-left:2px}.focus-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.focus-list li{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:var(--r-s);background:var(--bg)}.focus-list svg{color:var(--st)}.mini-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.mini-figures dt{color:var(--quiet);font-size:.8rem;display:flex;align-items:center;gap:2px}.mini-figures dt .info-btn{min-height:28px;min-width:28px}.mini-figures dd{margin:4px 0 0;font-size:var(--step-1);font-weight:700;font-variant-numeric:tabular-nums}.cat-list{display:grid;gap:14px}.cat-row .row{margin-bottom:6px}.map-legend{margin:0 0 14px}.map-legend .swatch{inline-size:12px;block-size:12px;border-radius:3px;background:var(--st)}.map-group{margin-bottom:12px}.map-group>.hint{display:block;margin-bottom:6px}.map{display:grid;grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:4px}.cell{min-height:0;aspect-ratio:1;padding:0;border-radius:6px;background:var(--st);border:0}.cell.is-selected{outline:3px solid var(--ink);outline-offset:1px}.concept-detail{margin-top:14px;padding:14px;border-radius:var(--r-m);background:var(--bg);display:grid;gap:8px}.status-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--step--1);padding:4px 10px;border-radius:999px;background:var(--surface)}.status-chip svg{color:var(--st)}.level-steps{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:flex-end;block-size:44px}.level-steps li{inline-size:18px;border-radius:4px 4px 0 0;background:var(--blue)}.level-steps li[data-level="1"]{block-size:100%;background:var(--st-mastered)}.level-steps li[data-level="2"]{block-size:72%}.level-steps li[data-level="3"]{block-size:46%;background:var(--st-struggling)}.level-steps li[data-level="4"]{block-size:22%;background:var(--st-struggling)}.confusions{list-style:none;margin:0;padding:0;display:grid;gap:4px}.confusions li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--r-s);background:var(--bg)}.week-line{margin:4px 0 0}.week-line svg{width:100%;height:auto;display:block;overflow:visible}.week-line .base{stroke:var(--line);stroke-width:1}.week-line .line{fill:none;stroke:var(--blue);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.week-line .pt{fill:var(--surface);stroke:var(--blue);stroke-width:2}.week-line .pt.last{fill:var(--blue)}.week-line .hit{fill:transparent}.week-line .val{fill:var(--ink);font-family:var(--font);font-size:13px;font-weight:700}.week-line .tick{fill:var(--quiet);font-family:var(--font);font-size:12px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin-bottom:4px}.panel-head .metric-title{margin-bottom:6px}button.small{min-height:40px;padding:6px 14px;font-size:var(--step--1)}.table-scroll{overflow-x:auto;margin:0 -18px;padding:0 18px;background:linear-gradient(to left,var(--surface) 40%,transparent) right center / 32px 100% no-repeat local,linear-gradient(to left,color-mix(in srgb,var(--ink) 14%,transparent),transparent) right center / 14px 100% no-repeat scroll}.table-scroll:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;border-radius:var(--r-s)}.progress-table th,.progress-table td{white-space:nowrap}.progress-table thead th{font-size:.78rem;vertical-align:bottom;white-space:normal;min-width:72px;line-height:1.25}.progress-table thead th:first-child{min-width:0}.progress-table tbody th{text-align:left;font-weight:500;color:var(--ink);padding:10px;border-bottom:1px solid var(--line)}.progress-table tbody th,.progress-table thead th:first-child{position:sticky;left:0;background:var(--surface);z-index:1}.progress-table .week-n{display:block}.progress-table .week-date{display:block;font-size:.75rem;font-weight:400}.progress-table tbody tr:last-child th,.progress-table tbody tr:last-child td{border-bottom:0}.progress-table .is-gap th .week-n{color:var(--quiet)}.progress-table .gap-note{text-align:center;font-style:italic}