:root{--bg:#0e0e11;--surface:#17171c;--border:#2a2a33;--text:#ece9e4;--muted:#9b978f;--accent:#d8452f;--accent-soft:#f0b429;--font-jp:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:light){:root{--bg:#faf8f5;--surface:#fff;--border:#e4ded4;--text:#1a1a1f;--muted:#6b6760}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;line-height:1.7}a{color:inherit}.wrap{max-width:720px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--border);padding:18px 0}.site-header a{letter-spacing:.02em;font-weight:700;text-decoration:none}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:64px;padding:28px 0 48px;font-size:13px}.site-footer p{margin:0 0 8px}h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:48px 0 16px;font-size:15px;font-weight:600}.lead{color:var(--muted);margin:-8px 0 20px;font-size:14px}.crumbs{color:var(--muted);gap:8px;padding:20px 0 0;font-size:13px;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.reveal{border-bottom:1px solid var(--border);padding:40px 0 8px}.reveal-romaji{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0;font-size:15px}.reveal-jp{font-family:var(--font-jp);letter-spacing:.04em;margin:6px 0 0;font-size:clamp(56px,14vw,96px);line-height:1.1}.reveal-reading{color:var(--muted);margin:6px 0 0;font-size:17px}.reveal-gloss{margin:22px 0 30px;font-size:clamp(24px,5vw,34px);font-weight:600;line-height:1.35}.reveal-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.fullname,.note{color:var(--muted);margin:16px 0 0;font-size:15px}.src{color:var(--muted);opacity:.8;margin:10px 0 0;font-size:12px}.fullname strong{color:var(--text);font-family:var(--font-jp);font-size:19px}.chars{gap:10px;display:grid}.char{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:18px;padding:16px 18px;text-decoration:none;display:flex}.char:hover{border-color:var(--accent)}.char-lit{font-family:var(--font-jp);text-align:center;flex:none;width:60px;font-size:52px;line-height:1}.char-body{flex-direction:column;gap:2px;min-width:0;display:flex}.char-meaning{font-size:17px;font-weight:600}.char-readings{color:var(--muted);font-size:14px}.char-meta{color:var(--muted);font-size:12px}.chain{border-top:1px solid var(--border);gap:16px;padding:14px 0;display:flex}.chain-key{font-family:var(--font-jp);color:var(--accent-soft);flex:0 0 44px;font-size:30px;line-height:1.2}.chain-list{gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.chain-list li{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:15px;display:flex}.chain-reading{color:var(--muted);font-size:13px}.chain-gloss{color:var(--muted)}.siblings{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.siblings a{border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:10px 12px;font-size:14px;text-decoration:none;display:block}.siblings a:hover{border-color:var(--accent)}.siblings span[lang=ja]{font-family:var(--font-jp);color:var(--text);margin-right:6px;font-size:17px}.page-title{letter-spacing:-.01em;margin:44px 0 0;font-size:clamp(30px,6vw,44px);line-height:1.2}.hero-sub{color:var(--muted);max-width:52ch;margin:16px 0 0;font-size:17px}.rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.row{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:baseline;gap:18px;padding:14px 16px;text-decoration:none;display:flex}.row:hover{border-color:var(--accent)}.row-jp{font-family:var(--font-jp);flex:none;min-width:3.4em;font-size:26px;line-height:1.3}.row-body{flex-direction:column;gap:2px;min-width:0;display:flex}.row-romaji{font-size:15px;font-weight:600}.row-gloss{color:var(--muted);font-size:14px}.row-parts{color:var(--muted);opacity:.75;margin-top:2px;font-size:12px}.facts{grid-template-columns:max-content 1fr;gap:6px 20px;margin:26px 0 0;font-size:15px;display:grid}.facts dt{color:var(--muted);font-size:13px}.facts dd{margin:0}.grid-kanji{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin-top:24px;display:grid}.tile{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;text-decoration:none;display:flex}.tile:hover{border-color:var(--accent)}.tile-lit{font-family:var(--font-jp);font-size:34px;line-height:1}.tile-meaning{color:var(--muted);text-align:center;font-size:11px;line-height:1.3}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.pw{color:var(--muted);align-items:baseline;gap:7px;font-size:13px;text-decoration:none;display:flex}.pw:hover .pw-count{color:var(--accent)}.pw-count{color:var(--text);font-size:19px;font-weight:700}.pw-due{background:var(--accent);color:#fff;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.cov{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:26px 0 8px;padding:18px 20px}.cov-lead{color:var(--muted);margin:0;font-size:14px}.cov-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.cov-pct{font-size:38px;font-weight:700;line-height:1}.cov-text{color:var(--muted);font-size:14px}.cov-bar{background:var(--border);border-radius:999px;height:6px;margin-top:14px;overflow:hidden}.cov-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.cov-locked{border-color:var(--accent)}.cov-cta{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;margin-top:14px;padding:11px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.cov-cta:hover{filter:brightness(1.1)}.rv{flex-direction:column;align-items:center;padding-top:28px;display:flex}.rv-top{width:100%;max-width:460px;color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.rv-char{font-family:var(--font-jp);margin:8px 0 0;font-size:clamp(96px,26vw,168px);line-height:1.15}.rv-reading{color:var(--muted);min-height:24px;font-size:16px}.rv-from{color:var(--muted);margin:4px 0 0;font-size:14px}.rv-from a{font-family:var(--font-jp);color:var(--accent-soft);font-size:18px;text-decoration:none}.rv-options{gap:10px;width:100%;max-width:460px;margin-top:26px;display:grid}.rv-opt{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;border-radius:12px;padding:15px 18px;font-family:inherit;font-size:16px}.rv-opt:hover:not(:disabled){border-color:var(--accent)}.rv-opt.is-correct{background:#2f9e5f22;border-color:#2f9e5f}.rv-opt.is-wrong{border-color:var(--accent);background:#d8452f22}.rv-opt.is-dim{opacity:.4}.rv-next{background:var(--text);color:var(--bg);cursor:pointer;border:0;border-radius:999px;margin-top:22px;padding:12px 34px;font-family:inherit;font-size:15px;font-weight:600}.plans{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:32px;display:grid}.plan{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:24px}.plan-pro{border-color:var(--accent)}.plan-name{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px}.plan-price{margin:6px 0 18px;font-size:42px;font-weight:700;line-height:1}.plan-price span{color:var(--muted);font-size:16px;font-weight:400}.plan-list{color:var(--muted);gap:8px;margin:0;padding-left:20px;font-size:15px;display:grid}.up-note{color:var(--muted);margin:12px 0 0;font-size:13px}.up-active{margin:0;font-weight:600}.up-link{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-family:inherit;font-size:13px;text-decoration:underline;display:block}