/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--ground:#fbf6f1;--surface:#fffdf9;--chip:#e8dfda;--ink:#3a1d1b;--ink-muted:#8a6762;--rule:#c9b8b4;--red:#f04444;--red-press:#d92b2b;--on-red:#fffdf9;--field-muted:#fffdf9d1;--field-chip:#f26261;--segment-1:#ffdfc6;--segment-2:#e7dcff;--segment-3:#cdefe7;--segment-4:#ffd8e9;--target:var(--red);--on-target:var(--on-red);--focus:var(--ink);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-chip:.24em;--radius-control:18px;--radius-card:28px;--radius-pill:999px;--radius-device:48px;--border-hairline:1px;--border-control:2px;--border-ring:3px;--border-slot:.035em;--rule-weight:4px;--float:0 4px 8px #3a1d1b1a;--device:0 30px 60px -20px #3a1d1b47;--target-min:44px;--target-cta:56px;--option-min:64px;--gutter-sm:20px;--gutter-lg:32px;--content-max:1080px;--content-wide:1280px}.dark{--ground:#09090b;--surface:#18181b;--chip:#262627;--ink:#fffdf9;--ink-muted:#d4d4d8;--rule:#6e6e72;--red:#f04444;--red-press:#d92b2b;--on-red:#fffdf9;--field-muted:#fffdf9d1;--field-chip:#f26261;--segment-1:#262627;--segment-2:#262627;--segment-3:#262627;--segment-4:#262627;--target:var(--red);--on-target:var(--on-red);--focus:var(--ink);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-chip:.24em;--radius-control:18px;--radius-card:28px;--radius-pill:999px;--radius-device:48px;--border-hairline:1px;--border-control:2px;--border-ring:3px;--border-slot:.035em;--rule-weight:4px;--float:0 4px 8px #0006;--device:0 30px 60px -20px #000000b3;--target-min:44px;--target-cta:56px;--option-min:64px;--gutter-sm:20px;--gutter-lg:32px;--content-max:1080px;--content-wide:1280px}.dark,.light,:root{--background:var(--ground);--foreground:var(--ink);--card:var(--surface);--card-foreground:var(--ink);--popover:var(--surface);--popover-foreground:var(--ink);--primary:var(--red);--primary-foreground:var(--on-red);--secondary:var(--chip);--secondary-foreground:var(--ink);--muted:var(--chip);--muted-foreground:var(--ink-muted);--accent:var(--chip);--accent-foreground:var(--ink);--border:var(--chip);--input:var(--chip);--ring:var(--ink);--divider:var(--rule);--hairline:var(--chip);--hairline-strong:var(--rule);--surface-lifted:var(--surface);--ground-alt:var(--surface);--action-text:var(--red-press);--action-press:var(--red-press);--destructive:var(--red);--text-recessed:var(--ink-muted);--cream:var(--on-red);--brand-red-surface:var(--red);--chip-1:var(--segment-1);--chip-2:var(--segment-2);--chip-3:var(--segment-3);--chip-4:var(--segment-4);--chip-target:var(--red);--chip-target-text:var(--on-red);--surface-lemon:var(--segment-1);--surface-sky:var(--segment-2);--surface-blush:var(--segment-4);--surface-ink:var(--chip);--surface-ink-foreground:var(--ink);--radius:18px;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--radius-xl:28px;--radius-2xl:32px;--font-mono:var(--font-sans);--shadow-lift:none;--shadow-hover:none;--shadow-press:none;--shadow-lift-action:none;--shadow-press-action:none;--nav-pill-bg:var(--surface);--btn-pill-border:var(--chip);--scrollbar-track:var(--ground);--scrollbar-thumb:var(--chip);--scrollbar-thumb-hover:var(--ink-muted);--tally-bg:var(--ground)}body{background:var(--ground);color:var(--ink);font-weight:500}.site-main{padding-top:0}.site-navigation{z-index:50;position:sticky;top:0}body:has(.unified-home) .site-navigation{display:none}.site-footer{border-top:1px solid var(--rule);max-width:1200px}.site-footer :is(a,button){color:inherit;font-family:var(--font-sans);letter-spacing:normal;text-transform:none;text-decoration:none}.site-footer a{align-items:center;min-height:44px;display:inline-flex}.site-footer .u-wordmark{font-family:var(--font-wordmark),sans-serif;color:var(--ink);font-size:24px}.site-footer .u-wordmark b{color:var(--red)}.u-nav :is(a,button),.u-sheet a{font-family:var(--font-sans);letter-spacing:normal;text-transform:none;color:var(--ink);text-decoration:none}.u-nav .u-wordmark{font-size:24px;font-family:var(--font-wordmark),sans-serif!important}.u-nav [aria-current=page]{text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.site-main :is(h1,h2,h3,h4){color:var(--ink);letter-spacing:-.02em;font-weight:700}.site-main :is(button,input,select,textarea){font-family:var(--font-sans)}.site-main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--chip);min-height:48px;color:var(--ink);box-shadow:none;border:0;border-radius:18px}.site-main :is(input,select,textarea)::placeholder{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.site-main :is(input,select,textarea)::placeholder{color:color-mix(in srgb,var(--ink)72%,var(--chip))}}.site-main :is(input,select,textarea)::placeholder{opacity:1}.site-main :is(input,select,textarea):focus-visible{outline:3px solid var(--ink);outline-offset:3px}.site-main :is(.btn,.btn-pill,.pressable-action),.site-main [data-slot=button]{border-radius:18px;box-shadow:none!important;transform:none!important}.site-main .btn{background:var(--red);min-height:56px;color:var(--on-red);border:0;justify-content:center;padding:12px 26px;font-size:19px;font-weight:700;line-height:1.3}.site-main .btn:hover{background:var(--red-press);color:var(--on-red)}.site-main .btn-invert{min-height:56px;border:0;border-radius:18px;padding:12px 26px;font-size:19px;font-weight:700;box-shadow:none!important;transform:none!important}.site-main .btn-invert,.site-main .btn-invert:hover{background:var(--on-red);color:var(--red-press)}.site-main .pressable{box-shadow:none!important;transform:none!important}.site-main .text-primary:not(.bg-primary){color:var(--red-press)}.site-main .bg-primary{background:var(--red);color:var(--on-red)}.site-main .bg-primary :is(.text-muted-foreground,.text-foreground){color:var(--on-red)}.practice-eyebrow,.site-main .eyebrow{font-family:var(--font-sans);color:var(--ink-muted);font-size:14px;font-weight:600}.practice-eyebrow,.site-main .eyebrow,.site-main .uppercase{letter-spacing:normal;text-transform:none}.site-main :is(.editorial-speak-cta,.editorial-exercise,.practice-player,.lesson-editorial-preview__plain-example,.lesson-editorial-preview__recap,.lesson-editorial-preview__mistakes>div,.resource-comparison),.site-main [data-slot=card]{background:var(--surface);box-shadow:none;border:0;border-radius:28px}.site-main .editorial-speak-cta:not(.editorial-speak-cta--quiet){width:auto;margin-left:0;padding-inline:clamp(24px,4vw,40px)}.site-main .editorial-speak-cta h2{color:var(--ink)}.site-main .editorial-speak-cta p{color:var(--ink-muted)}.site-main .editorial-speak-cta--quiet{border-top:1px solid var(--rule);background:0 0;border-radius:0}.site-main .editorial-example{background:0 0;border:0}.editorial-chip-line,.editorial-chip-text{font-family:var(--font-japanese),sans-serif;letter-spacing:.02em;font-weight:800;line-height:1.5}.editorial-word-chip{background:var(--segment-1);color:var(--ink);border-radius:.24em;margin:.06em .05em;padding:.02em .16em .06em;line-height:1.3}.editorial-word-chip--2{background:var(--segment-2)}.editorial-word-chip--3{background:var(--segment-3)}.editorial-word-chip--4{background:var(--segment-4)}.editorial-word-chip--target{background:var(--red);color:var(--on-red)}.editorial-word-chip--target :is(a,span){color:var(--on-red)}.editorial-line__romaji{font-family:var(--font-sans);color:var(--ink-muted);font-weight:500}.editorial-line__meaning{font-family:var(--font-sans);color:var(--ink);font-weight:700}.editorial-line--compact .editorial-line__japanese{font-size:clamp(24px,2.2vw,30px)}.editorial-line--compact .editorial-line__meaning{font-size:14px;display:block;margin-top:4px!important}.editorial-gap{border:1.5px dashed var(--ink-muted);color:var(--ink-muted);font-family:var(--font-sans);background:0 0;border-radius:.24em;font-weight:600;line-height:1.3;display:inline-block}.editorial-split-panel__half--payoff{background:var(--red);color:var(--on-red)}.editorial-split-panel__half--payoff :is(.editorial-line__prompt,.editorial-line__romaji,.editorial-line__meaning){color:var(--on-red);font-size:19px;font-weight:700}.editorial-split-panel__half--payoff .editorial-word-chip:not(.editorial-word-chip--target){background:var(--field-chip);color:var(--on-red)}.editorial-split-panel__half--payoff .editorial-word-chip--target{background:var(--on-red);color:var(--red-press)}.editorial-split-panel__half--payoff .editorial-word-chip--target :is(a,span){color:var(--red-press)}.practice-player{border-radius:28px;padding:clamp(20px,4vw,36px)}.practice-build__answer button,.practice-match__column>button,.practice-match__row>button:first-child,.practice-options button{background:var(--chip);min-height:64px;color:var(--ink);box-shadow:none;border:0;border-radius:18px}.practice-build button>span[lang=ja],.practice-match button>span[lang=ja],.practice-options button>span[lang=ja]{font-family:var(--font-japanese);font-size:24px;font-weight:800}.practice-match .practice-option--selected,.practice-options .practice-option--selected{box-shadow:inset 0 0 0 3px var(--ink)}.practice-build__answer--right button,.practice-match .practice-option--right,.practice-options .practice-option--right{background:var(--red);color:var(--on-red)}.practice-options .practice-option--right small{color:var(--on-red);font-size:19px;font-weight:700}.practice-options .practice-option--wrong{color:var(--ink-muted);text-decoration:line-through}.practice-option__mark{display:none}.practice-primary{background:var(--red);min-height:56px;color:var(--on-red);box-shadow:none;border:0;border-radius:18px;padding:12px 26px;font-size:19px;font-weight:700;transform:none}.practice-primary:hover{background:var(--red-press)}.practice-primary:disabled{background:var(--chip);color:var(--ink-muted)}.practice-progress{background:var(--chip)}.practice-progress>span{background:var(--red)}.editorial-kana-chart{background:var(--surface);border:0;border-radius:28px;padding:8px}.site-main [role=tab][aria-selected=true]{background:var(--ink);color:var(--ground);border-radius:18px}.site-main [role=tab]{border-radius:18px;min-height:44px}.waitlist-preview{background:var(--surface);box-shadow:none;border:0;border-radius:32px}.waitlist-preview__feedback{background:0 0;border:0}.waitlist-preview__sentence{font-family:var(--font-japanese);font-weight:800}body:not(:has(.unified-home)) .site-main :is(img,iframe){border-radius:18px}.site-main :is(a,button):focus-visible{outline:3px solid var(--ink);outline-offset:3px}.site-main .prose{--tw-prose-body:var(--ink);--tw-prose-headings:var(--ink);--tw-prose-links:var(--red-press);--tw-prose-bold:var(--ink);--tw-prose-counters:var(--ink-muted);--tw-prose-bullets:var(--rule);--tw-prose-hr:var(--rule);--tw-prose-quotes:var(--ink);--tw-prose-quote-borders:var(--rule);--tw-prose-captions:var(--ink-muted);--tw-prose-code:var(--ink);--tw-prose-th-borders:var(--rule);--tw-prose-td-borders:var(--chip)}@media (max-width:767px){html{scroll-padding-top:148px}.site-footer{padding-inline:24px}.editorial-line__japanese{font-size:clamp(27px,6vw,36px)}}@media (prefers-reduced-motion:reduce){.site-main *,.site-main :after,.site-main :before{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.navigation-progress{contain:paint;overflow:clip}.site-main .overflow-x-auto{max-width:100%}.site-main .bg-primary :is(h1,h2,h3,h4,p,li){color:var(--on-red)}.site-main .bg-primary :is(.btn-invert,a.btn-invert){color:var(--red-press)}.editorial-lesson-library a.border-t-2{border-top-width:1px;border-top-color:var(--rule)}.editorial-lesson-library [aria-current=page]{background:var(--ink);min-width:44px;min-height:44px;color:var(--ground);border-radius:18px}.u-script-switch{background:0 0;border:0;gap:8px;display:inline-flex}.u-script-switch button{background:var(--chip);min-height:44px;color:var(--ink);text-transform:capitalize;border:0;border-radius:18px;padding:8px 16px;font-size:15px;font-weight:700}.u-script-switch button[aria-pressed=true]{background:var(--ink);color:var(--ground)}html:not(.dark) .editorial-kana-chart :is(.editorial-kana-cell,.editorial-kana-cell--2,.editorial-kana-cell--3,.editorial-kana-cell--4){background:var(--segment-1);color:var(--ink)}html:not(.dark) .editorial-kana-chart .editorial-kana-cell--2{background:var(--segment-2)}html:not(.dark) .editorial-kana-chart .editorial-kana-cell--3{background:var(--segment-3)}html:not(.dark) .editorial-kana-chart .editorial-kana-cell--4{background:var(--segment-4)}.dark .editorial-kana-chart :is(.editorial-kana-cell,.editorial-kana-cell--2,.editorial-kana-cell--3,.editorial-kana-cell--4){background:var(--chip);color:var(--ink)}.editorial-kana-chart .editorial-kana-cell--active{background:var(--chip);color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink)}.editorial-kana-chart button{color:var(--ink);border:0}.kana-cell{background:var(--chip);box-shadow:none;border:0;border-radius:.24em;min-width:44px;min-height:44px}.kana-cells .kana-cell:not(.kana-cell--target):nth-child(4n+1){background:var(--segment-1)}.kana-cells .kana-cell:not(.kana-cell--target):nth-child(4n+2){background:var(--segment-2)}.kana-cells .kana-cell:not(.kana-cell--target):nth-child(4n+3){background:var(--segment-3)}.kana-cells .kana-cell:not(.kana-cell--target):nth-child(4n+4){background:var(--segment-4)}.editorial-kana-chart,.site-main :is(h1,h2,h3),.u-script-switch{scroll-margin-top:120px}@media (max-width:767px){.editorial-kana-chart,.site-main :is(h1,h2,h3),.u-script-switch{scroll-margin-top:160px}}.kana-cell__romaji{font-family:var(--font-sans);font-size:15px;font-weight:500}.kana-cell--target{background:var(--red);color:var(--on-red)}.kana-cell--target .kana-cell__romaji{color:var(--on-red);font-size:19px;font-weight:700}.kana-cell--speak:active,.kana-cell--speak:hover,.kana-cell--speaking{box-shadow:none;transform:none}.editorial-kana-game{background:var(--surface);box-shadow:none;border:0;border-radius:28px}.editorial-kana-game :is(.border-b-2,.border-t-2,.border-2){border-width:0}.editorial-kana-game fieldset>div{background:0 0;border:0;gap:12px;display:grid;overflow:visible}.editorial-kana-game fieldset button{background:var(--chip);min-height:64px;color:var(--ink);box-shadow:none;border:0;border-radius:18px}.editorial-kana-game .editorial-kana-answer--correct{background:var(--red);color:var(--on-red);text-decoration:none}.editorial-kana-game .editorial-kana-answer--correct span{color:var(--on-red);font-size:19px;font-weight:700}.editorial-kana-game .editorial-kana-answer--wrong{background:var(--chip);color:var(--ink-muted);text-decoration:line-through}.practice-example-actions button,.practice-example-listen,.practice-listen,.practice-match__audio{background:var(--chip);min-height:44px;color:var(--ink);box-shadow:none;border:0;border-radius:18px;padding:8px 16px}.practice-listen--inline{min-height:44px;color:var(--red-press);text-underline-offset:4px;background:0 0;padding:0 8px;text-decoration:underline}.editorial-vocab-search{background:var(--surface);border:0;border-radius:28px}.editorial-vocab-search button{background:var(--chip);min-height:44px;color:var(--ink);border:0;border-radius:18px}.editorial-vocab-search button[aria-pressed=true]{background:var(--red);color:var(--on-red);font-size:19px}.editorial-word-chip--target :is(a,.vocabulary-inline-link),.editorial-word-chip--target :is(a,.vocabulary-inline-link):focus-visible,.editorial-word-chip--target :is(a,.vocabulary-inline-link):hover{color:var(--on-red);border-bottom-color:var(--on-red)}@media (max-width:639px){.editorial-vocab-row{grid-template-columns:minmax(0,1fr)}.editorial-vocab-row>:last-child{grid-column:auto}.editorial-vocab-row span{overflow-wrap:anywhere;min-width:0}}.cookie-consent__bar{border:2px solid var(--chip);background:var(--surface);color:var(--ink);box-shadow:var(--float);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:28px}.cookie-consent__button,.cookie-consent__link,.cookie-consent__text{color:var(--ink);font-family:var(--font-sans)}.cookie-consent__button{background:var(--chip);border:0;border-radius:18px;min-height:44px}.cookie-consent__button--accept{background:var(--red);color:var(--on-red);font-size:19px;font-weight:700}.site-main code,.site-main pre{font-family:var(--font-sans)}.practice-hub__intro{max-width:720px;margin:32px 0 48px}.practice-hub__eyebrow{color:var(--ink-muted);margin:0 0 14px;font-size:16px;font-weight:600}.practice-hub__intro h1{letter-spacing:-.035em;margin:0;font-size:clamp(44px,6vw,76px);font-weight:700;line-height:1.02}.practice-hub__intro>p:last-child{max-width:52ch;color:var(--ink-muted);margin-top:20px;font-size:20px;line-height:1.5}.practice-hub__games{counter-reset:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.practice-game,.practice-hub__games>li{min-width:0;display:flex}.practice-game{border:2px solid var(--chip);background:var(--surface);min-height:300px;color:var(--ink);border-radius:28px;flex-direction:column;flex:1;gap:8px;padding:28px;text-decoration:none;transition:border-color .18s}.practice-game__sample.u-chips{margin-bottom:24px;font-size:clamp(34px,3.4vw,46px);line-height:1.2}.practice-game__skill{color:var(--ink-muted);font-size:14px;font-weight:600}.practice-game__title{letter-spacing:-.02em;font-size:clamp(26px,2.4vw,32px);font-weight:700;line-height:1.1}.practice-game__description{max-width:34ch;color:var(--ink-muted);font-size:16px;line-height:1.55}.practice-game__action{background:var(--chip);min-height:56px;color:var(--ink);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:12px 20px;font-size:19px;font-weight:700;transition:background .18s,color .18s;display:flex}.practice-game__action svg{transition:transform .18s}.practice-game:focus-visible,.practice-game:hover{border-color:var(--ink)}.practice-game:focus-visible .practice-game__action,.practice-game:hover .practice-game__action{background:var(--red);color:var(--on-red)}.practice-game:focus-visible .practice-game__action svg,.practice-game:hover .practice-game__action svg{transform:translate(4px)}.practice-hub__resources{margin-top:clamp(64px,8vw,104px)}@media (max-width:1023px){.practice-hub__games{grid-template-columns:1fr}.practice-game{min-height:0}.practice-game__sample.u-chips{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.practice-game,.practice-game__action,.practice-game__action svg{transition:none}.practice-game:hover .practice-game__action svg{transform:none}}.practice-hub__feature{grid-column:1/-1}.practice-hub__feature .practice-game{grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr) minmax(220px,auto);align-items:center;column-gap:32px;min-height:0;display:grid}.practice-hub__feature .practice-game__sample.u-chips{grid-row:1/4;margin:0;font-size:clamp(40px,4.4vw,60px)}.practice-hub__feature .practice-game__action{grid-area:1/3/4;margin:0}@media (max-width:1023px){.practice-hub__feature .practice-game{display:flex}.practice-hub__feature .practice-game__sample.u-chips{margin-bottom:12px}.practice-hub__feature .practice-game__action{margin-top:16px}}@media (max-width:420px){.cookie-consent__actions{flex-wrap:wrap}.cookie-consent__actions>*{white-space:normal;flex:100%;min-width:0}}.practice-hub__section+.practice-hub__section{margin-top:clamp(48px,6vw,80px)}.practice-hub__section-head{max-width:720px;margin-bottom:20px}.practice-hub__section-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(26px,3vw,36px);line-height:1.15}.practice-hub__section-head p{color:var(--ink-muted);margin:8px 0 0;font-size:17px;line-height:1.5}.practice-hub__section--language .practice-hub__games{grid-template-columns:repeat(4,minmax(0,1fr))}.practice-hub__section--language .practice-game{min-height:280px;padding:22px}.practice-hub__section--language .practice-game__sample.u-chips{margin-bottom:16px;font-size:clamp(30px,2.6vw,38px)}.practice-hub__section--language .practice-game__title{font-size:24px}.practice-hub__section--language .practice-game__description{font-size:15px}@media (max-width:1199px){.practice-hub__section--language .practice-hub__games{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.practice-hub__section--language .practice-hub__games{grid-template-columns:1fr}.practice-hub__section--language .practice-game{min-height:0}}.site-footer p a,.u-footer p a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:4px}body:has(.unified-home){background:var(--ground);color:var(--ink)}body:has(.unified-home) .site-header,body:has(.unified-home) .site-main~footer{display:none}body:has(.unified-home) .site-main{padding:0;max-width:none;overflow:visible}.unified-home{background:var(--ground);color:var(--ink);font-family:var(--font-sans),sans-serif;font-size:16px;font-weight:500;line-height:1.55;overflow:clip;--font-mono:var(--font-sans)}.unified-home *{box-sizing:border-box}.unified-home :is(p,h1,h2,h3,figure){margin:0}.unified-home :is(a,button){font-family:inherit;text-decoration:none;color:inherit;letter-spacing:normal;text-transform:none}.unified-home button{cursor:pointer}.unified-home :is(a,button):focus-visible{outline:3px solid var(--ink);outline-offset:4px}.unified-home ::selection{background:var(--red);color:var(--on-red)}.unified-home h1{font-size:76px;line-height:1.02;font-weight:700;letter-spacing:-.03em;max-width:520px}.unified-home h2{font-size:52px;line-height:1.08;font-weight:700;letter-spacing:-.02em;text-wrap:balance}.unified-home h3{font-size:23px;font-weight:700;line-height:1.3}.u-wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:32px}.u-section{padding-block:128px;scroll-margin-top:100px}.u-centre{display:grid;justify-items:center;gap:18px;text-align:center}.u-lede,.u-muted,.u-romaji{color:var(--ink-muted)}.u-lede{font-size:20px;line-height:1.5;max-width:510px;text-wrap:pretty}.u-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 26px;background:var(--red);color:var(--on-red)!important;border:0;border-radius:18px;font-size:19px;font-weight:700;line-height:1.2;box-shadow:none;transition:background .18s}.u-button:hover{background:var(--red-press)}.u-button.u-soft{background:var(--chip);color:var(--ink)!important}.u-button.u-invert{background:var(--on-red);color:var(--red-press)!important}.u-actions{display:flex;gap:12px;flex-wrap:wrap}.u-nav-wrap{position:relative;padding:16px 24px 0}.u-nav{display:flex;align-items:center;gap:12px;max-width:1160px;margin:auto;padding:7px 9px 7px 18px;min-height:66px;background:var(--surface);border:2px solid var(--chip);border-radius:40px;box-shadow:var(--float)}.u-wordmark{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-family:var(--font-wordmark),sans-serif!important;font-size:22px;font-weight:650;letter-spacing:-.01em}.u-wordmark img{border-radius:50%;height:auto}.u-wordmark b{color:var(--red);font-weight:650}.u-nav-links{gap:26px;margin-inline:auto;font-size:15px;font-weight:600}.u-nav-links,.u-nav-links a{display:flex;align-items:center}.u-nav-links a{min-height:44px}.u-nav .u-button{min-height:44px;padding-inline:20px;border-radius:24px;font-size:19px}.u-menu,.u-theme{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:0;background:transparent;border-radius:50%}.u-menu{display:none}.u-sheet{position:absolute;left:24px;right:24px;top:90px;display:grid;background:var(--surface);padding:16px;border:2px solid var(--chip);border-radius:28px;box-shadow:var(--float)}.u-sheet a{display:flex;align-items:center;min-height:48px;padding-inline:16px;border-radius:18px;font-weight:700}.u-sheet a:hover{background:var(--chip)}.u-hero{position:relative;min-height:860px;max-width:1920px;margin:auto}.u-hero-copy{position:relative;margin-left:max(32px,calc(50% - 568px));padding-top:148px;width:520px;display:grid;gap:26px;z-index:5}.u-chips{font-family:var(--font-japanese),sans-serif;font-weight:800;font-size:32px;line-height:1.5;letter-spacing:.02em;word-break:keep-all;overflow-wrap:normal}.u-phrase{white-space:nowrap}.u-chip,.u-phrase{display:inline-block}.u-chip{margin:.06em .05em;padding:.02em .16em .06em;border-radius:.24em;line-height:1.3;background:var(--chip)}.u-segment-1{background:var(--segment-1)}.u-segment-2{background:var(--segment-2)}.u-segment-3{background:var(--segment-3)}.u-segment-4{background:var(--segment-4)}.u-target{background:var(--red);color:var(--on-red)}.u-slip{background:var(--chip);text-decoration:line-through;text-decoration-thickness:.06em}.u-slip,.u-slot{color:var(--ink-muted)}.u-slot{display:inline-block;min-width:4.3em;text-align:center;padding:.02em .16em .06em;line-height:1.3;border:.035em dashed var(--ink-muted);border-radius:.24em;font-family:var(--font-sans);font-weight:600}.u-aid{font-size:15px;line-height:1.6;margin-top:6px!important}.u-romaji{font-weight:500}.u-english{font-weight:600}.u-hero .u-chips{font-size:38px}.u-hero .u-aid{font-size:17px}.hero-greeting{position:relative;display:grid;width:100%;max-width:100%;min-width:0;padding-bottom:10px}.hero-greeting__line{grid-area:1/1;min-width:0;visibility:hidden;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}.hero-greeting__line[data-active=true]{visibility:visible;opacity:1;transform:none}.hero-greeting__lesson{grid-area:2/1;justify-self:start;display:inline-flex;align-items:center;gap:4px;min-height:44px;max-width:calc(100% - 44px);color:var(--ink-muted);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:4px}.hero-greeting__lesson:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.hero-greeting__toggle{position:absolute;right:0;bottom:10px;display:grid;place-items:center;width:44px;height:44px;color:var(--ink-muted);background:transparent;border:0;border-radius:50%}.hero-greeting__toggle:hover{color:var(--ink);background:var(--chip)}.hero-greeting__toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.phone-stage{position:relative}.phone-frame{--phone-width:264px;width:var(--phone-width);padding:7px;border-radius:44px;background:var(--surface);outline:1px solid var(--chip);box-shadow:var(--device);transform:rotate(var(--rotate));transform-origin:50% 50%}.phone-viewport{width:250px;height:541px;border-radius:37px;overflow:hidden;background:var(--ground)}.phone-scale{width:390px;height:844px;transform:scale(.64102564);transform-origin:top left}.hero-stage{position:absolute;left:calc(50% - 10px);top:70px;width:940px;height:810px}.hero-phone{position:absolute;width:264px}.hero-phone-0{left:0;top:230px;z-index:1}.hero-phone-1{left:205px;top:80px;z-index:4}.hero-phone-2{left:415px;top:170px;z-index:3}.hero-phone-3{left:620px;top:100px;z-index:2}.lesson-cite{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:7px 12px;border-radius:24px;background:var(--surface);font-size:12px;line-height:1.5;color:var(--ink-muted)!important;text-align:center;max-width:100%;text-wrap:pretty}.lesson-cite strong{font-weight:700;color:var(--ink)}.lesson-cite:hover{text-decoration:underline;text-underline-offset:3px}.hero-phone>.lesson-cite{position:relative;display:flex;margin-top:30px;z-index:8}.mock-screen{width:390px;height:844px;background:var(--ground);color:var(--ink);display:flex;flex-direction:column;font-size:16px;line-height:1.5;overflow:hidden}.mock-safe{height:46px;flex:none}.mock-top{display:flex;justify-content:space-between;align-items:center;gap:8px;height:52px;padding:0 24px;flex:none}.mock-top strong{font-size:17px}.mock-page{display:flex;flex:1;min-height:0;flex-direction:column;gap:22px;padding:12px 24px 18px;overflow:hidden}.mock-page h2{font-size:30px;line-height:1.15}.mock-page .u-chips{font-size:29px}.mock-page .u-aid{font-size:14px}.mock-page .u-yapi{font-size:16px}.u-yapi{display:flex;gap:12px;align-items:flex-start;line-height:1.5}.u-yapi>img{flex:none;border-radius:50%;margin:4px}.u-yapi>p{flex:1;min-width:0}.u-speaking>img{outline:3px solid var(--red);outline-offset:3px;animation:speaker-ring 11s infinite}.mock-progress{height:4px;background:var(--chip);border-radius:4px}.mock-progress i{display:block;width:25%;height:100%;background:var(--ink)}.mock-focal{display:grid;justify-items:center;align-content:center;gap:12px;flex:1;min-height:200px}.mock-focal>span[lang]{font-family:var(--font-japanese);font-size:136px;font-weight:800;line-height:1.1}.mock-soft{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--chip);border-radius:18px;padding:10px 16px;font-weight:600}.mock-note{font-size:13px;color:var(--ink-muted)}.mock-centre{text-align:center}.mock-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mock-options>span{display:grid;place-items:center;min-height:64px;border-radius:18px;background:var(--chip);font-size:20px;font-weight:700}.mock-options .mock-selected{box-shadow:inset 0 0 0 3px var(--ink)}.mock-tools{display:flex;gap:6px;align-items:center}.mock-tools>span{background:var(--chip);border-radius:18px;padding:8px 12px;font-size:14px;font-weight:600}.mock-tools>svg{margin-left:auto}.mock-foot{padding:8px 24px 30px;flex:none}.mock-action{display:grid;place-items:center;min-height:56px;border-radius:18px;background:var(--red);color:var(--on-red);font-size:19px;font-weight:700}.mock-spacer{flex:1}.mock-rule{height:2px;background:var(--rule);margin-block:12px}.mock-speaker{display:grid;gap:10px;justify-items:center;padding:20px}.mock-speaker img{border-radius:50%}.mock-speaker>span{font-size:13px;color:var(--ink-muted)}.mock-call-controls{display:flex;gap:20px;justify-content:center;margin-block:22px}.mock-call-controls>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--chip)}.mock-call-controls .mock-hangup{background:var(--red);color:var(--on-red)}.mock-personas>div{padding:10px 0;border-bottom:1px solid var(--rule)}.mock-personas strong{font-size:17px}.mock-personas strong span{font-family:var(--font-japanese);font-size:15px}.mock-personas p{font-size:13px;color:var(--ink-muted)}.mock-personas .chosen{background:var(--chip);border-radius:18px;padding-inline:10px;border:0}.u-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:64px}.u-three article{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.u-three article>p{color:var(--ink-muted);max-width:270px}.u-step-visual{min-height:300px;display:grid;align-content:center;width:100%}.u-step-visual .u-chips{font-size:32px}.u-step-visual .u-aid{font-size:14px}.u-three .lesson-cite{margin-top:auto}.u-stroke-demo{display:grid;justify-items:center;gap:8px}.u-stroke-demo svg{width:164px;height:164px;border-radius:24px;background:var(--surface);border:2px solid var(--chip)}.demo-grid{stroke:var(--rule);stroke-width:.5;stroke-dasharray:2 2}.demo-ghost{fill:none;stroke:var(--ink-muted);stroke-width:4;stroke-linecap:round;opacity:.2}.demo-stroke{fill:none;stroke:var(--ink);stroke-width:4.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:stroke-draw 6s ease-in-out infinite}.demo-stroke-1{animation-delay:1.5s}.demo-stroke-2{animation-delay:3s}.demo-number{font:700 7px var(--font-sans);fill:var(--red)}.demo-steps{gap:16px;font-size:13px}.demo-steps span{color:var(--ink-muted)}.u-live-demo{display:grid;gap:12px;text-align:left}.u-live-demo,.u-live-demo .u-yapi{font-size:14px}.u-live-demo .u-chips{font-size:26px}.u-caption{font-family:var(--font-japanese);font-weight:700;font-size:21px;line-height:1.7}.u-caption span{animation:caption-word 11s infinite;color:var(--ink)}.u-live-reply{animation:call-reply 11s infinite}.u-live-confirm{animation:call-confirm 11s infinite}.u-free-grid{display:grid;grid-template-columns:1.05fr .95fr;margin-top:56px;align-items:start}.u-lesson-card{padding:28px 32px 30px;border-radius:32px;background:var(--surface);min-width:0;min-height:625px}.u-tabs{display:flex;gap:6px;align-items:center;margin-bottom:18px}.u-tabs button{height:44px;padding:0 18px;border-radius:24px;background:var(--chip);border:0;font-size:15px;font-weight:700}.u-tabs button[aria-selected=true]{background:var(--ink);color:var(--ground)}.u-cycle{margin-left:auto;width:64px;height:4px;background:var(--chip);border-radius:3px;overflow:hidden}.u-cycle i{display:block;height:100%;background:var(--red);animation:cycle-progress 9s linear infinite}.u-cycle.paused i{animation:none;width:0}.u-lesson-card [role=tabpanel]>.lesson-cite{display:flex;margin:14px auto 0}.u-lesson-list>a{display:grid;gap:6px;padding:24px 0;border-top:1px solid var(--rule)}.u-lesson-list>a>span{font-size:14px;color:var(--ink-muted)}.u-lesson-list>a>strong{font-size:19px;font-weight:700;line-height:1.4}.u-lesson-list>a:hover>strong{text-decoration:underline;text-underline-offset:4px}.u-reference-links{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;padding-block:24px;border-top:1px solid var(--rule)}.u-reference-links>span{color:var(--ink-muted)}.u-reference-links a{font-weight:700;text-decoration:underline;text-underline-offset:4px}.u-quiz{display:grid;gap:24px;justify-items:center;text-align:center;padding-block:18px}.u-quiz .u-chips{font-size:32px}.u-choices{display:grid;gap:12px;width:100%}.u-choices button{display:grid;gap:4px;place-items:center;min-height:84px;border:0;border-radius:18px;background:var(--chip);padding:12px}.u-choices button>span[lang]{font:800 30px/1.4 var(--font-japanese)}.u-choices button>span:last-child{font-size:15px;font-weight:600}.u-choices .revealed{background:var(--red);color:var(--on-red)}.u-choices .revealed>span:last-child{font-weight:700}.u-choices .slipped>span:first-child{text-decoration:line-through;color:var(--ink-muted)}.u-text-button{border:0;background:var(--chip);border-radius:18px;padding:12px 20px;font-weight:700;min-height:44px}.u-dojo{background:var(--surface)}.u-dojo h2{max-width:470px}.u-dojo>.u-wrap>.u-lede{margin-top:22px}.u-dojo-grid{display:grid;grid-template-columns:minmax(0,850px) minmax(210px,1fr);gap:48px;margin-top:52px}.u-agent{position:relative;display:grid;grid-template-columns:290px minmax(0,1fr);gap:40px;min-height:700px;align-items:start}.dojo-stage{padding-top:30px}.dojo-stage>.lesson-cite{margin-top:30px;display:flex}.u-callouts{display:grid;gap:24px;position:relative;z-index:3}.u-callout{padding:20px 22px;border-radius:26px;background:var(--surface);box-shadow:var(--device);border:1px solid var(--chip);display:grid;gap:14px}.u-callout h3{display:flex;gap:10px;align-items:center;font-size:18px}.u-callout .u-chips{font-size:28px}.u-callout .u-aid{font-size:13px}.u-callout .u-yapi{font-size:16px}.callout-badge{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--red);color:var(--on-red);font-size:19px;font-weight:700;flex:none;line-height:1}.dojo-stage>.callout-badge{position:absolute;z-index:5;outline:3px solid var(--surface)}.badge-one{left:218px;top:104px}.badge-two{left:193px;top:474px}.badge-three{left:243px;top:519px}.callout-leader{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:4}.callout-leader path{fill:none;stroke:var(--red);stroke-width:1.5;stroke-dasharray:4 5}.u-ask{display:flex;gap:6px;flex-wrap:wrap}.u-ask span{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;background:var(--chip);border-radius:24px;font-size:14px;font-weight:700}.u-same-tutor{padding-top:12px;display:grid;align-content:start;gap:26px}.u-same-tutor h3,.u-same-tutor p{font-size:17px;color:var(--ink-muted)}.u-same-tutor p strong{color:var(--ink)}.u-confirm{display:inline-block;border:1px dashed;border-radius:6px;padding:0 6px;font-size:13px;white-space:nowrap}.u-level-note{font-size:14px}.u-persona{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:850px}.u-persona-copy{display:grid;gap:24px}.u-persona-options{display:flex;flex-wrap:wrap;gap:8px}.u-persona-options button{border:0;border-radius:24px;background:var(--chip);min-height:52px;padding:8px 14px;font-size:15px;font-weight:700}.u-persona-options button[aria-pressed=true]{background:var(--red);color:var(--on-red);font-size:19px}.u-persona-options button span{font-family:var(--font-japanese);font-size:12px}.u-persona-options button[aria-pressed=true] span{font-size:24px}.u-persona-options small{display:block;font-size:12px;font-weight:500}.u-persona-options button[aria-pressed=true] small{font-size:19px;font-weight:700}.u-persona-reaction{display:grid;gap:14px}.u-persona-reaction .u-chips{font-size:29px}.persona-stage{height:650px}.persona-phone-one{position:absolute;left:0;top:0;z-index:2;width:264px}.persona-phone-two{position:absolute;left:230px;top:45px;width:264px}.persona-stage .lesson-cite{display:flex;margin-top:22px;position:relative;z-index:3}.unified-home .homepage-posts{padding:100px 32px 128px;background:var(--surface)}.unified-home .homepage-posts>.container{max-width:1136px;padding:0}.unified-home .homepage-posts__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:48px}.unified-home .homepage-posts__head h2{max-width:650px}.unified-home .homepage-posts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.unified-home .homepage-post{display:grid;gap:16px;border-top:1px solid var(--rule);padding-top:24px;box-shadow:none;background:none}.unified-home .homepage-post__meta{display:flex;gap:12px;font-family:var(--font-sans);color:var(--ink-muted);font-size:14px;text-transform:none;letter-spacing:0}.unified-home .homepage-post__title{font-size:23px;line-height:1.3;font-weight:700}.unified-home .homepage-post__excerpt{color:var(--ink-muted)}.unified-home [data-reveal]{opacity:1;transform:none}.u-closing{padding:128px 0;background:var(--red);color:var(--on-red);--ink:var(--on-red);--ink-muted:var(--field-muted)}.u-closing .u-chips{font-size:clamp(32px,4.4vw,64px)}.u-closing .u-chip{background:var(--field-chip);color:var(--on-red)}.u-closing .u-target{background:var(--on-red);color:var(--red-press)}.u-closing h2{font-size:48px}.u-closing .u-aid{font-size:19px;font-weight:700}.u-closing .u-romaji{font-weight:700}.u-closing .u-centre>p{font-size:19px;font-weight:700}.u-short-rule{height:4px;width:120px;border-radius:3px;background:var(--field-muted);margin-block:12px}.u-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding-block:36px;font-size:13px;color:var(--ink-muted)}.u-footer .u-wordmark{color:var(--ink);font-size:19px}.u-footer nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.u-footer button{font-family:var(--font-sans);text-transform:none;letter-spacing:0;font-size:13px;background:none;box-shadow:none;border:0}.unified-home .stroke-desk{display:grid;gap:14px;color:var(--ink);width:100%;max-width:100%;font-family:var(--font-sans)}.stroke-desk__header{display:flex;align-items:end;justify-content:space-between;gap:12px}.stroke-desk__kana{font:800 44px/1.3 var(--font-japanese)}.stroke-desk__meta{font-size:14px;color:var(--ink-muted)}.stroke-steps{display:flex;gap:12px;list-style:none;padding:0;margin:0;font-size:13px;color:var(--ink-muted)}.stroke-steps button{background:none;border:0;min-height:44px;padding:0}.stroke-steps [aria-current=step]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:6px;text-decoration-thickness:2px}.stroke-steps button:disabled{cursor:default;opacity:.7}.stroke-desk__stage{position:relative;width:min(100%,340px);margin:auto}.stroke-order-game__board{position:relative;aspect-ratio:1;border:2px solid var(--chip);border-radius:24px;background:var(--ground);overflow:hidden}.stroke-order-game__svg{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;user-select:none}.stroke-order-game__grid{stroke:var(--rule);stroke-width:.5;stroke-dasharray:2 2}.stroke-order-game__ghost{fill:none;stroke:var(--ink-muted);stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round;opacity:.25}.stroke-order-game__done{fill:none;stroke:var(--ink);stroke-width:4.6;stroke-linecap:round;stroke-linejoin:round}.stroke-order-game__done--fresh,.stroke-order-game__ink{stroke:var(--red)}.stroke-order-game__ink{stroke-width:4.6;stroke-linecap:round;stroke-linejoin:round}.stroke-order-game__start{fill:var(--red)}.stroke-order-game__start-ring{fill:none;stroke:var(--red);stroke-width:1.3;transform-box:fill-box;transform-origin:center;animation:start-pulse 1.6s infinite}.stroke-order-game__arrow{fill:var(--red)}.stroke-order-game__hint-path{fill:none;stroke:var(--red);stroke-width:4.2;stroke-linecap:round}.stroke-desk__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.stroke-desk__picker{display:flex;gap:4px}.stroke-desk__picker button{width:44px;height:44px;border-radius:14px;border:0;background:var(--chip);font:800 24px var(--font-japanese)}.stroke-desk__picker button[aria-selected=true]{background:var(--red);color:var(--on-red)}.stroke-desk__status{font-size:13px;color:var(--ink-muted)}.stroke-desk__credit{position:absolute;bottom:10px;right:10px}.stroke-desk__credit-btn{display:grid;place-items:center;width:44px;height:44px;border:0;background:var(--surface);border-radius:50%;color:var(--ink-muted)}.stroke-desk__credit-btn svg{width:17px}.stroke-desk__credit-tip{position:absolute;bottom:48px;right:0;width:220px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--chip);box-shadow:var(--float);font-size:12px;z-index:4}.stroke-desk__credit-tip[hidden]{display:none}.stroke-desk__cheer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--surface);padding:24px;text-align:center}.stroke-desk__cheer-mark{display:none}.stroke-desk__cheer-next{background:var(--red);color:var(--on-red)!important;border:0;border-radius:18px;min-height:56px;padding:12px 24px;font-size:19px;font-weight:700}.stroke-order-game--miss .stroke-order-game__board{animation:miss-nudge .3s}@keyframes start-pulse{50%{transform:scale(1.3);opacity:.5}}@keyframes miss-nudge{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes stroke-draw{0%,8%{stroke-dashoffset:1}36%,90%{stroke-dashoffset:0}to{stroke-dashoffset:1}}@keyframes caption-word{0%,5%{opacity:.25}15%,90%{opacity:1}to{opacity:.25}}@keyframes call-reply{0%,35%{opacity:0}44%,90%{opacity:1}to{opacity:0}}@keyframes call-confirm{0%,70%{opacity:0}80%,94%{opacity:1}to{opacity:0}}@keyframes speaker-ring{0%,32%,76%,94%{outline-color:var(--red)}40%,70%,to{outline-color:transparent}}@keyframes cycle-progress{0%{width:0}to{width:100%}}@media(min-width:1921px){.u-hero{min-height:920px}.hero-stage{left:calc(50% - 100px)}.hero-phone-3{left:620px}}@media(max-width:1279px){.u-hero{min-height:1230px}.u-hero-copy{padding-top:80px;margin:auto;width:min(760px,calc(100% - 64px));text-align:center;justify-items:center}.unified-home h1{max-width:700px;font-size:68px}.u-hero-copy .u-lede{max-width:650px}.hero-stage{top:490px;left:50%;transform:translateX(-50%);width:950px;height:700px;transform-origin:top center}.hero-phone-0{top:90px}.hero-phone-1{top:30px}.hero-phone-2{top:80px}.hero-phone-3{top:60px}.u-three{gap:28px}.u-free-grid{gap:40px}.u-dojo-grid{grid-template-columns:1fr;gap:40px}.u-agent{max-width:850px;margin:auto;width:100%}.u-same-tutor{grid-template-columns:repeat(3,1fr);gap:24px}.u-same-tutor h3,.u-same-tutor>p:last-child{grid-column:1/-1}.u-persona{gap:24px;grid-template-columns:1fr 1fr}.persona-stage{transform:scale(.8);transform-origin:left center;width:500px}.u-persona-copy h2{font-size:46px}}@media(max-width:1023px){.u-nav-links{display:none}.u-nav .u-wordmark{margin-right:auto}.u-menu{display:grid}.u-section{padding-block:88px}.u-agent{grid-template-columns:1fr;gap:40px;justify-items:center;min-height:0}.dojo-stage{width:290px}.u-callouts{width:min(100%,620px);gap:24px}.callout-leader{display:none}.u-three{gap:24px}.u-three .u-chips{font-size:26px}.u-free-grid{grid-template-columns:1fr 1fr;gap:28px}.u-lesson-card{padding:24px;min-height:590px}.stroke-desk__footer,.stroke-desk__header{flex-wrap:wrap}.u-persona{grid-template-columns:1fr;gap:48px}.u-persona-copy{max-width:650px}.persona-stage{width:510px;height:660px;transform:none;margin:auto}.unified-home h2{font-size:46px}.u-closing h2{font-size:42px}}@media(max-width:767px){.u-wrap{padding-inline:24px}.u-nav-wrap{padding:12px 12px 0}.u-nav{gap:4px;padding:5px 6px 5px 10px;flex-wrap:wrap}.u-nav .u-wordmark{font-size:18px;gap:5px}.u-nav .u-wordmark img{width:28px;height:auto}.u-nav .u-button{font-size:19px;padding:10px 14px}.u-menu,.u-theme{width:44px;height:44px}.u-hero{min-height:1160px}.u-hero-copy{padding-top:64px;width:calc(100% - 48px);gap:24px;max-width:590px}.unified-home h1{font-size:clamp(47px,8.5vw,64px);max-width:560px}.u-hero .u-chips{font-size:clamp(24px,4.8vw,34px)}.u-hero .u-aid{font-size:15px}.u-lede{font-size:18px}.u-actions{justify-content:center}.hero-stage{top:540px;left:50%;width:550px;height:670px}.hero-phone-0{left:0;top:70px;z-index:2}.hero-phone-1{left:280px;top:20px}.hero-phone-2,.hero-phone-3{display:none}.hero-phone-0 .phone-frame{--rotate:-4deg!important}.hero-phone-1 .phone-frame{--rotate:4deg!important}.hero-phone>.lesson-cite{margin-top:26px;font-size:14px}.u-three{grid-template-columns:1fr;gap:52px;margin-top:36px}.u-step-visual{min-height:230px;max-width:420px}.u-three .u-chips{font-size:32px}.u-three article>p{max-width:330px}.u-live-demo{min-height:290px}.u-section{padding-block:72px}.unified-home h2{font-size:38px}.u-free-grid{grid-template-columns:1fr;gap:40px;margin-top:32px}.u-lesson-card{max-width:540px;width:100%;margin:auto;min-height:620px}.stroke-desk__footer,.stroke-desk__header{flex-wrap:nowrap}.u-dojo-grid{margin-top:32px}.u-dojo h2{max-width:400px}.u-same-tutor{grid-template-columns:1fr}.u-same-tutor h3,.u-same-tutor>p:last-child{grid-column:auto}.u-persona-copy h2{font-size:38px}.persona-stage{width:550px;max-width:100%;height:650px}.persona-phone-one{left:0}.persona-phone-two{left:auto;right:0}.persona-stage{scale:.85;transform-origin:center top;margin-bottom:-80px}.unified-home .homepage-posts{padding:72px 24px}.unified-home .homepage-posts__head{display:grid;gap:20px;margin-bottom:32px}.unified-home .homepage-posts__grid{grid-template-columns:1fr;gap:32px}.u-closing{padding-block:88px}.u-closing h2{font-size:36px}.u-closing .u-aid{max-width:310px}.u-footer{display:grid;justify-items:center;text-align:center}.u-footer nav{justify-content:center}.u-callout .u-chips{font-size:28px}}@media(max-width:570px){.u-nav .u-wordmark{width:calc(100% - 96px);margin:0}.u-nav .u-theme{order:1}.u-nav .u-menu{order:2}.u-nav .u-button{order:3;width:100%;border-radius:24px}.u-nav{border-radius:28px;row-gap:6px}.u-sheet{top:142px;left:12px;right:12px}.u-hero{min-height:1110px}.u-hero-copy{padding-top:52px}.hero-stage{top:610px}.hero-phone-0{left:0;top:45px}.hero-phone-1{left:280px;top:10px}.u-hero-copy .u-actions{display:grid;width:100%}.u-actions .u-button{padding-inline:16px}.persona-stage{height:580px;scale:1;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:0;max-width:100%;width:100%}.persona-phone-one,.persona-phone-two{position:relative;left:auto;right:auto;top:auto;width:100%;min-width:0}.persona-phone-two{padding-top:35px}.persona-stage .phone-frame{zoom:.65}.persona-stage .lesson-cite{font-size:12px;margin-top:20px}.u-callout{padding:20px}.u-lesson-card{padding:24px 20px;min-height:590px}.stroke-steps{gap:8px;font-size:12px}.stroke-desk__picker button{width:40px;height:44px}.stroke-desk__status{font-size:12px}.stroke-desk__footer{gap:6px}.u-quiz .u-chips{font-size:28px}}@media(max-width:389px){.u-wrap{padding-inline:20px}.u-hero-copy{width:calc(100% - 40px)}.unified-home h1{font-size:46px}.u-hero .u-chips{font-size:24px}.u-hero{min-height:1130px}.hero-stage{top:660px}.persona-stage{gap:16px;height:500px}.persona-stage .phone-frame{zoom:.49}.u-lesson-card{padding:20px 16px}.stroke-desk__footer,.stroke-desk__header{flex-wrap:wrap}.stroke-desk__picker button{width:40px}.u-three .u-chips{font-size:28px}.u-closing .u-chips{font-size:32px}.u-hero .u-lede{font-size:17px}.u-persona-options button{max-width:100%}}@media(prefers-reduced-motion:reduce){.unified-home *,.unified-home :after,.unified-home :before{animation:none!important;scroll-behavior:auto!important;transition:none!important}.unified-home .demo-stroke{stroke-dashoffset:0}.u-caption span,.u-live-confirm,.u-live-reply{opacity:1}.u-cycle i{width:100%}.u-speaking>img{outline-color:var(--red)}}.unified-home .u-closing :is(h2,p,.u-english){color:var(--on-red)}.unified-home .u-closing .u-romaji{color:var(--field-muted)}.unified-home .homepage-posts__grid{border:0}.unified-home .homepage-post{padding:24px 0 0;border-left:0!important;color:var(--ink)}.unified-home .homepage-post__title{padding-right:20px}.unified-home .homepage-post__arrow{right:0!important;color:var(--ink)}.stroke-order-game__current{fill:none;stroke:var(--red);stroke-width:4.6;stroke-linecap:round;stroke-linejoin:round}body:has(.unified-home) .cookie-consent__bar{background:var(--surface);color:var(--ink);border:2px solid var(--chip);border-radius:28px;box-shadow:var(--float)}body:has(.unified-home) .cookie-consent__link,body:has(.unified-home) .cookie-consent__text{color:var(--ink);font-family:var(--font-sans)}body:has(.unified-home) .cookie-consent__button{background:var(--chip);color:var(--ink);border:0;border-radius:18px;box-shadow:none;font:700 15px var(--font-sans);min-height:44px}body:has(.unified-home) .cookie-consent__button--accept{background:var(--red);color:var(--on-red);font-size:19px}@media(max-width:1279px){.hero-stage{transform:translateX(-50%) scale(.9);transform-origin:top center}}@media(min-width:768px) and (max-width:1023px){.hero-stage{transform:translateX(-50%) scale(.72)}}@media(max-width:767px){.hero-stage{transform:translateX(-50%) scale(.82)}}@media(max-width:570px){.hero-stage{transform:translateX(-50%) scale(.62)}.persona-stage .phone-frame{zoom:.58}}@media(max-width:389px){.hero-stage{transform:translateX(-50%) scale(.52)}.persona-stage .phone-frame{zoom:.47}}.unified-home .u-footer .u-wordmark{font-size:24px}.unified-home .u-closing .u-aid :is(.u-romaji,.u-english){color:var(--on-red);font-weight:700}@media(min-width:768px){.hero-phone-1{left:218px}.hero-phone-2{left:436px}.hero-phone-3{left:654px}}@media(max-width:767px){.u-hero{display:flex;flex-direction:column;min-height:0;padding-top:36px;padding-bottom:72px}.u-hero .hero-stage{order:-1;position:relative;left:auto;top:auto;transform:none;transform-origin:initial;width:calc(100% - 40px);max-width:400px;height:500px;margin-inline:auto}.hero-stage .hero-phone{position:static;display:contents}.hero-stage .hero-phone-2,.hero-stage .hero-phone-3{display:none}.hero-stage .phone-frame{position:absolute;transform-origin:top left;transform:scale(.58) rotate(var(--rotate));zoom:1}.hero-stage .hero-phone-0 .phone-frame{left:calc(50% - 145px);top:12px;z-index:3}.hero-stage .hero-phone-1 .phone-frame{left:calc(50% - 20px);top:48px;z-index:2}.hero-stage .hero-phone>.lesson-cite{position:absolute;left:0;right:0;width:100%;max-width:360px;margin:0 auto;z-index:5;font-size:12px;min-height:44px}.hero-stage .hero-phone-0>.lesson-cite{top:398px}.hero-stage .hero-phone-1>.lesson-cite{top:446px}.u-hero-copy{position:relative;margin-inline:auto;padding-top:28px;width:calc(100% - 48px)}}@media(max-width:389px){.u-hero .hero-stage{height:440px}.hero-stage .phone-frame{transform:scale(.48) rotate(var(--rotate))}.hero-stage .hero-phone-0 .phone-frame{left:calc(50% - 120px)}.hero-stage .hero-phone-1 .phone-frame{left:calc(50% - 15px)}.hero-stage .hero-phone-0>.lesson-cite{top:338px}.hero-stage .hero-phone-1>.lesson-cite{top:386px}.u-hero-copy{width:calc(100% - 40px)}}@media(max-width:767px){.u-hero .hero-stage{height:440px}.hero-stage .phone-frame{transform:scale(.48) rotate(var(--rotate))}.hero-stage .hero-phone-0 .phone-frame{left:calc(50% - 120px)}.hero-stage .hero-phone-1 .phone-frame{left:calc(50% - 15px)}.hero-stage .hero-phone-0>.lesson-cite{top:338px}.hero-stage .hero-phone-1>.lesson-cite{top:386px}}@media(max-width:389px){.u-hero .hero-stage{height:400px}.hero-stage .phone-frame{transform:scale(.42) rotate(var(--rotate))}.hero-stage .hero-phone-0 .phone-frame{left:calc(50% - 105px)}.hero-stage .hero-phone-1 .phone-frame{left:calc(50% - 12px)}.hero-stage .hero-phone-0>.lesson-cite{top:298px}.hero-stage .hero-phone-1>.lesson-cite{top:346px}}.unified-home .u-hero-copy h1>span{display:block}@media(max-width:767px){.u-hero{padding-top:16px;padding-bottom:64px}.u-hero .hero-stage{height:350px}.hero-stage .phone-frame{transform:scale(.38) rotate(var(--rotate))}.hero-stage .hero-phone-0 .phone-frame{left:calc(50% - 100px);top:0}.hero-stage .hero-phone-1 .phone-frame{left:calc(50% - 15px);top:24px}.hero-stage .hero-phone-0>.lesson-cite{top:246px}.hero-stage .hero-phone-1>.lesson-cite{top:294px}.u-hero-copy{padding-top:16px;gap:14px}.unified-home .u-hero-copy h1{order:1;font-size:40px;line-height:1.05}.u-hero-copy>.u-lede{order:2;font-size:17px;max-width:300px}.u-hero-copy>.u-actions{order:3}.u-hero-copy>.hero-greeting{order:4;margin-top:10px}.hero-greeting__lesson{justify-self:center}}@media(max-width:389px){.u-hero .hero-stage{height:310px}.hero-stage .phone-frame{transform:scale(.34) rotate(var(--rotate))}.hero-stage .hero-phone-0 .phone-frame{left:calc(50% - 90px)}.hero-stage .hero-phone-1 .phone-frame{left:calc(50% - 12px)}.hero-stage .hero-phone-0>.lesson-cite{top:206px}.hero-stage .hero-phone-1>.lesson-cite{top:254px}.unified-home .u-hero-copy h1{font-size:36px}}body:has(.unified-home) .cookie-consent__disclosure{position:relative;width:max-content;margin-left:auto;pointer-events:auto}body:has(.unified-home) .cookie-consent__disclosure>summary{display:flex;align-items:center;min-height:44px;padding:8px 18px;list-style:none;background:var(--surface);color:var(--ink);border:2px solid var(--chip);border-radius:24px;box-shadow:var(--float);font:600 14px var(--font-sans);cursor:pointer}body:has(.unified-home) .cookie-consent__disclosure>summary::-webkit-details-marker{display:none}body:has(.unified-home) .cookie-consent__disclosure .cookie-consent__bar{position:absolute;bottom:56px;right:0;width:min(1200px,calc(100vw - 32px));backdrop-filter:none}body:has(.unified-home) .cookie-consent__disclosure>summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media(max-width:389px){.u-hero .hero-stage{height:326px}.hero-stage .hero-phone-0>.lesson-cite{top:222px}.hero-stage .hero-phone-1>.lesson-cite{top:270px}}.unified-home{--foreground:var(--ink);--muted-foreground:var(--ink-muted);--background:var(--ground);--card:var(--surface);--primary:var(--red);--primary-foreground:var(--on-red);--border:var(--chip);--divider:var(--rule)}.unified-home :is(h1,h2,h3){color:var(--ink)}@media(min-width:1280px){.hero-stage{left:calc(50% + 10px);top:100px;width:820px;height:740px}.hero-stage .hero-phone{width:216px}.hero-stage .phone-frame{zoom:.82}.hero-phone-0{left:0;top:170px}.hero-phone-1{left:178px;top:40px}.hero-phone-2{left:356px;top:120px}.hero-phone-3{left:534px;top:75px}}@media(min-width:1921px){.hero-stage{left:calc(50% - 80px)}}.hero-track{position:static}.hero-phone{transform:rotate(var(--hero-angle));transform-origin:top center}.hero-stage .hero-phone .phone-frame{--rotate:0deg!important;transform:none}.hero-rail-controls{display:none}@media(max-width:767px){.u-nav-wrap{position:sticky;top:0;z-index:40}.stroke-desk__stage,.u-section{scroll-margin-top:148px}.u-hero .hero-stage{height:370px;max-width:440px;width:100%}.hero-track{position:relative;display:flex;align-items:flex-start;gap:16px;width:100%;height:326px;padding:18px 28px 22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.hero-track::-webkit-scrollbar{display:none}.hero-stage .hero-phone{position:relative;display:block;flex:0 0 120px;width:120px;left:auto;top:auto;margin-top:8px;scroll-snap-align:start}.hero-stage .hero-phone-0{--hero-angle:-4deg!important}.hero-stage .hero-phone-1{--hero-angle:3deg!important;margin-top:0}.hero-stage .hero-phone-2{--hero-angle:-2deg!important;margin-top:10px}.hero-stage .hero-phone-3{--hero-angle:5deg!important;margin-top:4px}.hero-stage .hero-phone .phone-frame{position:relative;left:auto;top:auto;transform:none;transform-origin:center;zoom:.38;margin-inline:auto}.hero-stage .hero-phone>.lesson-cite{position:relative;left:auto;right:auto;top:auto;display:flex;width:120px;min-height:54px;margin:12px auto 0;padding:6px 8px;font-size:12px;line-height:1.35;flex-wrap:wrap;gap:0 3px}.hero-rail-controls{display:flex;align-items:center;justify-content:center;gap:14px;height:44px;font-size:13px;color:var(--ink-muted)}.hero-rail-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:50%;background:var(--surface);color:var(--ink)}.hero-rail-controls button:disabled{opacity:.4;cursor:default}.hero-track:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;border-radius:24px}}@media(max-width:767px){.hero-track{scroll-snap-type:none}}@media(min-width:768px) and (max-width:1023px){.hero-stage .lesson-cite{font-size:17px}}@media(min-width:1024px) and (max-width:1279px){.hero-stage .lesson-cite{font-size:14px}}@media(max-width:767px){.u-hero-copy .u-actions{gap:6px}.u-hero-copy .u-actions .u-soft{min-height:44px;padding:8px 12px;background:transparent;font-size:17px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}}.u-persona-options button{min-height:44px;padding:8px 16px;font-size:19px}@media(max-width:767px){.u-hero .hero-stage{height:314px}.hero-track{height:270px}}@media(max-width:1023px){.u-nav-wrap{position:sticky;top:0;z-index:40}.u-section{scroll-margin-top:148px}}.u-nav-wrap{position:sticky;top:0;z-index:40}@media(min-width:1280px){.hero-stage{top:60px}.hero-phone-0{top:130px}.hero-phone-1{top:0}.hero-phone-2{top:80px}.hero-phone-3{top:35px}}@media(max-width:767px){.u-hero .hero-stage{width:calc(100% - 40px);max-width:440px;height:246px}.hero-stage .hero-phone{position:absolute;display:block;left:auto;top:auto;width:90px;margin:0;transform:rotate(var(--hero-angle))}.hero-stage .hero-phone .phone-frame{position:relative;left:auto;top:auto;zoom:.34;transform:none;margin-inline:auto}.hero-stage .hero-phone-0{left:calc(50% - 157px);top:28px;--hero-angle:-7deg!important}.hero-stage .hero-phone-1{left:calc(50% - 82px);top:0;--hero-angle:4deg!important}.hero-stage .hero-phone-2{left:calc(50% - 7px);top:20px;--hero-angle:-2.5deg!important}.hero-stage .hero-phone-3{left:calc(50% + 68px);top:10px;--hero-angle:9deg!important}}@media(max-width:389px){.u-hero .hero-stage{height:214px}.hero-stage .hero-phone{width:75px}.hero-stage .hero-phone .phone-frame{zoom:.284}.hero-stage .hero-phone-0{left:calc(50% - 132px)}.hero-stage .hero-phone-1{left:calc(50% - 69px)}.hero-stage .hero-phone-2{left:calc(50% - 6px)}.hero-stage .hero-phone-3{left:calc(50% + 57px)}}.u-call-minimal{justify-items:center;align-content:center;min-height:210px;text-align:center;gap:18px}.u-call-people{display:flex;align-items:center;gap:12px}.u-call-person{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;opacity:.4;outline:3px solid transparent;outline-offset:3px;transition:opacity .3s,outline-color .3s}.u-call-person img{display:block;border-radius:50%}.u-call-person[data-active=true]{opacity:1;outline-color:var(--red);animation:speaker-ring-pulse 1.4s ease-in-out infinite}.u-call-line{width:48px;border-top:2px dashed var(--rule)}.u-you-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--red);color:var(--on-red)}.u-call-turns{display:grid;width:100%}.u-call-turn{grid-area:1/1;display:grid;gap:8px;justify-items:center;align-content:start;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;visibility:hidden}.u-call-turn[data-active=true]{opacity:1;transform:none;visibility:visible}.u-call-label{margin:0;color:var(--ink-muted);font-size:14px;font-weight:600}.u-call-minimal .u-caption{margin:0;font-size:27px}.u-call-minimal .u-caption .u-caption-word{display:inline-block;margin-inline:.1em;animation:none}.u-call-turn[data-active=true] .u-caption-word{animation:caption-word-in .45s ease-out both}.u-call-minimal .u-chips{font-size:28px}.u-call-turn .u-chip{animation:none}.u-call-turn[data-active=true] .u-chip{animation:chip-in .35s ease-out both}.u-call-turn[data-active=true] .u-phrase:first-child .u-chip:nth-child(2){animation-delay:.45s}.u-call-turn[data-active=true] .u-phrase:nth-child(2) .u-chip{animation-delay:.9s}.u-call-turn[data-active=true] .u-slip{animation:chip-in .35s ease-out .45s both,slip-strike .4s ease-out 1.8s both}.u-stroke-demo .demo-stroke{animation:none;stroke-dashoffset:1;visibility:hidden}.u-stroke-demo .demo-guides{transition:opacity .45s ease}.u-stroke-demo:is([data-demo-phase=connect],[data-demo-phase=write]) .demo-guides{opacity:0}.u-stroke-demo .demo-pen{fill:var(--red);stroke:var(--surface);stroke-width:1.2;opacity:0;transition:opacity .12s}.u-stroke-demo .demo-points{opacity:0;transition:opacity .45s ease}.u-stroke-demo .demo-point{fill:var(--surface);stroke:var(--ink);stroke-width:1.6}.u-stroke-demo[data-demo-phase=connect] .demo-points{opacity:1}.demo-steps{display:flex;gap:4px;list-style:none;padding:0;margin:0;color:var(--ink-muted)}.demo-steps li{position:relative;padding:4px 10px 12px;font-size:13px;transition:color .3s}.demo-steps li>span{position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:2px;background:var(--chip);overflow:hidden}.demo-steps li>span:after{content:"";position:absolute;inset:0;background:var(--red);transform-origin:left;transform:scaleX(0)}.demo-steps li:has(~[aria-current=step])>span:after{transform:scaleX(1)}.demo-steps [aria-current=step]{color:var(--ink);font-weight:700}.demo-steps [aria-current=step]>span:after{transform:scaleX(var(--phase-progress,0))}@keyframes caption-word-in{0%{opacity:.15}to{opacity:1}}@keyframes chip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slip-strike{0%{color:var(--ink);text-decoration-color:transparent}to{color:var(--ink-muted);text-decoration-color:currentColor}}@keyframes speaker-ring-pulse{0%,to{outline-offset:3px}50%{outline-offset:6px}}.u-free-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px}.u-lesson-card{width:100%;max-width:430px;min-height:0;margin-inline:auto;padding:22px 24px}.u-lesson-card .u-tabs{margin-bottom:14px}.u-lesson-card .stroke-desk{gap:12px}.u-lesson-card .stroke-desk__stage{width:min(100%,260px)}.u-lesson-card .stroke-desk__kana{font-size:36px}.u-lesson-card [role=tabpanel]>.lesson-cite{margin-top:12px}.u-quiz{gap:18px;padding-block:10px}@media(max-width:767px){.u-free-grid{grid-template-columns:1fr;gap:36px}.u-lesson-card{padding:20px;max-width:390px}.u-lesson-card .stroke-desk__stage{width:min(100%,240px)}}@media(prefers-reduced-motion:reduce){.u-stroke-demo .demo-stroke{stroke-dashoffset:0;visibility:visible}.u-call-turn{transition:none}}.u-lesson-card .stroke-desk__picker button{width:44px;min-width:44px;height:44px}@media(max-width:767px){:is(.u-hero,.u-closing) .chip-sentence{max-width:100%;min-width:0}:is(.u-hero,.u-closing) .u-aid{display:grid;gap:2px;width:100%;max-width:100%;margin-inline:auto;text-align:center}:is(.u-hero,.u-closing) .u-aid-separator{display:none}:is(.u-hero,.u-closing) :is(.u-romaji,.u-english){min-width:0;text-wrap:balance}}.demo-number{fill:var(--red-press)}.u-lesson-card{max-width:400px;min-height:532px;padding:20px}.u-lesson-card .stroke-desk__stage{width:min(100%,240px)}.u-quiz{min-height:428px;align-content:center}.u-quiz .u-chips{font-size:28px}.u-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.u-choices button{padding:10px 6px}.u-choices button>span[lang]{font-size:24px}.u-choices button>span:last-child{font-size:14px}.u-choices .revealed>span:last-child{font-size:19px}@media(max-width:767px){.u-lesson-card{min-height:512px}.u-lesson-card .stroke-desk__stage{width:min(100%,220px)}.u-quiz{min-height:408px}}@media(max-width:359px){.u-choices{grid-template-columns:1fr}}.quiz{display:flex;flex-direction:column;gap:18px;width:100%;padding:20px clamp(16px,3vw,28px) clamp(16px,3vw,24px);border:2px solid var(--chip);border-radius:32px;background:var(--surface);color:var(--ink);font-family:var(--font-sans)}.quiz :is(button,a):focus-visible{outline:3px solid var(--ink);outline-offset:3px}.quiz-bar{display:grid;gap:12px}.quiz-bar__count{margin:0;text-align:center;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.quiz-progress{height:4px;overflow:hidden;border-radius:4px;background:var(--chip)}.quiz-progress span{display:block;height:100%;background:var(--ink);transform-origin:left center;transition:transform .3s ease}.quiz-notice{margin:-8px 0 0;color:var(--ink-muted);font-size:13px;text-align:center}.quiz-cells{display:grid;flex:1}.quiz-cell{grid-area:1/1;display:flex;flex-direction:column;gap:16px;min-width:0}.quiz-cell--ghost{visibility:hidden;pointer-events:none}.quiz-ask{text-align:center}.quiz-ask h2{margin:0;color:var(--ink);font-size:clamp(21px,2.4vw,26px);font-weight:700;line-height:1.2;letter-spacing:-.015em;text-wrap:balance}.quiz-ask h2:focus{outline:none}.quiz-ask__english{margin:6px 0 0;color:var(--ink-muted);font-size:17px;font-weight:600}.quiz-focal{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:72px;text-align:center}.quiz-focal__line{font-family:var(--font-japanese),sans-serif;font-size:clamp(28px,4.2vw,40px);font-weight:800;line-height:1.4;word-break:keep-all}.quiz-focal__romaji{margin:0;color:var(--ink-muted);font-size:15px;font-weight:500}.quiz-listen{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border:0;border-radius:24px;background:var(--chip);color:var(--ink);font-size:15px;font-weight:700}.quiz-listen:disabled{color:var(--ink-muted);cursor:not-allowed}.quiz-choices,.quiz-match{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quiz-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:64px;padding:10px 12px;border:0;border-radius:18px;background:var(--chip);color:var(--ink);font-size:17px;font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere;cursor:pointer;transition:background-color .15s,color .15s,box-shadow .15s}.quiz-choice [lang=ja]{font-family:var(--font-japanese),sans-serif;font-size:21px;font-weight:800}.quiz-choice .quiz-choice__glyph{font-size:30px;line-height:1.1}.quiz-choice small{color:var(--ink-muted);font-size:13px;font-weight:500}.quiz-choice:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--rule)}.quiz-choice.quiz-choice--selected{box-shadow:inset 0 0 0 3px var(--ink)}.quiz-choice:disabled{cursor:default}.quiz-choice--right{background:var(--red);color:var(--on-red)}.quiz-choice--right small{color:var(--on-red);font-weight:700}.quiz-choice--wrong,.quiz-choice--wrong small{color:var(--ink-muted);text-decoration:line-through;text-decoration-thickness:2px}.quiz-choice--dim,.quiz-choice--done{color:var(--ink-muted)}.quiz-choice__mark{position:absolute;top:6px;right:10px;font-size:11px;font-style:normal;font-weight:700;line-height:1;text-decoration:none}.quiz-choices--long{grid-template-columns:1fr}.quiz-choices--long .quiz-choice{padding-inline:56px}.quiz-match__column{display:grid;align-content:start;gap:10px}.quiz-match__word{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px}.quiz-match__audio{display:grid;place-items:center;width:44px;min-height:44px;border:0;border-radius:18px;background:var(--chip);color:var(--ink)}.quiz-match__audio:disabled{color:var(--ink-muted);cursor:not-allowed}.quiz-build{display:grid;gap:12px}.quiz-build__tray{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;min-height:76px;padding:10px;border:2px dashed var(--rule);border-radius:20px}.quiz-build__empty{color:var(--ink-muted);font-size:15px;font-weight:600}.quiz-build__bank{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.quiz-token{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;padding:6px 12px;border:0;border-radius:14px;background:var(--chip);color:var(--ink);cursor:pointer}.quiz-token [lang=ja]{font-family:var(--font-japanese),sans-serif;font-size:21px;font-weight:800;line-height:1.2}.quiz-token small{color:var(--ink-muted);font-size:12px;font-weight:500}.quiz-build__bank .quiz-token:disabled{opacity:.35;cursor:default}.quiz-build__tray .quiz-token:nth-child(4n+1){background:var(--segment-1)}.quiz-build__tray .quiz-token:nth-child(4n+2){background:var(--segment-2)}.quiz-build__tray .quiz-token:nth-child(4n+3){background:var(--segment-3)}.quiz-build__tray .quiz-token:nth-child(4n+4){background:var(--segment-4)}.quiz-build__tray--right{border-style:solid;border-color:var(--ink)}.quiz-build__tray--right .quiz-token:nth-child(n){background:var(--red);color:var(--on-red)}.quiz-build__tray--right .quiz-token small{color:var(--on-red)}.quiz-build__tray--wrong .quiz-token:nth-child(n){background:var(--chip);color:var(--ink-muted);text-decoration:line-through}.quiz-build__tray .quiz-token:disabled{cursor:default}.quiz-yapi{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;padding:14px 16px;border-radius:22px;background:var(--ground)}.quiz-yapi>img{border-radius:50%}.quiz-yapi__text{display:grid;min-width:0}.quiz-yapi__layer{grid-area:1/1;align-self:center;transition:opacity .2s ease}.quiz-yapi__layer[data-shown=false]{visibility:hidden;opacity:0}.quiz-yapi p{margin:0;line-height:1.45}.quiz-yapi__hint{color:var(--ink-muted);font-size:15px;font-weight:500}.quiz-yapi__verdict{font-size:17px;font-weight:700}.quiz-yapi__ja{font-family:var(--font-japanese),sans-serif;font-weight:800}.quiz-yapi__romaji{color:var(--ink-muted);font-size:14px;font-weight:500}.quiz-yapi__meaning{font-weight:600}.quiz-yapi__meaning,.quiz-yapi__reason{margin-top:2px!important;font-size:15px}.quiz-yapi__reason{color:var(--ink-muted)}.quiz-footer{display:grid}.quiz-primary{min-height:56px;padding:12px 24px;border:0;border-radius:18px;background:var(--red);color:var(--on-red);font-size:19px;font-weight:700;cursor:pointer;transition:background-color .18s}.quiz-primary:not(:disabled):hover{background:var(--red-press)}.quiz-primary:disabled{background:var(--chip);color:var(--ink-muted);cursor:not-allowed}.quiz-result{gap:14px}.quiz-result__score{text-align:center}.quiz-result__score h2{margin:0;font-size:24px;font-weight:700;line-height:1.1}.quiz-result__score h2:focus{outline:none}.quiz-result__number{font-size:2em;letter-spacing:-.03em}.quiz-result__score p{margin:6px 0 0;color:var(--ink-muted);font-size:15px}.quiz-result__lines{display:grid;margin:0;padding:0;list-style:none}.quiz-result__line{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ja side" "gloss side";align-items:center;column-gap:12px;padding:8px 0;border-top:1px solid var(--rule)}.quiz-result__japanese{grid-area:ja;font-family:var(--font-japanese),sans-serif;font-size:18px;font-weight:800;line-height:1.35}.quiz-result__gloss{grid-area:gloss;overflow:hidden;color:var(--ink-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.quiz-result__side{grid-area:side;display:flex;align-items:center;gap:8px}.quiz-result__tag{padding:4px 10px;border-radius:24px;background:var(--chip);color:var(--ink);font-size:12px;font-style:normal;font-weight:700}.quiz-result__links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 22px;margin:auto 0 0}.quiz-result__links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:15px;font-weight:600;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:5px}@media(max-width:420px){.quiz{gap:14px;border-radius:28px}.quiz-choices,.quiz-match{gap:8px}.quiz-choice{min-height:56px;padding:8px;font-size:15px}.quiz-choice__mark{top:4px;right:8px;font-size:10px}}@media(prefers-reduced-motion:reduce){.quiz-choice,.quiz-primary,.quiz-progress span,.quiz-yapi__layer{transition:none}}.stroke-desk{display:grid;gap:14px;width:100%;color:var(--ink);font-family:var(--font-sans)}.quiz-writing__scripts{justify-content:center;margin-top:-4px}.quiz-writing__desk{flex:1 0 auto;display:grid;align-content:center}.quiz-writing__desk .stroke-desk__stage{width:min(100%,300px)}.quiz-writing__desk .stroke-desk__lexicon{display:none}.quiz-writing__desk .stroke-desk__header{justify-content:center}.quiz-primary--soft{background:var(--chip);color:var(--ink)}.quiz-primary--soft:not(:disabled):hover{background:var(--rule);color:var(--ink)}.quiz-writing__set{display:grid;margin:0;padding:0;list-style:none}.quiz-writing__set li{display:flex;align-items:center;gap:14px;min-height:56px;border-top:1px solid var(--rule);font-size:16px;font-weight:600}.quiz-writing__set .u-chip{font:800 26px/1.3 var(--font-japanese),sans-serif}.quiz-writing__set .quiz-result__tag{margin-left:auto}.quiz-writing__skipped>span:not(.u-chip){color:var(--ink-muted)}.kana-page__intro{max-width:680px;margin:32px 0 clamp(40px,6vw,64px)}.kana-page__eyebrow{margin:0 0 12px;color:var(--ink-muted);font-size:15px;font-weight:600}.kana-page__intro h1{margin:0;font-size:clamp(40px,5.5vw,64px);line-height:1.04;letter-spacing:-.03em}.kana-page__intro>p:not(.kana-page__eyebrow){margin:18px 0 0;max-width:56ch;color:var(--ink-muted);font-size:19px;line-height:1.55}.kana-page__jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.kana-page__jump a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:18px;background:var(--chip);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none}.kana-page__jump a:hover{background:var(--rule)}.kana-page__section{padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--rule)}.kana-page__section+.kana-page__section{margin-top:clamp(56px,7vw,88px)}.kana-page__head{max-width:640px;margin-bottom:28px}.kana-page__head h2{margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.1;letter-spacing:-.02em}.kana-page__head p{margin:10px 0 0;color:var(--ink-muted);font-size:17px;line-height:1.55}.kana-page__head a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}.kana-page__quiz{max-width:none}.kana-bench{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:clamp(24px,4vw,48px);align-items:start}.kana-bench__chart{grid-column:1;grid-row:1;display:grid;gap:14px;min-width:0}.kana-bench .editorial-kana-chart{min-width:0}.kana-bench__tip{margin:0;color:var(--ink-muted);font-size:15px}.kana-bench__desk{grid-column:2;grid-row:1;position:sticky;top:112px;display:grid;gap:14px;padding:20px;border:2px solid var(--chip);border-radius:32px;background:var(--surface);scroll-margin-top:120px}.kana-bench__desk .stroke-desk__stage{width:min(100%,280px)}.kana-bench__controls{display:grid;grid-template-columns:44px 1fr 44px;gap:8px}.kana-bench__controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:18px;background:var(--chip);color:var(--ink);font-size:15px;font-weight:700}.kana-bench__controls button:hover{background:var(--rule)}.kana-bench :is(button):focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media(max-width:899px){.kana-bench{grid-template-columns:minmax(0,1fr)}.kana-bench__desk{grid-column:1;grid-row:1;position:static;max-width:440px;width:100%;margin-inline:auto;scroll-margin-top:160px}.kana-bench__chart{grid-row:2}}.quiz-writing__reading{color:var(--ink-muted);font-weight:600}.quiz-ask h2 [lang=ja]{font-family:var(--font-japanese),sans-serif;font-weight:800}.writing-pad{gap:12px;max-width:none;margin-inline:auto;padding:18px 20px 20px}.writing-pad__top{display:flex;justify-content:center}.writing-pad .stroke-desk{gap:12px}.writing-pad .stroke-desk__stage{width:min(100%,260px)}.writing-pad .stroke-desk__kana{font-size:36px}.stroke-desk__cluster{display:flex;align-items:center;gap:8px;min-width:0}.stroke-desk--deal .stroke-desk__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:18px}.stroke-desk--deal .stroke-desk__cluster{grid-column:1/-1;justify-content:center}.stroke-desk--deal .stroke-desk__picker{gap:8px;flex-wrap:wrap;justify-content:center}.stroke-desk__shuffle{justify-self:start;min-height:44px;padding:10px 14px;border:1px solid var(--rule);border-radius:14px;background:transparent;color:var(--ink);font:600 14px/1.2 var(--font-sans);white-space:nowrap;cursor:pointer}.stroke-desk__shuffle:active{background:var(--chip)}.stroke-desk__progress-compact{display:none}@media(max-width:420px){.writing-pad .stroke-desk__progress-full{display:none}.writing-pad .stroke-desk__progress-compact{display:inline}.writing-pad .stroke-desk__picker button{width:40px;min-width:40px;height:44px}}@media(max-width:359px){.writing-pad{padding-inline:12px}}.stroke-order-game--miss .stroke-order-game__board{animation:none;border-color:var(--ink)}.chart-quiz{scroll-margin-top:120px}.chart-setup{display:grid;gap:28px;padding:clamp(20px,3vw,32px);border:2px solid var(--chip);border-radius:32px;background:var(--surface)}.chart-setup__step{margin:0;padding:0;border:0;min-width:0}.chart-setup__step legend{margin-bottom:12px;padding:0;color:var(--ink);font-size:19px;font-weight:700}.chart-setup__modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chart-setup__modes button{display:grid;gap:4px;padding:16px 18px;border:0;border-radius:20px;background:var(--chip);color:var(--ink);text-align:left;cursor:pointer}.chart-setup__modes strong{font-size:19px}.chart-setup__modes span{color:var(--ink-muted);font-size:15px;line-height:1.4}.chart-setup__modes [aria-pressed=true]{background:var(--ink);color:var(--ground)}.chart-setup__modes [aria-pressed=true] span{color:color-mix(in srgb,var(--ground) 78%,var(--ink))}.chart-setup__groups{display:grid;grid-template-columns:1fr .7fr 1fr;gap:24px}.chart-setup__group{display:grid;align-content:start;gap:10px;min-width:0}.chart-setup__group h3{margin:0;font-size:16px;font-weight:700;color:var(--ink-muted)}.chart-setup__all,.chart-setup__rows button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 12px;border:0;border-radius:16px;background:var(--chip);color:var(--ink);font-size:15px;font-weight:700;cursor:pointer}.chart-setup__all{width:100%}.chart-setup__rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chart-setup__group--dakuten .chart-setup__rows{grid-template-columns:1fr}.chart-setup__rows [lang=ja]{font-family:var(--font-japanese),sans-serif;font-size:19px;font-weight:800}.chart-setup__rows button>span:last-child{color:var(--ink-muted);font-weight:600}:is(.chart-setup__all,.chart-setup__rows button)[aria-pressed=true]{background:var(--ink);color:var(--ground)}.chart-setup__rows button[aria-pressed=true]>span:last-child{color:inherit}:is(.chart-setup__all,.chart-setup__rows button):disabled{opacity:.4;cursor:not-allowed}.chart-setup__note{margin:0;color:var(--ink-muted);font-size:14px}.chart-setup__start{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding-top:20px;border-top:1px solid var(--rule)}.chart-setup__start p{margin:0;font-size:17px;font-weight:700}.chart-setup__start .quiz-primary{min-width:220px}.chart-read{display:grid;gap:20px}.chart-read__bar{position:sticky;top:96px;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 18px;border:2px solid var(--chip);border-radius:24px;background:var(--surface)}.chart-read__bar p{margin:0;font-size:16px;white-space:nowrap}.chart-read__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;margin:0;padding:0;list-style:none}.chart-card{display:grid;gap:8px;justify-items:center;padding:14px 12px 8px;border:2px solid var(--chip);border-radius:22px;background:var(--surface);transition:background-color .15s,border-color .15s}.chart-card__kana{font-family:var(--font-japanese),sans-serif;font-size:42px;font-weight:800;line-height:1.15;color:var(--ink);cursor:text}.chart-card__input{width:100%;min-height:44px!important;padding:6px 8px;border:0;border-radius:14px!important;background:var(--chip)!important;color:var(--ink);font-size:18px;font-weight:700;text-align:center}.chart-card__input:focus-visible{outline:3px solid var(--ink)!important;outline-offset:2px}.chart-card__note{min-height:18px;font-size:12px;font-weight:700;color:var(--ink-muted)}.chart-card--right{border-color:var(--red);background:var(--red)}.chart-card--right .chart-card__kana,.chart-card--right .chart-card__note{color:var(--on-red)}.chart-card--right .chart-card__input{background:var(--on-red)!important;color:var(--red-press)}.chart-card--missed{border-color:var(--ink)}.chart-card--missed .chart-card__input{text-decoration:line-through;text-decoration-thickness:2px}.chart-read__finish{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding-top:8px}.chart-read__finish p{margin:0;color:var(--ink-muted);font-size:15px}.chart-read__finish .quiz-primary{min-width:220px}.chart-write{max-width:none;margin-inline:auto}.chart-write__romaji{font-size:1.5em;letter-spacing:-.01em}.chart-write__desk .stroke-desk__stage{width:min(100%,260px)}.chart-write__desk .stroke-desk__kana{font-size:32px}.chart-write__desk:not(.chart-write__desk--shown) .stroke-desk__lexicon{visibility:hidden}.chart-write__actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.chart-result{display:grid;gap:16px;justify-items:center;padding:clamp(20px,3vw,32px);border:2px solid var(--chip);border-radius:32px;background:var(--surface);text-align:center}.chart-result h2{margin:0;font-size:26px;font-weight:700}.chart-result h2:focus{outline:none}.chart-result>p{margin:0;color:var(--ink-muted)}.chart-result__missed{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;width:100%;margin:0;padding:0;list-style:none}.chart-result__missed li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;background:var(--ground);font-weight:600;text-align:left}.chart-result__missed .u-chip{font:800 24px/1.3 var(--font-japanese),sans-serif}.chart-result__missed .quiz-result__tag{margin-left:auto}.chart-result__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.chart-result__actions .quiz-primary{min-width:180px}@media(max-width:899px){.chart-setup__groups{grid-template-columns:1fr 1fr}.chart-setup__group--combination{grid-column:1/-1}.chart-setup__group--combination .chart-setup__rows{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.chart-setup__groups,.chart-setup__modes{grid-template-columns:1fr}.chart-setup__group--combination .chart-setup__rows{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-read__grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.chart-card__kana{font-size:36px}.chart-read__bar{top:150px}.chart-read__finish .quiz-primary,.chart-setup__start .quiz-primary{width:100%}}@media(prefers-reduced-motion:reduce){.chart-card{transition:none}}.game-page__intro{max-width:680px;margin:20px 0 32px}.game-page__eyebrow{margin:0 0 12px;color:var(--ink-muted);font-size:15px;font-weight:600}.game-page__intro h1{margin:0;font-size:clamp(36px,5vw,56px);line-height:1.06;letter-spacing:-.03em;text-wrap:balance}.game-page__intro>p:last-child{margin:14px 0 0;max-width:60ch;color:var(--ink-muted);font-size:18px;line-height:1.55}.game-page__about{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px 48px;margin-top:clamp(48px,6vw,72px);padding-top:32px;border-top:1px solid var(--rule)}.game-page__about h2,.game-page__more h2{margin:0 0 14px;font-size:24px;line-height:1.2;letter-spacing:-.01em}.game-page__about ol{display:grid;gap:10px;margin:0;padding-left:1.3em;color:var(--ink);font-size:16px;line-height:1.55}.game-page__about dl{display:grid;gap:16px;margin:0}.game-page__about dt{font-size:16px;font-weight:700}.game-page__about dd{margin:4px 0 0;color:var(--ink-muted);font-size:15px;line-height:1.55}.game-page__more{margin-top:48px;padding-top:32px;border-top:1px solid var(--rule)}.game-page__more ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0;padding:0;list-style:none}.game-page__more a{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;height:100%;padding:14px 16px;border:2px solid var(--chip);border-radius:22px;background:var(--surface);color:var(--ink);text-decoration:none}.game-page__more a:hover{border-color:var(--ink)}.game-page__more [lang=ja]{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--segment-1);font:800 24px var(--font-japanese),sans-serif}.game-page__more li:nth-child(2) [lang=ja]{background:var(--segment-2)}.game-page__more li:nth-child(3) [lang=ja]{background:var(--segment-3)}.game-page__more li:nth-child(4) [lang=ja]{background:var(--segment-4)}.game-page__more strong{font-size:16px}.game-page__more small{color:var(--ink-muted);font-size:13px;line-height:1.4}.stroke-order-game__point{fill:var(--surface);stroke:var(--ink);stroke-width:1.6;pointer-events:none}.stroke-desk:is([data-stroke-desk-phase=connect],[data-stroke-desk-phase=memory]) .stroke-desk__kana{visibility:hidden}.stroke-desk:is([data-stroke-desk-phase=connect],[data-stroke-desk-phase=memory]) .stroke-desk__picker [aria-selected=true]{position:relative;color:transparent}.stroke-desk:is([data-stroke-desk-phase=connect],[data-stroke-desk-phase=memory]) .stroke-desk__picker [aria-selected=true]:after{content:"?";position:absolute;inset:0;display:grid;place-items:center;color:var(--on-red);font:800 22px var(--font-sans)}.quiz-stroke{width:min(100%,280px)}.quiz-choices--sentence{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.quiz-choices--sentence .quiz-choice{flex:0 1 auto;min-width:72px;padding-inline:16px}.word-search{max-width:none;margin-inline:auto;gap:12px;padding-block:14px 16px;scroll-margin-top:96px}.word-search__bar{grid-template-columns:auto 1fr;align-items:center;column-gap:12px}.word-search__bar .quiz-bar__count{grid-column:2;grid-row:1;text-align:right;font-size:15px}.word-search__bar .quiz-progress{grid-column:1/-1}.word-search__actions{grid-column:1;grid-row:1;display:flex;gap:6px}.word-search__hide{min-height:40px;padding:6px 12px;border:0;border-radius:14px;background:var(--chip);color:var(--ink);font-size:14px;font-weight:700;cursor:pointer}.word-search__hide[aria-pressed=true]{background:var(--ink);color:var(--ground)}.word-search__new{min-height:40px;padding:6px 14px;border:0;border-radius:14px;background:var(--chip);color:var(--ink);font-size:14px;font-weight:700;cursor:pointer}.word-search__new--ready{background:var(--red);color:var(--on-red)}.word-search__clues{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}.word-search__clues li{display:inline-flex;align-items:baseline;gap:6px;min-height:34px;padding:5px 11px;border-radius:12px;background:var(--chip);font-size:14px;line-height:1.5}.word-search__meaning{font-weight:700}.word-search__answer{color:var(--ink);font-family:var(--font-japanese),sans-serif;font-weight:800}.word-search__clue--found{background:var(--red)!important;color:var(--on-red)}.word-search__clue--found .word-search__answer{color:var(--on-red)}.word-search__board{position:relative;width:min(100%,max(220px,calc(100svh - 360px)));aspect-ratio:1;margin-inline:auto;touch-action:none;user-select:none;-webkit-user-select:none}.word-search__grid{display:grid;gap:4px;width:100%;height:100%}.word-search__cell{display:grid;place-items:center;min-width:0;border:0;border-radius:10px;background:var(--chip);color:var(--ink);font:800 clamp(16px,4.8vw,26px)/1 var(--font-japanese),sans-serif;cursor:pointer;touch-action:none}.word-search__cell--selected{background:var(--ink);color:var(--ground)}.word-search__rings{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.word-search__ring{stroke:var(--red);stroke-width:.78;stroke-linecap:round;fill:none;opacity:.32}.word-search__ring--live{stroke:var(--ink);opacity:.18}.word-search__note{margin:0;min-height:1.5em;color:var(--ink-muted);font-size:14px;text-align:center}@media(max-width:767px){.word-search__board{width:min(100%,max(200px,calc(100svh - 330px)))}}.game-page__lessons,.game-page__reference{margin-top:clamp(40px,5vw,56px);padding-top:28px;border-top:1px solid var(--rule)}.game-page__lessons h2,.game-page__reference h2{margin:0 0 10px;font-size:24px;line-height:1.2;letter-spacing:-.01em}.game-page__reference>p{margin:0 0 16px;color:var(--ink-muted);font-size:16px}.game-page__table{max-width:100%;overflow-x:auto;border:2px solid var(--chip);border-radius:22px}.game-page__table table{width:100%;border-collapse:collapse;font-size:15px}.game-page__table :is(th,td){padding:10px 14px;border-bottom:1px solid var(--chip);text-align:left;vertical-align:top}.game-page__table thead th{background:var(--chip);font-size:14px;font-weight:700}.game-page__table tbody th{font-weight:800;white-space:nowrap}.game-page__table tbody th,.game-page__table td{font-family:var(--font-japanese),var(--font-sans)}.game-page__table tr:last-child :is(th,td){border-bottom:0}.game-page__lessons ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.game-page__lessons a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:18px;background:var(--chip);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none}.game-page__lessons a:hover{background:var(--rule)}@media(max-height:640px){.word-search{gap:6px;padding-block:10px 12px}.word-search__clues{gap:4px}.word-search__clues li{min-height:28px;padding:3px 9px;font-size:13px}.word-search__note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.word-search__hide,.word-search__new{min-height:36px}}.quiz-build{container-type:inline-size}.quiz-build__bank,.quiz-build__tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;justify-content:stretch}.quiz-build__tray{min-height:0;padding:8px;border-style:solid;border-color:var(--chip)}.quiz-build__slot{display:grid;place-items:center;min-height:52px;border:2px dashed var(--rule);border-radius:14px;color:var(--ink-muted);font-size:14px;font-weight:700}.quiz-build .quiz-token{width:100%;min-width:0;overflow-wrap:anywhere}@container (min-width:420px){.quiz-build__bank,.quiz-build__tray{grid-template-columns:repeat(3,minmax(0,1fr))}}.quiz{container-type:inline-size;container-name:quiz}@container quiz (min-width:760px){.quiz-cell:not(.quiz-result){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"ask answers" "focal answers" "focal yapi";column-gap:32px;row-gap:16px;align-items:start}.quiz-cell:not(.quiz-result) .quiz-ask{grid-area:ask;text-align:left}.quiz-cell:not(.quiz-result) .quiz-focal{grid-area:focal;align-self:stretch;padding:20px;border-radius:24px;background:var(--ground)}.quiz-cell:not(.quiz-result) :is(.quiz-choices,.quiz-match,.quiz-build){grid-area:answers;align-self:center}.quiz-cell:not(.quiz-result) .quiz-yapi{grid-area:yapi}.quiz-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}.quiz-footer>.quiz-primary{grid-column:2}.quiz-result__lines{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}.chart-write,.word-search,.writing-pad{max-width:560px}.game-page{container-type:inline-size;container-name:page}@container page (min-width:760px){.chart-write,.word-search,.writing-pad{max-width:none}.word-search{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"board bar" "board clues" "board note";grid-template-rows:auto 1fr auto;column-gap:32px;row-gap:16px;align-items:start}.word-search>.quiz-bar{grid-area:bar}.word-search__clues{grid-area:clues;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;justify-content:stretch}.word-search__clues li{min-height:48px;font-size:16px}.word-search__board{grid-area:board;width:min(100%,max(300px,calc(100svh - 220px)))}.word-search__note{grid-area:note;text-align:left}.writing-pad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"stage top" "stage header" "stage footer";grid-template-rows:auto auto 1fr;column-gap:32px;row-gap:16px;align-items:start}.writing-pad>.stroke-desk{display:contents}.writing-pad__top{grid-area:top;justify-content:flex-start}.writing-pad .stroke-desk__header{grid-area:header;flex-direction:column;align-items:flex-start;gap:10px}.writing-pad .stroke-desk__kana{font-size:56px}.writing-pad .stroke-desk__stage{grid-area:stage;width:min(100%,380px)}.writing-pad .stroke-desk__footer{grid-area:footer;flex-direction:column;align-items:flex-start;gap:12px}.chart-write{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"desk bar" "desk ask" "desk yapi" "desk actions";grid-template-rows:auto auto 1fr auto;column-gap:32px;row-gap:16px;align-items:start}.chart-write>.quiz-bar{grid-area:bar}.chart-write>.quiz-ask{grid-area:ask;text-align:left}.chart-write__desk{grid-area:desk}.chart-write__desk .stroke-desk__stage{width:min(100%,360px)}.chart-write>.quiz-yapi{grid-area:yapi}.chart-write__actions{grid-area:actions}}@container quiz (min-width:760px){.quiz-cell--no-line{grid-template-areas:"ask answers" "focal answers" ". yapi"}.quiz-cell--no-line .quiz-focal{align-self:start;align-items:flex-start;min-height:0;padding:0;background:none}}.quiz-choices--sentence .quiz-choice{min-width:96px;padding-top:20px}.quiz-build .quiz-token,.quiz-build__slot{min-height:58px}@media(max-height:640px){.word-search__clues li{min-height:26px;padding:2px 8px;font-size:12px;gap:4px}.word-search__clues{gap:3px}.word-search__bar{row-gap:6px}}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_a80a2d{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_a80a2d{--font-sans:"Outfit","Outfit Fallback"}