:root{--bg:#fbf8f3;--surface:#fff;--surface-2:#f3eee6;--border:#e4ddd2;--text:#2b2724;--muted:#7a716a;--accent:#c0392b;--accent-soft:#f8e1dd;--accent-text:#fff;--link:#b03024;--mark:#ffe08a;--shadow:0 1px 2px #3c28140f, 0 4px 16px #3c281412;--radius:14px;--n5:#2e9d4f;--n4:#2f80c9;--n3:#8b4fc4;--n2:#e07b10;--n1:#d13a3a;--pa-heiban:#2f6fd1;--pa-atamadaka:#d33b3b;--pa-nakadaka:#e08a00;--pa-odaka:#20945a;--playing:#fff1c2;--ui-font:system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", sans-serif;--tabbar-h:62px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=sepia]{--bg:#f3e9d7;--surface:#faf3e6;--surface-2:#ece0c9;--border:#dccdb1;--text:#3d3021;--muted:#7c6a52;--accent-soft:#f0d7c9;--playing:#f6e2a6}:root[data-theme=dark]{--bg:#1b1a19;--surface:#252321;--surface-2:#2f2c29;--border:#3c3834;--text:#ece6df;--muted:#a39a90;--accent:#e2574a;--accent-soft:#4a2622;--link:#ff8a7d;--mark:#6b5615;--shadow:0 1px 2px #0000004d, 0 4px 16px #0000004d;--n5:#5bc77b;--n4:#62a8ef;--n3:#b88ae6;--n2:#f2a14b;--n1:#f07272;--pa-heiban:#6ea2f5;--pa-atamadaka:#f07a7a;--pa-nakadaka:#f3b24c;--pa-odaka:#5ccf90;--playing:#4a3f1d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--ui-font);margin:0;font-size:16px;line-height:1.5}:lang(ja){font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}.reader-text:lang(ja){font-family:inherit}a{color:var(--link)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{line-height:1.25}h1{margin:.2em 0;font-size:1.6rem}.muted{color:var(--muted)}.small{font-size:.85rem}.block{display:block}.grow{flex:1;min-width:0}mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 1px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.app.in-reader{padding-bottom:0}.page{max-width:820px;padding:max(12px, env(safe-area-inset-top)) 16px 32px;margin:0 auto}.loading{color:var(--muted);text-align:center;padding:24px 0}.loading:before{content:"";border:2px solid var(--border);border-top-color:var(--accent);vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.notice{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin:12px 0;padding:10px 14px}.notice.error{border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.empty{text-align:center;padding:32px 8px}.big-emoji{margin:0;font-size:3rem}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-weight:600;text-decoration:none;transition:transform 80ms,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.ghost{background:0 0}.btn.danger{color:var(--accent);border-color:var(--accent)}.btn.big{width:100%;margin:12px 0;padding:14px 20px;font-size:1.05rem}.btn.small{padding:5px 12px;font-size:.85rem}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-btn:hover{background:var(--surface-2)}.icon-btn.small{width:30px;height:30px}.icon-btn.on{color:var(--accent)}.icon-btn:disabled{opacity:.35}.icon-btn.text-btn{font-size:1.05rem;font-weight:700}.icon-btn.save.on,.icon-btn.fav.on{color:#e6a700}.icon-btn.fav.on{color:var(--accent)}.link{color:var(--link);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:.92rem;display:inline-flex}.chip.small{padding:3px 10px;font-size:.82rem}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.chip.on .muted{color:inherit;opacity:.7}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.pill{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:#e07b10;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:inline-flex}.pill.accent{color:var(--accent)}.badge{vertical-align:middle;color:#fff;background:var(--muted);letter-spacing:.02em;border-radius:6px;padding:1px 6px;font-size:.7rem;font-weight:700;display:inline-block}.badge.common{color:var(--n5);background:0 0;border:1px solid}.badge.new{background:var(--accent)}.badge.jlpt-5{background:var(--n5)}.badge.jlpt-4{background:var(--n4)}.badge.jlpt-3{background:var(--n3)}.badge.jlpt-2{background:var(--n2)}.badge.jlpt-1{background:var(--n1)}.search-box{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:12px;align-items:center;gap:8px;margin:8px 0;padding:0 12px;display:flex}.search-box input{color:var(--text);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px 0}.search-box.big input{padding:14px 0;font-size:1.1rem}input[type=text],input[type=number],input[type=time],textarea,select{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px}input[type=number]{width:80px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:20px;height:20px}textarea{resize:vertical;width:100%;line-height:1.7}.field{margin:12px 0;display:block}.field>span{margin-bottom:4px;font-weight:600;display:block}.field input{width:100%}.row-inline{align-items:center;gap:8px;margin:8px 0;display:flex}.row-inline.wrap{flex-wrap:wrap}.toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.toggle.row{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 0}.seg-control{background:var(--surface-2);border-radius:10px;flex-wrap:wrap;gap:3px;padding:3px;display:flex}.seg-control button{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:1;padding:7px 8px;font-size:.88rem}.seg-control button.on{background:var(--surface);box-shadow:var(--shadow);font-weight:600}.setting{border-bottom:1px solid var(--border);padding:10px 0}.setting-label{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-weight:600;display:flex}.legend{flex-wrap:wrap;gap:10px;padding:4px 0 8px;display:flex}.bar{background:var(--surface-2);border-radius:99px;flex:1;height:6px;overflow:hidden}.bar>span{background:var(--accent);border-radius:99px;height:100%;transition:width .3s;display:block}.mini-bar{background:var(--surface-2);vertical-align:middle;border-radius:9px;width:40px;height:5px;display:inline-block;overflow:hidden}.mini-bar.wide{flex:1;width:auto;min-width:60px}.mini-bar>span{background:var(--accent);height:100%;display:block}.tabs{border-bottom:1px solid var(--border);gap:4px;margin:8px 0 12px;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px;font-weight:600}.tab.on{color:var(--text);border-bottom-color:var(--accent)}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:max(6px, env(safe-area-inset-top)) 4px 6px;align-items:center;gap:4px;margin:0 -12px 8px;display:flex;position:sticky;top:0}.topbar-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.page-head .tabs{width:100%}.tabbar{z-index:30;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-link{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.tab-link.on{color:var(--accent)}.tab-icon{display:inline-flex;position:relative}.tab-badge{background:var(--accent);color:#fff;text-align:center;border-radius:99px;min-width:16px;padding:0 5px;font-size:.65rem;position:absolute;top:-4px;right:-10px}@media (min-width:900px){.app{padding-bottom:0;padding-left:88px}.app.in-reader{padding-left:0}.tabbar{border-top:0;border-right:1px solid var(--border);flex-direction:column;justify-content:flex-start;gap:8px;width:88px;height:100dvh;padding-top:24px;top:0;right:auto}.tab-link{flex:none;height:64px}}.toast{left:50%;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom));z-index:60;background:var(--text);color:var(--bg);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 14px;display:flex;position:fixed;transform:translate(-50%)}.offline-banner{background:var(--surface-2);color:var(--muted);text-align:center;padding:4px;font-size:.8rem}.sheet-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:640px;max-height:86dvh;box-shadow:var(--shadow);padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;outline:none;flex-direction:column;animation:.2s ease-out up;display:flex}.sheet-handle{background:var(--border);border-radius:9px;width:40px;height:4px;margin:8px auto 0}.sheet-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 8px 4px 16px;display:flex}.sheet-title{flex:1;min-width:0;font-weight:700}.sheet-body{overscroll-behavior:contain;padding:12px 16px 20px;overflow-y:auto}@media (min-width:900px){.sheet-backdrop{justify-content:flex-end;align-items:stretch}.sheet{border-radius:0;width:440px;height:100dvh;max-height:none;animation:.2s ease-out left}.sheet-handle{display:none}}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:.5;transform:translateY(40px)}}@keyframes left{0%{opacity:.5;transform:translate(40px)}}.home-head{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.brand{margin:0;font-size:1.5rem}.brand small{color:var(--muted);font-size:.85rem;font-weight:600}.home-stats{gap:6px;display:flex}.section-title{margin:22px 0 8px;font-size:1.1rem}.section-row{justify-content:space-between;align-items:center;display:flex}.section-row .section-title{margin-bottom:8px}.h-scroll{scroll-snap-type:x mandatory;grid-auto-columns:minmax(180px,220px);grid-auto-flow:column;gap:10px;padding:2px 2px 10px;display:grid;overflow-x:auto}.h-scroll>*{scroll-snap-align:start}.chips-scroll{scrollbar-width:none;gap:6px;padding:4px 0;display:flex;overflow-x:auto}.chips-scroll::-webkit-scrollbar{display:none}.story-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:10px;display:grid}.story-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);flex-direction:column;gap:4px;min-width:0;padding:12px 14px;transition:transform .1s;display:flex}.story-card:hover{transform:translateY(-1px)}.story-card.done{opacity:.8}.story-card h3{overflow-wrap:anywhere;margin:2px 0 0;font-size:1.12rem}.story-card-top{align-items:center;gap:6px;min-width:0;display:flex}.story-card-top>.muted{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.story-card-top .fav{width:30px;height:30px;color:var(--muted);margin-left:auto}.level-dot{color:#fff;border-radius:6px;padding:1px 5px;font-size:.68rem;font-weight:800}.story-card-en{color:var(--muted);font-size:.88rem}.story-card-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.86rem;display:-webkit-box;overflow:hidden}.story-card-foot{align-items:center;gap:10px;margin-top:auto;padding-top:6px;display:flex}.done-label{color:var(--n5);align-items:center;gap:2px;display:inline-flex}.pct{align-items:center;gap:4px;display:inline-flex}.import-cta{text-align:left;border:1px dashed var(--border);background:var(--surface);border-radius:var(--radius);cursor:pointer;width:100%;color:var(--muted);align-items:center;gap:10px;margin:8px 0;padding:14px;display:flex}.level-progress{align-items:center;gap:10px;margin:8px 0;font-size:.9rem;display:flex}.onboarding h2{margin-top:0}.level-pick{gap:8px;display:grid}.level-opt{text-align:left;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:10px 12px;display:grid}.level-opt .muted{justify-self:end}.contribute{margin-top:24px}.reader{min-height:100dvh;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.reader-bar{border-bottom:1px solid var(--border);margin:0;padding-left:8px;padding-right:8px}.reader-scroll{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:760px;margin:0 auto;padding:8px 20px 40px}.reader-scroll a{-webkit-touch-callout:default}.reader-text{touch-action:manipulation}.reader.lookup-open{padding-bottom:max(calc(80px + env(safe-area-inset-bottom)), calc(var(--panel-h,0px) + 24px))}.reader-head h1{margin:8px 0 2px;font-size:1.8rem}.reader-meta{align-items:center;gap:8px;margin-top:8px;display:flex}.subtitle{color:var(--muted);font-size:1.05rem}.keywords-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:16px 0 4px;padding:10px 14px}.keywords-card summary{cursor:pointer;font-weight:700}.keyword-list,.word-list,.text-list,.chapter-list,.grammar-used,.grammar-list,.results,.level-bars{margin:0;padding:0;list-style:none}.keyword-list li,.word-list li,.text-list li{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;display:flex}.keyword-list li>div,.word-list li>div{flex:1;min-width:0}.keyword-list li:last-child{border-bottom:0}.kw-word{font-size:1.15rem;font-weight:600}.reader-text{word-break:normal;overflow-wrap:anywhere;line-break:strict;margin-top:18px}.reader-text p{margin:0 0 1em}.reader-text .para{margin-bottom:1.1em}.chapter-title{margin:1.4em 0 .6em;font-size:1.15em}ruby{ruby-align:center}.reader-text ruby rt{color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.5em}.reader-text rt.rt-romaji{font-size:.42em;font-family:var(--ui-font);letter-spacing:0}.w{cursor:pointer;border-radius:4px;transition:background .12s}@media (hover:hover){.w:hover{background:var(--surface-2)}}.w.active{background:var(--mark)}.w.saved{-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);text-underline-offset:.3em;text-decoration-thickness:2px}.w.jl-5,.w.jl-4,.w.jl-3,.w.jl-2,.w.jl-1{text-underline-offset:.28em;text-decoration-line:underline;text-decoration-thickness:2px}.w.jl-5{-webkit-text-decoration-color:var(--n5);text-decoration-color:var(--n5)}.w.jl-4{-webkit-text-decoration-color:var(--n4);text-decoration-color:var(--n4)}.w.jl-3{-webkit-text-decoration-color:var(--n3);text-decoration-color:var(--n3)}.w.jl-2{-webkit-text-decoration-color:var(--n2);text-decoration-color:var(--n2)}.w.jl-1{-webkit-text-decoration-color:var(--n1);text-decoration-color:var(--n1)}.legend .jl-5{color:var(--n5)}.legend .jl-4{color:var(--n4)}.legend .jl-3{color:var(--n3)}.legend .jl-2{color:var(--n2)}.legend .jl-1{color:var(--n1)}.pa-heiban{color:var(--pa-heiban)}.pa-atamadaka{color:var(--pa-atamadaka)}.pa-nakadaka{color:var(--pa-nakadaka)}.pa-odaka{color:var(--pa-odaka)}.sent.playing,.sent.sel-word,.sent.sel-sentence{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px}.sent.playing{background:var(--playing);box-shadow:0 0 0 3px var(--playing)}.sent.sel-word{background:color-mix(in srgb, var(--mark) 28%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--mark) 28%, transparent)}.sent.sel-sentence{background:color-mix(in srgb, var(--mark) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--mark) 70%, transparent)}.sent.sel-word .w.active{background:var(--mark)}.sent-block{margin-bottom:.5em}.tr{font-family:var(--ui-font);color:var(--muted);margin:.15em 0 .6em;font-size:max(.6em,15px);line-height:1.5}.tr-sentence .tr{filter:blur(4px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .2s}.tr-sentence .tr.shown{filter:none}.reader.vertical .reader-text{writing-mode:vertical-rl;max-height:72dvh;padding-bottom:12px;overflow:auto hidden}.reader.vertical .tr{writing-mode:horizontal-tb;display:none}.reader-end{text-align:center;margin:32px 0}.done-card{flex-direction:column;align-items:center;gap:8px;display:flex}.done-icon{background:var(--n5);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.next-up{text-align:left;margin-top:24px}.audio-bar{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:25;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;width:min(560px,100vw - 24px);padding:4px 8px 4px 4px;display:flex;position:fixed;transform:translate(-50%)}.audio-bar .play{background:var(--accent);color:#fff}.audio-bar .play:hover{background:var(--accent)}.audio-progress{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.audio-hint{flex:1}.audio-bar .rate{border-radius:999px;padding:4px 6px;font-size:.85rem}.popup-surface{font-size:1.15rem}.romaji{color:var(--muted);font-size:.9em;font-style:italic}.lemma-line{margin:4px 0 8px}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:6px;margin-bottom:4px;font-size:.78rem;font-weight:700;display:flex}.breakdown{background:var(--surface-2);border-radius:10px;margin:8px 0;padding:10px 12px}.breakdown ol{margin:0;padding-left:20px}.breakdown li{margin:4px 0}.bd-part{font-size:1.1rem;font-weight:700}.bd-label{margin:0 6px}.grammar-links,.result-tabs{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.entry{padding:4px 0}.entry-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.entry-word{font-size:2rem;font-weight:600;line-height:1.6}.entry-word rt{color:var(--muted);font-size:.42em}.entry-actions{display:flex}.entry-sub{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.senses{margin:10px 0;padding-left:22px}.senses li{margin:6px 0}.gloss{font-size:1.02rem}.tags{flex-wrap:wrap;gap:4px;margin-right:4px;display:inline-flex}.tag{background:var(--surface-2);color:var(--muted);border-radius:5px;padding:0 5px;font-size:.72rem}.tags.pos .tag{color:var(--n4)}.other-forms{margin:6px 0}.pitch-list{flex-wrap:wrap;gap:12px;margin:6px 0;display:flex}.pitch{flex-direction:column;display:flex}.pitch-label{font-size:.75rem}.kanji-panel{margin:12px 0}.kanji-chips{flex-wrap:wrap;gap:6px;display:flex}.kanji-chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;min-width:64px;max-width:120px;padding:4px 8px;display:flex}.kanji-chip.on{border-color:var(--accent)}.kanji-chip-char{font-size:1.6rem;line-height:1.3}.kanji-chip-meaning{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.7rem;overflow:hidden}.kanji-card{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;gap:12px;margin-top:10px;padding:10px;display:flex}.kanji-card-info{flex-direction:column;flex:1;gap:4px;min-width:160px;display:flex}.kanji-meaning{font-weight:600}.label{color:var(--muted);margin-right:4px;font-size:.72rem;font-weight:700}.stroke-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.stroke-box{background:var(--surface);border:1px solid var(--border);border-radius:10px}.stroke-missing{justify-content:center;align-items:center;width:130px;height:130px;font-size:4rem;display:flex}.stroke-grid{stroke:var(--border);stroke-dasharray:3 3}.stroke-ghost{fill:none;stroke:var(--surface-2);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.stroke{fill:none;stroke:var(--text);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.stroke-num{fill:var(--accent);font-size:8px}.stroke-controls{align-items:center;gap:6px;display:flex}.popup-sentence{background:var(--surface-2);border-radius:10px;margin:12px 0;padding:10px 12px}.popup-sentence .jp{font-size:1.1rem;line-height:1.8}.popup-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.lookup-panel{z-index:40;background:var(--surface);border:1px solid var(--border);width:100%;max-width:640px;max-height:min(45dvh,420px);padding-bottom:env(safe-area-inset-bottom);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-bottom:0;border-radius:18px 18px 0 0;flex-direction:column;margin:0 auto;transition:max-height .2s ease-out;animation:.18s ease-out up;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000024}.lookup-panel.expanded{max-height:88dvh}.lp-grip{touch-action:none;flex:none}.lp-handle{cursor:grab;justify-content:center;align-items:center;height:16px;display:flex}.lp-handle:before{content:"";background:var(--border);border-radius:9px;width:40px;height:4px}.lp-head{border-bottom:1px solid var(--border);align-items:center;gap:2px;padding:0 6px 6px 12px;display:flex}.lp-tabs{flex:0 240px;margin-right:auto}.lp-tabs button:disabled{opacity:.4;cursor:default}.lp-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:8px 16px 16px;overflow-y:auto}.lp-surface{margin-bottom:2px}.word-view .entry-word{font-size:1.6rem}.bd-chain{margin:2px 0 4px;font-size:.92rem}.bd-base{font-weight:700}.lp-more{margin-top:4px}.lp-hint{margin:10px 0 0}.lp-actions{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.lp-translation{margin-bottom:12px}.lp-translation p{-webkit-user-select:text;user-select:text;margin:2px 0 6px;font-size:1.05rem}.lp-links{margin-top:4px}.gloss-list{margin:0;padding:0;list-style:none}.gloss-row{text-align:left;border:0;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;grid-template-columns:7em 1fr;align-items:baseline;gap:12px;width:100%;padding:7px 4px;display:grid}.gloss-row:hover,.gloss-row.on{background:var(--surface-2)}.gl-word{overflow-wrap:anywhere;flex-direction:column;font-size:1.1rem;font-weight:600;line-height:1.3;display:flex}.gl-reading{color:var(--muted);font-size:.72rem;font-weight:400}.gl-meaning{min-width:0;font-size:.92rem}.gl-grammar{color:var(--muted);font-size:.78rem;display:block}@media (min-width:900px){.lookup-panel{border:0;border-left:1px solid var(--border);border-radius:0;width:420px;max-width:none;max-height:none;animation:.2s ease-out left;top:0;left:auto}.lookup-panel.expanded{max-height:none}.lp-handle,.lp-expand{display:none}.lp-head{padding-top:max(8px, env(safe-area-inset-top))}.reader.lookup-open{padding-right:420px}.reader.lookup-open .audio-bar{width:min(560px,100vw - 444px);left:calc(50% - 210px)}}.results li{border-bottom:1px solid var(--border)}.results li.open{padding:8px 0}.result-row{text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:baseline;gap:8px;width:100%;padding:10px 2px;display:flex}.rr-word{font-size:1.25rem;font-weight:600}.rr-reading{color:var(--muted)}.rr-gloss{flex-basis:100%;font-size:.92rem}.dict-help{margin-top:20px}.kanji-hero{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.kanji-big{font-size:7rem;line-height:1}.kanji-meaning.big{text-align:center;font-size:1.3rem}.info-table{border-collapse:collapse;width:100%}.info-table th{text-align:left;color:var(--muted);width:40%;padding:6px 12px 6px 0;font-weight:600}.info-table td,.info-table th{border-bottom:1px solid var(--border)}.grammar-item{text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;width:100%;margin-bottom:8px;padding:10px 14px;display:flex}.gi-title{font-weight:700}.prose{line-height:1.7}.prose table{border-collapse:collapse;margin:12px 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:6px 10px}.prose th{background:var(--surface-2)}.prose li{margin:6px 0}.prose li[lang=ja]{font-size:1.05rem}.prose code{background:var(--surface-2);border-radius:4px;padding:1px 4px}.prose .speak{vertical-align:middle;margin-right:4px}.lead{color:var(--muted);font-size:1.1rem}.prev-next{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:32px;display:flex}.stat-row,.stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.stat-grid{grid-template-columns:repeat(3,1fr)}.stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;padding:10px;display:flex}.stat b{font-size:1.5rem}.stat span{color:var(--muted);font-size:.75rem}.session-top{align-items:center;gap:10px;display:flex}.flashcard{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;margin:16px 0;padding:24px 18px;display:flex}.flashcard.flipped{cursor:default}.fc-front,.fc-back{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.fc-back{border-top:1px dashed var(--border);padding-top:12px}.fc-word{align-items:center;gap:6px;font-size:2.6rem;font-weight:600;line-height:1.5;display:flex}.fc-word rt{color:var(--muted);font-size:.4em}.fc-meaning{font-size:1.1rem}.fc-meaning.big{font-size:1.4rem}.fc-sentence{background:var(--surface-2);border-radius:10px;padding:8px 12px;font-size:1.05rem;line-height:1.8}.tap-hint{margin-top:12px}.grade-buttons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.grade{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;padding:10px 4px;font-weight:600;display:flex}.grade .emoji{font-size:1.6rem}.grade.again{border-color:var(--n1)}.grade.good{border-color:var(--n5)}.stage{background:var(--surface-2);border-radius:5px;padding:0 5px;font-size:.7rem}.stage-mature{color:var(--n5)}.stage-learning{color:var(--n2)}.goal-card{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.goal-side{flex:1;min-width:180px}.streak{color:#e07b10;align-items:center;gap:6px;font-size:1.1rem;display:flex}.goal-done{color:var(--n5);font-weight:700}.ring-bg{fill:none;stroke:var(--surface-2);stroke-width:12px}.ring-fg{fill:none;stroke:var(--accent);stroke-width:12px;stroke-linecap:round;transition:stroke-dasharray .4s}.ring-num{fill:var(--text);font-size:22px;font-weight:800}.ring-label{fill:var(--muted);font-size:10px}.heatmap{gap:3px;display:flex;overflow-x:auto}.heat-col{flex-direction:column;gap:3px;display:flex}.heat{background:var(--surface-2);border-radius:3px;width:14px;height:14px}.heat.h-1{visibility:hidden}.heat.h1{background:color-mix(in srgb, var(--accent) 25%, var(--surface-2))}.heat.h2{background:color-mix(in srgb, var(--accent) 50%, var(--surface-2))}.heat.h3{background:color-mix(in srgb, var(--accent) 75%, var(--surface-2))}.heat.h4{background:var(--accent)}.level-bars li{cursor:pointer;align-items:center;gap:10px;padding:6px 0;display:flex}.lb-label{width:100px;font-size:.9rem}.jlpt-bar{background:var(--surface-2);border-radius:99px;height:10px;display:flex;overflow:hidden}.jlpt-bar .seg{height:100%;display:block}.jlpt-legend{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.jl-bg-5{background:var(--n5)}.jl-bg-4{background:var(--n4)}.jl-bg-3{background:var(--n3)}.jl-bg-2{background:var(--n2)}.jl-bg-1{background:var(--n1)}.jl-bg-0{background:var(--muted)}.font-options{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.font-opt{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;padding:6px;display:flex}.font-opt span:first-child{font-size:1.4rem}.font-opt.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.offline-row{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.danger-zone{margin-top:16px}.hub .story-info p{margin:6px 0}.word-list-page select{flex:none}@media (max-width:480px){.stat-row,.stat-grid{grid-template-columns:repeat(2,1fr)}.reader-scroll{padding:8px 16px 40px}.entry-word{font-size:1.7rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.goal-card .setting{border-bottom:0}