.search{position:relative;max-width:260px}@media(max-width:1180px){.search{display:flex}}.search-pop{position:absolute;top:calc(100% + 6px);left:0;right:auto;width:360px;z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 16px 40px #1720332e;max-height:70vh;overflow-y:auto}.search-note{margin:0;padding:10px;font-size:13.5px;color:var(--muted)}.search-row,.search-all{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;text-decoration:none;color:var(--text)}.search-row.active,.search-all.active{background:var(--surface-2)}.search-all{justify-content:center;font-size:13px;font-weight:600;color:var(--text-2);padding:9px}.search-glyph{--c: var(--radical);flex:none;min-width:38px;height:38px;padding:0 6px;border-radius:6px;background:var(--c);color:#fff;display:grid;place-items:center;font:500 19px/1 var(--font-jp);white-space:nowrap;box-shadow:inset 0 -2px #00000026}.search-glyph.kanji{--c: var(--kanji)}.search-glyph.vocabulary{--c: var(--vocabulary)}.search-glyph img{width:20px;height:20px;filter:invert(1)}.search-glyph.big{min-width:56px;height:56px;font-size:26px}.search-glyph.big img{width:28px;height:28px}.search-text{display:flex;flex-direction:column;min-width:0}.search-text strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-text small{font-size:12px;color:var(--muted)}.search-text .ja{font-family:var(--font-jp)}.search-head{display:flex;align-items:baseline;gap:12px}.search-head h1{font-size:26px;font-weight:800;letter-spacing:-.02em}.search-group{display:flex;gap:8px;align-items:baseline;margin-bottom:12px}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.search-card{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;border:1px solid var(--border);text-decoration:none;color:var(--text)}.search-card:hover{background:var(--surface-2)}.search-card .search-text .ja{font-size:13.5px;color:var(--text-2)}.rv{--correct: #88cc00;--incorrect: #ff0033;min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.rv-top{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.rv-home{width:38px;height:38px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);display:grid;place-items:center;cursor:pointer}.rv-home:hover{background:var(--surface-3)}.rv-home svg,.rv-stats svg{width:18px;height:18px}.rv-brand{font-weight:700;font-size:16px}.rv-stats{margin-left:auto;display:flex;gap:18px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-2)}.rv-stats span{display:inline-flex;align-items:center;gap:6px}.rv-progress{height:4px;background:var(--surface-3)}.rv-progress div{height:100%;background:var(--correct);transition:width .3s ease}.rv-saving{text-align:center;font-size:12.5px;color:var(--text-2);padding:6px 16px;background:var(--surface-2);border-bottom:1px solid var(--border)}.rv-saving.warn{background:var(--warn-bg);color:var(--warn-ink)}.rv-saving button{border:0;background:none;color:inherit;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.rv-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 16px;text-align:center}.rv-empty-title{font-size:22px;font-weight:800}.rv-main{display:flex;flex-direction:column}.rv-char{--c: var(--radical);background:var(--c);color:#fff;display:grid;place-items:center;min-height:clamp(180px,34vh,320px);padding:24px 16px}.rv-char.kanji{--c: var(--kanji)}.rv-char.vocabulary{--c: var(--vocabulary)}.rv-char-text{font:400 clamp(72px,16vw,168px)/1.1 var(--font-jp);text-shadow:0 2px 0 rgb(0 0 0 / .15);text-align:center;word-break:keep-all}.rv-char-text.len-4{font-size:clamp(56px,12vw,136px)}.rv-char-text.len-5,.rv-char-text.len-6{font-size:clamp(44px,9vw,112px)}.rv-radical-img{width:clamp(72px,14vw,150px);height:auto;filter:invert(1);display:block}.rv-prompt{text-align:center;padding:10px 16px;font-size:18px;border-bottom:1px solid var(--border)}.rv-prompt strong{font-weight:800}.rv-prompt.meaning{background:var(--surface-2);color:var(--text)}.rv-prompt.reading{background:#2b2d33;color:#fff}.rv-answer{padding:0}.rv-input-wrap{position:relative;display:flex;background:var(--surface);border-bottom:1px solid var(--border)}.rv-input-wrap input{flex:1;min-width:0;height:64px;border:0;outline:none;background:transparent;text-align:center;font:500 24px var(--font);color:var(--text);padding:0 64px}.rv-input-wrap input.ja{font-family:var(--font-jp)}.rv-input-wrap input::placeholder{color:var(--muted);font-weight:400}.rv-go{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:8px;border:0;cursor:pointer;background:var(--surface-2);color:var(--text-2);display:grid;place-items:center}.rv-go svg{width:20px;height:20px}.rv-input-wrap.correct{background:var(--correct)}.rv-input-wrap.incorrect{background:var(--incorrect)}.rv-input-wrap.correct input,.rv-input-wrap.incorrect input{color:#fff}.rv-input-wrap.correct .rv-go,.rv-input-wrap.incorrect .rv-go{background:#ffffff40;color:#fff}.rv-input-wrap.shake{animation:rv-shake .35s ease}@keyframes rv-shake{20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(3px)}}.rv-feedback{min-height:8px;text-align:center}.rv-msg{margin:12px auto 0;max-width:560px;padding:8px 14px;border-radius:8px;font-size:14px;background:var(--surface-2);color:var(--text-2)}.rv-msg.shake{background:var(--warn-bg);color:var(--warn-ink)}.rv-actions{display:flex;justify-content:center;gap:10px;padding:16px;flex-wrap:wrap}.rv-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:600 14px var(--font);cursor:pointer}.rv-btn:hover:not(:disabled){background:var(--surface-2)}.rv-btn:disabled{opacity:.45;cursor:default}.rv-btn.on{background:var(--warn-bg);color:var(--warn-ink);opacity:1}.rv-btn kbd{font:600 11px var(--font);padding:2px 6px;border-radius:4px;background:var(--surface-2);border:1px solid var(--border)}.rv-info{width:min(820px,calc(100% - 32px));margin:0 auto 40px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 22px 18px}.rv-info-block{padding:14px 0;border-bottom:1px solid var(--border)}.rv-info-block h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.rv-info-main{font-size:20px;color:var(--text-2);display:flex;align-items:center;flex-wrap:wrap;gap:0}.rv-info-main .primary{color:var(--text);font-weight:700}.rv-info-main.ja,.rv-sentence .ja,.mn-ja{font-family:var(--font-jp)}.rv-yomi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.rv-yomi .muted{font-size:12.5px}.rv-mnemonic{margin-top:10px;line-height:1.65;color:var(--text-2)}.rv-hint{margin-top:8px;font-size:13.5px;color:var(--muted)}.mn-radical,.mn-kanji,.mn-vocabulary{color:#fff;padding:1px 5px;border-radius:3px}.mn-radical{background:var(--radical)}.mn-kanji{background:var(--kanji)}.mn-vocabulary{background:var(--vocabulary)}.mn-reading{background:#2b2d33;color:#fff;padding:1px 5px;border-radius:3px}.mn-meaning{background:var(--surface-3);color:var(--text);padding:1px 5px;border-radius:3px}.rv-audio{margin-left:10px;width:32px;height:32px;border-radius:50%;border:0;background:var(--surface-2);color:var(--text);cursor:pointer;display:grid;place-items:center}.rv-audio svg{width:14px;height:14px;fill:currentColor}.rv-sentence+.rv-sentence{margin-top:10px}.rv-wk-link{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:600;color:var(--text-2)}.rv-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:80}.rv-modal{width:min(520px,100%);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;display:grid;gap:12px}.rv-modal h2{font-size:19px}.rv-modal p{color:var(--text-2);font-size:14px}.rv-modal a{color:var(--text);font-weight:600}.rv-modal .cancel{justify-self:start}.rv-summary{width:min(980px,calc(100% - 32px));margin:28px auto 48px;display:grid;gap:22px}.rv-sum-head h1{font-size:28px;font-weight:800;letter-spacing:-.02em}.rv-sum-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.rv-summary h2{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:10px}.rv-pill{min-width:28px;height:24px;padding:0 8px;border-radius:6px;display:inline-grid;place-items:center;color:#fff;font-size:13px}.rv-pill.good{background:var(--correct)}.rv-pill.bad{background:var(--incorrect)}.rv-sum-grid{display:flex;flex-wrap:wrap;gap:8px}.rv-sum-tile{--c: var(--radical);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:64px;padding:8px 10px;border-radius:6px;background:var(--c);color:#fff;text-decoration:none;box-shadow:inset 0 -3px #00000026}.rv-sum-tile.kanji{--c: var(--kanji)}.rv-sum-tile.vocabulary{--c: var(--vocabulary)}.rv-sum-tile .ch{font:500 24px/1.1 var(--font-jp);white-space:nowrap}.rv-sum-tile .ch img{width:24px;height:24px;filter:invert(1)}.rv-sum-tile .srs{font-size:10.5px;font-weight:600;opacity:.9;white-space:nowrap}@media(max-width:600px){.rv-stats{gap:12px;font-size:14px}.rv-input-wrap input{height:56px;font-size:20px;padding:0 56px 0 16px;text-align:left}.rv-info{padding:4px 16px 14px}}.rv-prompt.combined{background:#1c46f5;color:#fff;border-color:transparent}.rv-prompt.combined .rv-category{font-weight:700}.rv-category{display:inline-flex;align-items:baseline}.rv-incorrect-count{margin:0 .35em 0 0;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:.12em}.rv-incorrect-count:hover,.rv-incorrect-count:focus-visible{opacity:.7}.rv-prompt:has(.rv-incorrect-count) .rv-category{font-weight:400}.rv-prompt:has(.rv-incorrect-count) .rv-incorrect-count{font-weight:700}.rv-fields{position:relative;display:flex;background:var(--surface);border-bottom:1px solid var(--border);padding-right:64px}.rv-field{flex:1;min-width:0;display:flex;transition:background .12s}.rv-fields.two .rv-field+.rv-field{border-left:1px solid var(--border)}.rv-field input{flex:1;min-width:0;height:64px;border:0;outline:none;background:transparent;text-align:center;font:500 24px var(--font);color:var(--text);padding:0 12px}.rv-field input.ja{font-family:var(--font-jp)}.rv-field input::placeholder{color:var(--muted);font-weight:400}.rv-field input[readonly]{cursor:default}.rv-field.correct{background:#8c0}.rv-field.incorrect{background:#ff5252}.rv-field.correct input,.rv-field.incorrect input{color:#fff}.rv-fields .rv-go{right:10px}.rv-field.shake-0{animation:rv-shake-a .35s ease}.rv-field.shake-1{animation:rv-shake-b .35s ease}@keyframes rv-shake-a{20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(3px)}}@keyframes rv-shake-b{20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(3px)}}.rv-msg kbd{font:600 11px var(--font);padding:1px 5px;border-radius:4px;background:var(--surface);border:1px solid var(--border)}.rv-rise{position:fixed;left:50%;top:46%;z-index:90;display:flex;align-items:center;gap:.65rem;padding:.32rem .95rem .32rem .32rem;border-radius:999px;pointer-events:none;-webkit-user-select:none;user-select:none;font:700 1.05rem/1 var(--font);letter-spacing:.01em;white-space:nowrap;animation:rv-rise 1.45s linear forwards}.rv-rise.clean{background:#b6f5cb;color:#0d5a30}.rv-rise.missed{background:#ffc6ce;color:#8d1830;animation-name:rv-drop}.rv-rise-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#ffffff8c}.rv-rise-icon svg{width:1.55rem;height:1.55rem;display:block}@keyframes rv-rise{0%{opacity:0;transform:translate(-50%,-50%)}12%,42%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 22vh))}}@keyframes rv-drop{0%{opacity:0;transform:translate(-50%,-50%)}12%,42%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% + 22vh))}}@media(prefers-reduced-motion:reduce){.rv-rise,.rv-rise.missed{animation:rv-rise-still 1.15s ease forwards}}@keyframes rv-rise-still{0%{opacity:0;transform:translate(-50%,-50%)}10%,55%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}@media(max-width:600px){.rv-fields.two{flex-direction:column;padding-right:56px}.rv-fields.two .rv-field+.rv-field{border-left:0;border-top:1px solid var(--border)}.rv-field input{height:54px;font-size:20px}}.rv-field input{font-size:19px}.rv-field input.ja{font-size:18px;font-weight:400}.rv-info-main{font-size:16px}.rv-info-main.ja{font-size:15px}@media(max-width:600px){.rv-field input{font-size:17px}.rv-field input.ja{font-size:16px}}.rv-stats{margin-left:auto}.rv-logo{margin-left:22px;gap:10px;text-decoration:none;color:var(--text)}.rv-logo .brand-name{font-size:17px}.rv-logo .logo{width:34px;height:34px;border-radius:8px;box-shadow:4px 4px 0 var(--radical);margin-right:4px}.rv-logo .logo-glyph{font-size:19px}.rv-top:not(:has(.rv-stats)) .rv-logo{margin-left:auto}@media(max-width:600px){.rv-logo .brand-name{display:none}.rv-logo{margin-left:12px}}.rv-top{padding:10px 16px}.rv-logo{margin-left:0;gap:12px}.rv-logo .logo{width:40px;height:40px;border-radius:10px;box-shadow:5px 5px 0 var(--radical);margin-right:5px}.rv-logo .logo-glyph{font-size:23px}.rv-logo .brand-name{font-size:21px}.rv-top:not(:has(.rv-stats)) .rv-logo{margin-left:0}.rv-brand{padding-left:14px;margin-left:4px;border-left:1px solid var(--border);color:var(--text-2);font-weight:600}@media(max-width:600px){.rv-logo .brand-name{display:none}}.rv-mix{margin-left:auto;outline:none;cursor:default;border-radius:6px;padding:2px 4px}.rv-mix:focus-visible{outline:2px solid var(--reviews)}.rv-mix-summary{border-collapse:collapse;font:650 13px/1.2 var(--font);color:var(--text-2)}.rv-mix-summary th,.rv-mix-summary td{padding:0 14px 0 0;text-align:left;font-weight:inherit;font-variant-numeric:tabular-nums}.rv-mix-summary td{padding-right:0;color:var(--text)}.rv-mix-summary tr.total th,.rv-mix-summary tr.total td{color:var(--text);font-weight:800}.rv-mix-pop{position:fixed;z-index:95;max-height:min(70vh,34rem);overflow:auto;padding:10px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:0 16px 40px #17203338;color:var(--text)}.rv-mix-pop table{border-collapse:separate;border-spacing:3px;font:650 14px/1 var(--font)}.rv-mix-pop th{padding:6px 10px;font-weight:750;text-align:left}.rv-mix-pop thead th,.rv-mix-pop td{text-align:center}.rv-mix-pop td{min-width:72px;padding:8px 12px;border-radius:6px;font-variant-numeric:tabular-nums}.rv-mix-note{margin:0;padding:6px;font-size:13.5px}.rv-char{min-height:clamp(140px,24vh,220px);padding:18px 16px}.rv-char-text{font-size:clamp(56px,10vw,112px)}.rv-char-text.len-4{font-size:clamp(46px,8vw,92px)}.rv-char-text.len-5,.rv-char-text.len-6{font-size:clamp(38px,6.5vw,76px)}.rv-radical-img{width:clamp(56px,10vw,100px)}.rv-saving-text{margin:-6px 0 12px;text-align:center;font-size:13px;color:var(--muted)}.rv-char{position:relative}.rv-char .rv-mix{position:absolute;top:14px;right:18px;margin:0}.rv-char .rv-mix-summary,.rv-char .rv-mix-summary td,.rv-char .rv-mix-summary tr.total th,.rv-char .rv-mix-summary tr.total td{color:#fff}.rv-char .rv-mix-summary th{color:#ffffffd9}.rv-char .rv-mix:focus-visible{outline-color:#fff}.rv-char-text{display:inline-block;white-space:nowrap;max-width:none}.rv-char-text,.rv-char-text.len-4,.rv-char-text.len-5,.rv-char-text.len-6{font-size:clamp(48px,8.5vw,96px)}.rv-char-text,.rv-char-text.len-4,.rv-char-text.len-5,.rv-char-text.len-6{font-size:clamp(52px,9.2vw,104px)}.rv-char-text,.rv-char-text.len-4,.rv-char-text.len-5,.rv-char-text.len-6{font-size:clamp(56px,10vw,112px)}.rv-char-text,.rv-char-text.len-4,.rv-char-text.len-5,.rv-char-text.len-6{font-size:clamp(54px,9.6vw,108px)}.rv-compose-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.rv-compose-row+.rv-compose-row{margin-top:10px}.rv-compose-op{font-size:18px;font-weight:700;color:var(--muted)}.lsn{padding-bottom:88px}.lsn-total{margin-left:auto;font-size:13.5px;font-weight:600}.lsn-main{width:min(1100px,calc(100% - 32px));margin:24px auto;display:grid;gap:26px}.lsn-level h2{font-size:20px;font-weight:800;margin-bottom:12px}.lsn-group{--c: var(--radical);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px 16px;margin-bottom:12px}.lsn-group.kanji{--c: var(--kanji)}.lsn-group.vocabulary{--c: var(--vocabulary)}.lsn-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.lsn-group-head h3{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.lsn-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.7rem;padding:.12em .55em;border-radius:999px;background:var(--c);color:#fff;font-size:.78em;font-weight:700;line-height:1.25}.lsn-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text-2);font:600 12.5px var(--font);padding:5px 10px;border-radius:6px;cursor:pointer}.lsn-toggle:hover{background:var(--surface-2);color:var(--text)}.lsn-tiles{display:flex;flex-wrap:wrap;gap:8px}.lp-tile{--c: var(--radical);position:relative;min-width:76px;max-width:160px;padding:8px 10px 9px;display:inline-flex;flex-direction:column;align-items:center;gap:3px;border-radius:6px;border:2px solid transparent;cursor:pointer;background:color-mix(in srgb,var(--c) 45%,var(--surface));color:#fff;box-shadow:inset 0 -3px #0000001f;font-family:var(--font);text-align:center;transition:background .12s,transform .08s}.lp-tile.kanji{--c: var(--kanji)}.lp-tile.vocabulary{--c: var(--vocabulary)}.lp-tile:hover{background:color-mix(in srgb,var(--c) 70%,var(--surface))}.lp-tile:active{transform:translateY(1px)}.lp-tile.selected{background:var(--c);border-color:var(--text)}.lp-tile:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lp-tile-char{font:500 26px/1.15 var(--font-jp);white-space:nowrap;text-shadow:0 1px 0 rgb(0 0 0 / .15)}.lp-tile-char img{width:26px;height:26px;filter:invert(1);display:block}.lp-tile-info{display:flex;flex-direction:column;align-items:center;gap:1px;max-width:100%}.lp-tile-meaning,.lp-tile-reading{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-tile-meaning{font-size:.8rem;font-weight:600;line-height:1.15;color:#fffffff2}.lp-tile-reading{font:italic 500 .75rem/1.1 var(--font-jp);color:#ffffffd9}.lp-tile-check{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:var(--text);color:var(--bg);display:grid;place-items:center}.lp-tile-check svg{width:12px;height:12px;stroke-width:3.5}.lsn-footer{position:fixed;left:0;right:0;bottom:0;z-index:40;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}.lsn-footer-inner{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:12px 0;display:flex;align-items:center;gap:12px}.lsn-footer .muted{font-size:14px}.lsn-clear{height:40px}.lsn-start{margin-left:auto;height:46px;padding:0 22px;gap:10px}.lsn-start-count{min-width:26px;padding:2px 8px;border-radius:999px;background:#ffffffe6;color:var(--lessons);font-size:13px;font-weight:800;text-align:center}.lsn-start.disabled .lsn-start-count{background:var(--surface-3);color:var(--muted)}@media(max-width:600px){.lsn-total{display:none}.lp-tile{min-width:64px}.lp-tile-char{font-size:22px}}.ls-progress-text{margin-left:auto;font-size:13.5px;font-weight:600}.ls .rv-char{flex-direction:column;gap:8px;display:flex;align-items:center;justify-content:center}.ls-char-meaning{font-size:20px;font-weight:700;opacity:.95}.ls-char-meaning .ja{font-family:var(--font-jp);font-weight:500}.ls-tabs{display:flex;justify-content:center;gap:4px;padding:10px 16px 0;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.ls-tabs button{border:0;background:none;padding:10px 16px;font:600 14px var(--font);color:var(--text-2);border-bottom:3px solid transparent;cursor:pointer}.ls-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--text)}.ls-body{width:min(860px,calc(100% - 32px));margin:18px auto 0;min-height:200px}.ls-body h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 4px}.ls-reading{display:flex;align-items:center}.ls-nav{width:min(860px,calc(100% - 32px));margin:16px auto 0;display:flex;align-items:center;gap:12px}.ls-navbtn{height:42px;border:1px solid var(--border)}.ls-navbtn.btn-lessons,.ls-navbtn.primary{border:0}.ls-strip{flex:1;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.ls-strip-item{--c: var(--radical);min-width:40px;height:40px;padding:0 8px;border:2px solid transparent;border-radius:6px;cursor:pointer;background:color-mix(in srgb,var(--c) 40%,var(--surface));color:#fff;font:500 18px/1 var(--font-jp)}.ls-strip-item.kanji{--c: var(--kanji)}.ls-strip-item.vocabulary{--c: var(--vocabulary)}.ls-strip-item.on{background:var(--c);border-color:var(--text)}.ls-strip-item img{width:18px;height:18px;filter:invert(1)}.ls-left{font-size:13px}@media(max-width:600px){.ls-progress-text{display:none}.ls-nav{flex-wrap:wrap}.ls-strip{order:-1;flex-basis:100%}}.ls-top{width:min(860px,calc(100% - 32px));margin:16px auto 0}.ls-top .ls-strip{justify-content:center}.ls .lsn-footer kbd{font:600 11px var(--font);padding:1px 6px;border-radius:4px;background:var(--surface);border:1px solid var(--border)}.ls-body{margin:16px auto 100px;padding:4px 24px 20px}.ls-section+.ls-section{border-top:1px solid var(--border)}.ls-section{padding:16px 0 6px}.ls-section>h2{font-size:17px;font-weight:800;margin:0 0 8px}.ls-section>h2+h3{margin-top:6px}@media(max-width:600px){.ls .lsn-footer .muted{display:none}.ls-body{padding:4px 16px 16px}}.pg{display:flex;flex-direction:column;gap:16px}.pg-error{color:var(--danger)}.pg .ja{font-family:var(--font-jp)}.st-tile{--c: var(--radical);position:relative;min-width:76px;max-width:170px;padding:8px 10px 9px;display:inline-flex;flex-direction:column;align-items:center;gap:2px;border-radius:6px;background:var(--c);color:#fff;text-decoration:none;text-align:center;box-shadow:inset 0 -3px #00000026}.st-tile.kanji{--c: var(--kanji)}.st-tile.vocabulary{--c: var(--vocabulary)}.st-tile:hover{filter:brightness(1.06)}.st-tile-char{font:500 26px/1.15 var(--font-jp);white-space:nowrap;text-shadow:0 1px 0 rgb(0 0 0 / .15)}.st-tile-char img{width:26px;height:26px;filter:invert(1);display:block}.st-tile-meaning,.st-tile-reading,.st-tile-stage{max-width:9.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-tile-meaning{font-size:.8rem;font-weight:600;color:#fffffff2}.st-tile-reading{font:italic 500 .75rem/1.1 var(--font-jp);color:#ffffffd9}.st-tile-stage{margin-top:3px;font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:4px;background:#0000002e}.st-tile.lesson{background:var(--surface);color:var(--c);outline:2px dashed var(--c);outline-offset:-2px;box-shadow:none}.st-tile.lesson .st-tile-meaning,.st-tile.lesson .st-tile-reading{color:var(--text-2)}.st-tile.lesson .st-tile-stage{background:var(--surface-2);color:var(--text-2)}.st-tile.locked{background:var(--surface-2);color:var(--muted);box-shadow:none}.st-tile.locked .st-tile-meaning,.st-tile.locked .st-tile-reading{color:var(--muted)}.st-tile.locked .st-tile-stage{background:var(--surface-3);color:var(--muted)}.st-tile.locked img,.st-tile.lesson img{filter:none;opacity:.6}:root[data-theme=dark] .st-tile.locked img,:root[data-theme=dark] .st-tile.lesson img{filter:invert(1)}.pg-tiles{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pg-tile-wrap{display:inline-flex;align-items:center;gap:8px}.pg-plus{font-size:20px;font-weight:700;color:var(--muted)}.pg-levelbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.pg-level-title{display:flex;flex-direction:column;align-items:center;gap:6px}.pg-level-title h1{font-size:30px;font-weight:800;letter-spacing:-.02em}.pg-level-title select{font:500 13px var(--font);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:4px 8px}.pg-nav{border:1px solid var(--border);height:38px;font-size:14px}.pg-nav:disabled{opacity:.4}.pg-section{--c: var(--radical)}.pg-section.kanji{--c: var(--kanji)}.pg-section.vocabulary{--c: var(--vocabulary)}.pg-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px}.pg-section-head h2{display:inline-flex;align-items:center;gap:8px}.pg-hero{--c: var(--radical);display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.pg-hero.kanji{--c: var(--kanji)}.pg-hero.vocabulary{--c: var(--vocabulary)}.pg-hero-char{min-width:128px;height:128px;padding:0 20px;border-radius:10px;background:var(--c);color:#fff;display:grid;place-items:center;font:500 80px/1 var(--font-jp);box-shadow:inset 0 -5px #00000026;text-shadow:0 2px 0 rgb(0 0 0 / .15)}.pg-hero-char img{width:76px;height:76px;filter:invert(1)}.pg-hero-text{flex:1;min-width:200px}.pg-hero-meta{display:flex;gap:10px;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.pg-hero-meta a{color:var(--c);text-decoration:none}.pg-hero-meta a:hover{text-decoration:underline}.pg-hero-text h1{font-size:34px;font-weight:800;letter-spacing:-.02em;margin-top:2px}.pg-hero-reading{display:flex;align-items:center;font-size:22px;color:var(--text-2);margin-top:2px}.pg-hero-srs{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.pg-srs-chip{padding:6px 12px;border-radius:6px;background:var(--c);color:#fff;font-weight:700;font-size:14px}.pg-srs-next{font-size:13px;color:var(--muted)}.pg-block h2{margin-bottom:12px}.pg-block h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 4px}.pg-defs{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0;align-items:baseline}.pg-defs dt{font-size:13px;color:var(--muted)}.pg-defs dd{margin:0}.pg-big{font-size:20px;font-weight:700}.pg-yomi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pg-yomi>div{padding:10px 12px;border-radius:8px;background:var(--surface-2)}.pg-yomi p{font-size:18px;color:var(--text-2);margin-top:2px}.pg-yomi>div.primary p{color:var(--text);font-weight:700}.pg-sentence+.pg-sentence{margin-top:12px}.pg-sentence .ja{font-size:17px}.pg-progress{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.pg-progress>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;background:var(--surface-2);font-size:14px}.pg-progress .muted{font-size:12px}@media(max-width:600px){.pg-hero-srs{align-items:flex-start}.pg-yomi{grid-template-columns:minmax(0,1fr)}.pg-nav{font-size:12.5px;padding:0 10px}}.pg-levelbar{justify-content:center}.pg-levelbar h1{font-size:30px;font-weight:800;letter-spacing:-.02em;text-align:center}.pg-current{font-size:15px;font-weight:600;color:var(--muted);letter-spacing:0}.pg-title{font-size:28px;font-weight:800;letter-spacing:-.02em}.pf-avatar{width:96px;height:96px;border-radius:12px;background:var(--kanji);color:#fff;display:grid;place-items:center;font:800 44px/1 var(--font);text-transform:uppercase;box-shadow:5px 5px 0 var(--radical)}.pf-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.pf-stats .card{display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center}.pf-stats strong{font-size:26px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pf-sub{font-size:13px;margin:2px 0 14px}.pf-levels{display:grid;gap:4px}.pf-level-row{display:grid;grid-template-columns:80px 1fr 110px 150px;align-items:center;gap:12px;padding:4px 6px;border-radius:6px;text-decoration:none;color:var(--text);font-size:13.5px}.pf-level-row:hover{background:var(--surface-2)}.pf-level-num{font-weight:700}.pf-level-bar{height:10px;background:var(--surface-2);border-radius:3px;overflow:hidden}.pf-level-bar i{display:block;height:100%;background:var(--vocabulary);border-radius:3px}.pf-level-bar i.current{background:var(--kanji)}.pf-level-time{font-variant-numeric:tabular-nums;font-weight:600}.pf-level-date{font-size:12.5px;text-align:right}.ac-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px;font-size:14px}.ac-row input,.ac-row select{font:500 14px var(--font);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 8px}.ac-row input{width:80px}.ac-actions{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.ac-ok{color:#16a34a;font-weight:700;font-size:14px}@media(max-width:760px){.pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-level-row{grid-template-columns:64px 1fr 90px}.pf-level-date{display:none}}.perm-list{list-style:none;padding:0;margin:6px 0 12px;display:grid;gap:6px}.perm{display:flex;align-items:baseline;gap:8px;font-size:14px;padding:8px 10px;border-radius:8px}.perm strong{font-family:ui-monospace,Menlo,monospace;font-size:13.5px}.perm-mark{font-weight:800;width:16px;text-align:center}.perm.ok{background:color-mix(in srgb,#16a34a 12%,var(--surface))}.perm.ok strong,.perm.ok .perm-mark{color:#15803d}.perm.missing{background:color-mix(in srgb,#dc2626 12%,var(--surface))}.perm.missing strong,.perm.missing .perm-mark{color:#dc2626}.perm.unknown{background:var(--surface-2)}:root[data-theme=dark] .perm.ok strong,:root[data-theme=dark] .perm.ok .perm-mark{color:#4ade80}:root[data-theme=dark] .perm.missing strong,:root[data-theme=dark] .perm.missing .perm-mark{color:#f87171}.ac-key{font-family:ui-monospace,Menlo,monospace;font-size:14px}.ac-perm-note{margin-top:14px}.ac-keyform{margin-top:12px}.ac-keyform label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.ac-keyform .key-row input{flex:1;min-width:0;height:42px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:0 12px;font:14px ui-monospace,Menlo,monospace}.ac-keyform .st-btn{height:42px}.pg-levelbar{flex-direction:column;align-items:center;gap:0}.pg-current{display:block;margin-top:2px;font-size:14px;font-weight:600;color:var(--muted)}:root{color-scheme:light;--bg: #f4f3ef;--surface: #fcfcfb;--surface-2: #f0eee9;--surface-3: #e7e4dd;--border: #e3e0d8;--text: #1b1d22;--text-2: #4f545e;--muted: #7d828c;--grid: #ebe8e1;--accent: #0f766e;--accent-ink: #ffffff;--accent-soft: #e2f1ef;--radical: #0b8fd1;--kanji: #e0457b;--vocabulary: #7c5ce6;--bar: #0f766e;--bar-dim: #9cc9c4;--warn-bg: #fff4dc;--warn-ink: #7a5300;--danger: #c0352b;--shadow: 0 1px 2px rgb(20 20 20 / .04), 0 4px 16px rgb(20 20 20 / .04);--radius: 18px;--radius-sm: 10px;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-jp: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0e1014;--surface: #14161c;--surface-2: #1b1e25;--surface-3: #252932;--border: #262a33;--text: #eef0f3;--text-2: #b4b9c3;--muted: #868c98;--grid: #22262e;--accent: #2bb3a6;--accent-ink: #06201d;--accent-soft: #10302d;--radical: #1f9ad8;--kanji: #e2507f;--vocabulary: #8668ea;--bar: #2bb3a6;--bar-dim: #1d5d57;--warn-bg: #3a2c0c;--warn-ink: #f3d28a;--danger: #ef6a5f;--shadow: 0 1px 2px rgb(0 0 0 / .3)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0e1014;--surface: #14161c;--surface-2: #1b1e25;--surface-3: #252932;--border: #262a33;--text: #eef0f3;--text-2: #b4b9c3;--muted: #868c98;--grid: #22262e;--accent: #2bb3a6;--accent-ink: #06201d;--accent-soft: #10302d;--radical: #1f9ad8;--kanji: #e2507f;--vocabulary: #8668ea;--bar: #2bb3a6;--bar-dim: #1d5d57;--warn-bg: #3a2c0c;--warn-ink: #f3d28a;--danger: #ef6a5f;--shadow: 0 1px 2px rgb(0 0 0 / .3)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}h1,h2,h3{margin:0;letter-spacing:-.015em}h2{font-size:17px;font-weight:700}h3{font-size:14px;font-weight:600}p{margin:0}.muted{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-name{font-weight:500;font-size:18px;letter-spacing:-.02em}.brand-name b{font-weight:800}.nav{display:flex;gap:4px}.nav a{text-decoration:none;color:var(--text-2);font-weight:500;font-size:14px;padding:6px 10px;border-radius:8px}.nav a:hover{background:var(--surface-2);color:var(--text)}.search{flex:1;max-width:320px;margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 10px;height:36px}.search svg{width:16px;height:16px;color:var(--muted);flex:none}.search input{border:0;background:none;outline:none;color:var(--text);font:inherit;font-size:14px;width:100%}.search:focus-within{border-color:var(--accent)}.actions{display:flex;align-items:center;gap:6px}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:none;color:var(--text-2);cursor:pointer;display:grid;place-items:center}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn svg{width:18px;height:18px}.icon-btn.spinning svg{animation:spin .9s linear infinite}.i-moon{display:none}:root[data-theme=dark] .i-sun{display:none}:root[data-theme=dark] .i-moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .i-sun{display:none}:root:not([data-theme=light]) .i-moon{display:block}}.user-menu{position:relative}.avatar-btn{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;border:1px solid var(--border);background:var(--surface);border-radius:999px;cursor:pointer;color:var(--text);font:inherit}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:13px;text-transform:uppercase}.level-chip{font-size:13px;font-weight:600}.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #00000024;padding:6px;display:flex;flex-direction:column}.menu-head{padding:10px 12px;border-bottom:1px solid var(--border);margin-bottom:4px;display:flex;flex-direction:column}.menu-head span{font-size:13px}.menu a,.menu button{text-align:left;padding:9px 12px;border-radius:8px;border:0;background:none;color:var(--text);font:inherit;font-size:14px;text-decoration:none;cursor:pointer}.menu a:hover,.menu button:hover{background:var(--surface-2)}.menu .danger{color:var(--danger)}.page{max-width:1180px;margin:0 auto;padding:28px 16px 48px}.dashboard{display:flex;flex-direction:column;gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.card-head p{font-size:13px;margin-top:2px}.banner{background:var(--warn-bg);color:var(--warn-ink);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;border:1px solid transparent;font:600 15px/1 var(--font);text-decoration:none;cursor:pointer}.btn.primary{background:var(--text);color:var(--bg)}.btn.primary:hover{opacity:.88}.btn.ghost{background:none;color:var(--text-2)}.btn.ghost:hover{background:var(--surface-2)}.btn.block{width:100%}.btn.disabled{background:var(--surface-2);color:var(--muted);pointer-events:none}.hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.stat-card{display:flex;flex-direction:column;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px}.stat-card.lessons:before{background:var(--grad-lessons)}.stat-card.reviews:before{background:var(--grad-reviews)}.stat-card.level:before{background:var(--grad-brand)}.stat-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stat-icon{font:500 18px/1 var(--font-jp);color:var(--muted);width:34px;height:34px;display:grid;place-items:center;background:var(--surface-2);border-radius:10px}.stat-value{font-size:56px;font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-top:10px;font-variant-numeric:tabular-nums}.stat-value .of{font-size:20px;font-weight:600;color:var(--muted);letter-spacing:0;margin-left:6px}.stat-sub{color:var(--text-2);font-size:14px;margin:4px 0 18px;min-height:21px}.stat-card .btn,.levelup{margin-top:auto}.levelup-head{display:flex;justify-content:space-between;font-size:13px;font-weight:500;margin-bottom:8px}.meter{position:relative;height:10px;border-radius:99px;background:var(--surface-3)}.meter-fill{height:100%;border-radius:99px;background:var(--kanji);width:0;transition:width .6s ease}.meter-goal{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--text);border-radius:2px}.seg{display:inline-flex;background:var(--surface-2);border-radius:10px;padding:3px}.seg button{border:0;background:none;color:var(--text-2);font:500 13px var(--font);padding:6px 12px;border-radius:8px;cursor:pointer}.seg button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.chart{width:100%;height:240px;position:relative}.chart svg{display:block;width:100%;height:100%}.chart .gridline{stroke:var(--grid);stroke-width:1}.chart .axis-label{fill:var(--muted);font-size:11px;stroke:none;font-family:var(--font)}.chart .value-label{fill:var(--text-2);font-size:11px;font-weight:600;stroke:none;font-family:var(--font)}.chart .bar{fill:var(--bar);stroke:none;transition:opacity .15s}.chart .bar.dim{fill:var(--bar-dim)}.chart.hovering .bar{opacity:.4}.chart.hovering .bar.active{opacity:1}.chart .hit{fill:transparent;stroke:none;cursor:default}.chart-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:14px}.dot{width:10px;height:10px;border-radius:3px;display:inline-block}.dot.radical,.sw.radical{background:var(--radical)}.dot.kanji,.sw.kanji{background:var(--kanji)}.dot.vocabulary,.sw.vocabulary{background:var(--vocabulary)}.updated{text-align:center;font-size:12.5px}.onboard{display:grid;place-items:center;min-height:calc(100vh - 160px)}.onboard-card{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:36px;box-shadow:var(--shadow)}.onboard h1{font-size:26px;font-weight:800;letter-spacing:-.03em}.lead{color:var(--text-2);margin:8px 0 20px}.steps{padding-left:20px;margin:0 0 22px;color:var(--text-2);font-size:14px;display:grid;gap:6px}.steps a{color:var(--accent);font-weight:600}.key-form label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.key-row{display:flex;gap:8px}.key-row input{flex:1;min-width:0;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:0 12px;font:14px ui-monospace,Menlo,monospace}.key-row input:focus{outline:2px solid var(--accent);outline-offset:-1px}.form-error{color:var(--danger);font-size:13px;margin-top:8px}.cancel{margin-top:10px}.fine{font-size:12px;color:var(--muted);margin-top:18px}.loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:120px 0;color:var(--text-2)}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--surface-3);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tooltip{position:fixed;z-index:50;pointer-events:none;background:var(--text);color:var(--bg);border-radius:10px;padding:8px 10px;font-size:12.5px;line-height:1.4;box-shadow:0 8px 24px #0003;max-width:240px}.tooltip strong{display:block;font-size:13px}.tooltip .jp{font-family:var(--font-jp);display:inline}.tooltip .soft{opacity:.75}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:14px;box-shadow:0 8px 24px #0003;max-width:calc(100vw - 32px)}@media(max-width:980px){.nav{display:none}}@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.stat-value{font-size:44px}.search{display:none}.actions{margin-left:auto}.card{padding:18px}.onboard-card{padding:24px}.key-row{flex-direction:column}}@media(max-width:420px){.brand-name{display:none}}:root{--grad-brand: linear-gradient(135deg, #ff3d7f 0%, #a345f5 52%, #3b7bff 100%);--grad-lessons: linear-gradient(135deg, #e5197a 0%, #9333ea 100%);--grad-reviews: linear-gradient(135deg, #f0560c 0%, #e11d58 100%);--glow-lessons: rgb(206 30 140 / .35);--glow-reviews: rgb(232 70 30 / .35);--band-locked: #e7e4dd;--band-lesson: #d3f4ec;--band-apprentice: #8fe3d2;--band-guru: #22c3ad;--band-master: #0d8f82;--band-enlightened: #0e605a;--band-burned: #0a3633;--due-1d-ink: #92650a;--due-1d-bg: color-mix(in srgb, #eab308 32%, transparent);--due-12h-ink: #b45309;--due-12h-bg: color-mix(in srgb, #f59e0b 44%, transparent);--due-2h-ink: #c2410c;--due-2h-bg: color-mix(in srgb, #f97316 52%, transparent);--due-1h-ink: #fff;--due-1h-bg: #ea580c;--due-0h-ink: #fff;--due-0h-bg: #dc2626;--due-now-ink: #047857;--due-now-bg: color-mix(in srgb, #10b981 42%, transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--band-locked: #252932;--band-lesson: #12332f;--band-apprentice: #145e55;--band-guru: #13a090;--band-master: #2fd6c0;--band-enlightened: #8cf0e0;--band-burned: #dcfcf6;--due-1d-ink: #f5d06b;--due-12h-ink: #fbbf5e;--due-2h-ink: #fdba8c;--due-now-ink: #6ee7b7}}:root[data-theme=dark]{--band-locked: #252932;--band-lesson: #12332f;--band-apprentice: #145e55;--band-guru: #13a090;--band-master: #2fd6c0;--band-enlightened: #8cf0e0;--band-burned: #dcfcf6;--due-1d-ink: #f5d06b;--due-12h-ink: #fbbf5e;--due-2h-ink: #fdba8c;--due-now-ink: #6ee7b7}.brand{gap:12px}.logo{position:relative;display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:var(--grad-brand);box-shadow:0 6px 18px -4px #a345f58c,inset 0 1px #ffffff59;transform:rotate(-6deg);transition:transform .25s cubic-bezier(.3,1.6,.5,1);overflow:hidden}.logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgb(255 255 255 / .38) 0%,transparent 45%)}.brand:hover .logo{transform:rotate(0) scale(1.06)}.logo-glyph{font:700 27px/1 var(--font-jp);color:#fff;transform:rotate(6deg);text-shadow:0 2px 6px rgb(60 0 90 / .35)}.logo-spark{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px #fffc}.logo.big{width:68px;height:68px;border-radius:20px;margin-bottom:18px}.logo.big .logo-glyph{font-size:40px}.logo.big .logo-spark{width:9px;height:9px;top:9px;right:9px}.brand-name{font-size:21px}.brand-name b{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.btn-lessons,.btn-reviews{color:#fff;border:0;height:46px;font-size:15.5px;transition:transform .15s,box-shadow .15s,filter .15s}.btn-lessons{background:var(--grad-lessons);box-shadow:0 8px 20px -6px var(--glow-lessons)}.btn-reviews{background:var(--grad-reviews);box-shadow:0 8px 20px -6px var(--glow-reviews)}.btn-lessons:hover,.btn-reviews:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-lessons.disabled,.btn-reviews.disabled{background:var(--surface-2);color:var(--muted);box-shadow:none}.levelup .meter-fill{background:var(--grad-brand)}.tabs button{display:inline-flex;align-items:center;gap:7px;padding:7px 12px}.tab-count{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.tabs button[aria-selected=true] .tab-count{color:var(--text-2)}.lp-scroll{max-height:440px;overflow-y:auto;overscroll-behavior:contain;margin:0 -8px;padding:0 8px 4px;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent)}.lp-empty{padding:24px 0}.lp-section+.lp-section{margin-top:16px}.tiles{display:flex;flex-wrap:wrap;gap:10px 8px}.lp-item{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:60px}.tile{--c: var(--radical);position:relative;height:60px;min-width:60px;padding:0 12px;border-radius:12px;text-decoration:none;display:flex;align-items:center;justify-content:center;background:var(--c);color:#fff;font:500 25px/1 var(--font-jp);transition:transform .12s ease,box-shadow .12s ease}.tile:hover{transform:translateY(-2px);box-shadow:0 6px 14px -6px var(--c)}.tile.kanji{--c: var(--kanji)}.tile.vocabulary{--c: var(--vocabulary)}.tiles.vocab .tile{font-size:20px}.tile-text{display:flex;align-items:center;padding-bottom:4px;white-space:nowrap}.tile img{width:26px;height:26px;filter:invert(1)}.tile .pips{position:absolute;bottom:7px;left:10px;right:10px;display:flex;gap:2px}.tile .pips i{flex:1;height:3px;border-radius:2px;background:#ffffff59}.tile .pips i.on{background:#fff}.tile .check{position:absolute;top:5px;right:5px;width:14px;height:14px;border-radius:50%;background:#ffffffeb;color:var(--c);display:grid;place-items:center}.tile .check svg{width:9px;height:9px;stroke-width:3.5}.tile.apprentice{background:color-mix(in srgb,var(--c) 72%,var(--surface))}.tile.lesson{background:var(--surface);color:var(--c);border:2px dashed var(--c)}.tile.lesson img{filter:none}.tile.locked{background:var(--surface-2);color:var(--muted)}.tile.locked img{filter:none;opacity:.45}:root[data-theme=dark] .tile.locked img,:root[data-theme=dark] .tile.lesson img{filter:invert(1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tile.locked img,:root:not([data-theme=light]) .tile.lesson img{filter:invert(1)}}.next{display:block;text-align:center;font-size:11px;font-weight:700;line-height:1;padding:3px 4px;border-radius:5px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-2)}.next-muted{opacity:.5;font-weight:600}.next-empty{visibility:hidden}.next-soon-1d{color:var(--due-1d-ink);background:var(--due-1d-bg)}.next-soon-12h{color:var(--due-12h-ink);background:var(--due-12h-bg)}.next-soon-2h{color:var(--due-2h-ink);background:var(--due-2h-bg)}.next-soon-1h{color:var(--due-1h-ink);background:var(--due-1h-bg)}.next-soon-0h{color:var(--due-0h-ink);background:var(--due-0h-bg)}.next-now{color:var(--due-now-ink);background:var(--due-now-bg)}.band-locked{background:var(--band-locked)}.band-lesson{background:var(--band-lesson)}.band-apprentice{background:var(--band-apprentice)}.band-guru{background:var(--band-guru)}.band-master{background:var(--band-master)}.band-enlightened{background:var(--band-enlightened)}.band-burned{background:var(--band-burned)}.legend .sw,.op-stat .sw{box-shadow:inset 0 0 0 1px #0000000f}.op-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:14px}.op-big{display:flex;flex-direction:column;gap:2px}.op-pct{font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:1}.op-pct small{font-size:24px;color:var(--muted);margin-left:2px}.op-big .muted{font-size:13.5px}.op-stats{display:flex;gap:22px;flex-wrap:wrap}.op-stat{display:flex;flex-direction:column;gap:2px}.op-stat-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}.op-stat strong{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.op-bar{display:flex;gap:2px;height:12px}.op-bar.big{height:22px}.op-bar span{height:100%;min-width:3px;flex-basis:0;transition:filter .15s}.op-bar span:first-child{border-radius:6px 0 0 6px}.op-bar span:last-child{border-radius:0 6px 6px 0}.op-bar span:only-child{border-radius:6px}.op-bar:hover span{filter:saturate(.5) opacity(.6)}.op-bar:hover span:hover{filter:none}.op-rows{display:grid;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.op-row-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:13px;margin-bottom:7px}.op-type{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.op-row-pct{color:var(--text)}@media(max-width:760px){.logo{width:40px;height:40px;border-radius:12px}.logo-glyph{font-size:23px}.tabs{width:100%}.tabs button{flex:1;justify-content:center;padding:7px 6px}.tab-count{display:none}.lp-scroll{max-height:380px}.op-stats{gap:14px 18px}}@media(max-width:420px){.tile{height:52px;min-width:52px;font-size:21px}.lp-item{min-width:52px}}.legend{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12.5px;color:var(--text-2);max-width:560px;justify-content:flex-end}.legend span{display:inline-flex;align-items:center;gap:6px}.sw{width:11px;height:11px;border-radius:3px;display:inline-block;flex:none}:root,:root[data-theme=dark]{--radical: #00aaff;--kanji: #ff00aa;--vocabulary: #aa00ff;--lessons: #ff00aa;--lessons-hover: #e6009a;--reviews: #00aaff;--reviews-hover: #0099e6;--shadow: none;--radius: 12px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--radical: #00aaff;--kanji: #ff00aa;--vocabulary: #aa00ff;--shadow: none}}.card{box-shadow:none;border-radius:var(--radius)}.stat-card:before{height:5px}.stat-card.lessons:before{background:var(--lessons)}.stat-card.reviews:before{background:var(--reviews)}.stat-card.level:before{background:var(--vocabulary)}.stat-icon{border-radius:6px}.seg{border-radius:8px}.seg button{border-radius:6px}.seg button[aria-selected=true]{box-shadow:none;outline:1px solid var(--border)}.levelup .meter,.levelup .meter-fill{border-radius:3px}.levelup .meter-fill{background:var(--kanji)}.logo{background:var(--kanji);transform:none;border-radius:10px;box-shadow:5px 5px 0 var(--radical);margin-right:5px}.logo:after,.logo-spark{display:none}.logo-glyph{transform:none;text-shadow:none}.brand:hover .logo{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--radical)}.logo.big{border-radius:14px;box-shadow:7px 7px 0 var(--radical)}.brand-name b{background:none;color:var(--kanji)}.btn{border-radius:8px}.btn-lessons,.btn-reviews{box-shadow:none}.btn-lessons{background:var(--lessons)}.btn-lessons:hover{background:var(--lessons-hover);filter:none;transform:none}.btn-reviews{background:var(--reviews)}.btn-reviews:hover{background:var(--reviews-hover);filter:none;transform:none}.btn-lessons.disabled,.btn-reviews.disabled{background:var(--surface-2)}.tile{border-radius:6px;text-shadow:0 1px 0 rgb(0 0 0 / .18);box-shadow:inset 0 -3px #00000026}.tile:hover{transform:none;box-shadow:inset 0 -3px #00000047;filter:brightness(1.06)}.tile.apprentice{background:var(--c)}.tile.lesson,.tile.locked{text-shadow:none;box-shadow:none}.tile .pips{bottom:8px}.next{border-radius:4px}.lp-scroll{height:440px;max-height:none;-webkit-mask-image:none;mask-image:none}.lp-scroll.has-more{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent)}.row.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}.row.two .card{display:flex;flex-direction:column}.card-head .eyebrow{display:block;margin-bottom:2px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}.kpi{background:var(--surface-2);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}.kpi span{font-size:11.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi strong{font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.row.two .chart{margin-top:auto}.op-hero{flex-direction:column;align-items:stretch;gap:14px}.op-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.op-stat{background:var(--surface-2);border-radius:8px;padding:10px 12px}.op-bar span:first-child{border-radius:4px 0 0 4px}.op-bar span:last-child{border-radius:0 4px 4px 0}.op-bar span:only-child{border-radius:4px}.op-legend{justify-content:flex-start;max-width:none;margin-top:12px;font-size:12px}.op-rows{margin-top:18px;padding-top:16px;gap:14px}@media(max-width:980px){.row.two{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.lp-scroll{height:380px}.kpis,.op-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.row.two .chart{margin-top:0;flex:1;height:auto;min-height:220px}.row.two .chart svg{position:absolute;top:0;right:0;bottom:0;left:0}.ro-open{margin-top:8px;align-self:center;display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--text-2);font:600 13px var(--font);cursor:pointer;padding:4px 8px;border-radius:6px}.ro-open:hover{background:var(--surface-2);color:var(--text)}.ro-open svg{width:15px;height:15px}.ro-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0006;display:grid;place-items:center;padding:16px}.ro-pop{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px}.ro-pop h2{font-size:19px;margin-bottom:12px}.ro-pop h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:20px 0 8px}.ro-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:6px;background:none;color:var(--text-2);font-size:22px;cursor:pointer}.ro-close:hover{background:var(--surface-2)}.ro-group{border:0;padding:0;margin:0 0 12px}.ro-group legend{font-size:13px;font-weight:600;margin-bottom:6px;padding:0}.ro-pill{display:inline-flex;background:var(--surface-2);border-radius:8px;padding:3px}.ro-pill label{position:relative;padding:6px 14px;border-radius:6px;font-size:13.5px;font-weight:500;color:var(--text-2);cursor:pointer}.ro-pill label.on{background:var(--surface);color:var(--text);outline:1px solid var(--border)}.ro-pill input{position:absolute;opacity:0;pointer-events:none}.ro-pill label:has(input:focus-visible){outline:2px solid var(--reviews)}.ro-note{font-size:13px;color:var(--muted)}.ro-features{display:grid;gap:4px}.ro-feature{display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:8px;cursor:pointer}.ro-feature:hover{background:var(--surface-2)}.ro-feature input{margin-top:3px;accent-color:var(--reviews)}.ro-feature span{display:flex;flex-direction:column;font-size:14px}.ro-feature small{color:var(--muted);font-size:12.5px;line-height:1.4}.ro-ok{margin-top:16px;width:100%}.st-pop{width:min(580px,100%)}.st-section{padding:14px 0;border-top:1px solid var(--border)}.st-section:first-of-type{border-top:0;padding-top:4px}.st-section h3{margin:0 0 10px}.st-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}.st-actions{display:flex;gap:8px;margin:10px 0 8px;flex-wrap:wrap}.st-btn{height:36px;border:1px solid var(--border);font-size:14px}.st-btn.danger{color:var(--danger)}.st-section .ro-note{margin-bottom:6px}.st-pop:focus{outline:none}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}.op-ramp{--c: var(--text-2)}.op-ramp.t-radical{--c: var(--radical)}.op-ramp.t-kanji{--c: var(--kanji)}.op-ramp.t-vocabulary{--c: var(--vocabulary)}.op-ramp .band-burned{background:var(--c)}.op-ramp .band-enlightened{background:color-mix(in srgb,var(--c) 80%,var(--surface))}.op-ramp .band-master{background:color-mix(in srgb,var(--c) 62%,var(--surface))}.op-ramp .band-guru{background:color-mix(in srgb,var(--c) 45%,var(--surface))}.op-ramp .band-apprentice{background:color-mix(in srgb,var(--c) 28%,var(--surface))}.op-ramp .band-lesson{background:color-mix(in srgb,var(--c) 13%,var(--surface))}.op-ramp .band-locked{background:var(--surface-3)}.op-legend{justify-content:center;margin:22px 0 0;padding-top:16px;border-top:1px solid var(--border)}.lp-scroll{height:320px}@media(max-width:760px){.lp-scroll{height:280px}}.lp-scroll.has-more{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 16px),#00000073);mask-image:linear-gradient(to bottom,#000 calc(100% - 16px),#00000073)}.op-ramp.t-all .band-burned{background:#434343}.op-ramp.t-all .band-enlightened{background:#0093dd}.op-ramp.t-all .band-master{background:#294ddb}.op-ramp.t-all .band-guru{background:#882d9e}.op-ramp.t-all .band-apprentice{background:#dd0093}.op-ramp.t-all .band-lesson{background:color-mix(in srgb,var(--text-2) 22%,var(--surface))}:root[data-theme=dark] .op-ramp.t-all .band-burned{background:#9aa0a8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .op-ramp.t-all .band-burned{background:#9aa0a8}}html.skip-busy,html.skip-busy body{overflow:hidden}.skip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#14182447;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.skip-overlay-card{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1.2rem 1.55rem;border-radius:1rem;background:#fffffff0;box-shadow:0 10px 36px #0003}.skip-overlay-card p{margin:0;font-size:1rem;font-weight:700;letter-spacing:.01em;color:#222}.skip-overlay-spinner{width:2rem;height:2rem;border-radius:50%;border:3px solid rgb(165 0 249 / .22);border-top-color:#a500f9;animation:spin .7s linear infinite}.debug-btn{position:fixed;left:12px;bottom:12px;z-index:60;padding:5px 10px;border-radius:6px;border:1px dashed var(--border);background:var(--surface);color:var(--muted);font:600 11.5px var(--font);cursor:pointer}.debug-btn:hover{color:var(--text)}.op-ramp.t-all{--c: #16a34a}.op-ramp.t-all .band-burned{background:var(--c)}.op-ramp.t-all .band-enlightened{background:color-mix(in srgb,var(--c) 80%,var(--surface))}.op-ramp.t-all .band-master{background:color-mix(in srgb,var(--c) 62%,var(--surface))}.op-ramp.t-all .band-guru{background:color-mix(in srgb,var(--c) 45%,var(--surface))}.op-ramp.t-all .band-apprentice{background:color-mix(in srgb,var(--c) 28%,var(--surface))}.op-ramp.t-all .band-lesson{background:color-mix(in srgb,var(--c) 13%,var(--surface))}.op-ramp.t-all .band-locked{background:var(--surface-3)}:root[data-theme=dark] .op-ramp.t-all{--c: #22c55e}:root[data-theme=dark] .op-ramp.t-all .band-burned{background:var(--c)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .op-ramp.t-all{--c: #22c55e}:root:not([data-theme=light]) .op-ramp.t-all .band-burned{background:var(--c)}}.lp-level-link{color:inherit;text-decoration:none}.lp-level-link:hover{text-decoration:underline}.stat-card{text-align:center}.stat-top{justify-content:center;gap:10px}.stat-card .levelup-head{text-align:left}.stat-card .btn{margin-top:0}.stat-card .levelup{margin-top:auto}.nav{align-items:center}.nav-menu{position:relative}.nav-menu>a{display:block}.nav-count{display:inline-block;min-width:22px;margin-left:4px;padding:1px 7px;border-radius:999px;color:#fff;font-size:11.5px;font-weight:700;text-align:center;line-height:1.5}.nav-count.lessons{background:var(--lessons)}.nav-count.reviews{background:var(--reviews)}.level-grid-pop{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:50;width:352px;padding:12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:0 16px 40px #1720332e}.level-grid-pop:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}.level-grid-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 2px 8px}.level-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.level-grid a{display:grid;place-items:center;height:28px;border-radius:6px;padding:0!important;font-size:12.5px;font-weight:600;color:var(--text-2);background:var(--surface-2);text-decoration:none;font-variant-numeric:tabular-nums}.level-grid a:hover{background:var(--text);color:var(--bg)}.level-grid a.done{color:var(--text);background:var(--surface-3)}.level-grid a.current{background:var(--kanji);color:#fff}.search{max-width:220px}@media(max-width:1180px){.search{display:none}.actions{margin-left:auto}}.pg-filter{align-self:center}.pg-filter a{text-decoration:none;border:0;background:none;color:var(--text-2);font:500 13px var(--font);padding:6px 14px;border-radius:6px}.pg-filter a[aria-selected=true]{background:var(--surface);color:var(--text);outline:1px solid var(--border)}.page{padding-bottom:18px}.updated{margin:-6px 0 0}.level-grid a:hover,.level-grid a.done:hover,.level-grid a.current:hover{background:var(--text);color:var(--bg)}.ro-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:16px;background:#14182452;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ro-pop{box-shadow:0 24px 60px #00000040}.search{display:flex;max-width:260px}@media(max-width:860px){.search{display:none}}.perm-banner{display:flex;align-items:center;justify-content:space-between;gap:12px}.perm-banner a{color:inherit;font-weight:700}.perm-dismiss{border:0;background:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.steps-perms{margin:6px 0 2px;padding-left:18px;display:grid;gap:3px}.steps-perms code{font:600 12.5px ui-monospace,Menlo,monospace;color:var(--text);background:var(--surface-2);padding:1px 5px;border-radius:4px}.ro-pop:focus{outline:none}.ro-group{display:flex;flex-direction:column;align-items:center;text-align:center}.ro-group legend{width:100%;text-align:center}.ro-pop>.ro-note{text-align:center}.ro-group legend{font-weight:800;font-size:14px}.ro-group{margin-bottom:20px}.topbar-inner{max-width:none;padding:10px 24px}.nav a[aria-current=page]{background:var(--surface-2);color:var(--text);font-weight:700;box-shadow:inset 0 -2px 0 var(--text)}.topbar-extra{margin-left:auto;display:flex;align-items:center}.topbar-extra:empty{display:none}.topbar-extra+.search{margin-left:0}.topbar-extra:empty+.search{margin-left:auto}.topbar-extra .rv-mix{margin-left:0}.topbar-status{display:flex;align-items:baseline;gap:10px;font-size:13.5px;white-space:nowrap}.topbar-status strong{font-weight:700}:root{--topbar-bg: #ffffff}:root[data-theme=dark]{--topbar-bg: var(--surface)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--topbar-bg: var(--surface)}}.topbar{background:var(--topbar-bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 0 var(--border),0 2px 8px #1414140a;border-bottom:0}.topbar .search,.topbar .avatar-btn{background:var(--bg)}.nav a{position:relative}.nav a[aria-current=page]{background:none;box-shadow:none;color:var(--text);font-weight:700}.nav a[aria-current=page]:after{content:"";position:absolute;left:10px;right:10px;bottom:-11px;height:3px;border-radius:3px 3px 0 0;background:var(--kanji)}.nav-menu>a[aria-current=page]:after{bottom:-11px}.nav a:hover{background:none;color:var(--text)}.tile.apprentice .tile-text{padding-bottom:12px}.tooltip{text-align:center}.tooltip .jp{display:block}.levelup .meter{height:12px}.levelup .meter-fill,.levelup .meter{border-radius:4px}.onboard-perms{margin-top:10px}.syn-editor{margin:10px 0 12px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--vocabulary) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--vocabulary) 25%,var(--border))}.syn-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.syn-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--vocabulary)}.syn-count{font-size:12px}.syn-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.syn-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 12px;border-radius:999px;background:var(--vocabulary);color:#fff;font-size:14px;font-weight:700}.syn-chip button{width:20px;height:20px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:#ffffff40;color:#fff;font-size:14px;line-height:1}.syn-chip button:hover{background:#ffffff73}.syn-empty{font-size:13.5px}.syn-addbtn{border:1px dashed var(--vocabulary);background:none;color:var(--vocabulary);cursor:pointer;padding:4px 12px;border-radius:999px;font:700 13px var(--font)}.syn-addbtn:hover{background:color-mix(in srgb,var(--vocabulary) 10%,transparent)}.syn-add{display:inline-flex;gap:6px}.syn-add input{height:30px;width:170px;padding:0 10px;border-radius:999px;border:1px solid var(--vocabulary);background:var(--surface);color:var(--text);font:500 14px var(--font);outline:none}.syn-save{height:30px;padding:0 14px;border-radius:999px;border:0;cursor:pointer;background:var(--vocabulary);color:#fff;font:700 13px var(--font)}.syn-save:disabled{opacity:.5;cursor:default}.syn-error{margin-top:8px}.syn-editor{margin:6px 0 10px;padding:0;background:none;border:0;border-radius:0}.syn-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px}.syn-title{font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--text-2)}.syn-empty{font-size:14px}.syn-chip{padding:2px 4px 2px 10px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--vocabulary) 14%,var(--surface));color:var(--vocabulary)}.syn-chip button{width:16px;height:16px;font-size:12px;background:none;color:var(--vocabulary)}.syn-chip button:hover{background:color-mix(in srgb,var(--vocabulary) 20%,transparent)}.syn-plus{width:22px;height:22px;border-radius:50%;border:0;cursor:pointer;padding:0;display:inline-grid;place-items:center;background:var(--vocabulary);color:#fff;font:700 16px/1 var(--font)}.syn-plus:hover{filter:brightness(1.1)}.syn-add input{height:26px;width:150px;font-size:13px}.syn-save{height:26px;font-size:12.5px}.syn-line .syn-title{color:var(--vocabulary)}.syn-line .syn-title{font-weight:800}.syn-line .syn-empty{color:var(--vocabulary);font-weight:400}.stat-card{isolation:isolate}.stat-card>:not(.stat-top){position:relative;z-index:1}.stat-top{position:relative;z-index:1}.stat-card .stat-icon{position:absolute;right:-14px;top:50%;transform:translateY(-50%) rotate(-8deg);width:auto;height:auto;padding:0;background:none;border-radius:0;font:700 190px/1 var(--font-jp);opacity:.07;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.stat-card.lessons .stat-icon{color:var(--lessons)}.stat-card.reviews .stat-icon{color:var(--reviews)}.stat-card.level .stat-icon{color:var(--vocabulary)}.stat-card .stat-top{position:static}.stat-card .eyebrow{position:relative;z-index:1;font-size:15px;font-weight:800;letter-spacing:.08em;color:var(--text)}:root[data-theme=dark] .stat-card .stat-icon{opacity:.12}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .stat-card .stat-icon{opacity:.12}}.stat-card.lessons .stat-icon{right:-18px;top:58%;transform:translateY(-50%) rotate(-10deg);font-size:190px}.stat-card.reviews .stat-icon{right:auto;left:-22px;top:38%;transform:translateY(-50%) rotate(7deg) skew(-6deg);font-size:176px}.stat-card.level .stat-icon{right:6px;top:72%;transform:translateY(-50%) rotate(-3deg) skewY(5deg);font-size:168px}.has-wm,.stat-card{position:relative;overflow:hidden;isolation:isolate}.has-wm>:not(.watermark){position:relative;z-index:1}.watermark{position:absolute;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-jp);font-weight:700;line-height:1;opacity:.07}:root[data-theme=dark] .watermark{opacity:.12}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .watermark{opacity:.12}}.has-wm .lp-heading{background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lp-heading,.has-wm .lp-heading{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.watermark{transition:color .25s ease}.lp-title{display:flex;align-items:center;gap:6px}.lp-step{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font:700 18px/1 var(--font);cursor:pointer;display:grid;place-items:center;padding:0 0 2px}.lp-step:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.lp-step:disabled{opacity:.3;cursor:default}.tab-count-waiting{opacity:.5;animation:lp-pulse 1s ease-in-out infinite}@keyframes lp-pulse{50%{opacity:.2}}.lp-loading{height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;gap:14px}.lp-loading i{width:16px;height:16px;border-radius:50%;background:var(--kanji);opacity:.25;animation:lp-dot 1s ease-in-out infinite}.lp-loading.vocabulary i{background:var(--vocabulary)}.lp-loading.radical i{background:var(--radical)}.lp-loading i:nth-child(2){animation-delay:.15s}.lp-loading i:nth-child(3){animation-delay:.3s}@keyframes lp-dot{0%,80%,to{opacity:.25;transform:translateY(0) scale(.85)}40%{opacity:1;transform:translateY(-8px) scale(1)}}@media(prefers-reduced-motion:reduce){.lp-loading i{animation:none;opacity:.6}}.stat-card.level .levelup .meter-fill{background:var(--vocabulary)}.lp-card-head{align-items:center}.lp-card-head .tabs{order:-1}.lp-card-head .tabs button{padding:8px 18px;gap:8px}.lp-card-head .tab-count{margin-left:2px}