:root{--paper:#E6E7E1;--card:#EFF0EA;--ink:#15181B;--muted:#5C626A;--line:#CFD2C9;--indigo:#29374F;--signal:#0F6E63;--hanko:#8E2F39;--amber:#8A6A18;--field:#F4F5EF;--shadow:rgba(21,24,27,.14);--jp:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",system-ui,sans-serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace}@media (prefers-color-scheme:dark){:root{--paper:#131517;--card:#1E2123;--ink:#E7E8E2;--muted:#969CA0;--line:#2C3032;--indigo:#8EA3C2;--signal:#3FA595;--hanko:#D57179;--amber:#CAA64E;--field:#191C1E;--shadow:rgba(0,0,0,.5)}}*{box-sizing:border-box}body,html{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:none;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.jp{font-family:var(--jp)}.mono{font-family:var(--mono)}.drill-opt,.rchip,.stok,.tab,a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav-b,.tab,.tabbar-i,button{-moz-user-select:none;user-select:none;-webkit-user-select:none}input,textarea{font-size:16px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;border-top-left-radius:20px;background:color-mix(in oklab,var(--paper) 86%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--line);padding:4px 8px calc(4px + env(safe-area-inset-bottom))}.tabbar,.tabbar-i{display:flex;justify-content:center}.tabbar-i{flex:1 1;max-width:96px;flex-direction:column;align-items:center;gap:2px;padding:4px 1px;border-radius:12px;color:var(--muted);min-height:48px}.tabbar-i.on{color:var(--signal)}.tabbar-i.on .tabbar-ic{background:color-mix(in oklab,var(--signal) 14%,transparent)}.tabbar-ic{position:relative;width:38px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:18px;line-height:1}.tabbar-ic.jp{font-size:19px;font-weight:600}.tabbar-l{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.01em}.soondot{position:absolute;top:0;right:5px;width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 2px var(--paper)}.tabbar-i:active{transform:scale(.94)}.opening{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:32px 24px;text-align:center;background-image:radial-gradient(circle at 50% 8%,color-mix(in oklab,var(--indigo) 10%,transparent),transparent 55%)}.brand{font-family:var(--mono);letter-spacing:.34em;font-size:13px;color:var(--signal);text-transform:uppercase}.brandmark{display:flex;flex-direction:column;align-items:center;gap:6px}.bm-jp{font-family:var(--jp);font-size:clamp(40px,11vw,64px);font-weight:600;line-height:1;letter-spacing:.06em}.bm-sub{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--signal)}.pv{max-width:440px}.pvk{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.pvjp{font-size:clamp(28px,7vw,40px);line-height:1.9;letter-spacing:.02em}.pvjp,.pvr{font-family:var(--jp)}.pvr{font-size:15px;color:var(--signal);margin-top:8px}.pvm{font-size:15.5px;color:var(--ink);margin-top:16px;line-height:1.6}.pv .prov{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:20px}.enter{display:inline-block;background:var(--indigo);color:#fff;font-weight:600;font-size:15px;padding:14px 26px;border-radius:14px;min-height:50px}.enter:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.opening.art{position:relative;overflow:hidden;padding:0}.artbg{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}.art-content{position:relative;z-index:1;min-height:100dvh;justify-content:center;gap:24px;padding:44px 24px;text-align:center}.art-content,.art-pv{display:flex;flex-direction:column;align-items:center}.art-pv{max-width:480px}.art-jp{font-size:clamp(30px,8.5vw,50px);line-height:1.7;letter-spacing:.05em;font-weight:600;color:var(--ink)}.art-jp,.hanko-seal{font-family:var(--jp)}.hanko-seal{width:32px;height:32px;border-radius:6px;background:var(--hanko);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;font-size:19px;transform:rotate(-4deg);box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--paper) 55%,transparent);margin:12px 0 8px}.opening.art.dark .art-jp,.opening.art.dark .bm-jp,.opening.art.dark .pvm{color:#f2f1ea}.opening.art.dark .pvr{color:#cfe0da}.opening.art.dark .bm-sub,.opening.art.dark .prov,.opening.art.dark .pvk{color:#c7ccc4}.opening.art.dark .enter{background:#f2f1ea;color:#1c2530}.brush{font-family:var(--brush),var(--jp)}.splash-layer{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px;border:0;cursor:pointer;transition:opacity .9s ease;padding:24px;background:radial-gradient(120% 90% at 50% 40%,color-mix(in oklab,var(--card) 55%,var(--paper)),var(--paper) 72%)}.splash-layer.gone{opacity:0;pointer-events:none}.enso-wrap{position:relative;display:grid;place-items:center;width:min(84vw,380px);aspect-ratio:1}@property --sweep{syntax:"<number>";inherits:false;initial-value:0}.enso-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-mask-image:conic-gradient(from 92deg,#000 calc(var(--sweep)*1%),#0000 calc(var(--sweep)*1% + 4%));mask-image:conic-gradient(from 92deg,#000 calc(var(--sweep)*1%),#0000 calc(var(--sweep)*1% + 4%));animation:ensoSweep 5s linear forwards}@keyframes ensoSweep{to{--sweep:100}}@media (prefers-reduced-motion:reduce){.enso-img{animation:none;-webkit-mask-image:none;mask-image:none}}.brush-jp{font-family:var(--brush),var(--jp);font-weight:400;font-size:clamp(60px,18vw,112px);line-height:.9;letter-spacing:.04em;color:var(--ink)}.brush-sub{font-family:var(--mono);font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--signal)}@media (prefers-reduced-motion:reduce){.enso-reveal{animation:none;stroke-dashoffset:0}}.pv-layer{opacity:0;transition:opacity .9s ease;pointer-events:none}.pv-layer.show{opacity:1;pointer-events:auto}.op-layer{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px 24px;text-align:center;opacity:0;transition:opacity .9s ease;pointer-events:none}.op-layer.show{opacity:1;pointer-events:auto}.op-proverb{background:radial-gradient(120% 90% at 50% 45%,color-mix(in oklab,var(--card) 55%,var(--paper)),var(--paper) 72%)}.pv-ring{width:min(92vw,430px)}.enso-img.static{-webkit-mask-image:none;mask-image:none;animation:none}.pv-inside{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;max-width:62%}.pvk3{font-family:var(--mono);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--signal)}.pv-saying{font-family:var(--jp);font-weight:600;font-size:clamp(19px,5.6vw,31px);line-height:1.5;letter-spacing:.04em;color:var(--ink)}.pv-reading{font-family:var(--jp);font-size:13.5px;color:var(--signal);margin-top:2px}.pv-meaning{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--muted);max-width:400px;margin:0}@media (prefers-reduced-motion:reduce){.op-layer,.pv-layer,.splash-layer{transition:none}}.hero-splash{background:#060b1c;padding:0}.hero-skip{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px;z-index:5;font:500 12.5px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em;color:rgba(247,244,238,.72);background:rgba(247,244,238,.08);border:1px solid rgba(247,244,238,.2);border-radius:999px;padding:8px 15px;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:color .15s,background .15s}.hero-skip:hover{color:#f7f4ee;background:rgba(247,244,238,.15)}.hero-stage{z-index:3;overflow:hidden;--midnight:#0a1128;--midnight-deep:#060b1c;--seal-hot:#e8875f;--hero-amber:#f2b26a;background:radial-gradient(140% 90% at 50% 30%,var(--midnight) 0,var(--midnight-deep) 70%)}.hero-sky,.hero-stage{position:absolute;inset:0}.hero-sky{opacity:var(--dawn,0);background:radial-gradient(120% 55% at 50% 68%,rgba(232,135,95,.2) 0,rgba(168,53,43,.12) 30%,transparent 58%)}.hero-horizon{position:absolute;left:6%;right:6%;top:68%;height:1px;background:linear-gradient(90deg,transparent,rgba(247,244,238,.14) 18%,rgba(247,244,238,.14) 82%,transparent)}.hero-enso{position:absolute;top:47%;left:50%;width:min(74vmin,560px);height:min(74vmin,560px);transform:translate(-50%,-50%) scale(1.03);object-fit:contain;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:brightness(1.07) saturate(1.02) drop-shadow(0 0 26px rgba(190,60,48,.3));animation:heroEnsoIn 1.6s ease-out .3s forwards}@keyframes heroEnsoIn{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hero-beam{height:2px;width:min(70vmin,540px);filter:blur(1px);transform:translate(-50%,-50%) scaleX(var(--beamx,0));background:linear-gradient(90deg,transparent,rgba(242,178,106,calc(var(--beamo,0)*.55)) 18%,rgba(255,236,210,calc(var(--beamo,0)*.95)) 50%,rgba(242,178,106,calc(var(--beamo,0)*.55)) 82%,transparent)}.hero-beam,.hero-beam-v{position:absolute;left:50%;top:44%;pointer-events:none}.hero-beam-v{width:2px;height:min(34vmin,260px);transform:translate(-50%,-50%) scaleY(var(--beamy,0));background:linear-gradient(180deg,transparent,rgba(242,178,106,calc(var(--beamov,0)*.35)) 22%,rgba(255,236,210,calc(var(--beamov,0)*.8)) 50%,rgba(242,178,106,calc(var(--beamov,0)*.35)) 78%,transparent)}.hero-core{width:14px;height:14px;border-radius:50%;filter:blur(.5px);pointer-events:none;transform:translate(-50%,-50%) scale(var(--cores,0));background:radial-gradient(circle,rgba(255,244,224,.95) 0,rgba(242,178,106,.55) 45%,transparent 70%)}.hero-core,.hero-kanji{position:absolute;left:50%;top:44%}.hero-kanji{white-space:nowrap;line-height:1;font-family:"Noto Serif CJK JP","Hiragino Mincho ProN","Yu Mincho",var(--jp),serif;font-weight:900;font-size:min(21vmin,155px);color:var(--kanji-color,#e8875f);transform:translate(-50%,-50%) scale(var(--s,.015));filter:blur(calc(var(--blur,12) * 1px));text-shadow:0 0 calc(var(--glow,0) * 30px) rgba(232,135,95,calc(var(--glow,0) * .9)),0 0 calc(var(--glow,0) * 80px) rgba(201,80,63,calc(var(--glow,0) * .7)),0 0 calc(var(--glow,0) * 160px) rgba(201,80,63,calc(var(--glow,0) * .4));will-change:transform,filter}.hero-subtitle{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(8px);font-family:var(--wordmark),"Cinzel",Georgia,serif;font-weight:600;font-size:16px;line-height:1;letter-spacing:.42em;padding-left:.42em;color:var(--ink);opacity:0;transition:opacity .9s ease,transform .9s ease}.hero-subtitle.show{opacity:.9;transform:translateX(-50%) translateY(0)}.hero-kana{position:absolute;left:50%;top:54%;transform:translateX(-50%);color:var(--ink);font-family:"Noto Serif CJK JP","Hiragino Mincho ProN",var(--jp),serif;font-size:11.5px;letter-spacing:.42em;padding-left:.42em;opacity:0;transition:opacity .9s ease}.hero-kana.show{opacity:.5}.hero-stage{--ink:#f7f4ee}@media (prefers-reduced-motion:reduce){.hero-enso{animation:none;opacity:1;transform:translate(-50%,-50%) scale(1)}.hero-sky{opacity:.5}.hero-kana,.hero-subtitle{transition:none}}.bento{display:flex;flex-direction:column;height:100dvh;padding:14px 16px calc(66px + env(safe-area-inset-bottom));overflow:hidden}.bento-head{display:flex;align-items:center;justify-content:space-between;padding:2px 0 8px;flex:none}.bento-mark{font-size:30px;line-height:1;color:var(--ink)}.bento-head-r{gap:8px}.bento-gear,.bento-head-r{display:flex;align-items:center}.bento-gear{width:30px;height:30px;border-radius:9px;justify-content:center;color:var(--ink);background:var(--card);border:1px solid var(--line);cursor:pointer;flex:none}.bento-gear svg{width:17px;height:17px}.bento-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);grid-gap:8px;gap:8px;flex:1 1;min-height:0;grid-template-areas:"path path path path" "path path path path" "scr scr wrd wrd" "scr scr grm grm" "exp exp cul cul"}.m-path{grid-area:path}.m-scr{grid-area:scr}.m-wrd{grid-area:wrd}.m-grm{grid-area:grm}.m-exp{grid-area:exp}.m-cul{grid-area:cul}.bento-area{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;color:var(--ink);box-shadow:0 1px 2px var(--shadow);overflow:hidden;transition:transform .08s,border-color .15s;min-width:0;font-family:inherit}.bento-area:active{transform:scale(.975)}.bento-area:hover{border-color:color-mix(in oklab,var(--signal) 40%,var(--line))}.ba-ic{color:var(--signal);flex:none;display:flex}.ba-ic svg{width:26px;height:26px}.ba-name{font-weight:700;font-size:13px;color:var(--ink);line-height:1.2}.m-path{background:linear-gradient(150deg,var(--signal),color-mix(in oklab,var(--signal) 60%,#000));color:#fff;border:0}.m-path .ba-name{color:#fff;font-size:17px;font-family:var(--jp);font-weight:600}.m-path .ba-ic{color:#fff}.m-path .ba-ic svg{width:38px;height:38px;opacity:.94}.m-scr .ba-ic svg{width:30px;height:30px}.bento-flowhead{gap:8px;padding:2px 0 8px}.bento-fbtn,.bento-flowhead{display:flex;align-items:center;flex:none}.bento-fbtn{width:30px;height:30px;border-radius:9px;justify-content:center;color:var(--ink);background:var(--card);border:1px solid var(--line);cursor:pointer;font-size:16px}.bento-fbtn svg{width:17px;height:17px}.bento-ftitle{font-family:var(--jp);font-weight:600;font-size:15px;color:var(--ink);margin-left:2px}.bento-fhome{margin-left:auto}.bento-sub{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;flex:1 1;min-height:0;align-content:start}.bento-subtile{padding:18px 16px;align-items:flex-start;justify-content:center;text-align:left;gap:7px}.bst-top{display:flex;align-items:center;gap:8px;width:100%}.bst-name{font-size:14px;font-weight:700;color:var(--ink);line-height:1.2}.bst-chev{margin-left:auto;color:color-mix(in srgb,var(--muted) 65%,transparent);flex:none;display:flex}.bst-desc{font-size:10.5px;color:var(--muted);line-height:1.45}.bento-subtile.subhero{background:linear-gradient(150deg,var(--signal),color-mix(in oklab,var(--signal) 60%,#000));color:#fff;border:0;flex-direction:row;align-items:center;gap:14px}.subhero .bst-top{width:auto;flex:none}.subhero .bst-chev{display:none}.subhero .bst-name{color:#fff;font-family:var(--jp);font-size:18px;font-weight:600}.subhero .bst-desc{color:#fff;opacity:.85;margin-top:0}.bento-scrim{position:fixed;inset:0;background:color-mix(in srgb,var(--ink) 34%,transparent);z-index:50;opacity:0;pointer-events:none;transition:opacity .2s}.bento-scrim.on{opacity:1;pointer-events:auto}.bento-sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;background:var(--card);border-top:1px solid var(--line);border-radius:20px 20px 0 0;padding:12px 16px calc(18px + env(safe-area-inset-bottom));transform:translateY(115%);transition:transform .26s cubic-bezier(.2,.8,.2,1);box-shadow:0 -14px 34px -18px rgba(0,0,0,.5)}.bento-sheet.on{transform:translateY(0)}.bs-grab{width:34px;height:4px;border-radius:3px;background:var(--line);margin:0 auto 10px}.bs-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.bs-title{font-family:var(--jp);font-weight:600;font-size:16px;color:var(--ink)}.bs-x{margin-left:auto;width:28px;height:28px;border-radius:8px;justify-content:center;color:var(--muted);background:var(--paper);border:1px solid var(--line);cursor:pointer}.bs-row,.bs-x{display:flex;align-items:center}.bs-row{gap:10px;padding:13px 2px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}.bs-row:last-child{border-bottom:0}.bs-rv{margin-left:auto;color:var(--muted);display:flex}.pgal{position:relative;overflow:hidden;border-radius:18px;margin-top:16px;min-height:460px;border:1px solid var(--line)}.pgal .artbg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.pgal-content{min-height:auto;padding:38px 24px 26px;z-index:1;gap:16px}.pgal .splay{margin:12px 0 4px}.pgal-nav{display:flex;gap:10px;margin-top:8px}.pgal.dark .art-jp,.pgal.dark .pvm{color:#f2f1ea}.pgal.dark .pvr{color:#cfe0da}.pgal.dark .prov,.pgal.dark .pvk{color:#c7ccc4}.pgal.dark .act{background:#f2f1ea;color:#1c2530;border-color:transparent}.wrap{max-width:640px;margin:0 auto;padding:calc(11px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-left)) calc(92px + env(safe-area-inset-bottom))}.rail{position:fixed;left:0;top:0;bottom:0;width:56px;z-index:41;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;background:color-mix(in oklab,var(--card) 78%,var(--paper));border-right:1px solid var(--line);padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:0;transition:width .18s ease}.rail.lift{z-index:600}.rgrp-help{margin-top:auto}.furi-ic{flex:none;width:22px;height:22px;position:relative;display:flex;align-items:flex-end;justify-content:center;color:var(--muted)}.furi-ic .furi-kanji{font-size:18px;line-height:1;color:currentColor}.furi-ic .furi-ruby{position:absolute;top:-2px;font-size:9px;line-height:1;color:currentColor}.furi-toggle.on .furi-ic{color:var(--signal)}.furi-toggle:not(.on) .furi-ic .furi-ruby{opacity:.25}.rail-enso{position:fixed;left:0;bottom:0;width:56px;height:calc(56px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;padding-bottom:env(safe-area-inset-bottom);z-index:42;cursor:pointer}.rail-enso img{width:42px;height:42px;object-fit:contain;opacity:.92;transition:opacity .12s,transform .12s}.rail-enso:hover img{opacity:1;transform:scale(1.06)}.rail-enso:focus-visible{outline:2px solid var(--signal);outline-offset:-3px;border-radius:12px}button.ri{background:none;border:0;width:100%;font:inherit;text-align:left;cursor:pointer}.ri.rsec{color:var(--ink)}.ri.rsec .lbl{font-weight:600}.ri .rsec-chev{margin-left:auto;width:15px;height:15px;opacity:0;transition:opacity .18s,transform .2s ease}.rail.open .ri.rsec .rsec-chev{opacity:.5}.ri.rsec.exp .rsec-chev{transform:rotate(90deg)}.ri.rsub{padding-left:34px}.ri.rsub .glyph,.ri.rsub svg{width:20px}.ri.rsub .glyph{font-size:19px}:root{--reader-scale:1}.reader-ic{flex:none;width:22px;text-align:center;font-family:var(--sans);font-weight:800;line-height:1;color:currentColor}.reader-ic small{font-size:.62em;font-weight:700}.reader-pop{position:fixed;left:64px;bottom:calc(70px + env(safe-area-inset-bottom));z-index:44;width:216px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px -12px color-mix(in oklab,var(--ink) 44%,transparent);padding:14px 15px}.reader-pop-h{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}.reader-pop-h b{font-family:var(--sans);font-size:13.5px}.reader-pop-h span{font-family:var(--mono);font-size:11px;color:var(--signal)}.reader-range{width:100%;accent-color:var(--signal);margin:0}.reader-preview{font-family:var(--jp);text-align:center;color:var(--ink);margin:10px 0 8px;line-height:1.2}.reader-reset{font-family:var(--sans);font-size:12px;color:var(--muted);background:none;border:0;cursor:pointer;padding:0}.reader-reset:hover{color:var(--signal)}.speed-chips{display:flex;flex-wrap:wrap;gap:7px}.speed-chip{font-family:var(--mono);font-size:13px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:9px;padding:7px 11px;cursor:pointer;min-width:46px}.speed-chip.on,.speed-chip:hover{border-color:var(--signal)}.speed-chip.on{color:#fff;background:var(--signal)}.speed-note{font-family:var(--sans);font-size:11.5px;color:var(--muted);margin:10px 0 0}.rgrp-help .ri{background:none;border:0;width:100%;font:inherit;cursor:pointer;text-align:left}.settings-pop{position:fixed;left:64px;bottom:calc(70px + env(safe-area-inset-bottom));z-index:44;width:256px;max-height:calc(100vh - 110px);overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px -12px color-mix(in oklab,var(--ink) 44%,transparent);padding:15px 16px}.set-h{font-size:14px}.set-row{padding:13px 0;border-top:1px solid var(--line)}.set-row.col{display:block}.set-row:not(.col){display:flex;align-items:center;justify-content:space-between;gap:12px}.set-lbl{font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--ink)}.set-lbl small{display:block;font-weight:400;font-size:11.5px;color:var(--muted);margin-top:2px}.set-row.col .set-lbl{margin-bottom:10px}.set-switch{position:relative;flex:none;width:62px;height:30px;border-radius:999px;border:1px solid var(--line);background:var(--card);cursor:pointer;transition:background .15s,border-color .15s}.set-switch .set-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--muted);transition:transform .16s,background .16s}.set-switch .set-state{position:absolute;top:0;height:100%;display:flex;align-items:center;font-family:var(--sans);font-size:11px;font-weight:700;color:var(--muted)}.set-switch:not(.on) .set-state{right:9px}.set-switch.on{background:color-mix(in oklab,var(--signal) 16%,var(--paper));border-color:var(--signal)}.set-switch.on .set-knob{transform:translateX(32px);background:var(--signal)}.set-switch.on .set-state{left:10px;color:var(--signal)}.set-range{width:100%;accent-color:var(--signal);margin:0;display:block}.set-chips{display:flex;flex-wrap:wrap;gap:7px}.set-chip{font-family:var(--mono);font-size:12.5px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:9px;padding:6px 10px;cursor:pointer;min-width:44px}.set-chip.on,.set-chip:hover{border-color:var(--signal)}.set-chip.on{color:#fff;background:var(--signal)}.set-seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.set-segbtn{flex:1 1;padding:8px 0;font-family:var(--sans);font-size:13px;background:var(--card);color:var(--ink);border:0;border-left:1px solid var(--line);cursor:pointer}.set-segbtn:first-child{border-left:0}.set-segbtn.on{background:var(--signal);color:#fff}.set-segbtn:disabled{opacity:.38;cursor:not-allowed}.set-voice-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.set-test{font-family:var(--sans);font-size:13px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:9px;padding:7px 13px;cursor:pointer}.set-test:hover{border-color:var(--signal);color:var(--signal)}.set-more{font-family:var(--sans);font-size:12px;color:var(--muted);text-decoration:none}.set-more:hover{color:var(--signal)}.set-note{font-family:var(--sans);font-size:12px;line-height:1.5;color:var(--muted);margin:0}.ob{position:fixed;inset:0;z-index:900;background:var(--paper);display:flex;align-items:center;justify-content:center;padding:28px 22px;overflow-y:auto}.ob-card{width:100%;max-width:440px;position:relative;padding:6px 2px}.ob-dots{display:flex;gap:6px;justify-content:center;margin-bottom:20px}.ob-dot{width:6px;height:6px;border-radius:50%;background:var(--line);transition:background .2s}.ob-dot.on{background:var(--signal)}.ob-skip{position:absolute;top:-2px;right:0;background:none;border:0;font-family:var(--sans);font-size:13px;color:var(--muted);cursor:pointer}.ob-skip:hover{color:var(--ink)}.ob-head{display:flex;justify-content:center;margin:8px 0 18px}.ob-ava{display:inline-flex;filter:drop-shadow(0 6px 16px rgba(20,24,20,.16))}.ob-body{text-align:center;animation:obrise .28s ease}@keyframes obrise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ob-h{font-family:var(--sans);font-size:29px;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0 0 12px}.ob-wave{font-size:24px}.ob-p{font-family:var(--sans);font-size:15.5px;line-height:1.62;color:var(--muted);max-width:35ch;margin:0 auto 22px}.ob-p b,.ob-q{color:var(--ink);font-weight:600}.ob-q{font-family:var(--sans);font-size:20.5px;line-height:1.4;margin:0 auto 22px;max-width:26ch;text-wrap:balance}.ob-chips{display:flex;flex-direction:column;gap:9px;max-width:330px;margin:0 auto}.ob-chip{font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:13px;padding:13px 16px;cursor:pointer;transition:border-color .13s,background .13s}.ob-chip:hover{border-color:var(--signal);background:color-mix(in oklab,var(--signal) 8%,var(--card))}.ob-reads{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 0 22px}.ob-read{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:78px;padding:14px 12px;border:1.6px solid var(--line);border-radius:15px;background:var(--card);cursor:pointer;transition:border-color .13s,background .13s}.ob-read.on,.ob-read:hover{border-color:var(--signal)}.ob-read.on{background:color-mix(in oklab,var(--signal) 12%,var(--paper))}.ob-read-jp{font-size:28px;color:var(--ink);line-height:1}.ob-read.on .ob-read-jp{color:var(--signal)}.ob-read-tip{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.02em;min-height:12px}.ob-read.on .ob-read-tip{color:var(--signal)}.ob-cta{font-family:var(--sans);font-size:16px;font-weight:600;color:#fff;background:var(--signal);border:0;border-radius:13px;padding:13px 26px;cursor:pointer;margin-top:4px;transition:filter .13s}.ob-cta:hover{filter:brightness(1.06)}.ob-name{width:100%;max-width:300px;margin:0 auto 16px;display:block;font-family:var(--sans);font-size:16px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 15px;text-align:center}.ob-name:focus{outline:none;border-color:var(--signal)}.ob-land{display:flex;flex-direction:column;align-items:center;gap:12px}.ob-tour-link{background:none;border:0;font-family:var(--sans);font-size:13.5px;color:var(--muted);cursor:pointer}.ob-tour-link:hover{color:var(--signal)}.rail.open{width:190px;box-shadow:14px 0 34px -12px color-mix(in oklab,var(--ink) 42%,transparent)}.rlogo{display:flex;align-items:center;gap:12px;padding:0 17px 8px;color:var(--ink);cursor:pointer;background:none;border:0;width:100%;text-align:left}.rlogo .lg{font-size:22px;font-weight:600;flex:none;width:22px;text-align:center}.rlogo .txt{font-family:var(--mono);font-size:9px;letter-spacing:.24em;color:var(--signal);opacity:0;transition:opacity .18s;white-space:nowrap}.rgrp{border-top:1px solid var(--line);margin-top:6px;padding-top:5px}.rgrp-l{font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;padding:2px 17px 4px;opacity:0;transition:opacity .18s;height:14px}.rgrp-l,.ri{color:var(--muted);white-space:nowrap}.ri{display:flex;align-items:center;gap:14px;height:44px;padding:0 17px;cursor:pointer;position:relative;text-decoration:none}.ri svg{height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ri .glyph,.ri svg{flex:none;width:22px}.ri .glyph{text-align:center;font-size:21px;line-height:1;color:currentColor}.ri .lbl{font-size:14px;opacity:0;transition:opacity .18s}.ri:hover{color:var(--ink)}.ri.on{color:var(--signal)}.ri.on:before{content:"";position:absolute;left:0;width:3px;height:24px;background:var(--signal);border-radius:0 3px 3px 0}.rail.open .rgrp-l,.rail.open .ri .lbl,.rail.open .rlogo .txt{opacity:1}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.top .brand,.top a{font-size:11px}.top a{font-family:var(--mono);color:var(--muted)}.lookupbar{display:flex;gap:8px;margin-bottom:16px;position:-webkit-sticky;position:sticky;top:8px;z-index:5}.lookupbar input{flex:1 1;min-width:0;font-family:var(--sans);font-size:14px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--field);color:var(--ink)}.lookupbar input:focus-visible{outline:2px solid var(--signal);outline-offset:1px;border-color:var(--signal)}.lookupbar button{flex:0 0 auto;font-weight:600;font-size:14px;padding:0 16px;border-radius:12px;border:1px solid var(--indigo);background:var(--indigo);color:#fff;cursor:pointer}.kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:14px 0 8px}.stagerow{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.snum{flex:0 0 34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:600;border:1.5px solid var(--line);color:var(--muted)}.stagerow.done .snum{background:var(--hanko);border-color:var(--hanko);color:var(--paper);font-family:var(--jp);transform:rotate(-4deg);box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--paper) 55%,transparent)}.stagerow.now .snum{border-color:var(--indigo);color:var(--indigo);border-width:2px}.stitle{font-size:14.5px;font-weight:640;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tag{font-family:var(--mono);font-size:9.5px;color:var(--indigo);background:color-mix(in oklab,var(--indigo) 12%,transparent);padding:2px 7px;border-radius:999px}.sdesc{color:var(--muted);font-size:12px;margin-top:3px}.insp{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:8px 0 16px}.iw{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.iw .h{font-size:30px}.iw .h,.iw .r{font-family:var(--jp)}.iw .r{font-size:15px;color:var(--signal)}.pill{margin-left:auto;font-family:var(--mono);font-size:9.5px;color:var(--muted);border:1px solid var(--line);padding:2px 8px;border-radius:999px}.pill.grp{margin-left:6px;color:#fff;background:var(--indigo);border-color:var(--indigo)}.pill.lv{color:#fff;background:var(--signal);border-color:var(--signal)}.igl{font-size:14.5px;margin-top:8px}.cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 14px;gap:12px 14px;margin-top:12px}.ck{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.krow{font-family:var(--jp);font-size:15px;margin-top:3px}.krow b{text-transform:uppercase;margin-right:6px}.krow b,.stamp{font-family:var(--mono);font-size:9px;color:var(--muted)}.stamp{margin-top:14px;padding-top:10px;border-top:1px solid var(--line);line-height:1.5}.empty{font-style:italic;font-size:12px}.empty,.sub{color:var(--muted)}.sub{font-size:13.5px;line-height:1.55}.lh1,.sub{margin:6px 0 0}.lh1{font-size:24px;letter-spacing:-.01em}.stage{margin-top:18px}.stage.locked{opacity:.62}.stagehead{display:flex;gap:12px;align-items:center}.stagehead .snum.done{background:var(--hanko);border-color:var(--hanko);color:var(--paper);font-family:var(--jp);transform:rotate(-4deg);box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--paper) 55%,transparent)}.lessons{margin:8px 0 0 46px;display:flex;flex-direction:column;gap:8px}.lesson{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px;position:relative}a.lesson{cursor:pointer;transition:border-color .15s,transform .05s}a.lesson:hover{border-color:var(--signal)}a.lesson:active{transform:translateY(1px)}a.lesson:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.lesson.locked{cursor:default}.pw-step{cursor:pointer;transition:box-shadow .12s,transform .04s}.pw-step:hover{box-shadow:0 0 0 1px var(--signal),0 2px 12px var(--shadow)}.pw-step:active{transform:translateY(1px)}.pw-step:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.lesson.start{border-color:var(--indigo)}.startpill{position:absolute;top:-8px;left:12px;background:var(--indigo);color:#fff;letter-spacing:.08em;padding:2px 7px;border-radius:999px}.ltype,.startpill{font-family:var(--mono);font-size:8.5px;text-transform:uppercase}.ltype{flex:0 0 auto;letter-spacing:.06em;color:var(--signal);border:1px solid color-mix(in oklab,var(--signal) 40%,transparent);border-radius:999px;padding:3px 8px}.ltype.kanji{color:var(--hanko);border-color:color-mix(in oklab,var(--hanko) 40%,transparent)}.ltype.phrases,.ltype.situation{color:var(--amber);border-color:color-mix(in oklab,var(--amber) 40%,transparent)}.lmain{flex:1 1;min-width:0}.lmain b{font-size:14.5px}.ldesc{display:block;font-size:12px;margin-top:2px}.lbloom,.ldesc{color:var(--muted)}.lbloom{flex:0 0 auto;font-family:var(--mono);font-size:9px}.tabs{display:flex;gap:6px;margin:14px 0 10px}.tab{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer}.tab.on{background:var(--indigo);border-color:var(--indigo);color:#fff}.tab:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.kana-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:var(--card);padding:3px;margin:0 0 14px;gap:2px}.kana-switch-b{font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--muted);padding:7px 18px;border-radius:999px;text-decoration:none;transition:background .12s,color .12s}.kana-switch-b:hover{color:var(--ink)}.kana-switch-b.on{background:var(--signal);color:#fff}.script-intro{font-family:var(--sans);font-size:13.5px;line-height:1.6;color:var(--muted);max-width:60ch;margin:0 0 18px}.script-intro b{color:var(--ink);font-weight:650}.practice-hub{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 20px}.phub-card{flex:1 1;min-width:150px;border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:14px;background:var(--card);padding:13px 15px;text-decoration:none;display:flex;flex-direction:column;gap:2px}.phub-card:hover{border-color:var(--signal)}.phub-card b{font-size:14.5px;color:var(--ink)}.phub-card span{font-size:12px;color:var(--muted)}.phub-k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.jrnl-intro{font-size:14.5px;line-height:1.6;color:var(--muted);max-width:52ch;margin:0 0 14px}.jrnl-intro b,.jrnl-write{color:var(--ink)}.jrnl-write{width:100%;min-height:120px;border:1px solid var(--line);border-radius:14px;background:var(--field);padding:14px;font-family:var(--jp);font-size:17px;line-height:1.7;resize:vertical}.jrnl-write:focus{outline:2px solid var(--signal);outline-offset:1px}.jrnl-row{display:flex;align-items:center;gap:12px;margin-top:10px}.jrnl-save{background:var(--signal);color:#fff;border:0;border-radius:12px;font-family:var(--sans);font-weight:600;font-size:14.5px;padding:11px 20px;cursor:pointer}.jrnl-save:disabled{opacity:.45;cursor:default}.jrnl-note{font-size:12.5px;color:var(--muted)}.jrnl-list{margin-top:26px;display:flex;flex-direction:column;gap:12px}.jrnl-k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.jrnl-entry{border:1px solid var(--line);border-radius:13px;background:var(--card);padding:13px 15px}.jrnl-entry-d{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:5px}.jrnl-entry-t{font-family:var(--jp);font-size:16px;line-height:1.7;color:var(--ink);white-space:pre-wrap}.jrnl-review{border:1px dashed color-mix(in oklab,var(--signal) 40%,var(--line));border-radius:12px;background:color-mix(in oklab,var(--signal) 5%,var(--card));padding:12px 14px;margin-top:16px;font-size:13px;line-height:1.5;color:var(--muted)}.jrnl-review b{color:var(--ink)}.jrnl-review-wrap{margin-top:16px}.jrnl-review-prompt{border:1px dashed color-mix(in oklab,var(--signal) 40%,var(--line));border-radius:12px;background:color-mix(in oklab,var(--signal) 5%,var(--card));padding:13px 15px}.jrnl-review-prompt-t{font-size:13px;line-height:1.55;color:var(--muted)}.jrnl-review-prompt-t b{color:var(--ink)}.jrnl-review-prompt-row{display:flex;align-items:center;gap:10px;margin-top:11px}.jrnl-review-card{border:1px solid var(--line);border-radius:13px;background:var(--card);padding:15px 16px}.jrnl-review-k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.jrnl-review-body{font-family:var(--sans);font-size:14.5px;line-height:1.65;color:var(--ink);margin:0}.jrnl-review-muted{color:var(--muted)}.jrnl-review-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.jrnl-review-go{display:inline-block;background:color-mix(in oklab,var(--signal) 10%,var(--card));border:1px solid color-mix(in oklab,var(--signal) 35%,var(--line));color:var(--signal);border-radius:10px;font-family:var(--sans);font-weight:600;font-size:13px;padding:7px 13px;text-decoration:none}.jrnl-review-foot{margin-top:12px}.jrnl-review-btn{background:var(--signal);color:#fff;border:0;border-radius:11px;font-family:var(--sans);font-weight:600;font-size:13.5px;padding:9px 16px;cursor:pointer}.jrnl-review-btn:disabled{opacity:.5;cursor:default}.jrnl-review-x{margin-left:auto;background:none;border:0;color:var(--muted);font-size:20px;line-height:1;padding:2px 6px;cursor:pointer}.jrnl-review-err{font-size:12.5px;color:var(--muted);margin:8px 2px 0}.kana-heard{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.rung-done{margin-top:16px;border:1px solid color-mix(in oklab,var(--signal) 34%,var(--line));border-left:3px solid var(--signal);border-radius:14px;background:color-mix(in oklab,var(--signal) 7%,var(--card));padding:15px 16px;text-align:center}.rung-done-h{font-family:var(--serif,var(--sans));font-size:16px;font-weight:600;color:var(--ink);margin:0 0 5px;line-height:1.35}.rung-done-p{font-family:var(--sans);font-size:13.5px;line-height:1.5;color:var(--muted);margin:0 0 13px}.rung-done .rv-cta{display:inline-flex}.kana-grid{display:flex;flex-direction:column;gap:6px}.kana-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px}.kana-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 4px;cursor:pointer;min-height:60px}.kana-cell:hover{border-color:var(--signal)}.kana-cell:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.kana-cell.blank{background:transparent;border:0;cursor:default;min-height:0}.learned{position:relative;box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--signal) 45%,var(--line))}.learned:after{content:"\2713";position:absolute;top:6px;right:9px;font-size:10px;font-weight:700;color:var(--signal);z-index:1;pointer-events:none}.kana-cell.heard{background:color-mix(in oklab,var(--signal) 13%,var(--card));border-color:color-mix(in oklab,var(--signal) 45%,var(--line));position:relative}.kana-cell.heard .kr{color:var(--signal)}.kana-cell.heard:after{content:"\2713";position:absolute;top:3px;right:6px;font-size:9px;font-weight:700;color:var(--signal)}.kc{font-family:var(--jp);font-size:26px;line-height:1}.kr{font-family:var(--mono);font-size:11px;color:var(--muted)}.drill{text-align:center;padding-top:8px}.wt-stage{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin:6px 0}.wt-svg{width:230px;height:230px;background:var(--field);border:1px solid var(--line);border-radius:16px;touch-action:none;cursor:crosshair}.wt-svg *{pointer-events:none}.wt-mid{stroke:var(--line);stroke-width:.6;stroke-dasharray:2 3}.wt-stroke{fill:none;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.wt-stroke.faint{stroke:var(--line);opacity:.4}.wt-stroke.cur{stroke:color-mix(in oklab,var(--signal) 60%,var(--line));opacity:.75;stroke-dasharray:2 3.4}.wt-stroke.done{stroke:var(--signal);opacity:.85}.wt-stroke.hidden{opacity:0}.wt-num{fill:var(--signal);font-family:var(--mono);font-size:8px;font-weight:700}.wt-ink{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.wt-ink.live{stroke:color-mix(in oklab,var(--signal) 70%,var(--ink))}.wt-side{display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-width:132px}.wt-hear{font-family:var(--mono);font-size:15px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer}.wt-tip{font-size:12px;margin:0;max-width:150px;line-height:1.4}.wt-skip,.wt-tip{color:var(--muted)}.wt-skip{font-size:12.5px;cursor:pointer;background:none;border:0;padding:0;text-decoration:underline}.kbtnrow{gap:8px}.kbtnrow,.wt-cardbar{display:flex;justify-content:center;flex-wrap:wrap}.wt-cardbar{gap:10px;align-items:center;margin-top:8px}.wt-ok{color:var(--signal);font-weight:600;font-size:13px}.wt-tip2{color:var(--muted);font-size:12px}.submode{display:flex;gap:6px;justify-content:center;margin:0 0 8px;flex-wrap:wrap}.submode-b{font-size:12.5px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer}.submode-b.on{color:var(--ink);border-color:var(--signal);background:color-mix(in oklab,var(--signal) 10%,var(--card))}.particle-cloze{font-family:var(--jp);font-size:26px;text-align:center;margin:10px 0 2px;line-height:1.5}.particle-cloze-en{color:var(--muted);font-size:13.5px;text-align:center;margin:2px 0 12px}.pl-intro{max-width:440px;margin:0 auto;text-align:center}.pl-intro-h{font-family:var(--serif,var(--sans));font-size:22px;margin:6px 0 4px}.pl-intro-opts{gap:12px;margin-top:16px}.pl-intro-opts,.pl-opt{display:flex;flex-direction:column}.pl-opt{gap:4px;text-align:left;padding:16px 18px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);cursor:pointer;transition:border-color .12s}.pl-opt:hover{border-color:var(--signal)}.pl-opt-t{font-weight:700;font-size:16px}.pl-opt-d{font-size:13.5px;color:var(--muted);line-height:1.5}.nav-skel{padding-top:34px}.skel{background:var(--line);border-radius:8px;position:relative;overflow:hidden;opacity:.55}.skel:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--card) 70%,transparent),transparent);animation:skelshimmer 1.15s infinite}@keyframes skelshimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.skel:after{animation:none}}.skel-title{height:30px;width:52%;margin-bottom:16px}.skel-line{height:14px;width:92%;margin-bottom:9px}.skel-line.skel-short{width:64%;margin-bottom:22px}.skel-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:560px){.skel-grid{grid-template-columns:1fr 1fr}}.skel-card{height:92px;border-radius:14px}.list-more{display:block;width:100%;text-align:center;color:var(--muted);font-size:12.5px;font-family:var(--mono);padding:16px 0;margin-top:8px;background:none;border:1px dashed var(--line);border-radius:12px;cursor:pointer}.list-more:hover{color:var(--ink);border-color:var(--signal)}.rt-sentence{font-family:var(--jp);font-size:24px;line-height:1.6;text-align:center;margin:12px 0 6px}.rt-blank{display:inline-block;min-width:56px;border-bottom:2px solid var(--signal);color:var(--signal);font-weight:700;text-align:center;padding:0 4px}.rt-hear{display:block;margin:0 auto 4px;font-size:18px;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer;padding:4px 12px}.compose{max-width:460px;margin:0 auto;text-align:center}.compose-goal{font-size:15px;color:var(--ink);margin:6px 0 12px}.compose-goal b{font-weight:700}.compose-line{min-height:58px;border:1.5px dashed var(--line);border-radius:14px;padding:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin-bottom:14px}.compose-line.built{border-style:solid}.compose-ph{color:var(--muted);font-size:13px;font-style:italic}.compose-bank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}.ctok{font-family:var(--jp);font-size:20px;padding:8px 13px;border-radius:11px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;line-height:1.2;display:inline-flex;flex-direction:column;align-items:center;gap:1px}.ctok small{font-family:var(--sans);font-size:9.5px;color:var(--muted)}.ctok.p{border-color:color-mix(in oklab,var(--sk-grammar) 55%,var(--line));background:color-mix(in oklab,var(--sk-grammar) 10%,var(--card))}.ctok.bank:hover{border-color:var(--signal)}.ctok.static{cursor:default;border-color:transparent;background:transparent;padding:6px 4px}.ctok.static.slot{background:color-mix(in oklab,var(--signal) 14%,transparent);border:1.5px solid var(--signal);border-radius:9px;padding:6px 10px}.ctok.chosen{border-color:var(--signal);background:color-mix(in oklab,var(--signal) 14%,var(--card))}.ctok-punct{font-family:var(--jp);font-size:20px;color:var(--muted);align-self:flex-end}.compose-made{font-size:14px;margin:2px 0 12px}.compose-made .ok-tag{color:var(--signal);font-weight:600;font-size:12px}.compose-made .no-tag{color:var(--hanko);font-weight:600;font-size:12px}.compose-gloss{color:var(--muted);font-size:12.5px}.compose-input{width:100%;font-size:22px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--field);color:var(--ink);margin-bottom:12px;resize:vertical}.compose-input:focus{outline:none;border-color:var(--signal)}.drill-kana{font-family:var(--jp);font-size:96px;line-height:1.2;margin:6px 0}.drill-opts{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;max-width:320px;margin:0 auto}.drill-opt{font-family:var(--mono);font-size:18px;padding:14px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;min-height:52px}.drill-opt.correct,.drill-opt:hover{border-color:var(--signal)}.drill-opt.correct{background:color-mix(in oklab,var(--signal) 16%,transparent)}.drill-opt.wrong{border-color:var(--hanko);background:color-mix(in oklab,var(--hanko) 14%,transparent)}.drill-fb{max-width:340px;margin:14px auto 0;padding:12px 14px;border-radius:12px;border:1px solid var(--line);text-align:left;line-height:1.55}.drill-fb.ok{border-color:color-mix(in oklab,var(--signal) 55%,var(--line));background:color-mix(in oklab,var(--signal) 8%,var(--card))}.drill-fb.no{border-color:color-mix(in oklab,var(--hanko) 50%,var(--line));background:color-mix(in oklab,var(--hanko) 7%,var(--card))}.fbline{margin:0;font-family:var(--sans);font-size:14px;color:var(--ink)}.fbline+.fbline{margin-top:7px}.fbline .jp{font-size:19px;vertical-align:-2px}.fbans{color:var(--muted)}.fbans .jp,.fbans b{color:var(--ink)}.fbmark{font-weight:700}.drill-fb.ok .fbmark{color:var(--signal)}.drill-fb.no .fbmark{color:var(--hanko)}.linkish{border:0;background:transparent;color:var(--signal);font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;padding:0 0 0 8px}.linkish:hover{text-decoration:underline}.drill .stamp{border-top:0;justify-content:center;text-align:center}.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.navgroup{display:flex;gap:6px}.navbtn{font-family:var(--mono);font-size:12px;padding:7px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;min-height:38px}.navbtn:hover{border-color:var(--signal)}.navbtn.home{color:var(--indigo);font-weight:600}.navbtn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.navtrail{font-family:var(--mono);font-size:11px;color:var(--muted)}.kdeck{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:8px;gap:8px}.kcard{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 8px;cursor:pointer;text-align:center}.kcard:hover{border-color:var(--signal)}.kcard-lit{font-size:38px;line-height:1}.kcard-r{font-size:12px;color:var(--signal)}.kcard-m{font-size:12px;color:var(--ink)}.kcard-s{font-size:10px;color:var(--muted)}.wdeck{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;gap:8px}.wcard{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 12px;cursor:pointer;text-align:left;position:relative}.wcard:hover{border-color:var(--signal)}.wcard-h{font-size:22px;line-height:1.1}.wcard-kanji{font-size:15px;color:var(--muted);line-height:1.15}.wcard-r{font-size:12px;color:var(--signal)}.wcard-g{font-size:12.5px;color:var(--ink)}.wcard-lv{position:absolute;top:8px;right:10px;font-size:9px;color:var(--muted)}.pdeck{display:flex;flex-direction:column;gap:8px}.pcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;text-align:left;width:100%}.pcard:hover{border-color:var(--signal)}.pcard-jp{font-family:var(--jp);font-size:20px}.pcard-r{font-size:11px;color:var(--muted);margin-top:1px}.pcard-m{font-size:13px;color:var(--ink);margin-top:3px}.kcard:focus-visible,.pcard:focus-visible,.wcard:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.modal-backdrop{position:fixed;inset:0;background:rgba(21,24,27,.5);z-index:50;display:flex;align-items:flex-end;justify-content:center}@media(min-width:640px){.modal-backdrop{align-items:center;padding:20px}}.ksheet{background:var(--paper);border:1px solid var(--line);border-top-left-radius:22px;border-top-right-radius:22px;width:100%;max-width:460px;max-height:88vh;overflow:auto;padding:20px 20px calc(20px + env(safe-area-inset-bottom));position:relative}@media(min-width:640px){.ksheet{border-radius:20px}}.kx{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:18px;cursor:pointer;z-index:2}.kx:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.kanjivg{width:170px;height:170px}.kanjivg .stroke{fill:none;stroke:color-mix(in oklab,var(--ink) 42%,transparent);stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round}.kanjivg .snum{fill:var(--hanko);font-family:var(--mono);font-size:7px;font-weight:600;opacity:0;transition:opacity .3s}.kanjivg .snum.on{opacity:.5}.spk{width:30px;height:30px;flex:none;border:0;background:transparent;cursor:pointer;padding:0;line-height:0;font-size:0;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.spk:before{content:"";display:block;width:17px;height:17px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E") center/contain no-repeat}.spk:active,.spk:hover{color:var(--signal)}.spk:active{transform:scale(.9)}.ksec{margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}.kder{font-size:13.5px;line-height:1.5}.h3tag{font-family:var(--mono);font-size:8.5px;color:var(--amber);border:1px dashed color-mix(in oklab,var(--amber) 45%,transparent);padding:1px 6px;border-radius:999px;margin-left:6px;text-transform:none}.ksheet .krow{font-family:var(--jp);font-size:15px;margin-top:4px}.ksheet .krow small{font-size:12px}.footnote,.ksheet .krow small{font-family:var(--sans);color:var(--muted)}.footnote{font-size:11px;text-align:center;margin:16px 0 0;opacity:.85}.pgal2{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:18px}.pgal-ring{width:min(80vw,340px)}.pgal-meaning{text-align:center}.pgal-explain{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:400px;position:relative;z-index:1}.pv-literal{font-family:var(--sans);font-size:12.5px;font-style:italic;color:var(--muted);text-align:center;line-height:1.5;margin:0}.pgal3{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:16px;padding:22px 8px 26px;overflow:hidden;border-radius:20px;border:1px solid var(--line)}.pgal-art{position:absolute;inset:0;width:100%;height:100%;opacity:.05;z-index:0;pointer-events:none}.pgal-count{font-size:11px;letter-spacing:.2em;color:var(--muted)}.pgal-count,.pgal-stage{position:relative;z-index:1}.pgal-stage{display:flex;flex-direction:column;align-items:center;gap:12px;justify-content:center;min-height:36vh;padding:20px 4px}.pgal-big{font-weight:600;font-size:clamp(40px,12vw,80px);line-height:1.3;letter-spacing:.04em;color:var(--ink);max-width:12ch;text-wrap:balance}.pgal-big,.pgal-yomi{margin:0;font-family:var(--jp);text-align:center}.pgal-yomi{font-size:clamp(15px,4.2vw,21px);color:var(--signal)}.culture-themes{display:flex;flex-direction:column;gap:26px;margin-top:18px}.culture-theme-h{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}.culture-list{display:flex;flex-direction:column;gap:12px;margin-top:0}.culture-card{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px 16px}.culture-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.culture-jp{font-family:var(--jp);font-size:21px;font-weight:600;border:0;background:transparent;color:var(--ink);cursor:pointer;padding:0}.culture-romaji{font-family:var(--jp);font-size:12.5px;color:var(--signal)}.culture-en{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--ink)}.culture-tag{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:2px 8px;border-radius:999px}.culture-note{font-size:14px;margin:9px 0 0}.culture-blurb,.culture-note{font-family:var(--sans);line-height:1.55;color:var(--muted)}.culture-blurb{font-size:14.5px;margin:2px 0 18px;max-width:64ch}.culture-group{margin-bottom:22px}.culture-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}.culture-group .culture-list{display:flex;flex-direction:column;gap:12px}.films{margin-top:30px;border-top:1px solid var(--line);padding-top:22px}.films-head{margin-bottom:16px}.films-h{font-family:var(--serif,var(--jp));font-size:20px;margin:0 0 8px}.films-caveat{font-family:var(--sans);font-size:12.5px;line-height:1.5;color:var(--muted);background:color-mix(in oklab,var(--amber) 12%,var(--card));border:1px solid color-mix(in oklab,var(--amber) 32%,var(--line));border-radius:12px;padding:11px 13px;margin:0;max-width:70ch}.films-caveat b{color:var(--ink)}.films-status{font-family:var(--sans);font-size:13.5px;color:var(--muted);margin:6px 0}.films-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:14px;gap:14px;margin-top:4px}.film-card{display:flex;flex-direction:column;gap:7px;background:none;border:0;padding:0;margin:0;text-align:left;cursor:pointer;color:inherit;font:inherit;width:100%}.film-card:hover .film-poster{border-color:var(--signal)}.film-card:hover .film-title{color:var(--signal)}.film-card:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:12px}.film-poster{transition:border-color .12s}.fd-scrim{position:fixed;inset:0;z-index:60;background:color-mix(in oklab,var(--ink) 55%,transparent);display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width:640px){.fd-scrim{align-items:center;padding:20px}}.fd-sheet{background:var(--paper);border:1px solid var(--line);border-radius:20px 20px 0 0;width:100%;max-width:520px;max-height:90vh;overflow:auto;padding:22px 20px calc(24px + env(safe-area-inset-bottom));position:relative}@media (min-width:640px){.fd-sheet{border-radius:20px}}.fd-x{position:absolute;top:12px;right:14px;background:none;border:0;font-size:26px;line-height:1;color:var(--muted);cursor:pointer;padding:4px}.fd-x:hover{color:var(--ink)}.fd-head{display:flex;gap:16px;align-items:flex-start;padding-right:28px}.fd-poster{width:104px;flex:none;border-radius:12px;border:1px solid var(--line)}.fd-meta{min-width:0}.fd-title{font-family:var(--serif,var(--jp));font-size:21px;line-height:1.2;margin:0}.fd-orig{font-family:var(--jp);font-size:15px;color:var(--signal);margin:3px 0 0}.fd-facts{font-family:var(--mono);font-size:12px;color:var(--muted);margin:8px 0 0}.fd-genres{font-family:var(--sans);font-size:12.5px;color:var(--muted);margin:5px 0 0}.fd-overview{font-family:var(--sans);font-size:14.5px;line-height:1.6;color:var(--ink);margin:16px 0 0}.fd-watch{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.fd-watch-h{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin:0 0 10px}.fd-providers{display:flex;flex-wrap:wrap;gap:8px}.fd-prov{display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);font-size:13px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px 5px 6px}.fd-prov img{width:22px;height:22px;border-radius:5px}.fd-nowatch a,.fd-watch-link{color:var(--signal);font-family:var(--sans);font-size:13.5px;text-decoration:none}.fd-watch-link{display:inline-block;margin-top:12px}.fd-nowatch{font-family:var(--sans);font-size:13.5px;color:var(--muted);margin:0}.ack-personal{margin:20px 0 8px;padding:18px 20px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:14px}.ack-personal .ack-h{margin-bottom:8px}.ack-thanks{font-family:var(--sans);font-size:14.5px;line-height:1.7;color:var(--ink);margin:0}.ack-thanks b{font-weight:650;color:var(--ink)}.ack{display:flex;flex-direction:column;gap:24px;margin-top:6px}.ack-h{font-family:var(--serif,var(--jp));font-size:17px;margin:0 0 4px}.ack-note{font-family:var(--sans);font-size:13px;color:var(--muted);margin:0 0 10px;line-height:1.5}.ack-list{list-style:none;margin:0;padding:0;gap:12px}.ack-item,.ack-list{display:flex;flex-direction:column}.ack-item{gap:2px;border-left:2px solid var(--line);padding-left:12px}.ack-name{font-family:var(--sans);font-size:14.5px;font-weight:600;color:var(--ink)}.ack-name a{color:var(--signal);text-decoration:none}.ack-name a:hover{text-decoration:underline}.ack-detail{font-family:var(--sans);font-size:13px;color:var(--muted);line-height:1.5}.ack-licence{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--muted);opacity:.85}.help-sheet{max-width:480px}.help-h{font-family:var(--serif,var(--jp));font-size:20px;margin:0 0 6px;display:flex;align-items:center;gap:9px}.help-h .jp{color:var(--signal);font-weight:600}.help-sub{font-family:var(--sans);font-size:13.5px;color:var(--muted);margin:0 0 16px;line-height:1.5}.help-form{display:flex;gap:8px;margin-bottom:14px}.help-input{flex:1 1;font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:12px;padding:11px 14px;min-width:0}.help-input:focus-visible{outline:2px solid var(--signal);outline-offset:1px;border-color:var(--signal)}.help-ask{font-family:var(--sans);font-size:14px;font-weight:600;color:#fff;background:var(--signal);border:1px solid var(--signal);border-radius:12px;padding:0 18px;cursor:pointer}.help-ask:disabled{opacity:.5;cursor:default}.help-suggest{display:flex;flex-wrap:wrap;gap:8px}.help-chip{font-family:var(--sans);font-size:13px;color:var(--signal);background:color-mix(in oklab,var(--signal) 8%,var(--card));border:1px solid color-mix(in oklab,var(--signal) 26%,var(--line));border-radius:999px;padding:7px 13px;cursor:pointer;text-align:left}.help-chip:hover{background:color-mix(in oklab,var(--signal) 14%,var(--card))}.help-answer{font-family:var(--sans);font-size:14.5px;line-height:1.6;color:var(--ink);margin:4px 0 0;white-space:pre-wrap}.help-thinking{color:var(--muted)}.help-foot{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--line)}.help-foot a{font-family:var(--sans);font-size:12.5px;color:var(--muted);text-decoration:none}.help-foot a:hover{color:var(--signal)}.film-poster{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:var(--field);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.film-poster img{width:100%;height:100%;object-fit:cover;display:block}.film-noposter{font-family:var(--jp);font-size:26px;color:var(--muted);opacity:.6}.film-score{position:absolute;left:6px;bottom:6px;font-family:var(--mono);font-size:11px;font-weight:600;color:#fff;background:color-mix(in oklab,var(--signal) 88%,#000);padding:2px 7px;border-radius:999px}.film-meta{display:flex;flex-direction:column;gap:1px}.film-title{font-family:var(--sans);font-size:13.5px;line-height:1.25;color:var(--ink)}.film-orig{font-family:var(--jp);font-size:12px;color:var(--signal)}.film-year{font-family:var(--mono);font-size:10.5px;color:var(--muted)}.films-attrib{font-family:var(--sans);font-size:11px;color:var(--muted);margin:16px 0 0;line-height:1.5}.films-attrib a{color:var(--signal)}.saveprompt{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;background:color-mix(in oklab,var(--signal) 9%,var(--card));border:1px solid color-mix(in oklab,var(--signal) 30%,var(--line));border-radius:16px;padding:15px 17px;margin-bottom:12px}.saveprompt-body{display:flex;flex-direction:column;gap:3px;min-width:200px;flex:1 1}.saveprompt-body b{font-family:var(--serif,var(--sans));font-size:15.5px}.saveprompt-body span{font-family:var(--sans);font-size:13px;color:var(--muted);line-height:1.45}.saveprompt-actions{display:flex;align-items:center;gap:12px}.saveprompt-go{font-family:var(--sans);font-size:13.5px;font-weight:600;color:#fff;background:var(--signal);border:1px solid var(--signal);border-radius:10px;padding:9px 16px;text-decoration:none;white-space:nowrap}.saveprompt-go:hover{background:color-mix(in oklab,var(--signal) 88%,#000)}.saveprompt-dismiss{font-family:var(--sans);font-size:13px;color:var(--muted);background:none;border:0;cursor:pointer;white-space:nowrap}.saveprompt-dismiss:hover{color:var(--ink)}.due-badge{display:inline-block;min-width:20px;margin-left:8px;padding:1px 7px;font-family:var(--mono);font-size:11px;font-weight:700;color:#fff;background:var(--hanko);border-radius:999px;vertical-align:middle}.review-tile b{display:inline-flex;align-items:center}.rv-status{font-family:var(--sans);color:var(--muted);margin-top:20px}.rv{max-width:520px;margin:22px auto 0}.rv-bar{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.rv-kind{color:var(--signal)}.rv-intro,.rv-test{display:flex;flex-direction:column;align-items:center;text-align:center}.rv-introlab,.rv-prompt-lab{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.rv-glyph{font-family:var(--jp);font-size:84px;line-height:1.05;font-weight:600;color:var(--ink);background:transparent;border:0;cursor:pointer;padding:4px 10px;border-radius:16px}.rv-glyph:hover,.rv-reading{color:var(--signal)}.rv-reading{font-family:var(--jp);font-size:20px;margin:6px 0 2px}.rv-mean{font-family:var(--sans);font-size:19px;font-weight:600;color:var(--ink);margin:6px 0 22px}.rv-choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;width:100%;margin-top:22px}.rv-choice{font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 12px;cursor:pointer;transition:border-color .12s,background .12s;min-height:56px}.rv-choice:hover:not(:disabled){border-color:var(--signal);background:color-mix(in oklab,var(--signal) 7%,var(--card))}.rv-choice:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.rv-choice.right{border-color:var(--signal);background:color-mix(in oklab,var(--signal) 16%,var(--card));color:var(--ink);font-weight:600}.rv-choice.wrong{border-color:var(--hanko);background:color-mix(in oklab,var(--hanko) 14%,var(--card))}.rv-choice.dim{opacity:.5}.rv-fb{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:22px}.rv-fb-reading{font-family:var(--jp);font-size:16px;color:var(--signal)}.rv-cta{display:inline-block;font-family:var(--sans);font-size:15px;font-weight:600;color:#fff;background:var(--signal);border:1px solid var(--signal);border-radius:12px;padding:12px 26px;cursor:pointer;text-decoration:none;margin-top:8px}.rv-cta:hover{background:color-mix(in oklab,var(--signal) 88%,#000)}.rv-cta.ghost{color:var(--signal);background:transparent}.rv-done{max-width:520px;margin:34px auto 0;text-align:center}.rv-done-jp{font-family:var(--jp);font-size:40px;color:var(--signal);line-height:1.1}.rv-done-h{font-family:var(--serif,var(--jp));font-size:24px;margin:14px 0 8px}.rv-done-sub{font-family:var(--sans);font-size:15px;line-height:1.6;color:var(--muted);margin:0 auto 22px;max-width:44ch}.rv-done-row{display:flex;gap:12px;justify-content:center}.ap-sentence{font-family:var(--jp);font-size:30px;line-height:1.5;color:var(--ink);text-align:center;margin:6px 0 4px}.ap-blank{display:inline-block;min-width:1.4em;text-align:center;color:var(--muted);border-bottom:2px solid var(--signal);margin:0 .06em}.ap-blank.filled{color:var(--signal);font-weight:600;border-bottom-color:transparent}.ap-gloss{font-size:16px;margin:6px 0 2px}.ap-en,.ap-gloss{font-family:var(--sans);color:var(--muted)}.ap-en{font-size:14px}.pgal-ctrls{display:flex;align-items:center;gap:14px;margin-top:6px}.pgal-nav{min-width:52px;font-size:17px}.pgal-play{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--signal);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pgal-play:hover{border-color:var(--signal);background:color-mix(in oklab,var(--signal) 8%,var(--card))}.pgal-play:active{transform:translateY(1px)}.pgal-nav:focus-visible,.pgal-play:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.ex{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.ex-h{font-family:var(--sans);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.ex-masu{text-transform:none;letter-spacing:0;color:var(--ink);font-size:15px}.ex-list{list-style:none;margin:0;padding:0;flex-direction:column}.ex-item,.ex-list{display:flex;gap:9px}.ex-item{align-items:flex-start}.ex-body{display:flex;flex-direction:column;gap:3px;min-width:0}.ex-reveal{align-self:flex-start;background:none;border:0;padding:0;font-size:12.5px;color:var(--signal);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.ex-en,.ex-reveal{font-family:var(--sans)}.ex-en{font-size:14px;line-height:1.45;color:var(--muted)}.ex-en-pending{opacity:.7;font-style:italic}.ex-jp{font-size:20px;line-height:2.1;color:var(--ink)}.ex-jp ruby rt{font-size:.5em;color:var(--muted);font-weight:400;line-height:1}.ex-tgt{color:var(--signal);font-weight:600}.set-h{font-family:var(--sans);font-size:15px;font-weight:700;color:var(--ink);margin:0 0 4px}.top-right{display:inline-flex;align-items:center;gap:12px}.gear{font-size:20px;line-height:1;color:var(--muted);text-decoration:none}.gear:hover{color:var(--signal)}.set-account{margin:2px 0 4px}.progress-chip-wrap{position:relative;display:inline-flex}.progress-chip{display:inline-flex;align-items:baseline;gap:4px;cursor:pointer;background:color-mix(in oklab,var(--signal) 10%,var(--card));border:1px solid color-mix(in oklab,var(--signal) 34%,var(--line));border-radius:999px;padding:4px 11px;font-family:var(--sans);line-height:1;color:var(--signal)}.progress-chip:hover{background:color-mix(in oklab,var(--signal) 16%,var(--card))}.progress-chip:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.pc-xp{font-weight:700;font-size:14px}.pc-unit{font-family:var(--mono);font-size:10px;letter-spacing:.06em;opacity:.8}.pc-badges{margin-left:4px;padding-left:7px;border-left:1px solid color-mix(in oklab,var(--signal) 30%,transparent);font-size:12px;font-weight:600}.progress-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:min(300px,86vw);max-height:60vh;overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:left;box-shadow:0 16px 40px -12px var(--shadow,rgba(0,0,0,.28))}.pp-head{display:flex;align-items:baseline;gap:8px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}.pp-xp{font-family:var(--sans);font-weight:700;font-size:22px;color:var(--ink);line-height:1}.pp-xp-lab{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--signal)}.pp-empty{font-size:14px;line-height:1.5;margin:0}.pp-cap,.pp-empty{font-family:var(--sans);color:var(--muted)}.pp-cap{font-size:11px;line-height:1.4;opacity:.72;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line)}.pp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.pp-item-h{display:flex;align-items:baseline;gap:8px}.pp-item-name{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--ink)}.pp-item-lvl{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--signal);background:color-mix(in oklab,var(--signal) 12%,transparent);border-radius:6px;padding:1px 6px}.pp-item-earned{font-family:var(--sans);font-size:13px;line-height:1.45;color:var(--muted);margin-top:3px}.culture-search{width:100%;font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin:0 0 14px}.scenenav{display:flex;gap:8px;align-items:flex-start;margin:0 0 14px}.scenenav-search{position:relative;flex:1 1;min-width:0}.scenenav-search .culture-search{margin:0}.scenenav-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px -12px color-mix(in oklab,var(--ink) 40%,transparent);max-height:340px;overflow-y:auto;padding:6px}.scenenav-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-radius:10px;padding:9px 11px;cursor:pointer;text-align:left}.scenenav-item:hover{background:var(--field)}.scenenav-item.on{background:color-mix(in oklab,var(--signal) 12%,transparent)}.scenenav-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1}.scenenav-main b{font-family:var(--sans);font-size:14px;color:var(--ink)}.scenenav-fn{font-size:12px}.scenenav-empty,.scenenav-fn{font-family:var(--sans);color:var(--muted)}.scenenav-empty{font-size:13.5px;padding:8px 11px;margin:0}.scenenav-arrows{display:flex;gap:6px;flex:none}.scenenav-arrow{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center}.scenenav-arrow:hover:not(:disabled){border-color:var(--signal);color:var(--signal)}.scenenav-arrow:disabled{opacity:.4;cursor:default}.culture-search:focus-visible{outline:2px solid var(--signal);outline-offset:1px;border-color:var(--signal)}.culture-filter{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 14px;margin:0}.culture-chip{flex:none;padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-family:var(--sans);font-size:13.5px;cursor:pointer;white-space:nowrap}.culture-chip.on{background:var(--signal);color:#fff;border-color:transparent}.tour{display:contents}.tour-dim{position:fixed;inset:0;background:rgba(20,22,20,.62);z-index:500;pointer-events:auto}.tour-spot{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px rgba(20,22,20,.62);z-index:650;pointer-events:none;transition:all .25s ease}.tour-card{position:fixed;max-width:520px;margin:0 auto;background:var(--bg,#eae7e0);border:1px solid var(--line);border-radius:16px;padding:18px 18px 14px;box-shadow:0 14px 40px rgba(0,0,0,.28);z-index:700;pointer-events:auto}.tour-step{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em}.tour-title{font-size:19px;font-weight:700;margin:6px 0;text-wrap:balance}.tour-body,.tour-title{font-family:var(--sans);color:var(--ink)}.tour-body{font-size:14.5px;line-height:1.5;opacity:.85;margin:0 0 14px}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-skip{background:none;border:0;font-family:var(--sans);font-size:13px;color:var(--muted);cursor:pointer}.tour-dots{display:flex;gap:6px}.tour-dot{width:6px;height:6px;border-radius:50%;background:var(--line)}.tour-dot.on{background:var(--signal)}.tour-next{background:var(--signal);color:#fff;border:0;border-radius:10px;padding:9px 18px;font-family:var(--sans);font-size:15px;font-weight:600;cursor:pointer}.tour-reopen{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--signal);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.beta-note{font-family:var(--sans);font-size:12.5px;line-height:1.5;color:var(--muted);background:color-mix(in srgb,var(--signal) 7%,transparent);border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin:4px 0 14px}.beta-note b{color:var(--ink)}.shepherd{display:flex;flex-direction:column;gap:12px;margin:2px 0 14px;padding:15px 16px;border-radius:16px;background:color-mix(in oklab,var(--signal) 6%,var(--card));border:1px solid color-mix(in oklab,var(--signal) 22%,var(--line))}.shepherd-head{display:flex;gap:11px;align-items:flex-start}.shepherd-say{margin:0;font-family:var(--sans);font-size:15.5px;font-weight:500;line-height:1.5;color:var(--ink)}.shepherd-chips{display:flex;flex-wrap:wrap;gap:8px;padding-left:43px}@media(max-width:420px){.shepherd-chips{padding-left:0}}.rev{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px;font-family:var(--sans);font-size:12px}.rev-q{opacity:.75}.rev-btn,.rev-q{color:var(--muted)}.rev-btn{background:none;border:1px solid var(--line);border-radius:7px;padding:3px 9px;font:inherit;cursor:pointer}.rev-btn:hover{border-color:var(--signal)}.rev-btn:hover,.rev-done{color:var(--signal)}.rev-form{width:100%}.rev-input{flex:1 1;min-width:140px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font-family:var(--sans);font-size:13px}.rev-send{background:var(--signal);color:#fff;border:0;border-radius:8px;padding:6px 12px;font:inherit;cursor:pointer}.rev-send:disabled{opacity:.5;cursor:not-allowed}.rev-cancel{background:none;border:0;color:var(--muted);font-size:18px;cursor:pointer;line-height:1;padding:0 4px}.sitcheck{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.sit-jp{display:flex;align-items:center;gap:10px;font-size:22px;line-height:1.5;color:var(--ink);margin:10px 0 14px}.sit-opts{display:flex;flex-direction:column;gap:8px}.sit-opt{text-align:left;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);font-family:var(--sans);font-size:15px;cursor:pointer}.sit-opt.correct,.sit-opt:hover:enabled{border-color:var(--signal)}.sit-opt.correct{background:color-mix(in srgb,var(--signal) 15%,var(--card));font-weight:600}.sit-opt.wrong{background:color-mix(in srgb,#c0392b 12%,var(--card));border-color:#c0392b}.sit-opt:disabled{cursor:default}.sit-next{margin-top:14px}.read-item{border:1px solid var(--line);border-radius:12px;padding:15px;margin:12px 0;background:var(--card)}.read-jp{display:flex;align-items:flex-start;gap:10px}.read-line{font-size:21px;line-height:2.1;color:var(--ink)}.read-line ruby rt{font-size:.5em;color:var(--muted);font-weight:400;line-height:1}.read-w{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-bottom:1px dotted color-mix(in srgb,var(--signal) 55%,transparent)}.read-w:hover{color:var(--signal)}.read-en{margin-top:8px;font-family:var(--sans);font-size:14px;line-height:1.45;color:var(--muted)}.read-more{margin:16px 0 4px}.read-more:disabled{opacity:.6;cursor:not-allowed}.read-count{font-family:var(--sans);font-size:13px;color:var(--muted);text-align:center;margin-top:6px}.checkpoint{border:1px solid color-mix(in srgb,var(--signal) 45%,var(--line));border-left:3px solid var(--signal);border-radius:12px;padding:16px 15px;margin:12px 0;background:var(--card)}.chk-counter{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--signal);margin-bottom:8px}.chk-q{font-size:20px;line-height:1.6;color:var(--ink);margin-bottom:4px}.chk-ask{font-family:var(--sans);font-size:13px;color:var(--muted);margin-bottom:12px}.chk-opts{flex-direction:column}.chk-opt,.chk-opts{display:flex;gap:8px}.chk-opt{align-items:center;justify-content:space-between;width:100%;text-align:left;font-family:var(--sans);font-size:14px;line-height:1.4;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:12px 13px;min-height:46px;cursor:pointer;transition:border-color .15s,background .15s}.chk-opt:hover:not(:disabled){border-color:color-mix(in srgb,var(--signal) 55%,var(--line))}.chk-opt:disabled{cursor:default}.chk-opt.is-correct{border-color:var(--signal);background:color-mix(in srgb,var(--signal) 12%,var(--field));color:var(--ink)}.chk-opt.is-wrong-picked{border-color:var(--line);background:var(--field);color:var(--muted)}.chk-check{font-weight:600;flex:none}.chk-check,.chk-xp{color:var(--signal)}.chk-xp{align-self:flex-start;display:inline-block;margin-top:12px;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.02em;background:color-mix(in srgb,var(--signal) 14%,transparent);border-radius:999px;padding:4px 10px}.chk-reveal{margin-top:12px;display:flex;flex-direction:column;gap:10px}.chk-meaning{font-family:var(--sans);font-size:14px;line-height:1.45;color:var(--muted)}.chk-next{font-size:13px;font-weight:600;color:var(--paper);background:var(--signal);border:0;border-radius:9px;padding:9px 14px}.chk-next,.chk-skip{align-self:flex-start;font-family:var(--sans);cursor:pointer}.chk-skip{margin-top:12px;background:none;border:0;padding:0;font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}.chk-skip:hover{color:var(--signal)}@media (prefers-reduced-motion:reduce){.chk-opt{transition:none}}.listen-play{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-bottom:12px;padding:20px 16px;font-family:var(--sans);font-size:16px;font-weight:600;color:var(--paper);background:var(--signal);border:0;border-radius:12px;cursor:pointer;transition:opacity .15s}.listen-play:hover{opacity:.9}.listen-play-icon{font-size:24px;line-height:1}.listen-entry{display:block;margin:14px 0 4px;padding:14px 15px;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--signal);border-radius:14px;text-decoration:none}.listen-entry:hover{background:color-mix(in srgb,var(--signal) 8%,var(--card))}.listen-gate{border:1px solid var(--line);border-radius:12px;padding:16px 15px;margin:16px 0;background:var(--card);font-family:var(--sans);font-size:14px;line-height:1.55;color:var(--muted)}.listen-gate-link{display:inline-block;margin-top:10px;font-weight:600;color:var(--signal);text-decoration:none}.listen-done{margin:16px 0;font-family:var(--sans);font-size:14px;color:var(--muted)}.listen-more{margin-top:8px}.listen-more:disabled{opacity:.6;cursor:not-allowed}.pl-item{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0;background:var(--card)}.pl-jp{display:flex;align-items:center;gap:10px;font-size:21px;line-height:1.5;color:var(--ink)}.pl-input,.pl-jp{margin-bottom:10px}.pl-input,.pl-rate{width:100%}.pl-rate{display:flex}.pl-rate .vs-segbtn{flex:1 1}.pl-submit{margin-top:8px}.pl-submit:disabled{opacity:.5;cursor:not-allowed}.pl-done{text-align:center;padding:24px 0}.pl-level{font-family:var(--sans);font-size:56px;font-weight:800;color:var(--signal);letter-spacing:.02em}.pl-rationale{font-family:var(--sans);font-size:16px;line-height:1.5;color:var(--ink);margin:6px auto 14px;max-width:34ch}a.vs-test{display:inline-block;text-decoration:none}.ex-src{margin-top:11px;font-family:var(--sans);font-size:11px;color:var(--muted)}.vs{flex-direction:column;gap:16px;margin-top:6px}.vs,.vs-row{display:flex}.vs-row{align-items:center;gap:12px}.vs-label{flex:none;width:92px;font-family:var(--sans);font-size:13px;color:var(--muted)}.vs-seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.vs-segbtn{padding:8px 16px;font-family:var(--sans);font-size:14px;background:var(--card);color:var(--ink);border:0;border-left:1px solid var(--line);cursor:pointer}.vs-segbtn:first-child{border-left:0}.vs-segbtn.on{background:var(--signal);color:#fff}.vs-segbtn:disabled{opacity:.38;cursor:not-allowed}.vs-slider{flex:1 1;accent-color:var(--signal)}.vs-val{flex:none;width:44px;text-align:right;font-size:13px;color:var(--muted)}.vs-select{flex:1 1;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-family:var(--sans);font-size:14px}.vs-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:2px}.vs-test{padding:10px 18px;border:0;border-radius:10px;background:var(--signal);color:#fff;font-family:var(--sans);font-size:15px;cursor:pointer}.vs-active,.vs-hint,.vs-warn p{font-family:var(--sans);font-size:13px;color:var(--muted)}.vs-hint,.vs-warn p{line-height:1.55}.vs-warn{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--card)}.vs-warn b{font-size:15px;color:var(--ink)}.rad-selbar,.vs-warn b{font-family:var(--sans)}.rad-selbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--card);margin:4px 0 14px;font-size:13px;color:var(--muted);min-height:44px}.rad-sellabel .jp{font-size:18px;color:var(--ink);letter-spacing:.06em}.rad-results{margin:2px 0 16px}.rad-picker{display:flex;flex-direction:column;gap:7px;max-height:46vh;overflow-y:auto;padding:8px 4px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 55%,transparent)}.rad-strokegroup{display:flex;gap:8px;align-items:flex-start}.rad-strokelabel{flex:none;width:20px;font-family:var(--mono);font-size:10.5px;color:var(--muted);padding-top:9px;text-align:right}.rad-chips{display:flex;flex-wrap:wrap;gap:5px}.rad-chip{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--jp);font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center}.rad-chip:hover{border-color:var(--signal)}.rad-chip.on{background:var(--signal);color:#fff;border-color:transparent}.pitchrow{margin:8px 0 2px}.pitch{display:inline-flex;align-items:center;gap:10px}.pitch-moras{display:inline-flex;font-family:var(--jp);font-size:17px;color:var(--ink)}.pmora{padding:3px 1px 2px;border-top:2px solid transparent;border-bottom:2px solid transparent}.pmora.hi{border-top-color:var(--signal)}.pmora.lo{border-bottom-color:color-mix(in oklab,var(--muted) 45%,transparent)}.pmora.drop{position:relative;border-right:2px solid var(--signal)}.ptype{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.grammar-sec{margin-top:18px}.grammar-pat{font-family:var(--jp);font-size:20px;font-weight:600;color:var(--signal);line-height:1.2}.particle-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.particle-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:13px 15px}.particle-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.particle-p{font-family:var(--jp);font-size:26px;font-weight:600;color:var(--signal);border:0;background:transparent;cursor:pointer;padding:0;line-height:1}.particle-romaji{font-family:var(--jp);font-size:12.5px;color:var(--muted)}.particle-role{font-family:var(--sans);font-size:13.5px;color:var(--ink);margin-left:auto;text-align:right}.particle-ex{display:block;font-family:var(--jp);font-size:19px;color:var(--ink);border:0;background:transparent;cursor:pointer;padding:6px 0 0;text-align:left;line-height:1.5}.particle-ex:hover{color:var(--signal)}.particle-ex-en{font-family:var(--sans);font-size:13.5px;color:var(--muted);margin-top:3px}.vocab-sec{margin-top:20px}.vocab-list{display:flex;flex-direction:column;gap:0;margin-top:8px}.vocab-row{contain-intrinsic-size:auto 68px}.kcard,.vocab-row{content-visibility:auto}.kcard{contain-intrinsic-size:auto 96px}.vocab-row{display:grid;grid-template-columns:auto auto auto 1fr auto;grid-template-areas:"thumb spk hw gloss grp" "thumb spk yomi gloss grp";align-items:center;grid-gap:1px 10px;gap:1px 10px;padding:9px 0;border-bottom:1px solid color-mix(in oklab,var(--line) 55%,transparent)}.vocab-thumb{grid-area:thumb;width:34px;height:34px;border-radius:8px;object-fit:cover;align-self:center;border:1px solid var(--line);cursor:pointer;background:var(--field)}.vocab-thumb.empty{width:34px;height:34px;border:0;background:transparent;cursor:default}.vsearch{display:flex;align-items:center;gap:8px;margin:6px 0}.vsearch-in{flex:1 1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;font-size:15px;background:var(--field);color:var(--ink)}.vsearch-in::placeholder{color:var(--muted)}.vsearch-in:focus{outline:none;border-color:var(--signal)}.vsearch-n{font-size:12px;color:var(--muted);white-space:nowrap}.vsearch-empty{color:var(--muted);font-size:14px;padding:14px 2px}.vocab-row .spk{grid-area:spk}.vocab-hw{grid-area:hw;font-family:var(--jp);font-size:19px;color:var(--ink);border:0;background:transparent;cursor:pointer;text-align:left;padding:0}.vocab-hw:hover,.vocab-yomi{color:var(--signal)}.vocab-yomi{grid-area:yomi;font-family:var(--jp);font-size:12.5px}.vocab-gloss{grid-area:gloss;font-family:var(--sans);font-size:13.5px;color:var(--muted);line-height:1.4}.vocab-row .vgrp{grid-area:grp;justify-self:end}.vgrp{display:inline-flex;align-items:center;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--signal);background:color-mix(in oklab,var(--signal) 12%,transparent);border:1px solid color-mix(in oklab,var(--signal) 30%,var(--line));border-radius:999px;padding:2px 7px;white-space:nowrap}.vgrp-sec{margin-top:14px}.vgrp-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--sans);font-size:13.5px;font-weight:700;color:var(--ink);margin:0 0 2px}.vgrp-note{font-family:var(--jp);font-size:12px;font-weight:400;color:var(--muted)}.teach-hint{margin:8px 0 2px;font-size:12.5px;color:var(--muted)}.particle-card.teachable{cursor:pointer;transition:border-color .12s,box-shadow .12s;border-color:color-mix(in oklab,var(--signal) 32%,var(--line))}.particle-card.teachable:hover{border-color:var(--signal)}.particle-card.teachable:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.particle-card.teachable.open{box-shadow:0 0 0 1px color-mix(in oklab,var(--signal) 40%,transparent)}.teach-chev{margin-left:auto;color:var(--muted);font-size:18px;line-height:1;transform:rotate(90deg);transition:transform .15s}.teach-chev.up{transform:rotate(-90deg);color:var(--signal)}.grammar-ex-kanji{font-size:12.5px;color:var(--muted);margin-top:1px}.grammar-build{font-family:var(--sans);font-size:13px;line-height:1.55;color:var(--ink);margin:3px 0 4px}.grammar-form{font-family:var(--jp);font-size:11px;color:var(--muted);margin:0 0 6px}.teach{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.teach-row{display:grid;grid-template-columns:96px 1fr;grid-gap:10px;gap:10px;align-items:baseline}.teach-lab{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--signal);padding-top:2px}.teach-val{font-family:var(--sans);font-size:13px;line-height:1.55;color:var(--ink)}.teach-val .jp{font-family:var(--jp)}.teach-build{font-weight:500}.teach-pair{display:flex;flex-direction:column;gap:6px}.teach-pair-r{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.teach-pair-jp{font-family:var(--jp);font-size:15px;color:var(--ink);background:none;border:0;padding:0;cursor:pointer;text-align:left}.teach-pair-jp:hover{color:var(--signal)}.teach-pair-en{font-size:12px;color:var(--muted)}@media (max-width:420px){.teach-row{grid-template-columns:1fr;gap:2px}.teach-lab{padding-top:0}}.gcat{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}.gcat-b{font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.gcat-b:hover{color:var(--ink)}.gcat-b.on{color:#fff;background:var(--signal);border-color:var(--signal)}.vfilter{display:inline-flex;flex-wrap:wrap;gap:3px;margin-top:12px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--field)}.vfilter-b{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--muted);background:transparent;border:0;border-radius:9px;padding:7px 14px;cursor:pointer;transition:background .12s,color .12s}.vfilter-b:hover{color:var(--ink)}.vfilter-b.on{color:#fff;background:var(--signal)}.vrules{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.vrules-h{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}.vrule{display:flex;gap:11px;align-items:flex-start;padding:8px;margin:-8px;border-radius:10px;transition:background .12s}.vrule.on{background:color-mix(in oklab,var(--signal) 8%,transparent)}.vrule .vgrp{margin-top:2px}.vrule-body{min-width:0}.vrule-t{font-size:13.5px;font-weight:700;color:var(--ink)}.vrule-r,.vrule-t{font-family:var(--sans)}.vrule-r{font-size:13px;color:var(--muted);line-height:1.5;margin-top:2px}.vrule-eg{font-size:13.5px;color:var(--signal);margin-top:4px}.home-vocab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.home-vocab:hover{border-color:var(--signal)}.home-vocab b{font-size:15px}.home-vocab .sub2{font-family:var(--sans);font-size:12.5px;color:var(--muted);margin-top:2px;display:block}.home-vocab .arrow{color:var(--signal);font-weight:700}.conjbox{margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.conjtable{width:100%;border-collapse:collapse;margin-top:8px}.conjtable td{padding:5px 4px;border-bottom:1px solid color-mix(in oklab,var(--line) 55%,transparent);vertical-align:middle}.conjtable .clabel{font-family:var(--sans);font-size:12px;color:var(--muted);white-space:nowrap;width:34%}.conjtable .cform{font-family:var(--jp);font-size:15.5px;color:var(--ink)}.cbtn{font:inherit;color:inherit;border:0;background:transparent;padding:2px 4px;border-radius:6px;cursor:pointer;text-align:left}.cbtn:hover{background:color-mix(in oklab,var(--signal) 12%,transparent);color:var(--signal)}.cdash{color:var(--muted)}.signin-link{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--signal);border:1px solid color-mix(in oklab,var(--signal) 40%,var(--line));padding:6px 14px;border-radius:999px}.signin-link:hover{background:color-mix(in oklab,var(--signal) 8%,var(--card))}.signin-slot{display:inline-flex;align-items:center;gap:10px;min-height:32px}.signin-who{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signin-out{font-family:var(--sans);font-size:12px;color:var(--muted);border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 12px;cursor:pointer}.signin-out:hover{color:var(--ink);border-color:var(--signal)}.login-wrap{min-height:100dvh;justify-content:center;gap:22px;padding:calc(28px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% 20%,color-mix(in oklab,var(--card) 55%,var(--paper)),var(--paper) 72%)}.login-brand,.login-wrap{display:flex;flex-direction:column;align-items:center}.login-brand{gap:4px}.login-mark{font-size:clamp(48px,16vw,84px);line-height:1;color:var(--ink)}.login-card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column}.login-label{font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--ink);margin:14px 0 6px}.login-opt{font-weight:400;color:var(--muted)}.login-input{width:100%;font-family:var(--sans);font-size:16px;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:var(--field);color:var(--ink)}.login-input:focus{outline:2px solid var(--signal);outline-offset:1px}.login-code{text-align:center;letter-spacing:.5em;font-size:22px;font-family:var(--mono);padding-right:9px}.login-btn{margin-top:18px;text-align:center;border:0;cursor:pointer;font-size:15px}.login-btn:disabled{opacity:.55}.speak-hero{flex-direction:column;text-align:center;gap:8px;margin-top:20px}.speak-hero,.speak-mic{display:flex;align-items:center}.speak-mic{width:78px;height:78px;border-radius:22px;background:color-mix(in oklab,var(--signal) 12%,var(--card));color:var(--signal);justify-content:center;border:1px solid color-mix(in oklab,var(--signal) 30%,var(--line))}.speak-soon{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);border:1px solid color-mix(in oklab,var(--amber) 45%,var(--line));padding:3px 12px;border-radius:999px;margin-top:8px}.speak-points{gap:12px;margin-top:22px}.speak-point,.speak-points{display:flex;flex-direction:column}.speak-point{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px 16px;gap:5px}.speak-point b{font-family:var(--sans);font-size:15px;color:var(--ink)}.speak-point span{font-family:var(--sans);font-size:14px;line-height:1.55;color:var(--muted)}.bchip{display:inline-flex;align-items:center;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:2px 9px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.bchip.b0{color:color-mix(in oklab,var(--indigo) 55%,var(--muted));border-color:color-mix(in oklab,var(--indigo) 30%,var(--line))}.bchip.b1{color:var(--muted)}.bchip.b2{color:var(--signal);border-color:color-mix(in oklab,var(--signal) 42%,var(--line))}.bchip.b3{color:var(--indigo);border-color:color-mix(in oklab,var(--indigo) 45%,var(--line))}.bchip.b4{color:var(--amber);border-color:color-mix(in oklab,var(--amber) 48%,var(--line))}.bchip.b5{color:var(--hanko);border-color:color-mix(in oklab,var(--hanko) 48%,var(--line))}.bchip.b6{color:var(--ink);border-color:var(--ink)}.conv-rung{display:flex;align-items:center;gap:10px;margin:20px 0 6px}.conv-rung-name{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}.conv-rung-doing{font-family:var(--sans);font-size:12.5px;color:var(--muted)}.conv-group:first-child .conv-rung{margin-top:6px}.streakbar{display:flex;align-items:center;gap:6px;justify-content:center;margin-top:14px}.streakdot{width:9px;height:9px;border-radius:50%;background:var(--line);transition:background .2s,transform .2s}.streakdot.on{background:var(--signal);transform:scale(1.15)}.streaktxt{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--muted);margin-left:6px}.celebrate{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in oklab,var(--paper) 82%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:cel-in .35s ease both}@keyframes cel-in{0%{opacity:0}to{opacity:1}}.cel-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cel-card{position:relative;z-index:1;max-width:340px;text-align:center;flex-direction:column;gap:14px}.cel-card,.cel-seal{display:flex;align-items:center}.cel-seal{width:88px;height:88px;border-radius:16px;background:var(--hanko);color:var(--paper);justify-content:center;font-family:var(--jp);font-size:52px;transform:rotate(-5deg);box-shadow:inset 0 0 0 2.5px color-mix(in oklab,var(--paper) 55%,transparent),0 8px 30px var(--shadow);animation:cel-pop .5s cubic-bezier(.2,1.3,.4,1) both}@keyframes cel-pop{0%{transform:rotate(-5deg) scale(0)}to{transform:rotate(-5deg) scale(1)}}.cel-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--signal)}.cel-title{font-family:var(--jp);font-size:26px;font-weight:600;color:var(--ink);line-height:1.3}.cel-earned{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--muted)}.cel-btn{margin-top:6px;background:var(--indigo);color:#fff;font-weight:600;font-size:15px;border:0;border-radius:14px;min-height:48px;padding:0 26px;cursor:pointer}@media (prefers-reduced-motion:reduce){.cel-seal,.celebrate{animation:none}}.conv-fn-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.conv-len{font-family:var(--mono);font-size:11px;color:var(--muted)}.conv-playall{width:100%;margin:12px 0 6px;min-height:48px;border-radius:14px;cursor:pointer;border:1px solid color-mix(in oklab,var(--signal) 40%,var(--line));background:color-mix(in oklab,var(--signal) 10%,var(--card));color:var(--signal);font-family:var(--sans);font-size:15px;font-weight:600}.conv-playall:hover{background:color-mix(in oklab,var(--signal) 16%,var(--card))}.conv-playall.on{background:var(--hanko);color:#fff;border-color:transparent}.conv-playall:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.bloom-ladder{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:2px 0 20px}.bloom-ladder .bstep{display:inline-flex;align-items:center;gap:6px}.bloom-ladder .barrow{color:var(--muted);font-size:12px}.convlist{display:flex;flex-direction:column;gap:9px;margin-top:14px}.convcard{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.convcard:hover{border-color:var(--signal)}.convnum{font-size:13px;color:var(--muted);flex:none;width:22px}.convmain{display:flex;flex-direction:column;gap:2px;flex:1 1}.convmain b{font-size:15.5px}.convfn{font-family:var(--sans);font-size:12.5px;color:var(--muted)}.conv-head{margin-top:6px}.conv-fn{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin-bottom:6px}.dlg{flex-direction:column;gap:12px;margin-top:14px}.dlg,.turn{display:flex}.turn{gap:9px;align-items:flex-start;max-width:92%}.turn.b{flex-direction:row-reverse;margin-left:auto}.who{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:600;margin-top:6px;background:color-mix(in oklab,var(--signal) 16%,var(--card));color:var(--signal)}.turn.b .who{background:color-mix(in oklab,var(--indigo) 18%,var(--card));color:var(--indigo)}.bubble{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:10px 12px}.turn.b .bubble{background:color-mix(in oklab,var(--indigo) 6%,var(--card))}.bubble-row{display:flex;align-items:flex-start;gap:8px}.splay.sm{width:32px;height:32px;font-size:12px;margin-top:2px}.cbody{margin:0;font-size:22px;line-height:1.75;display:flex;flex-wrap:wrap;align-items:flex-end}.cbody .stok{font:inherit}.cbody ruby rt{font-size:10px;color:var(--signal);font-weight:600;opacity:.85}.cen{margin-top:8px;font-family:var(--sans);font-size:14px;font-style:italic;color:var(--muted)}.conv-head .sfocus{margin-top:2px}.slist{display:flex;flex-direction:column;gap:14px;margin-top:14px}.scard{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:16px}.sline{display:flex;align-items:flex-start;gap:10px}.splay{flex:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--signal);font-size:15px;cursor:pointer;margin-top:6px}.splay:hover{border-color:var(--signal)}.splay:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.sbody{margin:0;font-size:27px;line-height:1.9;display:flex;flex-wrap:wrap;align-items:flex-end}.stok{font:inherit;border:0;background:transparent;color:var(--ink);cursor:pointer;padding:2px 3px;border-radius:8px;border-bottom:2px solid transparent}.stok:hover{background:color-mix(in oklab,var(--signal) 10%,transparent);border-bottom-color:color-mix(in oklab,var(--signal) 45%,transparent)}.stok.sel{background:color-mix(in oklab,var(--signal) 16%,transparent);border-bottom-color:var(--signal)}.stok.unver{color:var(--amber);border-bottom:2px dashed var(--amber)}.stok:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.stok ruby rt{font-size:11px;color:var(--signal);font-weight:600;opacity:.85}.stok-punct{padding:2px 1px;color:var(--muted)}.stok-detail{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:10px;padding:9px 12px;border-radius:10px;background:var(--paper);border:1px solid var(--line)}.stok-detail .jp{font-size:19px}.stok-detail .r{font-size:13px;color:var(--muted)}.stok-role{font-family:var(--mono);font-size:10.5px;color:var(--signal);background:color-mix(in oklab,var(--signal) 12%,transparent);padding:2px 8px;border-radius:999px}.stok-gloss{font-size:14px;color:var(--ink)}.sfocus,.stok-gloss{font-family:var(--sans)}.sfocus{font-size:13.5px;line-height:1.5;color:var(--muted);margin-top:11px}.sfocus b{color:var(--ink)}.sactions{display:flex;gap:8px;margin-top:12px}.sactions .act{font-size:13px;min-height:38px;padding:0 12px}.sen{font-family:var(--serif,var(--sans));font-size:16px;font-style:italic;color:var(--ink)}.sbreak,.sen{margin-top:10px}.sbreak{border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:2px}.brow{display:grid;grid-template-columns:30px auto 1fr;grid-template-areas:"spk sfc read" "spk role gloss";align-items:center;grid-gap:2px 8px;gap:2px 8px;padding:6px 0;border-bottom:1px solid color-mix(in oklab,var(--line) 60%,transparent)}.brow .spk{grid-area:spk}.bsfc{grid-area:sfc;font-size:17px}.bread{grid-area:read;font-family:var(--jp);font-size:12.5px;color:var(--muted)}.brole{grid-area:role;font-family:var(--mono);font-size:10px;color:var(--signal)}.bgloss{grid-area:gloss;color:var(--ink)}.bgloss,.lk-note{font-family:var(--sans);font-size:13px}.lk-note{line-height:1.5;margin:0 0 10px;padding:9px 12px;border-radius:10px;border:1px solid var(--line)}.lk-note.conj{background:color-mix(in oklab,var(--signal) 8%,var(--card));border-color:color-mix(in oklab,var(--signal) 45%,var(--line));color:var(--ink)}.lk-note.guess{background:color-mix(in oklab,var(--amber) 9%,var(--card));border-color:color-mix(in oklab,var(--amber) 50%,var(--line));color:var(--ink)}.rhint{font-family:var(--sans);font-size:10.5px;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0;margin-left:8px}.rrow{display:flex;align-items:center;gap:8px}.rchips,.rrow{flex-wrap:wrap}.rchips{gap:6px}.rchip,.rchips{display:inline-flex}.rchip{align-items:center;gap:5px;font-size:15px;line-height:1;padding:6px 10px;min-height:34px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}.rchip:hover{border-color:var(--signal);background:color-mix(in oklab,var(--signal) 8%,var(--card))}.rchip:active{transform:translateY(1px)}.rchip:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.rchip-play{font-size:10px;color:var(--signal);opacity:.75}.act{font-family:var(--sans);font-size:14px;font-weight:600;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-height:44px;padding:0 14px;cursor:pointer}.act:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.seebtn{width:100%;margin-top:10px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.login-seg{display:flex;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:4px}.login-segbtn{flex:1 1;padding:11px 0;font-family:var(--sans);font-size:15px;background:var(--card);color:var(--ink);border:0;border-left:1px solid var(--line);cursor:pointer}.login-segbtn:first-child{border-left:0}.login-segbtn.on{background:var(--signal);color:#fff}.login-row{display:flex;gap:12px}.login-col{flex:1 1;min-width:0}.login-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:var(--card)}.kc{font-size:calc(26px*var(--reader-scale))}.drill-kana{font-size:calc(96px*var(--reader-scale))}.krow{font-size:calc(15px*var(--reader-scale))}.kcard-lit{font-size:calc(38px*var(--reader-scale))}.wcard-h{font-size:calc(22px*var(--reader-scale))}.iw .h{font-size:calc(30px*var(--reader-scale))}.ex-jp{font-size:calc(20px*var(--reader-scale))}.read-line{font-size:calc(21px*var(--reader-scale))}.sit-jp{font-size:calc(22px*var(--reader-scale))}.pl-jp{font-size:calc(21px*var(--reader-scale))}.vocab-hw{font-size:calc(19px*var(--reader-scale))}.vocab-yomi{font-size:calc(12.5px*var(--reader-scale))}.grammar-pat{font-size:calc(20px*var(--reader-scale))}.particle-p{font-size:calc(26px*var(--reader-scale))}.pcard-jp{font-size:calc(20px*var(--reader-scale))}.culture-jp{font-size:calc(21px*var(--reader-scale))}.cel-title{font-size:calc(26px*var(--reader-scale))}.ap-sentence{font-size:calc(30px*var(--reader-scale))}.rv-glyph{font-size:calc(84px*var(--reader-scale))}.rv-reading{font-size:calc(20px*var(--reader-scale))}.rail-popwrap{display:contents}.echo{max-width:520px;margin:18px auto 0}.echo-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.echo-voice-link{font-family:var(--sans);font-size:13px;color:var(--signal);text-decoration:none}.echo-stage{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.kodama{transition:transform .3s ease}.kodama.speaking{animation:kodamaNod 1.1s ease-in-out infinite}@keyframes kodamaNod{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}@media (prefers-reduced-motion:reduce){.kodama.speaking{animation:none}}.echo-play{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--signal);background:color-mix(in oklab,var(--signal) 9%,var(--card));border:1px solid color-mix(in oklab,var(--signal) 28%,var(--line));border-radius:999px;padding:11px 22px;cursor:pointer;margin-top:6px}.echo-play:hover{background:color-mix(in oklab,var(--signal) 15%,var(--card))}.echo-jp{font-family:var(--jp);font-size:30px;line-height:1.5;color:var(--ink);margin:14px 0 6px}.echo-reading{font-family:var(--jp);font-size:18px;color:var(--signal);margin:0}.echo-en{font-family:var(--sans);font-size:17px;color:var(--ink);margin:6px 0 16px}.echo-typerow{display:flex;gap:8px;width:100%;margin-top:14px}.echo-input{flex:1 1;font-family:var(--sans);font-size:16px;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:0}.echo-input:focus-visible{outline:2px solid var(--signal);outline-offset:1px;border-color:var(--signal)}.echo-check{font-family:var(--sans);font-size:15px;font-weight:600;color:#fff;background:var(--signal);border:1px solid var(--signal);border-radius:12px;padding:0 18px;cursor:pointer}.echo-reveal{flex-direction:column;gap:4px}.echo-do,.echo-reveal{display:flex;align-items:center;margin-top:14px}.echo-do{flex-wrap:wrap;gap:10px;justify-content:center}.echo-do .echo-play{margin-top:0}.echo-recbtn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:15px;font-weight:600;color:#fff;background:var(--hanko);border:1px solid var(--hanko);border-radius:999px;padding:11px 22px;cursor:pointer;transition:transform .1s}.echo-recbtn:active{transform:scale(.96)}.echo-recbtn:focus-visible{outline:2px solid var(--hanko);outline-offset:3px}.echo-recbtn.on{animation:recPulse 1.4s ease-out infinite}@keyframes recPulse{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--hanko) 55%,transparent)}to{box-shadow:0 0 0 16px transparent}}@media (prefers-reduced-motion:reduce){.echo-recbtn.on{animation:none}}.echo-recbtn .echo-square{width:14px;height:14px;border-radius:3px;background:#fff}.echo-recbtn.prep{background:var(--card);border-color:var(--line);color:var(--muted);cursor:default}.echo-spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--muted);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.echo-prep{font-family:var(--sans);font-size:13.5px;color:var(--muted);margin:8px 0 0}.echo-speaknow{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:15px;font-weight:700;color:var(--hanko);margin:10px 0 0}.echo-yours{margin-top:12px}.mic-help{max-width:420px}.mic-help-h{font-family:var(--serif,var(--jp));font-size:20px;margin:0 0 8px}.mic-help-p{font-family:var(--sans);font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 14px}.mic-steps{margin:0 0 18px;padding-left:20px;display:flex;flex-direction:column;gap:9px}.mic-steps li{font-family:var(--sans);font-size:14.5px;line-height:1.5;color:var(--ink)}.mic-steps b{font-weight:700}.echo-compare{flex-direction:column;align-items:center;width:100%;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.echo-compare-h{font-family:var(--serif,var(--sans));font-size:16px;font-weight:600;color:var(--ink);margin:0}.echo-compare-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.echo-cmp.big{color:#fff;background:var(--signal);border-color:var(--signal);font-size:15px;padding:11px 22px}.echo-cmp.big:hover{background:color-mix(in oklab,var(--signal) 88%,#000)}.echo-prosody{width:100%;max-width:340px;position:relative;margin:8px 0 2px;padding-top:4px}.echo-plegend{display:flex;gap:14px;justify-content:center;margin-bottom:4px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.echo-plegend span{display:inline-flex;align-items:center;gap:6px}.echo-plegend span:before{content:"";width:14px;height:2px;border-radius:2px}.echo-plegend .lg-model{color:var(--muted)}.echo-plegend .lg-model:before{background:var(--muted);opacity:.7}.echo-plegend .lg-you{color:var(--signal)}.echo-plegend .lg-you:before{background:var(--signal)}.echo-pchart{width:100%;height:64px;display:block;background:color-mix(in oklab,var(--signal) 4%,transparent);border-radius:10px}.echo-pchart .pw-model polyline{fill:none;stroke:var(--muted);stroke-width:1.6;stroke-dasharray:3 3;opacity:.65;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.echo-pchart .pw-model circle{fill:var(--muted);opacity:.55}.echo-pchart .pw-you polyline{fill:none;stroke:var(--signal);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.echo-pchart .pw-you circle{fill:var(--signal)}.echo-pchart .pw-head line{stroke:var(--hanko);stroke-width:1;opacity:.5;vector-effect:non-scaling-stroke}.echo-pchart .pw-head circle{fill:var(--hanko)}.echo-wave-lab{position:absolute;top:0;left:0;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.echo-prosody-note{font-family:var(--sans);font-size:12.5px;line-height:1.5;color:var(--muted);max-width:44ch;margin:6px 0 0;text-align:center}.echo-pace,.echo-prosody-note b{color:var(--ink)}.echo-pace{font-family:var(--sans);font-size:13.5px;line-height:1.5;max-width:42ch;margin:2px 0 0;text-align:center}.echo-pace b{color:var(--signal)}.echo-coach{width:100%;max-width:400px;text-align:left;border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:12px;background:var(--card);padding:13px 15px;margin:4px 0 2px}.echo-coach.close{border-left-color:var(--signal)}.echo-coach.partial{border-left-color:#c99a3a}.echo-coach.off{border-left-color:var(--hanko)}.echo-coach.unclear{border-left-color:var(--muted)}.echo-coach-h{font-family:var(--serif,var(--sans));font-size:14.5px;font-weight:600;color:var(--ink);margin:0}.echo-coach-list{list-style:none;margin:9px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.echo-coach-pt{font-family:var(--sans);font-size:13.5px;line-height:1.55;color:var(--ink);padding-left:14px;position:relative}.echo-coach-pt:before{content:"→";position:absolute;left:0;color:var(--signal)}.echo-coach-issue{font-weight:600}.echo-coach-pace{font-size:13px;line-height:1.5;margin:9px 0 0}.echo-coach-foot,.echo-coach-pace{font-family:var(--sans);color:var(--muted)}.echo-coach-foot{font-size:11.5px;line-height:1.45;margin:8px 0 0;font-style:italic}.echo-tip{font-family:var(--sans);font-size:13px;line-height:1.55;color:var(--muted);max-width:44ch;margin:2px 0 0}.echo-tip b{color:var(--ink)}.echo-rate{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px}.echo-rate-q{font-family:var(--sans);font-size:13.5px;color:var(--muted)}.echo-rate-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.echo-rate-b{font-family:var(--sans);font-size:13.5px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 15px;cursor:pointer}.echo-rate-b:hover{border-color:var(--signal);color:var(--signal)}.echo-rate-done{color:var(--signal);margin:6px 0 0;max-width:40ch;text-align:center}.echo-rate-done,.echo-reclive{font-family:var(--sans);font-size:14px}.echo-reclive{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--hanko)}.echo-recdot{width:11px;height:11px;border-radius:50%;background:var(--hanko);animation:recBlink 1s ease-in-out infinite}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.echo-recdot{animation:none}}.echo-mic-err{font-family:var(--sans);font-size:13px;color:var(--hanko);max-width:40ch;margin:0}.echo-compare{display:flex;gap:10px;margin-top:6px}.echo-cmp{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--signal);background:color-mix(in oklab,var(--signal) 8%,var(--card));border:1px solid color-mix(in oklab,var(--signal) 26%,var(--line));border-radius:12px;padding:10px 18px;cursor:pointer}.echo-cmp:hover{background:color-mix(in oklab,var(--signal) 14%,var(--card))}.echo-actions{margin-top:14px}.guide-fab{position:fixed;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:60;width:60px;height:60px;border-radius:50%;background:var(--signal);border:2px solid var(--paper);box-shadow:0 8px 22px -4px color-mix(in oklab,var(--signal) 55%,transparent),0 3px 8px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.guide-fab:hover{transform:translateY(-2px);box-shadow:0 12px 26px -4px color-mix(in oklab,var(--signal) 62%,transparent),0 4px 10px rgba(0,0,0,.25)}.guide-fab:active{transform:translateY(0)}.guide-fab:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.guide-fab:after{content:"";position:absolute;inset:-2px;border-radius:50%;animation:fabPulse 3s ease-out infinite;pointer-events:none}@keyframes fabPulse{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--signal) 42%,transparent)}70%,to{box-shadow:0 0 0 14px transparent}}@media(prefers-reduced-motion:reduce){.guide-fab:after{animation:none}}.guide-dot{position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:var(--hanko);box-shadow:0 0 0 2.5px var(--paper);z-index:1}.guide-scrim{position:fixed;inset:0;z-index:70;background:color-mix(in oklab,var(--ink) 32%,transparent);display:flex;align-items:flex-end;justify-content:center}@media(min-width:640px){.guide-scrim{justify-content:flex-end;padding:0 16px calc(16px + env(safe-area-inset-bottom))}}.guide-sheet{background:var(--paper);border:1px solid var(--line);border-radius:20px 20px 0 0;width:100%;max-width:440px;max-height:82vh;display:flex;flex-direction:column;padding:12px 14px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -18px 44px -20px rgba(0,0,0,.5)}@media(min-width:640px){.guide-sheet{border-radius:18px;max-height:72vh}}.guide-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.guide-title{font-family:var(--serif,var(--sans));font-size:16px;font-weight:600;color:var(--ink)}.guide-title .jp{font-family:var(--jp);color:var(--signal);margin-right:5px}.guide-sheet .cmp{border:0;background:transparent;padding:0;margin:0;flex:1 1;min-height:0}.guide-sheet .cmp-log{max-height:none;flex:1 1}.cmp{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:12px;margin:4px 0 22px}.cmp,.cmp-log{display:flex;flex-direction:column;gap:10px}.cmp-log{max-height:340px;overflow-y:auto;padding:2px}.cmp-row{display:flex;gap:9px;align-items:flex-end}.cmp-row.user{justify-content:flex-end}.cmp-sprite{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.cmp-bubble,.cmp-sprite{background:var(--paper);border:1px solid var(--line)}.cmp-bubble{max-width:80%;font-family:var(--sans);font-size:14.5px;line-height:1.5;color:var(--ink);border-radius:15px;border-bottom-left-radius:5px;padding:11px 14px}.cmp-row.user .cmp-bubble{background:color-mix(in oklab,var(--signal) 12%,var(--card));border-color:color-mix(in oklab,var(--signal) 26%,var(--line));border-radius:15px;border-bottom-right-radius:5px;color:var(--ink)}.cmp-typing{display:inline-flex;gap:4px;align-items:center;padding:14px}.cmp-typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:.5;animation:cmpblink 1.2s infinite}.cmp-typing i:nth-child(2){animation-delay:.2s}.cmp-typing i:nth-child(3){animation-delay:.4s}@keyframes cmpblink{0%,60%,to{opacity:.3}30%{opacity:.9}}@media (prefers-reduced-motion:reduce){.cmp-typing i{animation:none}}.cmp-chips{display:flex;flex-wrap:wrap;gap:7px}.cmp-chip{font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--signal);background:color-mix(in oklab,var(--signal) 8%,var(--paper));border:1px solid color-mix(in oklab,var(--signal) 26%,var(--line));border-radius:999px;padding:8px 13px;cursor:pointer}.cmp-chip:hover{background:color-mix(in oklab,var(--signal) 15%,var(--paper))}.cmp-chip.primary{color:#fff;background:var(--signal);border-color:var(--signal)}.cmp-chip:disabled{opacity:.5;cursor:default}.cmp-input{display:flex;gap:8px}.cmp-input input{flex:1 1;border:1px solid var(--line);border-radius:12px;background:var(--field);padding:11px 13px;font-family:var(--sans);font-size:14px;color:var(--ink)}.cmp-input input:focus{outline:2px solid var(--signal);outline-offset:1px}.cmp-input button{flex:none;width:44px;border:0;border-radius:12px;background:var(--signal);color:#fff;font-size:18px;cursor:pointer}.cmp-input button:disabled{opacity:.45;cursor:default}.yv{margin-top:6px}.yv-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.yv-count{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.yv-clear{margin-left:auto;font-family:var(--sans);font-size:12.5px;color:var(--muted);background:none;border:0;cursor:pointer;padding:4px 2px}.yv-clear:hover{color:var(--hanko)}.yv-confirm{margin-left:auto;display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12.5px;color:var(--ink)}.yv-clear.danger{margin-left:0;font-weight:600;color:var(--hanko)}.yv-keep{font-family:var(--sans);font-size:12.5px;color:var(--signal);background:none;border:0;cursor:pointer;padding:4px 2px}.yv-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.yv-clip{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:13px 15px}.yv-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.yv-jp{font-family:var(--jp);font-size:20px;color:var(--ink)}.yv-date{font-family:var(--mono);font-size:11px}.yv-date,.yv-en{color:var(--muted)}.yv-en{font-family:var(--sans);font-size:13.5px;display:block;margin:3px 0 10px}.yv-row{display:flex;align-items:center;gap:10px}.yv-del{margin-left:auto;font-family:var(--sans);font-size:12.5px;color:var(--muted);background:none;border:0;cursor:pointer}.yv-del:hover{color:var(--hanko)}.soon-divide{display:flex;align-items:center;gap:12px;margin:44px 0 6px;color:var(--muted)}.soon-divide:after,.soon-divide:before{content:"";flex:1 1;height:1px;background:var(--line)}.soon-divide span{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}:root[data-palette=ai]{--signal:#29506E}:root[data-palette=shu]{--signal:#B0472B}:root[data-palette=sakura]{--signal:#9E4368}:root[data-palette=nezumi]{--signal:#8E3B3B}@media (prefers-color-scheme:dark){:root[data-palette=ai]{--signal:#7FA6C8}:root[data-palette=shu]{--signal:#E0714F}:root[data-palette=sakura]{--signal:#E2A6B6}:root[data-palette=nezumi]{--signal:#C56A6A}}.set-pal{display:flex;gap:8px;flex-wrap:wrap}.set-palbtn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 7px 5px;border-radius:11px;border:1px solid var(--line);background:var(--field);cursor:pointer;min-width:52px}.set-palbtn.on{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)}.set-palbtn .sw{display:flex;border-radius:6px;overflow:hidden;border:1px solid color-mix(in oklab,var(--ink) 12%,transparent)}.set-palbtn .sw i{width:11px;height:20px;display:block}.set-palbtn .pn{font-family:var(--jp);font-size:12px;color:var(--ink);line-height:1}.set-palbtn .pe{font-size:9px;color:var(--muted);letter-spacing:.02em}