:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080d12;color:#e9f1f6;font-synthesis:none;--green:#51ff87;--red:#ff364c;--blue:#8fd3ff;--muted:#9aaab9}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button{border:0}a{color:var(--blue)}.dashboard{width:100%;max-width:640px;margin:auto;min-height:100svh;display:flex;flex-direction:column;padding:calc(16px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}header{display:flex;align-items:center;justify-content:space-between;height:48px}.wordmark{text-decoration:none;color:#fff;font-size:24px;letter-spacing:-1px;font-weight:750}.wordmark span{font-weight:400;color:var(--muted)}.wordmark small{display:inline-block;margin-left:10px;font-size:10px;letter-spacing:1px;color:var(--green);border:1px solid #254831;padding:4px 5px;border-radius:4px;vertical-align:middle}.icon-button{background:transparent;color:#fff;min-width:48px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:12px}.icon-button span{width:21px;height:2px;background:#d8e3ec}main{flex:1;display:flex;flex-direction:column;justify-content:center}.status-line{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.5px;font-weight:650;margin:22px 0 25px;min-height:28px}.dot{width:6px;height:6px;background:#748696;border-radius:50%;flex-shrink:0}.dot.active{background:var(--green);box-shadow:0 0 12px #51ff8755}.speed-panel h1,.limit-heading h2{font-size:11px;font-weight:650;letter-spacing:2px;margin:0;color:var(--muted)}.speed-panel h1{display:flex;justify-content:space-between}.speed-panel h1 span,.limit-heading>span{letter-spacing:1px;color:#6e8497;font-size:10px}.reading{font-size:clamp(100px,40vw,240px);line-height:1.07;letter-spacing:-.07em;font-weight:750;font-variant-numeric:tabular-nums;text-align:center;margin:7px 0;white-space:nowrap}.reading.good{color:var(--green);text-shadow:0 0 60px #51ff8710}.reading.over{color:var(--red);text-shadow:0 0 60px #ff364c22}.reading.neutral{color:#6c7d8d}.alert{font-size:11px;font-weight:650;text-align:center;letter-spacing:2px;color:#91a5b6;min-height:32px;padding:8px 0}.alert.over{color:var(--red)}.limit-panel{border-top:1px solid #23303c;margin-top:22px;padding-top:22px}.limit-heading{display:flex;justify-content:space-between}.limit-row{display:flex;align-items:center;gap:26px}.limit-reading{font-size:clamp(90px,29vw,164px);line-height:1.1;letter-spacing:-.07em;font-weight:700;font-variant-numeric:tabular-nums;color:var(--blue)}.limit-detail{display:flex;flex-direction:column;gap:10px;font-size:12px;line-height:1.4;color:var(--muted)}#threshold{color:var(--blue)}.location-note{color:#8fa1b2;font-size:11px;line-height:1.5;min-height:34px;margin:18px 0 25px}footer{padding-top:8px}.primary,.secondary{width:100%;border-radius:12px;min-height:56px;font-weight:650;padding:14px 20px}.primary{background:#e5f1f6;color:#09121a;display:flex;align-items:center;justify-content:space-between}.primary.running{background:#18232d;color:#d5e0e9;border:1px solid #304150}.device-status{display:flex;justify-content:space-between;margin-top:15px;font-size:10px;color:#899dae;letter-spacing:.2px}.device-status .warning{color:#ffb86b}dialog{width:calc(100% - 24px);max-width:440px;border:1px solid #304150;border-radius:22px;background:#111b24;padding:24px;color:#e9f1f6;max-height:90svh;overflow:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.dialog-header h2{font-size:23px;letter-spacing:-.6px;margin:0}.close{font-size:21px}label{display:flex;justify-content:space-between;font-size:14px}label span{color:var(--muted)}.stepper{display:flex;gap:10px;margin:14px 0}.stepper button{width:56px;min-height:56px;border-radius:10px;background:#243441;color:#fff;font-size:26px}.stepper input{width:0;flex:1;border:1px solid #3c5263;background:#080d12;color:var(--blue);font-size:32px;text-align:center;border-radius:10px;appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}dialog p{font-size:13px;line-height:1.65;color:#b1c0cc}dialog #example{color:var(--green)}.hint{margin:18px 0 24px}.secondary{background:#223341;color:#e2edf4;font-size:13px;margin-bottom:20px}details{border-top:1px solid #304150;padding-top:20px}summary{cursor:pointer;font-size:13px;padding:8px 0}.version{font-size:10px!important;letter-spacing:1px;margin-top:25px!important;color:#8296a6!important}
@media(min-width:700px){.dashboard{max-width:600px}.reading{font-size:240px}}@media(max-height:710px){.status-line{margin:8px 0 10px}.reading{font-size:min(36vw,24svh)}.limit-reading{font-size:min(25vw,18svh)}.limit-panel{margin-top:8px;padding-top:14px}.location-note{margin:10px 0}.dashboard{padding-top:env(safe-area-inset-top,0px)}footer{padding-top:4px}.device-status{margin-top:9px}}@media(orientation:landscape) and (max-height:600px){.dashboard{max-width:1000px}main{display:grid;grid-template-columns:1.3fr 1fr;column-gap:35px}.status-line{grid-column:1/-1}.speed-panel .reading{font-size:min(24vw,40svh)}.limit-panel{margin:0;border-top:0;border-left:1px solid #23303c;padding:0 0 0 30px}.limit-row{gap:18px}.limit-reading{font-size:min(20vw,34svh)}.location-note{grid-column:1/-1;min-height:0}.primary{min-height:44px}header{height:40px}}