@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shippori Mincho B1;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/shippori-mincho-b1-latin-600-normal-C00BJ6hm.woff2)format("woff2"),url(/assets/shippori-mincho-b1-latin-600-normal-BqnQAmdf.woff)format("woff")}@font-face{font-family:Shippori Mincho B1;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/shippori-mincho-b1-latin-800-normal-DjnzjV6P.woff2)format("woff2"),url(/assets/shippori-mincho-b1-latin-800-normal-7JmsOFf_.woff)format("woff")}:root{--bg:#efe9dc;--surface:#f7f2e7;--surface-hi:#e4dcc9;--line:#15130f2e;--edge:#15130f;--text:#15130f;--text-dim:#5f5747;--accent:#c93a22;--on-solid:#fff;--ok:#2f6b3a;--warn:#99580b;--danger:#b3261e;--hard:#15130f;--radius:22px;--gap:16px;--ease:cubic-bezier(.22, 1, .36, 1);--font:"Hanken Grotesk Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--serif:"Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "Noto Serif CJK JP", Georgia, serif;--font-ja:var(--serif);--font-ja-ui:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", "Meiryo", var(--font)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#15130f;--surface:#1e1b16;--surface-hi:#2b2720;--line:#efe9dc29;--edge:#efe9dc8c;--text:#efe9dc;--text-dim:#a89f8a;--accent:#e2482d;--on-solid:#15130f;--ok:#86c88a;--warn:#e0af68;--danger:#ef7060;--hard:#c93a22}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}option{background:var(--surface);color:var(--text)}.app{flex-direction:column;max-width:640px;min-height:100%;margin:0 auto;display:flex}.app--splash{justify-content:center;align-items:center}.app__body{padding:calc(env(safe-area-inset-top) + 12px) 16px 16px;flex:1;overflow-y:auto}.brand{font-family:var(--font-ja);letter-spacing:.1em;color:var(--text-dim);margin:0 0 8px;font-size:44px}.nav{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(6,1fr);display:grid;position:sticky;bottom:0}.nav__item{color:var(--text-dim);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex;position:relative}.nav__item.is-disabled,.nav__item:disabled{opacity:.35;cursor:not-allowed;filter:grayscale()}.nav__item.is-active{color:var(--accent)}.nav__icon{font-size:20px;line-height:1}.nav__label{font-size:11px}.badge{background:var(--accent);color:var(--on-solid);border-radius:9px;min-width:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:4px;right:50%;transform:translate(22px)}.dot{border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:50%;transform:translate(16px)}.dot--pending{background:var(--warn)}.dot--busy{background:var(--accent);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.dot--busy{animation:none}}.view{gap:var(--gap);flex-direction:column;display:flex}.view--center{text-align:center;justify-content:center;align-items:center;min-height:60vh}.view--review{min-height:calc(100vh - 140px)}.h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:12px 0 -4px;font-size:13px}.hint{color:var(--text-dim);margin:0;font-size:14px}.hint--left{text-align:left}.done{color:var(--ok);margin:0;font-size:56px}.review__head{justify-content:space-between;align-items:center;display:flex}.tag{color:var(--text-dim);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px}.tag--muted{background:0 0;border-color:#0000}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:42vh;padding:32px 20px;display:flex}.card__rule{border:0;border-top:1px solid var(--line);width:60%;margin:0}.prompt{margin:0}.prompt--de{font-size:30px;font-weight:500}.prompt--ja,.answer{flex-direction:column;gap:8px;margin:0;display:flex}.kanji{font-family:var(--font-ja);margin:0;font-size:56px;line-height:1.2}.kana{font-family:var(--font-ja);margin:0;font-size:40px;line-height:1.3}.kana--small{color:var(--text-dim);font-size:24px}.grades{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.btn{background:var(--surface-hi);border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:10px;padding:12px 16px}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-solid);font-weight:600}.btn--big{width:100%;padding:16px;font-size:17px}.btn--small{padding:6px 10px;font-size:13px}.btn--quiet{color:var(--text-dim);background:0 0;border:0;text-decoration:underline}.btn--danger{background:var(--danger);border-color:var(--danger);color:var(--on-solid);font-weight:600}.btn--icon{color:var(--text-dim);background:0 0;border:0;padding:0 8px;font-size:22px;line-height:1}.btn--grade{flex-direction:column;gap:2px;padding:12px 4px;display:flex}.btn__label{font-size:14px;font-weight:500}.btn__sub{color:var(--text-dim);font-size:11px}.btn--primary .btn__sub{color:var(--on-solid);opacity:.65}.btn--primary.btn--big{flex-direction:column;gap:2px;display:flex}.btn--grade-0{border-color:var(--danger)}.btn--grade-1{border-color:var(--warn)}.btn--grade-2{border-color:var(--ok)}.btn--grade-3{border-color:var(--accent)}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.form{gap:var(--gap);flex-direction:column;display:flex}.form--narrow{width:100%;max-width:320px}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.field__badge{color:var(--text-dim);background:var(--surface-hi);border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal}.field__hint{color:var(--text-dim);font-size:12px}.input{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;padding:12px 14px;font-size:16px}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}.input--ja{font-family:var(--font-ja);font-size:20px}.input--area{resize:vertical;line-height:1.7}.input--search{font-size:16px}.check{align-items:center;gap:10px;padding:6px 0;display:flex}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.segmented button{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:10px}.note{color:var(--text-dim);background:var(--surface);border-left:3px solid var(--line);border-radius:6px;margin:0;padding:10px 12px;font-size:14px}.note--warn{border-left-color:var(--warn)}.note--ok{border-left-color:var(--ok)}.stats{gap:24px;margin-bottom:8px;display:flex}.stat{flex-direction:column;display:flex}.stat__num{font-size:32px;font-weight:600}.stat__label{color:var(--text-dim);font-size:12px}.stat--muted .stat__num{color:var(--text-dim);font-weight:400}.rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.row{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.row--editing{flex-direction:column;align-items:stretch;gap:8px}.row__main{cursor:pointer;flex:1;min-width:0}.row__ja{font-family:var(--font-ja);flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;display:flex}.row__kanji{font-size:22px}.row__kana{color:var(--text-dim);font-size:16px}.row__de{margin:2px 0 0;font-size:14px}.row__actions{gap:6px;display:flex}.pill{background:var(--surface-hi);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px}.strength{flex-direction:column;align-items:flex-end;gap:4px;min-width:68px;display:flex;position:relative}.strength__bar{background:var(--ok);border-radius:2px;min-width:2px;height:3px;display:block}.strength__text{color:var(--text-dim);white-space:nowrap;font-size:11px}.input--select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 13px) calc(50% + 2px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.group-filter{width:100%;max-width:280px}.group-filter .field__label{justify-content:center}.row__group{color:var(--text-dim);background:var(--surface-hi);white-space:nowrap;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px}.pill--active{background:var(--accent);color:var(--on-solid);font-weight:600}.row--quiet{border-style:dashed}.btn--secondary{border-color:var(--line);color:var(--text-dim);background:0 0;flex-direction:column;gap:2px;display:flex}.grades--practice{grid-template-columns:1fr 1fr}.tag--practice{border-color:var(--warn);color:var(--warn)}.answer__note{color:var(--text-dim);white-space:pre-wrap;max-width:34ch;margin:4px 0 0;font-size:15px;line-height:1.5}.row__note{color:var(--text-dim);white-space:pre-wrap;margin:4px 0 0;font-size:13px}.talk__setup{gap:var(--gap);flex-direction:column;display:flex}.talk__row{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;display:grid}@media (width<=560px){.talk__row{grid-template-columns:1fr 1fr}.talk__row .field:first-child{grid-column:1/-1}}.talk--live{min-height:calc(100vh - 140px)}.talk__stage{flex-direction:column;align-items:center;gap:6px;padding-top:8px;display:flex}.orb{display:block}.talk__status{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);min-height:1.5em;margin:0;font-size:13px}.talk__turn{z-index:3;background:var(--bg);padding-top:8px;position:sticky;bottom:60px}.btn--turn.is-on{background:var(--ok);border-color:var(--ok);color:var(--on-solid);font-weight:600}.btn--turn.is-on .btn__sub{color:var(--on-solid);opacity:.65}.btn--turn{flex-direction:column;gap:2px;display:flex}.talk__controls--three{grid-template-columns:1.4fr 1fr 1fr!important}.talk__controls{background:var(--bg);grid-template-columns:1.4fr 1fr 1fr 1fr;gap:8px;padding:8px 0;display:grid;position:sticky;bottom:0}.transcript{flex-direction:column;gap:8px;max-height:34vh;padding:4px 2px;display:flex;overflow-y:auto}.transcript__line{max-width:85%;font-family:var(--font-ja);border-radius:14px;margin:0;padding:8px 12px;font-size:17px;line-height:1.6}.transcript__line--buddy{background:var(--surface);border:1px solid var(--line);align-self:flex-start}.transcript__line--ich{background:var(--surface-hi);color:var(--text-dim);align-self:flex-end}.transcript__line.is-live{opacity:.7}.words{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.word{background:var(--surface);border:1px solid var(--accent);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;animation:.24s ease-out word-in;display:flex}@keyframes word-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.word{animation:none}}.word__main{flex:1;min-width:0}.word__ja{font-family:var(--font-ja);flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;display:flex}.word__kanji{font-size:22px}.word__kana{color:var(--text-dim);font-size:16px}.word__de{margin:2px 0 0;font-size:14px}.word__note{color:var(--text-dim);margin:2px 0 0;font-size:12px}.talk__summary{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.bubble{border-radius:14px;flex-direction:column;gap:4px;max-width:88%;padding:8px 12px;display:flex}.bubble--buddy{background:var(--surface);border:1px solid var(--line);align-self:flex-start}.bubble--ich{background:var(--surface-hi);color:var(--text-dim);align-self:flex-end}.bubble.is-live{opacity:.7}.bubble__row{align-items:flex-start;gap:6px;display:flex}.bubble__text{font-family:var(--font-ja);flex:1;margin:0;font-size:17px;line-height:1.6}.bubble__actions{flex-shrink:0;gap:2px;display:flex}.bubble__btn{color:var(--text-dim);letter-spacing:.04em;opacity:.7;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;min-width:28px;padding:3px 5px;font-size:11px;font-weight:600}.bubble__btn:hover,.bubble__btn:focus-visible{opacity:1;border-color:var(--line)}.bubble__btn.is-on{opacity:1;color:var(--accent);border-color:var(--accent)}.bubble__translation{color:var(--text-dim);margin:0;font-size:14px;font-style:italic;line-height:1.5}.bubble__help{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:6px;display:flex}.bubble__reading{font-family:var(--font-ja);color:var(--text-dim);margin:0;font-size:14px;line-height:1.6}.bubble__reading--pending{letter-spacing:.2em}.bubble__retry{align-self:flex-start;padding:0;font-size:12px}.talk__lost{flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}.update-banner{z-index:5;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;background:var(--surface-hi);border-bottom:1px solid var(--accent);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex;position:sticky;top:0}.version{opacity:.6;text-align:center;font-size:11px}.bubble__text,.bubble__reading{-webkit-user-select:text;user-select:text}.picker{z-index:4;background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:10px 12px;position:sticky;bottom:0;box-shadow:0 -6px 18px #00000059}.talk--live .picker{bottom:64px}.talk--manual .picker{bottom:140px}.picker--offer{align-items:center;gap:10px;display:flex}.picker__sel{min-width:0;font-family:var(--font-ja);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:18px;overflow:hidden}.picker--form{flex-direction:column;gap:10px;display:flex}.picker__grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.picker__wide{grid-column:1/-1}.picker__title{letter-spacing:.04em;color:var(--text-dim);margin:0;font-size:13px;font-weight:600}.bubble__btn--ja{font-family:var(--font-ja);font-size:13px;font-weight:500}.bubble__reading{border-top:1px solid var(--line);padding-top:6px}.bubble__reading--none{font-family:var(--font);font-size:13px;font-style:italic}.chips{flex-wrap:wrap;gap:6px;margin-top:-6px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:13px}.chip.is-on{border-color:var(--accent);color:var(--accent)}.drill__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.drill__title{margin:0;font-size:18px;font-weight:600}.story{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.story__line{color:var(--text-dim);gap:10px;font-size:14px;display:flex}.story__icon{text-align:center;flex-shrink:0;width:16px}.story__line--richtig .story__icon{color:var(--ok)}.story__line--fast .story__icon{color:var(--warn)}.story__line--falsch .story__icon{color:var(--danger)}.story__text{flex-direction:column;gap:1px;display:flex}.story__ja{font-family:var(--font-ja);opacity:.8;font-size:13px}.drill__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;padding:20px 16px;display:flex}.drill__de{margin:0;font-size:22px;font-weight:500;line-height:1.4}.drill__rec{flex-direction:column;align-items:center;display:flex}.drill__result{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:12px;display:flex}.drill__verdict{margin:0;font-size:18px;font-weight:600}.drill__result--richtig .drill__verdict,.drill__ok{color:var(--ok)}.drill__result--fast .drill__verdict,.drill__near{color:var(--warn)}.drill__result--falsch .drill__verdict,.drill__miss{color:var(--danger)}.drill__heard,.drill__solution{flex-direction:column;gap:2px;margin:0;display:flex}.drill__ja{font-family:var(--font-ja);font-size:18px;line-height:1.5}.drill__kana{font-family:var(--font-ja);color:var(--text-dim);font-size:14px}.drill__feedback{margin:0;font-size:14px;line-height:1.5}.drill__actions,.drill__type{flex-direction:column;gap:8px;display:flex}.drill__next .btn{flex:1}.learn__row{cursor:pointer}.learn__row.is-selected{border-color:var(--accent)}.learn__row.row--quiet{cursor:default;opacity:.6}.learn__check{text-align:center;width:18px;color:var(--accent)}.row--quiet .learn__check{color:var(--ok)}.learn__start{background:linear-gradient(transparent, var(--bg) 30%);padding:12px 0 4px;position:sticky;bottom:0}.learn__progress{background:var(--surface-hi);border-radius:2px;height:3px;overflow:hidden}.learn__progress span{background:var(--ok);height:100%;transition:width .3s;display:block}.learn__card{cursor:default;flex:none;min-height:32vh}.learn__play{border:1px solid var(--line);border-radius:999px;width:44px;height:44px;padding:0;font-size:18px}.learn__options{gap:8px;display:grid}.learn__option{text-align:left;align-items:center;gap:12px;min-height:56px;padding:14px 16px;display:flex}.learn__option:disabled{opacity:1}.learn__key{color:var(--text-dim);border:1px solid var(--line);text-align:center;border-radius:6px;min-width:20px;font-size:11px}.learn__ja{font-family:var(--font-ja);flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.learn__kanji{font-family:var(--font-ja);margin:0;font-size:22px}.learn__kana{color:var(--text-dim)}.is-right{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 18%, var(--surface-hi))}.is-wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 18%, var(--surface-hi))}.learn__option.is-dim{opacity:.45}.learn__slots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.learn__slot{font-family:var(--font-ja);border:0;border-bottom:2px solid var(--line);cursor:pointer;background:0 0;min-width:48px;height:56px;padding:0 6px;font-size:26px}.learn__slot:disabled{cursor:default}.learn__slots.is-right,.learn__slots.is-wrong{background:0 0}.learn__slots.is-right .learn__slot{border-color:var(--ok)}.learn__slots.is-wrong .learn__slot{border-color:var(--danger)}.learn__tiles{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.learn__tile{font-family:var(--font-ja);min-width:56px;height:56px;padding:0 10px;font-size:24px}.learn__tile:disabled{opacity:.2}.accordion{background:var(--surface);border:1px solid var(--line);border-radius:10px}.accordion__head{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;font-size:15px;list-style:none;display:flex}.accordion__head::-webkit-details-marker{display:none}.accordion__head:before{content:"▸";color:var(--text-dim);margin-right:-4px;transition:transform .15s}.accordion[open]>.accordion__head:before{transform:rotate(90deg)}.accordion__head>span:first-child{flex:none}.accordion__sum{text-align:right;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.accordion__body{flex-direction:column;gap:12px;padding:0 14px 14px;display:flex}.accordion__body .chips{margin-top:-4px}.accordion__body .btn--quiet{align-self:flex-start;padding-left:0}.chip:disabled{cursor:default;background:var(--accent);border-color:var(--accent);color:var(--on-solid)}.chip__count{opacity:.7;font-size:11px}body{letter-spacing:.005em}body:before{content:"";z-index:90;pointer-events:none;opacity:.32;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .30  0 0 0 0 .22  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body:before{display:none}}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}::selection{background:var(--accent);color:var(--on-solid)}.app{max-width:680px}.app__body{padding:calc(env(safe-area-inset-top) + 20px) 18px 28px}.hanko{background:var(--accent);width:84px;height:84px;color:var(--on-solid);font:800 52px/1 var(--serif);box-shadow:5px 6px 0 -1px var(--hard);border-radius:22px;place-items:center;display:grid}.nav{bottom:calc(env(safe-area-inset-bottom) + 10px);margin:0 12px calc(env(safe-area-inset-bottom) + 10px);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid var(--edge);box-shadow:4px 5px 0 -1px var(--hard);z-index:20;border-radius:24px;padding:4px}.nav__item{min-height:52px;transition:color .25s var(--ease), background-color .25s var(--ease), transform .2s var(--ease);touch-action:manipulation;border-radius:18px;padding:8px 2px 7px}.nav__item:active{transform:scale(.94)}.nav__item.is-active{color:var(--on-solid);background:var(--accent)}.nav__item.is-active .nav__label{font-weight:600}.nav__icon{font-family:var(--serif);font-size:21px;font-weight:800;line-height:1.05}.nav__label{letter-spacing:.03em;font-size:11px}.badge{background:var(--text);color:var(--bg);top:2px}.nav__item.is-active .badge{background:var(--on-solid);color:var(--accent)}.h2{font:700 12px/1.2 var(--font);letter-spacing:.16em;color:var(--accent);margin:18px 0 -2px}.hint{line-height:1.55}.done{font-family:var(--serif);color:var(--accent);font-size:72px;font-weight:800}.tag{font:700 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;background:var(--text);color:var(--bg);border:0;padding:7px 11px}.tag--muted{color:var(--text-dim);background:0 0;padding-inline:4px}.tag--practice{border:1.5px solid var(--warn);color:var(--warn);background:0 0}.review__head{gap:8px}.review__head .tag--muted{margin-left:auto}.card{background:var(--surface);border:1.5px solid var(--edge);border-radius:var(--radius);box-shadow:8px 10px 0 -2px var(--hard);transition:transform .25s var(--ease), box-shadow .25s var(--ease);gap:20px;margin:0 8px 10px 0;padding:36px 22px}.card:active{box-shadow:5px 6px 0 -2px var(--hard);transform:translate(2px,3px)}.learn__card{min-height:30vh}.card__rule{border-top:1.5px solid var(--line);transform-origin:50%}.prompt--de{font-family:var(--serif);font-size:32px;font-weight:800;line-height:1.25}.kanji{font-size:64px;font-weight:800}.kana{font-weight:600}.kana--small{font-family:var(--font-ja-ui);font-weight:400}.btn{border:1.5px solid var(--edge);touch-action:manipulation;min-height:48px;transition:background-color .2s, color .2s, transform .2s var(--ease), box-shadow .2s var(--ease), opacity .2s;background:0 0;border-radius:16px;padding:13px 16px;font-weight:600}@media (hover:hover){.btn:hover:not(:disabled){background:var(--text);color:var(--bg)}}.btn:active:not(:disabled){transform:scale(.97)}@media (hover:hover){.btn:hover:not(:disabled) .btn__sub{color:inherit;opacity:.7}}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-solid);box-shadow:4px 5px 0 -1px var(--hard)}@media (hover:hover){.btn--primary:hover:not(:disabled){background:var(--accent);color:var(--on-solid);box-shadow:6px 8px 0 -1px var(--hard);transform:translate(-1px,-2px)}}.btn--primary:active:not(:disabled){box-shadow:1px 2px 0 -1px var(--hard);transform:translate(2px,3px)}.btn--big{border-radius:18px;padding:16px;font-size:17px}.btn--secondary{color:var(--text);border-color:var(--edge);background:0 0}.btn--quiet{color:var(--text-dim);background:0 0;border:0}@media (hover:hover){.btn--quiet:hover:not(:disabled){color:var(--accent);background:0 0}}.btn--danger{background:var(--danger);border-color:var(--danger);color:var(--on-solid)}@media (hover:hover){.btn--icon:hover:not(:disabled){color:var(--accent);background:0 0}}.btn__label{font-weight:700}.btn--grade{border-width:1.5px;min-height:62px;padding:12px 4px}.btn--grade-0{border-color:var(--danger);color:var(--danger)}.btn--grade-1{border-color:var(--warn);color:var(--warn)}.btn--grade-2{border-color:var(--ok);color:var(--ok)}.btn--grade-3{border-color:var(--text);color:var(--text)}@media (hover:hover){.btn--grade:hover:not(:disabled){color:var(--bg)}.btn--grade-0:hover:not(:disabled){background:var(--danger)}.btn--grade-1:hover:not(:disabled){background:var(--warn)}.btn--grade-2:hover:not(:disabled){background:var(--ok)}}.btn--grade .btn__sub{color:inherit;opacity:.75}.btn--primary .btn__sub{color:inherit}.field__label{font:700 12px/1.3 var(--font);letter-spacing:.1em;text-transform:uppercase}.input{background:var(--surface);border:1.5px solid var(--edge);transition:box-shadow .2s var(--ease);border-radius:14px;padding:13px 15px}.input:focus{box-shadow:4px 5px 0 -1px var(--accent);outline:none}.input--ja{font-family:var(--font-ja-ui)}.segmented{border:1.5px solid var(--edge);border-radius:14px;gap:3px;padding:3px}.segmented button{border-radius:11px;font-weight:600;transition:background-color .2s,color .2s}.segmented button.is-active{background:var(--text);color:var(--bg)}.note{border-left:0;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px}.note--warn{border-color:var(--warn)}.note--ok{border-color:var(--ok)}.stats{gap:28px;margin-bottom:12px}.stat__num{font:800 44px/1 var(--serif);font-variant-numeric:tabular-nums}.stat__label{font:700 11px/1.4 var(--font);letter-spacing:.12em;text-transform:uppercase;margin-top:6px}.stat--muted .stat__num{font-weight:600}.row{background:var(--surface);border:1.5px solid var(--line);transition:border-color .2s, transform .2s var(--ease);border-radius:16px;padding:12px 14px}@media (hover:hover){.row:hover{border-color:var(--edge)}}.row__kanji{font-size:24px;font-weight:800}.row__kana{font-family:var(--font-ja-ui)}.pill,.row__group,.field__badge{font-weight:600}.pill--active{background:var(--accent);color:var(--on-solid)}.strength__bar{background:var(--accent);height:4px}.chip{border-width:1.5px;border-color:var(--edge);font-weight:600}.chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-solid)}.learn__progress{background:var(--line);border-radius:99px;height:6px}.learn__progress span{background:var(--accent);border-radius:inherit;transition:width .5s var(--ease)}.learn__option{border-radius:16px;font-weight:600}.learn__option:disabled{color:var(--text)}.learn__key{background:var(--surface-hi);border:0;border-radius:7px;min-width:22px;font-weight:700;line-height:22px}.learn__ja,.learn__kana{font-family:var(--font-ja-ui)}.learn__kanji{font-family:var(--font-ja);font-size:24px;font-weight:800}.is-right{border-color:var(--ok);background:var(--ok);color:var(--on-solid)}.is-wrong{border-color:var(--danger);background:var(--danger);color:var(--on-solid)}.learn__option.is-right:disabled,.learn__option.is-wrong:disabled{color:var(--on-solid)}.learn__option.is-right .learn__key,.learn__option.is-wrong .learn__key{color:inherit;background:#ffffff38}.learn__option.is-right .learn__kana,.learn__option.is-wrong .learn__kana{color:inherit}.learn__slots.is-right,.learn__slots.is-wrong{color:inherit;background:0 0}.learn__slot{border:1.5px dashed var(--edge);border-radius:14px;font-weight:800}.learn__tile{font-family:var(--font-ja);border-radius:14px;font-weight:800}.drill__card,.word,.picker,.accordion{border-radius:18px}.drill__de,.drill__ja{font-family:var(--serif);font-weight:800}.picker{border:1.5px solid var(--edge);box-shadow:4px 5px 0 -1px var(--hard)}.transcript__line,.bubble__text,.bubble__reading{font-family:var(--font-ja-ui)}.bubble{border-radius:18px}.update-banner{background:var(--text);color:var(--bg);border-bottom:0}.update-banner .btn{background:var(--accent);border-color:var(--accent);color:var(--on-solid)}@media (prefers-reduced-motion:reduce){.btn,.btn--primary,.card,.nav__item,.row,.learn__progress span{transition:none}}