@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=DM+Sans:wght@400;500;700&display=swap");:root{--pink:#f06ea9;--pink-deep:#b83c78;--pink-soft:#fce1ee;--pink-tint:#fff0f7;--plum:#5a2a42;--muted:#b07a94;--card:#fff;--shadow:0 10px 30px rgba(224,85,154,.16)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1200px 700px at 20% -10%,#fff4f9 0,#ffe2ef 55%,#fcd3e6 100%);background-attachment:fixed;color:var(--plum);font-family:DM Sans,system-ui,sans-serif;min-height:100vh}button{font-family:inherit;cursor:pointer}.q{font-family:Quicksand,sans-serif}.wrap{max-width:520px;margin:0 auto;padding:24px 16px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hello{font-size:26px;font-weight:700;color:var(--pink-deep)}.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--card);font-size:13px;font-weight:600;box-shadow:var(--shadow)}.dot{width:9px;height:9px;border-radius:50%}.card{background:var(--card);border-radius:26px;box-shadow:var(--shadow);padding:24px;margin-bottom:18px}.label{font-size:12px;letter-spacing:.14em;font-weight:700;color:#cf83ac;margin-bottom:14px}.battery-num{font-size:76px;line-height:1;font-weight:700;color:var(--pink)}.range{font-size:16px;color:var(--muted);margin-top:4px}.bar{height:14px;background:var(--pink-soft);overflow:hidden;margin-top:16px}.bar,.bar>span{border-radius:7px}.bar>span{display:block;height:100%;background:linear-gradient(90deg,#ff8fc4,var(--pink))}.row{justify-content:space-between}.row,.stepper{display:flex;align-items:center;gap:12px}.round{width:54px;height:54px;border:0;border-radius:50%;background:var(--pink-soft);color:var(--pink-deep);font-size:26px;line-height:1}.round:active{transform:scale(.94)}.big-val{min-width:92px;text-align:center;font-size:34px;font-weight:700}.big-val,.btn{color:var(--pink-deep)}.btn{border:0;border-radius:18px;padding:16px;font-size:16px;font-weight:600;background:var(--pink-tint);width:100%}.btn.on{background:var(--pink);color:#fff;box-shadow:0 6px 16px rgba(240,110,169,.4)}.btn:active{transform:scale(.98)}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.field{width:100%;border:1px solid var(--pink-soft);border-radius:14px;padding:14px;font-size:15px;font-family:inherit}.field:focus{outline:2px solid var(--pink);border-color:transparent}.connect{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.connect h1{font-size:34px;font-weight:700;color:var(--pink-deep);margin:0}.connect p{color:var(--muted);max-width:320px;margin:0}.cta{border:0;border-radius:999px;padding:16px 32px;font-size:17px;font-weight:700;background:var(--pink);color:#fff;box-shadow:0 10px 26px rgba(240,110,169,.4);text-decoration:none}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--plum);color:#fff;padding:14px 20px;border-radius:14px;font-size:14px;max-width:90%;box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:10}.muted-note{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.5}.linkish{background:none;border:0;color:var(--pink-deep);font-weight:600;text-decoration:underline;padding:0;font-size:13px}