:root{color:#14233c;font-family:Manrope,Segoe UI,sans-serif;font-weight:500;line-height:1.4}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 20%,#b8f3ff 0%,#0000 35%),radial-gradient(circle at 90% 10%,#ffe8c8 0%,#0000 30%),#eef4ff;min-height:100vh;margin:0}#app{min-height:100vh;padding:20px}.app{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border:1px solid #14233c1f;border-radius:24px;max-width:520px;margin:0 auto;padding:24px;box-shadow:0 16px 45px #14233c24}.app[data-theme=dark]{color:#f2f4f8;background:#071325e0;border-color:#ffffff26}.eyebrow{color:#0b7d95;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px}h1{margin:10px 0 8px;font-size:34px;line-height:1.1}.lead{opacity:.85;margin:0}.theme-toggle{font:inherit;cursor:pointer;color:#fff;background:linear-gradient(135deg,#0b7d95,#144a78);border:0;border-radius:12px;margin-top:16px;padding:10px 14px;font-weight:700}.app[data-theme=dark] .theme-toggle{color:#0a1c31;background:linear-gradient(135deg,#b8f3ff,#9edcff)}.card{background:#0b7d9514;border-radius:16px;gap:12px;margin-top:18px;padding:14px;display:grid}.card>div{justify-content:space-between;gap:12px;display:flex}.label{opacity:.75}@media (width<=480px){#app{padding:12px}.app{border-radius:18px;padding:18px}h1{font-size:28px}}