:root{
  --bg: linear-gradient(180deg,#e6f0ff,#ffffff);
  --card: #ffffff;
  --accent: #0b5cff;
  --muted: #475569;
  --radius: 14px;
  --shadow: 0 18px 40px rgba(8,20,50,0.06);
}
body{font-family:system-ui, -apple-system, 'Segoe UI', Roboto; background:var(--bg); margin:0; padding:20px}
.apw-root{max-width:920px;margin:20px auto;padding:10px}
.apw-title{text-align:center;font-size:24px;margin-bottom:12px;color:var(--accent)}
.apw-card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border:1px solid rgba(11,92,255,0.06)}
.apw-intro{color:var(--muted);margin-bottom:12px}
.apw-form label{display:block;margin:10px 0;font-weight:600;color:#0b2750}
.apw-form input[type="number"], .apw-form select{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(11,92,255,0.08);box-sizing:border-box;font-size:15px;background:#fbfdff}
.apw-custom{background:linear-gradient(90deg,rgba(11,92,255,0.03),rgba(96,165,250,0.02));padding:10px;border-radius:10px;margin-top:8px}
.apw-note-small{font-size:12px;color:#475569;margin-top:6px}
.apw-actions{display:flex;gap:10px;margin-top:14px}
.apw-btn{flex:1;padding:12px;border-radius:10px;border:none;background:linear-gradient(90deg,var(--accent),#60a5fa);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(11,92,255,0.08)}
.apw-btn-ghost{background:transparent;border:1px solid rgba(0,0,0,0.06);color:var(--accent)}
.apw-result{margin-top:18px;padding:16px;border-radius:10px;background:linear-gradient(180deg,rgba(11,92,255,0.03),rgba(96,165,250,0.02));border:1px solid rgba(11,92,255,0.06);color:#062a3a}
.apw-note{margin-top:12px;font-size:13px;color:var(--muted)}
@media(max-width:640px){ .apw-actions{flex-direction:column} .apw-root{padding:8px} .apw-title{font-size:20px} }