:root{--bg:#f6f1e7;--bg-alpha:#f6f1e7cc;--bg-2:#efe7d6;--ink:#141312;--ink-2:#3a3633;--ink-3:#6b645c;--ink-4:#9a9086;--line:#1413121a;--line-2:#14131214;--paper:#fff;--red:#c8322a;--red-deep:#8e1e19;--red-soft:#f5d9d6;--indigo:#2b3a67;--gold:#c49a3a;--amber:#b8651f;--amber-soft:#f4dcc4;--moss:#5a6b3a;--plum:#7a3a55;--pink:#c8322a;--blue:#2b3a67;--green:#5a6b3a;--purple:#7a3a55;--lift:0 1px 0 #ffffff99,0 10px 24px -12px #141312bf;--lift-2:0 2px 0 #ffffff99,0 24px 48px -20px #14131280;--hard:3px 3px 0 var(--ink);--hard-red:3px 3px 0 var(--red);--r-sm:10px;--r:18px;--r-lg:28px;--r-xl:36px;--fs-display:"Fraunces","Noto Serif JP",Georgia,serif;--fs-ui:"Inter",system-ui,-apple-system,sans-serif;--fs-jp:"Noto Serif JP","Fraunces",Georgia,serif;--fs-mono:"JetBrains Mono",ui-monospace,monospace;--srs-recruit:#c8322a;--srs-hunter:#2b3a67;--srs-slayer:#7a3a55;--srs-warlord:#c49a3a;--srs-immortal:#141312;--panel-dark:#141312;--on-dark:#f5f1e6;--on-dark-muted:#f5f1e6b0;--on-dark-dim:#f5f1e680}[data-theme=dark]{--bg:#14110e;--bg-alpha:#14110ecc;--bg-2:#1c1814;--ink:#f3ecdd;--ink-2:#d9d1bf;--ink-3:#a49b8a;--ink-4:#766e5f;--line:#f3ecdd26;--line-2:#f3ecdd14;--paper:#1f1a15;--red:#e4554b;--red-deep:#c8322a;--red-soft:#3a1e1c;--indigo:#7e92c8;--gold:#e4c06a;--amber:#d88a3f;--amber-soft:#3a2418;--moss:#a2b478;--plum:#c47a95;--pink:#e4554b;--blue:#7e92c8;--green:#a2b478;--purple:#c47a95;--lift:0 1px 0 #ffffff0a,0 10px 24px -12px #000000cc;--lift-2:0 2px 0 #ffffff0f,0 24px 48px -20px #000000e0;--hard:3px 3px 0 var(--ink);--hard-red:3px 3px 0 var(--red);--srs-recruit:#e4554b;--srs-hunter:#7e92c8;--srs-slayer:#c47a95;--srs-warlord:#e4c06a;--srs-immortal:#f3ecdd;--panel-dark:#0a0908;--on-dark:#f5f1e6;--on-dark-muted:#f5f1e6b0;--on-dark-dim:#f5f1e680}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{-webkit-tap-highlight-color:transparent}body,html{overflow-x:hidden}body{font-family:var(--fs-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:clamp(14px,2.6vw,15px);line-height:1.55;min-height:100vh;transition:background .4s ease,color .4s ease}@media (min-width:980px){body{font-size:15px;line-height:1.5}}::selection{background:var(--red);color:#fff}.app{height:100vh;display:grid;grid-template-columns:240px 1fr;overflow:hidden}.app.noshell{grid-template-columns:1fr}.app.noshell .sidebar{display:none}.sidebar{border-right:1px solid var(--line);padding:24px 20px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;gap:12px;background:var(--bg);transition:background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.brand{display:flex;align-items:baseline;gap:10px;padding:4px 8px 16px;text-decoration:none}.brand .mark{font-family:var(--fs-jp);font-weight:900;font-size:32px;line-height:1;color:var(--red);letter-spacing:-.01em}.brand .word{font-family:var(--fs-display);font-weight:800;font-size:24px;letter-spacing:-.03em;line-height:1;color:var(--ink)}.brand small{font-family:var(--fs-mono);font-size:10px;color:var(--ink-4);text-transform:uppercase;letter-spacing:.12em;margin-left:auto}.nav{display:flex;flex-direction:column;gap:2px}.nav a,.nav button{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-weight:500;color:var(--ink-2);font-size:14.5px;transition:background .15s,color .15s}@media (hover:hover){.nav a:hover,.nav button:hover{background:var(--bg-2);color:var(--ink)}}.nav a:active,.nav button:active{background:var(--bg-2);color:var(--ink)}.nav a:focus-visible,.nav button:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:12px}.nav a.active,.nav button.active{background:var(--ink);color:var(--bg)}.nav a.active .nav-icon,.nav button.active .nav-icon{color:var(--red)}.nav-icon{width:18px;height:18px;flex-shrink:0;color:var(--ink-3)}.nav .section-label{font-family:var(--fs-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-4);padding:18px 12px 6px}.user-chip{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.user-chip .avatar{width:34px;height:34px;border-radius:10px;background:var(--red);color:#fff;display:grid;place-items:center;font-family:var(--fs-display);font-weight:700}.user-chip .meta{flex:1 1;min-width:0}.user-chip .name{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip .lvl{font-family:var(--fs-mono);font-size:11px;color:var(--ink-3)}.user-chip:focus-visible{outline:2px solid var(--red);outline-offset:2px}.main{padding:clamp(12px,2vw,24px) clamp(16px,4vw,48px);max-width:1440px;width:100%;margin:0 auto}.wide{max-width:none;padding:0}.page-container{padding:clamp(12px,2vw,24px) clamp(16px,4vw,48px);max-width:1440px;width:100%;margin:0 auto}.main-wrap{width:100%;min-width:0;height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--bg)}h1,h2,h3,h4{margin:0;font-family:var(--fs-display);font-weight:700;letter-spacing:-.02em}h1{font-size:clamp(36px,6vw,56px);line-height:1.02;letter-spacing:-.035em;font-weight:800}h2{font-size:clamp(28px,4.2vw,36px);line-height:1.05;letter-spacing:-.03em}h3{font-size:clamp(20px,3vw,22px);line-height:1.15}h4{font-size:16px;line-height:1.2;font-family:var(--fs-ui);font-weight:700;letter-spacing:-.01em}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3)}.eyebrow,.kbd{font-family:var(--fs-mono);font-size:11px;font-weight:600}.kbd{padding:2px 7px;border:solid var(--line);border-width:1px 1px 2px;border-radius:6px;color:var(--ink-2);background:var(--paper)}.jp{font-family:var(--fs-jp)}.btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);font-weight:600;font-size:14px;box-shadow:var(--hard);transition:transform .08s,background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease;white-space:nowrap}@media (hover:hover){.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}}.btn:active{transform:translate(2px,2px) scale(.98);box-shadow:1px 1px 0 var(--ink)}.btn:focus-visible{outline:2px solid var(--red);outline-offset:3px}.btn.disabled,.btn:disabled{opacity:.4;cursor:default;transform:none!important;box-shadow:none!important;pointer-events:none}.btn.primary{background:var(--red);color:#fff;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.btn.ghost{border-color:transparent;box-shadow:none}@media (hover:hover){.btn.ghost:hover{background:var(--bg-2);transform:none;box-shadow:none}}.btn.ink{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.correct{background:#e6f1e6;color:#1e4a1e;border-color:#3a7f3a;box-shadow:3px 3px 0 #3a7f3a}.btn.wrong{background:var(--red-soft);color:var(--red-deep);border-color:var(--red);box-shadow:3px 3px 0 var(--red)}.btn.lg{padding:16px 28px;font-size:16px;border-radius:14px}.btn.sm{padding:8px 14px;font-size:13px;border-radius:10px}.btn .btn-label{display:inline-flex;align-items:center;gap:8px;transition:opacity .15s ease}.btn .btn-label[data-hidden=true]{opacity:0}.btn-loading{position:relative;overflow:hidden;pointer-events:none;cursor:default}.btn-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,hsla(0,0%,100%,.22) 50%,transparent 75%);transform:translateX(-100%);animation:btnShimmer 1.1s linear infinite;pointer-events:none}.btn-loading-dots{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px}.btn-loading-dots>span{width:8px;height:8px;border-radius:50%;background:currentColor;animation:btnDotBounce 1.05s ease-in-out infinite both}.btn-loading-dots>span:nth-child(2){animation-delay:.14s}.btn-loading-dots>span:nth-child(3){animation-delay:.28s}@keyframes btnDotBounce{0%,75%,to{transform:translateY(0) scale(.85);opacity:.55}35%{transform:translateY(-5px) scale(1);opacity:1}}@keyframes btnShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.btn-loading:after{animation:none}.btn-loading-dots>span{animation:btnDotPulse 1.4s ease-in-out infinite both}@keyframes btnDotPulse{0%,to{opacity:.5}50%{opacity:1}}}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px;transition:background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.card.hard{border:1.5px solid var(--ink);box-shadow:var(--hard)}.card.hard.correct{border-color:#3a7f3a;box-shadow:3px 3px 0 #3a7f3a}.card.hard.wrong{border-color:var(--red);box-shadow:3px 3px 0 var(--red)}.card.flat{box-shadow:none}.card.correct{border-color:#3a7f3a;background:#e6f1e6;color:#1e4a1e}.card.correct .eyebrow{color:#3a7f3a}.card.wrong{border-color:var(--red);background:var(--red-soft)}.row{display:flex;align-items:center;gap:8px}.row.sb{justify-content:space-between}.col{display:flex;flex-direction:column;gap:4px}.grid{display:grid;grid-gap:20px;gap:20px}.grid.g2{grid-template-columns:repeat(2,1fr)}.grid.g3{grid-template-columns:repeat(3,1fr)}.grid.g4{grid-template-columns:repeat(4,1fr)}.dashboard-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}.muted{color:var(--ink-3)}.input{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font-size:15px;font-family:var(--fs-ui);outline:none;transition:border-color .15s,box-shadow .15s}.profile-card-title{font-family:var(--fs-display);font-weight:800;letter-spacing:-.01em;margin-bottom:8px}.profile-row{display:grid;grid-template-columns:minmax(180px,280px) 1fr;grid-gap:24px;gap:24px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}.profile-row:first-of-type{border-top:none}.profile-row-name{font-weight:700;font-size:15px;color:var(--ink)}.profile-row-desc{margin-top:2px;font-size:13px;color:var(--ink-3);line-height:1.4}.profile-readonly{cursor:default;color:var(--ink-2);background:var(--paper);-webkit-user-select:text;-moz-user-select:text;user-select:text}.profile-readonly:focus{border-color:var(--line);box-shadow:none}@media (max-width:720px){.profile-row{grid-template-columns:1fr;gap:12px;padding:18px 0}}.segmented{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);width:100%;justify-content:space-between}.segmented-opt{all:unset;flex:1 1;text-align:center;cursor:pointer;padding:8px 14px;border-radius:999px;font-family:var(--fs-mono);font-size:13px;font-weight:600;color:var(--ink-3);transition:background .15s,color .15s;white-space:nowrap}.segmented-opt:hover:not(.on):not(:disabled){color:var(--ink)}.segmented-opt:focus-visible{outline:2px solid var(--red);outline-offset:2px}.segmented-opt.on{background:var(--ink);color:var(--paper)}.segmented-opt:disabled{cursor:default}.input:focus{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.label{display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.chip,.label{font-size:12px;font-weight:600;color:var(--ink-2);font-family:var(--fs-mono)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--bg-2);letter-spacing:.04em}.chip.primary{background:var(--red);color:#fff}.chip.red{background:var(--red-soft);color:var(--red-deep)}.chip.ink{background:var(--ink);color:var(--bg)}.chip.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.hero-banner{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:clamp(16px,3vw,24px);background:var(--panel-dark);color:var(--on-dark);border:1.5px solid var(--panel-dark);min-width:0}.hero-banner .giant-kanji{position:absolute;right:-20px;bottom:-80px;font-family:var(--fs-jp);font-weight:900;font-size:340px;line-height:1;color:var(--red);opacity:.15;pointer-events:none;letter-spacing:-.02em}.streak-ring{--size:180px;width:var(--size);height:var(--size);position:relative;flex-shrink:0;min-width:var(--size)}.streak-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.streak-ring .track{fill:none;stroke:var(--line);stroke-width:10}.streak-ring .fill{fill:none;stroke:var(--red);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .6s}.streak-ring .inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:26px;text-align:center}.streak-ring .num{font-family:var(--fs-display);font-weight:800;font-size:clamp(44px,calc(var(--size) * .31),58px);line-height:.9;letter-spacing:-.04em}.streak-ring .label{font-family:var(--fs-mono);font-size:clamp(8px,calc(var(--size) * .05),9px);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);max-width:78px;line-height:1.15;white-space:normal;text-wrap:balance}.dashboard-section-head,.dashboard-topbar>div:last-child{display:flex;flex-wrap:wrap;row-gap:10px}.dashboard-topbar>div:last-child{justify-content:flex-end}.account-status-row,.dashboard-section-head,.dashboard-topbar,.lesson-topbar,.level-header,.level-progress-row,.levels-header{flex-wrap:wrap}.auth-shell{min-height:100vh;background:var(--bg)}.auth-pane,.auth-shell{width:100%;display:flex}.auth-pane{flex:1 1;flex-direction:column;justify-content:center;align-items:center;padding:48px;min-width:0}.auth-card{width:100%;max-width:420px;padding:48px}.auth-form{width:100%}.auth-submit{width:100%;max-width:100%;box-sizing:border-box}.editorial-panel{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:80px;position:relative;overflow:hidden;min-width:0}.editorial-bg-mark{position:absolute;right:-100px;top:-100px;font-size:600px;font-weight:900;color:var(--red);opacity:.1;pointer-events:none;line-height:1}.auth-footer{justify-content:center;align-items:center;flex-wrap:wrap}.auth-footer,.beads{display:flex;gap:6px}.beads{flex-wrap:nowrap;overflow:hidden;width:100%;min-width:0}.bead{width:18px;height:18px;border-radius:6px;background:var(--bg-2);border:1px solid var(--line);flex:0 0 auto;position:relative}.bead.done{background:var(--red);border-color:var(--red);box-shadow:inset 0 -4px 0 var(--red-deep)}.bead.today:not(.done){border-style:dashed;border-color:var(--ink-3)}.bead.missed{background:transparent;border-color:var(--ink-4)}.bead.missed:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:2px;background:var(--ink-4);border-radius:1px;transform:translate(-50%,-50%)}.item-tile{aspect-ratio:1;border-radius:16px;border:1.5px solid var(--ink);background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:transform .1s,box-shadow .1s;position:relative;overflow:hidden;color:var(--ink);text-decoration:none}.item-tile:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.item-tile:focus-visible{outline:2px solid var(--red);outline-offset:3px}.item-tile .jp{font-family:var(--fs-jp);font-size:42px;font-weight:700;line-height:1}.item-tile .en{font-size:11px;color:var(--ink-3);font-family:var(--fs-mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 16px)}.item-tile .srs-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%}.review-stage{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.review-stage,.review-stage.meaning{background:var(--bg)}.review-stage.reading{background:var(--panel-dark);color:var(--on-dark)}.review-stage.reading .review-hero .en{color:var(--on-dark-dim)}.review-stage.reading .review-input{background:var(--bg);color:var(--ink);border-color:var(--red)}.review-topbar{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--line);flex-wrap:nowrap}.review-progress{flex:1 1;height:6px;border-radius:999px;background:var(--line);overflow:hidden;position:relative}.review-progress .fill{position:absolute;left:0;top:0;bottom:0;background:var(--red);transition:width .3s}.review-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.review-hero .jp{font-family:var(--fs-jp);font-weight:700;font-size:clamp(80px,14vw,180px);line-height:1;letter-spacing:-.02em}.review-hero .en{letter-spacing:.22em;color:var(--ink-3);margin-top:18px}.review-hero .en,.review-hero .kind-chip{font-family:var(--fs-mono);font-size:11px;text-transform:uppercase}.review-hero .kind-chip{letter-spacing:.14em;padding:4px 12px;border-radius:999px;background:var(--red);color:#fff;font-weight:600;margin-bottom:28px}.review-input-wrap{padding:20px 24px 40px;display:flex;justify-content:center}.review-input{width:100%;max-width:680px;padding:22px 28px;border-radius:18px;border:2px solid var(--ink);background:var(--paper);font-size:24px;font-family:var(--fs-display);outline:none;text-align:center;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.review-input-row{display:flex;align-items:stretch;gap:10px;width:100%}.review-input-row .review-input{flex:1 1;min-width:0}.review-submit-btn{all:unset;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:64px;border-radius:18px;border:2px solid var(--ink);background:var(--red);color:#fff;box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .08s,background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.review-submit-btn:active{transform:translate(2px,2px) scale(.98);box-shadow:1px 1px 0 var(--ink)}.review-submit-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.review-submit-btn:focus-visible{outline:2px solid var(--red);outline-offset:3px}.review-stage.reading .review-submit-btn{background:var(--red);color:#fff;border-color:var(--ink)}@media (max-width:640px){.review-submit-btn{width:52px;border-radius:14px;box-shadow:2px 2px 0 var(--ink)}}.review-input.correct{border-color:#3a7f3a;box-shadow:3px 3px 0 #3a7f3a;background:#e6f1e6;color:#1e4a1e}.review-input.wrong{border-color:var(--red);box-shadow:3px 3px 0 var(--red);background:var(--red-soft);color:var(--red-deep)}.forecast{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:6px;gap:6px;align-items:end;height:120px}.forecast-scroll{width:100%}.forecast .bar{background:var(--ink);border-radius:6px 6px 0 0;min-height:4px;position:relative}.forecast .bar.now{background:var(--red)}.forecast .bar .n{position:absolute;top:-18px;left:50%;transform:translateX(-50%);color:var(--ink-3)}.forecast .bar .n,.forecast-x{font-family:var(--fs-mono);font-size:10px}.forecast-x{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:6px;gap:6px;margin-top:8px;color:var(--ink-4);text-align:center}@media (max-width:1280px){.dashboard-grid{grid-template-columns:1fr}.daily-ritual-card{flex-direction:column;align-items:stretch!important}.daily-ritual-card .streak-ring{--size:140px;align-self:center}.daily-ritual-card>.col{width:100%;min-width:0}.forecast-card .forecast,.forecast-card .forecast-x{min-width:0}}.srs-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.srs-cell{padding:18px;border-radius:16px;border:1.5px solid var(--ink);background:var(--paper);cursor:pointer;transition:transform .1s,box-shadow .1s}.srs-cell:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.srs-cell:focus-visible{outline:2px solid var(--red);outline-offset:3px}.srs-cell .n{font-family:var(--fs-display);font-size:42px;font-weight:800;line-height:1}.srs-cell .k{font-family:var(--fs-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-top:6px}.srs-cell .bar{height:4px;border-radius:999px;background:currentColor;margin-top:12px;width:40px}.landing{min-height:100vh;background:var(--bg);color:var(--ink)}.landing-nav{display:flex;align-items:center;gap:16px;padding:24px 48px;max-width:1440px;margin:0 auto;flex-wrap:wrap}.landing-nav .brand{padding:0}.landing-hero{max-width:1440px;margin:0 auto;padding:40px 48px 80px;display:grid;grid-template-columns:1.1fr 1fr;grid-gap:60px;gap:60px;align-items:center;position:relative}.landing-hero h1{font-size:clamp(56px,7vw,96px)}.landing-hero h1 em{color:var(--red);font-family:var(--fs-display);font-style:italic}.landing-hero .lede{font-size:18px;color:var(--ink-2);max-width:520px;margin:24px 0 36px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--red-soft);color:var(--red-deep);font-family:var(--fs-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px}.landing-hero .art{position:relative;aspect-ratio:1;border-radius:36px;background:var(--panel-dark);overflow:hidden;display:grid;place-items:center;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--red);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.landing-hero .art:hover{transform:translate(-4px,-4px);box-shadow:20px 20px 0 var(--red)}.landing-hero .art .k{font-size:clamp(180px,28vw,400px);color:var(--red);line-height:1}.landing-hero .art .k,.landing-hero .art .stamp{font-family:var(--fs-jp);font-weight:900;-webkit-user-select:none;-moz-user-select:none;user-select:none}.landing-hero .art .stamp{position:absolute;bottom:32px;right:32px;width:90px;height:90px;border:2px solid var(--red);border-radius:18px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:28px;transform:rotate(-8deg);box-shadow:4px 4px 0 rgba(0,0,0,.2)}.landing-strip{background:var(--panel-dark);color:var(--on-dark);padding:80px 48px}.landing-strip .inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:40px;gap:40px}.landing-strip h3{color:var(--on-dark);font-family:var(--fs-display);font-size:28px;letter-spacing:-.02em;margin-bottom:12px}.landing-strip .big{font-family:var(--fs-jp);font-size:80px;font-weight:900;color:var(--red);line-height:1;margin-bottom:18px}.landing-wide{max-width:1100px;margin:0 auto}.landing-stats{border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line);background:var(--bg-2);padding:0 48px}.landing-stats-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.landing-stat{padding:36px 24px;text-align:center;border-right:1.5px solid var(--line)}.landing-stat:last-child{border-right:none}.landing-stat-num{display:block;font-family:var(--fs-display);font-size:clamp(40px,5vw,60px);font-weight:900;color:var(--ink);letter-spacing:-.04em;line-height:1}.landing-stat-label{display:block;font-family:var(--fs-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);margin-top:8px}.landing-path{background:var(--bg);padding:100px 48px;text-align:center}.landing-section-title{font-family:var(--fs-display);font-size:clamp(36px,4.5vw,60px);font-weight:900;letter-spacing:-.03em;color:var(--ink);margin:12px 0 16px;line-height:1.1}.landing-section-title em{color:var(--red);font-style:italic}.landing-section-sub{font-size:17px;color:var(--ink-3);max-width:480px;margin:0 auto 56px;line-height:1.6}.landing-phases{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:32px;gap:32px;align-items:center;text-align:left}.landing-phase{border:2px solid var(--ink);border-radius:var(--r-xl);padding:40px;background:var(--paper);box-shadow:var(--hard);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}.landing-phase:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink)}.phase-badge{font-family:var(--fs-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--red-soft);color:var(--red-deep);padding:4px 12px;border-radius:999px;display:inline-block;margin-bottom:20px}.phase-badge--2{background:#e8ecf5;color:var(--indigo)}.phase-kanji{font-family:var(--fs-jp);font-size:72px;font-weight:900;color:var(--red);line-height:1;margin-bottom:16px}.landing-phase h3{font-family:var(--fs-display);font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:12px}.landing-phase p{color:var(--ink-2);font-size:15px;line-height:1.65;margin-bottom:24px}.phase-pills{display:flex;gap:8px;flex-wrap:wrap}.phase-pills span{font-family:var(--fs-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--ink-3)}.landing-phase-arrow{font-family:var(--fs-display);font-size:40px;color:var(--ink-4);line-height:1}.phase-skip{margin-top:32px;border:2px solid var(--ink);border-radius:var(--r-xl);background:var(--paper);box-shadow:6px 6px 0 var(--indigo);display:grid;grid-template-columns:auto 1fr;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}.phase-skip:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--indigo)}.phase-skip-left{padding:40px 48px;background:#edf0f8;border-right:2px solid var(--ink);display:flex;align-items:center;justify-content:center}[data-theme=dark] .phase-skip-left{background:rgba(43,58,103,.25)}.phase-skip-kanji{font-family:var(--fs-jp);font-size:96px;font-weight:900;color:var(--indigo);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.phase-skip-right{padding:36px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;text-align:left}.phase-skip-tag{display:inline-block;font-family:var(--fs-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo);background:#e8ecf5;padding:3px 10px;border-radius:999px;margin-bottom:14px}.phase-skip-right h3{font-family:var(--fs-display);font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:10px}.phase-skip-right p{font-size:15px;color:var(--ink-2);line-height:1.65;margin-bottom:24px;max-width:520px}@media (max-width:680px){.phase-skip{grid-template-columns:1fr}.phase-skip-left{padding:28px;border-right:none;border-bottom:2px solid var(--ink)}.phase-skip-kanji{font-size:64px}.phase-skip-right{padding:28px}}@media (max-width:640px){.method-tiers{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;max-width:320px;margin-left:auto;margin-right:auto}.method-tier-arrow{display:none}.method-tier{text-align:center;justify-content:center}.method-tier:last-child{grid-column:1/-1}}.landing-preview{background:var(--bg-2);padding:100px 48px;text-align:center;border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line)}.landing-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;text-align:left}.landing-card{border:2px solid var(--ink);border-radius:var(--r-lg);padding:28px 24px;background:var(--paper);box-shadow:var(--hard);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}.landing-card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink)}.lcard-type{font-family:var(--fs-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--red-soft);color:var(--red-deep);padding:3px 10px;border-radius:999px;display:inline-block;margin-bottom:18px}.lcard-type--kata{background:#f0f5e8;color:var(--moss)}.lcard-type--kanji{background:#e8ecf5;color:var(--indigo)}.lcard-type--vocab{background:var(--amber-soft);color:var(--amber)}.lcard-char{font-family:var(--fs-jp);font-size:64px;font-weight:900;color:var(--ink);line-height:1;margin-bottom:14px}.lcard-char--vocab{font-size:46px}.lcard-reading{font-family:var(--fs-jp);font-size:14px;color:var(--red);font-weight:600;margin-bottom:6px}.lcard-meaning{font-family:var(--fs-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.landing-method{background:var(--panel-dark);padding:100px 48px;text-align:center}.landing-method,.landing-section-title--dark{color:var(--on-dark)}.landing-section-sub--dark{color:var(--on-dark-muted)}.pill--dark{background:hsla(44,43%,93%,.1);color:var(--on-dark);border:1px solid hsla(44,43%,93%,.2)}.method-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;grid-gap:24px;gap:24px;align-items:start;text-align:left;margin-bottom:56px}.method-step{padding:32px;border:1.5px solid hsla(44,43%,93%,.1);border-radius:var(--r-lg);background:hsla(0,0%,100%,.04)}.method-num{font-family:var(--fs-mono);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--red);margin-bottom:12px}.method-kanji{font-family:var(--fs-jp);font-size:52px;font-weight:900;color:var(--on-dark);line-height:1;margin-bottom:16px}.method-step h4{font-family:var(--fs-display);font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--on-dark);margin-bottom:10px}.method-step p{font-size:14px;color:var(--on-dark-muted);line-height:1.65}.method-step-divider{width:1px;background:hsla(44,43%,93%,.1);align-self:stretch;margin-top:20px}.method-tiers{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.method-tier{padding:10px 18px;border-radius:10px;font-family:var(--fs-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;border:1.5px solid hsla(0,0%,100%,.15)}.method-tier-arrow{color:var(--on-dark-dim);font-size:18px;font-family:var(--fs-display)}.landing-cta-section{background:var(--bg);padding:120px 48px;text-align:center;border-top:1.5px solid var(--line);position:relative;overflow:hidden}.landing-cta-bg{font-family:var(--fs-jp);font-size:480px;font-weight:900;color:var(--red-soft);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.landing-cta-title{font-family:var(--fs-display);font-size:clamp(40px,5.5vw,80px);font-weight:900;letter-spacing:-.03em;color:var(--ink);line-height:1.1;margin-bottom:20px}.landing-cta-title em{color:var(--red);font-style:italic}.landing-cta-sub{font-size:18px;color:var(--ink-3);margin-bottom:36px}.landing-cta-jp{font-family:var(--fs-jp);font-size:16px;color:var(--ink-4);margin-top:28px;letter-spacing:.12em}@media (max-width:980px){.landing-stats{padding:0 24px}.landing-stats-inner{grid-template-columns:repeat(2,1fr)}.landing-stat:nth-child(2){border-right:none}.landing-stat:nth-child(3){border-top:1.5px solid var(--line)}.landing-cta-section,.landing-method,.landing-path,.landing-preview{padding:72px 24px}.landing-phases{grid-template-columns:1fr}.landing-phase-arrow{display:none}.landing-cards{grid-template-columns:repeat(2,1fr)}.method-steps{grid-template-columns:1fr}.method-step-divider{display:none}.landing-cta-bg{font-size:260px;opacity:.6}}@media (max-width:600px){.landing-cards{grid-template-columns:1fr 1fr}}.lesson-card{max-width:900px;margin:0 auto;width:100%;padding:clamp(16px,3vw,32px);border:1.5px solid var(--ink);border-radius:var(--r-lg);background:var(--paper);display:flex;flex-direction:column;gap:24px}.lesson-card .btn.primary{align-self:center;margin-top:12px}.mnemonic{padding:20px 24px;color:var(--ink);font-family:var(--fs-display);font-size:18px;line-height:1.5;font-style:italic}.mnemonic b{font-style:normal;font-weight:700}ruby{ruby-align:center}rt{font-size:.5em;font-family:var(--fs-jp);color:var(--ink-3);font-weight:400}.spinner{width:28px;height:28px;border:2px solid var(--line);animation:spin .7s linear infinite;flex-shrink:0}.loading-state{color:var(--ink-4);font-family:var(--fs-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.75)}65%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{opacity:0;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.anim-scale-in{opacity:0;animation:scaleIn .38s cubic-bezier(.16,1,.3,1) forwards}.anim-slide-up{opacity:0;animation:slideUp .35s cubic-bezier(.16,1,.3,1) forwards}.anim-pop-in{opacity:0;animation:popIn .42s cubic-bezier(.16,1,.3,1) forwards}.anim-fade-in{opacity:0;animation:fadeIn .3s ease forwards}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:16px;color:var(--ink-3)}@keyframes skShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.dashboard-skeleton{animation:fadeIn .18s ease forwards}.sk{background:linear-gradient(90deg,var(--line-2) 0,var(--line) 50%,var(--line-2) 100%);background-size:600px 100%;animation:skShimmer 1.4s cubic-bezier(.4,0,.2,1) infinite;border-radius:8px;display:block}.sk-line{border-radius:6px}.sk-btn{width:132px;height:42px;border-radius:999px}.sk-btn-primary{width:168px}.sk-card{width:100%;border-radius:14px}.sk-hero{height:220px}@media (max-width:720px){.sk-btn{width:96px;height:38px}.sk-btn-primary{width:128px}.sk-hero{height:180px}}@media (prefers-reduced-motion:reduce){.dashboard-skeleton,.sk{animation:none}}.spinner{width:24px;height:24px;border:3px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}.d-1{animation-delay:.08s}.d-2{animation-delay:.14s}.d-3{animation-delay:.2s}.d-4{animation-delay:.26s}.d-5{animation-delay:.32s}@media (max-width:980px){.app{grid-template-columns:1fr}.sidebar{display:none}.main{padding:24px 20px 48px}.dashboard-grid,.landing-hero{grid-template-columns:1fr}.landing-hero{padding:48px 24px;text-align:center;gap:40px}.landing-hero .content{order:1}.landing-hero .art{order:0;max-width:400px;margin:0 auto}.landing-hero .lede{margin:24px auto 36px}.landing-hero .row{justify-content:center}.landing-nav{padding:20px 24px}.landing-strip .inner{grid-template-columns:1fr}.hero-banner .giant-kanji{font-size:220px;right:-12px;bottom:-56px;opacity:.15}.account-status-row,.dashboard-section-head,.dashboard-topbar,.lesson-topbar,.level-header,.levels-header{align-items:flex-start!important}.dashboard-section-head,.dashboard-topbar>div:last-child,.lesson-topbar>div:last-child,.levels-header>div:last-child{width:100%}.account-grid{grid-template-columns:1fr}.account-status-row{justify-content:flex-start}.level-progress-row{align-items:flex-start;gap:12px}.level-progress-bar{width:100%;max-width:none!important;margin:0!important}.level-progress-count{width:100%}.auth-shell{flex-direction:column}.auth-pane{padding:32px 20px}.auth-card{max-width:520px;padding:32px 24px}.editorial-panel{display:none}.srs-grid{grid-template-columns:repeat(2,1fr)}.grid-cols-main,.grid.g2,.grid.g3,.grid.g4{grid-template-columns:1fr}}@media (max-width:480px){.srs-grid{grid-template-columns:1fr}.main{padding:16px 14px 36px}.account-grid .btn,.auth-submit,.dashboard-topbar .btn,.hero-banner .btn,.landing-hero .btn{width:100%;justify-content:center}.lesson-card .btn.primary{width:auto;max-width:100%;align-self:center;padding:10px 16px;font-size:13px;white-space:normal;text-align:center;margin-top:8px}.landing-nav{justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:14px 20px}.landing-nav .brand{padding:0}.landing-nav>div:last-child{width:auto!important;margin-left:0;flex-shrink:0;gap:8px}.landing-nav .btn.sm{padding:6px 12px;font-size:12px}.dashboard-section-head,.dashboard-topbar>div:last-child,.landing-hero .row,.landing-nav>div:last-child,.lesson-topbar>div:last-child,.levels-header>div:last-child{width:100%}.landing-hero{padding:32px 16px 56px;gap:28px}.landing-hero .art{max-width:min(100%,320px);border-radius:24px;box-shadow:8px 8px 0 var(--red)}.landing-hero .art .stamp{width:68px;height:68px;font-size:20px;right:18px;bottom:18px}.landing-strip{padding:56px 16px}.hero-banner{padding:22px}.hero-banner .giant-kanji{font-size:160px;right:-8px;bottom:-40px}.item-tile .jp{font-size:34px}.review-topbar{padding:10px 12px;gap:10px}.review-input-wrap{padding:16px 16px 32px}.review-input{padding:18px 16px;font-size:20px}.review-hero{padding:28px 16px}.review-hero .kind-chip{margin-bottom:18px}.forecast-card{overflow:hidden}.forecast-scroll{overflow-x:auto;padding-bottom:4px}.forecast,.forecast-x{min-width:420px}.forecast{gap:4px;height:100px}.forecast-x{gap:4px;font-size:9px}.auth-pane{padding:20px 14px}.auth-card{padding:24px 18px}.auth-card .brand{flex-wrap:wrap;justify-content:center}.auth-footer{flex-direction:column;gap:4px}}@media (min-width:1440px){.main{max-width:1320px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr)}}.mnemonic{background:var(--red-soft);border-left:4px solid var(--red);padding:24px;border-radius:14px;margin:32px 0;line-height:1.6}.mnemonic b{color:var(--red-deep);font-weight:800}.journey-phase-head{margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:24px}.journey-phase-meter{margin-top:16px;display:flex;flex-direction:column;gap:8px}.meter-track{height:10px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;overflow:hidden}.meter-track.sm{height:6px}.meter-fill{height:100%;background:var(--red);transition:width .9s cubic-bezier(.16,1,.3,1)}.meter-labels{font-family:var(--fs-mono);font-size:11px;color:var(--ink-3);letter-spacing:.04em}.journey-objective{background:var(--panel-dark);color:var(--on-dark);border-color:var(--panel-dark);padding:24px;margin-bottom:32px}.journey-objective h3{color:var(--on-dark);font-size:28px}.journey-objective .muted{color:var(--on-dark-muted)}.journey-objective-medallion{width:96px;height:96px;flex-shrink:0;border-radius:24px;background:var(--red);color:#fff;display:grid;place-items:center;font-family:var(--fs-jp);font-size:56px;font-weight:900;box-shadow:inset 0 -6px 0 var(--red-deep),4px 4px 0 rgba(0,0,0,.25);transform:rotate(-4deg)}.journey-objective-medallion .jp{white-space:nowrap}.journey-objective-medallion .jp.jp-multi{font-size:42px}.journey-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);grid-gap:40px;gap:40px;align-items:start}.journey-path-col{min-width:0}.journey-detail-col{position:-webkit-sticky;position:sticky;top:16px}@media (max-width:980px){.journey-workspace{grid-template-columns:1fr}.journey-detail-col{position:static}}.journey-path{list-style:none;margin:0;padding:40px 0 60px;position:relative}.path-node{position:relative;height:140px;opacity:0;animation:fadeUp .5s cubic-bezier(.16,1,.3,1) forwards}.path-node .node-button{all:unset;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:14px;padding:8px 14px 8px 8px;border-radius:999px;transition:transform .18s cubic-bezier(.175,.885,.32,1.275)}.path-node.side-left .node-button{left:6%;flex-direction:row}.path-node.side-right .node-button{right:6%;flex-direction:row-reverse;text-align:right}.path-node .node-button:hover{transform:translateY(-50%) scale(1.04)}.path-node .node-button:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:999px}.node-badge{width:72px;height:72px;border-radius:50%;border:3px solid var(--ink);background:var(--paper);display:grid;place-items:center;font-family:var(--fs-jp);font-size:34px;font-weight:900;color:var(--ink);flex-shrink:0;box-shadow:0 6px 0 var(--ink),0 10px 24px -8px rgba(20,19,18,.45);position:relative;transition:transform .2s,box-shadow .2s}.node-k{white-space:nowrap}.node-label{display:flex;flex-direction:column;gap:2px;font-family:var(--fs-ui)}.node-level-num{font-family:var(--fs-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);font-weight:700}.node-level-title{font-family:var(--fs-display);font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.1}.node-level-meta{font-family:var(--fs-mono);font-size:11px;color:var(--ink-3)}.path-node.locked .node-button{cursor:not-allowed}.path-node.locked .node-badge{border-color:var(--ink-4);color:var(--ink-4);background:var(--bg-2);box-shadow:0 4px 0 var(--ink-4)}.path-node.locked .node-level-meta,.path-node.locked .node-level-num,.path-node.locked .node-level-title{color:var(--ink-4)}.path-node.locked .node-button:hover{transform:translateY(-50%)}.path-node.unlocked .node-badge{background:var(--paper)}.path-node.active .node-badge{border-color:var(--red);color:var(--red);background:var(--paper);box-shadow:0 6px 0 var(--red-deep),0 10px 24px -4px rgba(200,50,42,.45)}.node-pulse{position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--red);pointer-events:none;animation:pulseRing 2.2s cubic-bezier(.4,0,.6,1) infinite}.node-you-are-here{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);font-family:var(--fs-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--red);background:var(--paper);padding:4px 10px;border-radius:999px;border:1.5px solid var(--red);white-space:nowrap;z-index:3}.path-node.pending .node-badge{border-color:var(--amber);color:var(--amber);background:var(--paper);box-shadow:0 6px 0 var(--amber),0 10px 22px -6px rgba(184,101,31,.32)}.path-node.pending .node-level-title{color:var(--ink-2)}.path-node.conquered .node-badge{border-color:var(--gold);color:var(--gold);background:linear-gradient(135deg,var(--paper),var(--bg-2));box-shadow:0 6px 0 var(--gold),0 12px 24px -6px rgba(196,154,58,.4)}.path-node.conquered .node-seal{position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--paper);display:grid;place-items:center;border:2px solid var(--paper)}.path-node.conquered .node-level-title{color:var(--ink)}.path-node.selected .node-badge{transform:scale(1.06)}.journey-path-svg{position:absolute;top:0;left:0;pointer-events:none;z-index:0;overflow:visible}.path-seg{fill:none;stroke-width:2.5;stroke-linecap:round;transition:stroke .3s ease,opacity .3s ease}.path-seg.state-locked{stroke:var(--ink-4);opacity:.45;stroke-dasharray:4 8}.path-seg.state-unlocked{stroke:var(--ink-3);opacity:.55}.path-seg.state-pending{stroke:var(--amber);opacity:.75;stroke-width:2.5}.path-seg.state-active{stroke:var(--red);opacity:.85;stroke-width:3}.path-seg.state-conquered{stroke:var(--gold);opacity:.9;stroke-width:3}.path-node{z-index:1}.path-milestone{list-style:none;margin:18px 0;padding:14px 20px;border:1.5px dashed var(--ink);border-radius:16px;background:var(--bg-2);text-align:center;font-family:var(--fs-display);font-weight:800;position:relative;z-index:2}.path-milestone .eyebrow{display:block;margin-bottom:4px}.path-end{list-style:none;position:relative;padding-top:28px;display:flex;justify-content:center;z-index:2}.path-end-badge{display:flex;align-items:center;gap:10px;padding:12px 20px;border:1.5px solid var(--red);border-radius:999px;background:var(--red-soft);color:var(--red-deep);font-family:var(--fs-mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.journey-detail-card{padding:22px;display:flex;flex-direction:column;gap:16px}.journey-detail-emblem{font-family:var(--fs-jp);font-size:56px;font-weight:900;color:var(--red);line-height:1}.journey-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));grid-gap:10px;gap:10px;max-height:280px;overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);scrollbar-width:thin;scrollbar-color:var(--ink-4) transparent;scrollbar-gutter:stable}.journey-detail-grid::-webkit-scrollbar{width:8px}.journey-detail-grid::-webkit-scrollbar-track{background:transparent;margin:6px 0}.journey-detail-grid::-webkit-scrollbar-thumb{background:var(--ink-4);border-radius:999px;border:2px solid var(--bg-2)}.journey-detail-grid::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.detail-tile{border-radius:10px;background:var(--paper);border:1px solid var(--line);font-family:var(--fs-jp);font-weight:700;position:relative;overflow:hidden;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:78px}.detail-tile .jp{line-height:1}.detail-tile .en,.detail-tile .jp{white-space:nowrap;max-width:100%;text-align:center}.detail-tile .en{font-family:var(--fs-ui);font-size:10px;font-weight:600;color:var(--ink-3);line-height:1.1;overflow:hidden;text-overflow:ellipsis;text-transform:lowercase}.detail-tile.rank-locked{opacity:.45;border-style:dashed}.detail-tile .rank-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:currentColor}.detail-tile.rank-recruit .rank-dot{background:var(--srs-recruit)}.detail-tile.rank-hunter .rank-dot{background:var(--srs-hunter)}.detail-tile.rank-slayer .rank-dot{background:var(--srs-slayer)}.detail-tile.rank-warlord .rank-dot{background:var(--srs-warlord)}.detail-tile.rank-immortal .rank-dot{background:var(--srs-immortal)}.journey-rank-key{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line)}.rank-key-row{display:inline-flex;align-items:center;gap:6px;font-family:var(--fs-mono);font-size:11px;font-weight:600;padding:5px 12px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);letter-spacing:.04em}.rank-key-row .rank-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.journey-detail-locked{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;color:var(--ink-4);text-align:center}.journey-legend{margin-top:40px;padding:24px;background:var(--bg-2);border:1px dashed var(--line)}.legend-item{display:flex;gap:14px;align-items:flex-start}.legend-node{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:2.5px solid var(--ink);background:var(--paper);display:grid;place-items:center;color:var(--ink)}.legend-node.locked{border-color:var(--ink-4);color:var(--ink-4);background:var(--bg-2)}.legend-node.active{border-color:var(--red);background:var(--paper);box-shadow:0 0 0 4px rgba(200,50,42,.18)}.legend-node.pending{border-color:var(--amber);color:var(--amber);background:var(--paper);box-shadow:0 0 0 4px rgba(184,101,31,.16)}.legend-node.conquered{border-color:var(--gold);color:var(--gold)}.chamber-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}.chamber-header h1{font-size:44px;letter-spacing:-.02em;line-height:1.05;margin-top:6px}.chamber-header .chamber-kanji{font-family:var(--fs-jp);font-weight:900;color:var(--red);margin-right:10px}.chamber-rank-key{margin-bottom:24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.chamber-rank-key h4{margin:0;flex-shrink:0}.chamber-rank-key .rank-key-grid{display:flex;flex-wrap:wrap;gap:8px}.chamber-item-tile{aspect-ratio:1;border-radius:16px;border:1.5px solid var(--ink);background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;position:relative;transition:transform .1s,box-shadow .1s;cursor:pointer;color:var(--ink)}@media (hover:hover){.chamber-item-tile:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}}.chamber-item-tile:active{transform:scale(.97);transition:transform .08s}.chamber-item-tile .jp{font-family:var(--fs-jp);font-size:44px;font-weight:800;line-height:1;white-space:nowrap}.chamber-item-tile .en{font-size:11px;font-weight:600;color:var(--ink-2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 16px)}.chamber-item-tile .rank-chip{font-family:var(--fs-mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-2)}.chamber-item-tile.rank-locked{opacity:.5}.chamber-item-tile.rank-locked .rank-chip{color:var(--ink-4)}.chamber-item-tile.rank-recruit .rank-chip{background:color-mix(in srgb,var(--srs-recruit) 18%,transparent);border-color:var(--srs-recruit);color:var(--srs-recruit)}.chamber-item-tile.rank-hunter .rank-chip{background:color-mix(in srgb,var(--srs-hunter) 18%,transparent);border-color:var(--srs-hunter);color:var(--srs-hunter)}.chamber-item-tile.rank-slayer .rank-chip{background:color-mix(in srgb,var(--srs-slayer) 18%,transparent);border-color:var(--srs-slayer);color:var(--srs-slayer)}.chamber-item-tile.rank-warlord .rank-chip{background:color-mix(in srgb,var(--srs-warlord) 18%,transparent);border-color:var(--srs-warlord);color:var(--srs-warlord)}.chamber-item-tile.rank-immortal .rank-chip{background:color-mix(in srgb,var(--srs-immortal) 18%,transparent);border-color:var(--srs-immortal);color:var(--srs-immortal)}.chamber-end-card{margin-top:32px;padding:28px;text-align:center;background:linear-gradient(135deg,var(--red-soft),var(--bg-2));border:1.5px solid var(--red);border-radius:18px}.chamber-end-card h3{margin-bottom:8px}.item-detail-topbar{margin-bottom:20px;display:flex;align-items:center;gap:12px}.item-detail-layout{display:grid;grid-template-columns:300px 1fr;grid-gap:20px;gap:20px;align-items:stretch;margin-bottom:20px}@media (max-width:700px){.item-detail-layout{grid-template-columns:1fr}}.item-detail-hero{border-radius:var(--r-lg);padding:28px 22px;display:flex;flex-direction:column;align-items:center;color:#fff;position:relative;box-shadow:inset 0 0 0 1.5px hsla(0,0%,100%,.14)}.item-detail-hero-top{width:100%;text-align:center;padding-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.12);margin-bottom:4px}.item-detail-hero-middle{flex:1 1;justify-content:center;gap:6px;padding:16px 0}.item-detail-hero-bottom,.item-detail-hero-middle{display:flex;flex-direction:column;align-items:center;width:100%}.item-detail-hero-bottom{gap:10px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.12);margin-top:4px}.item-detail-type-label{font-family:var(--fs-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.item-detail-character{font-weight:900;line-height:1;text-shadow:0 6px 32px rgba(0,0,0,.22)}.item-detail-character,.item-detail-hero-reading{font-family:var(--fs-jp);color:#fff;white-space:nowrap}.item-detail-hero-reading{font-size:22px;font-weight:600;opacity:.9}.item-detail-hero-romaji{font-family:var(--fs-mono);font-size:11px;font-weight:700;letter-spacing:.15em;color:#fff;opacity:.6}.item-detail-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.item-detail-badge{font-family:var(--fs-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.28);color:#fff}.item-detail-info{display:flex;flex-direction:column;gap:12px}.item-detail-card{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--lift)}.item-detail-card .eyebrow{margin-bottom:6px}.item-detail-primary{font-family:var(--fs-display);font-size:36px;font-weight:700;line-height:1.1;margin-bottom:6px}.item-detail-also{font-size:13px;color:var(--ink-3);margin-top:2px}.item-detail-reading-main{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.item-detail-reading-big{font-size:32px;font-weight:700;line-height:1.2}.item-detail-reading-rom{font-size:14px;font-family:var(--fs-mono)}.item-detail-card-split{display:flex;gap:24px;flex-wrap:wrap}.item-detail-card-col{flex:1 1;min-width:120px}.item-detail-next-review{font-size:24px}.item-detail-accuracy,.item-detail-next-review{font-family:var(--fs-display);font-weight:700;margin-bottom:4px}.item-detail-accuracy{font-size:28px}.item-detail-section{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--lift);margin-bottom:12px}.item-detail-mnemonic{background:var(--red-soft);border:1px solid color-mix(in srgb,var(--red) 25%,transparent);border-radius:var(--r-sm);padding:16px 20px;font-style:italic;line-height:1.7;font-size:15px;color:var(--ink-2)}.item-detail-mnemonic b{font-weight:700;font-style:normal;color:var(--red-deep)}.item-detail-sentence-card{background:var(--bg-2);border-radius:var(--r-sm);padding:16px 20px}.item-detail-sentence-translation{margin-top:8px;font-style:italic;color:var(--ink-3);font-size:14px}.item-detail-srs-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.item-detail-srs-pip{width:28px;height:8px;border-radius:4px;background:var(--line);transition:background .2s}.item-detail-srs-pip[data-filled=true]{background:var(--red)}@keyframes pulseRing{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.55);opacity:0}to{transform:scale(1.55);opacity:0}}@media (prefers-reduced-motion:reduce){.path-node{animation:none;opacity:1}.path-node.active .node-pulse{animation:none;display:none}}@media (max-width:640px){.journey-path{padding:28px 0 48px}.path-node{height:120px}.node-badge{width:60px;height:60px;font-size:28px}.node-level-title{font-size:16px}.path-node.side-left .node-button{left:4%}.path-node.side-right .node-button{right:4%}.journey-objective-medallion{width:72px;height:72px;font-size:40px}.chamber-header{flex-direction:column;gap:16px}.chamber-header h1{font-size:32px}}*{-webkit-overflow-scrolling:touch}@media (max-width:980px){body,html{overflow-x:hidden}}h3{font-size:clamp(18px,4.5vw,22px)}@media (max-width:640px){.eyebrow{font-size:12px;letter-spacing:.12em}}@media (max-width:480px){.chip,.pill{font-size:12px;padding:6px 10px}}@media (max-width:980px){.input{font-size:16px}}.show-on-mobile{display:none}@media (max-width:480px){.hide-on-mobile{display:none}.show-on-mobile{display:inline}}.modal-overlay{position:fixed;inset:0;background:#141312cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto}.modal-card{width:100%;max-width:520px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:clamp(24px,5vw,48px)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:8px;z-index:1000;padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));height:calc(60px + env(safe-area-inset-top));transition:background .3s ease,box-shadow .3s ease,border-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease,box-shadow .3s ease,border-color .3s ease;transition:background .3s ease,backdrop-filter .3s ease,box-shadow .3s ease,border-color .3s ease,-webkit-backdrop-filter .3s ease}.mobile-header.scrolled{background:var(--bg-alpha);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px rgba(0,0,0,.05);border-bottom-color:transparent}.mobile-header .brand{padding:0;margin:0 auto 0 12px}.mobile-user-wrap{position:relative;margin-left:auto}.mobile-user-menu{position:absolute;top:calc(100% + 10px);right:max(16px,env(safe-area-inset-right));min-width:min(220px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:8px;display:flex;flex-direction:column;gap:4px}.mobile-user-action{all:unset;display:flex;align-items:center;gap:10px;padding:14px 12px;min-height:44px;border-radius:10px;cursor:pointer;color:var(--ink)}@media (hover:hover){.mobile-user-action:hover{background:var(--bg-2)}}.mobile-user-action:active{background:var(--bg-2)}.mobile-user-action.danger,.mobile-user-action.danger svg{color:var(--red)}.user-avatar{width:32px;height:32px;border-radius:8px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800;font-family:var(--fs-display);border:none;cursor:pointer}.mobile-menu-btn{width:44px;height:44px;display:none;align-items:center;justify-content:center;border-radius:10px;background:transparent;border:1.5px solid transparent;color:var(--ink);cursor:pointer;padding:0}.mobile-menu-btn:active{background:var(--bg-2)}.mobile-nav-drawer,.mobile-nav-scrim{display:none}.mobile-nav-drawer-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center}@media (max-width:980px){.mobile-header{display:flex}.mobile-menu-btn{display:inline-flex}.main-wrap:not(.wide){padding-top:calc(60px + env(safe-area-inset-top))}.user-avatar{width:40px;height:40px;border-radius:10px}.mobile-nav-drawer{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:min(86vw,320px);max-width:320px;background:var(--paper);border-right:1.5px solid var(--line);padding:calc(env(safe-area-inset-top) + 16px) 16px max(16px,env(safe-area-inset-bottom));transform:translateX(-100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);z-index:1100;overflow-y:auto;overscroll-behavior:contain}.mobile-nav-drawer.open{transform:translateX(0)}.mobile-nav-scrim{display:block;position:fixed;inset:0;background:#14131288;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1090;opacity:0;pointer-events:none;transition:opacity .2s}.mobile-nav-scrim.open{opacity:1;pointer-events:auto}.mobile-nav-drawer .nav a,.mobile-nav-drawer .nav button{padding:14px;min-height:44px}.btn{padding:10px 16px}.btn,.btn.sm{font-size:13px;min-height:0}.btn.sm{padding:8px 14px}}@media (max-width:480px){.dashboard-topbar>div:last-child{flex-direction:column;align-items:stretch;width:100%;gap:8px}.dashboard-topbar>div:last-child>.btn{width:100%;justify-content:center}.btn,.btn.primary{box-shadow:2px 2px 0 var(--ink)}.btn:active{box-shadow:0 0 0 var(--ink)}.account-grid .btn,.auth-submit,.card.hard .btn.primary.lg,.card.hard button.btn,.card.hard>.btn,.dashboard-topbar .btn,.hero-banner .btn,.landing-hero .btn{max-width:calc(100% - 2px)}}@media (max-width:980px){.landing-hero{overflow:hidden}.landing-hero .art .k{font-size:clamp(140px,40vw,220px);right:-8px;bottom:-24px}.hero-banner .giant-kanji{max-width:100%}.forecast-scroll{overflow-x:hidden;padding-bottom:4px}.forecast,.forecast-x{min-width:0;gap:3px}.forecast-x{font-size:9px;letter-spacing:0}.forecast-card>.row.sb{flex-direction:column;align-items:flex-start;gap:10px}.forecast-card>.row.sb>.chip{align-self:flex-start}}@media (max-width:480px){.forecast,.forecast-x{min-width:0!important;gap:2px}.forecast-x>div:nth-child(2n){visibility:hidden}.mcq-grid,.srs-grid{grid-template-columns:1fr}}@media (max-width:640px){.lessons-core-grid.g2{grid-template-columns:1fr}.journey-detail-grid{grid-template-columns:repeat(auto-fill,minmax(min(60px,100%),1fr));max-height:none;overflow-y:visible}.journey-objective-medallion{width:clamp(64px,18vw,96px);height:clamp(64px,18vw,96px);font-size:clamp(36px,12vw,56px)}.journey-objective-medallion .jp.jp-multi{font-size:clamp(18px,6vw,28px)}}@media (max-width:980px){.journey-detail-col{position:static}}.journey-mobile-nav{display:none;position:fixed;bottom:max(16px,env(safe-area-inset-bottom));right:16px;flex-direction:column;gap:8px;z-index:50}.journey-mobile-nav-btn{all:unset;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);box-shadow:var(--hard);cursor:pointer}.journey-mobile-nav-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}@media (max-width:980px){.journey-mobile-nav{display:flex}}@media (min-width:640px) and (max-width:980px){.landing-strip,.landing-strip .inner{grid-template-columns:repeat(2,1fr)}.account-grid,.dashboard-grid{grid-template-columns:1fr}.srs-grid{grid-template-columns:repeat(3,1fr)}}.node-pulse{will-change:transform,opacity;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.node-pulse{animation:none}.anim-fade-up,.anim-pop-in,.anim-scale-in,.anim-slide-up,.animate-fade-up{animation:none!important}}@media (max-width:640px){.btn{white-space:normal;text-align:center;word-break:break-word;max-width:100%;min-width:0}.btn.icon-only,.btn.sm.icon-only{white-space:nowrap}}@media (max-width:980px){.btn.lg{padding:10px 16px;font-size:13px;border-radius:12px}}@media (max-width:640px){.lesson-card{gap:14px;padding:14px}.lesson-card .review-progress{margin-bottom:4px!important}.lessons-core-grid{gap:14px!important}.mnemonic{padding:14px 16px;font-size:15px}.lesson-card .jp+.btn.sm{margin-top:6px!important}.review-hero{padding:18px 16px}.review-hero .jp{font-size:clamp(56px,16vw,96px)!important}.review-hero .en{margin-top:10px;font-size:10px}.review-hero .kind-chip{margin-bottom:12px}.review-input-wrap{padding:12px 16px 24px}}@media (max-width:980px){.dashboard-section-head{align-items:center!important;flex-wrap:nowrap;width:auto}.dashboard-section-head .btn.sm{min-height:0;padding:8px 14px;font-size:13px}}@media (max-width:640px){.account-grid .btn,.account-grid .card.hard button.btn,.account-grid .card.hard>.btn,.dashboard-topbar .btn,.dashboard-topbar>div:last-child>.btn,.hero-banner .btn{width:calc(100% - 2px);max-width:calc(100% - 2px);justify-content:center;box-shadow:2px 2px 0 var(--ink);box-sizing:border-box}.account-grid .btn:active,.dashboard-topbar .btn:active,.hero-banner .btn:active{box-shadow:0 0 0 var(--ink)}.dashboard-topbar>div:last-child{flex-direction:column;align-items:stretch;gap:8px;width:100%}.lesson-topbar{flex-wrap:nowrap;align-items:flex-start!important;gap:12px}.lesson-topbar>div:last-child{width:auto!important;flex-shrink:0;align-items:center}.lesson-topbar>div:first-child{flex:1 1;min-width:0}.lesson-topbar .chip{display:none}}.session-summary{max-width:1100px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:24px}.summary-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-hero{position:relative;background:var(--panel-dark);color:var(--on-dark);border:1.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--hard);padding:48px 40px;overflow:hidden}.summary-hero:after{content:"道";position:absolute;right:32px;bottom:-40px;font-family:var(--fs-jp);font-size:clamp(200px,28vw,340px);font-weight:900;color:var(--red);opacity:.9;line-height:1;pointer-events:none;letter-spacing:-.04em}.summary-tagline{position:relative;z-index:1;font-family:var(--fs-display);font-weight:600;font-size:clamp(28px,5vw,52px);line-height:1.1;letter-spacing:-.02em;margin:0 0 36px;max-width:680px}.summary-stats{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:40px}.summary-hero .summary-stat .eyebrow{color:var(--on-dark);opacity:.75;margin-top:8px;display:block}.summary-stat-num{color:var(--on-dark);font-family:var(--fs-display);font-weight:700;font-size:clamp(40px,7vw,64px);line-height:1;letter-spacing:-.02em}.summary-stat-num.red{color:#ff7a6f}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.summary-panel{display:flex;flex-direction:column;gap:14px;min-height:200px}.summary-empty{font-size:14px;line-height:1.5;padding:8px 0}.summary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;align-items:center;gap:16px;padding:10px 4px;border-bottom:1px solid var(--line-2)}.summary-row:last-child{border-bottom:none}.summary-char{font-size:32px;font-weight:700;flex-shrink:0;min-width:44px;text-align:center;line-height:1}.summary-row-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.summary-reading{font-family:var(--fs-jp);font-size:14px;color:var(--ink-3)}.summary-rank{font-family:var(--fs-mono);font-size:13px;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px}.summary-rank strong{color:var(--red);font-weight:700}.summary-arrow{color:var(--ink-4)}.summary-meaning{font-size:13px}.summary-actions{display:flex;justify-content:center;gap:12px;margin-top:8px;flex-wrap:wrap}.summary-show-all{align-self:flex-start;margin-top:4px}@media (max-width:720px){.session-summary{padding:20px 16px 32px;gap:18px}.summary-hero{padding:32px 24px}.summary-stats{gap:24px}.summary-grid{grid-template-columns:1fr}.summary-hero:after{font-size:clamp(160px,50vw,240px);bottom:-30px;right:16px;opacity:.55}}.srs-stat-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px;margin:24px 0 32px}@media (max-width:980px){.srs-stat-row{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.srs-stat-row>*{scroll-snap-align:start}}.srs-stat-card{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:18px 20px 16px;background:var(--paper);border:1px solid var(--line);border-radius:14px;transition:transform .12s,box-shadow .12s,border-color .12s}@media (hover:hover){.srs-stat-card:hover{transform:translate(-1px,-1px);box-shadow:var(--hard);border-color:var(--ink)}}.srs-stat-card.active{border:1.5px solid var(--ink);box-shadow:var(--hard)}.srs-stat-card:focus-visible{outline:2px solid var(--red);outline-offset:3px}.srs-stat-num{font-family:var(--fs-display);font-weight:800;font-size:clamp(34px,4vw,44px);line-height:1;letter-spacing:-.03em;color:var(--rank-color,var(--ink))}.srs-stat-rule{width:28px;height:3px;border-radius:2px;background:var(--rank-color,var(--ink));margin:4px 0 6px}.srs-stat-label{text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--ink-2)}.srs-stat-interval,.srs-stat-label{font-family:var(--fs-mono);font-size:11px}.srs-stat-interval{color:var(--ink-3);margin-top:6px}.srs-stat-card[data-rank=recruit]{--rank-color:var(--srs-recruit)}.srs-stat-card[data-rank=hunter]{--rank-color:var(--srs-hunter)}.srs-stat-card[data-rank=slayer]{--rank-color:var(--srs-slayer)}.srs-stat-card[data-rank=warlord]{--rank-color:var(--srs-warlord)}.srs-stat-card[data-rank=immortal]{--rank-color:var(--srs-immortal)}.srs-subheader{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.srs-subheader h2{font-size:clamp(22px,3vw,26px);letter-spacing:-.02em;font-weight:800}.srs-controls{gap:10px}.srs-controls,.srs-search{display:flex;align-items:center}.srs-search{gap:8px;background:var(--bg-2);border-radius:999px;padding:8px 14px;border:1px solid transparent;min-width:220px}.srs-search:focus-within{border-color:var(--ink)}.srs-search input{all:unset;flex:1 1;font-size:13px;color:var(--ink);font-family:var(--fs-ui)}.srs-search input::placeholder{color:var(--ink-4)}.srs-search svg{color:var(--ink-3);width:14px;height:14px}.srs-view-toggle{display:inline-flex;background:var(--bg-2);border-radius:999px;padding:4px}.srs-view-toggle button{all:unset;cursor:pointer;padding:6px 16px;font-size:13px;font-weight:600;color:var(--ink-3);border-radius:999px;font-family:var(--fs-ui)}.srs-view-toggle button.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}.srs-view-toggle button:focus-visible{outline:2px solid var(--red);outline-offset:2px}.srs-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px}.srs-list{display:flex;flex-direction:column;gap:8px}.srs-list-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;grid-gap:16px;gap:16px;padding:14px 18px;border:1.5px solid var(--ink);border-radius:14px;background:var(--paper);cursor:pointer;transition:transform .1s,box-shadow .1s;color:var(--ink);text-decoration:none}@media (hover:hover){.srs-list-row:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}}.srs-list-jp{font-family:var(--fs-jp);font-size:32px;font-weight:700;line-height:1}.srs-list-meta{min-width:0}.srs-list-meaning{font-weight:600;font-size:14.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srs-list-reading{font-family:var(--fs-jp);font-size:13px;color:var(--ink-3)}.srs-list-rank{display:flex;align-items:center;gap:8px}.srs-list-row[data-rank=recruit] .srs-dot{background:var(--srs-recruit)}.srs-list-row[data-rank=hunter] .srs-dot{background:var(--srs-hunter)}.srs-list-row[data-rank=slayer] .srs-dot{background:var(--srs-slayer)}.srs-list-row[data-rank=warlord] .srs-dot{background:var(--srs-warlord)}.srs-list-row[data-rank=immortal] .srs-dot{background:var(--srs-immortal)}.srs-list-rank .srs-dot{position:static;width:10px;height:10px;border-radius:50%}@media (max-width:640px){.srs-subheader{gap:10px}.srs-controls{width:100%;gap:8px}.srs-search{min-width:0;flex:1 1}.srs-view-toggle{display:none}.srs-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px}.item-tile{border-radius:12px}.item-tile .jp{font-size:28px}.item-tile .en{font-size:9.5px;letter-spacing:.06em}.item-tile .srs-dot{top:6px;right:6px;width:7px;height:7px}.srs-list-row{grid-template-columns:56px 1fr;grid-template-rows:auto auto}.srs-list-rank{grid-column:2;justify-self:start}}.card-note-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--fs-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink-3);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,color .12s ease,border-color .12s ease}.card-note-btn svg{display:block;flex-shrink:0}@media (hover:hover){.card-note-btn:hover{color:var(--ink);border-color:var(--ink-2);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}}.card-note-btn[data-has-note=yes]{background:var(--red-soft);color:var(--red-deep);border-color:var(--red)}@media (hover:hover){.card-note-btn[data-has-note=yes]:hover{box-shadow:2px 2px 0 var(--red)}}[data-theme=dark] .card-note-btn[data-has-note=yes]{background:transparent;color:var(--ink);border-color:var(--red)}[data-theme=dark] .card-note-btn[data-has-note=yes] svg{color:var(--red);stroke:var(--red)}.card-note-anchor{position:absolute;top:12px;right:12px;z-index:2;display:flex;align-items:center;gap:6px}.note-modal{max-width:560px}.note-textarea{width:100%;min-height:180px;resize:vertical;font-family:var(--fs-mono,ui-monospace,monospace);font-size:14px;line-height:1.6;padding:12px 14px;border:1.5px solid var(--ink);border-radius:10px;background:var(--paper);color:var(--ink)}.note-textarea:focus{outline:2px solid var(--red);outline-offset:2px}.note-textarea:disabled{opacity:.6}.note-view-body{font-family:var(--fs-mono,ui-monospace,monospace);font-size:14px;line-height:1.7;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);color:var(--ink);white-space:pre-wrap;word-wrap:break-word;min-height:80px;max-height:320px;overflow-y:auto}.note-modal-count{display:none}.note-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.note-modal-btns{display:flex;align-items:center;gap:8px}@media (max-width:768px){.note-modal-hint{display:none}.note-modal-count{display:block}.card-note-btn span{display:none}.card-note-btn{padding:6px 7px;gap:0}.card-note-anchor{gap:5px}}@media (max-width:480px){.card-note-anchor{top:10px;right:10px}}