:root{--bg: #fffaf0;--surface: #ffffff;--surface-2: #f6f0e3;--line: #e2d8c3;--ink: #1d2733;--ink-soft: #4a5563;--primary: #1f6fb2;--primary-strong: #17578c;--primary-soft: #e3effa;--on-primary: #ffffff;--changed: #c25a12;--changed-soft: #fdebd9;--ok: #2b7a4b;--ok-soft: #e0f2e7;--warn: #8a5a00;--warn-soft: #fff1cc;--stop: #b3261e;--stop-soft: #fbe3e1;--focus: #ffbf00;--subj-kokugo: #c0392b;--subj-math: #1f6fb2;--subj-science: #2b7a4b;--subj-social: #8a5a00;--subj-life: #6d8c1f;--subj-english: #6a3fb0;--subj-music: #b0357a;--subj-art: #b3541e;--subj-pe: #0f7c85;--subj-home: #7a5230;--subj-moral: #a8325e;--subj-general: #4d5b6b;--font: "BIZ UDPGothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", system-ui, sans-serif;--font-num: "BIZ UDGothic", ui-monospace, "SFMono-Regular", monospace;--fs-body: 1.125rem;--fs-small: 1rem;--fs-h1: clamp(1.6rem, 1.2rem + 2vw, 2.4rem);--fs-h2: clamp(1.3rem, 1.1rem + 1vw, 1.7rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius: 14px;--radius-s: 8px;--tap: 48px;--shadow: 0 2px 0 rgba(29, 39, 51, .08), 0 8px 24px rgba(29, 39, 51, .06);--maxw: 72rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);line-height:1.8;overflow-wrap:anywhere}h1,h2,h3{line-height:1.35;margin:0 0 var(--space-3)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:1.2rem}p{margin:0 0 var(--space-3)}a{color:var(--primary-strong);text-underline-offset:.2em}:focus-visible{outline:4px solid var(--focus);outline-offset:2px;border-radius:4px}[tabindex="-1"]:focus{outline:none}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:var(--space-4);top:-4rem;background:var(--ink);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-s);z-index:10}.skip-link:focus{top:var(--space-2)}.site-header{background:var(--surface);border-bottom:2px solid var(--line)}.site-header__inner{max-width:var(--maxw);margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:1.3rem;color:var(--ink);text-decoration:none}.brand__mark{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:1.1rem}.site-header__status{margin-left:auto;font-size:var(--fs-small);color:var(--ink-soft)}main{max-width:var(--maxw);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7)}.site-footer{max-width:var(--maxw);margin:0 auto;padding:var(--space-5) var(--space-4);color:var(--ink-soft);font-size:var(--fs-small);border-top:2px solid var(--line)}.demo-banner{background:repeating-linear-gradient(-45deg,var(--warn-soft),var(--warn-soft) 12px,#fff7df 12px,#fff7df 24px);border-bottom:2px solid var(--warn);color:var(--ink);font-weight:700;text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--fs-small)}.lead{font-size:1.2rem;color:var(--ink-soft);max-width:44rem}.card{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow)}.stack>*+*{margin-top:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);min-width:var(--tap);padding:var(--space-2) var(--space-5);border-radius:999px;border:2px solid var(--primary);background:var(--primary);color:var(--on-primary);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.btn:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.btn--ghost{background:var(--surface);color:var(--primary-strong)}.btn--ghost:hover{background:var(--primary-soft)}.btn--small{min-height:40px;padding:var(--space-1) var(--space-4);font-size:var(--fs-small)}.btn[disabled],.btn[aria-disabled=true]{background:var(--surface-2);border-color:var(--line);color:var(--ink-soft);cursor:not-allowed}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.badge{display:inline-flex;align-items:center;gap:.3em;padding:0 .7em;border-radius:999px;font-size:.9rem;font-weight:700;border:2px solid currentColor;white-space:nowrap;line-height:1.8}.badge--ok{color:var(--ok);background:var(--ok-soft)}.badge--wait{color:var(--ink-soft);background:var(--surface-2)}.badge--warn{color:var(--warn);background:var(--warn-soft)}.badge--stop{color:var(--stop);background:var(--stop-soft)}.badge--changed{color:var(--changed);background:var(--changed-soft)}.gate{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:start;border-left-width:8px}.gate__icon{width:3.5rem;height:3.5rem;display:grid;place-items:center;border-radius:50%;font-size:1.6rem;font-weight:700;border:3px solid currentColor}.gate--login{border-left-color:var(--primary)}.gate--login .gate__icon{color:var(--primary);background:var(--primary-soft)}.gate--unavailable{border-left-color:var(--warn)}.gate--unavailable .gate__icon{color:var(--warn);background:var(--warn-soft)}.gate--offline,.gate--error{border-left-color:var(--stop)}.gate--offline .gate__icon,.gate--error .gate__icon{color:var(--stop);background:var(--stop-soft)}.gate__code{font-family:var(--font-num);font-size:.9rem;color:var(--ink-soft)}.grade-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:var(--space-3);list-style:none;padding:0;margin:0}.grade-picker__stage{margin:var(--space-5) 0 var(--space-2);font-size:1.1rem;color:var(--ink-soft)}.grade-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:5.5rem;border-radius:var(--radius);background:var(--surface);border:3px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;font-size:1.6rem;box-shadow:var(--shadow)}.grade-tile small{font-size:.85rem;font-weight:400;color:var(--ink-soft)}.grade-tile:hover,.grade-tile[aria-current=page]{border-color:var(--primary);background:var(--primary-soft)}.subject-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0;padding:0;list-style:none}.subject-tab{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-1) var(--space-4) var(--space-1) var(--space-1);border-radius:999px;border:2px solid var(--line);background:var(--surface);font:inherit;font-weight:700;color:var(--ink);cursor:pointer}.subject-tab[aria-pressed=true]{border-color:var(--subject, var(--primary));box-shadow:inset 0 0 0 2px var(--subject, var(--primary))}.subject-glyph{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--subject, var(--primary));color:#fff;font-weight:700;flex:none}.unit-map{list-style:none;margin:0;padding:0;position:relative}.unit-map:before{content:"";position:absolute;left:calc(1.5rem - 3px);top:1.5rem;bottom:1.5rem;border-left:6px dotted var(--line)}.unit-stop{position:relative;display:grid;grid-template-columns:3rem 1fr;gap:var(--space-3);align-items:center;padding:var(--space-2) 0}.unit-stop__num{position:relative;z-index:1;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--surface);border:3px solid var(--line);font-family:var(--font-num);font-weight:700}.unit-stop--open .unit-stop__num{background:var(--subject, var(--primary));border-color:var(--subject, var(--primary));color:#fff}.unit-stop__body{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:center;justify-content:space-between;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-4);min-height:var(--tap)}a.unit-stop__body{color:var(--ink);text-decoration:none;border-color:var(--subject, var(--primary))}a.unit-stop__body:hover{background:var(--primary-soft)}.unit-stop__title{font-weight:700}.unit-stop--closed .unit-stop__title{color:var(--ink-soft)}.lesson-head{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:baseline;margin-bottom:var(--space-3)}.lesson-head__meta{color:var(--ink-soft);font-size:var(--fs-small)}.stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1);list-style:none;margin:0 0 var(--space-5);padding:0;counter-reset:step}.stepper__item{text-align:center;font-size:.85rem;color:var(--ink-soft);border-top:6px solid var(--line);padding-top:var(--space-1);line-height:1.4}.stepper__item--done{border-top-color:var(--ok);color:var(--ink)}.stepper__item--current{border-top-color:var(--primary);color:var(--ink);font-weight:700}.stepper__mark{display:block;font-family:var(--font-num)}.step-question{font-size:clamp(1.35rem,1.1rem + 1.2vw,1.9rem);font-weight:700;line-height:1.5;margin-bottom:var(--space-4)}.step-nav{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap}.step-nav__hint{color:var(--ink-soft);font-size:var(--fs-small);flex-basis:100%;text-align:right}.lab{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-5);align-items:start}@media(max-width:52rem){.lab{grid-template-columns:1fr}}.figure{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:var(--space-3);margin:0}.figure canvas,.figure svg{display:block;width:100%;height:auto}.figure figcaption{font-size:var(--fs-small);color:var(--ink-soft);margin-top:var(--space-2)}.control{border:2px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-4);background:var(--surface);margin:0 0 var(--space-3)}.control--changed{border-color:var(--changed);background:var(--changed-soft)}.control__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap}.control__value{font-family:var(--font-num);font-size:1.4rem;font-weight:700}.control__row{display:grid;grid-template-columns:var(--tap) 1fr var(--tap);gap:var(--space-2);align-items:center}.control__row .btn{padding:0}input[type=range]{width:100%;height:var(--tap);accent-color:var(--primary);margin:0}.readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-3);margin:var(--space-3) 0}.readout__cell{background:var(--surface-2);border-radius:var(--radius-s);padding:var(--space-2) var(--space-3)}.readout__label{font-size:.9rem;color:var(--ink-soft);display:block}.readout__num{font-family:var(--font-num);font-size:1.6rem;font-weight:700}.note{border-radius:var(--radius-s);padding:var(--space-3) var(--space-4);background:var(--surface-2);border-left:6px solid var(--ink-soft)}.note--warn{background:var(--warn-soft);border-left-color:var(--warn)}.note--ok{background:var(--ok-soft);border-left-color:var(--ok)}.note--retry{background:var(--changed-soft);border-left-color:var(--changed)}.choices{display:grid;gap:var(--space-2);margin:0 0 var(--space-4);padding:0;border:0}.choices legend{font-weight:700;margin-bottom:var(--space-2);padding:0}.choice{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) var(--space-4);border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.choice:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.choice input{width:1.4rem;height:1.4rem;accent-color:var(--primary);flex:none}select,textarea,input[type=text]{font:inherit;min-height:var(--tap);padding:var(--space-1) var(--space-3);border:2px solid var(--ink-soft);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);max-width:100%}textarea{width:100%;min-height:6rem}.compare-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden}.compare-table th,.compare-table td{border:2px solid var(--line);padding:var(--space-2) var(--space-3);text-align:left}.compare-table td.num{font-family:var(--font-num);font-weight:700}.compare-table tr.is-changed td,.compare-table tr.is-changed th{background:var(--changed-soft)}.table-scroll{overflow-x:auto}.explain-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.explain-tabs [role=tab]{min-height:var(--tap);padding:var(--space-1) var(--space-4);border-radius:999px;border:2px solid var(--line);background:var(--surface);font:inherit;font-weight:700;color:var(--ink);cursor:pointer}.explain-tabs [role=tab][aria-selected=true]{border-color:var(--primary);background:var(--primary-soft)}.explain-panel{min-height:12rem}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-4)}.sentence-builder{font-size:1.2rem;line-height:2.6}.sentence-builder select{margin:0 .2em}@media(max-width:30rem){main{padding:var(--space-4) var(--space-3) var(--space-6)}.card{padding:var(--space-4)}.stepper__label{display:none}}@media(prefers-reduced-motion:reduce){:root:not([data-motion=on]) *,:root:not([data-motion=on]) *:before,:root:not([data-motion=on]) *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{transition:none!important;animation:none!important}svg [class*=anim-]{transform-box:view-box}.anim-swing{animation:ks-swing 1.7s ease-in-out infinite alternate}.anim-swing-small{animation:ks-swing-small 1.2s ease-in-out infinite alternate}.anim-swing-slow{animation:ks-swing 2.6s ease-in-out infinite alternate}.anim-grow{animation:ks-grow 3.2s ease-in-out infinite alternate}.anim-drop{animation:ks-drop 5s ease-out infinite both}.anim-bob{animation:ks-bob 2.4s ease-in-out infinite alternate}.anim-float{animation:ks-float 2.2s ease-in-out infinite alternate}.anim-spin-slow{animation:ks-spin 30s linear infinite}.anim-drift{animation:ks-drift 9s ease-in-out infinite alternate}.anim-wave{animation:ks-wave .7s ease-in-out infinite alternate}.anim-cheer{animation:ks-wave .35s ease-in-out infinite alternate}.anim-breathe{animation:ks-breathe 3s ease-in-out infinite alternate}.anim-hop{animation:ks-hop .55s ease-in-out infinite alternate}.anim-blink{animation:ks-blink 4.5s linear infinite}.anim-sway{animation:ks-sway 3.4s ease-in-out infinite alternate}.anim-sparkle{animation:ks-sparkle 1.2s ease-in-out infinite alternate}.anim-beat{animation:ks-beat 1.1s ease-in-out infinite}.anim-pop{animation:ks-pop .5s cubic-bezier(.3,1.6,.5,1) both;transform-box:fill-box;transform-origin:center}.anim-fall{animation:ks-fall .45s ease-in both}.anim-pulse{animation:ks-pulse 1.8s ease-out infinite}@keyframes ks-swing{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}@keyframes ks-swing-small{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes ks-grow{0%{transform:scale(.55)}to{transform:scale(1.05)}}@keyframes ks-drop{0%{transform:translateY(-90px);opacity:0}12%{transform:translateY(0);opacity:1}16%{transform:translateY(-6px)}20%{transform:translateY(0)}88%{opacity:1}to{opacity:0}}@keyframes ks-bob{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes ks-float{0%{transform:translateY(0);opacity:.6}to{transform:translateY(-6px);opacity:1}}@keyframes ks-spin{to{transform:rotate(360deg)}}@keyframes ks-drift{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes ks-wave{0%{transform:rotate(-14deg)}to{transform:rotate(22deg)}}@keyframes ks-breathe{0%{transform:scale(1)}to{transform:scale(1.02,1.04)}}@keyframes ks-hop{0%{transform:translateY(0)}to{transform:translateY(-9px)}}@keyframes ks-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes ks-sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes ks-sparkle{0%{opacity:.3}to{opacity:1}}@keyframes ks-beat{0%,to{transform:scale(1)}30%{transform:scale(1.14)}}@keyframes ks-pop{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ks-fall{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ks-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--subject, var(--primary)) 55%,transparent)}to{box-shadow:0 0 0 14px transparent}}.motion-toggle{white-space:nowrap}.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-5);align-items:center;margin-bottom:var(--space-5)}.hero h1{font-size:clamp(1.9rem,1.3rem + 2.6vw,3rem);line-height:1.25}.hero h1 em{font-style:normal;color:var(--primary);background:linear-gradient(transparent 62%,#ffe08a 62%)}.hero-scene{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(29,39,51,.12))}@media(max-width:48rem){.hero{grid-template-columns:1fr}}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-4);margin:var(--space-5) 0}.feature{display:grid;grid-template-columns:96px 1fr;gap:var(--space-3);align-items:center;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.feature svg{width:96px;height:72px}.feature h3{margin:0}.feature p{margin:0;font-size:var(--fs-small);color:var(--ink-soft)}.section-title{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-6)}.grade-picker{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}.grade-tile{position:relative;min-height:9rem;padding:var(--space-2) var(--space-2) var(--space-3);gap:0;background:linear-gradient(#fff 55%,#f3f9ec);transition:transform .18s ease,box-shadow .18s ease}.grade-tile .growth-icon{width:64px;height:64px}.grade-tile:hover,.grade-tile:focus-visible{transform:translateY(-4px) rotate(-1deg);box-shadow:0 10px 22px #1d273324}.grade-tile--j{background:linear-gradient(#fff 55%,#e8f2fb)}.subject-tab{padding-left:var(--space-1);transition:transform .15s ease}.subject-tab:hover{transform:translateY(-2px)}.subject-art{flex:none;display:block}.lane-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:linear-gradient(120deg,color-mix(in srgb,var(--subject) 16%,#fff),#fff 70%);border:2px solid color-mix(in srgb,var(--subject) 40%,var(--line));margin-bottom:var(--space-4)}.lane-banner h2{margin:0}.lane-banner p{margin:0;color:var(--ink-soft)}.unit-map{--road: #eadcbf;padding:var(--space-3) 0}.unit-map:before{left:50%;transform:translate(-50%);top:0;bottom:0;width:26px;border-left:none;border-radius:13px;background:linear-gradient(to bottom,#fff 50%,transparent 50%) center / 4px 22px repeat-y,var(--road)}.unit-stop{grid-template-columns:1fr 4.5rem 1fr;gap:var(--space-3);padding:var(--space-2) 0}.unit-stop__num{grid-column:2;grid-row:1;justify-self:center;width:3.4rem;height:3.4rem;font-size:1.2rem;box-shadow:0 3px #1d273326}.unit-stop__body{grid-row:1;position:relative;box-shadow:var(--shadow)}.unit-stop:nth-child(odd) .unit-stop__body{grid-column:1}.unit-stop:nth-child(2n) .unit-stop__body{grid-column:3}.unit-stop--open .unit-stop__num{animation:ks-pulse 1.8s ease-out infinite}.unit-stop__guide{grid-row:1;align-self:center;display:flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--subject, var(--primary))}.unit-stop:nth-child(odd) .unit-stop__guide{grid-column:3}.unit-stop:nth-child(2n) .unit-stop__guide{grid-column:1;justify-self:end;flex-direction:row-reverse}a.unit-stop__body{transition:transform .15s ease}a.unit-stop__body:hover{transform:translateY(-3px)}.unit-map__goal{display:flex;justify-content:center;margin-top:var(--space-2)}@media(max-width:40rem){.unit-map:before{left:1.7rem}.unit-stop{grid-template-columns:3.4rem 1fr}.unit-stop__num{grid-column:1}.unit-stop:nth-child(odd) .unit-stop__body,.unit-stop:nth-child(2n) .unit-stop__body{grid-column:2}.unit-stop__guide{display:none}}.gate{grid-template-columns:112px 1fr;align-items:center}.gate .mascot{width:112px;height:112px}@media(max-width:30rem){.gate{grid-template-columns:1fr;justify-items:start}.gate .mascot{width:88px;height:88px}}.feedback{display:flex;gap:var(--space-3);align-items:center}.feedback .mascot{flex:none}.feedback .note{margin:0;flex:1}.lesson-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);align-items:center}@media(max-width:48rem){.lesson-intro{grid-template-columns:1fr}}.preview{background:linear-gradient(#e7f3fd,#fffaf0);border-radius:var(--radius);border:2px solid var(--line);padding:var(--space-3)}.preview svg{width:100%;height:auto;display:block}.journey{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:var(--space-3) 0}.journey li{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.85rem;font-weight:700;color:var(--ink-soft);min-width:4.2rem}.journey svg{width:44px;height:44px}.celebrate{text-align:center}.celebrate .mascot{margin:0 auto;display:block}.anim-touch-slide{animation:ks-touch-slide 2.4s ease-in-out infinite alternate}.anim-touch-grow{animation:ks-touch-grow 2.4s ease-in-out infinite alternate}.anim-type{animation:ks-type 3.6s ease-out infinite both}@keyframes ks-touch-slide{0%{transform:translate(0)}to{transform:translate(56px)}}@keyframes ks-touch-grow{0%{transform:scale(.35)}to{transform:scale(1)}}@keyframes ks-type{0%{transform:scaleX(0)}30%,to{transform:scaleX(1)}}svg .anim-pop{transform-box:fill-box;transform-origin:center}.lesson-head{margin-bottom:var(--space-2)}.lesson-head h1{font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem);margin:0}.stepper{margin-bottom:var(--space-3)}.step{position:relative;overflow:clip;padding:var(--space-4) var(--space-5) 0}.step-question{font-size:clamp(1.25rem,1.05rem + 1vw,1.7rem);margin-bottom:var(--space-3)}.step__grid,.step__head{position:relative;z-index:1}.step--split .step__grid{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:var(--space-5);align-items:start}.step--split .step__visual{position:sticky;top:var(--space-3)}.step__visual .figure{margin:0}.step__visual svg{max-height:52vh}@media(max-width:52rem){.step--split .step__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.step--split .step__visual{position:static}.step__visual svg{max-height:30vh}}.step-nav{position:sticky;bottom:0;z-index:3;margin:var(--space-4) calc(-1 * var(--space-5)) 0;padding:var(--space-3) var(--space-5);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(6px);border-top:2px solid var(--line)}.step-nav__hint{margin:0}.choices .choice{min-height:52px}.choices--grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}.step--backdrop{color:#fff;min-height:min(78vh,44rem);display:flex;flex-direction:column}.step--backdrop .step__grid{flex:1}.step__backdrop{position:absolute;inset:0;z-index:0;background:#1d2733}.step__backdrop video,.step__backdrop .backdrop-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.step__backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a121c9e,#0a121c26 45%,#0a121cb3);pointer-events:none}.step--backdrop .step__head{padding-top:2.6rem;text-shadow:0 2px 8px rgba(0,0,0,.55)}.step--backdrop .step__main{max-width:40rem;text-shadow:0 2px 8px rgba(0,0,0,.55)}.step--backdrop .lesson-head__meta,.step--backdrop .step-question{color:#fff}.step--backdrop .panel{background:#fffffff0;color:var(--ink);text-shadow:none;border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.step--backdrop .step-nav{margin-top:auto;color:var(--ink);text-shadow:none}.video-chip{position:absolute;right:var(--space-3);top:var(--space-3);z-index:2;display:flex;align-items:center;gap:var(--space-2);background:#0a121cb8;color:#fff;border-radius:999px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);font-size:.85rem;text-shadow:none;max-width:calc(100% - 2 * var(--space-3))}.video-chip button{min-height:36px;border-radius:999px;border:2px solid #fff;background:transparent;color:#fff;font:inherit;font-weight:700;padding:0 var(--space-3);cursor:pointer}.stage-bar{margin-top:var(--space-2);gap:var(--space-2)}.stage-bar__time{display:inline-flex;align-items:baseline;gap:var(--space-1);background:var(--surface-2);border-radius:var(--radius-s);padding:0 var(--space-3);min-width:7.5rem}.stage-bar__time .readout__num{font-size:1.3rem}.figure figcaption{margin-top:var(--space-1)}.anim-shadow{animation:ks-shadow 2.6s ease-in-out infinite alternate}@keyframes ks-shadow{0%{transform:translate(-180px)}to{transform:translate(180px)}}.anim-turn{animation:ks-turn .7s cubic-bezier(.3,1.3,.5,1) both}@keyframes ks-turn{0%{transform:rotate(-90deg) scale(.85);opacity:.4}to{transform:rotate(0) scale(1);opacity:1}}.stage-more summary{cursor:pointer;min-height:40px;display:inline-flex;align-items:center;font-size:var(--fs-small);color:var(--primary-strong);font-weight:700}.stage-more>.btn-row{margin-top:var(--space-2)}@media(max-width:52rem){.step{padding:var(--space-3) var(--space-3) 0}.step-nav{margin-left:calc(-1 * var(--space-3));margin-right:calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3)}.step__visual figcaption{display:none}}.xylo-keys{display:flex;align-items:flex-start;gap:6px}.xylo-key{flex:1;min-width:0;border-radius:10px;border:2px solid #1d2733;background:var(--bar);color:#1d2733;font:inherit;font-weight:700;font-size:.95rem;padding:4px 0 0;display:flex;justify-content:center;align-items:flex-start;cursor:pointer;box-shadow:0 3px #1d27334d}.xylo-key:active{transform:translateY(3px);box-shadow:none}.xylo-key--next{outline:4px solid #1d2733;outline-offset:2px;animation:ks-beat 1s ease-in-out infinite}.compare-bar{flex-direction:column;align-items:stretch;background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:var(--radius);gap:var(--space-2);padding:var(--space-3)}.compare-bar:hover{background:var(--primary-soft);border-color:var(--primary)}.compare-bar__stick{display:block;height:22px;border-radius:6px;background:var(--bar);border:2px solid #1d2733}.stage3d{position:relative;border-radius:var(--radius);overflow:hidden;border:2px solid var(--line);background:#eef6fd}.stage3d canvas{display:block;touch-action:none}.stage3d__view{position:absolute;left:var(--space-2);bottom:var(--space-2);display:flex;gap:var(--space-1);align-items:center}.stage3d__view .btn{min-width:40px;padding:0 var(--space-2);background:#ffffffe6}.stage3d__hint{font-size:.8rem;color:#fff;background:#0a121c8c;padding:2px 8px;border-radius:999px}.net-option{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.choice--card{align-items:center}.kanji-chip{font-size:1.8rem;font-weight:700;line-height:1;font-family:UD Digi Kyokasho N-R,YuKyokasho,Hiragino Mincho ProN,serif}.demo-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-4)}.demo-card{display:flex;flex-direction:column;height:100%;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s ease}.demo-card:hover{transform:translateY(-4px);border-color:var(--subject)}.demo-card__img{display:grid;place-items:center;aspect-ratio:16 / 10;background:color-mix(in srgb,var(--subject) 14%,#fff)}.demo-card__img img{width:100%;height:100%;object-fit:cover}.demo-card__body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4)}.demo-card__body strong{font-size:1.2rem}.demo-card__body span:last-child{color:var(--ink-soft);font-size:var(--fs-small)}.snapshot-mode .site-header,.snapshot-mode .site-footer,.snapshot-mode .demo-banner,.snapshot-mode .skip-link{display:none!important}.snapshot-mode main{max-width:none;padding:0}.snapshot-mode .stage3d{border:0;border-radius:0}.moon-stage{position:relative}.moon-stage__inset{position:absolute;top:10px;left:10px;width:26.25%;aspect-ratio:1;border:3px solid rgba(255,255,255,.85);border-radius:6px;pointer-events:none;color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;text-shadow:0 1px 3px #000}.stage3d--fallback+.moon-stage__inset{display:none}.manip-svg{display:block;width:100%;height:auto;max-height:46vh}.manip-sentence{margin:var(--space-2) 0 0;font-size:1.25rem;font-weight:700;text-align:center;font-family:var(--font-num),var(--font)}.clock-face{max-width:320px;margin:0 auto;touch-action:none;cursor:grab}.place-table{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.place-col{border:2px solid var(--line);border-radius:var(--radius-s);text-align:center;background:#fff}.place-col__head{background:var(--surface-2);font-weight:700;font-size:.9rem}.place-col__num{font-family:var(--font-num);font-size:1.6rem;font-weight:700}.place-grid{border-collapse:collapse;margin:0 auto;background:#fff}.place-grid th,.place-grid td{border:2px solid var(--line);padding:4px 8px;text-align:center;min-width:2.6rem}.place-grid th{font-size:.8rem;background:var(--surface-2);white-space:nowrap}.place-grid td{font-family:var(--font-num);font-size:1.8rem;font-weight:700;position:relative}.place-grid__man{border-left:4px solid var(--ink)!important}.place-grid__dot{position:absolute;right:-6px;bottom:2px;font-size:1.6rem;color:#e8633a}.expr-card{background:#fff;border-radius:var(--radius-s);padding:var(--space-3) var(--space-4)}.expr-card__expr{font-family:var(--font-num);font-size:2rem;font-weight:700;text-align:center;margin-bottom:var(--space-2)}.anim-spin-motor{animation:ks-spin 1s linear infinite}.anim-attract{animation:ks-attract .8s ease-in-out infinite alternate}@keyframes ks-attract{0%{transform:translate(0)}to{transform:translate(-60px)}}.anim-string{animation:ks-string .4s linear infinite alternate}@keyframes ks-string{0%{opacity:1}to{opacity:.2}}.life-steps{list-style:none;padding:0;margin:var(--space-2) 0;display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center}.life-steps button{min-height:40px;border-radius:999px;border:2px solid var(--line);background:var(--surface);font:inherit;font-size:.9rem;padding:0 var(--space-3);cursor:pointer}.life-steps .is-done button{border-color:var(--ok)}.life-steps .is-current button{border-color:var(--primary);background:var(--primary-soft);font-weight:700}.btn--ghost[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.btn--ghost[aria-pressed=true]:before{content:"✓ "}.anim-flow{animation:ks-dash 1.2s linear infinite}@keyframes ks-dash{to{stroke-dashoffset:-28}}.season-notes{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);margin:var(--space-2) 0 0}.season-notes dt{font-weight:700}.season-notes dd{margin:0}.anim-flicker{transform-box:fill-box;transform-origin:50% 100%;animation:ks-flicker .6s ease-in-out infinite alternate}@keyframes ks-flicker{to{transform:scaleY(1.12) scaleX(.94)}}.timeline-list{list-style:none;padding:0;margin:var(--space-2) 0 0;display:grid;gap:var(--space-1)}.timeline-list li{padding:var(--space-1) var(--space-2);border-left:4px solid var(--line);background:var(--surface)}.timeline-list li.is-current{border-left-color:var(--primary);font-weight:700}.flow-title{font-weight:700;margin:0 0 var(--space-2)}.flow-steps{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.flow-steps li{display:flex;align-items:center}.flow-steps li+li:before{content:"→";margin-right:var(--space-1);color:var(--muted, #5a6573)}.flow-steps button{min-height:44px;border-radius:12px;border:2px solid var(--line);background:var(--surface);font:inherit;padding:var(--space-1) var(--space-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.flow-steps__n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--line);font-size:.8rem}.flow-steps .is-done button{border-color:var(--ok)}.flow-steps .is-current button{border-color:var(--primary);background:var(--primary-soft);font-weight:700}.flow-steps .is-current .flow-steps__n{background:var(--primary);color:#fff}.table-wrap{overflow-x:auto}.dhondt{border-collapse:collapse;margin:0 auto;font-variant-numeric:tabular-nums}.dhondt caption{font-size:.9rem;margin-bottom:var(--space-1)}.dhondt th,.dhondt td{border:1px solid var(--line);padding:6px 10px;text-align:right}.dhondt td.is-win{background:var(--primary-soft);font-weight:700}.cards-tray{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2);border:2px dashed var(--line);border-radius:12px;min-height:56px;margin:var(--space-2) 0}.card-chip{min-height:44px;border-radius:10px;border:2px solid var(--line);background:var(--surface);font:inherit;padding:var(--space-1) var(--space-2);cursor:pointer;text-align:left}.card-chip[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);font-weight:700;outline:3px solid var(--primary);outline-offset:1px}.card-chip.is-ok{border-color:var(--ok)}.card-chip.is-ng{border-color:#c0392b;border-style:dashed}.cards-bins{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2)}.cards-bin{border:2px solid var(--line);border-radius:12px;padding:var(--space-2);background:var(--surface);min-height:110px}.cards-bin__put{width:100%}.cards-bin__items{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-1)}.cards-bin.is-cat0{border-top:6px solid #1f6fb2}.cards-bin.is-cat1{border-top:6px solid #e8633a}.cards-bin.is-cat2{border-top:6px solid #2b7a4b}.cards-bin.is-cat3{border-top:6px solid #b58be0}.cards-bin.is-cat4{border-top:6px solid #f2a93b}.cards-sentence{font-size:1.3rem;line-height:2.2;margin:0}.cards-sentence__w{padding:2px 4px;border-bottom:3px solid transparent}.cards-sentence__w.is-cat0{border-bottom-color:#1f6fb2}.cards-sentence__w.is-cat1{border-bottom-color:#e8633a}.cards-sentence__w.is-cat2{border-bottom-color:#2b7a4b}.cards-sentence__w.is-cat3{border-bottom-color:#b58be0}.order-answer{list-style:none;padding:0;margin:var(--space-2) 0;display:grid;gap:6px}.order-answer li{display:flex;gap:var(--space-2);align-items:center}.order-answer__n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--line);font-weight:700;flex:none}.order-answer li.is-ok .order-answer__n{background:var(--ok);color:#fff}.order-answer li.is-ng .order-answer__n{background:#c0392b;color:#fff}.order-answer__empty{color:var(--muted, #6a7888);border-bottom:2px dashed var(--line);flex:1;padding:6px 0}.lab.lab--wide{grid-template-columns:minmax(0,1fr)}.kana-table{display:grid;gap:4px;direction:ltr}.kana-cell{min-height:44px;font-size:1.3rem;border:2px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;font-family:inherit}.kana-cell[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);font-weight:700}.kana-pair{margin-top:var(--space-3);border-top:2px solid var(--line);padding-top:var(--space-2)}.mora-rows{display:grid;gap:6px;margin:var(--space-2) 0}.mora-row{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.mora{display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:6px;font-size:1.1rem;border:1px solid rgba(0,0,0,.1)}.mora-n{margin-left:8px}.mora-n.is-over{color:#b45309}.mora-input{display:grid;gap:4px;margin-top:var(--space-2)}.mora-input input{min-height:44px;font:inherit;font-size:1.1rem;padding:0 var(--space-2);border:2px solid var(--line);border-radius:10px}.kobun-compare p{font-size:1.15rem;margin:6px 0}.kobun-label{display:inline-block;min-width:8em;font-size:.85rem;color:var(--muted, #5a6573)}.kobun-rules ul{margin:6px 0;padding-left:1.2em}.kanbun{display:flex;flex-wrap:wrap;gap:10px;margin:var(--space-2) 0}.kanbun__c{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:end;padding:6px 8px;border:2px solid var(--line);border-radius:10px;min-width:64px}.kanbun__ch{font-size:2.2rem;grid-row:1;grid-column:1}.kanbun__mark{grid-row:1;grid-column:2;font-size:.95rem;color:#c0392b;font-weight:700;align-self:end}.kanbun__n{grid-row:2;grid-column:1 / span 2;font-size:.85rem;text-align:center;min-height:1.2em}.kanbun__c.is-read{border-color:var(--primary);background:var(--primary-soft)}.kanbun__c.is-oki{opacity:.55}.kparts{display:grid;gap:var(--space-2)}.kparts__result{font-size:1.6rem;text-align:center;margin:var(--space-2) 0}.eng-sentence{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.6rem;text-align:center;margin:var(--space-3) 0 var(--space-1)}.chat{display:grid;gap:6px;margin-bottom:var(--space-2);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.chat p{margin:0;padding:8px 12px;border-radius:14px;max-width:90%}.chat__a{background:#eef2f5}.chat__b{background:var(--primary-soft);margin-left:auto!important}.nutri-row{display:grid;grid-template-columns:minmax(8em,14em) 1fr auto;gap:8px;align-items:center}.nutri-row__name{padding-left:6px;font-size:.9rem}.nutri-row__bar{height:14px;border-radius:7px;transition:width .3s}.prog-code,.prog-list{font-family:ui-monospace,Menlo,monospace;background:#f5f7fa;border-radius:8px;padding:8px 12px 8px 2em;margin:8px 0;min-height:2em}.dilemma-story{background:#fff8e6;border-left:5px solid #f2c26b;padding:10px 14px;border-radius:8px;line-height:1.8}.dilemma-views{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:10px 0}.dilemma-views div{background:var(--surface);border:2px solid var(--line);border-radius:10px;padding:8px 10px}.dilemma-views dt{font-weight:700;font-size:.9rem}.dilemma-views dd{margin:4px 0 0}.rhythm{display:grid;gap:8px}.rhythm__bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(36px,1fr));gap:4px;padding:6px;border-left:3px solid var(--ink, #1d2733);border-right:3px solid var(--ink, #1d2733)}.rhythm__cell{min-height:48px;font-size:1.3rem;border:2px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}.rhythm__cell.is-beat{background:#eef4fb}.rhythm__cell[aria-pressed=true]{color:var(--primary);font-weight:700}.rhythm__cell.is-now{outline:3px solid #f2a93b;outline-offset:1px}.rb ruby{ruby-position:over;ruby-align:center}.rb rt{font-size:max(.5em,10px);font-weight:500;letter-spacing:0;line-height:1;color:inherit;opacity:.85;user-select:none}:where(p,li,label,legend,h1,h2,h3,button,td,th,span):has(>.rb){line-height:2.05}.write{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:640px){.write{grid-template-columns:1fr}}.write__pad{position:relative;width:100%;max-width:360px;aspect-ratio:1;margin-inline:auto;background:#fffdf7;border-radius:10px;box-shadow:inset 0 0 0 2px var(--line)}.write__guide,.write__canvas{position:absolute;inset:0;width:100%;height:100%}.write__canvas{touch-action:none;cursor:crosshair}.write__box{fill:none;stroke:#c9b98f;stroke-width:.8}.write__cross{stroke:#d8cba8;stroke-width:.6;stroke-dasharray:2 2}.write__model{fill:none;stroke:#d9dde3;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.write__hint{fill:none;stroke:#1f6fb259;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.write__demo{fill:none;stroke:#9aa5b1;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.write__demo--now{stroke:var(--changed);stroke-dasharray:1;stroke-dashoffset:1;animation:write-draw .8s ease-out forwards}@keyframes write-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.write__demo--now{animation:none;stroke-dashoffset:0}}:root[data-motion=off] .write__demo--now{animation:none;stroke-dashoffset:0}.write__num{font-size:7px;font-weight:700;fill:var(--changed)}.write__start{fill:var(--changed)}.write__loading{position:absolute;inset:0;display:grid;place-items:center;margin:0}.write__side{display:grid;gap:10px}.write__char{margin:0;font-size:3rem;line-height:1;font-family:Klee One,UD Digi Kyokasho N-R,YuKyokasho,serif}.write__count{display:inline-block;min-width:5.5em;font-weight:700}.write__msg--ok{color:var(--ok)}.write__msg--ng{color:var(--stop)}.write__picker{display:grid;gap:8px;margin-top:12px}.write__chars{display:flex;flex-wrap:wrap;gap:6px}.write__chars .kana-cell{position:relative;min-width:48px;font-size:1.4rem}.write__done{position:absolute;top:-4px;right:-2px;font-size:.8rem;color:var(--ok)}.write__credit a{color:inherit}.write__line{stroke:#9fb4c8;stroke-width:.6}.write__line--base{stroke:#d0605a;stroke-width:.9}.write__char--latin{font-family:Andika,Century Gothic,Futura,sans-serif}.copy{display:grid;gap:12px}.copy__model{display:grid;gap:2px}.copy__en{margin:0;font-size:clamp(1.4rem,4.5vw,2rem);font-family:Andika,Century Gothic,Futura,sans-serif;letter-spacing:.04em;overflow-wrap:anywhere}.copy__c--done{color:var(--ok)}.copy__c--now{background:var(--changed-soft);border-bottom:3px solid var(--changed)}.copy__ja{margin:0;color:var(--ink-soft)}.copy__pad{position:relative;width:100%;background:#fffdf7;border-radius:10px;box-shadow:inset 0 0 0 2px var(--line)}.copy__model-stroke{stroke-width:5}.copy__slot{stroke:#b7c3cf;stroke-width:1.2;stroke-linecap:round}.copy__slot--now{stroke:var(--changed);stroke-width:2}.speak{display:grid;gap:8px;padding-top:10px;border-top:1px dashed var(--line)}.speak__consent{padding:10px 12px;border-radius:8px;background:var(--warn-soft)}.speak__consent p{margin:0 0 6px}.speak__words{display:flex;flex-wrap:wrap;gap:6px;margin:0}.speak__w{padding:2px 8px;border-radius:999px;font-weight:700}.speak__w--ok{background:var(--ok-soft);color:var(--ok)}.speak__w--ng{background:var(--warn-soft);color:var(--warn)}.figure .write__guide,.figure .write__canvas{position:absolute;inset:0;width:100%;height:100%}.listen{display:grid;gap:10px}.listen__en{margin:0;font-size:clamp(1.3rem,4.2vw,1.9rem);font-family:Andika,Century Gothic,Futura,sans-serif;overflow-wrap:anywhere}.listen__stress{font-weight:800;text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--changed)}.listen__link{display:inline-block;transform:translateY(.35em);color:var(--changed);font-weight:700}.listen__pause{color:var(--ink-soft);font-weight:700}.listen__up,.listen__down{color:var(--changed);font-weight:800}.listen__legend{margin:0}.listen__title{margin:0;font-weight:700}.listen__script{margin:0;padding:10px 12px;border-left:4px solid var(--changed);background:var(--changed-soft);line-height:1.7}.improv{display:grid;gap:10px}.improv__timer{margin:0;font-size:1.2rem}.improv__timer strong{font-size:1.8rem;color:var(--changed);font-variant-numeric:tabular-nums}.improv__review{display:grid;gap:6px}.improv__check{display:flex;gap:8px;align-items:center}.vocab{display:grid;gap:10px}.vocab__word{margin:0;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:700;font-family:Andika,Century Gothic,Futura,sans-serif;overflow-wrap:anywhere}.vocab__meaning{min-height:1.6em;font-size:1.2rem}.vocab__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.btn.vocab__choice--ok,.btn.vocab__choice--ok[disabled]{background:var(--ok-soft);border-color:var(--ok);color:var(--ink)}.btn.vocab__choice--ng,.btn.vocab__choice--ng[disabled]{background:var(--stop-soft);border-color:var(--stop);color:var(--ink)}.kread__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;max-height:320px;overflow-y:auto}.kread__cell{font-size:1.4rem;padding:4px 0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);cursor:pointer}.kread__cell[aria-pressed=true]{background:var(--changed-soft);border-color:var(--changed)}.kread__card{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.kread__big{font-size:2.6rem;line-height:1.1}.kread__q{margin:0}.nt{display:grid;gap:10px}.nt__svg{width:100%;max-width:720px;height:auto}.nt__line{stroke:var(--ink-soft);stroke-width:1}.nt__ink{fill:var(--ink)}.nt__hollow{fill:var(--surface);stroke:var(--ink);stroke-width:1.6}.nt__stroke{fill:none;stroke:var(--ink);stroke-width:1.6}.nt__txt{font-size:10px;fill:var(--ink-soft)}.nt__beat{fill:var(--primary-soft);stroke:var(--primary);stroke-width:.8}.nt__sign{font-size:20px;font-weight:700;fill:var(--changed)}.nt__sign--s{font-size:13px}.nt__bar{fill:var(--surface-2)}.nt__bar--on{fill:var(--changed-soft);stroke:var(--changed);stroke-width:2}.nt__label{font-size:18px;font-weight:700;fill:var(--ink)}.nt__now{color:var(--changed);font-weight:800}.or{display:grid;gap:10px}.or__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:center}.or__iso,.or__views{width:100%;max-height:320px}.or__face{stroke:var(--ink);stroke-width:1.2;stroke-linejoin:round}.or__face--top{fill:#f3e3c3}.or__face--front{fill:#d9b98a}.or__face--right{fill:#b98f5d}.or__face--hi{fill:var(--changed-soft);stroke:var(--changed);stroke-width:2}.or__frame{fill:none;stroke:var(--line);stroke-dasharray:3 3}.or__frame--hi{stroke:var(--changed);stroke-width:2;stroke-dasharray:none}.or__edge{stroke:var(--ink);stroke-width:2;stroke-linecap:round}.or__txt{font-size:12px;fill:var(--ink-soft)}.sk{display:grid;gap:8px}.sk__svg{width:100%;max-width:420px}.sk__edge{stroke:var(--line);stroke-width:2.5;stroke-linecap:round}.sk__edge--hidden{stroke-dasharray:5 4}.sk__lbl{font-size:13px;font-weight:700;fill:var(--ink)}.sk__face{fill:var(--primary-soft);opacity:.8}.sk--base{stroke:var(--ink);stroke-width:5;background:var(--ink)}.sk--par{stroke:var(--primary);stroke-width:4;background:var(--primary)}.sk--cross{stroke:var(--ok);stroke-width:4;background:var(--ok)}.sk--skew{stroke:var(--changed);stroke-width:4;background:var(--changed)}.sk--in{stroke:var(--ink);stroke-width:4;background:var(--ink)}.sk__list{margin:0;padding-left:1.2em}.sk__chip{display:inline-block;width:14px;height:6px;border-radius:3px;vertical-align:middle}.snt{display:grid;gap:10px}.snt__line{display:flex;flex-wrap:wrap;gap:6px;min-height:56px;align-items:flex-start;padding:8px;border:1px dashed var(--line);border-radius:8px}.snt__tile{display:inline-grid;justify-items:center;padding:4px 10px;border-radius:6px;font-size:1.15rem;background:var(--surface-2);border:2px solid var(--line)}.snt__tile--ng{border-color:var(--stop);background:var(--stop-soft)}.snt__tile--S{border-color:#1f6fb2}.snt__tile--V{border-color:#c0392b}.snt__tile--O,.snt__tile--O1,.snt__tile--O2{border-color:#2b7a4b}.snt__tile--C{border-color:#8a5a00}.snt__tile--do,.snt__tile--to{border-color:#6a3fb0}.snt__tile--M{border-color:var(--line)}.snt__tile--Aux,.snt__tile--Wh{border-color:#b3541e}.snt__role{font-size:.7rem;color:var(--ink-soft)}.inf__row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;align-items:center}@media(max-width:560px){.inf__row{grid-template-columns:1fr}}.inf__grid{width:100%;max-width:220px;margin:0 auto}.inf__legend span{margin-right:10px;white-space:nowrap}.inf__dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}.rx__pad{display:block;width:100%;min-height:140px;border:2px solid var(--line);border-radius:12px;font-size:1.4rem;font-weight:700;cursor:pointer;background:var(--surface-2);color:var(--ink);touch-action:manipulation}.rx__pad--wait{background:var(--stop-soft);border-color:var(--stop)}.rx__pad--go{background:#2b8a3e;border-color:#2b8a3e;color:#fff}.rx__pad--early{background:var(--warn-soft)}.rx__path{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.rx__step{padding:6px 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line)}.rx__step:not(:last-child):after{content:" →";color:var(--ink-soft)}.rx__step--brain{background:var(--changed-soft);border-color:var(--changed)}.rx__step--cord{background:var(--primary-soft);border-color:var(--primary)}.ineq__big{font-size:1.6rem;font-weight:700;text-align:center;margin:.4rem 0}.ct__table{border-collapse:collapse;margin:.5rem auto;font-size:1.05rem;max-width:100%}.ct__table th,.ct__table td{border:1px solid var(--line);padding:.3rem .6rem;text-align:center}.ct__table th{background:var(--surface-2)}.ond__text{font-size:1.25rem;line-height:2.2}.ond__chunk{border-radius:4px;padding:0 2px}.ond__chunk--now{background:var(--primary-soft)}.ond__chunk--stress{font-weight:700;text-decoration:underline wavy var(--primary)}.ond__gap{display:inline-block}.kg__sentence{font-size:1.3rem;text-align:center}.kg__on{background:var(--primary-soft);font-weight:700}.tc__label{display:block;font-weight:600;margin-bottom:.3rem}.tc__area{width:100%;box-sizing:border-box;font:inherit;font-size:1.05rem;padding:.5rem}.tc__tips{margin:.5rem 0;padding-left:1.2rem}.st__list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.st__para{border:1px solid var(--line);border-radius:6px;padding:.4rem .6rem}.st__para--claim{border-color:var(--primary);background:var(--primary-soft)}.st__label{display:block;font-size:.8rem;color:var(--ink-soft)}.lf__list{list-style:none;padding:0;margin:.5rem 0;display:grid;gap:.2rem}.lf__ok{color:var(--ok)}.lf__ng{color:var(--stop)}.eco__bar{display:inline-block;width:120px;height:10px;background:var(--line);border-radius:5px;overflow:hidden;vertical-align:middle}.eco__bar>span{display:block;height:100%}.mel__title{margin:0 0 .3rem}.sum__list{list-style:none;padding:0;margin:0;display:grid;gap:.3rem}.sum__s{width:100%;text-align:left;font:inherit;padding:.4rem .6rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);cursor:pointer}.sum__s--on{border-color:var(--primary);background:var(--primary-soft);font-weight:600}.sum__role{display:inline-block;color:#fff;font-size:.75rem;border-radius:4px;padding:0 .35rem;margin-right:.4rem;vertical-align:middle}.sum__out{border-left:4px solid var(--primary);padding:.3rem .6rem;background:var(--surface-2)}.fl__clues{list-style:none;padding:0;margin:0 0 .4rem;display:grid;gap:.3rem}@media(max-width:520px){.more-svg text[font-size="9"],.more-svg text[font-size="10"],.more-svg text[font-size="11"],.more-svg text[font-size="12"]{font-size:14px}}.cv__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:8px 0}.cv__box{display:inline-flex;flex-direction:column;align-items:center;padding:8px 14px;border:2px solid #1d2733;border-radius:10px;font-size:18px;font-weight:700;min-width:120px}.cv__box small{font-size:12px;font-weight:400;color:#4a5563}.cv__box--p{background:#e3effa}.cv__box--q{background:#fdebd9}.cv__arrow{font-weight:700}.cv__verdict{text-align:center;font-weight:700}.cv__verdict--ok{color:#2b8a3e}.cv__verdict--ng{color:#c92a2a}.rh__pair{display:grid;gap:8px;margin:8px 0}.rh__line{margin:0;padding:10px 14px;border:2px solid #1d2733;border-radius:10px;font-size:20px;background:#fff}.rh__line small{display:block;font-size:12px;color:#4a5563}.rh__line--new{background:#fdebd9}.ci__paper{border:1px solid #adb5bd;border-radius:8px;padding:12px 16px;background:#fff;line-height:1.9}.ci__source{margin:8px 0 0;font-size:.9em;color:#4a5563;text-align:right}