.ja-specimen{font-family:var(--font-naskh);margin:0;font-size:clamp(4.5rem,20vw,9rem);font-weight:700;line-height:2}.ja-specimen--vocalized{display:grid}.ja-specimen--vocalized>span{grid-area:1/1}.ja-specimen__marks{color:var(--red)}.pron-line{font-family:var(--font-latin);color:var(--ink);opacity:.8;overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;margin:.5rem 0 0;font-size:1rem}.da-word{font-family:var(--font-latin);margin:0;font-size:clamp(1.5rem,6.5vw,2.4rem);line-height:1.7}.split-card{flex-direction:column;display:flex}.split-card__pane{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-block:1.25rem;display:flex}.split-card__pane--ja{min-block-size:var(--pane-ja-height);font-family:var(--font-ja);flex:none}.split-card__pane--da{font-family:var(--font-latin);flex:auto}.split-card__greeting{opacity:.85;margin:0 0 .75rem;font-size:1.125rem}.split-card__pane--ja .split-card__greeting{font-size:1.35rem}.reading-cues{border-block-start:1px solid var(--rule);text-align:start;inline-size:100%;margin-block-start:.5rem}.reading-cues :is(h2,h3,h4){font-family:var(--font-latin);margin:.5rem 0 0;font-size:1rem;line-height:1.5}.reading-cues__list{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.reading-cues__cue{border:1px solid var(--rule);background:var(--paper);text-align:center;align-content:start;justify-items:center;min-inline-size:7rem;max-inline-size:11rem;padding:.4rem .5rem;display:grid}.reading-cues__glyph{font-family:var(--font-naskh);font-size:1.75rem;font-weight:700;line-height:1.5}.reading-cues__cue .pron-line{margin:0;font-size:.875rem}.reading-cues__help{font-family:var(--font-latin);font-size:.875rem;line-height:1.35}.personal-name{gap:.5rem;display:grid}.personal-name__spelling{font-family:var(--font-naskh);margin:0;font-size:clamp(2.5rem,12vw,5rem);line-height:1.5}.personal-name__original{margin:0;font-size:1.25rem;font-weight:700}.personal-name__letters{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.personal-name__letters li{border-block-end:1px solid var(--rule);grid-template-columns:minmax(44px,auto) 1fr;align-items:center;gap:0 .75rem;min-height:44px;display:grid}.personal-name__letters li>[lang=ja]{font-family:var(--font-naskh);grid-row:1/3;font-size:2rem}.lesson-image,.lesson-image picture{inline-size:min(100%,28rem);display:block}.lesson-image{margin-block:.75rem}.lesson-image--loading{aspect-ratio:4/3;border:1px solid var(--rule);background:var(--card)}.lesson-image img{aspect-ratio:4/3;border:1px solid var(--rule);background:var(--card);object-fit:cover;block-size:auto;inline-size:100%;display:block}.lesson-card{min-block-size:var(--tap-min);border:1px solid var(--rule);background:var(--card);color:var(--ink);font-family:var(--font-latin);border-radius:3px;align-items:center;gap:.75rem;padding:.5rem .75rem;text-decoration:none;display:flex}.lesson-card__number{font-family:var(--font-naskh);color:var(--red);font-size:2rem;font-weight:700;line-height:1.4}.lesson-card__text{flex-direction:column;display:flex}.lesson-card__title{font-size:1.125rem;font-weight:700}.lesson-card__summary{font-size:.9375rem}.lesson-card__progress{opacity:.8;font-size:.9375rem}@media (hover:hover){.lesson-card:hover .lesson-card__title{color:var(--blue-hover)}}@media (forced-colors:active){.lesson-card__number{color:canvastext}}.entry-card{border:1px solid var(--rule);background:var(--card);justify-items:center;gap:.25rem;padding:.75rem;display:grid}.entry-phrase{justify-items:start;gap:.2rem;display:grid}.entry-phrase__fa,.entry-detail__fa{font-family:var(--font-ja);font-size:1.35rem;font-weight:700}.entry-detail{z-index:2;border-block:1px solid var(--rule);background:var(--paper);grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.5rem .75rem;display:grid;position:sticky;bottom:0}.entry-detail__help{gap:.1rem;min-block-size:6.05rem;line-height:1.3;display:grid}.entry-detail--master{text-align:left;grid-template-columns:1fr;top:0;bottom:auto}.entry-detail__link{align-items:center;min-height:44px;display:inline-flex}.entry-reveal{gap:.5rem;margin-block:.75rem;display:grid}.entry-reveal__label{margin:0;font-weight:700}@media (width<=30rem){.entry-detail{grid-template-columns:auto 1fr}.entry-detail__link{grid-column:1/-1}}.name-capture>.ruled-section{flex-direction:column;min-block-size:100dvh;display:flex}.name-capture__pane{flex-direction:column;justify-content:center;padding-block:1.5rem;display:flex}.name-capture__pane--ja{text-align:center;font-family:var(--font-ja);flex:0 0 40dvh;align-items:center}.name-capture__pane--da{font-family:var(--font-latin);flex:auto}.name-capture__question{font-family:var(--font-naskh);color:var(--ink);margin:0;font-size:clamp(2rem,10vw,3rem);font-weight:700;line-height:2}.name-capture form{flex-direction:column;gap:.75rem;max-width:28rem;display:flex}.name-capture label{color:var(--ink);font-size:1.25rem;font-weight:700}.name-capture input{min-height:var(--tap-min);border:1px solid var(--rule);background:var(--card);color:var(--ink);border-radius:3px;padding:.5rem .75rem;font-size:1.0625rem}.name-capture__actions{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.name-capture button{min-height:var(--tap-min);min-width:var(--tap-min);cursor:pointer;border-radius:3px;padding:.5rem 1.25rem;font-size:1.0625rem;font-weight:700}.name-capture button[type=submit]{background:var(--blue);color:var(--paper);border:none}.name-capture__skip{border:1px solid var(--rule);color:var(--ink);background:0 0;font-weight:400}.progress-tick{block-size:1.75rem;inline-size:1.75rem;display:inline-block}.progress-tick__mark{fill:none;block-size:100%;inline-size:100%;stroke:var(--red);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;rotate:-6deg}@keyframes progress-tick-stamp{0%{opacity:0;scale:1.7}60%{opacity:1;scale:.92}to{opacity:1;scale:1}}.progress-tick--granted .progress-tick__mark{animation:.42s cubic-bezier(.2,.8,.3,1.2) both progress-tick-stamp}@media (prefers-reduced-motion:reduce){.progress-tick--granted .progress-tick__mark{animation:none}}@media (forced-colors:active){.progress-tick__mark{stroke:canvastext}}.streak-line{grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;margin:0 0 1rem;display:grid}.streak-line .progress-tick{grid-row:1/span 3}.streak-line--resting .streak-line__fa,.streak-line--resting .streak-line__da{opacity:.82}.sticker-stamp{block-size:3.35rem;inline-size:5.25rem;display:inline-block;rotate:-4deg}.sticker-stamp--bist{rotate:3deg}.sticker-stamp--star{inline-size:3.35rem;rotate:0deg}.sticker-stamp svg{block-size:100%;inline-size:100%;overflow:visible}.sticker-stamp__frame,.sticker-stamp__ring{fill:none;stroke:var(--red);stroke-width:3px}.sticker-stamp__fa{fill:var(--red);font-family:var(--font-naskh);text-anchor:middle;font-size:2.4rem;font-weight:700}.sticker-stamp__fa--big{font-size:2.9rem}.sticker-stamp__star{fill:var(--gold);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}@keyframes sticker-stamp-thunk{0%{opacity:0;scale:2.1}65%{opacity:1;scale:.9}to{opacity:1;scale:1}}.sticker-stamp{animation:.38s cubic-bezier(.2,.9,.3,1.25) both sticker-stamp-thunk}@media (prefers-reduced-motion:reduce){.sticker-stamp{animation:none}}@media (forced-colors:active){.sticker-stamp__frame,.sticker-stamp__ring{stroke:canvastext}.sticker-stamp__fa{fill:canvastext}.sticker-stamp__star{fill:highlight;stroke:canvastext}}.sticker-stamp-wrap{justify-items:center;gap:.2rem;max-inline-size:9rem;display:inline-grid}.sticker-stamp__help{font-family:var(--font-latin);text-align:center;gap:.1rem;font-size:.75rem;display:grid}.reward-shelf{border-block-end:1px solid var(--rule);margin-block-end:1.25rem;padding-block-end:.75rem}.reward-shelf__line{margin:0 0 .5rem;display:grid}.reward-shelf__stamps{flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;display:flex}.reward-shelf .sticker-stamp{animation:none}.typing-rounds__title{font-family:var(--font-latin);font-size:1.1875rem;line-height:var(--rule-step);margin:1.25rem 0 .5rem}.typing-rounds{margin:0;padding:0;list-style:none}.typing-rounds__link{min-block-size:var(--tap-min);border-block-end:1px solid var(--rule);color:var(--blue);font-family:var(--font-latin);text-underline-offset:3px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;padding:.35rem 0;font-size:1.0625rem;text-decoration:underline;display:flex}.typing-rounds__link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (hover:hover){.typing-rounds__link:hover{color:var(--blue-hover)}}.typing-rounds__progress{color:var(--ink);opacity:.8;font-size:.875rem;text-decoration:none}.home>.ruled-section{min-block-size:100dvh}.home__title{font-size:clamp(1.25rem,4vw,1.75rem);line-height:var(--rule-step);margin:0}.home__identity{justify-items:start;gap:.1rem;display:grid}.home__masthead{grid-template-columns:minmax(0,1fr);align-items:start;gap:.75rem;margin-block-end:.5rem;display:grid}.home__masthead>.home__continue{grid-column:1}.home__continue{min-block-size:var(--tap-min);border:1px solid var(--blue);background:var(--card);color:var(--ink);border-radius:3px;gap:.1rem;padding:.65rem .75rem;line-height:1.35;text-decoration:none;display:grid}.home__continue strong{color:var(--blue);font-size:1.125rem}.home__continue-label,.home__continue>span:last-child{font-size:.875rem}.home__continue-label{letter-spacing:.04em;text-transform:uppercase;font-weight:700}.home__lesson-grid{gap:.5rem;display:grid}.home__lessons{font-family:var(--font-latin);font-size:1.1875rem;line-height:var(--rule-step);margin:0 0 .5rem}.home__review-summary{max-inline-size:var(--reading-max);margin:0 0 .5rem;font-size:.9375rem;line-height:1.5}.home__hero{--pane-ja-height:clamp(17rem, 42dvh, 24rem)}@media (width>=48rem){.home{background:var(--card)}.home__masthead{grid-template-columns:minmax(0,1fr) minmax(17rem,24rem);align-items:start}.home__masthead>.home__continue{grid-area:1/2}.home__continue{margin-block-start:-.25rem}.home__learning{container-type:inline-size}}@container (width>=42rem){.home__lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.home__workspace{grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.home__hero{--pane-ja-height:clamp(18rem, 36dvh, 24rem);position:sticky;inset-block-start:var(--rule-step)}}.lesson{flex-direction:column;min-block-size:100dvh;display:flex}.lesson>.ruled-section{flex:auto;padding-block-end:2rem}.lesson__title{font-family:var(--font-latin);font-size:1.5rem;line-height:var(--rule-step);overflow-wrap:anywhere;margin:0 0 .75rem}.lesson-foot{background:var(--paper);position:sticky;inset-block-end:0}@media (width>=48rem){.lesson{background:var(--card)}.lesson-foot{inline-size:min(100%, var(--shell-max));border-inline:1px solid var(--rule);margin-inline:auto}}.lesson-bar{padding:.35rem .75rem calc(.35rem + env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--rule);background:var(--paper);flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem 1rem;display:flex}.lesson-bar__link{min-block-size:var(--tap-min);color:var(--blue);font-family:var(--font-latin);text-underline-offset:3px;align-items:center;padding-inline:.5rem;font-size:1.0625rem;text-decoration:underline;display:inline-flex}.lesson-bar__link[aria-disabled=true]{opacity:.45;pointer-events:none}@media (hover:hover){.lesson-bar__link:hover{color:var(--blue-hover)}}.alphabet__summary{font-family:var(--font-latin);align-items:center;gap:.5rem;margin:0 0 .25rem;display:flex}.alphabet__lead{font-family:var(--font-latin);max-inline-size:34rem;margin:0 0 .5rem}.alphabet__lead-ja{font-family:var(--font-ja);font-size:1.125rem}.alphabet__section-title{margin:var(--rule-step) 0 0;font-family:var(--font-latin);font-size:1.1875rem;line-height:var(--rule-step)}.alphabet__grid{direction:ltr;grid-template-columns:repeat(auto-fill,minmax(3.25rem,1fr));gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.alphabet__cell{border:1px solid var(--rule);background:var(--card);min-block-size:3.25rem;color:var(--ink);font-family:var(--font-naskh);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;inline-size:100%;font-size:1.75rem;font-weight:700;line-height:1.6;text-decoration:none;display:flex}.alphabet__cell[aria-pressed=true],.vocab__cell[aria-pressed=true]{border-color:var(--red)}.alphabet__cluster,.vocab__group{margin-block-start:.75rem}.alphabet__cluster h3,.vocab__group h3{margin:0;font-size:1rem}.alphabet__cell--done{border-block-end:3px solid var(--red)}.alphabet__links{flex-direction:column;gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.alphabet__link{min-block-size:var(--tap-min);color:var(--blue);font-family:var(--font-latin);text-underline-offset:3px;align-items:center;font-size:1.0625rem;text-decoration:underline;display:flex}.alphabet__note{font-family:var(--font-latin);opacity:.8;margin:.25rem 0 0;font-size:.9375rem}.lesson-index__content{min-inline-size:0}.letter__eyebrow{font-family:var(--font-latin);opacity:.8;margin:0;font-size:.9375rem}.letter__specimen{text-align:center}.letter__hint,.letter__badge{font-family:var(--font-latin);flex-wrap:wrap;align-items:center;gap:.5rem;max-inline-size:34rem;margin:.75rem 0 0;font-size:.9375rem;display:flex}.letter__block{margin-block-start:var(--rule-step)}.letter__done{font-family:var(--font-latin);align-items:center;gap:.5rem;margin-block-start:var(--rule-step);display:flex}.letter__workspace{max-inline-size:var(--task-max)}.letter__identity,.letter__practice{min-inline-size:0}.letter__specimen,.letter__block,.letter__hint,.letter__badge,.letter__done{max-inline-size:var(--specimen-max)}@media (width>=64rem){.lesson-index{grid-template-columns:clamp(var(--rail-min), 24vw, var(--rail-max)) minmax(0, 1fr);align-items:start;gap:clamp(2rem,4vw,4rem);display:grid}.lesson-index>.entry-detail--master{grid-template-columns:1fr;align-self:start;justify-items:start;inset-block-start:var(--rule-step)}.alphabet__grid{grid-template-columns:repeat(auto-fit,minmax(3.5rem,5rem));justify-content:start}.letter__workspace{grid-template-columns:minmax(18rem, var(--specimen-max)) minmax(20rem, 1fr);max-inline-size:var(--shell-max);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.letter__identity{position:sticky;inset-block-start:var(--rule-step)}.letter__practice .letter__block:first-child{margin-block-start:0}}.puzzle-break{min-height:var(--tap-min);color:var(--blue);align-items:center;margin-block-start:.35rem;display:inline-flex}.btn{min-block-size:var(--tap-min);min-inline-size:var(--tap-min);font-family:var(--font-latin);cursor:pointer;border:1px solid #0000;border-radius:3px;padding:.5rem 1.25rem;font-size:1.0625rem;line-height:1.4}.btn--primary{background:var(--blue);border-color:var(--blue);color:var(--paper);font-weight:700}.btn--quiet{color:var(--blue);text-underline-offset:3px;background:0 0;font-weight:400;text-decoration:underline}@media (hover:hover){.btn--primary:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.btn--quiet:hover{color:var(--blue-hover)}}.orient__intro,.orient__body{font-family:var(--font-latin);max-inline-size:34rem;margin:.5rem 0 0;font-size:1rem}.orient__progress{opacity:.8;margin:0;font-size:.9375rem}.orient__next{margin-block-start:var(--rule-step)}@media (width>=64rem){.orient__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.orient__foundation,.orient__details{min-inline-size:0}.orient__details>.orient__point:first-child{margin-block-start:0}}.orient__point{margin-block-start:var(--rule-step)}.orient__heading{font-family:var(--font-latin);font-size:1.1875rem;line-height:var(--rule-step);margin:0}.orient__flip{margin-block-start:.5rem}.orient__turned{font-family:var(--font-latin);letter-spacing:.12em;margin:0;font-size:clamp(2.5rem,14vw,4rem);font-weight:700;line-height:1.4}.orient__sweep{block-size:auto;inline-size:min(100%,22rem);display:block}.orient__sweep-line{fill:none;stroke:var(--red);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;animation:.9s ease-out both orient-sweep}.orient__sweep-head{fill:none;stroke:var(--red);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;animation:.2s linear .9s both orient-appear}.orient__sweep-start{fill:var(--red)}@keyframes orient-sweep{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes orient-appear{0%{opacity:0}to{opacity:1}}.orient__specimen{text-align:center}.orient__row{flex-wrap:wrap;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.orient__chip{border:1px solid var(--rule);background:var(--card);min-inline-size:3rem;font-family:var(--font-naskh);text-align:center;border-radius:3px;justify-items:center;padding:.1rem .5rem .35rem;font-size:clamp(1.75rem,9vw,2.5rem);font-weight:700;line-height:1.6;display:grid}.orient__chip .pron-line{margin-block-start:0}.orient__chip-help{font-family:var(--font-latin);opacity:.8;font-size:.9375rem;font-weight:400;line-height:1.4}@media (forced-colors:active){.orient__sweep-line,.orient__sweep-head{stroke:canvastext}.orient__sweep-start{fill:canvastext}}.letter-draw{flex-direction:column;align-items:center;gap:.5rem;margin:0;display:flex}.letter-draw__sheet{background-color:var(--card);background-image:linear-gradient(to bottom, transparent 0 calc(62% - 1px), var(--rule) calc(62% - 1px) 62%, transparent 62%);border:1px solid var(--rule);border-radius:3px;block-size:auto;inline-size:min(58vw,8.5rem)}.letter-draw__path{fill:none;stroke:var(--ink);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.letter-draw__path--dot{stroke-width:6px}@keyframes letter-draw-pen{0%{stroke-dashoffset:1px;stroke:var(--red)}85%{stroke-dashoffset:0;stroke:var(--red)}to{stroke-dashoffset:0;stroke:var(--ink)}}.letter-draw__sheet--live .letter-draw__path{stroke-dasharray:1;animation:letter-draw-pen var(--draw-dur) linear var(--draw-delay) both}.letter-draw__steps{direction:ltr;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.letter-draw__step{flex-direction:column;align-items:center;gap:.15rem;display:flex}.letter-draw__step .letter-draw__sheet{inline-size:3.5rem}.letter-draw__path--live{stroke:var(--red)}.letter-draw__step-number{font-family:var(--font-ja);opacity:.8;font-size:1rem}.letter-draw__caption{max-inline-size:26rem;font-family:var(--font-latin);text-align:center;opacity:.8;font-size:.9375rem}@media (forced-colors:active){.letter-draw__path{stroke:canvastext}}.ink-confetti{pointer-events:none;block-size:0;position:absolute;inset-block-start:0;inset-inline:0}.ink-confetti__dot{opacity:0;border-radius:50%;animation:.9s ease-out both ink-confetti-fall;position:absolute;inset-block-start:0}.ink-confetti__dot--red{background:var(--red)}.ink-confetti__dot--blue{background:var(--blue)}@keyframes ink-confetti-fall{0%{opacity:0;translate:0 -6px}25%{opacity:.9}to{opacity:0;translate:0 var(--drop)}}@media (prefers-reduced-motion:reduce){.ink-confetti{display:none}}.celebration{margin-block:.75rem;position:relative}.celebration__praise{grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;margin:0;display:grid}.celebration__praise .progress-tick{grid-row:1/span 4}.celebration__fa{font-family:var(--font-ja);color:var(--ink);font-size:1.375rem;line-height:1.8}.celebration__welcome{font-family:var(--font-latin);flex-direction:column;align-items:flex-start;margin:.5rem 0 0;font-size:1rem;display:flex}.celebration__stickers{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.85rem 0 0;display:flex}.page-flip{pointer-events:none;z-index:20;place-items:center;display:grid;position:fixed;inset:0}.page-flip__sheet{background-color:var(--paper);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--rule-step) - 1px), var(--rule) calc(var(--rule-step) - 1px), var(--rule) var(--rule-step));border:1px solid var(--rule);text-align:center;transform-origin:100%;border-radius:3px;inline-size:min(20rem,82vw);padding:1.5rem 1.25rem;animation:1.2s cubic-bezier(.3,.7,.3,1) both page-flip-turn}.page-flip__fa{font-family:var(--font-naskh);color:var(--red);margin:0;font-size:1.9rem;line-height:2}.page-flip__da{font-family:var(--font-latin);color:var(--ink);margin:.25rem 0 0;font-size:1.0625rem}@keyframes page-flip-turn{0%{opacity:0;transform:perspective(900px)rotateY(-78deg)}18%{opacity:1}70%{transform:perspective(900px)rotateY(0)}to{opacity:1;transform:perspective(900px)rotateY(0)}}@media (prefers-reduced-motion:reduce){.page-flip__sheet{animation:none}}.gift-card{background:var(--card);border:1px solid var(--rule);border-block-start:3px solid var(--red);border-radius:3px;margin-block-start:1rem;padding:1rem}.gift-card__da{font-family:var(--font-latin);color:var(--ink);margin:.25rem 0 0;font-size:1rem}.gift-card__actions{flex-wrap:wrap;gap:.75rem;margin-block-start:.85rem;display:flex}.gift-card__open,.gift-card__skip{min-block-size:var(--tap-min);min-inline-size:var(--tap-min);font-family:var(--font-latin);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding-inline:1rem;font-size:1rem;display:inline-flex}.gift-card__open{background:var(--blue);color:var(--paper);border:1px solid var(--blue);text-decoration:none}.gift-card__open:hover{background:var(--blue-hover)}.gift-card__skip{color:var(--blue);border:1px solid var(--rule);background:0 0}.gift-card__open:focus-visible,.gift-card__skip:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.vowel-chip{border:1px solid var(--rule);background:var(--card);text-align:center;border-radius:3px;padding:.25rem .9rem .1rem}.vowel-chip__glyph{font-family:var(--font-naskh);margin:0;font-size:clamp(2.5rem,11vw,3.25rem);font-weight:700;line-height:2}.marks__row{align-items:center;gap:.75rem;margin-block-start:.75rem;display:flex}.marks__side{flex-direction:column;align-items:flex-start;gap:.25rem;min-inline-size:0;display:flex}.marks__later{font-family:var(--font-latin);flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem 0 0;font-size:.9375rem;display:flex}.choice-exercise{text-align:center;font-family:var(--font-latin);inline-size:100%;max-inline-size:var(--task-max);flex-direction:column;align-items:center;gap:.5rem;margin-inline:auto;display:flex}.choice-exercise__count{opacity:.8;margin:0;font-size:.9375rem}.choice-exercise__prompt{margin:0;font-size:1.25rem;font-weight:700;line-height:1.4}.choice-exercise__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;inline-size:100%;max-inline-size:22rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.choice-exercise__choice{border:1px solid var(--rule);background:var(--card);min-block-size:5rem;inline-size:100%;font-family:var(--font-naskh);cursor:pointer;border-radius:3px;place-items:center;padding:.25rem;font-size:clamp(2.25rem,12vw,3.25rem);font-weight:700;line-height:1.4;display:grid;position:relative}.choice-exercise__choice--selected{border-color:var(--blue);border-width:2px}.choice-exercise__state{font-family:var(--font-latin);font-size:.875rem;font-weight:700;line-height:1.2}.choice-exercise__choice[lang=da]{font-family:var(--font-latin);white-space:normal;word-break:normal;font-size:clamp(1.125rem,4vw,1.375rem);line-height:1.3}.choice-exercise__choice--right{border-color:var(--red);border-width:2px}.choice-exercise__feedback{min-block-size:2.5rem;inline-size:min(100%,34rem);scroll-margin-block-start:.5rem}.choice-exercise__again{flex-direction:column;align-items:stretch;gap:.4rem;margin:0;font-size:1.0625rem;display:flex}.choice-exercise__done{gap:.75rem}@media (forced-colors:active){.choice-exercise__choice--right{border-color:canvastext}}.vocab__badge{flex-wrap:wrap}@media (width<=47.99rem) and (height<=44rem){.vocab__unit-phrase .entry-phrase{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.75rem}.vocab__unit-phrase .pron-line{margin:0;font-size:.875rem;line-height:1.4}.vocab__unit-phrase .entry-phrase>span:last-child{grid-column:1/-1}}.vocab__grid{grid-template-columns:repeat(auto-fill, minmax(var(--tile-min,8rem), 1fr));direction:ltr;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.vocab__cell{min-block-size:var(--tap-min);border:1px solid var(--rule);background:var(--card);color:var(--ink);inline-size:100%;font:inherit;cursor:pointer;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.5rem .4rem;display:flex}.vocab__cell--done{border-block-end:3px solid var(--red)}.vocab__cell-ja{font-family:var(--font-naskh);font-size:1.5rem;font-weight:700;line-height:1.5}.vocab__cell-da{font-family:var(--font-latin);opacity:.8;font-size:.875rem}.lesson--word .split-card{--pane-ja-height:clamp(18rem, 40dvh, 22rem)}@media (width>=64rem){.vocab__grid{grid-template-columns:repeat(auto-fit, minmax(var(--tile-wide-min,9rem), var(--tile-wide-max,12rem)));justify-content:start}.lesson--word .split-card{max-inline-size:var(--task-max);grid-template-columns:minmax(0,1fr) 1px minmax(0,.7fr);align-items:stretch;display:grid}.lesson--word .split-card__pane--ja{min-block-size:24rem}.lesson--word .rule-divider{border-block-start:0;border-inline-start:1px solid var(--rule)}}.connected-reading-link{min-block-size:var(--tap-min);color:var(--blue);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.connected-reading-link [lang=ja]{font-family:var(--font-naskh);font-size:1.35rem;font-weight:700}.color-swatch{border:1px solid var(--ink);background:var(--swatch);border-radius:3px;flex:none;display:block}.color-swatch--small{block-size:1.35rem;inline-size:2.25rem}.color-swatch--large{block-size:clamp(5rem,18vw,9rem);inline-size:min(100%,28rem);margin:.75rem auto}.color-swatch--red{--swatch:var(--swatch-red)}.color-swatch--blue{--swatch:var(--swatch-blue)}.color-swatch--green{--swatch:var(--swatch-green)}.color-swatch--yellow{--swatch:var(--swatch-yellow)}.color-swatch--black{--swatch:var(--swatch-black)}.color-swatch--white{--swatch:var(--swatch-white)}.color-swatch--orange{--swatch:var(--swatch-orange)}.color-swatch--pink{--swatch:var(--swatch-pink)}.keyboard{max-inline-size:var(--keyboard-max);grid-template-columns:repeat(7,1fr);gap:.25rem;margin-inline:auto;padding:.25rem;display:grid}@media (width<=339px){.keyboard{grid-template-columns:repeat(6,1fr)}}.keyboard__key{min-block-size:var(--tap-min);min-inline-size:var(--tap-min);border:1px solid var(--blue);background:var(--card);color:var(--ink);font-family:var(--font-naskh);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:1.375rem;font-weight:700;line-height:1.4;display:flex}.keyboard__key--sign{border-color:var(--rule)}.keyboard__key:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.keyboard__key:active{background:var(--blue);color:var(--paper)}@media (hover:hover){.keyboard__key:hover{border-color:var(--blue-hover)}}.keyboard__letter{flex-direction:column;align-items:center;line-height:1.15;display:flex}.keyboard__hint{font-family:var(--font-latin);color:var(--orange);font-size:.875rem;line-height:1}.keyboard__stroke{border-block-end:2px solid var(--blue);block-size:.75rem;inline-size:1.5rem}.keyboard__half{gap:.3rem;block-size:.75rem;display:flex}.keyboard__half>span{border-block-end:2px solid var(--blue);inline-size:.6rem}.keyboard__sign-cap{flex-direction:column;align-items:center;gap:.15rem;inline-size:100%;min-inline-size:0;display:flex}.keyboard__caption{inline-size:100%;font-family:var(--font-latin);text-align:center;white-space:nowrap;color:var(--blue);font-size:clamp(.5625rem,3vw,.75rem);line-height:1}.keyboard__caption>span{display:block}.keyboard__erase{font-family:var(--font-latin);color:var(--blue);font-size:1.25rem}.keyboard__key:active .keyboard__erase,.keyboard__key:active .keyboard__caption,.keyboard__key:active .keyboard__hint{color:var(--paper)}.keyboard__key:active .keyboard__stroke,.keyboard__key:active .keyboard__half>span{border-block-end-color:var(--paper)}.type__meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin:0 0 .25rem;display:flex}.type__count{font-family:var(--font-latin);opacity:.8;white-space:nowrap;margin:0;font-size:.9375rem}.type__prompt{font-family:var(--font-latin);font-size:1.25rem;line-height:var(--rule-step);margin:.25rem 0 0}.type__note{font-family:var(--font-latin);font-size:.9375rem;line-height:var(--rule-step);opacity:.8;margin:.75rem 0 0}.type__reveal{min-inline-size:0;scroll-margin-block-start:.5rem}.type__line-row{max-inline-size:26rem;margin-inline:auto;display:flow-root}.type__action{float:inline-end;padding:0 .75rem}.type__line{min-block-size:var(--tap-min);border-block-end:2px solid var(--rule);font-family:var(--font-naskh);color:var(--ink);justify-content:flex-start;align-items:baseline;gap:.1rem;margin:0;padding:.25rem .75rem;font-size:2.25rem;font-weight:700;line-height:1.5;display:flex}.type__caret{background:var(--blue);align-self:center;block-size:1.75rem;inline-size:2px}.type__feedback{max-inline-size:26rem;margin-inline:auto;padding-inline:.75rem}.type__marks{flex-wrap:wrap;gap:.25rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.type__cell{border-block-end:2px solid var(--rule);min-block-size:2.5rem;min-inline-size:2.25rem;font-family:var(--font-naskh);color:var(--ink);justify-content:center;align-items:center;padding:.1rem .3rem;font-size:1.5rem;font-weight:700;line-height:1.4;display:flex}.type__cell--mark{border-block-end-color:var(--red);color:var(--red)}.type__cell--empty{border:2px dashed var(--red);border-radius:3px}.type__stroke{border-block-end:2px solid;block-size:.7rem;inline-size:1.25rem}.type__half{gap:.25rem;block-size:.7rem;display:flex}.type__half:before,.type__half:after{content:"";border-block-end:2px solid;inline-size:.5rem}.type__again{font-family:var(--font-latin);font-size:1rem;line-height:var(--rule-step);flex-wrap:wrap;align-items:baseline;gap:.35rem;margin:.5rem 0 0;display:flex}.type__again [lang=ja]{font-family:var(--font-ja);font-size:1.25rem}@media (width>=64rem){.lesson--typing{grid-template-columns:minmax(0, 1fr) minmax(28rem, var(--keyboard-max));max-inline-size:var(--shell-max);align-items:start;min-block-size:100dvh;margin-inline:auto;display:grid}.lesson--typing>.ruled-section{border-inline-end:0;min-block-size:100dvh;inline-size:auto;margin:0}.lesson--typing>.lesson-foot{block-size:100dvh;inline-size:auto;flex-direction:column;align-self:start;margin:0;padding-block-start:var(--rule-step);display:flex;position:sticky;inset-block:0 auto}.lesson--typing .lesson-bar{margin-block-start:auto}.lesson--typing .type__line-row,.lesson--typing .type__feedback,.lesson--typing .keyboard{inline-size:min(calc(100% - 2rem), var(--keyboard-max));max-inline-size:var(--keyboard-max)}}.type__help{font-family:var(--font-latin);margin-block-start:.5rem}.type__help>summary{min-block-size:var(--tap-min);color:var(--blue);text-underline-offset:3px;cursor:pointer;align-items:center;font-size:1rem;text-decoration:underline;display:flex}.type__help>summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.type__help-ja{font-family:var(--font-naskh);color:var(--ink);margin:0 0 .25rem;font-size:1.75rem;font-weight:700;line-height:1.8}.letter-bank__label{font-family:var(--font-latin);opacity:.8;flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin:0 0 .4rem;font-size:.9375rem;display:flex}.letter-bank__tray{grid-template-columns:repeat(auto-fill, minmax(var(--tap-min), 1fr));gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.letter-bank__tile{inline-size:100%;min-block-size:var(--tap-min);min-inline-size:var(--tap-min);border:1px solid var(--rule);background:var(--card);color:var(--ink);font-family:var(--font-naskh);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:1.5rem;font-weight:700;line-height:1.6;display:flex}.letter-bank__tile:hover{border-color:var(--blue)}.letter-bank__tile:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.letter-bank__tile--used{opacity:.4;cursor:default}.name__preview{font-family:var(--font-naskh);overflow-wrap:anywhere;margin:.5rem 0;font-size:clamp(2.5rem,14vw,4rem);font-weight:700;line-height:1.8}.name__hint{font-family:var(--font-latin);opacity:.8;margin:0 0 .75rem;font-size:.9375rem}.name__choices{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.name__choice-row{align-items:center;gap:.5rem;display:flex}.name__choice{min-block-size:var(--tap-min);border:1px solid var(--rule);background:var(--card);color:var(--ink);font-family:var(--font-naskh);text-align:start;cursor:pointer;border-radius:3px;flex:1;padding:.35rem .75rem;font-size:1.75rem;font-weight:700;line-height:1.7}.name__choice:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.name__choice--picked{border-color:var(--red);border-inline-start-width:3px}.name__actions{flex-wrap:wrap;gap:.5rem;margin-block:.75rem;display:flex}.name__actions--save{margin-block-start:1.5rem}.name__done{font-family:var(--font-latin);align-items:center;gap:.5rem;margin-block:1rem;display:flex}.lesson--name>.ruled-section>:not(.lesson__title),.name__practice{max-inline-size:var(--task-max)}@media (width>=64rem){.name__practice{max-inline-size:var(--shell-max);grid-template-columns:minmax(0,1fr) minmax(20rem,.8fr);gap:clamp(2rem,5vw,5rem);display:grid}.name__practice>.name-assembly{align-self:start;position:sticky;inset-block-start:var(--rule-step)}}.letter-forms__row{direction:ltr;grid-template-columns:repeat(4,1fr);gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.letter-forms__cell{border:1px solid var(--rule);background:var(--card);border-radius:3px;flex-direction:column;align-items:center;padding-block:.25rem .4rem;display:flex}.letter-forms__glyph{font-family:var(--font-naskh);font-size:clamp(1.75rem,8vw,2.5rem);font-weight:700;line-height:1.6}.letter-forms__label{font-family:var(--font-latin);opacity:.8;font-size:.8125rem;line-height:1.3}.letter-forms__note{font-family:var(--font-latin);opacity:.8;margin:.6rem 0 0;font-size:.9375rem}.name-walk{margin:0;padding:0;list-style:none}.name-walk__step{border-block-end:1px solid var(--rule);animation:.32s ease-out backwards name-walk-ink;animation-delay:calc(var(--step,0) * .18s);margin-block:.9rem;padding-block-end:.9rem}.name-walk__step:last-child{border-block-end:none}@keyframes name-walk-ink{0%{opacity:0;transform:translate(.4rem)}}.name-walk__count{font-family:var(--font-latin);opacity:.8;margin:0;font-size:.875rem}.name-walk__grown{font-family:var(--font-naskh);margin:.15rem 0 .35rem;font-size:clamp(2rem,11vw,3rem);font-weight:700;line-height:1.8}.name-walk__note{font-family:var(--font-latin);margin:0 0 .5rem;font-size:.9375rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.name-walk__step{animation:none}}.name-assembly{margin-block-start:1.25rem}.name-assembly__line{border-block-end:1px solid var(--rule);min-block-size:3.5rem}.name-assembly__again{font-family:var(--font-latin);flex-direction:column;align-items:stretch;gap:.25rem;margin:.5rem 0;font-size:.9375rem;line-height:1.5;display:flex}.name-assembly__again [lang=ja]{color:var(--red);font-family:var(--font-ja);font-size:1.125rem;line-height:1.7}.kit{font-family:var(--font-latin);padding:1rem}.kit__title{margin:0 0 .5rem;font-size:1.5rem;line-height:1.3}.kit__intro{max-width:42rem;margin:0 0 .75rem}.kit__back{color:var(--blue);min-block-size:var(--tap-min);align-items:center;display:inline-flex}.kit__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;margin-block-start:1rem;display:grid}.kit__frame{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:3px;min-width:0;padding:.75rem}.kit__frame-title{letter-spacing:.02em;margin:0 0 .75rem;font-size:1rem;font-weight:700}.kit__sample+.kit__sample{margin-block-start:1.5rem}.kit__label{opacity:.8;margin:0 0 .4rem;font-size:1rem;font-weight:400}.kit__row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.puzzle__count,.puzzle__meaning p{margin:0}.lesson--task>.ruled-section>:not(.lesson__title){max-inline-size:var(--task-max);margin-inline:auto}.puzzle__word,.puzzle__assembled{min-height:4.5rem;font-family:var(--font-naskh);text-align:center;margin:0;font-size:clamp(3rem,15vw,6rem);line-height:1.5}.puzzle__meaning{justify-items:center;gap:.25rem;font-size:1.25rem;display:grid}.puzzle__choices,.puzzle__tiles,.puzzle__actions{max-inline-size:var(--task-max);flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.puzzle__choices button,.puzzle__tiles button{border:1px solid var(--blue);background:var(--card);min-width:44px;min-height:44px;color:var(--ink);font:inherit;padding:.55rem .75rem}.puzzle__choices .puzzle__choice--selected{background:var(--paper);border-width:2px}.puzzle__choice-state{font-family:var(--font-latin);font-size:.875rem;font-weight:700;display:block}.puzzle__feedback{max-inline-size:34rem;scroll-margin-block-start:.5rem}.puzzle__choices button{text-align:start;gap:.15rem;display:grid}.puzzle__choices--letters button,.puzzle__tiles button{font-family:var(--font-naskh);font-size:2rem}.puzzle__tiles button[aria-pressed=true]{opacity:.45}.review-session{inline-size:100%;max-inline-size:var(--task-max);text-align:center;justify-items:center;gap:.5rem;margin-inline:auto;display:grid}.review-session h2,.review-session p{margin:0}.review-session__prompt:focus{outline:2px solid var(--blue);outline-offset:2px}.review-session__count{opacity:.8;font-size:.9375rem}.review-session__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;inline-size:min(100%,24rem);margin:.5rem 0;padding:0;list-style:none;display:grid}.review-session__choices button{border:1px solid var(--rule);background:var(--card);min-block-size:5rem;inline-size:100%;font-family:var(--font-naskh);cursor:pointer;border-radius:3px;place-items:center;padding:.4rem;font-size:2rem;display:grid}.review-session__choices button[lang=da]{font-family:var(--font-latin);font-size:1.125rem}.review-session__choice--selected{border:2px solid var(--blue)!important}.review-session__choice--right{border-color:var(--red)!important}.review-session__choices strong{font-family:var(--font-latin);font-size:.875rem}.review-session__feedback{inline-size:min(100%, var(--specimen-max));min-block-size:2rem;scroll-margin-block-start:.5rem}.review-session--done{text-align:start;justify-items:start}.review-session__actions,.guided-model{justify-items:center;gap:.75rem;display:grid}.guided-model{inline-size:min(100%, var(--task-max));text-align:center;overflow-wrap:anywhere;min-inline-size:0;margin-inline:auto}.guided-model>*,.guided-model__next>*,.guided-model__comparison-grid>*{min-inline-size:0;max-inline-size:100%}.guided-model>p,.guided-model h2,.guided-model h3{overflow-wrap:anywhere;margin:0}.guided-model>.entry-card,.guided-model__support,.guided-model__comparison,.guided-model__guide{inline-size:100%;max-inline-size:var(--specimen-max)}.guided-model__support,.guided-model__comparison,.guided-model__guide,.guided-model__next{justify-items:center;gap:.6rem;display:grid}.guided-model__next{inline-size:100%;scroll-margin-block-start:.5rem}.guided-model__comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.guided-model__comparison-card{border:1px solid var(--rule);background:var(--card);place-items:center;gap:.25rem;padding:.75rem;display:grid}.guided-model__comparison-card [lang=ja]{font-size:2.5rem}@media (width<=25rem){.guided-model__comparison-grid{grid-template-columns:1fr}}.reading-transfer{max-inline-size:var(--task-max);text-align:center;justify-items:center;gap:.75rem;margin-inline:auto;display:grid}.reading-transfer>h2,.reading-transfer>p{margin:0}.reading-transfer__support{inline-size:min(100%, var(--specimen-max));gap:.5rem;display:grid}.reading-transfer__support>h2,.reading-transfer__support>p{margin:0}.reading-transfer__support-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.5rem;display:grid}.journey-gate>.ruled-section{min-block-size:100dvh}.journey-gate__layout{gap:1.25rem;max-inline-size:62rem;margin-inline:auto;display:grid}.journey-gate__intro h1{letter-spacing:0;max-inline-size:20ch;margin:0;font-size:2rem;line-height:1.2}.journey-gate__intro p{max-inline-size:34rem;margin:.25rem 0 0}.journey-gate__eyebrow{color:var(--red);font-size:.875rem;font-weight:700}.journey-gate__invitation{align-items:center;gap:.75rem;max-inline-size:28rem;display:grid}.journey-gate__invitation .lesson-image{inline-size:100%;margin:0}.journey-gate__invitation .lesson-image img{border-color:var(--ink);border-radius:4px}.journey-gate__word{border-block-end:2px solid var(--blue);justify-content:space-between;align-items:baseline;gap:1rem;min-block-size:4.5rem;padding:.25rem .75rem;display:flex}.journey-gate__word [lang=ja]{font-family:var(--font-ja-display);font-size:3.75rem;font-weight:700;line-height:1.1}.journey-gate__word>span:last-child{font-size:1.125rem}.journey-gate__invitation .btn{inline-size:100%}.journey-gate__course{border-block-start:1px solid var(--rule);max-inline-size:28rem;padding-block-start:.5rem}.journey-gate__course p{margin:0}@media (width<=47.99rem) and (height<=44rem){.journey-gate__invitation .lesson-image,.journey-gate__invitation .lesson-image picture{block-size:8rem}.journey-gate__invitation .lesson-image--loading{aspect-ratio:auto}.journey-gate__invitation .lesson-image img{aspect-ratio:auto;block-size:100%}}@media (width>=48rem){.journey-gate{background:var(--card)}.journey-gate__layout{min-block-size:calc(100dvh - 2 * var(--rule-step));grid-template-columns:minmax(16rem,.8fr) minmax(22rem,1.2fr);align-items:center;column-gap:clamp(2rem,6vw,5rem)}.journey-gate__intro h1{font-size:3rem}.journey-gate__intro,.journey-gate__course{grid-column:1}.journey-gate__invitation{grid-area:1/2/span 2}}.area-nav{z-index:30;border-block-start:1px solid var(--rule);background:var(--card);font-family:var(--font-latin);padding-block-end:env(safe-area-inset-bottom,0px);position:fixed;inset-block-end:0;inset-inline:0}.area-nav ul{max-inline-size:var(--task-max);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;margin-inline:auto;padding:0;list-style:none;display:grid}.area-nav li{min-inline-size:0;display:grid}.area-nav li+li{border-inline-start:1px solid var(--rule)}.area-nav a{min-block-size:var(--tap-min);min-inline-size:0;color:var(--blue);text-align:center;overflow-wrap:normal;place-items:center;padding:.125rem .25rem;font-size:.875rem;line-height:1.2;text-decoration:none;display:grid}.area-nav a[aria-current=page]{box-shadow:inset 0 4px var(--red);background:var(--paper);color:var(--ink);font-weight:700;text-decoration:none}.area-nav a:focus-visible{z-index:1;outline:3px solid var(--blue);outline-offset:-4px;position:relative}@media (width>=40rem){.area-nav a{padding-inline:.75rem;font-size:1rem}}.settings-corner{z-index:40;font-family:var(--font-latin);position:fixed;inset-block-start:max(.75rem, env(safe-area-inset-top,0px));inset-inline-end:max(.75rem, env(safe-area-inset-right,0px))}.settings-corner__toggle{border:1px solid var(--rule);background:var(--card);min-width:44px;min-height:44px;color:var(--ink);box-shadow:0 2px 8px color-mix(in srgb, var(--ink) 16%, transparent);cursor:pointer;border-radius:3px;place-items:center;padding:.25rem;font-size:1rem;display:grid}.settings-corner__gear{font-size:1.45rem;line-height:1}.settings-corner__panel{width:min(22rem,100vw - 1.5rem);max-width:calc(100vw - 1.5rem);max-block-size:calc(100dvh - 5rem - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;border:1px solid var(--rule);background:var(--card);box-shadow:0 1px 0 var(--rule);border-radius:3px;flex-direction:column;gap:.5rem;padding:.85rem;display:flex;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0;overflow-y:auto}.settings-corner__panel h2{margin:0;font-size:1.125rem}.settings-corner__panel label{color:var(--ink);font-size:1rem;font-weight:700}.settings-corner__panel input{min-height:var(--tap-min);border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:3px;padding:.4rem .6rem;font-size:1rem}.settings-corner__actions{gap:.5rem;display:flex}.settings-corner__actions button{min-height:var(--tap-min);min-width:var(--tap-min);border:1px solid var(--rule);background:var(--blue);color:var(--paper);cursor:pointer;border-radius:3px;padding:.4rem .9rem;font-size:1rem}.settings-corner__delete{color:var(--ink);background:0 0}.settings-corner__sound{min-height:var(--tap-min);cursor:pointer;align-items:center;gap:.6rem;font-weight:400;display:flex}.settings-corner__sound input{min-height:1.35rem;block-size:1.35rem;inline-size:1.35rem;accent-color:var(--blue);padding:0}.settings-corner__colors{gap:.25rem;display:grid}.settings-corner__colors select{min-height:var(--tap-min);border:1px solid var(--rule);background:var(--paper);inline-size:100%;color:var(--ink);font:inherit;border-radius:3px;padding:.4rem .6rem}.settings-corner__spelling{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;display:flex}.settings-corner__spelling-ja{font-family:var(--font-naskh);font-size:1.5rem;font-weight:700;line-height:1.7}.settings-corner__link{min-height:var(--tap-min);color:var(--blue);align-items:center;font-size:1rem;display:flex}.settings-corner__privacy[lang=ja]{font-family:var(--font-ja);font-size:1.125rem;line-height:1.8}.app-content{padding-block-end:var(--area-nav-block-size,calc(4.5rem + env(safe-area-inset-bottom,0px)))}@font-face{font-family:Andika;src:url(/app/fonts/Andika-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Andika;src:url(/app/fonts/Andika-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/app/fonts/NotoSansJP-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/app/fonts/NotoSansJP-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--paper-light:#f7f2e9;--ink-light:#26211b;--red-light:#941520;--blue-light:#174488;--rule-light:#c7d3e2;--card-light:#efe8da;--gold-light:#b8862b;--orange-light:#793500;--paper-dark:#240b1a;--ink-dark:#fff2f8;--red-dark:#ff9dcc;--blue-dark:#9be8e3;--rule-dark:#75405e;--card-dark:#351126;--gold-dark:#ffd479;--orange-dark:#ffc38f;--swatch-red:#d32f2f;--swatch-blue:#1976d2;--swatch-green:#2e7d32;--swatch-yellow:#f7c948;--swatch-black:#171717;--swatch-white:#fff;--swatch-orange:#ef7d00;--swatch-pink:#ec5f91;--font-latin:"Andika", "Segoe UI", system-ui, sans-serif;--font-ja:"Noto Sans JP", "Andika", system-ui, sans-serif;--font-naskh:"Noto Sans JP", "Andika", serif;--font-ja-display:var(--font-naskh);--pane-ja-height:55dvh;--tap-min:44px;--shell-max:80rem;--reading-max:42rem;--task-max:52rem;--specimen-max:34rem;--keyboard-max:34rem;--rail-min:18rem;--rail-max:24rem;--page-gutter:clamp(1rem, 4vw, 4rem);--rule-step:2.25rem;--rule-shift:1.625rem;--madde-cut:.54em;--zir-cut:1.3em}:root,.scheme-light{--paper:var(--paper-light);--ink:var(--ink-light);--red:var(--red-light);--blue:var(--blue-light);--rule:var(--rule-light);--card:var(--card-light);--gold:var(--gold-light);--orange:var(--orange-light);--blue-hover:color-mix(in srgb, var(--blue) 85%, var(--ink));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not(.scheme-light){--paper:var(--paper-dark);--ink:var(--ink-dark);--red:var(--red-dark);--blue:var(--blue-dark);--rule:var(--rule-dark);--card:var(--card-dark);--gold:var(--gold-dark);--orange:var(--orange-dark);--blue-hover:color-mix(in srgb, var(--blue) 85%, var(--ink));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.scheme-dark{--paper:var(--paper-dark);--ink:var(--ink-dark);--red:var(--red-dark);--blue:var(--blue-dark);--rule:var(--rule-dark);--card:var(--card-dark);--gold:var(--gold-dark);--orange:var(--orange-dark);--blue-hover:color-mix(in srgb, var(--blue) 85%, var(--ink));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-width:0;padding-block-start:env(safe-area-inset-top,0px);padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);background:var(--paper);color:var(--ink);font-family:var(--font-latin);margin:0;font-size:1rem;line-height:1.5;overflow-x:hidden}#root{min-height:100dvh}.persistence-notice{padding:.5rem var(--page-gutter);border-block-end:1px solid var(--rule);background:var(--card);color:var(--ink);text-align:center;margin:0;font-size:.875rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (width>=48rem){body{background:var(--card)}}img,svg{max-width:100%;height:auto}button,input{font:inherit;color:inherit}:where(a:link,a:visited){color:var(--blue)}@media (hover:hover){:where(a:hover){color:var(--blue-hover)}}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}main h1[tabindex="-1"]:focus{box-shadow:inset 0 -2px var(--blue);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}cocode-foot{margin-block-end:var(--area-nav-block-size,calc(4.5rem + env(safe-area-inset-bottom,0px)))}.streak-line__fa,.reward-shelf__fa{font-family:var(--font-ja);color:var(--ink);font-size:1.125rem;line-height:1.9}.streak-line__da,.reward-shelf__da,.celebration__da{font-family:var(--font-latin);color:var(--ink);font-size:1rem}.rule-divider,.name-capture__rule{border:0;border-block-start:1px solid var(--rule);margin:0}.name-capture__hint,.settings-corner__privacy{color:var(--ink);opacity:.8;margin:0;font-size:1rem}