@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4efe6;--paper-2:#ebe4d6;--card:#fbf8f2;--ink:#1f1c18;--ink-2:#4a443c;--ink-3:#7a7266;--line:#d9d0c0;--line-2:#e6dfd2;--shu:#c2452d;--shu-ink:#fff8f2;--shu-soft:#f6dfd6;--ai:#2f4a73;--ai-soft:#dde4ef;--good:#3c7a52;--good-soft:#dcebdf;--bad:#9a4a3a;--bad-soft:#f1ddd6;--heat-0:#e6dfd2;--heat-1:#f0c9b9;--heat-2:#e19a80;--heat-3:#cf6a4c;--heat-4:#a8371f;--shadow:0 1px 2px #3c28140f, 0 4px 16px #3c28140f;--shadow-up:0 -6px 24px #3c28141a;--font-ui:"Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ja:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", "Meiryo", sans-serif;--radius:14px;--radius-sm:10px;--gap:16px;--col:40rem;--ease-out:cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1b1a18;--paper-2:#23211e;--card:#282622;--ink:#eee7da;--ink-2:#c9c0b1;--ink-3:#958c7e;--line:#3d3933;--line-2:#312e29;--shu:#e3684d;--shu-ink:#1b1a18;--shu-soft:#4a2a22;--ai:#9db6dd;--ai-soft:#2c3444;--good:#82c096;--good-soft:#233a2b;--bad:#e19583;--bad-soft:#432a24;--heat-0:#2d2a26;--heat-1:#5a3328;--heat-2:#8c4431;--heat-3:#c35a3e;--heat-4:#ec7e5f;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040;--shadow-up:0 -6px 24px #00000059}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1b1a18;--paper-2:#23211e;--card:#282622;--ink:#eee7da;--ink-2:#c9c0b1;--ink-3:#958c7e;--line:#3d3933;--line-2:#312e29;--shu:#e3684d;--shu-ink:#1b1a18;--shu-soft:#4a2a22;--ai:#9db6dd;--ai-soft:#2c3444;--good:#82c096;--good-soft:#233a2b;--bad:#e19583;--bad-soft:#432a24;--heat-0:#2d2a26;--heat-1:#5a3328;--heat-2:#8c4431;--heat-3:#c35a3e;--heat-4:#ec7e5f;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040;--shadow-up:0 -6px 24px #00000059}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:clamp(16px,.6vw + 13px,19px)}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.5}.ja{font-family:var(--font-ja);font-feature-settings:"palt" 0}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.05rem}p{margin:0}a{color:var(--ai)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ai);outline-offset:2px}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.app{grid-template:"header""main"1fr"nav"/minmax(0,1fr);min-height:100dvh;display:grid}.app-header{padding:calc(env(safe-area-inset-top) + 10px) 16px 6px;max-width:calc(var(--col) + 32px);grid-area:header;justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:8px;font-weight:650;text-decoration:none;display:flex}.brand-mark{background:var(--shu);width:28px;height:28px;color:var(--shu-ink);border-radius:8px;place-items:center;font-size:15px;font-weight:700;display:grid}.icon-button{width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;text-decoration:none;display:inline-grid}.icon-button:hover{background:var(--paper-2);color:var(--ink)}.icon-button[aria-current]{color:var(--shu)}.outlet{width:100%;max-width:calc(var(--col) + 32px);padding:8px 16px calc(32px + env(safe-area-inset-bottom));grid-area:main;margin:0 auto}.tabs{z-index:20;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line-2);padding:4px 4px calc(4px + env(safe-area-inset-bottom));grid-area:nav;grid-template-columns:repeat(4,1fr);display:grid;position:sticky;bottom:0}.tab{color:var(--ink-3);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.tab .icon{width:22px;height:22px}.tab[aria-current]{color:var(--shu)}body.focus .tabs,body.focus .app-header{display:none}@media (width>=900px){.app{grid-template:"header header""nav main"1fr/210px minmax(0,1fr)}.app-header{max-width:none;padding:18px 24px 8px}.tabs{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;flex-direction:column;align-self:start;gap:2px;padding:12px 12px 0 16px;display:flex;position:sticky;top:0}.tab{flex-direction:row;gap:12px;padding:10px 14px;font-size:.95rem}.tab:hover{background:var(--paper-2);color:var(--ink)}.tab[aria-current]{background:var(--card);box-shadow:var(--shadow)}.outlet{padding-top:12px}body.focus .app{grid-template:"main"1fr/minmax(0,1fr)}}::view-transition-old(root){animation-duration:.22s;animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:.22s;animation-timing-function:var(--ease-out)}:root[data-nav=forward]::view-transition-old(root){animation-name:vt-out-left}:root[data-nav=forward]::view-transition-new(root){animation-name:vt-in-right}:root[data-nav=back]::view-transition-old(root){animation-name:vt-out-right}:root[data-nav=back]::view-transition-new(root){animation-name:vt-in-left}@keyframes vt-out-left{to{opacity:0;transform:translate(-12px)}}@keyframes vt-in-right{0%{opacity:0;transform:translate(12px)}}@keyframes vt-out-right{to{opacity:0;transform:translate(12px)}}@keyframes vt-in-left{0%{opacity:0;transform:translate(-12px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-group(*){transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-old(*){transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-new(*){transition-duration:.01ms!important;animation-duration:.01ms!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header-actions{align-items:center;gap:2px;display:flex}.voice-toggle{border:1px solid var(--line);background:var(--paper-2);height:34px;color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;margin:0 4px;padding:0 11px 0 9px;font-size:.82rem;font-weight:600;line-height:1;display:inline-flex}.voice-toggle:hover{border-color:var(--ink-3);color:var(--ink)}.voice-toggle .icon{width:16px;height:16px}.page-head{align-items:center;gap:8px;margin:8px 0 20px;display:flex}.page-head h1{flex:1}.page-head .sub{color:var(--ink-3);font-size:.9rem}.lede{color:var(--ink-2);margin:-8px 0 20px}.section{margin-top:28px}.section>h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:10px;font-size:.78rem}.muted{color:var(--ink-3)}.stack{gap:12px;display:grid}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.btn{border:1.5px solid var(--line);background:var(--card);min-height:46px;color:var(--ink);cursor:pointer;white-space:nowrap;transition:transform .12s var(--ease-out), background .12s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ink-3)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.primary{background:var(--shu);border-color:var(--shu);color:var(--shu-ink)}.btn.primary:hover{filter:brightness(1.05)}.btn.quiet{color:var(--ink-2);background:0 0;border-color:#0000}.btn.quiet:hover{background:var(--paper-2)}.btn.block{width:100%}.btn.small{min-height:36px;padding:6px 14px;font-size:.9rem}.back-link{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:2px;margin-left:-6px;padding:4px 6px;font-weight:600;text-decoration:none;display:inline-flex}.review-card{gap:14px;display:grid}.review-card header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.review-card h2{font-size:1.25rem}.goal-bar{background:var(--line-2);border-radius:999px;height:8px;overflow:hidden}.goal-bar>div{border-radius:inherit;background:var(--shu);height:100%;transition:width .4s var(--ease-out)}.goal-bar.done>div{background:var(--good)}.review-meta{color:var(--ink-2);gap:14px;font-size:.92rem;display:flex}.week-strip{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week-strip .dow{color:var(--ink-3);font-size:.72rem;font-weight:600}.week-strip .dot{border:1.5px solid var(--line);border-radius:999px;width:26px;height:26px;margin:6px auto 0}.week-strip .dot.on{background:var(--shu);border-color:var(--shu)}.week-strip .dot.today{outline:2px solid var(--ink-3);outline-offset:2px}.week-strip .dot.future{border-style:dashed;border-color:var(--ink-3);opacity:.45}.mode-link{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.mode-link:hover{box-shadow:0 0 0 1.5px var(--line), var(--shadow)}.mode-link .text{flex:1;gap:2px;display:grid}.mode-link h2{font-size:1.1rem}.mode-link p{color:var(--ink-2);font-size:.92rem}.mode-link .icon{color:var(--ink-3)}.run{min-height:calc(100dvh - 40px);padding-top:calc(env(safe-area-inset-top) + 8px);flex-direction:column;display:flex}.run-top{align-items:center;gap:12px;margin-bottom:20px;display:flex}.run-bar{background:var(--line-2);border-radius:999px;flex:1;height:8px;overflow:hidden}.run-bar>div{background:var(--shu);border-radius:inherit;height:100%;transition:width .3s var(--ease-out)}.run-count{color:var(--ink-3);text-align:right;min-width:3.5em;font-size:.82rem;font-weight:600}.exercise{animation:rise .26s var(--ease-out) both;padding-bottom:calc(var(--fb-h,0px) + 16px);flex-direction:column;flex:1;display:flex}.stage{flex-direction:column;flex:1;display:flex}@media (width>=900px){.exercise .choices,.exercise .check-row{margin-top:8px}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.prompt-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.75rem;font-weight:700}.prompt{flex-wrap:wrap;align-items:center;gap:12px 16px;min-height:4.5rem;margin:14px 0 24px;display:flex}.prompt .word{font-size:clamp(2.4rem,9vw,3.6rem);font-weight:600;line-height:1.1}.prompt .kanji{color:var(--ink-3);font-size:1.4rem}.prompt .en{font-size:1.6rem;font-weight:600;line-height:1.25}.prompt .sentence{font-size:clamp(1.5rem,5.5vw,2.1rem);line-height:1.9}.prompt-en{color:var(--ink-2);margin:-12px 0 22px;font-size:1.05rem}.audio-btn{background:var(--ai-soft);width:44px;height:44px;color:var(--ai);cursor:pointer;border:none;border-radius:999px;flex:none;place-items:center;display:inline-grid}.audio-btn.lg{width:88px;height:88px}.audio-btn.lg .icon{width:38px;height:38px}.audio-btn:active{transform:scale(.95)}.choices{gap:10px;margin-top:auto;display:grid}.choices.pictures{grid-template-columns:1fr 1fr}.choice{border-radius:var(--radius);border:1.5px solid var(--line);background:var(--card);text-align:left;cursor:pointer;min-height:56px;transition:border-color .12s, background .12s, transform .12s var(--ease-out);align-items:center;gap:12px;padding:12px 16px 12px 14px;font-size:1.05rem;font-weight:550;display:flex;position:relative}.choice:hover:not(:disabled){border-color:var(--ink-3)}.choice:active:not(:disabled){transform:scale(.99)}.choice .key{border:1px solid var(--line);width:24px;height:24px;color:var(--ink-3);border-radius:6px;flex:none;place-items:center;font-size:.75rem;display:inline-grid}.choice.ja-choice{font-family:var(--font-ja);font-size:1.3rem}.choices.pictures .choice{text-align:center;flex-direction:column;gap:8px;padding:10px}.choices.pictures img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);background:var(--paper-2);width:100%}.choices.pictures .key{background:var(--card);position:absolute;top:14px;left:14px}.choice:disabled{cursor:default}.choice.correct{border-color:var(--good);background:var(--good-soft)}.choice.wrong{border-color:var(--bad);background:var(--bad-soft)}.choice.dim{opacity:.5}.kana-input{border-radius:var(--radius);border:1.5px solid var(--line);background:var(--card);outline:none;width:100%;padding:14px 16px;font-size:1.3rem}.kana-input:focus{border-color:var(--ai)}.kana-input.correct{border-color:var(--good);background:var(--good-soft)}.kana-input.wrong{border-color:var(--bad);background:var(--bad-soft)}.kana-preview{min-height:2.4rem;color:var(--ink-2);margin-top:10px;font-size:1.6rem}.check-row{margin-top:auto;padding-top:16px}.chip-target{border-radius:var(--radius);border:1.5px dashed var(--line);background:var(--paper-2);flex-wrap:wrap;align-items:center;gap:8px;min-height:72px;padding:10px;display:flex}.chip-target.correct{border:1.5px solid var(--good);background:var(--good-soft)}.chip-target.wrong{border:1.5px solid var(--bad);background:var(--bad-soft)}.chip-target .hint{color:var(--ink-3);padding-left:4px;font-size:.9rem}.chip-pool{flex-wrap:wrap;gap:8px;min-height:52px;margin-top:16px;display:flex}.chip{font-family:var(--font-ja);border:1.5px solid var(--line);background:var(--card);min-height:48px;box-shadow:0 1px 0 var(--line);cursor:pointer;border-radius:12px;padding:8px 14px;font-size:1.25rem}.chip:disabled{cursor:default}.chip.ghost{visibility:hidden}ruby rt{color:var(--ink-3);font-size:.48em;font-weight:500}.blank{border-bottom:3px solid var(--shu);text-align:center;min-width:2.4em;color:var(--shu);margin:0 .1em;display:inline-block}.feedback{z-index:40;background:var(--card);box-shadow:var(--shadow-up);padding:18px 16px calc(16px + env(safe-area-inset-bottom));animation:slide-up .2s var(--ease-out) both;border-radius:20px 20px 0 0;max-height:75dvh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes slide-up{0%{transform:translateY(100%)}}.feedback-inner{max-width:var(--col);gap:12px;margin:0 auto;display:grid}.verdict{align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.feedback.good .verdict{color:var(--good)}.feedback.bad .verdict{color:var(--bad)}.fb-item{align-items:center;gap:14px;display:flex}.fb-item img{border-radius:var(--radius-sm);object-fit:cover;width:64px;height:64px}.fb-item .main{flex:1;min-width:0}.fb-item .ja-line{font-size:1.6rem;line-height:1.3}.fb-item .meta{color:var(--ink-2)}.fb-example{border-left:3px solid var(--line);color:var(--ink-2);padding-left:12px}.fb-example .ja{color:var(--ink);font-size:1.1rem;line-height:1.9}.fb-grammar{color:var(--ink-2);font-size:.92rem}.fb-grammar .ja{color:var(--ink);margin-right:6px}.fb-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fb-actions .spacer{flex:1}.fb-note{color:var(--ink-2);font-size:.88rem}@media (width>=900px){.feedback{border-radius:20px;width:min(44rem,100vw - 32px);animation-name:fade-up;bottom:16px;left:50%;right:auto;transform:translate(-50%)}@keyframes fade-up{0%{opacity:0;transform:translate(-50%,16px)}}}.summary{text-align:center;gap:18px;margin-top:6vh;display:grid}.summary .big{letter-spacing:-.02em;font-size:3rem;font-weight:700}.summary .actions{gap:10px;display:grid}.missed-list{text-align:left;gap:8px;display:grid}.missed-list li{align-items:center;gap:12px;display:flex}.missed-list ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px}.stat .n{font-size:1.6rem;font-weight:700}.stat .l{color:var(--ink-3);font-size:.8rem}.heat-wrap{padding-bottom:4px;overflow-x:auto}.heat{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;width:max-content;display:grid}.heat button{background:var(--heat-0);cursor:pointer;border:none;border-radius:3px;width:14px;height:14px;padding:0}.heat button[data-level="1"]{background:var(--heat-1)}.heat button[data-level="2"]{background:var(--heat-2)}.heat button[data-level="3"]{background:var(--heat-3)}.heat button[data-level="4"]{background:var(--heat-4)}.heat button[data-level="-1"]{visibility:hidden}.heat-legend{color:var(--ink-3);align-items:center;gap:4px;margin-top:8px;font-size:.75rem;display:flex}.heat-legend i{border-radius:2px;width:11px;height:11px;display:inline-block}.day-pop{border-radius:var(--radius);background:var(--card);color:var(--ink);box-shadow:var(--shadow);border:none;min-width:220px;margin:auto;padding:14px 16px}.day-pop::backdrop{background:#00000026}.bars{gap:10px;display:grid}.bar-row{grid-template-columns:minmax(6rem,9rem) minmax(0,1fr) 3.5rem;align-items:center;gap:10px;font-size:.9rem;display:grid}.bar-row .track{background:var(--line-2);border-radius:999px;height:8px;display:flex;overflow:hidden}.bar-row .learnt{background:var(--good)}.bar-row .learning{background:var(--heat-2)}.bar-row .n{text-align:right;color:var(--ink-3)}.field{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.field:last-child{border-bottom:none}.field label{font-weight:550}.field .hint{color:var(--ink-3);font-size:.85rem}.segmented{border:1.5px solid var(--line);border-radius:999px;padding:2px;display:inline-flex}.segmented button{cursor:pointer;color:var(--ink-2);background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:600}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.stepper{align-items:center;gap:6px;display:inline-flex}.stepper output{text-align:center;min-width:2.2em;font-weight:650}.switch{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;width:46px;height:28px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--card);width:22px;height:22px;transition:transform .15s var(--ease-out);border-radius:999px;position:absolute;top:3px;left:3px}.switch:checked{background:var(--shu)}.switch:checked:after{transform:translate(18px)}dialog.sheet{background:var(--card);color:var(--ink);width:min(30rem,100vw - 32px);box-shadow:var(--shadow);border:none;border-radius:20px;padding:20px}dialog.sheet::backdrop{background:#0000004d}dialog.sheet h2{margin-bottom:12px;font-size:1.2rem}dialog.sheet dl{grid-template-columns:1fr auto;gap:6px 16px;margin:12px 0;display:grid}dialog.sheet dd{text-align:right;margin:0;font-weight:650}dialog.sheet .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.notice{border-radius:var(--radius-sm);background:var(--paper-2);color:var(--ink-2);padding:12px 14px;font-size:.92rem}.notice.good{background:var(--good-soft)}.notice.bad{background:var(--bad-soft)}.empty{text-align:center;color:var(--ink-3);padding:32px 0}.source-list{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:8px;display:grid}.source{border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--card);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-weight:550;display:flex}.source[aria-checked=true]{border-color:var(--shu);box-shadow:inset 0 0 0 1px var(--shu)}.conv-emoji{text-align:center;width:2.4rem;font-size:1.8rem}.conv-tabs{margin:-6px 0 18px}.dialogue{gap:10px;display:grid}.bubble{background:var(--card);max-width:88%;box-shadow:var(--shadow);animation:rise .22s var(--ease-out) both;border-radius:16px;padding:10px 14px 12px}.bubble.staff{border-bottom-left-radius:4px;justify-self:start}.bubble.you{background:var(--shu-soft);border-bottom-right-radius:4px;justify-self:end}.bubble .who{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:.72rem;font-weight:700}.bubble .line,.alt .line,.conv-result .line{align-items:center;gap:10px;font-size:1.3rem;line-height:1.9;display:flex}.bubble .line .audio-btn,.alt .line .audio-btn{width:34px;height:34px}.bubble .en,.alt .en{color:var(--ink-2);font-size:.92rem}.alts{border-top:1px solid var(--line);margin-top:8px;padding-top:6px}.alts summary{cursor:pointer;color:var(--ai);font-size:.88rem;font-weight:600}.alt{padding:8px 0 2px}.alt .note{color:var(--ink-3);font-size:.85rem}.conv-stage{gap:12px;margin-top:18px;padding-bottom:24px;display:grid}.cue p{margin-top:2px;font-size:1.15rem;font-weight:600}.conv-result{border-radius:var(--radius);gap:8px;padding:14px;display:grid}.conv-result.good{background:var(--good-soft)}.conv-result.good .verdict{color:var(--good)}.conv-result.bad{background:var(--bad-soft)}.conv-result.bad .verdict{color:var(--bad)}.update-bar{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:30;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 16px;font-size:.92rem;display:flex;position:fixed;transform:translate(-50%)}body.focus .update-bar{display:none}@media (width>=900px){.update-bar{bottom:24px}}.list-controls{gap:10px;margin-bottom:8px;display:grid}.search{border:1.5px solid var(--line);background:var(--card);border-radius:999px;outline:none;width:100%;padding:12px 16px}.search:focus{border-color:var(--ai)}.filter-chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-chips button{border:1.5px solid var(--line);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:6px 12px;font-size:.88rem;font-weight:600}.filter-chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.list-count{margin:6px 0 8px;font-size:.85rem}.rows{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;overflow:hidden}.row{border-bottom:1px solid var(--line-2);color:inherit;align-items:center;gap:12px;min-width:0;padding:12px 16px;text-decoration:none;display:flex}.row:last-child{border-bottom:none}a.row:hover{background:var(--paper-2)}.row-ja{flex:none;min-width:0;max-width:55%;font-size:1.2rem}.row-ja small{color:var(--ink-3);margin-left:6px;font-size:.8rem}.row-en{min-width:0;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sentence-row{flex-wrap:wrap;row-gap:2px}.sentence-row .row-ja{flex:100%;max-width:none;line-height:1.9}.sentence-row .row-en{white-space:normal}.pill{background:var(--paper-2);color:var(--ink-3);white-space:nowrap;border-radius:999px;flex:none;padding:3px 9px;font-size:.72rem;font-weight:700}.pill.learning{background:var(--shu-soft);color:var(--shu)}.pill.needs-work{background:var(--bad-soft);color:var(--bad)}.pill.learnt{background:var(--good-soft);color:var(--good)}.pill.high{background:var(--ai-soft);color:var(--ai)}.detail{gap:6px;display:grid}.detail-img{object-fit:cover;border-radius:var(--radius);width:140px;height:140px;margin-bottom:8px}.detail-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.detail-ja{font-size:clamp(2.2rem,8vw,3rem);font-weight:600;line-height:1.15}.detail-sentence{font-size:1.6rem;line-height:1.9}.detail-kanji{color:var(--ink-2);font-size:1.4rem}.detail-en{font-size:1.2rem;font-weight:600}.detail-stage{margin-top:4px}.skill{border-bottom:1px solid var(--line-2);grid-template-columns:7rem 1fr auto;gap:10px;padding:8px 0;font-size:.95rem;display:grid}.skill:last-child{border-bottom:none}.phrase{flex-wrap:wrap}.phrase-main{flex:1;gap:2px;min-width:0;display:grid}.phrase-main .row-ja{max-width:none}.phrase-main .row-en{white-space:normal}.phrase .note{color:var(--ink-3);font-size:.85rem}.phrase .alts{flex:100%}.deck-link{color:inherit;text-decoration:none}