:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#1a1a2e;--surface:#22223a;--text:#f2f2f7;--muted:#9a9ab5;--accent:#e94560;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}.app-header{border-bottom:1px solid #33334f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:1rem;display:flex}.app-header h1{margin:0;font-size:1.1rem}.app-header nav{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.app-header nav a{color:var(--muted);font-size:.9rem;text-decoration:none}#furigana-toggle{background:var(--surface);border:1px solid var(--accent);color:var(--text);border-radius:999px;min-height:2.5rem;padding:.5rem .9rem;font-size:.85rem}#furigana-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.app-header nav a:hover{color:var(--text)}main{max-width:480px;margin:0 auto;padding:1.5rem 1rem 3rem}.jp-text{text-align:center;margin:2rem 0;font-size:2.2rem;line-height:3.2rem}ruby rt{color:var(--muted);font-size:.9rem}body.hide-furigana ruby rt{display:none}button{font:inherit;background:var(--surface);color:var(--text);cursor:pointer;border:1px solid #33334f;border-radius:8px;padding:.6rem 1rem}button:hover{border-color:var(--accent)}.review-card{flex-direction:column;align-items:stretch;gap:1rem;display:flex}.progress{color:var(--muted);text-align:center;font-size:.85rem}.badge{background:var(--surface);border-radius:999px;padding:.1rem .6rem}.romaji{text-align:center;color:var(--muted)}.english{text-align:center;font-size:1.2rem}#grades{grid-template-columns:repeat(4,1fr);align-items:start;gap:.5rem;display:grid}.grade-group button{width:100%}.grade-group button[data-grade="0"]{border-color:#e94560}.grade-group button[data-grade="1"]{border-color:#f0c674}.grade-group button[data-grade="2"]{border-color:#7fd99a}.grade-group button[data-grade="3"]{border-color:#4ade80}.review-done{text-align:center;padding:3rem 0}.vocab-list{margin:0 0 2rem;padding:0;list-style:none}.vocab-row{border-bottom:1px solid #33334f;grid-template-columns:1fr auto;grid-template-areas:"jp play""romaji play""english play""example example";align-items:center;gap:.15rem 1rem;padding:.75rem 0;display:grid}.vocab-row .jp-text{text-align:left;grid-area:jp;margin:0;font-size:1.4rem;line-height:2rem}.vocab-row .romaji{text-align:left;grid-area:romaji;font-size:.85rem}.vocab-row .english{text-align:left;color:var(--muted);grid-area:english;font-size:.9rem}.vocab-row .play{grid-area:play}.vocab-row .example{background:var(--surface);border-radius:8px;grid-area:example;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;display:flex}.example-text{font-size:1rem;line-height:1.8rem}.example-text .romaji,.example-text .english{text-align:left;margin:.15rem 0 0;font-size:.8rem}.example .play-small{flex-shrink:0;padding:.35rem .6rem;font-size:.8rem}.confidence{border-radius:999px;margin-left:.4rem;padding:.1rem .5rem;font-size:.7rem;display:inline-block}.confidence-new{color:var(--muted);background:#33334f}.confidence-learning{color:#f0c674;background:#4a3a1a}.confidence-familiar{color:#7fd99a;background:#1a3a2a}.confidence-mastered{color:#4ade80;background:#143d1f}.grade-group{flex-direction:column;gap:.2rem;display:flex}.grade-group .grade-caption{color:var(--muted);font-size:.7rem}.grade-help{color:var(--muted);text-align:center;font-size:.8rem}.kanji-overview .progress{margin-bottom:.75rem}#start-kanji-review{background:var(--accent);border-color:var(--accent);width:100%;margin-bottom:1.5rem}.kanji-grid{grid-template-columns:repeat(6,1fr);gap:.4rem;margin-bottom:1.5rem;display:grid}.kanji-tile{aspect-ratio:1;border-radius:6px;padding:0;font-size:1.4rem}.confidence-bg-new{background:#33334f;border-color:#33334f}.confidence-bg-learning{background:#4a3a1a;border-color:#f0c674}.confidence-bg-familiar{background:#1a3a2a;border-color:#7fd99a}.confidence-bg-mastered{background:#143d1f;border-color:#4ade80}.kanji-detail-card{background:var(--surface);border-radius:8px;padding:1rem}.kanji-detail-char{text-align:center;margin-bottom:.5rem;font-size:3rem}.kanji-big{font-size:5rem;line-height:1.2}.connect form{gap:.5rem;display:flex}.connect input{font:inherit;background:var(--surface);color:var(--text);border:1px solid #33334f;border-radius:8px;flex:1;padding:.6rem}.status{color:var(--muted);font-size:.85rem}