:root{--bg:#F1F4F7;--panel:#FFFFFF;--ink:#16222E;--mut:#52667A;--line:#D9E2EA;--scope:#0E1B26;--scope-ink:#D9E6F2;--scope-line:#24384C;--ok:#1E7A4C;--ok-soft:#E0F1E7;--bad:#BB3A2E;--bad-soft:#F9E7E4;--acc:#C13515;--acc-deep:#8A2410;--acc-soft:#FAE8E1;--font-display:"Bahnschrift","Archivo Narrow","Arial Narrow","Segoe UI",system-ui,sans-serif;--font-body:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-mono:"Cascadia Code","Consolas","Menlo","DejaVu Sans Mono",monospace;--font-jp:"Yu Gothic UI","Meiryo","Hiragino Sans","Noto Sans JP","MS PGothic",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased}a{color:var(--acc)}a:hover{color:var(--acc-deep)}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:2px}.app{display:grid;grid-template-columns:288px minmax(0,1fr);grid-gap:0;gap:0;max-width:1280px;margin:0 auto}.main{min-width:0;padding:28px clamp(28px,3.2vw,84px) 120px;background:var(--bg)}.rail{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px 32px;display:flex;flex-direction:column;gap:14px}.brand{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.4px;color:var(--acc-deep);line-height:1.15}.brand small{display:block;font-family:var(--font-body);font-weight:400;font-size:12px;color:var(--mut);letter-spacing:.2px;margin-top:4px}.searchbox{position:relative}.searchbox input{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px;background:var(--bg);color:var(--ink)}.searchbox input:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 2px var(--acc-soft)}.q-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(22,34,46,.14);max-height:320px;overflow-y:auto;display:none}.q-results.open{display:block}.q-results button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;background:none;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}.q-results button.sel,.q-results button:hover{background:var(--acc-soft)}.q-results .q-part{color:var(--mut);font-size:11px;display:block}.q-results .q-empty{padding:10px;color:var(--mut);font-size:13px}.progress{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--bg)}.progress .prog-label{font-size:12px;color:var(--mut);display:flex;justify-content:space-between;margin-bottom:6px}.prog-track{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.prog-fill{height:100%;width:0;border-radius:3px;background:var(--acc);transition:width .25s ease}.toc{flex:1 1;font-size:13.5px}.toc .toc-part{font-family:var(--font-display);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;color:var(--mut);margin:14px 0 4px;padding-left:8px}.toc a{display:flex;gap:8px;align-items:baseline;padding:5px 8px;border-radius:6px;color:var(--ink);text-decoration:none;line-height:1.3}.toc a.active,.toc a:hover{background:var(--acc-soft)}.toc a.active{color:var(--acc-deep);font-weight:600}.toc a .t-eyebrow{font-family:var(--font-mono);font-size:10.5px;color:var(--mut);flex:0 0 auto}.toc a.done .t-eyebrow:after{content:" ✓";color:var(--ok)}.rail-actions{display:flex;flex-direction:column;gap:8px}.rail-btn{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit;font-size:13px;cursor:pointer;text-align:left}.rail-btn:hover{border-color:var(--acc);background:var(--acc-soft)}.hero{padding:34px 0 10px;margin-bottom:34px}.hero h1{font-family:var(--font-display);font-size:44px;margin:0 0 8px;color:var(--acc-deep);letter-spacing:.5px;line-height:1.05}.hero .lede{font-size:18px;color:var(--mut);max-width:none;margin:0}.sec{border-radius:14px;padding:34px 38px 30px;margin:0 0 34px;position:relative}.sec-head{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:1.6px;color:var(--acc);text-transform:uppercase}.sec h2{font-family:var(--font-display);font-size:31px;margin:0;color:var(--ink);letter-spacing:.3px;line-height:1.15}.tagline{font-size:17.5px;color:var(--mut);font-style:italic;margin:6px 0 20px;max-width:none}.sec h3{font-family:var(--font-display);font-size:21.5px;margin:30px 0 10px;color:var(--acc-deep);letter-spacing:.2px}.sec h4{font-size:16px;margin:20px 0 8px;color:var(--ink)}.sec ol,.sec p,.sec ul{margin:0 0 14px;max-width:none}.sec ol,.sec ul{padding-left:26px}.sec li{margin-bottom:5px}.sec li::marker{color:var(--acc)}code{font-family:var(--font-mono);font-size:.88em;background:var(--acc-soft);color:var(--acc-deep);padding:1px 5px;border-radius:4px}.done-btn{position:absolute;top:20px;right:22px;padding:5px 12px;border-radius:16px;border:1px solid var(--line);background:var(--bg);color:var(--mut);font:inherit;font-size:12.5px;cursor:pointer}.done-btn:hover,.sec.is-done .done-btn{border-color:var(--ok);color:var(--ok)}.sec.is-done .done-btn{background:var(--ok-soft);font-weight:600}pre{background:var(--scope);color:var(--scope-ink);border:1px solid var(--scope-line);border-radius:10px;padding:16px 18px;overflow-x:auto;margin:0 0 16px;position:relative;line-height:1.7;-moz-tab-size:4;tab-size:4}pre>code{background:none;color:inherit;padding:0;border-radius:0;font-size:13.5px;display:block;min-width:max-content}pre .cm{color:#6C8CA8;font-style:italic}pre .jp{font-size:15px}.copy-btn{position:absolute;top:8px;right:8px;padding:3px 10px;font-size:11.5px;font-family:var(--font-body);border:1px solid var(--scope-line);border-radius:6px;background:rgba(217,230,242,.08);color:var(--scope-ink);cursor:pointer;opacity:0}.copy-btn:focus-visible,pre:hover .copy-btn{opacity:1}.copy-btn:hover{background:rgba(217,230,242,.18)}.tblwrap{overflow-x:auto;margin:0 0 16px;border:1px solid var(--line);border-radius:10px}.tblwrap table{border-collapse:collapse;width:100%;font-size:14px;min-width:480px}.tblwrap th{background:var(--acc-soft);color:var(--acc-deep);text-align:left;padding:9px 12px;font-weight:600;border-bottom:2px solid var(--acc);white-space:nowrap}.tblwrap td{padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:top}.tblwrap tr:last-child td{border-bottom:none}.tblwrap tr:nth-child(2n) td{background:var(--bg)}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px;margin:0 0 16px}.cell{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:var(--bg)}.cell h4{margin:0 0 8px;color:var(--acc-deep);font-family:var(--font-display);font-size:15.5px;letter-spacing:.3px}.cell p{font-size:14.5px;margin-bottom:8px}.cell p:last-child{margin-bottom:0}.note,.story,.warn{border-radius:10px;padding:14px 18px;margin:0 0 16px;border:1px solid;border-left:4px solid}.note>b,.story>b,.warn>b{display:block;font-family:var(--font-display);font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.note p,.story p,.warn p{margin-bottom:8px;font-size:15px}.note p:last-child,.story p:last-child,.warn p:last-child{margin-bottom:0}.note{background:var(--acc-soft);border-color:var(--acc)}.note>b{color:var(--acc-deep)}.warn{background:var(--bad-soft);border-color:var(--bad)}.warn>b{color:var(--bad)}.story{background:var(--ok-soft);border-color:var(--ok)}.story>b{color:var(--ok)}.fold{border:1px solid var(--line);border-radius:10px;margin:0 0 16px;background:var(--bg);overflow:hidden}.fold>summary{cursor:pointer;padding:11px 16px;font-weight:600;font-size:14.5px;color:var(--acc-deep);list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fold>summary::-webkit-details-marker{display:none}.fold>summary:before{content:"▸";display:inline-block;margin-right:9px;color:var(--acc);transition:transform .15s ease}.fold[open]>summary:before{transform:rotate(90deg)}.fold>summary:hover{background:var(--acc-soft)}.fold-body{padding:4px 18px 12px;border-top:1px solid var(--line)}.fold-body p{font-size:14.8px}.widget{border:1px solid var(--scope-line);border-radius:12px;margin:0 0 18px;background:var(--scope);overflow:hidden}.widget,.widget-head{color:var(--scope-ink)}.widget-head{padding:10px 16px;font-family:var(--font-display);font-size:13px;letter-spacing:1.2px;text-transform:uppercase;background:rgba(217,230,242,.06);border-bottom:1px solid var(--scope-line);display:flex;justify-content:space-between;align-items:center;gap:10px}.widget-body{padding:16px}.widget canvas{display:block;max-width:100%;border-radius:8px;background:#0A141D}.widget .ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.widget label{font-size:12.5px;color:#9FB6CB}.widget input[type=number],.widget input[type=text],.widget select{font-family:var(--font-mono);font-size:13px;padding:5px 8px;border-radius:6px;border:1px solid var(--scope-line);background:#0A141D;color:var(--scope-ink);max-width:180px}.widget input:focus,.widget select:focus{border-color:var(--acc);outline:none}.btn{font:inherit;font-size:13px;padding:6px 14px;border-radius:7px;cursor:pointer;border:1px solid var(--scope-line);background:rgba(217,230,242,.08);color:var(--scope-ink)}.btn:hover{background:rgba(217,230,242,.18)}.btn.primary{background:var(--acc);border-color:var(--acc);color:#fff}.btn.primary:hover{background:var(--acc-deep)}.btn:disabled{opacity:.4;cursor:default}.narr{font-family:var(--font-mono);font-size:13px;line-height:1.55;color:#BFD7EA;background:#0A141D;border:1px solid var(--scope-line);border-radius:8px;padding:10px 13px;margin-top:12px;min-height:2.6em;white-space:pre-wrap;overflow-x:auto}.fcard .jp,.narr .jp{font-family:var(--font-jp)}.stat{display:inline-block;font-family:var(--font-mono);font-size:12px;color:#9FB6CB;background:#0A141D;border:1px solid var(--scope-line);border-radius:6px;padding:3px 9px;margin:0 6px 6px 0}.stat b{color:var(--scope-ink);font-weight:600}.wrow{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.wcellbox{font-family:var(--font-mono);font-size:13px;min-width:34px;text-align:center;padding:7px 6px;border-radius:6px;border:1px solid var(--scope-line);background:#0A141D;color:var(--scope-ink)}.wcellbox.hl{background:var(--acc);border-color:var(--acc);color:#fff}.wcellbox.hl2{background:#7A4A12;border-color:#B4690E;color:#fff}.wcellbox.dim{opacity:.45}.wcellbox.okc{background:var(--ok);border-color:var(--ok);color:#fff}.wcellbox.badc{background:var(--bad);border-color:var(--bad);color:#fff}.site-foot{margin-top:60px;padding-top:18px;border-top:1px solid var(--line);color:var(--mut);font-size:13px}@media (max-width:900px){.app{grid-template-columns:1fr}.rail{position:static;height:auto;border-right:none;border-bottom:1px solid var(--line)}.toc{max-height:240px;overflow-y:auto}.main{padding:20px 16px 80px}.sec{padding:24px 18px}.hero h1{font-size:34px}.done-btn{position:static;margin-bottom:10px}}html[data-theme=dark]{--bg:#0C131B;--panel:#101922;--ink:#DDE8F2;--mut:#8CA2B8;--line:#223140;--ok:#4CC38A;--ok-soft:#132A1E;--bad:#E5786B;--bad-soft:#2E1B18;color-scheme:dark}html[data-theme=dark][data-site=wire]{--acc:#5FA0EF;--acc-deep:#A9CCFA;--acc-soft:#14293F}html[data-theme=dark][data-site=plib]{--acc:#E1A45C;--acc-deep:#F2CD9A;--acc-soft:#2E2210}html[data-theme=dark][data-site=gate]{--acc:#F0876B;--acc-deep:#F8BBA5;--acc-soft:#38180F}html[data-theme=dark] .q-results{box-shadow:0 8px 24px rgba(0,0,0,.5)}html[data-theme=dark] .btn.primary,html[data-theme=dark] .wcellbox.hl{color:#0C131B}html[data-theme=dark] .sec{box-shadow:0 1px 2px rgba(0,0,0,.25)}html[data-theme=dark] .sec:hover{box-shadow:0 8px 28px rgba(0,0,0,.38)}html[data-theme=dark] .resume-pill{box-shadow:0 10px 30px rgba(0,0,0,.5)}.cell,.done-btn,.fold,.hero,.progress,.q-results,.rail,.rail-btn,.sec,.streak,.tblwrap,body{transition:background-color .25s ease,color .25s ease,border-color .25s ease}.sec{box-shadow:0 1px 2px rgba(15,30,45,.05)}.sec:hover{box-shadow:0 8px 28px rgba(15,30,45,.08)}.hero h1{background:linear-gradient(92deg,var(--acc-deep),var(--acc) 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.prog-fill{background:linear-gradient(90deg,var(--acc),var(--acc-deep))}.done-btn{transition:transform .12s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.done-btn:active{transform:scale(.94)}#scrollbar-top{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;background:linear-gradient(90deg,var(--acc),var(--acc-deep))}.eyebrow .readtime{color:var(--mut);letter-spacing:.4px;font-weight:400;text-transform:none;margin-left:8px;font-size:11px}.toc .toc-part{display:flex;justify-content:space-between;align-items:baseline;padding-right:8px;gap:8px}.toc .part-count{font-family:var(--font-mono);font-size:10px;letter-spacing:0;color:var(--mut);text-transform:none;flex:0 0 auto}.toc .part-count.full{color:var(--ok);font-weight:700}.streak{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:var(--bg);font-size:12.5px;color:var(--mut);line-height:1.45}.streak b{color:var(--acc-deep)}.streak .flame{width:9px;height:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 9px var(--acc);flex:0 0 auto}.resume-pill{position:fixed;right:18px;bottom:18px;z-index:55;display:flex;align-items:center;gap:6px;max-width:min(440px,88vw);background:var(--panel);border:1px solid var(--acc);border-radius:999px;box-shadow:0 10px 30px rgba(15,30,45,.18);padding:8px 8px 8px 16px}.resume-pill .go{border:0;background:none;font:inherit;font-size:13.5px;color:var(--ink);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px;text-align:left}.resume-pill .go b,.resume-pill .x{color:var(--acc-deep)}.resume-pill .x{border:0;background:var(--acc-soft);width:26px;height:26px;flex:0 0 auto;border-radius:50%;cursor:pointer;font-size:14px;line-height:1}.resume-pill .x:hover{background:var(--acc);color:#fff}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(16px);opacity:0;z-index:56;pointer-events:none;background:var(--scope);color:var(--scope-ink);border:1px solid var(--scope-line);border-radius:10px;padding:11px 18px;font-size:14px;max-width:86vw;transition:opacity .25s ease,transform .25s ease}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.keyhints{font-size:11px;color:var(--mut);line-height:1.8;padding:2px 2px 0}.keyhints code{font-size:10.5px;padding:0 4px}#fx-canvas{position:fixed;inset:0;pointer-events:none;z-index:70}@media (max-width:900px){.resume-pill{right:10px;bottom:10px}.resume-pill .go{max-width:220px}}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--mut)}::-webkit-scrollbar-corner{background:transparent}:root{--desk:#E7EDF2}html[data-theme=dark]{--desk:#070C12}body,html{background:var(--desk)}.app{background:var(--bg);box-shadow:0 0 0 1px var(--line),0 24px 90px rgba(8,16,26,.1);min-height:100vh;max-width:1360px}html[data-theme=dark] .app{box-shadow:0 0 0 1px var(--line),0 24px 90px rgba(0,0,0,.45)}@media (min-width:1800px){.app{max-width:1520px}.main{padding:36px 84px 140px}.sec{padding:40px 48px 36px}}html[data-view=focus] .sec{display:none}html[data-view=focus] .sec.focused{display:block}html[data-view=focus] .hero{padding:22px 0 8px;margin-bottom:22px}html[data-view=focus] .hero h1{font-size:30px}html[data-view=focus] .hero .lede{font-size:14.5px}.chapnav{display:flex;gap:12px;align-items:stretch;margin:4px 0 46px}.chapnav .cn-btn{flex:1 1;min-width:0;text-align:left;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer;font:inherit;font-size:13.5px;color:var(--ink);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s ease,background-color .15s ease}.chapnav .cn-btn small{display:block;color:var(--mut);font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px}.chapnav .cn-btn:hover:not(:disabled){border-color:var(--acc);background:var(--acc-soft)}.chapnav .cn-btn:disabled{opacity:.45;cursor:default}.chapnav .cn-next{text-align:right}.chapnav .cn-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;flex:0 0 auto}.chapnav .cn-count{color:var(--mut);font-size:11.5px;font-family:var(--font-mono);white-space:nowrap}.chapnav .cn-done{border:0;border-radius:999px;padding:9px 18px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;background:var(--acc);color:#fff;white-space:nowrap;transition:background-color .15s ease,transform .12s ease}.chapnav .cn-done:hover{background:var(--acc-deep)}.chapnav .cn-done:active{transform:scale(.96)}html[data-theme=dark] .chapnav .cn-done,html[data-theme=dark] .chapnav .cn-done:hover{color:#0C131B}@media (max-width:900px){.chapnav{flex-direction:column}.chapnav .cn-next{text-align:left}}.jp,[lang=ja]{font-family:var(--font-jp)}.sec .jp{font-size:1.05em}ruby rt{font-size:.5em;color:var(--mut);opacity:0;transition:opacity .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}html[data-furi=on] ruby rt,ruby.rev rt,ruby:hover rt{opacity:1}h2 ruby rt,h3 ruby rt{font-size:.42em}.ex{border-left:3px solid var(--acc);padding:9px 14px 8px;margin:0 0 14px;background:var(--bg);border-radius:0 8px 8px 0;max-width:none}.ex .ja{font-family:var(--font-jp);font-size:19.5px;line-height:2.15;display:block;color:var(--ink)}.ex .en{font-size:13.5px}.ex .en,.ex .lit{display:block;color:var(--mut);margin-top:1px}.ex .lit{font-size:12px;font-style:italic}.ex.bad{border-left-color:var(--bad)}.ex.bad .ja{text-decoration:line-through;-webkit-text-decoration-color:rgba(187,58,46,.55);text-decoration-color:rgba(187,58,46,.55);text-decoration-thickness:1.5px}.speak-btn{border:1px solid var(--line);background:var(--panel);color:var(--mut);border-radius:7px;font-size:11px;padding:1px 8px 2px;cursor:pointer;margin-left:8px;vertical-align:2px;font-family:var(--font-body)}.speak-btn:hover{border-color:var(--acc);color:var(--acc)}.widget .speak-btn{background:#0A141D;border-color:var(--scope-line);color:#9FB6CB}.widget .speak-btn:hover{border-color:var(--acc);color:var(--scope-ink)}.vt td:first-child{font-size:16.5px}.vt td:first-child,.vt td:nth-child(2){font-family:var(--font-jp);white-space:nowrap}.vt td:nth-child(2){color:var(--mut)}.vt.hide-m td:nth-child(4) span,.vt.hide-r td:nth-child(2) span{visibility:hidden}.vt td:nth-child(2) span,.vt td:nth-child(4) span{cursor:default}.vt.hide-m td:nth-child(4) span:hover,.vt.hide-r td:nth-child(2) span:hover{visibility:visible}.fcard{text-align:center;padding:26px 16px 22px;border:1px solid var(--scope-line);border-radius:10px;background:#0A141D;margin-bottom:10px}.fcard .fq{font-family:var(--font-jp);font-size:34px;line-height:1.5;color:var(--scope-ink)}.fcard .fq.small{font-size:22px}.fcard .fhint{font-size:12px;color:#6C8CA8;margin-top:4px;letter-spacing:.6px}.fopt{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:8px;gap:8px;margin-bottom:10px}.fopt button{font-family:var(--font-jp);font-size:15px;padding:10px 8px;border-radius:8px;cursor:pointer;border:1px solid var(--scope-line);background:rgba(217,230,242,.07);color:var(--scope-ink);line-height:1.4}.fopt button:hover:not(:disabled){background:rgba(217,230,242,.16)}.fopt button.okc{background:var(--ok);border-color:var(--ok);color:#fff}.fopt button.badc{background:var(--bad);border-color:var(--bad);color:#fff}.fopt button:disabled{cursor:default;opacity:.92}.kgrid{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));grid-gap:5px;gap:5px;max-width:420px;margin-bottom:10px}.kgrid button{font-family:var(--font-jp);font-size:19px;padding:8px 2px;border-radius:8px;border:1px solid var(--scope-line);background:#0A141D;color:var(--scope-ink);cursor:pointer;line-height:1.25}.kgrid button small{display:block;font-size:9.5px;color:#6C8CA8;font-family:var(--font-mono)}.kgrid button:hover{border-color:var(--acc)}.kgrid button.blank{visibility:hidden}:root{--bg:rgba(255,250,252,.62);--panel:rgba(255,251,253,.87);--ink:#2a1c24;--mut:#6d5763;--line:rgba(150,105,125,.26);--acc:#d1436b;--acc-deep:#a62a52;--acc-soft:#fbe4ec;--sky-1:#fdeef2;--sky-2:#f7d9e5;--sky-3:#eef0f6;--sky-4:#f6e6d7;--glow:rgba(255,231,198,.9);--pblur:9px;--read-max:1060px}html[data-theme=dark]{--bg:rgba(28,22,38,.50);--panel:rgba(22,17,32,.82);--ink:#ece3ef;--mut:#a394ac;--line:rgba(180,150,195,.20);--acc:#f2a3c0;--acc-deep:#f7c7d9;--acc-soft:#3a1e2e;--sky-1:#080814;--sky-2:#140e2b;--sky-3:#241241;--sky-4:#37173a;--glow:rgba(255,216,168,.5)}body,html{background:var(--sky-2)}#scene{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:0;overflow:hidden;pointer-events:none;transform:translateZ(0);background:linear-gradient(165deg,var(--sky-1),var(--sky-2) 42%,var(--sky-3) 74%,var(--sky-4))}html:not([data-scene]) #scene{display:none}#scene>div{position:absolute}.scene-photo{inset:0;background:50%/cover no-repeat;opacity:0;transition:opacity 1.4s ease;filter:saturate(.96)}.scene-photo.show{opacity:1}.scene-tint{inset:0;background:linear-gradient(180deg,rgba(253,247,249,.3),rgba(252,244,247,.4) 52%,rgba(250,240,245,.56))}html[data-theme=dark] .scene-tint{background:linear-gradient(180deg,rgba(10,8,18,.4),rgba(10,8,18,.54) 52%,rgba(6,5,13,.74))}.scene-vign{inset:0;background:radial-gradient(115% 85% at 50% 26%,transparent 52%,rgba(35,10,26,.15))}html[data-theme=dark] .scene-vign{background:radial-gradient(115% 85% at 50% 26%,transparent 46%,rgba(0,0,0,.44))}#petals{inset:0;width:100%;height:100%}.app,body{position:relative}.app{z-index:1;max-width:none;margin:0;background:transparent;box-shadow:none}@media (min-width:1800px){.app{max-width:none}}.main{background:transparent}.chapnav,.hero,.sec,.site-foot{max-width:none;margin-left:0;margin-right:0}.rail{border-right:1px solid var(--line)}.rail,.sec{background:var(--panel);-webkit-backdrop-filter:blur(var(--pblur));backdrop-filter:blur(var(--pblur))}.sec{border:1px solid var(--line);box-shadow:0 14px 44px rgba(70,25,50,.1)}html[data-theme=dark] .sec{box-shadow:0 14px 50px rgba(0,0,0,.42)}.sec:hover{box-shadow:0 20px 60px rgba(70,25,50,.16)}.hero{border-bottom:2px solid var(--acc)}.gate-panel{border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:9px 11px;margin-top:2px;display:none;flex-direction:column;gap:9px}.gate-panel.open{display:flex}.gate-panel .r{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--mut)}.gate-panel input[type=range]{flex:1 1;accent-color:var(--acc);max-width:120px}.gate-panel .file{font-size:11px;color:var(--mut)}.gate-panel .file input{font-size:11px;max-width:150px}.gate-note{font-size:10.5px;color:var(--mut);line-height:1.5}.audiocheck .status{font-size:13px;line-height:1.5;margin-top:4px}.audiocheck .ok{color:var(--ok)}.audiocheck .no{color:var(--bad)}#onb{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(24,10,22,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#onb .card{max-width:600px;width:100%;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;padding:30px 32px 26px;box-shadow:0 40px 100px rgba(0,0,0,.4)}#onb .jpmark{font-family:var(--font-jp);color:var(--acc);font-size:13px;letter-spacing:3px;display:block;margin-bottom:6px}#onb h2{font-family:var(--font-display);font-size:30px;margin:0 0 4px;color:var(--acc-deep)}#onb .sub{color:var(--mut);font-size:14.5px;margin:0 0 18px}#onb ol{margin:0 0 20px;padding-left:22px}#onb li{margin-bottom:9px;font-size:15px}#onb li b{color:var(--acc-deep)}#onb .btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}#onb .p{background:var(--acc);color:#fff;border:0;border-radius:10px;padding:11px 22px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}#onb .p:hover{background:var(--acc-deep)}html[data-theme=dark] #onb .p{color:#160f1e}#onb .s{background:transparent;color:var(--mut);border:1px solid var(--line);border-radius:10px;padding:11px 18px;font:inherit;font-size:14px;cursor:pointer}#onb .s:hover{border-color:var(--acc);color:var(--acc)}body.onb-open{overflow:hidden}.genki-chip{margin-left:9px;font-weight:600;text-transform:none;color:var(--mut);border:1px solid var(--line);padding:1.5px 8px;vertical-align:1.5px;background:var(--bg);white-space:nowrap}.genki-chip,.starthere{font-family:var(--font-body);font-size:10px;letter-spacing:.4px;border-radius:999px}.starthere{display:inline-block;margin-left:6px;color:#fff;background:var(--acc);padding:0 8px;line-height:16px;vertical-align:1px;animation:pulse 2s ease-in-out infinite}html[data-theme=dark] .starthere{color:#160f1e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.starthere{animation:none}}@media (max-width:900px){.rail,.sec{-webkit-backdrop-filter:none;backdrop-filter:none}.chapnav,.hero,.sec,.site-foot{max-width:none}}:root{--glass-a:rgba(255,255,255,.46);--glass-b:rgba(255,255,255,.33);--glass-brd:rgba(255,255,255,.55);--glass-hl:rgba(255,255,255,.60)}html[data-theme=dark]{--glass-a:rgba(26,19,37,.46);--glass-b:rgba(13,9,19,.33);--glass-brd:rgba(255,255,255,.12);--glass-hl:rgba(255,255,255,.10)}.sec{background:linear-gradient(160deg,var(--glass-a),var(--glass-b) 62%,var(--glass-a));-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--glass-brd);border-radius:24px;box-shadow:0 24px 58px rgba(40,16,32,.16),inset 0 1px 0 var(--glass-hl)}html[data-theme=dark] .sec{box-shadow:0 28px 70px rgba(0,0,0,.5),inset 0 1px 0 var(--glass-hl)}.sec:hover{box-shadow:0 30px 72px rgba(40,16,32,.2),inset 0 1px 0 var(--glass-hl)}html[data-theme=dark] .sec:hover{box-shadow:0 34px 84px rgba(0,0,0,.56),inset 0 1px 0 var(--glass-hl)}.rail{background:linear-gradient(180deg,var(--glass-a),var(--glass-b));-webkit-backdrop-filter:none;backdrop-filter:none;border-right:1px solid var(--glass-brd)}.scene-photo{filter:saturate(.95) blur(3px);transform:scale(1.06)}.chapnav .cn-btn{background:linear-gradient(160deg,var(--glass-a),var(--glass-b));border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5)}#onb .card,.q-results,.resume-pill,.toast{-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5)}@media (max-width:900px){#onb .card,.chapnav .cn-btn,.q-results,.resume-pill,.toast{-webkit-backdrop-filter:none;backdrop-filter:none}.sec{content-visibility:visible;contain-intrinsic-size:auto}}.rjx{display:block;letter-spacing:.2px;margin-top:-4px}.rjx,.vt td.rj{font-size:12.5px;color:var(--mut);font-style:italic}.vt td.rj{white-space:nowrap}html:not([data-romaji=on]) .rj,html:not([data-romaji=on]) .rjx{display:none}.sec{content-visibility:auto;contain-intrinsic-size:auto 1100px}:root{--panel-solid:#fdf6f8}html[data-theme=dark]{--panel-solid:#191423}html[data-fx=lite] #onb .card,html[data-fx=lite] .chapnav .cn-btn,html[data-fx=lite] .q-results,html[data-fx=lite] .rail,html[data-fx=lite] .resume-pill,html[data-fx=lite] .sec,html[data-fx=lite] .toast{-webkit-backdrop-filter:none;backdrop-filter:none}html[data-fx=lite] .chapnav .cn-btn,html[data-fx=lite] .rail,html[data-fx=lite] .sec{background:var(--panel-solid)}html[data-fx=lite] #petals{display:none}.recall{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.recall-in{flex:1 1;min-width:160px;max-width:300px;font-family:var(--font-jp);font-size:18px;padding:8px 10px;border-radius:8px;border:1px solid var(--scope-line);background:#0A141D;color:var(--scope-ink)}.recall-in:focus{outline:none;border-color:var(--acc)}.recall-in.okc{border-color:var(--ok);background:var(--ok);color:#fff}.recall-in.badc{border-color:var(--bad)}.sec h2:focus{outline:none}.rail-backup{display:flex;gap:6px}.rail-backup .rail-btn{flex:1 1;text-align:center;font-size:12px}.dojo-hud{flex-wrap:wrap;gap:6px 14px;margin-bottom:12px;font-family:var(--font-mono);font-size:13px}.dojo-hud,.dojo-hud .hud-item{display:flex;align-items:center}.dojo-hud .hud-item{gap:5px;color:var(--mut)}.dojo-hud .hud-score{color:var(--acc-deep);font-size:15px;font-weight:700}.dojo-hud .hearts{letter-spacing:1px;font-size:13px}.dojo-combo b{color:var(--acc-deep)}.dojo-combo .flame{filter:drop-shadow(0 0 5px rgba(209,67,107,.65))}.dojo-lvlbar{width:110px;height:8px;border-radius:4px;background:var(--line);overflow:hidden;display:inline-block;vertical-align:middle}.dojo-lvlbar>i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc-deep));width:0;transition:width .3s ease}.fcard{position:relative}.pts-pop{position:absolute;top:6px;right:14px;font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--ok);pointer-events:none;animation:ptsUp .9s ease forwards}.pts-pop.bad{color:var(--bad);font-size:16px}@keyframes ptsUp{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-24px)}}#gfx{position:fixed;inset:0;pointer-events:none;z-index:70}@media (prefers-reduced-motion:reduce){.pts-pop{animation:none}}#mobar,.rail-close{display:none}@media (max-width:900px){html{scroll-padding-top:64px}body{overscroll-behavior-y:contain}.sec{content-visibility:visible;contain-intrinsic-size:auto}.rail{background:var(--panel-solid)}#mobar{display:flex;align-items:center;gap:10px;position:-webkit-sticky;position:sticky;top:0;z-index:80;padding:calc(8px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 8px calc(12px + env(safe-area-inset-left));background:var(--panel-solid);border-bottom:1px solid var(--line)}#mobar .burger,#mobar .mo-act{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);font-size:19px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}#mobar .burger:active,#mobar .mo-act:active{transform:scale(.93)}#mobar .mo-brand{font-family:var(--font-display);font-weight:700;font-size:16.5px;color:var(--acc-deep);flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}.app{display:block;box-shadow:none;min-height:0}.main{padding:14px 14px calc(96px + env(safe-area-inset-bottom))}.rail{position:fixed;top:0;left:0;height:100%;height:100dvh;max-height:100dvh;width:min(86vw,330px);z-index:95;gap:12px;padding:14px 14px calc(28px + env(safe-area-inset-bottom));transform:translateX(-102%);transition:transform .27s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--line);border-bottom:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body.nav-open .rail{transform:translateX(0);box-shadow:10px 0 44px rgba(0,0,0,.34)}.toc{max-height:none;overflow:visible;flex:0 0 auto}.rail-close{display:flex;align-self:flex-end;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--mut);font:inherit;font-size:13px;padding:6px 12px;cursor:pointer;margin-bottom:2px}#navscrim{position:fixed;inset:0;z-index:90;background:rgba(8,5,12,.62);opacity:0;pointer-events:none;transition:opacity .27s ease}body.nav-open #navscrim{opacity:1;pointer-events:auto}body.nav-open{overflow:hidden}.fopt{grid-template-columns:1fr;gap:9px}.fopt button{padding:14px 12px;font-size:16px}.btn{padding:10px 14px}.rail-btn{padding:10px 12px}.done-btn{position:static;margin-bottom:10px}.sec{padding:22px 15px;border-radius:18px}.hero{padding:14px 0 6px}.hero h1{font-size:29px}.sec h2{font-size:26px}.sec h3{font-size:19.5px}#q,.recall-in,.searchbox input,.widget input[type=number],.widget input[type=text],.widget select{font-size:16px}.chapnav{flex-direction:column;gap:9px}.chapnav .cn-next{text-align:left}.chapnav .cn-btn{white-space:normal}.dojo-hud{font-size:12px;gap:5px 10px}.dojo-lvlbar{width:88px}.resume-pill{right:10px;bottom:10px;left:10px;max-width:none}.toast{left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateY(16px);max-width:none}.toast.show{transform:translateY(0)}.tblwrap table{font-size:13px}.ex .ja{font-size:18px}.fcard .fq{font-size:28px}.fcard .fq.small{font-size:20px}.kgrid{grid-template-columns:repeat(5,1fr);max-width:none}.kgrid button{padding:11px 2px}.widget-body{padding:13px}.toc a{padding:9px 8px}.toc .toc-part{padding-top:12px}.q-results button{padding:11px 12px}.fold>summary{padding:13px 16px}.copy-btn{opacity:1}.speak-btn{padding:3px 10px 4px}.app{z-index:auto}}@media (max-width:380px){.sec{padding:18px 12px}#mobar .mo-brand{font-size:15px}.fcard .fq{font-size:25px}}.achv{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));grid-gap:9px;gap:9px;margin:12px 0 6px}.achv-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg);opacity:.42;filter:grayscale(1);transition:opacity .25s ease,border-color .25s ease,filter .25s ease}.achv-item.on{opacity:1;filter:none;border-color:var(--acc);background:var(--acc-soft)}.achv-item .a-jp{font-family:var(--font-jp);font-weight:700;color:var(--acc-deep);font-size:15.5px;display:block}.achv-item .a-en{font-size:12.5px;color:var(--ink);display:block;margin-top:1px;font-weight:600}.achv-item .a-d{font-size:11px;color:var(--mut);display:block;margin-top:3px;line-height:1.45}.achv-bar{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px;color:var(--mut)}.achv-bar b{color:var(--acc-deep);font-size:15px}.kp-open{cursor:pointer;position:relative;border-radius:8px}.kp-open:after{content:"⊞";position:absolute;top:2px;right:4px;font-size:11px;color:var(--acc);opacity:.75}.kp-open:hover{background:var(--acc-soft)}.kp-open.kp-on:after{content:"⊟"}.kp-detail>td{background:var(--acc-soft);border-top:none}.kparts{padding:4px 2px}.kp-head{margin-bottom:9px}.kp-type{font-family:var(--font-jp);font-size:12px;color:var(--acc-deep);border:1px solid var(--acc);border-radius:999px;padding:2px 10px}.kp-row{display:flex;align-items:stretch;gap:9px;flex-wrap:wrap}.kp-plus{align-self:center;font-size:19px;color:var(--mut)}.kp-pill{display:flex;flex-direction:column;gap:1px;min-width:132px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}.kp-pill.semantic{border-color:var(--ok)}.kp-pill.phonetic{border-color:var(--acc)}.kp-sym{font-family:var(--font-jp);font-size:27px;line-height:1.15;color:var(--ink)}.kp-role{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;color:var(--mut)}.kp-pill.semantic .kp-role{color:var(--ok)}.kp-pill.phonetic .kp-role{color:var(--acc-deep)}.kp-mean{font-size:12.5px;color:var(--ink);line-height:1.4}.kp-note{font-size:13px;color:var(--mut);margin:9px 0 0;line-height:1.6}@media (max-width:900px){.kp-pill{min-width:0;flex:1 1 40%}.kp-open:after{display:none}}