.kanji-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center;margin-bottom:14px}.kanji-search{width:100%;border:1px solid var(--line);border-radius:14px;background:#0d121d;color:var(--text);padding:12px 14px;outline:none}.kanji-search:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.14)}.kanji-filters{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.kanji-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:rgba(14,19,32,.76)}.kanji-progress span{color:var(--muted);font-size:.78rem}.kanji-progress b{color:#c4b5fd}.kanji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.kanji-card{position:relative;min-height:142px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#151b29,#0d121d);color:var(--text);padding:13px 9px;text-align:center;cursor:pointer;transition:.2s}.kanji-card:hover{transform:translateY(-2px);border-color:#5e478d}.kanji-card.learned{border-color:rgba(52,211,153,.45);background:linear-gradient(145deg,rgba(16,185,129,.1),#0d121d)}.kanji-glyph{display:block;font:700 3.2rem/1.1 "Noto Sans JP"}.kanji-mn{display:block;margin-top:7px;font-size:.7rem;font-weight:800}.kanji-reading{display:block;margin-top:4px;color:var(--muted);font:500 .65rem "Noto Sans JP"}.kanji-check{position:absolute;top:8px;right:8px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#062d22;font-size:.65rem;font-weight:900;opacity:0;transform:scale(.6);transition:.2s}.kanji-card.learned .kanji-check{opacity:1;transform:scale(1)}.kanji-empty{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted)}
.kanji-quiz{margin-top:20px;padding:20px;border:1px solid #4b3c70;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(139,92,246,.13),transparent 40%),#0e1320}.kanji-quiz-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.kanji-quiz-top h3{margin:0}.kanji-quiz-top span{color:var(--muted);font-size:.75rem}.kanji-quiz-char{font:800 5.5rem/1 "Noto Sans JP";text-align:center;margin:24px 0 18px}.kanji-quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.kanji-quiz-options button{border:1px solid var(--line);border-radius:13px;background:#111827;color:var(--text);padding:12px;font-weight:800;cursor:pointer}.kanji-quiz-options button.correct{border-color:var(--green);background:rgba(52,211,153,.12)}.kanji-quiz-options button.wrong{border-color:var(--red);background:rgba(251,113,133,.12)}.kanji-quiz-feedback{min-height:24px;margin-top:10px;color:#c4b5fd;text-align:center;font-size:.82rem;font-weight:800}
.kanji-modal[hidden]{display:none}.kanji-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(2,5,12,.82);backdrop-filter:blur(10px)}.kanji-sheet{position:relative;width:min(950px,100%);max-height:min(860px,calc(100vh - 36px));overflow:auto;border:1px solid #49386d;border-radius:28px;background:#0b101a;box-shadow:0 30px 100px rgba(0,0,0,.65);padding:24px}.kanji-close{position:sticky;z-index:5;top:0;float:right;width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:#151b29;color:white;font-size:1.2rem;cursor:pointer}.kanji-detail-top{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.kanji-detail-char{font:800 8rem/1 "Noto Sans JP";text-align:center;color:white}.kanji-detail-info h2{font-size:1.8rem;margin:0 0 8px}.reading-pills{display:flex;flex-wrap:wrap;gap:8px}.reading-pill{padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#101622}.reading-pill b{display:block;color:#9aa5b8;font-size:.62rem;text-transform:uppercase}.reading-pill span{font-family:"Noto Sans JP"}.kanji-word{margin-top:12px;padding:13px;border:1px solid rgba(34,211,238,.2);border-radius:14px;background:rgba(34,211,238,.06)}.kanji-word strong{font:700 1.35rem "Noto Sans JP"}.kanji-word span{display:block;color:var(--muted);font-size:.78rem;margin-top:4px}.kanji-practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.kanji-stroke-box,.kanji-draw-box{border:1px solid var(--line);border-radius:20px;background:#101622;padding:15px}.kanji-stroke-box h3,.kanji-draw-box h3{margin:0 0 9px;font-size:.9rem}.kanji-stroke{position:relative;display:grid;place-items:center;width:min(100%,360px);aspect-ratio:1;margin:auto;border-radius:16px;background:#f8f5ed;overflow:hidden}.kanji-stroke:before,.kanji-paper:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(92,120,151,.18) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(92,120,151,.18) 50%,transparent 50.3%);pointer-events:none}.kanji-stroke svg{width:94%;height:94%}.kanji-stroke [id^="kvg:StrokePaths_"] path{stroke:#5b21b6!important;stroke-width:3.4!important}.kanji-stroke [id^="kvg:StrokeNumbers_"]{fill:#0891b2!important;font-weight:800}.kanji-stroke.animate [id^="kvg:StrokePaths_"] path{stroke-dasharray:333;stroke-dashoffset:333;animation:kanji-draw .7s linear forwards calc(var(--i)*.62s + .2s)}.kanji-arrow-path{fill:none;stroke:#f97316;stroke-width:1.2;stroke-linecap:round;stroke-dasharray:2 3;opacity:.7}.kanji-arrow{fill:#f97316}.kanji-practice-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:9px}.kanji-practice-actions button,.kanji-master{border:1px solid #55427a;border-radius:11px;background:#171124;color:#e9ddff;padding:9px 12px;font-weight:800;cursor:pointer}.kanji-master.active{border-color:var(--green);background:rgba(52,211,153,.13);color:#6ee7b7}.kanji-paper{position:relative;width:min(100%,360px);aspect-ratio:1;margin:auto;border-radius:16px;background:#f8f5ed;overflow:hidden;touch-action:none}.kanji-ghost{position:absolute;inset:0;display:grid;place-items:center;color:rgba(75,85,99,.14);font:800 clamp(9rem,24vw,15rem)/1 "Noto Sans JP";pointer-events:none}.kanji-paper canvas{position:absolute;inset:0;width:100%;height:100%}.kanji-credit{margin-top:16px;color:#737e91;text-align:center;font-size:.65rem}.kanji-credit a{color:#8da2c4}@keyframes kanji-draw{to{stroke-dashoffset:0}}
@media(max-width:1050px){.kanji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:750px){.kanji-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kanji-detail-top{grid-template-columns:110px 1fr}.kanji-detail-char{font-size:6rem}.kanji-practice-grid{grid-template-columns:1fr}.kanji-sheet{padding:18px}.kanji-toolbar{grid-template-columns:1fr}.kanji-filters{margin:0 -12px;padding:0 12px}.kanji-quiz-options{grid-template-columns:1fr}}
@media(max-width:650px){.nav-btn{font-size:.56rem}.nav-btn svg{width:17px;height:17px}.kanji-grid{gap:7px}.kanji-card{min-height:118px;padding:10px 5px;border-radius:15px}.kanji-glyph{font-size:2.7rem}.kanji-mn{font-size:.62rem}.kanji-reading{font-size:.58rem}.kanji-modal{align-items:end;padding:7px}.kanji-sheet{max-height:calc(100vh - 14px);border-radius:24px 24px 16px 16px;padding:15px}.kanji-detail-top{grid-template-columns:88px 1fr;gap:12px}.kanji-detail-char{font-size:5rem}.kanji-detail-info h2{font-size:1.25rem}.reading-pill{padding:6px 8px}.kanji-stroke-box,.kanji-draw-box{padding:11px}.kanji-quiz{padding:15px}.kanji-quiz-char{font-size:4.6rem}}