:root{color:#172033;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}main{box-sizing:border-box;max-width:640px;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 20px 24px;margin:0 auto}.eyebrow{color:#2563eb;letter-spacing:.06em;font-weight:700}h1{margin:8px 0 24px;font-size:2rem}.summary,.card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin:20px 0;padding:24px;box-shadow:0 8px 24px #1720330d}.summary p{justify-content:space-between;display:flex}.summary label{justify-content:space-between;align-items:center;gap:16px;font-weight:600;display:flex}.summary input{width:92px;font:inherit;text-align:right;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px}.primary,.ratings button{border:0;border-radius:12px;min-height:48px;padding:0 18px;font-size:1rem}.primary{color:#fff;background:#2563eb;width:100%;font-weight:700}.secondary{color:#2563eb;background:#fff;border:1px solid #2563eb;border-radius:12px;width:100%;min-height:48px;margin-top:12px;font-size:1rem}.ratings{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ratings button{color:#172033;background:#eaf1ff}.phonetic{color:#64748b;margin-bottom:28px}