:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#f1f5f9;--line:#e2e8f0;--line-strong:#cbd5e1;--text:#0f1b2d;--muted:#64748b;--accent:#0d9488;--accent-ink:#0f766e;--danger:#be123c;--warn:#b45309;--shadow:0 1px 2px #0f1b2d0d, 0 8px 24px #0f1b2d0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1100px 600px at 10% -10%, #e4f1f4 0%, transparent 62%), radial-gradient(900px 500px at 94% -4%, #eae6fb 0%, transparent 58%), var(--bg);min-height:100vh;color:var(--text);margin:0;font-size:15px;line-height:1.5}code{letter-spacing:.02em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em}button{font:inherit;cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:9px;padding:7px 14px;transition:border-color .12s,background .12s,box-shadow .12s}button:hover:not(:disabled){border-color:var(--accent);box-shadow:0 1px 3px #0f1b2d14}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{border-color:var(--line);color:var(--muted);background:0 0}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:550}button.primary:hover:not(:disabled){background:var(--accent-ink);border-color:var(--accent-ink)}.gate{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.gate>.brand{position:absolute;top:22px;left:26px}.gate-card{border:1px solid var(--line);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;border-radius:18px;flex-direction:column;gap:14px;padding:32px;display:flex}.gate-card p{color:var(--muted);margin:0;font-size:14px}.gate-card code{color:var(--accent-ink);margin:0 4px}.gate-card input{font:inherit;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:10px;padding:11px 13px}.gate-card input:focus{outline-offset:1px;border-color:var(--accent);outline:2px solid #0d948840}.gate-card button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:550}.gate-card button[type=submit]:hover:not(:disabled){background:var(--accent-ink);border-color:var(--accent-ink)}.app{max-width:1440px;margin:0 auto;padding:22px 26px 44px}.app-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;padding-bottom:18px;display:flex}.brand{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.brand-logo{width:auto;height:52px;display:block}.brand-sub{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-right:-.28em;font-size:11px;font-weight:650;line-height:1}.gate-logo{width:min(220px,100%);height:auto;margin:0 auto 4px;display:block}.tabs{gap:6px;display:flex}.tabs button{color:var(--muted);background:0 0;border-color:#0000}.tabs button.active{background:var(--surface);border-color:var(--line-strong);color:var(--text);font-weight:550}.app-head-right{align-items:center;gap:10px;margin-left:auto;font-size:13px;display:flex}.muted{color:var(--muted)}.layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:22px;margin-top:22px;display:grid}.layout.single{grid-template-columns:minmax(0,1fr)}.app-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:34px;padding-top:16px;font-size:12px}.device-list,.gateway-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.gateway-list{flex-flow:wrap;margin-bottom:20px}.device-card,.gateway-card{text-align:left;background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.gateway-card{width:min(300px,100%)}.device-card.selected,.gateway-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px #0d948859, var(--shadow);background:#f0fbf9}.device-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.device-name{letter-spacing:-.01em;font-weight:600}.device-eui{color:var(--muted)}.device-card-readings{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:12px;display:flex}.device-card-readings em{color:var(--muted);margin-right:5px;font-size:12px;font-style:normal}.device-card-foot{color:var(--muted);font-size:12px}.pill{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.pill-online{color:#15803d;background:#dcfce7;border-color:#a7f3c0}.pill-stale{color:var(--warn);background:#fef3c7;border-color:#fde08a}.pill-offline,.pill-never_seen{color:var(--danger);background:#ffe4e6;border-color:#fecdd3}.pill-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quality-excellent{color:#15803d;background:#dcfce7;border-color:#a7f3c0}.quality-good{color:var(--accent-ink);background:#d7f5f0;border-color:#a6e6dd}.quality-fair{color:var(--warn);background:#fef3c7;border-color:#fde08a}.quality-poor{color:#c2410c;background:#ffedd5;border-color:#fed7aa}.quality-very_poor{color:var(--danger);background:#ffe4e6;border-color:#fecdd3}.tone-excellent{color:#15803d}.tone-good{color:var(--accent-ink)}.tone-fair{color:var(--warn)}.tone-poor{color:#c2410c}.tone-very_poor{color:var(--danger)}.detail{flex-direction:column;gap:20px;display:flex}.detail-head{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.detail-head h2{letter-spacing:-.02em;margin:0 0 4px;font-size:22px}.detail-sub{color:var(--muted);margin:6px 0 0;font-size:13px}.detail-head-right{flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;display:flex}.detail-seen{font-variant-numeric:tabular-nums}.tiles{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px;display:grid}.tiles-temps .tile:nth-child(-n+2) .tile-value{font-size:32px}.tile{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:5px;padding:14px 16px;display:flex}.tile-muted{border-style:dashed;border-color:var(--line-strong);box-shadow:none;background:0 0}.tile-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.tile-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.tile-muted .tile-value{color:var(--muted);font-size:16px}.tile-hint{color:var(--muted);font-size:12px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.panel-head h3{margin:0}.panel-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:12px;display:inline-flex}.toggle input{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.range-picker{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:2px;display:inline-flex}.range-button{font:inherit;font-variant-numeric:tabular-nums;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 10px;font-size:12px}.range-button:hover{color:var(--text)}.range-button.is-active{background:var(--surface);color:var(--accent-ink);font-weight:600;box-shadow:0 1px 2px #0f1b2d14}.facts{border:1px solid var(--line);background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:12px;flex-wrap:wrap;gap:8px 22px;margin:0;padding:12px 16px;font-size:13px;display:flex}.facts em{color:var(--muted);margin-right:7px;font-style:normal}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:18px}.panel h3{letter-spacing:.02em;color:var(--muted);text-transform:uppercase;margin:0 0 14px;font-size:14px}.chart{margin:0 -6px}.chart-block{flex-direction:column;gap:4px;display:flex}.chart-insights{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:12px;display:grid}.chart-insight{background:var(--surface-2);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.chart-insight-swatch{border-radius:99px;flex-shrink:0;width:8px;height:8px;margin-top:6px}.chart-insight-swatch.hot{background:#ea580c}.chart-insight-swatch.cold{background:#0284c7}.chart-insight-swatch.spread{background:#7c3aed}.chart-insight strong{letter-spacing:-.02em;font-size:16px;display:block}.chart-insight span{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.35;display:block}.chart-tooltip{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;min-width:190px;padding:10px 12px}.chart-tooltip-time{color:var(--muted);margin:0 0 8px;font-size:12px}.chart-tooltip ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.chart-tooltip li{align-items:center;gap:8px;font-size:13px;display:flex}.chart-tooltip i{border-radius:99px;flex-shrink:0;width:8px;height:8px}.chart-tooltip strong{font-variant-numeric:tabular-nums;margin-left:auto}.chart-tooltip-spread{border-top:1px solid var(--line);color:var(--muted);margin:8px 0 0;padding-top:8px;font-size:12px}.chart-extrema{flex-wrap:wrap;gap:8px 28px;margin:6px 0 0;font-size:12px;display:flex}.chart-extrema dt{color:var(--muted)}.chart-extrema dd{font-variant-numeric:tabular-nums;margin:2px 0 0}.chart-empty{text-align:center;padding:52px 16px}.chart-empty p{margin:0;font-weight:600}.chart-empty span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.reading-log{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.reading-log li{border-bottom:1px solid var(--line);grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;font-size:13px;display:grid}.reading-log li:last-child{border-bottom:none}.reading-log time{color:var(--muted);font-variant-numeric:tabular-nums}.reading-log-temps{font-variant-numeric:tabular-nums}.reading-log-temps em{color:var(--muted);margin-right:5px;font-style:normal}.reading-log-temps em:not(:first-child){margin-left:16px}.reading-log-signal{color:var(--muted);font-size:12px}.pager{color:var(--muted);justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;font-size:13px;display:flex}.chart-note,.empty{color:var(--muted);margin:10px 0 0;font-size:13px}.empty{padding:18px 0}.warning{color:var(--warn);background:#fffbeb;border:1px solid #fde08a;border-radius:12px;margin:0;padding:11px 15px;font-size:13px}.error{color:var(--danger);margin:16px 0 0}.modal-backdrop{z-index:40;background:#0f1b2d61;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow);border-radius:18px;padding:28px}.modal h2{letter-spacing:-.02em;margin:0 0 8px;font-size:20px}.modal form{flex-direction:column;gap:12px;display:flex}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.field input,.field select{font:inherit;color:var(--text);border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:10px 12px;font-weight:400}.field input:focus,.field select:focus{outline-offset:1px;border-color:var(--accent);outline:2px solid #0d948840}.field-hint{color:var(--muted);font-weight:400}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.modal .muted code{word-break:break-all;display:inline-block}.detail-head .warning{margin-top:10px}.attention{color:var(--danger);background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;margin:0;padding:12px 16px}.attention p{margin:0;font-size:13px}.attention p+p{margin-top:6px}.attention-ok{color:#15803d;background:#ecfdf5;border-color:#a7f3d0}.spec-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.spec-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.spec-card strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px}.spec-track{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.spec-track i{border-radius:inherit;background:var(--line-strong);height:100%;display:block}.tone-fill-excellent{background:#86efac}.tone-fill-fair{background:#fcd34d}.tone-fill-very_poor{background:#fda4af}.panel-copy{color:var(--muted);margin:-6px 0 14px;font-size:13px}.heatmap{grid-template-columns:repeat(24,minmax(0,1fr));gap:4px;display:grid}.heatmap-cell{background:var(--line);border-radius:5px;height:28px}.heatmap-ok{background:#34d399}.heatmap-fail{background:#fb7185}.heatmap-empty{background:var(--line)}.heatmap-axis{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:1/-1;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line-strong);white-space:nowrap;padding:0 14px 9px 0;font-size:11px;font-weight:500}td{border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 14px 9px 0}tbody tr:last-child td{border-bottom:none}.badge{color:var(--accent-ink);background:#d7f5f0;border-radius:999px;margin-left:7px;padding:1px 7px;font-size:11px}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr)}.reading-log li{grid-template-columns:1fr auto}.reading-log time{grid-column:1/-1}.chart-grid{grid-template-columns:minmax(0,1fr)}}