:root{--paper:#faf9f6;--card:#ffffff;--ink:#22242c;--line:#e7e3da;--line2:#d8d3c6;--muted:#8a8577;--faint:#b6b1a3;--soft:#f4f1ea;--soft2:#eeeae1;--shu:#c73e3a;--shu-soft:#f9ecea;--shu-dark:#9c2f2c;--indigo:#3a5a8c;--indigo-soft:#edf1f7;--indigo-dark:#2c476e;--green:#3d7a52;--green-soft:#e8f2ec;--green-dark:#2c5c3d;--gold:#a67c1b;--gold-soft:#f6efdc;--gold-dark:#7e5c14;--sidebar:#1f2430;--sidebar-line:#363c4a;--sidebar-txt:#d8d4c8;--sidebar-dim:#77746a;--sidebar-hov:#2a3040;--hero-a:#1f2430;--hero-b:#3a4056;--shadow:0 1px 2px rgba(31,36,48,.05);--shadow-lift:0 4px 16px rgba(31,36,48,.1);--radius:10px;--ink-line:#1a1c22;--jp:"Hiragino Sans","Yu Gothic","Noto Sans CJK JP","Meiryo",sans-serif;--jp-serif:"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP",serif;--ui:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,var(--jp)}html[data-theme=dark]{--paper:#14161b;--card:#1b1e26;--ink:#e6e3da;--line:#2a2e38;--line2:#3a404d;--muted:#94907f;--faint:#6b6a5f;--soft:#232733;--soft2:#282d3a;--shu:#d4534f;--shu-soft:#332120;--indigo:#8aa5cc;--indigo-soft:#212836;--green:#5da77c;--green-soft:#1e2b23;--gold:#cfa64b;--gold-soft:#2e2817;--sidebar:#101217;--sidebar-line:#252932;--sidebar-txt:#c9c5ba;--sidebar-dim:#68655c;--sidebar-hov:#1c2029;--hero-a:#181b23;--hero-b:#242a3a;--shadow:none;--shadow-lift:0 10px 28px rgba(0,0,0,.35);--shu-dark:#a23f3b;--indigo-dark:#5a7196;--green-dark:#3f7357;--gold-dark:#96772f;--ink-line:#8b8778}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{font-family:var(--ui);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}.jp{font-family:var(--jp)}a{color:var(--indigo)}.icon{vertical-align:-3px;flex-shrink:0}.shell{display:flex;min-height:100vh}.sidebar{width:236px;background:var(--sidebar);color:var(--sidebar-txt);padding:22px 0 0;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.logo{padding:0 22px 20px;border-bottom:1px solid var(--sidebar-line);margin-bottom:14px}.logo .mark{font-size:28px;color:#fff;font-weight:700;text-decoration:none;display:block}.logo .mark span{color:var(--shu)}.logo .tag{font-family:var(--ui);text-transform:uppercase;letter-spacing:2.6px;font-size:9.5px;font-weight:700;color:#9a9486;margin-top:8px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 22px;cursor:pointer;font-size:13.5px;border-left:3px solid transparent;color:var(--sidebar-txt);text-decoration:none}.nav-item .icon{color:var(--sidebar-dim)}.nav-item:hover{background:var(--sidebar-hov);color:#fff}.nav-item:hover .icon{color:inherit}.nav-item.active{background:var(--sidebar-hov);color:#fff;border-left-color:var(--shu)}.nav-item.active .icon{color:var(--shu)}.nav-sec{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--sidebar-dim);padding:16px 22px 6px}.nav-group summary.nav-sec{display:flex;align-items:center;gap:7px;cursor:pointer;user-select:none;list-style:none}.nav-group summary.nav-sec::-webkit-details-marker{display:none}.nav-group summary.nav-sec:hover{color:var(--faint)}.nav-caret{display:inline-flex;transition:transform .15s}.nav-group[open] .nav-caret{transform:rotate(90deg)}.nav-count{margin-left:auto;font-size:10px;letter-spacing:0;background:var(--sidebar-hov);border-radius:99px;padding:1px 8px;color:#9a958a}.nav-unit{gap:9px;padding:7.5px 22px 7.5px 30px;font-size:13px}.nav-sub{padding:8px 22px 8px 30px;font-size:13px;gap:9px}.nav-uno{font-size:10.5px;font-weight:800;color:var(--sidebar-dim);width:16px;flex-shrink:0;text-align:right}.nav-ulbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-ustate{display:inline-flex;flex-shrink:0}.nav-ustate .icon{display:none;width:12px;height:12px}.nav-unit.done .ic-done,.nav-kana.done .ic-done{display:inline;color:#7fbf95}.nav-unit.current .ic-current,.nav-kana.current .ic-current{display:inline;color:var(--shu)}.nav-unit.locked .ic-locked{display:inline;color:var(--sidebar-dim)}.nav-kana .nav-ustate .icon{display:none;width:12px;height:12px}.nav-unit.current{color:#fff}.nav-unit.locked{opacity:.45;cursor:not-allowed}.nav-unit.locked:hover{background:transparent;color:var(--sidebar-txt)}.sidebar .foot{margin-top:auto;padding:14px 22px 16px;font-size:11px;color:var(--sidebar-dim);border-top:1px solid var(--sidebar-line);display:flex;align-items:center;justify-content:space-between;gap:10px}.theme-toggle{background:var(--sidebar-hov);border:1px solid var(--sidebar-line);color:var(--sidebar-txt);border-radius:8px;width:34px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.theme-toggle:hover{color:#fff;border-color:#4a5060}.theme-toggle .ic-sun{display:none}html[data-theme=dark] .theme-toggle .ic-sun{display:inline}html[data-theme=dark] .theme-toggle .ic-moon{display:none}.main{flex:1;padding:34px 52px;max-width:1340px}h1{font-size:26px;margin-bottom:4px;letter-spacing:-.015em}.sub{color:var(--muted);font-size:14px;margin-bottom:26px}.card{background:var(--card);border:2px solid var(--ink-line);border-radius:var(--radius);padding:22px;box-shadow:4px 4px 0 var(--ink-line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--shu);color:#fff;border:2.5px solid var(--ink-line);border-radius:8px;padding:11px 20px;font-size:13.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;text-decoration:none;box-shadow:3px 3px 0 var(--ink-line);transition:transform .06s,box-shadow .06s}.btn:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink-line)}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink-line)}.btn.ghost{background:var(--card);color:var(--ink);border-color:var(--ink-line);box-shadow:3px 3px 0 var(--ink-line)}.btn.ghost:hover{background:var(--soft)}.btn.indigo{background:var(--indigo)}html[data-theme=dark] .btn.indigo{color:#12141a}.btn-sm{padding:8px 14px;font-size:12px;border-radius:7px;border-width:2px;box-shadow:2px 2px 0 var(--ink-line)}.btn-sm:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink-line)}.btn-sm:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink-line)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;border-radius:99px;padding:2.5px 10px;letter-spacing:.3px;border:1.5px solid var(--ink-line);box-shadow:1.5px 1.5px 0 var(--ink-line)}.pill.n5{background:var(--green-soft);color:var(--green)}.pill.free{background:var(--indigo-soft);color:var(--indigo)}.pill.lock{background:var(--soft);color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.callout{background:var(--shu-soft);border-radius:10px;padding:12px 16px;font-size:13.5px;margin:10px 0}.callout b{color:var(--shu)}.cardhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cardhead h3{font-size:15px;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.cardhead h3 .icon{color:var(--shu)}.viewall{font-size:12.5px;font-weight:600;text-decoration:none;color:var(--shu)}h3{display:flex;align-items:center;gap:8px;font-size:15.5px}h3 .icon{color:var(--shu)}.land-hero{background:linear-gradient(125deg,var(--hero-a) 0%,var(--hero-b) 100%);color:#fff;border-radius:16px;padding:56px 52px;margin-bottom:20px;position:relative;overflow:hidden}.land-hero:after{content:"道";position:absolute;right:-30px;top:50%;transform:translateY(-50%);font-family:var(--jp-serif);font-size:330px;line-height:1;color:#fff;opacity:.045;pointer-events:none}.land-hero h1{font-family:var(--jp-serif);font-size:44px;font-weight:600;letter-spacing:.01em;margin-bottom:10px}.land-hero h1 .accent{color:#e88f8c}.land-hero .lead{color:#b9b5a9;max-width:540px;font-size:15.5px}.land-hero .cta{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.land-hero .btn.ghost{color:#fff;border-color:#ffffff73}.land-hero .btn.ghost:hover{background:#ffffff14}.statstrip{display:flex;gap:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-bottom:34px;box-shadow:var(--shadow)}.statstrip .cell{flex:1;text-align:center;padding:16px 8px;border-right:1px solid var(--line)}.statstrip .cell:last-child{border-right:none}.statstrip b{font-size:21px;display:block;letter-spacing:-.02em}.statstrip span{font-size:11.5px;color:var(--muted)}.landsec{margin:38px 0 16px}.landsec .eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--shu);font-weight:700}.landsec h2{font-size:24px;letter-spacing:-.02em;margin-top:2px}.landsec p{color:var(--muted);font-size:14px;max-width:600px;margin-top:4px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}.stepcard{position:relative;padding:20px}.stepcard .sic{width:38px;height:38px;border-radius:10px;background:var(--shu-soft);color:var(--shu);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.stepcard:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;top:14px;right:16px;font-size:12px;font-weight:800;color:var(--faint);letter-spacing:1px}.stepcard b{font-size:14.5px;display:block;margin-bottom:4px}.stepcard p{font-size:13px;color:var(--muted)}.featgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feat{display:flex;gap:14px;padding:18px 20px}.feat .fic{width:36px;height:36px;border-radius:10px;background:var(--indigo-soft);color:var(--indigo);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feat b{font-size:14px;display:block;margin-bottom:2px}.feat p{font-size:13px;color:var(--muted)}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.levelcard{padding:16px 14px;position:relative}.levelcard .lvl{font-size:19px;font-weight:800;letter-spacing:-.02em}.levelcard .lname{font-size:12.5px;font-weight:600}.levelcard .lmeta{font-size:11.5px;color:var(--muted);margin-top:3px}.levelcard .lstate{position:absolute;top:14px;right:13px;color:var(--faint)}.levelcard.live{border-color:var(--green)}.levelcard.live .lstate{color:var(--green)}.levelcard.dim{opacity:.6}.ctacard{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(125deg,var(--hero-a),var(--hero-b));color:#fff;border:none;margin-top:34px}.ctacard b{font-size:18px}.ctacard p{color:#b9b5a9;font-size:13.5px}.ctacard .btn.ghost{color:#fff;border-color:#ffffff73}body.marketing{background:var(--paper)}.marketing main{display:block}.mktnav{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:24px;padding:14px 28px;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s,padding .2s}.mktnav.scrolled{border-bottom-color:var(--line);padding:10px 28px}.mktlogo{font-size:22px;font-weight:700;color:var(--ink);text-decoration:none;flex-shrink:0}.mktlogo span{color:var(--shu)}.mktlinks{display:flex;gap:22px;margin-left:8px}.mktlinks a{font-size:14px;font-weight:500;color:var(--muted);text-decoration:none}.mktlinks a:hover{color:var(--ink)}.mktcta{display:flex;align-items:center;gap:14px;margin-left:auto}.mkttheme{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mkttheme:hover{color:var(--ink);border-color:var(--line2)}.mkttheme .ic-sun{display:none}html[data-theme=dark] .mkttheme .ic-sun{display:inline}html[data-theme=dark] .mkttheme .ic-moon{display:none}.mktsignin{font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}.mktsignin:hover{color:var(--shu)}.mktwrap{max-width:1080px;margin:0 auto;padding:0 24px;width:100%}.mktsec{padding:44px 24px}.mktsec[id]{scroll-margin-top:76px}.mkthero{background:linear-gradient(125deg,var(--hero-a) 0%,var(--hero-b) 100%);color:#fff;position:relative;overflow:hidden;padding:64px 0 72px}.mkthero.mkthero-short{padding:46px 0 42px}.mkthero:after{content:"道";position:absolute;right:-40px;top:50%;transform:translateY(-50%);font-family:var(--jp-serif);font-size:420px;line-height:1;color:#fff;opacity:.05;pointer-events:none}.mkthero-inner{position:relative}.mkthero-eyebrow{font-size:11.5px;letter-spacing:2.5px;text-transform:uppercase;color:#e88f8c;font-weight:700}.mkthero-h1{font-family:var(--jp-serif);font-size:52px;font-weight:600;letter-spacing:.01em;margin:12px 0 0;line-height:1.15}.mkthero-h1 .accent{color:#e88f8c}.mkthero-lead{color:#c3bfb4;max-width:600px;font-size:16.5px;margin-top:16px}.mkthero-cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.mkthero-cta .btn.ghost{color:#fff;border-color:#fff6}.mkthero-cta .btn.ghost:hover{background:#ffffff14}.mkthero-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px;border-top:1px solid rgba(255,255,255,.14);padding-top:22px}.mkthero-stats div{flex:1;min-width:120px}.mkthero-stats b{font-size:26px;display:block;letter-spacing:-.02em}.mkthero-stats span{font-size:12.5px;color:#a9a496}.mktband{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 24px;margin:8px 0}.learnercols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.learnercol{padding:24px}.learnercol .fic{width:40px;height:40px;border-radius:11px;background:var(--indigo-soft);color:var(--indigo);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.learnercol b{font-size:16.5px;display:block;margin-bottom:6px}.learnercol p{font-size:14px;color:var(--muted)}.learnernote{text-align:center;font-size:13.5px;color:var(--muted);max-width:660px;margin:20px auto 0}.faq{display:flex;flex-direction:column;gap:10px}.faqitem{padding:0}.faqitem summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600;list-style:none}.faqitem summary::-webkit-details-marker{display:none}.faqitem summary .icon{color:var(--muted);transition:transform .15s;flex-shrink:0}.faqitem[open] summary .icon{transform:rotate(180deg)}.faqitem p{padding:0 20px 18px;font-size:14px;color:var(--muted);margin:0;max-width:760px}.mktfinal{margin-top:0}.mktfoot{background:var(--sidebar);color:var(--sidebar-txt);margin-top:24px}.mktfoot-inner{max-width:1080px;margin:0 auto;padding:44px 24px 30px;display:flex;gap:40px;flex-wrap:wrap;justify-content:space-between}.mktfoot-brand .mktlogo{color:#fff;font-size:24px}.mktfoot-brand p{font-family:var(--ui);text-transform:uppercase;letter-spacing:2.6px;font-weight:700;color:#9a9486;margin-top:10px;font-size:10px}.mktfoot-cols{display:flex;gap:48px;flex-wrap:wrap}.mktfoot-cols b{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--sidebar-dim);margin-bottom:12px}.mktfoot-cols a{display:block;font-size:13.5px;color:var(--sidebar-txt);text-decoration:none;margin-bottom:8px;opacity:.85}.mktfoot-cols a:hover{opacity:1;color:#fff}.mktfoot-bar{max-width:1080px;margin:0 auto;padding:16px 24px;border-top:1px solid var(--sidebar-line);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--sidebar-dim)}.mktfoot-bar .jp{font-family:var(--jp-serif)}@media(max-width:820px){.mktlinks{display:none}.mkthero-h1{font-size:38px}.mkthero{padding:44px 0 52px}.learnercols{grid-template-columns:1fr}.mkthero-stats div{min-width:45%}}.lvlband{display:flex;align-items:center;gap:12px;margin:26px 0 12px}.lvlband .badge{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;color:#fff}.treelegend{display:flex;gap:18px;align-items:center;font-size:12.5px;color:var(--muted);margin-bottom:4px;flex-wrap:wrap}.treelegend .lg{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.lg.done{background:var(--green)}.lg.current{background:var(--shu)}.lg.soon{background:var(--gold)}.lg.locked{background:var(--line2)}.tree{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 44px;margin:14px 0 8px;position:relative}.node{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:14px;position:relative;display:block;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;box-shadow:var(--shadow)}a.node:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.node .nstate{position:absolute;top:11px;right:12px;display:inline-flex}.node .nstate .icon{display:none;width:14px;height:14px}.node.done .ic-done{display:inline;color:var(--green)}.node.current .ic-current{display:inline;color:var(--shu)}.node.open .ic-open{display:inline;color:var(--indigo)}.node.soon .ic-soon{display:inline;color:var(--gold)}.node.locked .ic-locked{display:inline;color:var(--faint)}.node .nno{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:1px}.node .nttl{font-size:13.5px;font-weight:600;margin:2px 0}.node .njp{font-size:12px;color:var(--shu)}.node .nmeta{font-size:11px;color:var(--muted);margin-top:4px}.node.locked,.node.soon{filter:grayscale(1);opacity:.55;pointer-events:none}.node.soon{filter:grayscale(.6);opacity:.75}.node.soon .nstate{filter:none}.node.done{border-color:var(--green);background:var(--green-soft)}.node.current{border-color:var(--shu);box-shadow:0 3px 14px #c73e3a38}.node.open{border-color:var(--indigo)}.node.c-right:after,.node.c-left:after,.node.c-down:after{content:"";position:absolute;background:var(--line2);z-index:0}.node.c-right:after{left:100%;top:50%;width:44px;height:3px;transform:translateY(-50%)}.node.c-left:after{right:100%;top:50%;width:44px;height:3px;transform:translateY(-50%)}.node.c-down:after{top:100%;left:50%;width:3px;height:30px;transform:translate(-50%)}.node.done.c-right:after,.node.done.c-left:after,.node.done.c-down:after{background:var(--green)}.skipbtn{flex-shrink:0}.skipnode{position:absolute;bottom:8px;right:10px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--faint);background:transparent;border:1px solid var(--line);border-radius:6px;padding:2px 8px;cursor:pointer;opacity:0;transition:opacity .12s;pointer-events:auto;font-family:var(--ui)}.node:hover .skipnode,.node.locked .skipnode,.node.current .skipnode,.node.open .skipnode{opacity:1}.skipnode:hover{color:var(--shu);border-color:var(--shu)}.node.done .skipnode{display:none}.kananode{max-width:440px;margin:12px 0 20px;display:block}.tier{margin-top:8px;padding-top:26px;position:relative}.tier .tierline{position:absolute;top:0;left:50%;width:3px;height:22px;background:var(--line2);transform:translate(-50%)}.tiernode{max-width:420px}.lesson-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.unitintro{margin-bottom:20px;border-left:4px solid var(--shu)}.unitintro .cardhead{margin-bottom:8px}.unitintro p{font-size:14px;color:var(--ink)}.learnlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.learnchip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;background:var(--soft);border:1.5px solid var(--ink-line);border-radius:99px;padding:4.5px 12px;box-shadow:2px 2px 0 var(--ink-line)}.learnchip .icon{color:var(--green);width:13px;height:13px}.vocabgate{margin-top:20px;border:1.5px solid var(--shu);border-left-width:4px;background:var(--shu-soft)}.vg-head{display:flex;gap:13px;align-items:flex-start}.vg-head .icon{color:var(--shu);flex-shrink:0;margin-top:1px}.vg-head b{font-size:15.5px;letter-spacing:-.01em}.vg-head p{font-size:13.5px;color:var(--ink);margin-top:4px}.vg-steps{margin:14px 0 4px;padding-left:20px;display:flex;flex-direction:column;gap:9px}.vg-steps li{font-size:13.5px;line-height:1.55;padding-left:4px}.vg-steps li::marker{color:var(--shu);font-weight:800}.vg-steps code{font-size:12.5px}.vg-anki{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.vg-anki .btn{flex-shrink:0}.vg-anki-status{font-size:12.5px;color:var(--muted)}.vg-ack{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;border-radius:10px;background:var(--card);border:1px solid var(--line);cursor:pointer;font-size:13.5px;font-weight:600}.vg-ack input{width:18px;height:18px;margin-top:1px;flex-shrink:0;accent-color:var(--shu);cursor:pointer}.vocabgate.acked{border-color:var(--green);border-left-color:var(--green);background:var(--green-soft)}.vocabgate.acked .vg-head .icon,.vocabgate.acked .vg-steps li::marker{color:var(--green)}.vocabgate.acked .vg-ack input{accent-color:var(--green)}.notetip{display:flex;gap:11px;align-items:flex-start;margin:0 0 18px;padding:12px 15px;border-radius:10px;background:var(--indigo-soft);border:1px solid color-mix(in srgb,var(--indigo) 22%,var(--line));font-size:13px;line-height:1.55}.notetip .icon{color:var(--indigo);flex-shrink:0;margin-top:2px}.notetip b{color:var(--indigo)}.noticebox{display:flex;gap:10px;align-items:flex-start}.noticebox .icon{color:var(--shu);margin-top:4px}.srsic{color:var(--indigo)}.doneic{color:var(--green)}.dialogue{border-left:4px solid var(--indigo);margin:14px 0}.dline{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line)}.dline:last-child{border-bottom:none}.dwho{font-weight:700;color:var(--indigo);font-size:14px}.dja{font-size:17px}.den{font-size:13px;color:var(--muted);display:none}body.show-en .den{display:block}.gpoint{margin:16px 0;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.gpoint .pattern{font-size:20px;font-weight:700;color:var(--shu)}.gpoint .gmean{color:var(--muted);font-size:13.5px;margin-bottom:8px}.ex{padding:7px 0 7px 14px;border-left:3px solid var(--shu-soft);margin:6px 0}.ex .ja{font-size:16.5px}.ex .en{font-size:13px;color:var(--muted)}.vtable{width:100%;border-collapse:collapse;font-size:14px}.vtable td,.vtable th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.vtable th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.vtable .w{font-size:17px;font-weight:600}.kgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.kcard{background:var(--card);border:1px solid var(--line);border-radius:10px;text-align:center;padding:12px 6px;cursor:pointer}.kcard:hover{border-color:var(--gold)}.kcard .k{font-size:34px;font-weight:600}.kcard .m{font-size:11px;color:var(--muted)}.toggle{font-size:12.5px;color:var(--indigo);cursor:pointer;user-select:none;font-weight:600}.qcard{margin-bottom:14px}.qstem{font-size:16px;margin-bottom:10px}.qopts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qopt{border:2px solid var(--ink-line);border-radius:8px;padding:11px 15px;cursor:pointer;font-size:15px;font-weight:600;background:var(--card);box-shadow:2px 2px 0 var(--ink-line);transition:transform .06s,box-shadow .06s,background .1s}.qopt:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink-line)}.qopt:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink-line)}.qopt.sel{background:var(--indigo-soft)}.qopt.right{background:var(--green-soft)}.qopt.wrong{background:var(--shu-soft)}.qexpl{display:none;font-size:13px;color:var(--muted);margin-top:8px;padding:9px 12px;background:var(--soft);border-radius:8px}.qexpl.on{display:block}.scorebox{text-align:center;padding:30px}.scorebox .big{font-size:46px;font-weight:800;letter-spacing:-.02em}.stepper{display:flex;gap:8px;margin:6px 0 24px;flex-wrap:wrap}.stepchip{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:var(--card);border-radius:99px;padding:7px 14px 7px 8px;font-size:13px;cursor:pointer;font-family:var(--ui);color:var(--ink)}.stepchip .dot{width:22px;height:22px;border-radius:50%;background:var(--soft);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.stepchip.active{border-color:var(--shu);box-shadow:0 2px 10px #c73e3a26}.stepchip.active .dot{background:var(--shu);color:#fff}.stepchip.done .dot{background:var(--green);color:#fff}.stepchip.done .dot{font-size:0}.stepchip.done .dot:before{content:"✓";font-size:12px}.stepchip:disabled{opacity:.45;cursor:not-allowed}.stepchip.skipped{border-style:dashed}.stepchip.skipped .dot{background:var(--gold-soft);color:var(--gold)}.step{display:none}.step.active{display:block;animation:stepin .25s ease}@keyframes stepin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stephead{margin:6px 0 0;font-size:20px;font-weight:800;letter-spacing:-.02em;padding-bottom:11px;border-bottom:3px solid var(--ink-line)}.stepmeta{font-size:12.5px;color:var(--muted);font-weight:600}.steplead{margin:14px 0 4px;font-size:14px;line-height:1.6;max-width:70ch}.stage{display:flex;gap:13px;align-items:flex-start;margin:32px 0 15px;padding-bottom:12px;border-bottom:2.5px solid var(--ink-line)}.stage-no{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--shu);color:#fff;border:2px solid var(--ink-line);box-shadow:2px 2px 0 var(--ink-line)}.stage-tx{min-width:0}.stage-tx h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.stage-tx h3 .jp{font-size:14px;font-weight:700;color:var(--muted)}.stage-tx p{margin:6px 0 0;font-size:13.5px;line-height:1.58;color:var(--muted);max-width:68ch}.dialtoggle{display:flex;justify-content:flex-end;margin-bottom:6px}.stepnav{display:flex;gap:12px;margin-top:26px;align-items:center}.stepnav .stepnext{margin-left:auto}.stepnext:disabled{opacity:.45;cursor:not-allowed}.wsnexthint{font-size:12.5px;color:var(--muted);text-align:right;margin-top:6px}.nextunit{margin-top:18px;display:flex;align-items:center;gap:14px;border-color:var(--green);background:var(--green-soft)}.nextunit .btn{margin-left:auto}.nextunit .btnrow{margin-left:auto;display:flex;gap:10px;flex-shrink:0}.nextunit .btnrow .btn{margin-left:0}.immintro{margin-bottom:14px;border-left:4px solid var(--indigo)}.immtask{display:flex;gap:14px;align-items:flex-start;margin-bottom:10px;padding:16px 18px;cursor:pointer}.immtask:hover{border-color:var(--indigo)}.immcheck{position:absolute;opacity:0;pointer-events:none}.immbox{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:transparent;transition:.15s}.immcheck:checked+.immbox{background:var(--green);border-color:var(--green);color:#fff}.immtask b{font-size:14.5px;display:block}.immsrc{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--indigo);font-weight:600;margin:3px 0 6px}.immbody{display:block;font-size:13.5px;color:var(--ink)}.immwin{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--green);font-weight:600;margin-top:8px}.drill{margin-bottom:10px;padding:14px 16px}.drillrow{display:flex;align-items:center;gap:10px}.drillplay,.drillslow,.drillmic{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--shu);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;flex-shrink:0;font-family:var(--ui)}.drillplay:hover,.drillslow:hover,.drillmic:hover{border-color:var(--shu);background:var(--shu-soft)}.drillslow{color:var(--muted)}.drillmic{color:var(--indigo)}.drillmic:hover{border-color:var(--indigo);background:var(--indigo-soft)}.drillja{font-size:17px}.drillen{font-size:12.5px;color:var(--muted)}.prompt-en{font-size:14px;color:var(--ink)}.drillhidden{filter:blur(6px);user-select:none}.drillhint{font-size:12px;color:var(--gold);margin-top:2px}.drillheard{font-size:12.5px;color:var(--muted);margin:8px 0 0 44px}.drillheard .ok{color:var(--green)}.drillheard .no{color:var(--shu)}.culture .cttl{font-size:18px;font-weight:700;margin-bottom:10px}.culture .cpara{font-size:14.5px;margin:10px 0;color:var(--ink)}.wsitem{margin-bottom:12px;padding:16px 18px}.wsprompt{font-size:15.5px;margin-bottom:10px}.wsrow{display:flex;align-items:center;gap:10px}.wsinput{font-size:16px;padding:8px 12px;border:1.5px solid var(--line);border-radius:8px;flex:1;max-width:340px;font-family:var(--jp);background:var(--card);color:var(--ink)}.wsinput:focus{outline:none;border-color:var(--indigo)}.wsmark{font-size:18px;font-weight:800;width:22px}.wsmark.ok{color:var(--green)}.wsmark.no{color:var(--shu)}.wshint{font-size:12.5px;color:var(--shu);margin-top:6px;min-height:0}.dashhead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.dashhead h1{font-size:27px}.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.statrow5{grid-template-columns:repeat(5,1fr)}.stat{text-align:center;padding:18px 10px}.statrow5 .stat{text-align:left;padding:14px 16px;display:flex;flex-direction:column;gap:5px}.statnum{font-size:34px;font-weight:800;color:var(--ink);line-height:1.15;letter-spacing:-.02em}.statrow5 .statnum{font-size:27px}.statunit{font-size:12px;font-weight:600;color:var(--muted);margin-left:5px;letter-spacing:0}.statlbl{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.statlbl .icon{width:14px;height:14px;color:var(--shu)}.statof{font-size:11px;color:var(--faint)}.statbar{height:5px;border-radius:99px;background:var(--soft);overflow:hidden;margin-top:auto}.statbar i{display:block;height:100%;width:0;border-radius:99px;background:var(--shu);transition:width .5s ease}.statbar i.gold{background:var(--gold)}.statbar i.green{background:var(--green)}.statbar i.indigo{background:var(--indigo)}.weekdots{display:flex;gap:5px;margin-top:auto}.wd{width:17px;height:17px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.wd i{font-style:normal;font-size:8.5px;font-weight:700;color:var(--faint)}.wd.on{background:var(--green)}.wd.on i{color:#fff}.wd.today{box-shadow:0 0 0 1.5px var(--shu)}.grid-main{display:grid;grid-template-columns:2fr 1fr;gap:18px}.contmain{display:flex;align-items:center;gap:14px;padding:14px;border:1.5px solid var(--shu);border-radius:var(--radius);background:var(--shu-soft)}.contno{width:auto;color:var(--shu)}.contsub{font-size:12.5px;color:var(--muted);margin:1px 0 7px}.contbar{width:100%;max-width:340px}.contmain .btn{flex-shrink:0}.queue-row{display:flex;align-items:center;gap:14px;padding:11px 14px;border-bottom:1px dashed var(--line);text-decoration:none;color:inherit;font-size:13.5px}.queue-row:last-child{border-bottom:none}.queue-row:hover{background:var(--soft)}.queue-row.locked{opacity:.5;cursor:not-allowed}.queue-row .urno{width:auto}.qttl{flex:1;font-weight:600}.qttl .jp{color:var(--shu);font-weight:400;font-size:12.5px}.qpct{font-size:12.5px;font-weight:700;color:var(--indigo);display:inline-flex;align-items:center}.qpct .icon{width:13px;height:13px;color:var(--faint)}.levelrow{display:flex;align-items:center;gap:13px;padding:9px 0;border-bottom:1px dashed var(--line)}.levelrow.dim{opacity:.55}.levelrow:last-of-type{border-bottom:none}.lvlmeta{font-size:12px;color:var(--muted)}.ring{--pct:0;width:54px;height:54px;border-radius:50%;flex-shrink:0;position:relative;background:conic-gradient(var(--c) calc(var(--pct)*1%),var(--soft) 0);display:flex;align-items:center;justify-content:center}.ring:before{content:"";position:absolute;inset:6px;background:var(--card);border-radius:50%}.ring span{position:relative;font-size:11.5px;font-weight:800}.ring .icon{position:relative;width:15px;height:15px;color:var(--faint)}.quiztable{width:100%;border-collapse:collapse;font-size:13.5px}.quiztable th{font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.quiztable td{padding:9px 8px;border-bottom:1px dashed var(--line)}.quiztable tr:last-child td{border-bottom:none}.qscore{font-weight:800}.qscore.pass{color:var(--green)}.qscore.fail{color:var(--shu)}.qdate{color:var(--muted);font-size:12.5px}.gradechip{display:inline-flex;width:22px;height:22px;border-radius:6px;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;color:#fff}.gradechip.gA{background:var(--green)}.gradechip.gB{background:var(--indigo)}.gradechip.gC{background:var(--gold)}.gradechip.gD{background:var(--shu)}.emptyhint{font-size:13px;color:var(--muted)}.tipcard{position:relative;overflow:hidden}.tipja{font-size:16.5px;font-weight:600;line-height:1.8;font-family:var(--jp-serif)}.tipen{font-size:13px;color:var(--muted);margin-top:8px}.tipmark{position:absolute;right:14px;bottom:10px;font-family:var(--jp-serif);font-size:52px;line-height:1;color:var(--shu);opacity:.1;pointer-events:none}.continue{display:flex;align-items:center;gap:14px;border-left:4px solid var(--shu)}.srsrow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}.srsrow:last-of-type{border-bottom:none}.srsdot{width:11px;height:11px;border-radius:50%;background:var(--soft2);flex-shrink:0}.srsdot.on{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.srsdot.off{background:var(--line2)}.switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:var(--line2);border-radius:99px;transition:.2s}.slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--green)}.switch input:checked+.slider:before{transform:translate(18px)}.unitrow{display:flex;align-items:center;gap:16px;margin-bottom:10px;padding:16px 18px;text-decoration:none;color:inherit}a.unitrow:hover{border-color:var(--shu)}.unitrow.locked-row{opacity:.55;pointer-events:none}.urno{font-size:13px;font-weight:800;color:var(--muted);width:34px}.urscore{font-size:14px;font-weight:700;color:var(--indigo);min-width:52px;text-align:right;display:inline-flex;justify-content:flex-end;align-items:center}.urscore .icon{color:var(--faint)}.stepdots{display:flex;gap:5px;margin-top:6px}.sdot{width:8px;height:8px;border-radius:50%;background:var(--soft2);display:inline-block}.sdot.on{background:var(--green)}.sdot.skip{background:var(--gold)}.setcard{margin-bottom:18px}.setcard.danger{border-color:color-mix(in srgb,var(--shu) 45%,var(--line))}.avatarrow{display:flex;align-items:center;gap:18px;margin-bottom:20px}.avatarbox{width:72px;height:72px;border-radius:50%;background:var(--soft);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--faint)}.avatarbox img{width:100%;height:100%;object-fit:cover}.setgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field input{width:100%;font-size:14.5px;padding:9px 12px;border:1.5px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font-family:var(--ui)}.field input:focus{outline:none;border-color:var(--indigo)}.field.small{max-width:120px}.fieldhint{font-size:12px;color:var(--muted);margin-top:5px}.fielderr{font-size:12px;color:var(--shu);margin-top:5px;font-weight:600}.setactions{display:flex;align-items:center;gap:14px;margin-top:18px}.savednote{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--green)}.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:9px;overflow:hidden;background:var(--card)}.segbtn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;background:transparent;border:none;border-right:1.5px solid var(--line);cursor:pointer;color:var(--muted);font-family:var(--ui)}.segbtn:last-child{border-right:none}.segbtn:hover{color:var(--ink)}.segbtn.sel{background:var(--shu-soft);color:var(--shu)}.dangerrow{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.dangerbtn{background:transparent;color:var(--shu);border:1.5px solid var(--shu)}.dangerbtn:hover{background:var(--shu);color:#fff;filter:none}.topbar{position:sticky;top:0;z-index:60;display:flex;justify-content:flex-end;align-items:center;min-height:34px;margin:-34px -44px 12px;padding:12px 44px 10px;background:var(--paper)}.usermenu{position:relative}.userchip{display:flex;align-items:center;gap:10px;background:var(--card);border:2px solid var(--ink-line);border-radius:99px;padding:5px 13px 5px 5px;cursor:pointer;font-family:var(--ui);color:var(--ink);box-shadow:2px 2px 0 var(--ink-line);transition:transform .06s,box-shadow .06s}.userchip:hover,.usermenu.open .userchip{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink-line)}.ucavatar{width:30px;height:30px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--faint)}.ucavatar img{width:100%;height:100%;object-fit:cover}.ucavatar.lg{width:38px;height:38px}.uctext{display:flex;flex-direction:column;line-height:1.22;text-align:left;min-width:0}.ucwelcome{font-size:10.5px;color:var(--muted);letter-spacing:.2px}.ucname{font-size:13px;font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uccaret{color:var(--muted);transition:transform .15s;flex-shrink:0}.usermenu.open .uccaret{transform:rotate(180deg)}.usermenu-pop{position:absolute;top:calc(100% + 8px);right:0;width:250px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lift);padding:8px;z-index:70;animation:popin .12s ease}@keyframes popin{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ump-head{display:flex;align-items:center;gap:11px;padding:6px 8px 12px;margin-bottom:6px;border-bottom:1px solid var(--line)}.ump-name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ump-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ump-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;font-size:13.5px;color:var(--ink);text-decoration:none;background:transparent;border:none;cursor:pointer;font-family:var(--ui);text-align:left}.ump-item .icon{color:var(--muted)}.ump-item:hover{background:var(--soft)}.ump-item:hover .icon{color:var(--shu)}#umpTheme .ic-sun{display:none}html[data-theme=dark] #umpTheme .ic-sun{display:inline}html[data-theme=dark] #umpTheme .ic-moon{display:none}.ump-sep{height:1px;background:var(--line);margin:6px 2px}.authwrap{max-width:420px;margin:24px auto 0}.authcard{padding:26px}.authtabs{display:flex;background:var(--soft);border-radius:9px;padding:4px;margin-bottom:18px}.authtab{flex:1;padding:8px;border:none;background:transparent;border-radius:7px;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer;font-family:var(--ui)}.authtab.sel{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.authintro{font-size:13.5px;color:var(--muted);margin-bottom:16px}.authcard .field{margin-bottom:14px}.authswitch{font-size:13px;color:var(--muted);margin-top:14px;text-align:center}.authswitch a{font-weight:600}.authnote{max-width:420px;margin:16px auto 0;font-size:12px;color:var(--faint);line-height:1.6;text-align:center}.reslink{display:block;text-decoration:none;color:inherit;transition:border-color .12s,transform .12s}.reslink:hover{border-color:var(--shu);transform:translateY(-2px)}.reslink .fic{width:40px;height:40px;border-radius:11px;background:var(--shu-soft);color:var(--shu);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.reslink b{font-size:16px;display:block;margin-bottom:5px}.reslink p{font-size:13.5px;color:var(--muted);margin-bottom:12px}.reslink-go{font-size:13px;font-weight:700;color:var(--shu);display:inline-flex;align-items:center;gap:6px}.setupsteps{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.setupstep{display:flex;gap:16px;align-items:flex-start;padding:18px 20px}.ss-num{width:30px;height:30px;border-radius:50%;background:var(--shu);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ss-body b{font-size:15.5px}.ss-body p{font-size:13.5px;color:var(--muted);margin:5px 0 0}.ss-code{margin-top:10px;padding:9px 13px;background:var(--soft);border:1px solid var(--line);border-radius:8px;overflow-x:auto}.ss-code code{font-size:12.5px;white-space:nowrap}.ss-link{display:inline-flex;align-items:center;gap:5px;margin-top:9px;font-size:13px;font-weight:600;color:var(--indigo);text-decoration:none}.ss-link:hover{text-decoration:underline}.shelf{margin-bottom:26px}.shelf-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:12px}.shelf-head .fic{width:38px;height:38px;border-radius:10px;background:var(--indigo-soft);color:var(--indigo);display:flex;align-items:center;justify-content:center;flex-shrink:0}.shelf-head h2{font-size:19px;letter-spacing:-.01em}.shelf-head p{font-size:13px;color:var(--muted);max-width:640px;margin-top:2px}.shelf-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resitem{padding:15px 17px}.resitem-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.resitem-top b{font-size:14px}.resitem p{font-size:12.5px;color:var(--muted);margin-top:4px}.restag{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--indigo);background:var(--indigo-soft);border-radius:99px;padding:2px 9px;flex-shrink:0}.kanaboard{display:flex;flex-direction:column;gap:9px;max-width:760px}.kanarow{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.kanarow.three{grid-template-columns:repeat(3,1fr);max-width:456px}.kanacard{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 4px 7px;text-align:center;cursor:pointer;font-family:var(--ui);color:var(--ink);transition:border-color .1s,transform .1s}.kanacard:hover{border-color:var(--shu)}.kanacard:active{transform:scale(.96)}.kanacard .kn{display:block;font-size:30px;line-height:1.2}.kanacard .rj{display:block;font-size:10.5px;color:var(--muted);letter-spacing:.3px}.kanagap{visibility:hidden}.kanaline{display:flex;align-items:baseline;gap:12px;width:100%;background:transparent;border:none;border-bottom:1px dashed var(--line);padding:8px 2px;cursor:pointer;text-align:left;font-family:var(--ui);color:var(--ink)}.kanaline:last-child{border-bottom:none}.kanaline:hover .kl{color:var(--shu)}.kanaline .kl{font-size:19px;flex-shrink:0}.kanaline .rj{font-size:12px;color:var(--muted)}.qopts.four{grid-template-columns:repeat(4,1fr)}.qopts.four .qopt{text-align:center}.pttier{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:700;margin:20px 0 10px}.ptlevels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px}.ptlevel{padding:14px 12px;text-align:left;cursor:pointer;font-family:var(--ui);color:var(--ink);position:relative;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius)}.ptlevel:hover:not(:disabled){border-color:var(--shu)}.ptlevel.sel{border-color:var(--shu);box-shadow:0 2px 10px #c73e3a26}.ptlevel:disabled{opacity:.5;cursor:not-allowed}.ptlevel .pl{font-size:17px;font-weight:800}.ptlevel .pn{font-size:11.5px;color:var(--muted);display:block}.ptlevel .icon{position:absolute;top:12px;right:11px;color:var(--faint)}.ptlevel.sel .icon{color:var(--shu)}@media(max-width:1150px){.statrow5{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:1fr 1fr}.levels{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.sidebar{display:none}.main{padding:20px}.grid2{grid-template-columns:1fr}.topbar{margin:-20px -20px 10px;padding:12px 20px 8px}.grid-main{grid-template-columns:1fr}.statrow5{grid-template-columns:1fr 1fr}.dashhead{flex-direction:column;align-items:flex-start}.tree{grid-template-columns:1fr;gap:18px}.tree .node{grid-row:auto!important;grid-column:1!important}.node.c-right:after,.node.c-left:after{display:none}.node.c-right:before,.node.c-left:before{content:"";position:absolute;top:100%;left:50%;width:3px;height:18px;background:var(--line2);transform:translate(-50%)}.statrow{grid-template-columns:1fr 1fr}.steps,.featgrid{grid-template-columns:1fr}.levels,.ptlevels{grid-template-columns:1fr 1fr}.land-hero{padding:36px 28px}.land-hero h1{font-size:32px}.shelf-items{grid-template-columns:1fr}.statstrip{flex-wrap:wrap}.statstrip .cell{flex-basis:50%}}.stepcard .sic,.feat .fic,.reslink .fic,.shelf-head .fic,.learnercol .fic{color:#fff;border-radius:11px;box-shadow:0 3px 9px #1f24302e}.stepcard .sic{background:var(--shu)}.feat .fic,.shelf-head .fic,.learnercol .fic{background:var(--indigo)}.reslink .fic{background:var(--shu)}.steps .stepcard:nth-child(4n+1) .sic{background:var(--shu)}.steps .stepcard:nth-child(4n+2) .sic{background:var(--gold)}.steps .stepcard:nth-child(4n+3) .sic{background:var(--indigo)}.steps .stepcard:nth-child(4n+4) .sic{background:var(--green)}.featgrid .feat:nth-child(6n+1) .fic{background:var(--shu)}.featgrid .feat:nth-child(6n+2) .fic{background:var(--indigo)}.featgrid .feat:nth-child(6n+3) .fic{background:var(--gold)}.featgrid .feat:nth-child(6n+4) .fic{background:var(--green)}.featgrid .feat:nth-child(6n+5) .fic{background:#8c5a3a}.featgrid .feat:nth-child(6n+6) .fic{background:var(--shu)}.stepcard,.feat,.reslink,.levelcard,.resitem,.learnercol{transition:border-color .14s,transform .14s,box-shadow .14s}.stepcard:hover,.feat:hover,.resitem:hover,.learnercol:hover{border-color:var(--line2);box-shadow:var(--shadow-lift)}.levels .levelcard{border-top:3px solid var(--line2)}.levels .levelcard:nth-child(1){border-top-color:var(--green)}.levels .levelcard:nth-child(2){border-top-color:var(--indigo)}.levels .levelcard:nth-child(3){border-top-color:var(--gold)}.levels .levelcard:nth-child(4){border-top-color:#8c5a3a}.levels .levelcard:nth-child(5){border-top-color:var(--shu)}.levels .levelcard:nth-child(1) .lvl{color:var(--green)}.levels .levelcard:nth-child(2) .lvl{color:var(--indigo)}.levels .levelcard:nth-child(3) .lvl{color:var(--gold)}.levels .levelcard:nth-child(4) .lvl{color:#8c5a3a}.levels .levelcard:nth-child(5) .lvl{color:var(--shu)}.mktband{position:relative;overflow:hidden}.mktband:after{content:"橋";position:absolute;right:3%;top:50%;transform:translateY(-50%);font-family:var(--jp-serif);font-size:290px;line-height:1;color:var(--ink);opacity:.035;pointer-events:none;z-index:0}.mktband>.mktwrap{position:relative;z-index:1}.mktfinal{position:relative;overflow:hidden}.torii-bg{position:absolute;right:-6px;bottom:-26px;width:210px;height:auto;fill:#fff;opacity:.1;pointer-events:none}.mkthero .btn,.land-hero .btn,.ctacard .btn{border-color:#ffffffd1;box-shadow:3px 3px #ffffff29}.mkthero .btn:hover,.land-hero .btn:hover,.ctacard .btn:hover{box-shadow:2px 2px #ffffff29}.mkthero .btn:active,.land-hero .btn:active,.ctacard .btn:active{box-shadow:0 0 #ffffff29}.mkthero .btn.ghost,.land-hero .btn.ghost,.ctacard .btn.ghost{background:transparent;color:#fff;border-color:#ffffffd1}.stepcard .sic,.feat .fic,.reslink .fic,.shelf-head .fic,.learnercol .fic{border:2.5px solid var(--ink-line);box-shadow:2px 2px 0 var(--ink-line)}.stepcard,.feat,.learnercol,.resitem,a.reslink{border:2px solid var(--ink-line);box-shadow:4px 4px 0 var(--ink-line)}.stepcard:hover,.feat:hover,.learnercol:hover,.resitem:hover,a.reslink:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink-line);border-color:var(--ink-line)}a.reslink:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink-line)}.levels .levelcard,.vocabgate{box-shadow:4px 4px 0 var(--ink-line)}.kanacard{border:2px solid var(--ink-line);box-shadow:2px 2px 0 var(--ink-line);transition:transform .06s,box-shadow .06s}.kanacard:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink-line)}.kanacard:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink-line)}.stepchip{border:2px solid var(--ink-line);box-shadow:2px 2px 0 var(--ink-line)}.stepchip.active{background:var(--shu-soft)}.ptlevel{border:2px solid var(--ink-line);box-shadow:2px 2px 0 var(--ink-line)}.landsec .eyebrow,.mkthero-eyebrow{font-weight:800}.halftone{position:absolute;pointer-events:none;background-image:radial-gradient(currentColor 1.3px,transparent 1.4px);background-size:9px 9px;opacity:.5}.hero-burst{position:absolute;top:34px;right:52px;width:104px;height:104px;transform:rotate(-9deg);pointer-events:none;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.35))}.hero-burst text{font-family:var(--jp-serif);font-weight:700}@media(max-width:820px){.hero-burst{display:none}}.step .card,.gpoint{border:2px solid var(--ink-line);box-shadow:4px 4px 0 var(--ink-line);border-radius:var(--radius)}.gpoint{background:var(--card)}.kcard{border:2px solid var(--ink-line);box-shadow:2px 2px 0 var(--ink-line);transition:transform .06s,box-shadow .06s}.kcard:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink-line);border-color:var(--ink-line)}.callout,.notetip,.vg-ack{border:2px solid var(--ink-line);box-shadow:2px 2px 0 var(--ink-line)}.card.vocabgate{border:2.5px solid var(--ink-line);border-left:6px solid var(--shu);box-shadow:5px 5px 0 var(--ink-line)}.node{border:2px solid var(--ink-line)}.node,.node.current,.node.done,.node.open,.node.soon,.node.locked{box-shadow:4px 4px 0 var(--ink-line)}a.node:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink-line)}.lvlband .badge{border:2px solid var(--ink-line);box-shadow:2px 2px 0 var(--ink-line)}.grid-main>.card{border:2px solid var(--ink-line);box-shadow:4px 4px 0 var(--ink-line)}.statrow>.card{border:2px solid var(--ink-line);box-shadow:2px 2px 0 var(--ink-line)}.ex .ja .gk{color:var(--shu);font-weight:700}#kanaQuizArea .qstem{display:flex;align-items:baseline;gap:10px}#kanaQuizArea .qnum{font-size:13px;font-weight:700;color:var(--muted);flex:none}#kanaQuizArea .qterm{font-size:20px;font-weight:600}#kanaQuizArea .qterm.jp{font-size:28px;font-weight:500;line-height:1}#kanaQuizArea .qopt{font-size:19px;font-weight:600}.ksub{margin:30px 0 12px;padding-bottom:9px;border-bottom:2.5px solid var(--ink-line);font-size:16.5px;font-weight:800;letter-spacing:-.01em}