:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5fb;--aurora-1:#d9e4ff;--aurora-2:#ffe1ea;--aurora-3:#d8f6ec;--aurora-4:#fff1d6;--glass:#ffffff9e;--glass-strong:#ffffffdb;--glass-edge:#ffffffe6;--solid:#fff;--sunken:#14142b0d;--line:#14142b14;--line-strong:#14142b24;--ink:#14142b;--ink-2:#4c4c6a;--muted:#8a8aa3;--grid:#14142b12;--axis:#14142b2e;--hover:#14142b0a;--scrim:#14142b38;--shadow:0 10px 40px #28285a12;--shadow-pop:0 24px 70px #28285a2e;--signal:#5a6cff;--signal-ink:#3f4fe0;--signal-soft:#5a6cff1f;--coral:#ff5d73;--coral-ink:#e23a55;--coral-soft:#ff5d731f;--coral-grad:linear-gradient(135deg, #ff8a9a 0%, #ffb07a 100%);--brand-grad:linear-gradient(90deg, #7aa2ff, #ff8fab);--mark-grad:conic-gradient(from 200deg, #7aa2ff, #ff8fab, #7ce0c0, #ffd27a, #7aa2ff);--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-other:#b9b8cb;--good:#16a34a;--warning:#f59e0b;--critical:#e5484d;--unknown:#b9b8cb;--good-ink:#137a3a;--good-soft:#e6f7ec;--warning-ink:#9a5b00;--warning-soft:#fff4dc;--critical-ink:#c62f3a;--critical-soft:#ffe8ea;--uptime-ok:#7dd3a0;--uptime-warn:#ffc66b;--uptime-bad:#ff7b8a;--font-body:"Plus Jakarta Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, "PingFang SC", monospace;--r-sm:10px;--r:20px;--r-lg:26px;--rail:236px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0e19;--aurora-1:#465cdc52;--aurora-2:#dc468238;--aurora-3:#28aa822e;--aurora-4:#dca03c1f;--glass:#1a1c2e9e;--glass-strong:#202238db;--glass-edge:#ffffff12;--solid:#1c1e33;--sunken:#ffffff0f;--line:#eef0ff14;--line-strong:#eef0ff26;--ink:#eef0ff;--ink-2:#b8bad6;--muted:#8385a6;--grid:#eef0ff12;--axis:#eef0ff2e;--hover:#eef0ff0d;--scrim:#05060e8c;--shadow:0 10px 40px #0000004d;--shadow-pop:0 24px 70px #0000008c;--signal:#8a98ff;--signal-ink:#a9b3ff;--signal-soft:#8a98ff29;--coral:#ff7a8c;--coral-ink:#ff95a4;--coral-soft:#ff7a8c26;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-other:#5d5f7e;--unknown:#5d5f7e;--good-ink:#4ade80;--good-soft:#16a34a29;--warning-ink:#fbbf24;--warning-soft:#f59e0b26;--critical-ink:#ff8086;--critical-soft:#e5484d29;--uptime-ok:#3fb070;--uptime-warn:#e9a83b;--uptime-bad:#f0606f}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0e19;--aurora-1:#465cdc52;--aurora-2:#dc468238;--aurora-3:#28aa822e;--aurora-4:#dca03c1f;--glass:#1a1c2e9e;--glass-strong:#202238db;--glass-edge:#ffffff12;--solid:#1c1e33;--sunken:#ffffff0f;--line:#eef0ff14;--line-strong:#eef0ff26;--ink:#eef0ff;--ink-2:#b8bad6;--muted:#8385a6;--grid:#eef0ff12;--axis:#eef0ff2e;--hover:#eef0ff0d;--scrim:#05060e8c;--shadow:0 10px 40px #0000004d;--shadow-pop:0 24px 70px #0000008c;--signal:#8a98ff;--signal-ink:#a9b3ff;--signal-soft:#8a98ff29;--coral:#ff7a8c;--coral-ink:#ff95a4;--coral-soft:#ff7a8c26;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-other:#5d5f7e;--unknown:#5d5f7e;--good-ink:#4ade80;--good-soft:#16a34a29;--warning-ink:#fbbf24;--warning-soft:#f59e0b26;--critical-ink:#ff8086;--critical-soft:#e5484d29;--uptime-ok:#3fb070;--uptime-warn:#e9a83b;--uptime-bad:#f0606f}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:radial-gradient(40% 50% at 12% 6%, var(--aurora-1) 0, transparent 70%), radial-gradient(35% 45% at 90% 2%, var(--aurora-2) 0, transparent 70%), radial-gradient(45% 50% at 72% 96%, var(--aurora-3) 0, transparent 70%), radial-gradient(30% 40% at 28% 88%, var(--aurora-4) 0, transparent 70%);background-attachment:fixed;margin:0;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}::selection{background:var(--signal-soft)}.mono,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.muted{color:var(--muted)}.ink-2{color:var(--ink-2)}:focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--glass-edge)}.shell{grid-template-columns:var(--rail) minmax(0, 1fr);min-height:100vh;display:grid}.rail{border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--glass-edge);height:calc(100vh - 32px);box-shadow:var(--shadow);flex-direction:column;margin:16px 0 16px 16px;padding:20px 14px 16px;display:flex;position:sticky;top:16px}.brand{align-items:center;gap:11px;padding:2px 8px 22px;text-decoration:none;display:flex}.brand-name{letter-spacing:-.01em;font-size:16.5px;font-weight:700;line-height:1.2}.brand-sub{color:var(--muted);font-size:11.5px}.nav-group{gap:3px;margin-bottom:16px;display:grid}.nav-label{letter-spacing:.04em;color:var(--muted);padding:0 12px 6px;font-size:11.5px;font-weight:600}.nav-link{color:var(--ink-2);border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:flex}.nav-link:hover{background:var(--hover);color:var(--ink)}.nav-link[aria-current=page]{background:var(--glass-strong);color:var(--ink);font-weight:600;box-shadow:0 2px 10px #28285a14}.nav-link[aria-current=page] svg{color:var(--signal)}.nav-link.cost[aria-current=page] svg{color:var(--coral)}.nav-link .kbd{opacity:0;margin-left:auto;transition:opacity .15s}.nav-link:hover .kbd{opacity:1}.rail-foot{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding:14px 6px 0;display:grid}.user{align-items:center;gap:10px;min-width:0;display:flex}.avatar{object-fit:cover;color:#2a2a4a;background:linear-gradient(135deg,#c9d7ff,#ffd3df);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.user-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.user-role{color:var(--muted);font-size:12px}.rail-actions{gap:4px;display:flex}.rail-actions .btn{white-space:nowrap;flex:1;justify-content:center;padding:0 8px}.deck{flex-direction:column;min-width:0;display:flex}.topbar{z-index:6;align-items:center;gap:14px;padding:16px 36px 8px;display:flex;position:sticky;top:0}.chip{height:32px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.chip b{color:var(--ink);font-weight:700}.live{background:var(--good);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.live:after{content:"";background:var(--good);opacity:.25;border-radius:50%;animation:2.6s ease-in-out infinite breathe;position:absolute;inset:-4px}.live.down,.live.down:after{background:var(--critical)}.live.idle{background:var(--unknown)}.live.idle:after{display:none}@keyframes breathe{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:0;transform:scale(1.35)}}.search-btn{min-width:260px;height:38px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:10px;margin-left:auto;padding:0 8px 0 14px;transition:box-shadow .15s;display:inline-flex}.search-btn:hover{box-shadow:0 0 0 3px var(--signal-soft);color:var(--ink-2)}.kbd{background:var(--solid);border:1px solid var(--line);min-width:20px;height:20px;font-family:var(--font-mono);color:var(--ink-2);border-radius:6px;align-items:center;gap:2px;padding:0 6px;font-size:10.5px;line-height:1;display:inline-flex}.search-btn .kbd{margin-left:auto}.main{padding:12px 36px 72px}.page{gap:18px;max-width:1280px;margin:0 auto;animation:.38s cubic-bezier(.2,.8,.2,1) both page-in;display:grid}@keyframes page-in{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:6px 2px 2px;display:flex}.eyebrow{color:var(--muted);margin-bottom:2px;font-size:13px;font-weight:500}.page-title{letter-spacing:-.025em;font-size:32px;font-weight:700;line-height:1.15}.mobile-nav{display:none}@media (width<=900px){.shell{grid-template-columns:1fr}.rail{display:none}.topbar{padding:12px max(16px, env(safe-area-inset-right,0px)) 6px max(16px, env(safe-area-inset-left,0px));top:env(safe-area-inset-top,0px)}.topbar .hide-narrow{display:none}.search-btn{min-width:0}.search-btn .label{display:none}.mobile-nav{padding:4px max(16px, env(safe-area-inset-right,0px)) 8px max(16px, env(safe-area-inset-left,0px));gap:4px;display:flex;overflow-x:auto}.mobile-nav .nav-link{white-space:nowrap;padding:7px 12px}.main{padding:8px max(16px, env(safe-area-inset-right,0px)) 56px max(16px, env(safe-area-inset-left,0px))}.page-title{font-size:26px}}.panel{border-radius:var(--r);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--glass-edge);min-width:0;position:relative}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;min-height:48px;padding:16px 20px 0;display:flex}.panel-title{letter-spacing:-.01em;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.panel-meta{color:var(--muted);font-size:12.5px}.panel-body{padding:12px 20px 20px}.panel-flush{padding:6px 0}.readout{border-radius:var(--r-lg);background:linear-gradient(135deg, var(--glass-strong), var(--glass));box-shadow:var(--shadow)}.readout.cost{background:radial-gradient(70% 120% at 100% 0%, var(--coral-soft), transparent 60%), linear-gradient(135deg, var(--glass-strong), var(--glass))}.readout-body{gap:16px;padding:26px 28px 24px;display:grid}.headline{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-pill{border-radius:999px;align-items:center;gap:8px;width:max-content;height:30px;padding:0 14px 0 11px;font-size:13px;font-weight:650;display:inline-flex}.status-pill.ok{background:var(--good-soft);color:var(--good-ink)}.status-pill.degraded{background:var(--warning-soft);color:var(--warning-ink)}.status-pill.down{background:var(--critical-soft);color:var(--critical-ink)}.status-pill.unknown{background:var(--sunken);color:var(--ink-2)}.insight{letter-spacing:-.01em;max-width:64em;color:var(--ink-2);font-size:20px;line-height:1.6}.insight b{color:var(--ink);font-weight:650}.insight .hl-coral{color:var(--coral);font-weight:700}.insight .hl-signal{color:var(--signal-ink);font-weight:650}.readout-metrics{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.readout-metric{background:var(--sunken);border-radius:14px;gap:2px;min-width:140px;padding:10px 16px 12px;display:grid}.readout-metric .k{color:var(--muted);font-size:12px}.readout-metric .v{letter-spacing:-.02em;font-size:20px;font-weight:700}.readout-metric .v small{color:var(--muted);margin:0 3px;font-size:12.5px;font-weight:500}@media (width<=640px){.insight{font-size:17px}.readout-body{padding:20px 18px}.readout-metric{min-width:calc(50% - 5px)}}.grid{gap:16px;display:grid}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-main-side{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}@media (width<=1120px){.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-main-side,.cols-2,.cols-3{grid-template-columns:1fr}}@media (width<=520px){.cols-4{grid-template-columns:1fr}}.gauge{align-content:start;gap:8px;padding:18px 20px 20px;display:grid}.gauge.feature{background:var(--coral-grad);color:#fff;border-color:#0000;box-shadow:0 16px 36px #ff787847}.gauge.feature .gauge-k,.gauge.feature .gauge-f,.gauge.feature .gauge-v .unit{color:#ffffffe0}.gauge.feature .delta-up,.gauge.feature .delta-down{color:#fff;font-weight:700}.gauge-k{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.gauge-v{letter-spacing:-.03em;align-items:baseline;gap:4px;font-size:32px;font-weight:700;line-height:1.1;display:flex}.gauge-v .unit{color:var(--muted);font-size:14px;font-weight:600}.gauge-f{color:var(--muted);min-height:19px;font-size:12.5px}.delta-up{color:var(--critical-ink)}.delta-down{color:var(--good-ink)}.meter{background:var(--sunken);border-radius:999px;height:8px;margin-top:6px;position:relative}.meter>span{background:var(--brand-grad);border-radius:999px;height:100%;display:block}.meter.over>span{background:var(--critical)}.meter .tick{background:var(--ink);border-radius:2px;width:3px;position:absolute;top:-3px;bottom:-3px}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:22px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-sample{color:var(--warning-ink);background:var(--warning-soft)}.badge-sample:before{content:"";background:var(--warning);border-radius:50%;width:6px;height:6px}.badge-pending{color:var(--muted);background:var(--sunken)}.badge-solid{color:var(--ink-2);background:var(--sunken)}.badge-signal{color:var(--signal-ink);background:var(--signal-soft)}.badge-coral{color:var(--coral-ink);background:var(--coral-soft)}.badge-good{color:var(--good-ink);background:var(--good-soft)}.badge-bad{color:var(--critical-ink);background:var(--critical-soft)}.status{white-space:nowrap;align-items:center;gap:8px;font-weight:500;display:inline-flex}.status-icon{flex:none}.segmented{background:var(--sunken);border-radius:999px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:4px 13px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.segmented button:hover{color:var(--ink)}.segmented button[aria-pressed=true]{background:var(--solid);color:var(--ink);box-shadow:0 2px 8px #28285a1a}.btn{border:1px solid var(--line);background:var(--glass-strong);height:34px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;transition:box-shadow .15s,background .15s,transform .1s;display:inline-flex}.btn:hover{box-shadow:0 4px 14px #28285a1a}.btn:active{transform:translateY(1px)}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--hover);box-shadow:none;color:var(--ink)}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn-coral{background:var(--coral-grad);color:#fff;border-color:#0000;box-shadow:0 8px 20px #ff78784d}.btn-icon{justify-content:center;width:34px;padding:0}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.link{color:var(--signal-ink);cursor:pointer;font-weight:600;font:inherit;background:0 0;border:0;padding:0;text-decoration:none}.link:hover{text-decoration:underline}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 20px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 20px}.table tr:last-child td{border-bottom:0}.table .right{text-align:right}.table tbody tr.clickable{cursor:pointer;transition:background .12s}.table tbody tr.clickable:hover{background:var(--hover)}.table tbody tr.clickable:hover .row-go{opacity:1;transform:none}.row-go{opacity:0;color:var(--muted);transition:opacity .15s,transform .15s;display:inline-flex;transform:translate(-3px)}.cell-main{gap:1px;min-width:0;display:grid}.cell-sub{color:var(--muted);font-size:12px;font-family:var(--font-mono);letter-spacing:-.02em}.list{margin:0;padding:0;list-style:none}.list>li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:11px 20px;display:flex}.list>li:first-child{border-top:0}.list>li.clickable{cursor:pointer;transition:background .12s}.list>li.clickable:hover{background:var(--hover)}.empty{color:var(--muted);text-align:center;justify-items:center;gap:6px;padding:28px 20px;font-size:13px;display:grid}.empty-title{color:var(--ink-2);font-size:14px;font-weight:650}.callout{color:var(--ink-2);background:var(--sunken);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex}.callout svg{flex:none;margin-top:2px}.callout-warning{background:var(--warning-soft);color:var(--warning-ink)}.callout-critical{background:var(--critical-soft);color:var(--critical-ink)}.banner{color:var(--warning-ink);background:var(--warning-soft);border-radius:12px;align-items:center;gap:10px;margin:0 36px 4px;padding:8px 14px;font-size:12.5px;display:flex}@media (width<=900px){.banner{margin:0 max(16px, env(safe-area-inset-right,0px)) 4px max(16px, env(safe-area-inset-left,0px))}}.skel{background:linear-gradient(90deg, var(--sunken) 0%, var(--hover) 40%, var(--sunken) 80%);background-size:300% 100%;border-radius:8px;animation:1.4s ease-in-out infinite skel;display:block}@keyframes skel{0%{background-position:100% 0}to{background-position:-100% 0}}.chart{width:100%;position:relative}.chart svg{display:block;overflow:visible}.chart .tick{fill:var(--muted);font-family:var(--font-mono);font-size:10.5px}.chart .gridline{stroke:var(--grid);stroke-width:1px}.chart .baseline{stroke:var(--axis);stroke-width:1px}.legend{color:var(--ink-2);flex-wrap:wrap;gap:4px 16px;font-size:12.5px;font-weight:500;display:flex}.legend-item{align-items:center;gap:7px;display:inline-flex}.swatch{border-radius:50%;flex:none;width:9px;height:9px}.tooltip{z-index:10;pointer-events:none;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-edge);min-width:180px;box-shadow:var(--shadow-pop);border-radius:14px;padding:10px 12px;font-size:12.5px;position:absolute}.tooltip-title{font-family:var(--font-mono);color:var(--muted);margin-bottom:6px;font-size:11px}.tooltip-row{justify-content:space-between;align-items:center;gap:10px;line-height:1.75;display:flex}.tooltip-row .label{color:var(--ink-2);align-items:center;gap:7px;display:inline-flex}.tooltip-total{border-top:1px solid var(--line);margin-top:5px;padding-top:5px;font-weight:700}.uptime{align-items:stretch;gap:2px;height:26px;display:flex}.uptime>span{background:var(--unknown);transform-origin:bottom;border-radius:4px;flex:1;min-width:2px;animation:.55s cubic-bezier(.2,.8,.2,1) both bar-in}.uptime.compact{height:20px}@keyframes bar-in{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:none}}.barlist{display:grid}.barlist-head,.barlist-row{grid-template-columns:minmax(120px,1.1fr) minmax(0,2fr) 84px 96px;align-items:center;gap:12px;display:grid}.barlist-head{color:var(--muted);padding-bottom:6px;font-size:12px;font-weight:600}.barlist-row{border-radius:12px;margin:0 -10px;padding:8px 10px;font-size:13.5px;font-weight:500}.barlist-row.clickable{cursor:pointer}.barlist-row.clickable:hover{background:var(--hover)}.barlist-track{background:var(--sunken);border-radius:999px;height:10px;overflow:hidden}.barlist-track>span{transform-origin:0;border-radius:999px;height:100%;animation:.7s cubic-bezier(.2,.8,.2,1) both grow;display:block}@keyframes grow{0%{transform:scaleX(0)}}@media (width<=640px){.barlist-head,.barlist-row{grid-template-columns:minmax(0,1fr) 84px}.barlist-track,.barlist-delta{display:none}}.scrim{z-index:30;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.2s ease-out both fade;position:fixed;inset:0}.drawer{z-index:31;border-radius:var(--r-lg);background:var(--glass-strong);-webkit-backdrop-filter:blur(28px)saturate(1.3);backdrop-filter:blur(28px)saturate(1.3);border:1px solid var(--glass-edge);width:min(560px,100% - 24px);box-shadow:var(--shadow-pop);margin-top:env(safe-area-inset-top,0px);margin-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;animation:.3s cubic-bezier(.2,.8,.2,1) both slide;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow:hidden}.drawer-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:22px 22px 16px;display:flex}.drawer-title{letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.25}.drawer-body{flex:1;align-content:start;gap:24px;padding:20px 22px 28px;display:grid;overflow-y:auto}.drawer-section{gap:10px;display:grid}.drawer-section>h3{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.kv{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.kv>div{background:var(--sunken);border-radius:14px;gap:2px;padding:12px 14px;display:grid}.kv .k{color:var(--muted);font-size:12px}.kv .v{letter-spacing:-.02em;font-size:17px;font-weight:700}@media (width<=520px){.kv{grid-template-columns:repeat(2,minmax(0,1fr))}}.dialog{z-index:41;border-radius:var(--r-lg);background:var(--glass-strong);-webkit-backdrop-filter:blur(28px)saturate(1.3);backdrop-filter:blur(28px)saturate(1.3);border:1px solid var(--glass-edge);width:min(520px,100% - 32px);max-height:calc(100% - 48px);box-shadow:var(--shadow-pop);animation:.2s ease-out both pop-center;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog-head{padding:22px 24px 4px}.dialog-body{padding:14px 24px 8px}.dialog-foot{justify-content:flex-end;gap:8px;padding:14px 24px 22px;display:flex}@keyframes pop-center{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}}@keyframes slide{0%{opacity:0;transform:translate(28px)}}@keyframes fade{0%{opacity:0}}.palette{z-index:41;background:var(--glass-strong);-webkit-backdrop-filter:blur(28px)saturate(1.3);backdrop-filter:blur(28px)saturate(1.3);border:1px solid var(--glass-edge);width:min(640px,100% - 32px);box-shadow:var(--shadow-pop);border-radius:22px;animation:.18s ease-out both pop;position:fixed;top:14vh;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.98)}}.palette-input{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 18px;display:flex}.palette-input input{background:0 0;border:0;outline:0;flex:1;font-size:16px}.palette-list{max-height:52vh;padding:8px;overflow-y:auto}.palette-group{color:var(--muted);padding:8px 12px 4px;font-size:11.5px;font-weight:650}.palette-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-weight:500;display:flex}.palette-item[aria-selected=true]{background:var(--signal-soft)}.palette-item .hint{color:var(--muted);margin-left:auto;font-size:12px}.palette-foot{border-top:1px solid var(--line);color:var(--muted);gap:16px;padding:10px 16px;font-size:12px;display:flex}.signin{min-height:100vh;padding:24px max(16px, env(safe-area-inset-right,0px)) 24px max(16px, env(safe-area-inset-left,0px));place-items:center;display:grid}.signin-card{width:min(420px,100%)}.signin-card .readout-body{text-align:center;justify-items:center;gap:22px;padding:38px 32px 32px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.form{gap:14px;display:grid}.field{gap:6px;font-size:13px;display:grid}.field>span{color:var(--ink-2);font-weight:600}.field small{color:var(--muted);font-size:12px}.input,.select{border:1px solid var(--line-strong);background:var(--solid);border-radius:12px;width:100%;height:38px;padding:0 14px;transition:box-shadow .15s,border-color .15s}.input:focus,.select:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft);outline:0}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=520px){.field-row{grid-template-columns:1fr}}.choice{flex-wrap:wrap;gap:6px;display:flex}.choice label{background:var(--sunken);cursor:pointer;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.choice input{accent-color:var(--signal)}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:50;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-pop);border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;animation:.2s ease-out both pop;position:fixed;transform:translate(-50%)}.gauge.feature .badge-sample{color:#fff;background:#ffffff3d}.gauge.feature .badge-sample:before{background:#fff}.vendor-card{background:var(--sunken);border-radius:16px;gap:4px;padding:14px 16px;text-decoration:none;transition:background .15s,transform .15s;display:grid}.vendor-card:hover{background:var(--hover);transform:translateY(-1px)}