#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;color:#213547;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#202020;color:#213547}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button,input,select,textarea{font:inherit}button{border-radius:8px;border:1px solid #d9d9d9;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;color:#213547;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#646cff;background-color:#f8faff}button:focus,button:focus-visible{outline:2px solid #646cff;outline-offset:2px}@media (prefers-color-scheme: dark){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}#measurement-page-title{color:#24364b}button{background-color:#f9f9f9}}#measurement-page{max-width:1120px;margin:0 auto;padding:32px 20px 48px}#measurement-page-header{margin-bottom:24px}#measurement-page-title{margin:0;text-align:center;font-size:clamp(36px,6vw,56px);line-height:1.05;font-weight:800;color:#bcbcbc}#measurement-layout{display:grid;gap:20px}#filters-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 22px #0f172a0f;padding:18px 20px}#filters-card-header{margin-bottom:16px}#filters-card-title{margin:0;font-size:16px;font-weight:700;color:#111827}#filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#filters-grid .filter-field{display:flex;flex-direction:column;gap:8px}#filters-grid .filter-field label{font-size:13px;font-weight:600;color:#374151}#filters-grid .filter-field input,#filters-grid .filter-field select{height:40px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:14px;color:#111827}#filters-grid .filter-field input:focus,#filters-grid .filter-field select:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd40}#filters-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:16px}#filters-debug{display:flex;flex-flow:column wrap;gap:8px;min-width:0;flex:1}#filters-debug .debug-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;padding:5px 10px;border-radius:999px;border:1px solid;transition:all .12s ease}#filters-debug .debug-pill strong{font-weight:700}#filters-debug .debug-pill.draft{background:#e5e7eb;border-color:#9ca3af;color:#111827}#filters-debug .debug-pill.staged{background:#c7d2fe;border-color:#6366f1;color:#1e3a8a}#filters-debug .debug-pill.query{background:#bbf7d0;border-color:#16a34a;color:#14532d}#filters-debug .debug-pill.draft.dirty{background:#4b5563;border-color:#374151;color:#fff}#filters-debug .debug-pill.staged.dirty{background:#2563eb;border-color:#1d4ed8;color:#fff}#filters-debug .debug-pill.query.dirty{background:#16a34a;border-color:#15803d;color:#fff}#filters-actions{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;gap:10px;flex-shrink:0;margin-left:auto;min-width:200px}#filters-actions .filters-button{width:100%;height:40px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}#filters-actions .filters-button.secondary{border:1px solid #d1d5db;background:#fff;color:#24364b}#filters-actions .filters-button.secondary:hover{background:#f9fafb}#filters-actions .filters-button.primary{border:1px solid #24364b;background:#24364b;color:#fff}#filters-actions .filters-button.primary:hover{background:#1d2d3f}#measurement-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 22px #0f172a0f;overflow:hidden}#measurement-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #eef2f7;background:#fbfcfe}#measurement-card-header-main{min-width:0;flex:1}#measurement-card-header-actions{flex-shrink:0}#measurement-card-header #measurement-reload-button{min-width:200px}#measurement-card-title-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0;line-height:1}#measurement-card-title{margin:0;font-size:16px;font-weight:700;color:#111827}#measurement-card-count{font-size:13px;color:#6b7280}#measurement-card-count:before{content:"·";margin:0 6px 0 0;color:#9ca3af}#measurement-card-metrics{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px}#measurement-card-metrics .measurement-metric{display:inline-flex;align-items:baseline;gap:6px;font-size:13px}#measurement-card-metrics .measurement-metric-label{color:#6b7280}#measurement-card-metrics .measurement-metric-value{color:#111827;font-weight:600}#measurement-reload-button{min-width:220px;height:42px;padding:0 16px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#24364b;font-size:14px;font-weight:600;cursor:pointer}#measurement-reload-button:hover{background:#f9fafb}#measurement-reload-button:active{transform:translateY(1px)}#measurement-inline-error{padding:12px 20px;border-bottom:1px solid #fee2e2;background:#fef2f2;color:#b91c1c;font-size:14px}#measurement-card-body{transition:height .45s ease}#measurement-card-body.is-empty{height:160px}#measurement-card-body.has-data{height:420px}#measurement-card-body.is-empty #measurement-table-container,#measurement-card-body.has-data #measurement-table-container{animation:measurement-fade-in .18s ease}#measurement-empty-state{min-height:160px;padding:28px 20px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px}@keyframes measurement-fade-in{0%{opacity:0}to{opacity:1}}#measurement-table-container{max-height:420px;overflow-y:auto}#measurement-table{width:100%;border-collapse:collapse;font-size:14px}#measurement-table thead{background:#f5f7fa}#measurement-table th{position:sticky;top:0;text-align:center;padding:12px;font-weight:700;border-bottom:2px solid #e5e7eb;background:#f5f7fa;color:#2c3e50;z-index:1}#measurement-table td{padding:12px;border-bottom:1px solid #f0f0f0;color:#24364b}#measurement-table tbody tr:nth-child(2n){background:#fafafa}#measurement-table tbody tr:hover{background:#eef5ff}#measurement-table .col-id{width:60px}#measurement-table .col-timestamp{width:220px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#measurement-table .col-signal{width:140px;text-align:center}#measurement-table .col-value{width:100px;text-align:right}#measurement-table .col-unit{width:90px;color:#666;font-size:13px}#measurement-table .col-sensor{width:100px}#measurement-table .signal-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.2}#measurement-table .signal-magnetic{color:#1d4ed8;background:#dbeafe}#measurement-table .signal-temperature{color:#b45309;background:#fef3c7}#measurement-table .signal-pressure{color:#6d28d9;background:#ede9fe}@media (max-width: 900px){#filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){#measurement-page{padding:20px 12px 32px}#filters-grid{grid-template-columns:1fr}#filters-actions{flex-direction:column}#measurement-card-header{flex-direction:column;align-items:stretch}#measurement-card-header-actions{width:100%}#measurement-reload-button{width:100%;min-width:0}#measurement-card-metrics{flex-direction:column;gap:8px}}
