:root{--blue:#15589c;--ink:#173348;--green:#168469;--muted:#586d7e;--line:#d5dfe9}*{box-sizing:border-box}body{margin:0;background:#f0f5fa;color:var(--ink);font:13px/1.45 system-ui,sans-serif;height:100dvh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;background:white;padding:16px 16px 12px;flex-shrink:0}header img{width:132px;height:auto}header span{font-size:10px;color:#866000;font-weight:800;letter-spacing:.04em}main{overflow:auto;flex:1;padding:13px;scrollbar-width:thin}h1{font-size:20px;margin:0 0 12px;letter-spacing:-.02em}h2{font-size:16px;margin:0 0 12px}h3{font-size:13px;margin:0 0 5px}p{margin:7px 0 12px}.muted{color:var(--muted);font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}.toolbar h1{margin:0}button,.link{font:600 12px/1.3 system-ui;cursor:pointer;border:1px solid #c6d4e1;border-radius:10px;background:#fff;color:var(--blue);padding:9px 12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:35px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e9aa23;outline-offset:2px}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tile{border:3px solid var(--green);background:#fff;border-radius:17px;padding:9px;min-width:0}.tile .name{font-size:12px;font-weight:750;margin-bottom:6px;display:block;color:var(--blue)}.tile.b .name{color:#087e87}.reading{font-weight:750;font-size:28px;white-space:nowrap;letter-spacing:-.035em}.reading small{font-weight:400;font-size:13px;letter-spacing:0}.temp{font-size:10px;color:var(--muted);margin-top:2px}.gauge{width:100%;display:block;aspect-ratio:1}.difference{margin-top:9px;border-width:2px;display:flex;align-items:center;justify-content:space-between;border-color:#9d81b9}.difference .name{color:#8155a3;margin:0}.difference .reading{font-size:22px}.chart{margin-top:10px;padding:12px 10px 7px;background:#fff;border:1px solid var(--line);border-radius:16px}.legend{display:flex;gap:12px;font-size:10px;margin-bottom:6px}.legend span:before{content:"";display:inline-block;vertical-align:middle;width:12px;height:3px;background:var(--blue);margin-right:4px}.legend span:nth-child(2):before{background:#087e87}.chart svg{width:100%;height:135px;display:block}.rec{display:flex;justify-content:flex-end;padding:11px 0 2px}.rec button{color:#ae254e;background:#ffe2eb;border:0}.rec-dot{width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:7px}nav{display:flex;background:white;border-top:1px solid #dce4ee;padding:7px 7px 9px;flex-shrink:0;gap:4px}nav button{border:0;color:var(--muted);padding:6px 2px;flex:1;display:flex;flex-direction:column;gap:3px;font-size:10px;border-radius:12px}nav button.active{background:#eaf3fb;color:var(--blue)}nav svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:10px}.connected{border:3px solid var(--green)}.status{color:var(--green);font-size:11px;font-weight:700}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.note{padding:12px;background:#e5f0fa;border-radius:12px;font-size:12px}.actions{display:flex;gap:8px;margin-top:16px}.actions>*{flex:1}dialog{width:calc(100% - 28px);max-width:340px;border:0;border-radius:18px;padding:20px;color:var(--ink);box-shadow:0 18px 60px #17334840}dialog::backdrop{background:#10283c88}dialog label{display:flex;gap:10px;align-items:center;padding:10px 0}dialog input{accent-color:var(--blue);width:18px;height:18px}#recordStrip{background:#ffe3ed;color:#9b2449;padding:9px 10px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;font-size:11px}#recordStrip[hidden]{display:none}#recordStrip button{font-size:10px;min-height:30px;padding:6px;background:#fff8fb;border-color:#e9becd;color:#9b2449}#recordStrip .rec-dot{display:inline-block;animation:breathe 1.8s ease-in-out infinite}details summary{cursor:pointer;font-weight:650}details p{font-size:12px}.toast{position:fixed;bottom:80px;left:15px;right:15px;padding:12px;background:#173348;color:white;border-radius:12px;text-align:center;z-index:10}.archive-title{font-size:14px;font-weight:700}.pill{font-size:10px;background:#fff0c7;color:#78590a;border-radius:20px;padding:3px 6px}@keyframes breathe{50%{opacity:.25;transform:scale(.85)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:290px){header img{width:110px}.reading{font-size:22px}.difference .reading{font-size:18px}.tile{padding:6px}main{padding:9px}button{padding:7px;font-size:11px}}
.toast{pointer-events:none}