:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,system-ui,sans-serif;color:#f5f7fa;background:#070a0e;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#173228 0,#0b1112 30%,#070a0e 65%);padding:env(safe-area-inset-top) 18px env(safe-area-inset-bottom)}main{max-width:560px;margin:auto;padding:28px 0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{font-size:29px;margin:2px 0}.eyebrow,.label{color:#8b98a5;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.eyebrow{margin:0}button{width:44px;height:44px;border:1px solid #273039;border-radius:50%;background:#12181e;color:#fff;font-size:24px;cursor:pointer;transition:transform .2s,background .2s}button:active{transform:scale(.94)}button.spinning{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:rgba(20,27,33,.88);border:1px solid #242e36;border-radius:22px;padding:20px;box-shadow:0 12px 36px #0005;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hero strong{display:block;font-size:54px;margin-top:4px}.hero p{color:#9ba7b2;margin-bottom:0}.battery{height:12px;background:#293139;border-radius:99px;overflow:hidden;margin-top:14px}.battery div{height:100%;width:0;background:#70e29b;border-radius:inherit;transition:width .4s}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.grid strong{display:block;font-size:25px;margin-top:8px}.grid strong.small{font-size:20px}.grid small{display:block;color:#70808e;font-size:11px;margin-top:5px}.status{display:flex;align-items:center;gap:10px;color:#aeb8c1;font-size:14px;overflow-wrap:anywhere}.dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:#f1b85b}.dot.ok{background:#70e29b}.dot.err{background:#ff6b6b}@media(max-width:380px){.grid{grid-template-columns:1fr}.hero strong{font-size:46px}}