*{box-sizing:border-box}body{margin:0;background:#F5F4FF;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;color:#0F1724} .frame{width:1242px;height:2688px;padding:120px;display:flex;align-items:center;justify-content:center} .phone{width:720px;height:1520px;border-radius:56px;background:linear-gradient(180deg,#ffffff,#FBF9FF);box-shadow:0 30px 80px rgba(16,24,40,0.12);padding:56px;display:flex;flex-direction:column;align-items:center} header{width:100%;text-align:left} h1{font-size:36px;margin:0;color:#6C63FF} p.subtitle{margin:8px 0 20px;color:#374151;font-size:18px} .card{width:100%;background:#fff;border-radius:18px;padding:26px;box-shadow:0 10px 30px rgba(16,24,40,0.06);display:block} .field{height:56px;border-radius:12px;border:1px solid rgba(15,23,36,0.06);display:flex;align-items:center;padding:0 16px;margin:10px 0} .big{font-size:44px;font-weight:700;letter-spacing:6px;text-align:center} .mic{width:120px;height:120px;border-radius:999px;background:linear-gradient(180deg,#6C63FF,#BFA8FF);display:flex;align-items:center;justify-content:center;color:#fff;font-size:44px;box-shadow:0 12px 30px rgba(108,99,255,0.18)} .history{display:flex;gap:8px;flex-direction:column;margin-top:12px} .guess{padding:10px 14px;border-radius:12px;background:#F8FAFF;border:1px solid rgba(108,99,255,0.06)} .win{display:flex;gap:12px;align-items:center;justify-content:center} .reveal{width:180px;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,36,0.04);text-align:center} .btn{display:inline-block;padding:12px 18px;border-radius:12px;background:#6C63FF;color:#fff;text-decoration:none} .muted{color:#64748B;font-size:14px}