:root{--bg:#f7f5ee;--paper:#fffef9;--soft:#eeece3;--ink:#19243b;--muted:#687386;--line:#dce0e7;--blue:#3458e8;--blue-dark:#2040c5;--blue-soft:#e6ebff;--frame:#3458e8;--frame-ink:#fff;--green:#198b71;--gold:#efb85e;--red:#ca6148}
[data-theme=dark]{--bg:#101522;--paper:#1b2337;--soft:#232e46;--ink:#f5f2e9;--muted:#a4b2ce;--line:#34435e;--blue:#9eb2ff;--blue-dark:#c1ceff;--blue-soft:#2a3b68;--frame:#5877f1;--frame-ink:#fff;--green:#77d8b2;--gold:#f2bc65;--red:#f3977d}
body{background:var(--bg)}.top{height:94px}.brand-flower{color:#e57c52}.brand{font-weight:800;letter-spacing:1px}.brand small{letter-spacing:2px}.nav{padding:8px 6px;gap:4px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 5px 18px #17274a05}.nav button{border:0;border-radius:12px;padding:11px 14px;font-weight:650;gap:8px;transition:background .18s,color .18s}.nav button.active{background:var(--frame);color:#fff}.nav button small{display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:7px;opacity:.65;font-size:9px;font-weight:700}.nav button:hover:not(.active){background:var(--blue-soft);color:var(--blue)}.primary{box-shadow:0 4px 0 #14275d24;border-radius:12px;min-height:46px}.secondary,.small-button{border-radius:11px}.panel,.word-card{border-radius:18px}.panel{box-shadow:0 8px 25px #1d315205}.word-card{border-top:3px solid var(--blue);padding:23px;transition:transform .18s,border-color .18s}.word-card:nth-child(3n+2){border-top-color:var(--green)}.word-card:nth-child(3n){border-top-color:var(--red)}.word-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #1624420b}.word-card .jp{font-size:28px;color:var(--ink)}.voice{background:var(--blue-soft);color:var(--blue);border-radius:11px}.practice-card{border-radius:24px;border-top:4px solid var(--blue);padding:42px;box-shadow:0 15px 45px #1827490a}.prompt{font-size:clamp(28px,4vw,42px)}.toolbar{border-radius:16px}.page-heading{margin:34px 0 24px}.page-heading h1{font-weight:600}.eyebrow{color:var(--blue)}.landing{min-height:630px}.landing h1{font-size:clamp(45px,5vw,70px)}.top-actions .account-button{background:var(--blue-soft);border-color:transparent;color:var(--blue);font-weight:700}.preview-notice{display:none!important}.footer{font-size:11px}.lesson-grid .lesson{border-radius:16px}.auth .panel{border-top:4px solid var(--blue)}.auth label input{display:block;width:100%;margin-top:7px}.auth form{gap:18px}
#kanaRoot{--bg:var(--paper);--blue:#3458e8;--accent:#3458e8}#kanaRoot[data-theme=dark]{--blue:#9eb2ff;--accent:#9eb2ff}#kanaRoot .site-grid{padding:0 18px}#kanaRoot .page-header{margin-top:24px}#kanaRoot .eyebrow{color:var(--blue)}#kanaRoot .brand-caption{display:none}#kanaRoot .game-nav{display:none!important}.grid a[href*="book"],[data-view=book]{display:none!important}
@media(max-width:600px){.nav{border-radius:13px;margin:0 12px 16px}.nav button{padding:10px 12px}.top{height:78px}.practice-card{padding:25px 18px}.word-card{padding:20px}.landing{padding-top:15px}}