:root{font-family:system-ui,sans-serif;color:#111827;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}main{max-width:430px;margin:auto;padding:0 16px 28px}header{margin:0 -16px 16px;padding:24px;background:#c8102e;color:#fff;border-radius:0 0 24px 24px}header small{font-weight:700;letter-spacing:.18em}header h1{margin:7px 0 3px}header p{margin:0;opacity:.86}.card{background:#fff;border-radius:22px;padding:18px;margin:14px 0;box-shadow:0 4px 18px #0f172a0d}.top{display:flex;justify-content:space-between}.top span,.top strong{display:block}.top span{color:#64748b;text-transform:capitalize}.top strong{font-size:30px}.weather{text-align:right;display:grid;color:#64748b}h2{font-size:16px;margin:0 0 13px}input{width:100%;padding:15px;margin:7px 0;border:1px solid #cbd5e1;border-radius:14px;font-size:16px}.location{width:100%;border:0;padding:15px;border-radius:16px;font-weight:700;background:#fff7ed;color:#9a3412}.location.ok{background:#ecfdf5;color:#047857}.location.bad{background:#fef2f2;color:#b91c1c}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.actions button{height:112px;border:0;border-radius:22px;color:#fff;font-weight:800;background:#c8102e}.actions button+button{background:#111827}.actions button:disabled{opacity:.45}.summary{display:grid;grid-template-columns:1fr 1fr;text-align:center;color:#64748b}.summary b{color:#111827}.privacy{text-align:center;color:#64748b;font-size:12px}dialog{border:0;border-radius:22px;max-width:340px;padding:24px;box-shadow:0 20px 70px #0004}dialog button,.btn{padding:12px;border:0;border-radius:12px;background:#c8102e;color:#fff;font-weight:700;margin:3px}table{border-collapse:collapse;width:100%;min-width:650px}th,td{padding:9px;border-bottom:1px solid #e2e8f0;text-align:left}th{background:#f8fafc}