.avatar{border-radius:var(--radius-full);flex:none;place-items:center;line-height:0;display:inline-grid;overflow:hidden}.avatar svg{width:100%;height:100%;display:block}.avatar-initials{background:var(--bg-primary-container);color:var(--text-on-primary-container);font:var(--type-label-m);font-weight:700;line-height:1}.identity{align-items:center;gap:var(--spacing-sm);margin:0;display:flex}.identity-name{font:var(--type-body-l);overflow-wrap:anywhere;font-weight:700}.bo{flex:none;display:block}.bo-idle{animation:2.4s ease-in-out infinite bo-bob}@keyframes bo-bob{50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.bo-idle{animation:none}}.icon{background-color:currentColor;flex:none;display:inline-block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.coach{align-items:flex-end;gap:var(--spacing-sm);display:flex}.coach-body{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-coach-container);color:var(--text-on-coach-container);border-radius:var(--radius-lg);font:var(--type-body-l);flex:1;position:relative}.coach-character .coach-body:before{content:"";left:-8px;bottom:var(--spacing-md);border:8px solid #0000;border-left:0;border-right-color:var(--bg-coach-container);position:absolute}.coach-body p{margin:0}.coach-body .coach-note{margin-top:var(--spacing-xxs);font:var(--type-label-s);color:var(--text-secondary)}.coach-character .coach-body{animation:bubble-rise var(--dur-medium) var(--ease-emphasized)}.coach-text{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-sunken);border-radius:var(--radius-lg);color:var(--icon-brand);align-items:flex-start}.coach-text .coach-body{color:var(--text-primary);background:0 0;padding:0}.coach-tag{margin-bottom:var(--spacing-xxs);padding:0 var(--spacing-xs);border-radius:var(--radius-sm);background:var(--bg-gap-container);color:var(--text-on-gap-container);border:1px solid var(--border-gap);font:var(--type-label-s);letter-spacing:.06em;text-transform:uppercase;display:inline-block}@keyframes bubble-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.coach-character .coach-body{animation:none}}.dots{align-items:center;gap:var(--spacing-xs);display:inline-flex}.dot{border-radius:var(--radius-full);background:var(--bg-sunken);border:2px solid var(--border-strong);place-items:center;width:12px;height:12px;display:grid;position:relative}.dot-on{background:var(--bg-primary);border-color:var(--bg-primary-edge);color:var(--text-on-primary);animation:dot-pop var(--dur-short) var(--ease-emphasized)}.dots-label{margin-left:var(--spacing-xxs);font:var(--type-label-m);color:var(--text-secondary)}.dots-hero{justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.dots-hero .dot{width:40px;height:40px}.dots-hero .dot-on{animation-duration:.2s}.dots-hero .dots-label{text-align:center;color:var(--text-brand);flex-basis:100%;margin:0}.dot-ring,.dot-ring:before,.dot-ring:after{border:2px solid var(--bg-primary);border-radius:var(--radius-full);pointer-events:none;animation:dot-burst .6s var(--ease-standard) both;position:absolute;inset:-4px}.dot-ring:before,.dot-ring:after{content:"";animation-delay:.1s;inset:-2px}.dot-ring:after{animation-delay:.2s}@keyframes dot-pop{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes dot-burst{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.dot-on{animation:none}.dot-ring{opacity:1;animation:none}.dot-ring:before,.dot-ring:after{display:none}}.cs{gap:var(--spacing-md);align-content:start;display:grid}.cs>*{min-width:0}.cs h1{font:var(--type-headline-l);margin:0}.cs h2{font:var(--type-title-l);margin:0}.cs-sub,.cs-source{font:var(--type-body-m);color:var(--text-secondary);margin:0}.cs-crumbs ol{align-items:center;gap:var(--spacing-xs);font:var(--type-label-l);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cs-crumbs li{align-items:center;display:flex}.cs-crumbs li+li:before{content:"/";margin-right:var(--spacing-xs);color:var(--text-secondary)}.page .cs-crumbs li a{min-width:var(--size-touch-target);min-height:var(--size-touch-target);color:var(--text-brand);align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.cs-crumbs li{min-height:var(--size-touch-target)}.cs-crumbs [aria-current]{color:var(--text-secondary)}.cs-route{gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);margin:0;display:grid}.cs-route div{gap:var(--spacing-xxs);display:grid}.cs-route dt{font:var(--type-label-m);color:var(--text-secondary)}.cs-route dd{font:var(--type-body-l);margin:0}.cs-list{gap:var(--spacing-sm);margin:0;padding:0;list-style:none;display:grid}.cs-item{gap:var(--spacing-xxs);padding:var(--spacing-md);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);justify-items:start;display:grid}.cs-name{font:var(--type-title-m);overflow-wrap:anywhere}.page a.cs-name{min-height:var(--size-touch-target);color:var(--text-brand);align-items:center;display:inline-flex}.page a.cs-name:focus-visible,.page a.cs-solo:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.cs-meta{font:var(--type-body-m);color:var(--text-secondary)}.cs-tag{padding:0 var(--spacing-xs);border:2px solid var(--border-gap);border-radius:var(--radius-full);background:var(--bg-gap-container);color:var(--text-on-gap-container);font:var(--type-label-m)}.page a.btn.cs-solo{margin:0;text-decoration:none;display:flex}@media (width>=1280px){.page.cs{max-width:40rem}}@media (width<=767px){.page.cs{padding:var(--spacing-md);padding-bottom:var(--spacing-xxl)}}.cp{gap:var(--spacing-xs);display:grid}.cp-text{font:var(--type-label-l);color:var(--text-primary);overflow-wrap:anywhere;margin:0}.cp-bar{background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-full);height:8px;position:relative;overflow:hidden}.cp-bar span{position:absolute;inset:0 auto 0 0}.cp-avail{background:var(--bg-primary-container);min-width:4px}.cp-done{background:var(--bg-primary)}.page a.cp-link{min-height:var(--size-touch-target);color:var(--text-brand);align-items:center;margin:0;padding:0;display:inline-flex}.page a.cp-link:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);min-width:var(--size-touch-target);min-height:var(--size-button);padding:0 var(--spacing-xl);border-radius:var(--radius-lg);font:var(--type-label-l);cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);border:0;display:inline-flex}.btn-primary{background:var(--bg-primary);color:var(--text-on-primary);box-shadow:0 var(--size-edge) 0 var(--bg-primary-edge)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-strong);box-shadow:0 var(--size-edge) 0 var(--border-edge)}.btn-tertiary{color:var(--text-brand);background:0 0}.btn:not(:disabled):active{transform:translateY(var(--size-edge));box-shadow:none}.btn-tertiary:not(:disabled):active{background:var(--bg-primary-container);transform:none}.btn:disabled{background:var(--bg-disabled);color:var(--text-disabled);box-shadow:none;cursor:not-allowed;border-color:#0000}.btn-tertiary:disabled{background:0 0;border-color:#0000}.btn:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.btn{transition:none}}:root{--map-sky1:#7fd3ff;--map-sky2:#d9f4ff;--map-sun:#ffd23f;--map-hill:#5dbb63;--map-stars:0;--map-land1:#8bd65a;--map-land2:#4caf50;--map-sav1:#d9d27b;--map-city1:#94cf8c;--map-water1:#4fc3f7;--map-water2:#1e88e5;--map-leaf1:#2e9e44;--map-leaf2:#1b7a35;--map-trunk:#7a4a2a;--map-trunkHi:#a87449;--map-wood:#b9773f;--map-rock:#b8a68e;--map-flower:#ff5a8a;--map-mud:#c8763e;--map-mudDark:#8e4e22;--map-roof:#e9b949;--map-roofDark:#b98a22;--map-accent1:#ffb800;--map-accent2:#ff5a3c;--map-zuma:#8e7f72;--map-zumaLine:#5e5248;--map-road:#d9783b;--map-roadEdge:#a9542a;--map-roadLine:#f7b27a;--map-hall:#f6ebd9;--map-hallRoof:#c2410c;--map-hallRoofHi:#fdba74;--map-hallPillar:#fff;--map-hallDoor:#6b3b1b;--map-crown:#ffc233;--map-crownEdge:#c98e00;--map-bossBanner:#008751;--map-bossText:#fff;--map-cloud:#fff;--map-birdc:#3a4a63;--map-bld1:#7e93bd;--map-bld2:#9aabcc;--map-win:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme]){--map-sky1:#0b1233;--map-sky2:#2a3a7a;--map-sun:#fff3c4;--map-hill:#1d2b66;--map-stars:1;--map-land1:#25407a;--map-land2:#132552;--map-sav1:#3a4a66;--map-city1:#1f3466;--map-water1:#2e7bd8;--map-water2:#173f8c;--map-leaf1:#2c7a6a;--map-leaf2:#1a5249;--map-mud:#8e5a3a;--map-mudDark:#5e3a22;--map-roof:#b98a3a;--map-roofDark:#7e5c22;--map-rock:#5a6690;--map-zuma:#141c45;--map-zumaLine:#3a4a8a;--map-road:#c98e4a;--map-roadEdge:#7a5226;--map-roadLine:#ffe0a3;--map-hall:#d9d2f0;--map-hallRoof:#5b3fa0;--map-hallRoofHi:#9f86e8;--map-bossBanner:#ffc233;--map-bossText:#0e1638;--map-cloud:#5c6fb4;--map-birdc:#c9d3f5;--map-bld1:#2b3a70;--map-bld2:#34457f;--map-win:#ffe08a}}[data-theme=dark]{--map-sky1:#0b1233;--map-sky2:#2a3a7a;--map-sun:#fff3c4;--map-hill:#1d2b66;--map-stars:1;--map-land1:#25407a;--map-land2:#132552;--map-sav1:#3a4a66;--map-city1:#1f3466;--map-water1:#2e7bd8;--map-water2:#173f8c;--map-leaf1:#2c7a6a;--map-leaf2:#1a5249;--map-mud:#8e5a3a;--map-mudDark:#5e3a22;--map-roof:#b98a3a;--map-roofDark:#7e5c22;--map-rock:#5a6690;--map-zuma:#141c45;--map-zumaLine:#3a4a8a;--map-road:#c98e4a;--map-roadEdge:#7a5226;--map-roadLine:#ffe0a3;--map-hall:#d9d2f0;--map-hallRoof:#5b3fa0;--map-hallRoofHi:#9f86e8;--map-bossBanner:#ffc233;--map-bossText:#0e1638;--map-cloud:#5c6fb4;--map-birdc:#c9d3f5;--map-bld1:#2b3a70;--map-bld2:#34457f;--map-win:#ffe08a}.hm-mapwrap{background:var(--map-land1);min-width:0;min-height:0;position:relative;container-type:inline-size}.hm-mapwrap [hidden]{display:none!important}.hm-scroll{overscroll-behavior:contain;background:var(--map-land1);scroll-behavior:auto;height:100%;overflow:hidden auto}.hm-scroll:focus-visible{outline:3px solid var(--border-focus);outline-offset:-3px}.hm-sizer{width:100%;height:calc(var(--h) * var(--s) * 1px);position:relative;overflow:hidden}.hm-trail{width:720px;height:calc(var(--h) * 1px);margin-left:calc(-360px - 28px / var(--s));transform:scale(var(--s));transform-origin:50% 0;position:absolute;top:0;left:50%}.hm-trail>*{position:absolute}.hm-art,.hm-art>svg,.hm-road{top:0;left:0}.hm-art>svg{position:absolute;overflow:visible}.hm-art,.hm-amb{pointer-events:none}.hm-art,.hm-amb,.hm-road{width:720px;height:calc(var(--h) * 1px)}.hm-road path{fill:none;stroke-linecap:round;stroke-linejoin:round}.hm-road .edge{stroke:var(--map-roadEdge);stroke-width:50px}.hm-road .surf{stroke:var(--map-road);stroke-width:40px}.hm-road .line{stroke:var(--map-roadLine);stroke-width:3px;stroke-dasharray:10 16}.hm-banner{width:max-content;max-width:330px;padding:var(--spacing-xs) var(--spacing-md);text-align:center;background:var(--bg-primary);color:var(--text-on-primary);border:3px solid var(--bg-surface);border-radius:var(--radius-xl);box-shadow:0 var(--size-edge) 0 var(--bg-primary-edge);left:50%;transform:translate(-50%)}@media (width<=1023px){.hm-banner{max-width:280px}}.hm-banner h3{overflow-wrap:anywhere;font:var(--type-title-l);margin:0}.hm-banner p{font:var(--type-label-m);margin:0}.hm-gate{padding:var(--spacing-xs) var(--spacing-xl);font:var(--type-title-l);letter-spacing:.08em;background:var(--bg-proof);color:var(--text-on-proof);border:3px solid var(--bg-surface);border-radius:var(--radius-md);box-shadow:0 var(--size-edge) 0 var(--bg-proof-edge);left:50%;transform:translate(-50%,-50%)}.hm-gate:before,.hm-gate:after{content:"";background:var(--map-trunk);width:6px;height:34px;position:absolute;top:100%}.hm-gate:before{left:12px}.hm-gate:after{right:12px}.hm-nodes{pointer-events:none;margin:0;padding:0;list-style:none;inset:0}.hm-pos{left:calc(var(--x) * 1px);top:calc(var(--y) * 1px);width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute}.hm-node{width:56px;height:56px;color:var(--text-primary);pointer-events:auto;border-radius:var(--radius-full);text-decoration:none;display:block;position:relative}.hm-soon{pointer-events:none}.page a.hm-node{margin:0;padding:0;display:block}.hm-node:focus-visible{outline:3px solid var(--border-focus);outline-offset:5px}.hm-disc{border:4px solid var(--bg-surface);border-radius:var(--radius-full);width:100%;height:100%;box-shadow:0 var(--size-edge) 0 var(--border-edge);font:var(--type-headline-m);background:var(--bg-primary);color:var(--text-on-primary);place-items:center;display:grid;position:relative}.hm-proved .hm-disc,.hm-held .hm-disc{background:var(--bg-proof);color:var(--text-on-proof)}.hm-fading .hm-disc{background:var(--bg-gap);color:var(--text-on-gap)}.hm-soon .hm-disc{background:var(--bg-sunken);color:var(--text-secondary);font:var(--type-title-l)}.hm-lock{background:var(--bg-surface);width:24px;height:24px;color:var(--text-secondary);border:2px solid var(--border-strong);border-radius:var(--radius-full);place-items:center;display:grid;position:absolute;top:-8px;right:-8px}.hm-current .hm-disc:after{content:"";border:4px solid var(--bg-primary);border-radius:var(--radius-full);animation:1.8s ease-out infinite hm-pulse;position:absolute;inset:-4px}@keyframes hm-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.hm-soon .hm-lab{width:max-content;max-width:104px;padding:1px var(--spacing-xs);text-align:center;display:none;position:absolute;top:50%;transform:translateY(-50%)}.hm-lab-r{left:calc(100% + 8px)}.hm-lab-l{right:calc(100% + 8px)}@container (width>=740px){.hm-soon .hm-lab{display:block}}.hm-lab{padding:1px var(--spacing-xs);text-align:center;background:var(--bg-surface);color:var(--text-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);font:var(--type-label-m)}.hm-side-l .hm-lab,.hm-side-r .hm-lab{max-width:148px}.hm-side-l,.hm-side-r{gap:var(--spacing-xxs);pointer-events:none;width:max-content;max-width:170px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hm-side-l{text-align:right;justify-items:end;right:calc(100% + 14px)}.hm-side-r{justify-items:start;left:calc(100% + 14px)}.hm-side-l .hm-lab,.hm-side-r .hm-lab{color:var(--text-primary);border-color:var(--border-strong)}.hm-tags{gap:var(--spacing-xxs);justify-content:inherit;flex-wrap:wrap;display:flex}.hm-tag{align-items:center;gap:var(--spacing-xxs);padding:0 var(--spacing-xs);white-space:nowrap;background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-strong);border-radius:var(--radius-full);font:var(--type-label-m);display:inline-flex}.hm-due{background:var(--bg-gap-container);color:var(--text-on-gap-container);border-color:var(--border-gap)}.hm-bo{pointer-events:none;width:52px;height:52px;margin-top:-26px;animation:2.2s ease-in-out infinite hm-bob;position:absolute;top:50%}.hm-bo-r{left:calc(100% + 10px)}.hm-bo-l{right:calc(100% + 10px)}.hm-bo img{animation:none;display:block}@keyframes hm-bob{50%{transform:translateY(-7px)}}.hm-bus{pointer-events:none;z-index:5;will-change:transform;width:64px;height:40px;top:0;left:0}.hm-bus-in{width:100%;height:100%}.hm-bus svg{display:block;overflow:visible}.hm-bus .wheel{transform-box:fill-box;transform-origin:50%}.hm-bus[data-driving] .wheel{animation:.35s linear infinite hm-spin}@keyframes hm-spin{to{transform:rotate(360deg)}}.amb{pointer-events:none;animation-delay:var(--d,0s);animation-play-state:running;display:block;position:absolute}.amb[data-off]{animation-play-state:paused}.amb svg{display:block;overflow:visible}.amb.cloud{opacity:.95;animation:46s ease-in-out infinite alternate hm-drift}.amb.bird{animation:16s linear infinite hm-fly}.amb.bird svg{transform-origin:50% 100%;animation:.5s ease-in-out infinite alternate hm-flap}.amb.flag{transform-origin:0;animation:1.1s ease-in-out infinite alternate hm-wave}.amb.umbrella{transform-origin:50% 100%;animation:3.2s ease-in-out infinite alternate hm-sway}@keyframes hm-drift{0%{transform:translate(-40px)}to{transform:translate(70px)}}@keyframes hm-fly{0%{transform:translate(-30px)}50%{transform:translate(120px,-26px)}to{transform:translate(260px,6px)}}@keyframes hm-flap{to{transform:scaleY(.45)}}@keyframes hm-wave{0%{transform:skewY(-7deg)scaleX(1)}to{transform:skewY(7deg)scaleX(.86)}}@keyframes hm-sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@media (prefers-reduced-motion:reduce){.hm-current .hm-disc:after{display:none}.hm-bo,.amb,.amb svg,.hm-bus .wheel{animation:none!important}}.hm-ctl{z-index:6;align-items:center;gap:var(--spacing-xs);min-height:var(--size-touch-target);padding:0 var(--spacing-md);box-shadow:0 var(--size-edge) 0 var(--border-edge);display:inline-flex;position:absolute}.hm-ctl-list{top:var(--spacing-sm);right:var(--spacing-xs)}.hm-ctl-jump{bottom:var(--spacing-md);right:var(--spacing-xs)}.hm-ctl{width:var(--size-touch-target);justify-content:center;padding:0}.hm-ctl-list{width:auto;min-width:var(--size-touch-target);padding:0 var(--spacing-xs)}.hm-ctl-more,.hm-ctl-txt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hm-ctl.btn-primary{box-shadow:0 var(--size-edge) 0 var(--bg-primary-edge)}.hm-listview{padding:var(--spacing-md);padding-top:calc(var(--size-touch-target) + var(--spacing-md));background:var(--bg-page);min-height:100%}.hm-listview section{margin-bottom:var(--spacing-lg)}.hm-listview h3{font:var(--type-title-l);margin:0}.hm-listview p{margin:0 0 var(--spacing-xs);font:var(--type-label-m);color:var(--text-secondary)}.hm-listview ol{gap:var(--spacing-xs);padding-left:var(--spacing-xxl);font:var(--type-body-l);margin:0;display:grid}.hm-listview a{min-height:var(--size-touch-target);color:var(--text-brand);align-items:center;font-weight:700;display:inline-flex}.hm-listview a:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}.oc{gap:var(--spacing-md);flex-direction:column;display:flex}.oc-line{font:var(--type-body-l);margin:0}.oc-ready{align-items:center;gap:var(--spacing-xs);color:var(--text-brand);font-weight:600;display:flex}.oc-row{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.oc-install{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-surface);border-radius:var(--radius-lg,16px);flex-direction:column;display:flex}.oc-title{align-items:center;gap:var(--spacing-xs);margin:0;font-weight:600;display:flex}.stamp-wrap{flex-direction:column;align-items:center;display:inline-flex}.stamp{width:var(--stamp-size);height:var(--stamp-size);justify-content:center;align-items:center;gap:var(--spacing-xxs);border-radius:var(--radius-full);text-align:center;flex-direction:column;display:flex}.stamp-word{font:var(--type-label-s);letter-spacing:.06em;text-transform:uppercase}.stamp-none{border:3px dashed var(--border-strong);color:var(--text-secondary)}.stamp-proved{border:3px solid var(--border-proof);box-shadow:inset 0 0 0 5px var(--bg-proof-container), inset 0 0 0 7px var(--border-proof);background:var(--bg-proof-container);color:var(--text-on-proof-container);animation:stamp-drop var(--dur-long) var(--ease-emphasized)}.stamp-held{border:6px solid var(--bg-proof-edge);box-shadow:inset 0 0 0 4px var(--bg-proof), inset 0 0 0 6px var(--text-on-proof);background:var(--bg-proof);color:var(--text-on-proof);animation:stamp-drop var(--dur-long) var(--ease-emphasized)}.stamp-fading{border:3px dashed var(--border-gap);background:var(--bg-gap-container);color:var(--text-on-gap-container)}.stamp-fading .icon{opacity:.6}.stamp-due{margin-top:calc(-1 * var(--spacing-xs));align-items:center;gap:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--radius-full);background:var(--bg-gap-container);color:var(--text-on-gap-container);border:2px solid var(--border-gap);font:var(--type-label-s);display:inline-flex}@keyframes stamp-drop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.stamp-proved,.stamp-held{animation:none}}.pc{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;align-self:stretch;display:flex}.pc-stamp{align-items:center;gap:var(--spacing-md);display:flex}.pc-line{font:var(--type-body-l);margin:0}.pc-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.pc-sim{padding:var(--spacing-xs) var(--spacing-sm);font:var(--type-body-m);border:2px dashed var(--border-subtle);border-radius:var(--radius-md);margin:0}.pc-demo{align-items:center;gap:var(--spacing-sm);font:var(--type-body-m);flex-wrap:wrap;display:flex}.pc a.btn,.rc a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pc a:focus-visible,.rc a:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.page.hm{background:var(--bg-page);grid-template-rows:auto auto minmax(0,1fr) auto;max-width:none;height:100dvh;margin:0;padding:0;display:grid;overflow-y:auto}.hm-main{display:contents}.hm-main>*,.page.hm>*{min-width:0}.hm-head{align-items:center;gap:var(--spacing-xs) var(--spacing-md);padding:0 var(--spacing-md);flex-wrap:wrap;grid-row:1;display:flex}.page.hm .hm-head h1{font:var(--type-headline-m);margin:0}.hm-head .identity{margin-left:auto}.page a.hm-settings{align-items:center;gap:var(--spacing-xs);min-height:var(--size-touch-target);color:var(--text-brand);font:var(--type-label-l);margin:0;padding:0;text-decoration:none;display:inline-flex}.hm-top{gap:var(--spacing-xs);padding:0 var(--spacing-md) var(--spacing-xs);grid-row:2;display:grid}.hm-status:empty{display:none}.hm-top .oc{gap:var(--spacing-xs)}@media (width<=767px){.hm-top .oc-install{padding:0 0 0 var(--spacing-sm);align-items:center;gap:0 var(--spacing-xxs);border:2px solid var(--border-subtle);grid-template-columns:1fr auto auto;display:grid}.hm-top .oc-title{font:var(--type-label-m);grid-area:1/1}.hm-top .oc-title .icon{display:none}.hm-top .oc-install .oc-line{padding-bottom:var(--spacing-xs);font:var(--type-body-s);grid-area:2/1/auto/-1;display:none}.hm-top .oc-how .oc-line{display:block}.hm-top .oc-install .oc-row{display:contents}.hm-top .oc-install .btn{min-height:var(--size-touch-target);padding:0 var(--spacing-xs);font:var(--type-label-m);box-shadow:none;color:var(--text-brand);background:0 0;border-width:0;grid-row:1}.hm-top .coach{align-items:center;gap:var(--spacing-xs)}.hm-top .coach .bo,.hm-top .coach img{width:32px;height:32px}.hm-top .coach-body{padding:var(--spacing-xxs) var(--spacing-sm);font:var(--type-body-s)}}.hm-mapwrap{grid-row:3;min-height:160px}.hm-act{gap:var(--spacing-xxs) var(--spacing-xs);max-height:45dvh;padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs);background:var(--bg-surface);border-top:2px solid var(--border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0;grid-row:4;grid-template-columns:1fr auto auto;display:grid;overflow-y:auto;box-shadow:0 -4px 12px #0000001f}.hm-act>*{grid-column:1/-1;min-width:0}.hm-line,.hm-row{display:contents}.hm-move{grid-area:1/1/auto/-1}.hm-act .pc{grid-row:2}.hm-solo{grid-area:3/1}.hm-ready{grid-area:3/2}.hm-morebtn{grid-area:3/3}.hm-act .pc{gap:var(--spacing-xs);background:0 0;border:0;padding:0}.hm-act .pc-stamp{gap:var(--spacing-sm)}.page p.hm-move{font:var(--type-label-m);color:var(--text-secondary);margin:0}.page a.btn.hm-solo{margin:0;text-decoration:none;display:flex}.hm-gap{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-gap-container);color:var(--text-on-gap-container);border:2px solid var(--border-gap);border-radius:var(--radius-md);font:var(--type-body-m);margin:0}.page p.hm-gap{font:var(--type-body-m)}.hm-gap-none{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--border-subtle)}.hm-more{gap:var(--spacing-xs);display:none}.hm-more-open .hm-more{display:grid}.hm-morebtn{min-height:var(--size-touch-target);padding:0 var(--spacing-md)}.page a.btn.hm-course{padding:0 var(--spacing-xs);text-align:left;justify-content:flex-start;margin:0;text-decoration:none;display:flex}.hm-solo-note{font:var(--type-body-m);color:var(--text-secondary);margin:0}.hm-ready{align-items:center;margin:0;display:flex}.hm-act .dots-word{display:none}.hm-act .cp{gap:var(--spacing-xxs)}.hm-act .cp-text{font:var(--type-label-m)}.hm-act .cp-bar{height:6px}@media (width>=768px){.page.hm{grid-template-rows:none;grid-template-columns:minmax(20rem,23rem) minmax(0,1fr);overflow:hidden}.hm-main{gap:var(--spacing-md);height:100dvh;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl);background:var(--bg-page);border-right:2px solid var(--border-subtle);flex-direction:column;display:flex;overflow-y:auto}.hm-head,.hm-top,.hm-act{padding:0}.hm-head{flex-direction:column;align-items:flex-start}.hm-head .identity{margin-left:0}.hm-top{gap:var(--spacing-md)}.hm-top .oc{gap:var(--spacing-sm)}.hm-act{gap:var(--spacing-md);max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.hm-act .pc{padding:var(--spacing-md);border:2px solid var(--border-subtle);background:var(--bg-surface);gap:var(--spacing-md)}.hm-act{grid-template-columns:1fr}.hm-move,.hm-act .pc,.hm-solo,.hm-ready,.hm-morebtn{grid-area:auto}.hm-line{justify-content:space-between;align-items:center;gap:0 var(--spacing-sm);flex-wrap:wrap;display:flex}.hm-row{gap:var(--spacing-xs);display:flex}.hm-row .hm-solo{flex:1}.hm-act .dots-word{display:inline}.hm-act .cp{gap:var(--spacing-xs)}.hm-act .cp-text{font:var(--type-label-l)}.hm-act .cp-bar{height:8px}.hm-more{gap:var(--spacing-md);display:grid}.hm-top .oc-install{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.hm-top .oc-install .oc-line{font:var(--type-body-l)}.hm-top .oc-install .oc-row .btn-secondary,.hm-morebtn{display:none}.hm-mapwrap{grid-row:auto;height:100dvh}.page.hm .hm-head h1{font:var(--type-headline-l)}}@media (width>=1280px){.page.hm a.hm-settings{display:none}}@media (width<=767px){.page.st{padding:var(--spacing-md)}}.ob{max-width:520px;min-height:100dvh;padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;margin:0 auto;display:flex}.ob-body{gap:var(--spacing-md);flex-direction:column;flex:1;min-width:0;display:flex}.ob-center{text-align:center;justify-content:center;align-items:center}.ob-left{text-align:left;align-self:stretch}.ob-actions{gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);flex-direction:column;display:flex}.ob-actions .btn{width:100%}.ob-form{display:contents}.ob-heading{font:var(--type-headline-l);margin:0}.ob-heading:focus{outline:none}.ob-center .ob-heading{font:var(--type-display-m)}.ob-lead{font:var(--type-body-l);color:var(--text-secondary);margin:0}.ob-foot,.ob-note{font:var(--type-body-s);color:var(--text-secondary);text-align:center;margin:0}.ob-note{text-align:left}.ob-brand{align-items:center;gap:var(--spacing-xs);font:var(--type-title-l);color:var(--text-brand);margin:0;display:inline-flex}.ob-kicker{font:var(--type-title-m);margin:0}.ob-placeholder{padding:var(--spacing-xl);border:2px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);margin:0}.ob-card-title{margin:0 0 var(--spacing-xs);font:var(--type-title-m)}.ob-label{font:var(--type-label-m);color:var(--text-secondary);padding:0}.ob-input{min-height:56px;padding:0 var(--spacing-md);border:2px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-primary)}.ob-input:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px;border-color:var(--border-selected)}.ob-input[aria-invalid=true]{border-color:var(--border-wrong)}.ob-error{color:var(--text-wrong);font:var(--type-body-m);margin:0}.ob-error:empty{display:none}.ob-back{width:var(--size-touch-target);height:var(--size-touch-target);margin:calc(var(--spacing-xs) * -1) 0 0 calc(var(--spacing-xs) * -1);color:var(--icon-default);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:0;align-self:flex-start;place-items:center;display:grid}.ob-back:focus-visible,.ob-link-card:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}.ob-choice{gap:var(--spacing-xs);border:0;margin:0;padding:0;display:grid}.ob-choice-row{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.ob-choice-row label{display:block}.ob-face{justify-content:center;align-items:center;gap:var(--spacing-xs);min-height:56px;padding:0 var(--spacing-sm);background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-edge);border-radius:var(--radius-lg);box-shadow:0 var(--size-edge) 0 var(--border-edge);font:var(--type-title-m);cursor:pointer;display:flex}.ob-tick{display:none}.ob-radio:checked+.ob-face{background:var(--bg-primary-container);color:var(--text-on-primary-container);border-color:var(--border-selected);box-shadow:0 var(--size-edge) 0 var(--border-selected)}.ob-radio:checked+.ob-face .ob-tick{display:inline-flex}.ob-radio:focus-visible+.ob-face{outline:3px solid var(--border-focus);outline-offset:3px}.ob-link-card{justify-content:space-between;align-items:center;gap:var(--spacing-sm);min-height:64px;padding:var(--spacing-md);text-align:left;background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;display:flex}.ob-link-card strong{font:var(--type-title-m);display:block}.ls-steps{align-items:center;gap:var(--spacing-xs);margin:0;padding:0;list-style:none;display:flex}.ls-steps li:not(.ls-steps-text){border:2px solid var(--border-strong);border-radius:var(--radius-full);width:36px;height:36px;font:var(--type-label-l);place-items:center;display:grid}.ls-steps li.done{border-color:var(--border-selected);color:var(--text-brand)}.ls-steps li.now{background:var(--bg-primary);border-color:var(--bg-primary);color:var(--text-on-primary)}.ls-steps-text{margin-left:var(--spacing-xs);font:var(--type-body-s);color:var(--text-secondary)}.ls-card{padding:var(--spacing-md);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg)}.ls-card p{margin:0}.ls-card-head{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.ls-card-head .ob-heading{font:var(--type-title-m)}.ls-num{border-radius:var(--radius-full);background:var(--bg-primary);width:36px;height:36px;color:var(--text-on-primary);font:var(--type-label-l);flex:none;place-items:center;display:grid}.ls-card-body{font:var(--type-body-l)}.ls-stage{align-items:center;min-height:116px;display:flex}.ls-sentence{font:var(--type-question);line-height:56px}.ls-subject,.ls-covered,.ls-blank{display:inline-block;position:relative}.ls-subject.on{padding:0 var(--spacing-xs);border:2px solid var(--border-selected);background:var(--bg-primary-container);border-radius:var(--radius-sm);line-height:40px}.ls-badge{border-radius:var(--radius-full);background:var(--bg-primary);width:22px;height:22px;color:var(--text-on-primary);font:var(--type-label-s);place-items:center;display:grid;position:absolute;top:-10px;right:-10px}.ls-covered.on{color:var(--text-secondary)}.ls-covered.on:after{content:"";border-top:2px solid var(--text-primary);transform-origin:0;position:absolute;top:50%;left:0;right:0}.ls-blank{text-align:center;vertical-align:middle;border:2px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-sunken);min-width:64px;height:44px;line-height:40px}.ls-blank.on{border:2px solid var(--border-proof);background:var(--bg-proof-container);color:var(--text-on-proof-container);font-weight:700}.ls-rule{padding:var(--spacing-md);background:var(--bg-coach-container);color:var(--text-on-coach-container);border-radius:var(--radius-lg)}.ls-rule p{margin:var(--spacing-xxs) 0 0}.ls-rule .icon{vertical-align:middle}.ls-covered.new{animation:ls-fade .45s var(--ease-standard) both}.ls-covered.new:after{animation:ls-strike .3s var(--ease-standard) both}.ls-subject.new{animation:ls-pop .3s var(--ease-emphasized) both}.ls-blank.new{animation:ls-drop .35s var(--ease-emphasized) both}@keyframes ls-fade{0%{color:var(--text-primary)}}@keyframes ls-strike{0%{transform:scaleX(0)}}@keyframes ls-pop{0%{opacity:0;transform:scale(.9)}}@keyframes ls-drop{0%{opacity:0;transform:translateY(-24px)}}@media (prefers-reduced-motion:reduce){.ls-sentence *,.ls-sentence :after{animation:none!important}}@media (width>=768px){.ob{max-width:600px;padding:var(--spacing-xxl);gap:var(--spacing-xl);justify-content:center;position:relative}.ob-body{gap:var(--spacing-lg);flex:none}.ob-heading{font:var(--type-display-m)}.ob-center .ob-heading{font:var(--type-display-l)}.ob-lead{font-size:18px;line-height:28px}.ob-art .bo{width:240px;height:240px}.ob-brand{top:var(--spacing-xl);position:absolute;left:50%;transform:translate(-50%)}.ob-actions .btn{min-height:56px}.ob-lesson .ob-heading{font:var(--type-headline-l)}.ob-lesson .ob-actions{flex-direction:row-reverse}.ob-lesson .ob-actions .btn{flex:1;width:auto}.ob-lesson .ob-error{flex-basis:100%}}@media (width>=1280px){.ob-welcome{max-width:none;padding:var(--spacing-xl);gap:0 var(--spacing-xxxl);grid-template-rows:auto 1fr auto auto auto 1fr;grid-template-columns:1fr 1fr;align-content:stretch;display:grid}.ob-welcome .ob-body{display:contents}.ob-welcome .ob-brand{padding:var(--spacing-xs) var(--spacing-xxl) 0;grid-area:1/1;position:static;transform:none}.ob-welcome .ob-art{background:var(--bg-coach-container);border-radius:var(--radius-xl);grid-area:1/2/-1;place-items:center;display:grid}.ob-welcome .ob-art .bo{width:280px;height:280px}.ob-welcome .ob-heading,.ob-welcome .ob-lead,.ob-welcome .ob-actions,.ob-welcome .ob-foot{padding-inline:var(--spacing-xxl);text-align:left;grid-column:1}.ob-welcome .ob-heading{grid-row:3}.ob-welcome .ob-lead{margin:var(--spacing-md) 0 var(--spacing-xl);grid-row:4}.ob-welcome .ob-actions{grid-row:5;align-items:flex-start}.ob-welcome .ob-actions .btn{width:320px}.ob-welcome .ob-foot{text-align:left;padding:0}.ob-lesson{align-content:center;gap:var(--spacing-md) var(--spacing-xl);grid-template-columns:minmax(0,1fr) 320px;max-width:984px;display:grid}.ob-lesson .ob-body{display:contents}.ob-lesson .ob-body>*{grid-column:1}.ob-lesson .ob-body>.ls-rule{grid-area:1/2/span 5;align-self:start}.ob-lesson .ob-actions{grid-column:1}}.sub{gap:var(--spacing-xs);display:grid}.sub-row{align-items:center;gap:var(--spacing-sm);min-height:var(--size-touch-target);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;display:flex}.sub-row:has(input:checked){border-color:var(--border-selected);background:var(--bg-primary-container);color:var(--text-on-primary-container)}.sub-row:has(input:focus-visible){outline:3px solid var(--border-focus);outline-offset:2px}.sub-row:has(input:disabled:not(:checked)){cursor:default}.sub-row input{width:var(--spacing-xl);height:var(--spacing-xl);accent-color:var(--bg-primary);flex:none}.sub-row strong{font:var(--type-title-m);display:block}.sub-row small{font:var(--type-body-s);color:var(--text-secondary);display:block}.sub-row:has(input:checked) small{color:var(--text-on-primary-container)}.ob-sticky{margin:0 calc(var(--spacing-md) * -1);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-page);border-top:2px solid var(--border-subtle);position:sticky;bottom:0}.crs{gap:var(--spacing-xs);margin:0;padding:0;list-style:none;display:grid}.crs li{justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex}.crs strong{font:var(--type-title-m)}.crs span{font:var(--type-body-s);color:var(--text-secondary);text-align:right}.crs li.start{border-color:var(--border-selected);background:var(--bg-primary-container);color:var(--text-on-primary-container)}.crs li.start span{color:var(--text-on-primary-container)}.crs-route{font:var(--type-body-m);margin:0}@media (width>=768px){.sub{grid-template-columns:1fr 1fr}.sub-fixed,.sub>.ob-note{grid-column:1/-1}.ob-sticky{border:0;margin:0;padding:0;position:static}}.st{gap:var(--spacing-md);align-content:start;display:grid}.st h1,.st h2{margin:0}.st h2{font:var(--type-title-l)}.st-group{gap:var(--spacing-xs);min-width:0;padding:var(--spacing-md);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);margin:0;display:grid}.st-group legend{padding:0 var(--spacing-xs);font:var(--type-title-m)}.st-group label:not(.st-choice){font:var(--type-label-l)}.st-group small{font:var(--type-body-s);color:var(--text-secondary)}.st-group input:not([type=radio]):not([type=checkbox]){min-height:var(--size-touch-target);padding:0 var(--spacing-sm);border:2px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary)}.st-group input:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}.st-choice{align-items:center;gap:var(--spacing-xs);min-height:var(--size-touch-target);font:var(--type-body-l);display:flex}.st-choice input{width:var(--spacing-xl);height:var(--spacing-xl);accent-color:var(--bg-primary)}.st-tag{padding:0 var(--spacing-xs);border:2px solid var(--border-gap);border-radius:var(--radius-full);background:var(--bg-gap-container);color:var(--text-on-gap-container);font:var(--type-label-m)}.st-alert{padding:var(--spacing-sm);background:var(--bg-wrong-container);color:var(--text-on-wrong-container);border:2px solid var(--border-wrong);border-radius:var(--radius-md);margin:0}@media (width>=1280px){.page.st{max-width:40rem}}@media (width<=767px){.page.st{padding-bottom:var(--spacing-xxl)}}.page a.st-back{align-items:center;gap:var(--spacing-xs);min-height:var(--size-touch-target);color:var(--text-brand);font:var(--type-label-l);justify-self:start;margin:0;padding:0;text-decoration:none;display:inline-flex}@media (width>=1280px){.page a.st-back{display:none}}.tiles{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.tile{justify-content:center;align-items:center;gap:var(--spacing-xs);min-width:64px;min-height:64px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-edge);border-radius:var(--radius-lg);box-shadow:0 var(--size-edge) 0 var(--border-edge);font:var(--type-title-l);cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);display:flex}.tile:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.tile:active:not([aria-disabled]){transform:translateY(var(--size-edge));box-shadow:none}.tile-selected{background:var(--bg-surface);color:var(--text-on-primary-container);border-color:var(--border-selected);box-shadow:0 var(--size-edge) 0 var(--border-selected);animation:tile-lift var(--dur-short) var(--ease-emphasized)}.tile-struck{background:var(--bg-wrong-container);color:var(--text-on-wrong-container);border:2px dashed var(--border-wrong);box-shadow:none;cursor:not-allowed;animation:tile-shake var(--dur-medium) var(--ease-standard)}.tile-struck .tile-word{text-decoration:line-through;text-decoration-thickness:2px}.tile-correct{background:var(--bg-proof-container);color:var(--text-on-proof-container);border-color:var(--border-proof);box-shadow:0 var(--size-edge) 0 var(--border-proof)}.tile-correct .icon{animation:pop var(--dur-medium) var(--ease-emphasized)}.tile[aria-disabled]:not(.tile-struck):not(.tile-correct){cursor:default}@keyframes tile-lift{0%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes tile-shake{0%,to{transform:none}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-6px)}}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tile,.tile-selected,.tile-struck,.tile-correct .icon{transition:none;animation:none}}.tile{position:relative}.tile-num{top:50%;left:var(--spacing-sm);background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:24px;height:24px;font:var(--type-label-s);color:var(--text-secondary);place-items:center;display:none;position:absolute;transform:translateY(-50%)}@media (width>=1280px){.tile-num{display:grid}}.sentence{padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);font:var(--type-question);color:var(--text-primary);margin:0}.blank{min-width:72px;min-height:44px;padding:0 var(--spacing-sm);vertical-align:middle;border:2px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-sunken);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.blank-filled{border-style:solid;border-color:var(--border-selected);color:var(--text-brand)}.blank-correct{border-style:solid;border-color:var(--border-proof);background:var(--bg-proof-container);color:var(--text-on-proof-container)}.qv{flex-direction:column;max-width:600px;min-height:100dvh;margin:0 auto;display:flex}.qv-top{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);flex-wrap:wrap;display:flex}.qv-close,.qv-read,.qv-move,.qv-lang button{min-height:var(--size-touch-target);cursor:pointer;font:var(--type-label-l);color:var(--text-brand)}.qv-close{width:var(--size-touch-target);color:var(--text-primary);background:0 0;border:0;place-items:center;display:grid}.qv-progress{background:var(--bg-sunken);border-radius:var(--radius-full);flex:1;min-width:60px;height:12px;overflow:hidden}.qv-progress span{background:var(--bg-primary);border-radius:var(--radius-full);height:100%;transition:width var(--dur-medium) var(--ease-standard);display:block}.qv-lang{background:var(--bg-sunken);border-radius:var(--radius-full);display:inline-flex}.qv-lang button{min-width:var(--size-touch-target);padding:0 var(--spacing-sm);border-radius:var(--radius-full);color:var(--text-secondary);background:0 0;border:0}.qv-lang button[aria-pressed=true]{background:var(--bg-primary);color:var(--text-on-primary)}.qv-count{font:var(--type-label-m);color:var(--text-secondary)}.qv-dots{padding-left:var(--spacing-xs);flex-basis:100%}.qv-main{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-md);flex-direction:column;flex:1;display:flex}.qv-move{justify-content:space-between;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-md);background:var(--bg-surface);border:2px solid var(--border-strong);border-radius:var(--radius-full);display:flex}.qv-move>span:not(.icon){text-align:left;flex:1}.qv-prompt{margin:var(--spacing-xs) 0 0;font:var(--type-title-l)}.qv-read{align-self:flex-start;align-items:center;gap:var(--spacing-xs);background:0 0;border:0;display:inline-flex}.qv .tiles{margin-top:auto}.qv-status{min-height:0}.qv-miss{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-wrong-container);color:var(--text-on-wrong-container);border-radius:var(--radius-lg);font:var(--type-body-l);animation:qv-rise var(--dur-medium) var(--ease-emphasized);margin:0}.qv-fail{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-gap-container);color:var(--text-on-gap-container);border:2px solid var(--border-gap);border-radius:var(--radius-lg);display:flex}.qv-keys{color:var(--text-secondary);font:var(--type-body-s);margin:0;display:none}.qv-correct{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-proof-container);border:2px solid var(--border-proof);border-radius:var(--radius-lg);animation:qv-rise var(--dur-medium) var(--ease-emphasized);flex-direction:column;display:flex}.qv-correct .btn{align-self:stretch}.qv-correct-word{align-items:center;gap:var(--spacing-xs);color:var(--text-on-proof-container);font:var(--type-title-l);margin:0;display:flex}.qv-bar{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);background:var(--bg-surface);border-top:2px solid var(--border-subtle);display:flex;position:sticky;bottom:0}.qv-bar .btn{flex:1}.qv-sheet{width:min(100%,560px);max-width:100%;padding:var(--spacing-xl) var(--spacing-md);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--bg-surface);color:var(--text-primary);border:0;margin:auto auto 0}.qv-sheet[open]{align-items:stretch;gap:var(--spacing-sm);animation:qv-rise var(--dur-medium) var(--ease-emphasized);flex-direction:column;display:flex}.qv-sheet::backdrop{background:#00000080}.qv-sheet h2{font:var(--type-title-l);text-align:center;margin:0}.qv-sheet>.icon{align-self:center}.qv-sheet p{margin:0}.qv-example{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--bg-sunken)}.qv-source{font:var(--type-body-s);color:var(--text-secondary)}.qv button:focus-visible,.qv-sheet button:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}@keyframes qv-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.qv-panel,.qv-bo-side,.qv-keys{display:none}.qv-key{align-items:center;gap:var(--spacing-xs);margin-right:var(--spacing-md);display:inline-flex}.qv-key kbd{min-width:32px;min-height:32px;padding:0 var(--spacing-xs);background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font:var(--type-label-s);color:var(--text-primary);place-items:center;display:inline-grid}.qv-sentence{display:block}@media (width>=768px){.qv{max-width:720px;padding-top:var(--spacing-md);grid-template:"top""main"1fr"bar"/minmax(0,1fr);display:grid}.qv-top{padding:var(--spacing-xs) var(--spacing-xl);grid-area:top}.qv-main{gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-xl);grid-area:main}.qv-bar{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);grid-area:bar}.qv-bar .bo{display:none}.qv-prompt{font:var(--type-headline-m)}.qv-sentence{align-items:start;gap:var(--spacing-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.qv-sentence .sentence{padding:var(--spacing-xl)}.qv-bo-side{display:block}.qv .tile{min-height:72px}.qv-sheet{border-radius:var(--radius-xl);margin:auto}.qv-suspended .qv-main,.qv-suspended .qv-bar,.qv-has-panel .hp .coach-character>.bo,.qv-has-panel .hp .coach-character .coach-body:before{display:none}}@media (width>=1280px){.qv-has-panel{grid-template-columns:minmax(0, 1fr) var(--qv-panel,320px);grid-template-areas:"top panel""main panel""bar panel";max-width:none;padding-top:0}.qv-has-panel>:is(.qv-top,.qv-main,.qv-bar),.qv-has-panel .sm-page :is(.sm-top,.sm-body,.sm-bar){justify-self:center;width:min(100%,640px);padding-left:0;padding-right:0}.qv-has-panel .qv-top{padding-top:var(--spacing-md)}.qv-has-panel .qv-main{gap:var(--spacing-sm)}.qv-has-panel .qv-sentence .sentence{padding:var(--spacing-md) var(--spacing-xl)}.qv-has-panel .qv-prompt{margin-top:0}.qv-has-panel .qv-status .hp:not(:has(.ls-steps)){flex-direction:row;align-items:center}.qv-has-panel .qv-status .hp:not(:has(.ls-steps))>.coach{flex:1}.qv-has-panel .qv-status .hp .btn,.qv-has-panel .qv-status .hp-actions,.qv-has-panel .qv-status .hp-actions .btn{flex:none}.qv-bo-side{display:none}.qv-sentence,.qv-keys{display:block}.qv-bar{background:0 0;border-top:0}.qv-panel{align-self:start;gap:var(--spacing-sm);height:100dvh;padding:var(--spacing-md);background:var(--bg-surface);border-left:2px solid var(--border-subtle);flex-direction:column;grid-area:panel;display:flex;position:sticky;top:0;overflow-y:auto}.qv-panel>.bo{align-self:flex-start}.qv-panel p{margin:0}.qv-panel-note,.qv-panel-sub{font:var(--type-body-s);color:var(--text-secondary)}.qv-panel-help{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-coach-container);color:var(--text-on-coach-container);border-radius:var(--radius-lg);font:var(--type-label-m)}.qv-panel-move{padding:var(--spacing-md);background:var(--bg-coach-container);color:var(--text-on-coach-container);border-radius:var(--radius-lg)}.qv-panel-move h2{align-items:center;gap:var(--spacing-xs);margin:0 0 var(--spacing-xs);font:var(--type-title-m);display:flex}.qv-panel-h{margin:var(--spacing-xs) 0 0;font:var(--type-label-s);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.qv-ladder{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.qv-rung{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);font:var(--type-body-s);color:var(--text-secondary);display:flex}.qv-rung strong{font:var(--type-title-m);color:var(--text-primary)}.qv-rung-n{background:var(--bg-primary-container);border-radius:var(--radius-full);width:32px;height:32px;font:var(--type-label-l);color:var(--text-primary);flex:none;place-items:center;display:grid}.qv-rung-now{background:var(--bg-primary-container);border-color:var(--border-selected);color:var(--text-on-primary-container)}.qv-rung-now .qv-rung-n{background:var(--bg-primary);color:var(--text-on-primary)}.qv-rung-now strong{color:var(--text-on-primary-container)}.qv-has-panel:has(.qv-focus){grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main""bar"}.qv-has-panel:has(.qv-focus) .qv-panel{display:none}.qv-has-panel:has(.qv-focus) .qv-main{column-gap:var(--spacing-xxl);grid-template-columns:minmax(0,1fr) 240px;align-content:center;width:min(100%,880px);display:grid}.qv-has-panel:has(.qv-focus) .qv-main>*{grid-column:1}.qv-has-panel:has(.qv-focus) .qv-main>.hn{display:contents}.qv-has-panel:has(.qv-focus) .qv-main>.hn>*{grid-column:1}.qv-has-panel:has(.qv-focus) .qv-main>.hn{gap:0}.qv-has-panel:has(.qv-focus) .qv-main .hn-bo{grid-area:1/2/span 8;place-self:center}}@media (prefers-reduced-motion:reduce){.qv-miss,.qv-correct,.qv-sheet[open]{animation:none}.qv-progress span{transition:none}}:root:has(.qv-bar){scroll-padding-bottom:calc(var(--size-button) + var(--spacing-sm) + var(--spacing-md) + var(--spacing-xl))}.qv-main{padding-bottom:calc(var(--spacing-md) + var(--spacing-sm))}.hp{gap:var(--spacing-sm);animation:hp-rise var(--dur-medium) var(--ease-emphasized);flex-direction:column;display:flex}.hp-actions{gap:var(--spacing-sm);display:flex}.hp-actions .btn{flex:1}.hp-prompt{font:var(--type-title-l);margin:0}.hp-prompt:focus{outline:none}.hp-chips{gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.hp-chip{min-height:var(--size-touch-target);min-width:var(--size-touch-target);padding:0 var(--spacing-sm);font:var(--type-label-l);color:var(--text-primary);background:var(--bg-surface);border:2px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer}.hp-blank{min-width:56px;min-height:var(--size-touch-target);border:2px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-sunken);display:inline-block}.hp-two{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.hp button:focus-visible,.sm button:focus-visible,.hp-prompt:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.sm{background:var(--bg-page);width:100%;max-width:100%;height:100%;max-height:100%;color:var(--text-primary);border:0;margin:0;padding:0}.sm[open]{flex-direction:column;display:flex}.sm::backdrop{background:#00000080}.sm-top{padding:var(--spacing-xs) var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.sm-title{font:var(--type-title-m);margin:0}.sm-close{width:var(--size-touch-target);height:var(--size-touch-target);color:var(--text-primary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.sm-body{gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sm-caption{font:var(--type-title-l);margin:0}.sm-caption:focus{outline:none}.sm-caption:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.sm-card{gap:var(--spacing-xs);flex-direction:column;display:flex}.sm-chip{padding:0 var(--spacing-sm);border-radius:var(--radius-full);background:var(--bg-sunken);color:var(--text-secondary);font:var(--type-label-m);align-self:flex-start;margin:0}.sm-bar{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);background:var(--bg-surface);border-top:2px solid var(--border-subtle);flex-direction:column;display:flex}.sm-tools{gap:var(--spacing-sm);display:flex}.sm-tools .btn{flex:1}@keyframes hp-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width>=768px){.sm{border-radius:var(--radius-xl);max-width:600px;height:auto;max-height:90dvh;margin:auto}.sm-bar{flex-direction:row-reverse;justify-content:space-between;align-items:center}.sm-tools{flex:none}}@media (prefers-reduced-motion:reduce){.hp{animation:none}}.sm-inline{background:0 0;max-width:none;height:auto;max-height:none}.sm-inline .sm-title{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sm-inline:not(.sm-page){border:2px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);flex-direction:column;display:flex}.sm-inline .sm-body{overflow:visible}.sm-page{display:contents}.sm-page .sm-top{z-index:1;padding:var(--spacing-xs) var(--spacing-xl);grid-area:main;justify-content:flex-end;align-self:start}.sm-page .sm-bar{flex-direction:row;justify-content:flex-start}.sm-page .sm-tools,.sm-page .sm-bar>.btn{flex:1}.sm-page .sm-body{padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-xl);grid-area:main}.sm-page .sm-bar{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);background:var(--bg-surface);grid-area:bar;position:sticky;bottom:0}.sm-page .ls-stage{min-height:160px;padding:var(--spacing-xl)}.sm-page .sm-caption{font:var(--type-headline-m)}@media (width>=1280px){.sm-page .sm-top{padding-right:0}.sm-page .sm-body{gap:var(--spacing-sm);padding-left:0;padding-right:0}.sm-page .sm-bar{background:0 0;border-top:0;padding-left:0;padding-right:0}.sm-page .coach{display:none}.sm-page .ls-stage{min-height:120px;padding:var(--spacing-md)}.sm-page .sm-caption{font:var(--type-title-l)}.sm-page .ls-rule{display:none}}@media (width<=1279px){.sm-page .qv-keys{display:none}}@media (width>=768px){.hp{gap:var(--spacing-md)}.hp-chips{padding:var(--spacing-md);gap:var(--spacing-sm)}.hp-chip{font:var(--type-title-m)}.hp-prompt{font:var(--type-headline-m)}}@media (width>=1280px){.qv-main:has(.hp .ls-steps) .qv-keys{display:none}}.hp-ai{gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:2px solid var(--border-subtle);flex-direction:column;display:flex}.hp-ai-title{font:var(--type-title-m);margin:0}.hp-ai-body{gap:var(--spacing-xs);flex-direction:column;display:flex}.hp-ai-note,.hp-ai-text,.hp-ai-label{margin:0}.hp-ai-note{color:var(--text-secondary)}.hp-ai-card{gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}.hp-ai-label{font:var(--type-label-m);color:var(--text-secondary)}.qv:has(.hn) :is(.qv-move,.qv-prompt,.qv-read,.tiles,.qv-keys){display:none}.qv:has(.hn-chips-mode) .sentence{display:none}.hn{gap:var(--spacing-md);animation:qv-rise var(--dur-medium) var(--ease-emphasized);flex-direction:column;display:flex}.hn h2,.hn h3{margin:0}.hn :is(h2,h3):focus{outline:none}.hn-correct{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-proof-container);border:2px solid var(--border-proof);border-radius:var(--radius-lg);color:var(--text-on-proof-container);font:var(--type-title-l);display:flex}.hn-intro{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary-container);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-on-primary-container);font:var(--type-body-m);margin:0;display:flex}.hn-intro .icon{flex:none;margin-top:1px}.hn-ask{align-items:center;gap:var(--spacing-sm);display:flex}.hn-ask h3{font:var(--type-title-l)}.hn-choices{gap:var(--spacing-sm);flex-direction:column;display:flex}.hn-choice{min-height:56px;padding:0 var(--spacing-md);background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 var(--size-edge) 0 var(--border-edge);font:var(--type-label-l);cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}.hn-choice:active{transform:translateY(var(--size-edge));box-shadow:none}.hn-foot{text-align:center;color:var(--text-secondary);font:var(--type-body-s);margin:0}.hn-words{gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.hn-word{min-width:var(--size-touch-target);min-height:var(--size-touch-target);padding:0 var(--spacing-sm);background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-edge);border-radius:var(--radius-md);box-shadow:0 2px 0 var(--border-edge);font:var(--type-question);cursor:pointer}.hn-word:disabled{cursor:default}.hn-word-covered{background:var(--bg-proof-container);border-color:var(--border-proof);color:var(--text-on-proof-container)}.hn-word-wrong{background:var(--bg-wrong-container);border-color:var(--border-wrong);color:var(--text-on-wrong-container);text-decoration:line-through}.hn-result{gap:var(--spacing-xs);flex-direction:column;display:flex}.hn-result h3{font:var(--type-title-l)}.hn-msg{align-items:flex-start;gap:var(--spacing-xs);font:var(--type-body-l);margin:0;display:flex}.hn-msg .icon{flex:none;margin-top:2px}.hn-hint{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-coach-container);color:var(--text-on-coach-container);border-radius:var(--radius-lg);flex-direction:column;display:flex}.hn-hint p{font:var(--type-body-l);margin:0}.hn-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.hn button:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}@media (width>=768px){.hn-actions{flex-direction:row-reverse}.hn-actions .btn{flex:1}}@media (prefers-reduced-motion:reduce){.hn{animation:none}.hn-choice{transition:none}}.hn-bo,.hn-num,.hn-foot-keys{display:none}@media (width>=768px){.hn{gap:var(--spacing-lg)}.hn-choice{min-height:64px}.hn-words{padding:var(--spacing-lg);gap:var(--spacing-sm)}}@media (width>=1280px){.hn-bo,.hn-foot-keys{display:initial}.hn-ask-bo{display:none}.hn-choice{min-height:56px;position:relative}.hn-num{left:var(--spacing-sm);background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:28px;height:28px;font:var(--type-label-s);color:var(--text-secondary);place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hn-foot{text-align:left}.qv-correct.qv-focus .bo{display:none}.hn-words{padding:var(--spacing-md)}.hn-correct{justify-content:flex-start}}.so{align-items:center;gap:var(--spacing-xl);max-width:600px;min-height:100dvh;padding:var(--spacing-xxl) var(--spacing-md) var(--spacing-xl);flex-direction:column;margin:0 auto;display:flex}.so-card{padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);align-self:stretch}.so-card h1{margin:0 0 var(--spacing-sm);font:var(--type-headline-m)}.so-card h1:focus{outline:none}.so-lead{margin:0 0 var(--spacing-md);font:var(--type-body-l)}.so-facts{gap:var(--spacing-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.so-facts li{align-items:flex-start;gap:var(--spacing-sm);font:var(--type-body-l);display:flex}.so-facts .icon{flex:none}.so-actions{align-self:stretch;gap:var(--spacing-sm);flex-direction:column;margin-top:auto;display:flex}.so button:focus-visible,.so a:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.so-soon{text-align:center}.so-soon h1{font:var(--type-headline-l);margin:0}.so-soon p{margin:0}.so-hero,.so-side{display:contents}@media (width>=768px){.so{align-content:center;align-items:center;gap:var(--spacing-xxl);max-width:920px;padding:var(--spacing-xxl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.so-hero{place-items:center;display:grid}.so-side{gap:var(--spacing-lg);flex-direction:column;display:flex}.so-card{padding:var(--spacing-xl)}.so-actions{margin-top:0}.so.so-soon{flex-direction:column;justify-content:center;max-width:560px;display:flex}}.pr-note{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xxl) var(--spacing-md);flex-direction:column;display:flex}.pr-summary{align-items:center;gap:var(--spacing-md);max-width:600px;min-height:100dvh;padding:var(--spacing-xl) var(--spacing-md);text-align:center;flex-direction:column;margin:0 auto;display:flex}.pr-summary h1{font:var(--type-headline-l);margin:0}.pr-lead{font:var(--type-title-m);margin:0}.pr-note-text{color:var(--text-secondary);margin:0}.pr-marks{gap:var(--spacing-sm);margin:0;padding:0;list-style:none;display:flex}.pr-mark{align-items:center;gap:var(--spacing-xxs);font:var(--type-label-m);color:var(--text-secondary);flex-direction:column;display:flex}.pr-badge{border-radius:var(--radius-full);border:2px solid;place-items:center;width:48px;height:48px;display:grid}.pr-mark-ok .pr-badge{background:var(--bg-proof-container);color:var(--text-on-proof-container);border-color:var(--border-proof)}.pr-mark-miss .pr-badge{background:var(--bg-wrong-container);color:var(--text-on-wrong-container);border-color:var(--border-wrong)}.pr-actions{gap:var(--spacing-sm);flex-direction:column;align-self:stretch;margin-top:auto;display:flex}.pr-summary button:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.pr-solo{min-height:var(--size-touch-target);color:var(--text-brand);font:var(--type-label-l);justify-content:center;align-items:center;display:inline-flex}.pr-solo:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.pr-hero,.pr-detail{display:contents}@media (width>=768px){.pr-summary{align-content:center;align-items:center;gap:var(--spacing-xxl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:880px;display:grid}.pr-hero{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.pr-detail{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}.pr-hero .bo{width:200px;height:200px}.pr-hero h1{font:var(--type-display-m)}.pr-actions{margin-top:var(--spacing-sm)}}@media (width>=1280px) and (height<=820px){.pr-hero .bo{width:160px;height:160px}}.run-top{position:relative}.run-pill{align-items:center;gap:var(--spacing-xs);min-height:40px;padding:0 var(--spacing-md);background:var(--bg-sunken);border-radius:var(--radius-full);font:var(--type-label-l);color:var(--text-brand);display:inline-flex}.run-top .run-timer{font-variant-numeric:tabular-nums;margin-left:auto}.run-pill.run-low{background:var(--bg-gap-container);color:var(--text-on-gap-container);outline:2px solid var(--border-gap)}.run-segs{flex-basis:100%;gap:4px;margin:0;padding:0;list-style:none;display:flex}.run-seg{background:var(--bg-sunken);border-radius:var(--radius-full);flex:1;height:8px}.run-seg-done{background:var(--bg-primary)}.run-prompt{margin:var(--spacing-xs) 0 0;font:var(--type-label-l)}.run-card{padding:var(--spacing-md);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg)}.run .tiles{margin-top:auto}.run-bar{flex-direction:column;display:flex}.run-foot,.run-toast,.run-low-note{align-items:center;gap:var(--spacing-sm);font:var(--type-body-s);color:var(--text-secondary);margin:0;display:flex}.run-toast,.run-low-note{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-proof);background:var(--bg-proof-container);color:var(--text-on-proof-container);border-radius:var(--radius-lg);font:var(--type-label-l)}.run-low-note{border-color:var(--border-gap);background:var(--bg-gap-container);color:var(--text-on-gap-container)}.run-note{justify-content:center;gap:var(--spacing-md);max-width:560px;min-height:100dvh;padding:var(--spacing-xl) var(--spacing-md);flex-direction:column;margin:0 auto;display:flex}.run-note h1{font:var(--type-headline-m);margin:0}.run-note p{font:var(--type-body-l);margin:0}.run-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.run button:focus-visible,.run-note button:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.score{padding:var(--spacing-md);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg)}.score-head{align-items:center;gap:var(--spacing-xs);font:var(--type-label-l);display:flex}.score-help .score-head{color:var(--text-brand)}.score-alone .score-head{color:var(--text-proof)}.score-help{border-top:var(--size-edge) solid var(--border-selected)}.score-alone{border-top:var(--size-edge) solid var(--border-proof)}.score-value{margin-top:var(--spacing-xs);font:var(--type-display-m);color:var(--text-primary)}.score-value strong{font-weight:800}.score-value span{font:var(--type-headline-m);color:var(--text-secondary)}.score-note{margin:var(--spacing-xs) 0 0;font:var(--type-body-s);color:var(--text-secondary)}.rs{gap:var(--spacing-lg);max-width:600px;min-height:100dvh;padding:var(--spacing-xl) var(--spacing-md);flex-direction:column;margin:0 auto;display:flex}.rs h1{font:var(--type-headline-l);margin:0}.rs-lead{font:var(--type-body-l);margin:0}.rs-note{font:var(--type-body-m);color:var(--text-secondary);margin:0}.rs-card{gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md);background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}.rs-stamp{align-items:center;gap:var(--spacing-md);display:flex}.rs-scores{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.rs-gapline{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-gap-container);color:var(--text-on-gap-container);border-left:6px solid var(--border-gap);border-radius:var(--radius-md);font:var(--type-body-l);margin:0}.rs-actions{gap:var(--spacing-sm);flex-direction:column;margin-top:auto;display:flex}.rs-missing{text-align:center;justify-content:center;align-items:center}.rs-misses{gap:var(--spacing-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rs-misses li{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}.rs-sentence{font:var(--type-question);margin:0}.rs button:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}@media (width>=768px){.rs{padding:var(--spacing-xxl);justify-content:center}.rs-card{padding:var(--spacing-xl)}.rs-actions{flex-flow:wrap;margin-top:0}}.sh-card{border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:0 0 0 2px var(--border-subtle)}.sh-wait{aspect-ratio:4/5;background:var(--bg-sunken)}.sh-msg{gap:var(--spacing-xs);font:var(--type-body-m);flex-direction:column;display:flex}.sh-msg textarea{padding:var(--spacing-sm);font:var(--type-body-l);color:var(--text-primary);background:var(--bg-surface);border:2px solid var(--border-strong);border-radius:var(--radius-md);resize:vertical}.sh-msg textarea:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}@media (width>=768px){.sh{max-width:720px}}@media (width>=1280px){.sh{column-gap:var(--spacing-xxl);grid-template-columns:420px 1fr;align-content:center;max-width:1100px;display:grid}.sh h1{grid-column:1/-1}.sh-card{grid-row:2/span 4}}:root{--shell-rail:0px}.shell{min-height:100dvh;display:flex}.shell-content{flex:1;min-width:0}.shell-rail{display:none}@media (width>=1280px){:root{--shell-rail:240px}.shell-rail{gap:var(--spacing-xl);width:var(--shell-rail);height:100dvh;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md);background:var(--bg-surface);border-right:1px solid var(--border-subtle);flex-direction:column;flex:none;align-self:flex-start;display:flex;position:sticky;top:0}.shell-brand{align-items:center;gap:var(--spacing-xs);margin:0 0 0 var(--spacing-xs);font:var(--type-title-l);color:var(--text-brand);display:flex}.shell-nav{gap:var(--spacing-xs);margin:0;padding:0;list-style:none;display:grid}.shell-link{align-items:center;gap:var(--spacing-md);min-height:var(--size-touch-target);padding:0 var(--spacing-md);border-radius:var(--radius-lg);color:var(--text-secondary);font:var(--type-label-l);text-decoration:none;display:flex}.shell-link .icon{color:var(--icon-secondary)}.shell-link:hover{background:var(--bg-sunken)}.shell-link[aria-current=page]{background:var(--bg-primary-container);color:var(--text-brand)}.shell-link[aria-current=page] .icon{color:var(--icon-brand)}.shell-link:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}.shell-learner{gap:var(--spacing-xxs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary-container);border-radius:var(--radius-lg);overflow-wrap:anywhere;margin-top:auto;display:grid}.shell-learner strong{font:var(--type-title-m)}.shell-learner span{font:var(--type-label-m);color:var(--text-secondary)}}@media (width>=768px){.page{max-width:720px;padding:var(--spacing-xxxl) var(--spacing-xxl);margin:0 auto}.page h1{margin:0 0 var(--spacing-md);font:var(--type-display-m)}.page p{font:var(--type-body-l)}.page a:not(.btn){padding:var(--spacing-xs) 0;margin-right:var(--spacing-md);color:var(--text-brand);font:var(--type-label-l);display:inline-block}.page a:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}}@media (width>=1280px){.page{padding:var(--spacing-xxl) var(--spacing-xxxl);margin:0}}:root{--bg-page:#f4fdf5;--bg-surface:#fff;--bg-sunken:#edf6ef;--bg-primary:#0b8450;--bg-primary-edge:#00502e;--bg-primary-container:#effaf3;--bg-proof:#ffc233;--bg-proof-edge:#906602;--bg-proof-container:#fef6e8;--bg-gap:#ab5200;--bg-gap-container:#fef5ef;--bg-wrong-container:#fef4f3;--bg-coach:#efb565;--bg-coach-container:#fef6e8;--bg-disabled:#dee7e0;--text-primary:#1f2620;--text-secondary:#5e665f;--text-disabled:#7b837c;--text-brand:#01693f;--text-on-primary:#fff;--text-on-primary-container:#00502e;--text-proof:#735103;--text-on-proof:#121813;--text-on-proof-container:#583d00;--text-gap:#894101;--text-on-gap:#fff;--text-on-gap-container:#693000;--text-wrong:#a31619;--text-on-wrong-container:#7e0d10;--text-on-coach-container:#1f2620;--icon-default:#1f2620;--icon-secondary:#5e665f;--icon-brand:#01693f;--icon-proof:#906602;--icon-gap:#ab5200;--icon-wrong:#c72928;--icon-on-primary:#fff;--border-subtle:#dee7e0;--border-edge:#cbd4cc;--border-strong:#7b837c;--border-focus:#0b8450;--border-selected:#0b8450;--border-proof:#906602;--border-wrong:#c72928;--border-gap:#ab5200;--bg-scrim:#1218138c;--bg-page-clear:#f4fdf500;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-xxxl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--size-touch-target:48px;--size-button:48px;--size-edge:4px;--font:"Atkinson Hyperlegible Next", system-ui, sans-serif;--type-hero:800 80px/80px var(--font);--type-display-l:800 48px/56px var(--font);--type-display-m:800 36px/44px var(--font);--type-headline-l:700 26px/32px var(--font);--type-headline-m:700 22px/28px var(--font);--type-title-l:700 18px/24px var(--font);--type-title-m:600 16px/22px var(--font);--type-body-l:500 16px/24px var(--font);--type-body-m:400 15px/22px var(--font);--type-body-s:400 13px/18px var(--font);--type-label-l:700 15px/20px var(--font);--type-label-m:600 13px/18px var(--font);--type-label-s:700 12px/16px var(--font);--type-label-stamp:700 18px/22px var(--font);--type-question:500 19px/28px var(--font);--dur-fast:90ms;--dur-short:.16s;--dur-medium:.24s;--dur-long:.45s;--dur-count:.7s;--ease-standard:cubic-bezier(.2,0,0,1);--ease-emphasized:cubic-bezier(.05,.7,.1,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-page:#060f35;--bg-surface:#0f1b45;--bg-sunken:#1d2a56;--bg-primary:#07c190;--bg-primary-edge:#088260;--bg-primary-container:#1d2a56;--bg-proof:#ffc233;--bg-proof-edge:#906602;--bg-proof-container:#1d2a56;--bg-gap:#feaa76;--bg-gap-container:#1d2a56;--bg-wrong-container:#1d2a56;--bg-coach:#efb565;--bg-coach-container:#1d2a56;--bg-disabled:#1d2a56;--text-primary:#f2f5fc;--text-secondary:#a3b1d2;--text-disabled:#7a8bb7;--text-brand:#abebd0;--text-on-primary:#060f35;--text-on-primary-container:#d6f5e7;--text-proof:#f8d59a;--text-on-proof:#060f35;--text-on-proof-container:#fceacd;--text-gap:#fed0b4;--text-on-gap:#060f35;--text-on-gap-container:#ffe8da;--text-wrong:#fecdc7;--text-on-wrong-container:#fee7e3;--text-on-coach-container:#f2f5fc;--icon-default:#f2f5fc;--icon-secondary:#a3b1d2;--icon-brand:#abebd0;--icon-proof:#ffc233;--icon-gap:#feaa76;--icon-wrong:#ffa69c;--icon-on-primary:#060f35;--border-subtle:#1d2a56;--border-edge:#2b3a67;--border-strong:#7a8bb7;--border-focus:#07c190;--border-selected:#07c190;--border-proof:#ffc233;--border-wrong:#ffa69c;--border-gap:#feaa76;--bg-scrim:#000514b3;--bg-page-clear:#060f3500;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}[data-theme=light],.pin-light{--bg-page:#f4fdf5;--bg-surface:#fff;--bg-sunken:#edf6ef;--bg-primary:#0b8450;--bg-primary-edge:#00502e;--bg-primary-container:#effaf3;--bg-proof:#ffc233;--bg-proof-edge:#906602;--bg-proof-container:#fef6e8;--bg-gap:#ab5200;--bg-gap-container:#fef5ef;--bg-wrong-container:#fef4f3;--bg-coach:#efb565;--bg-coach-container:#fef6e8;--bg-disabled:#dee7e0;--text-primary:#1f2620;--text-secondary:#5e665f;--text-disabled:#7b837c;--text-brand:#01693f;--text-on-primary:#fff;--text-on-primary-container:#00502e;--text-proof:#735103;--text-on-proof:#121813;--text-on-proof-container:#583d00;--text-gap:#894101;--text-on-gap:#fff;--text-on-gap-container:#693000;--text-wrong:#a31619;--text-on-wrong-container:#7e0d10;--text-on-coach-container:#1f2620;--icon-default:#1f2620;--icon-secondary:#5e665f;--icon-brand:#01693f;--icon-proof:#906602;--icon-gap:#ab5200;--icon-wrong:#c72928;--icon-on-primary:#fff;--border-subtle:#dee7e0;--border-edge:#cbd4cc;--border-strong:#7b837c;--border-focus:#0b8450;--border-selected:#0b8450;--border-proof:#906602;--border-wrong:#c72928;--border-gap:#ab5200;--bg-scrim:#1218138c;--bg-page-clear:#f4fdf500;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-page:#060f35;--bg-surface:#0f1b45;--bg-sunken:#1d2a56;--bg-primary:#07c190;--bg-primary-edge:#088260;--bg-primary-container:#1d2a56;--bg-proof:#ffc233;--bg-proof-edge:#906602;--bg-proof-container:#1d2a56;--bg-gap:#feaa76;--bg-gap-container:#1d2a56;--bg-wrong-container:#1d2a56;--bg-coach:#efb565;--bg-coach-container:#1d2a56;--bg-disabled:#1d2a56;--text-primary:#f2f5fc;--text-secondary:#a3b1d2;--text-disabled:#7a8bb7;--text-brand:#abebd0;--text-on-primary:#060f35;--text-on-primary-container:#d6f5e7;--text-proof:#f8d59a;--text-on-proof:#060f35;--text-on-proof-container:#fceacd;--text-gap:#fed0b4;--text-on-gap:#060f35;--text-on-gap-container:#ffe8da;--text-wrong:#fecdc7;--text-on-wrong-container:#fee7e3;--text-on-coach-container:#f2f5fc;--icon-default:#f2f5fc;--icon-secondary:#a3b1d2;--icon-brand:#abebd0;--icon-proof:#ffc233;--icon-gap:#feaa76;--icon-wrong:#ffa69c;--icon-on-primary:#060f35;--border-subtle:#1d2a56;--border-edge:#2b3a67;--border-strong:#7a8bb7;--border-focus:#07c190;--border-selected:#07c190;--border-proof:#ffc233;--border-wrong:#ffa69c;--border-gap:#feaa76;--bg-scrim:#000514b3;--bg-page-clear:#060f3500;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-short:0s;--dur-medium:0s;--dur-long:0s;--dur-count:0s}}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}*,:before,:after{box-sizing:border-box}body{background:var(--bg-page);color:var(--text-primary);font:var(--type-body-m);margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,input,select,textarea{font:inherit}input,select,textarea{font-size:16px}:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}