:root{color:#111827;background:radial-gradient(circle at 10% 10%,#dbf4ff,#eef2ff 35%,#f8fafc);font-family:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.screen{min-height:100vh;padding:16px;display:grid;gap:16px;max-width:760px;margin:0 auto}.card{background:#fff;border:1px solid #dbe4f0;border-radius:16px;padding:16px;box-shadow:0 10px 20px #0215320f}.header{display:flex;gap:8px;flex-wrap:wrap}.badge{background:#eaf3ff;border:1px solid #c9dbff;border-radius:999px;padding:2px 10px;font-size:12px}.options{display:grid;gap:10px;margin-top:12px}.option{display:flex;gap:10px;align-items:center;border:1px solid #dce4f3;border-radius:12px;padding:10px}.option-active{border-color:#3d7df1;background:#f0f7ff}.button{margin-top:12px;width:100%;border:0;border-radius:12px;background:#1f6feb;color:#fff;padding:12px;font-weight:700}.button:disabled{background:#93b4eb}.result-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:12px}.result-row{display:flex;justify-content:space-between;gap:10px;font-weight:600}.bar{margin-top:6px;height:8px;width:100%;background:#e6ecf8;border-radius:999px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#1f6feb,#3ea6ff)}.muted{color:#5f6f87;font-size:13px}.error{color:#b42318;margin-top:10px}@media (min-width: 768px){.screen{padding:32px}}