.hiragana-app-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:0 1rem 2rem;--bg:#f7f8f3;--panel:#ffffff;--ink:#1f2937;--muted:#6b7280;--accent:#0f766e;--accent-soft:#ccfbf1;--ok:#166534;--ok-soft:#dcfce7;--bad:#991b1b;--bad-soft:#fee2e2;--line:#d1d5db}.hiragana-app{width:min(980px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px rgba(15,23,42,.08);overflow:hidden}.hiragana-header{padding:1rem 1.25rem;background:linear-gradient(135deg,#0f766e,#0ea5a4);color:#f0fdfa}.hiragana-header h1{margin:0;font-size:1.4rem;font-family:inherit;letter-spacing:.02em}.hiragana-header .sub{margin:.35rem 0 0;font-size:.95rem;opacity:.95}.hiragana-stats{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--line)}.hiragana-status{font-size:.95rem;color:var(--muted)}.hiragana-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.hiragana-actions button{border:0;border-radius:10px;padding:.55rem .8rem;background:var(--accent);color:#ffffff;cursor:pointer;font-weight:600;font-size:.88rem;transition:filter .15s ease,background-color .15s ease}.hiragana-actions button:hover{filter:brightness(1.08)}.hiragana-actions button[aria-pressed=true]{background:#042f2e;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.hiragana-board{display:grid;grid-template-columns:1fr;grid-gap:.8rem;gap:.8rem;padding:1rem}.hiragana-col{border:1px solid var(--line);border-radius:12px;padding:.8rem;background:#fcfcfb}.hiragana-col h2{margin:0 0 .65rem;font-size:1rem;font-family:inherit;color:#334155}.hiragana-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.65rem;gap:.65rem}@media (max-width:700px){.hiragana-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:480px){.hiragana-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.hiragana-card{border:1px solid #cbd5e1;border-radius:10px;background:#ffffff;padding:.6rem .45rem;cursor:pointer;text-align:center;transition:transform .12s ease,background-color .12s ease;min-height:56px;font-family:inherit;width:100%}.hiragana-card:hover{transform:translateY(-1px);background:#f8fafc}.hiragana-card.known{border-color:#047857;background:#d1fae5;color:#065f46}.hiragana-kana{font-size:1.6rem;line-height:1;margin-bottom:.15rem}.romaji-reveal{margin-top:.2rem;font-size:.78rem;font-weight:700;color:#0f766e;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:.3rem;flex-wrap:wrap}.romaji-text{text-transform:lowercase}.romaji-helper{font-size:.72rem;color:#0b5f58;font-weight:600}body.dark-mode .hiragana-app{background:#111827;border-color:#334155;box-shadow:0 16px 40px rgba(2,6,23,.55)}body.dark-mode .hiragana-stats{border-bottom-color:#334155}body.dark-mode .hiragana-status{color:#9ca3af}body.dark-mode .hiragana-actions button{background:#0e7490;color:#ecfeff}body.dark-mode .hiragana-actions button[aria-pressed=true]{background:#164e63}body.dark-mode .hiragana-col{border-color:#334155;background:#0f172a}body.dark-mode .hiragana-col h2{color:#cbd5e1}body.dark-mode .hiragana-card{border-color:#475569;background:#1e293b;color:#e2e8f0}body.dark-mode .hiragana-card:hover{background:#273449}body.dark-mode .hiragana-card.known{border-color:#34d399;background:#064e3b;color:#a7f3d0}body.dark-mode .romaji-reveal{color:#5eead4}body.dark-mode .romaji-helper{color:#99f6e4}