:root{font-family:Inter,system-ui,sans-serif;color:#2b2026;background:#fff7fa}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:#fff;border-bottom:1px solid #f0dce4}h1{margin:0;color:#d94d82;font-size:24px}header small{color:#7d6671}#syncStatus{font-size:12px;color:#6b5b63;text-align:right}main{max-width:720px;margin:auto;padding:14px 14px calc(24px + env(safe-area-inset-bottom))}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}button,input,select{font:inherit}button{min-height:48px;border:0;border-radius:14px;background:#ffd6e3;color:#4b2534;font-weight:700;padding:10px}button.active,.primary{background:#79d49a;color:#103d20}input[type=search],.answer,select{width:100%;min-height:54px;border:1px solid #e0cdd5;border-radius:14px;background:#fff;padding:14px;font-size:16px}.filters{display:flex;gap:8px;overflow:auto;padding:12px 0}.filters button{min-width:max-content;min-height:40px}.word{position:relative;background:#fff;border:1px solid #eedde4;border-radius:18px;margin:10px 0;padding:16px;box-shadow:0 5px 18px #6b33400d}.word .jp{font-size:28px}.word .romaji{color:#7c6871}.word .hu{font-weight:700;margin-top:7px}.dot{position:absolute;right:0;bottom:0;width:22px;height:22px;border-radius:100% 0 17px}.verb{background:#e65353}.noun{background:#4b83dc}.adjective{background:#43a864}.other{background:#8c5bc7}.setup,.card,.summary,.empty{background:#fff;border:1px solid #eedde4;border-radius:20px;padding:20px}.setup label{display:block;margin:14px 0 6px;font-weight:700}.checks{display:flex;flex-wrap:wrap;gap:8px}.checks label{background:#fff7fa;border-radius:10px;padding:10px;margin:0}.question{text-align:center;font-size:34px;font-weight:800;min-height:90px;display:grid;place-items:center}.listen{display:block;width:100%;margin:0 0 14px;background:#ffd6e3;font-size:17px}.answer{font-size:20px;text-align:center}.feedback{min-height:56px;text-align:center;font-weight:700;padding:12px}.good{color:#27834a}.bad{color:#c33450}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.progress{height:9px;background:#eee;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:#79d49a}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:#fff;padding:14px;border-radius:14px;text-align:center}.muted{color:#76656d;font-size:13px}@media(min-width:600px){#wordList{display:grid;grid-template-columns:1fr 1fr;gap:10px}.word{margin:0}}