@font-face{font-family:Inter;src:url(/fonts/Inter-var.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/fonts/NotoSansJP-var.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Shippori Mincho;src:url(/fonts/ShipporiMincho-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Shippori Mincho;src:url(/fonts/ShipporiMincho-500.woff2)format("woff2");font-weight:500 700;font-style:normal;font-display:swap}:root,.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f1e8;--surface:#fbf8f2;--ink:#1e1d1b;--ink-muted:#5a564f;--hairline:#d9d2c3;--control-line:#8a8478;--accent:#c0432a;--accent-text:#b03a23;--on-accent:#fbf8f2;--on-ink:#f5f1e8;--wash:#1e1d1b0a}:root[data-theme=dark],.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#141311;--surface:#1b1a17;--ink:#ece6da;--ink-muted:#b3ac9f;--hairline:#34312c;--control-line:#6e685e;--accent:#e0674d;--accent-text:#e0674d;--on-accent:#141311;--on-ink:#141311;--wash:#ece6da0d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#141311;--surface:#1b1a17;--ink:#ece6da;--ink-muted:#b3ac9f;--hairline:#34312c;--control-line:#6e685e;--accent:#e0674d;--accent-text:#e0674d;--on-accent:#141311;--on-ink:#141311;--wash:#ece6da0d}}:root{--font-ui:"Inter", "Noto Sans JP", system-ui, sans-serif;--font-jp:"Noto Sans JP", "Inter", system-ui, sans-serif;--font-display:"Shippori Mincho", "Noto Sans JP", serif;--text-xs:.8125rem;--text-sm:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--text-kana:4.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius:2px;--line:1px solid var(--hairline);--touch:48px;--column:40rem;--tabbar-height:64px;--ease:cubic-bezier(.22, .61, .36, 1);--dur-1:.18s;--dur-2:.32s;--dur-3:.56s}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--paper)}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-ui);font-size:var(--text-md);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);margin:0;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.25}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}p{margin:0}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[lang=ja]{font-family:var(--font-jp);word-break:auto-phrase;line-height:1.8}ruby{ruby-position:over}rt{font-family:var(--font-jp);color:var(--ink-muted);letter-spacing:0;font-size:.5em;font-weight:400}hr{border:0;border-top:var(--line);margin:var(--space-6) 0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-4);padding:max(var(--space-2), env(safe-area-inset-top)) var(--space-4) var(--space-2);background:var(--paper);border-bottom:var(--line);display:flex;position:sticky;top:0}.wordmark{align-items:center;gap:var(--space-3);min-height:var(--touch);font-size:var(--text-sm);letter-spacing:.04em;font-weight:500;text-decoration:none;display:inline-flex}.wordmark__seal{width:24px;height:24px;display:block}.app-header__actions{align-items:center;gap:var(--space-1);display:flex}.app-main{width:100%;max-width:var(--column);padding:var(--space-6) var(--space-4) calc(var(--tabbar-height) + var(--space-7) + env(safe-area-inset-bottom));flex:1;margin:0 auto}.app-main--wide{max-width:72rem}.tabbar{z-index:10;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__item{min-height:var(--tabbar-height);color:var(--ink-muted);font-size:var(--text-xs);letter-spacing:.02em;transition:color var(--dur-2) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.tabbar__item svg{width:22px;height:22px}.tabbar__item[aria-current=page]{color:var(--ink)}.tabbar__item[aria-current=page]:before{content:"";background:var(--accent);width:20px;height:2px;margin-left:-10px;position:absolute;top:-1px;left:50%}.desktop-nav{display:none}@media (width>=900px){.tabbar{display:none}.desktop-nav{gap:var(--space-2);display:flex}.desktop-nav a{min-height:var(--touch);padding:0 var(--space-3);color:var(--ink-muted);font-size:var(--text-sm);align-items:center;text-decoration:none;display:inline-flex;position:relative}.desktop-nav a[aria-current=page]{color:var(--ink)}.desktop-nav a[aria-current=page]:after{content:"";left:var(--space-3);right:var(--space-3);background:var(--accent);height:1px;position:absolute;bottom:8px}.app-header{padding-left:var(--space-6);padding-right:var(--space-6)}.app-main{padding-top:var(--space-8);padding-bottom:var(--space-9)}}.page{gap:var(--space-7);animation:fade var(--dur-3) var(--ease) both;flex-direction:column;display:flex}.page-head{gap:var(--space-2);flex-direction:column;display:flex}.eyebrow{font-size:var(--text-xs);color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase}.lede{color:var(--ink);font-size:var(--text-md);max-width:36em;line-height:1.65}.muted{color:var(--ink-muted)}.small{font-size:var(--text-sm)}.section{gap:var(--space-4);flex-direction:column;display:flex}.section__title{font-size:var(--text-xs);color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;padding-bottom:var(--space-2);border-bottom:var(--line);font-weight:500}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.card{background:var(--surface);border:var(--line);border-radius:var(--radius);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.card--quiet{background:0 0}.card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.card-head .icon-btn{margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) 0 0}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-5);border:1px solid var(--ink);border-radius:var(--radius);color:var(--ink);font-size:var(--text-sm);letter-spacing:.01em;transition:background-color var(--dur-1) var(--ease), opacity var(--dur-1) var(--ease);background:0 0;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--wash)}.btn:active{opacity:.8}.btn--primary{background:var(--ink);color:var(--on-ink)}.btn--primary:hover{background:var(--ink);opacity:.9}.btn--accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--accent:hover{background:var(--accent);opacity:.9}.btn--quiet{color:var(--ink-muted);padding:0 var(--space-3);border-color:#0000}.btn--block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn{width:var(--touch);height:var(--touch);border-radius:var(--radius);color:var(--ink-muted);transition:color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease);background:0 0;border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn:hover{color:var(--ink);background:var(--wash)}.icon-btn svg{width:22px;height:22px}.play-row{gap:var(--space-2);display:flex}.play{align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-3);border:1px solid var(--control-line);border-radius:var(--radius);color:var(--ink);font-size:var(--text-sm);background:0 0;display:inline-flex}.play svg{width:16px;height:16px}.play:hover{background:var(--wash)}.play__check{border:1px solid;border-radius:1px;width:12px;height:12px}.play--toggle[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.play--toggle[aria-pressed=true] .play__check{background:currentColor}.segmented{border:1px solid var(--control-line);border-radius:var(--radius);grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:hidden}.segmented label{min-height:var(--touch);padding:0 var(--space-4);font-size:var(--text-sm);color:var(--ink-muted);cursor:pointer;transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);justify-content:center;align-items:center;display:flex;position:relative}.segmented label+label{border-left:1px solid var(--control-line)}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label:has(input:checked){background:var(--ink);color:var(--on-ink)}.segmented label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.setting{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--touch);padding:var(--space-3) 0;border-bottom:var(--line);display:flex}.setting__label{flex-direction:column;flex:1;gap:2px;display:flex}.setting__hint{font-size:var(--text-sm);color:var(--ink-muted)}.switch{appearance:none;border:1px solid var(--control-line);cursor:pointer;width:48px;height:28px;transition:background-color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);background:0 0;border-radius:14px;flex:none;margin:0;position:relative}.switch:after{content:"";background:var(--control-line);width:20px;height:20px;transition:transform var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch:checked{background:var(--ink);border-color:var(--ink)}.switch:checked:after{background:var(--paper);transform:translate(20px)}.select{min-height:var(--touch);padding:0 var(--space-3);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);flex:none}.jp-display{font-family:var(--font-jp);font-size:clamp(1.625rem, 7vw, var(--text-2xl));letter-spacing:.02em;word-break:auto-phrase;text-wrap:balance;font-weight:500;line-height:1.9}.jp-display rt{font-family:var(--font-jp)}.romaji{font-size:var(--text-sm);color:var(--ink-muted);letter-spacing:.01em}.en-prompt{font-size:var(--text-md)}.note{font-size:var(--text-sm);color:var(--ink-muted);padding-left:var(--space-3);border-left:1px solid var(--hairline)}.mark{align-items:baseline;gap:var(--space-3);display:inline-flex}.mark__glyph{font-family:var(--font-jp);font-size:var(--text-xl);text-align:center;width:1.2em;color:var(--ink);line-height:1}.mark--miss .mark__glyph{color:var(--accent)}.seal{transform:rotate(var(--tilt,-3deg));display:block;overflow:visible}.seal--press{animation:.72s cubic-bezier(.2,.8,.2,1) both seal-press}@keyframes seal-press{0%{opacity:0;transform:translateY(-28px) scale(1.7) rotate(var(--tilt,-3deg))}55%{opacity:1;transform:translateY(0) scale(.94) rotate(var(--tilt,-3deg))}72%{transform:scale(1.02) rotate(var(--tilt,-3deg))}to{opacity:1;transform:scale(1) rotate(var(--tilt,-3deg))}}.complete{align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;display:flex}.goshuin{aspect-ratio:3/4;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);width:min(260px,72vw);position:relative}.goshuin__seal{width:42%;position:absolute;top:73%;left:50%;translate:-50% -50%}.goshuin__ripple{border:1.5px solid var(--accent);border-radius:var(--radius);opacity:0;pointer-events:none;animation:.9s ease-out .4s both seal-ripple;position:absolute;inset:-6%}@keyframes seal-ripple{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.goshuin__main,.goshuin__side,.goshuin__date{writing-mode:vertical-rl;text-orientation:upright;font-family:var(--font-display);color:var(--ink);z-index:1;line-height:1;position:absolute}.goshuin__main{letter-spacing:.18em;font-size:clamp(1.375rem,6vw,1.625rem);font-weight:500;top:9%;left:50%;translate:-50%}.goshuin__side{font-size:var(--text-sm);letter-spacing:.2em;top:8%;right:12%}.goshuin__date{font-size:var(--text-xs);letter-spacing:.2em;color:var(--ink-muted);bottom:8%;left:12%}.complete__summary{align-items:center;gap:var(--space-4);animation:fade-in var(--dur-3) var(--ease) .9s both;flex-direction:column;display:flex}.complete__cando{font-size:var(--text-lg);max-width:22em;line-height:1.5}.stats{border-top:var(--line);border-bottom:var(--line);grid-template-columns:repeat(3,1fr);width:100%;max-width:22rem;display:grid}.stats__item{padding:var(--space-3) var(--space-2);flex-direction:column;gap:2px;display:flex}.stats__item+.stats__item{border-left:var(--line)}.stats__num{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.2}.stats__label{font-size:var(--text-xs);color:var(--ink-muted)}.week-dots{gap:6px;display:flex}.week-dots__day{font-size:var(--text-xs);color:var(--ink-muted);flex-direction:column;align-items:center;gap:4px;display:flex}.week-dots__box{border:1px solid var(--control-line);border-radius:var(--radius);width:22px;height:22px}.week-dots__box--done{background:var(--ink);border-color:var(--ink)}.week-dots__box--today{background:var(--accent);border-color:var(--accent)}.week-dots__box--paused{border-style:dashed}.stampbook{gap:var(--space-5);flex-direction:column;display:flex}.stampbook__week{gap:var(--space-2);flex-direction:column;display:flex}.stampbook__row{gap:var(--space-2);grid-template-columns:repeat(7,1fr);max-width:26rem;display:grid}.stampbook__slot{aspect-ratio:1;border:1px solid var(--hairline);border-radius:var(--radius);font-size:var(--text-xs);color:var(--ink-muted);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:relative}.stampbook__slot--done{border-color:#0000}.stampbook__slot--done .seal{width:100%;height:100%}.stampbook__slot--today{border:1px dashed var(--accent);color:var(--accent-text)}.meter{gap:var(--space-2);flex-direction:column;display:flex}.meter__track{background:var(--hairline);height:2px}.meter__fill{background:var(--ink);height:100%;transition:width var(--dur-3) var(--ease)}.kana-square{border:1px solid var(--control-line);width:120px;height:120px;font-family:var(--font-jp);font-size:var(--text-kana);place-items:center;line-height:1;display:grid;position:relative}.kana-square--combo{font-size:calc(var(--text-kana) * .55);letter-spacing:-.04em}.kana-square:before,.kana-square:after{content:"";pointer-events:none;position:absolute}.kana-square:before{border-left:1px dashed var(--hairline);top:0;bottom:0;left:50%}.kana-square:after{border-top:1px dashed var(--hairline);top:50%;left:0;right:0}.sign{padding:var(--space-3) var(--space-5);border:1px solid var(--ink);border-radius:var(--radius);flex-direction:column;align-items:center;gap:2px;display:inline-flex}.sign__jp{font-family:var(--font-jp);font-weight:700;font-size:var(--text-2xl);letter-spacing:.1em;line-height:1.2}.sign__en{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.banner{left:var(--space-4);right:var(--space-4);bottom:calc(var(--tabbar-height) + var(--space-3) + env(safe-area-inset-bottom));z-index:20;max-width:calc(var(--column) - var(--space-6));justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--control-line);border-radius:var(--radius);font-size:var(--text-sm);animation:fade-in var(--dur-3) var(--ease) both;margin:0 auto;display:flex;position:fixed}@media (width>=900px){.banner{bottom:var(--space-6)}}.countdown{align-items:baseline;gap:var(--space-3);display:flex}.countdown__num{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;line-height:1}.qr{align-self:center;width:min(240px,70vw)}.qr svg{width:100%;height:auto;display:block}.sync-code{font-size:var(--text-lg);letter-spacing:.06em;font-variant-numeric:tabular-nums;word-break:break-all;font-weight:500}.trace-wrap{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.trace{aspect-ratio:1;border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);width:min(280px,76vw);display:block}.trace--live{touch-action:none;cursor:crosshair}.trace--empty{font-family:var(--font-jp);place-items:center;font-size:8rem;display:grid}.trace__grid{stroke:var(--hairline);stroke-width:.5px;stroke-dasharray:2 2}.trace__guide,.trace__ink,.trace__hint,.trace__pen{fill:none;stroke-linecap:round;stroke-linejoin:round}.trace__guide{stroke:var(--hairline);stroke-width:3px}.trace__ink{stroke:var(--ink);stroke-width:3.6px}.trace__hint{stroke:var(--accent);stroke-width:3.6px}.trace__pen{stroke:var(--ink);stroke-width:3.6px;opacity:.75}.trace__ink--animate{stroke-dasharray:1;stroke-dashoffset:1px;animation:trace-draw .56s var(--ease) forwards}@keyframes trace-draw{to{stroke-dashoffset:0}}.trace__num{font-family:var(--font-ui);fill:var(--accent-text);font-size:7px;font-weight:600}.trace__status{text-align:center;min-height:1.6em}.char-grid{gap:var(--space-2);grid-template-columns:repeat(5,1fr);max-width:22rem;display:grid}.char-cell{aspect-ratio:1;min-height:var(--touch);border:1px solid var(--hairline);border-radius:var(--radius);font-family:var(--font-jp);font-size:var(--text-xl);color:var(--ink-muted);background:0 0;place-items:center;text-decoration:none;display:grid}.char-cell--known{border-color:var(--control-line);background:var(--surface);color:var(--ink)}.char-cell:hover{border-color:var(--ink)}.char-big{font-family:var(--font-jp);font-size:5rem;line-height:1}.rp{padding-bottom:var(--space-8)}.rp-goal{font-size:var(--text-lg)}.rp-option{align-items:center;gap:var(--space-1);display:flex}.rp-option__say{flex:1;min-width:0}.rp-feedback{animation:fade-in var(--dur-2) var(--ease) both}.lesson{flex-direction:column;min-height:100dvh;display:flex}.lesson-bar{z-index:10;align-items:center;gap:var(--space-3);padding:max(var(--space-2), env(safe-area-inset-top)) var(--space-3) var(--space-2);background:var(--paper);display:flex;position:sticky;top:0}.lesson-bar__track{background:var(--hairline);flex:1;height:2px}.lesson-bar__fill{background:var(--ink);height:100%;transition:width var(--dur-3) var(--ease)}.lesson-bar__label{font-size:var(--text-xs);color:var(--ink-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:3.5em}.lesson-body{width:100%;max-width:var(--column);padding:var(--space-5) var(--space-4) calc(var(--space-9) + env(safe-area-inset-bottom));gap:var(--space-5);flex-direction:column;flex:1;margin:0 auto;display:flex}.step{gap:var(--space-5);animation:fade var(--dur-3) var(--ease) both;flex-direction:column;display:flex}.step__kicker{font-size:var(--text-xs);color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase}.step__prompt{font-size:var(--text-xl);line-height:1.35}.dock{z-index:10;padding:var(--space-3) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));background:var(--paper);border-top:var(--line);position:fixed;bottom:0;left:0;right:0}.dock__inner{max-width:var(--column);gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex}.dock .btn{width:100%}.dock__row{gap:var(--space-2);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.rate{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.rate .btn{padding:var(--space-2);flex-direction:column;gap:0;min-height:56px}.rate__hint{font-size:var(--text-xs);opacity:.8;font-weight:400}.answer{gap:var(--space-3);padding-top:var(--space-4);border-top:var(--line);animation:fade-in var(--dur-2) var(--ease) both;flex-direction:column;display:flex}.mic{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--ink);border-radius:var(--radius);width:100%;min-height:56px;color:var(--ink);font-size:var(--text-sm);background:0 0;font-weight:500;display:inline-flex}.mic svg{width:20px;height:20px}.mic--live{background:var(--ink);color:var(--on-ink);animation:breathe 1.6s var(--ease) infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.75}}.choices{gap:var(--space-2);flex-direction:column;display:flex}.choice{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);text-align:left;font-size:var(--text-md);transition:border-color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease);display:flex}.choice:hover:not(:disabled){border-color:var(--ink)}.choice__mark{font-family:var(--font-jp);font-size:var(--text-lg);margin-left:auto}.choice--right{border-color:var(--ink);background:var(--wash)}.choice--wrong{border-color:var(--accent)}.choice--wrong .choice__mark{color:var(--accent)}.heard{flex-direction:column;gap:2px;display:inline-flex}.heard__romaji{font-size:var(--text-sm);color:var(--ink-muted)}.hearing{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;display:flex}.verdict{font-size:var(--text-md);margin:0;line-height:1.6}.choice:disabled{cursor:default}.choice--jp{font-family:var(--font-jp);font-size:var(--text-xl)}.tiles{gap:var(--space-2);flex-wrap:wrap;min-height:60px;display:flex}.tiles--answer{padding:var(--space-3) 0;border-bottom:1px solid var(--control-line)}.tile{min-height:var(--touch);padding:0 var(--space-4);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);font-family:var(--font-jp);font-size:var(--text-lg)}.tile:disabled{opacity:.25}.kana-input{width:100%;min-height:56px;padding:0 var(--space-4);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);font-family:var(--font-jp);font-size:var(--text-xl)}.kana-input:focus{outline:2px solid var(--accent);outline-offset:1px}.match{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.match .choice{text-align:center;justify-content:center;min-height:64px}.match .choice--selected{border-color:var(--ink);outline:1px solid var(--ink)}.match .choice--paired{opacity:.25}.kana-big{align-items:center;gap:var(--space-5);display:flex}.kana-big .kana-square{width:140px;height:140px;font-size:5.5rem}.kana-big .kana-square--combo{font-size:3rem}.kana-big__sound{font-size:var(--text-3xl);font-family:var(--font-ui)}.chat{gap:var(--space-3);flex-direction:column;display:flex}.bubble{max-width:88%;padding:var(--space-3) var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);animation:fade-in var(--dur-2) var(--ease) both;flex-direction:column;gap:2px;display:flex}.bubble--you{border-color:var(--control-line);align-self:flex-end}.bubble--playing{border-color:var(--ink)}.bubble__who{font-size:var(--text-xs);color:var(--ink-muted)}.bubble__jp{font-size:var(--text-lg)}.bubble__en{font-size:var(--text-sm);color:var(--ink-muted)}.callout{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--control-line);border-left:3px solid var(--ink);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex}.callout--anime{border-left-color:var(--accent)}.compare{gap:var(--space-3);display:grid}.compare__row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:var(--line);display:flex}.compare__label{font-size:var(--text-xs);color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase}.strike{text-decoration:line-through;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.modal{width:min(32rem, calc(100vw - 2 * var(--space-4)));padding:var(--space-5);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--paper);color:var(--ink)}.modal::backdrop{background:#14131173}.textarea{width:100%;min-height:96px;padding:var(--space-3);border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);font:inherit;resize:vertical}.dp-grid{gap:var(--space-5);display:grid}@media (width>=1100px){.dp-grid{grid-template-columns:1fr 1fr}}.dp-panel{gap:var(--space-7);padding:var(--space-6) var(--space-5);background:var(--paper);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;min-width:0;display:flex}.dp-swatches{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.dp-swatch{gap:var(--space-1);flex-direction:column;display:flex}.dp-swatch__chip{border:1px solid var(--hairline);border-radius:var(--radius);height:40px;display:block}.dp-code{font-size:var(--text-xs)}.dp-table{border-collapse:collapse;width:100%}.dp-table td{padding:var(--space-2) var(--space-2) var(--space-2) 0;border-bottom:var(--line);vertical-align:middle}.dp-pair{padding:2px var(--space-2);border:1px solid var(--hairline);border-radius:var(--radius);white-space:nowrap;font-weight:500;display:inline-block}.dp-num{font-variant-numeric:tabular-nums;white-space:nowrap}.dp-jp-md{font-size:var(--text-xl)}.dp-icons{gap:var(--space-6);align-items:flex-end}.dp-icons figure{align-items:center;gap:var(--space-2);flex-direction:column;margin:0;display:flex}.dp-mask{border:1px solid var(--hairline);border-radius:50%;width:96px;height:96px;display:block;overflow:hidden}.dp-mask img{width:100%;height:100%;display:block}.dp-space{gap:var(--space-2);flex-direction:column;display:flex}.dp-space__bar{background:var(--ink);height:8px;display:block}