:root{--text:#202124;--text-h:#111827;--bg:#f7f7fb;--border:#d7dce5;--surface:#fff;--accent:#5b21b6;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body[data-theme=light]{--text:#202124;--text-h:#111827;--bg:#f7f7fb;--border:#d7dce5;--surface:#fff;--accent:#5b21b6}body[data-theme=dark]{--text:#e5e7eb;--text-h:#f9fafb;--bg:#101218;--border:#2a3140;--surface:#161b24;--accent:#a78bfa}#root{min-height:100vh}body{background-color:var(--bg);color:var(--text);margin:0}h1{color:var(--text-h);margin:0;font-size:2.2rem}h2{color:var(--text-h);margin:0;font-size:1.5rem}p{margin:0}a{color:var(--accent)}.app-shell{min-height:100vh}.page{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:min(1280px,100%);margin:0 auto;padding:2.5rem 1.25rem;display:flex}.page-home{gap:2rem}.kana-choice-grid{flex-wrap:wrap;gap:1rem;display:flex}.kana-choice-card{background:var(--surface);flex:320px}.kana-preview{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.kana-preview-item{border:1px solid var(--border);width:2.5rem;height:2.5rem;color:var(--text-h);background:var(--bg);border-radius:8px;place-items:center;font-size:1.25rem;font-weight:600;display:grid}.status-message{margin:0}.status-error{color:#c0392b}