.card{display:block;width:100%;text-align:left;background:var(--bg-elevated);border:none;border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card)}.card--tappable{cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.card--tappable:active{transform:scale(.985);background:var(--bg-sunken)}.btn{min-height:var(--touch-target);padding:0 var(--space-4);border:none;border-radius:var(--radius-md);font:var(--text-headline);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),opacity var(--motion-fast) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:active:not(:disabled){background:var(--accent-pressed)}.btn--plain{background:var(--bg-control);color:var(--text-primary)}.btn--plain:active:not(:disabled){background:var(--bg-control-active)}.btn--danger{background:var(--status-down);color:#fff}.banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font:var(--text-callout)}.banner--info{background:var(--bg-control);color:var(--text-primary)}.banner--warning{background:color-mix(in srgb,var(--status-degraded) 16%,transparent);color:var(--status-degraded)}.banner--danger{background:color-mix(in srgb,var(--status-down) 16%,transparent);color:var(--status-down)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font:var(--text-footnote);color:var(--text-secondary)}.field__hint{font:var(--text-footnote);color:var(--text-tertiary)}.field input{min-height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--separator);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font:var(--text-body);transition:border-color var(--motion-fast) var(--ease-out)}.field input:focus{border-color:var(--accent);outline:none}.rows{margin:0;display:flex;flex-direction:column}.rows__item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--separator)}.rows__item:last-child{border-bottom:none}.rows__item dt{font:var(--text-callout);color:var(--text-secondary)}.rows__item dd{margin:0;font:var(--text-callout);font-weight:500;text-align:right;overflow-wrap:anywhere}.empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-secondary)}.platforms{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;border:none}.platforms__item{display:flex;align-items:flex-start;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2) 0}.platforms__item input{margin-top:4px;width:20px;height:20px;accent-color:var(--accent)}.policy{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--separator)}.policy:last-child{border-bottom:none}.policy__risk{color:var(--status-down);font:var(--text-caption);text-transform:uppercase;letter-spacing:.6px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:max(var(--space-3),env(safe-area-inset-top)) var(--space-4) max(var(--space-3),env(safe-area-inset-bottom));background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal__card{width:min(560px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-sheet)}.status{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;border-radius:var(--radius-pill);font:var(--text-footnote);font-weight:600;white-space:nowrap;background:var(--bg-control);transition:background var(--motion-fast) var(--ease-out)}.status--sm{padding:2px 8px;font-size:12px}.status__glyph{font-size:10px;line-height:1}.status--healthy{color:var(--status-healthy)}.status--degraded{color:var(--status-degraded)}.status--down{color:var(--status-down)}.status--unknown{color:var(--status-unknown)}.status--maintenance{color:var(--status-maintenance)}.grid{display:grid;gap:var(--space-2);grid-auto-rows:minmax(0,1fr);flex:1;min-height:0}.tile-device__slot{position:relative;min-height:0;display:grid}.tile-device__lock{position:absolute;right:4px;bottom:4px;z-index:1;min-width:44px;min-height:44px;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:clamp(13px,2vh,17px);line-height:1;cursor:pointer}.tile-device__lock:active:not(:disabled){background:var(--bg-control-active)}.tile-device__lock:disabled{opacity:.35;cursor:not-allowed}.tile-device{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-1);min-height:0;padding:clamp(8px,1.6vh,16px);border:1px solid var(--separator);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);text-align:left;cursor:pointer;overflow:hidden;transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.tile-device:active{transform:scale(.97)}.tile-device[data-state=down]{border-color:color-mix(in srgb,var(--status-down) 55%,transparent)}.tile-device[data-state=degraded]{border-color:color-mix(in srgb,var(--status-degraded) 55%,transparent)}.tile-device[data-state=stale],.tile-device[data-state=unknown]{border-style:dashed}.tile-device__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0}.tile-device__name{font-size:clamp(13px,2.2vh,18px);font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-device__metrics{display:flex;flex-direction:column;gap:2px;min-height:0}.tile-device__foot{padding-right:40px;font-size:clamp(10px,1.5vh,12px);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric{display:grid;grid-template-columns:2.6em 1fr 2.8em;align-items:center;gap:var(--space-1);font-size:clamp(9px,1.4vh,12px);color:var(--text-secondary)}.metric__bar{height:4px;border-radius:var(--radius-pill);background:var(--bg-control);overflow:hidden}.metric__fill{display:block;height:100%;border-radius:inherit;background:var(--status-healthy);transition:width var(--motion-base) var(--ease-out)}.metric[data-tone=degraded] .metric__fill{background:var(--status-degraded)}.metric[data-tone=down] .metric__fill{background:var(--status-down)}.metric__value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-primary)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;background:#0006;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.sheet__card{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-sheet)}.tile--danger{border-color:color-mix(in srgb,var(--status-down) 40%,transparent);color:var(--status-down)}.spark{display:flex;flex-direction:column;gap:4px;margin:0;padding:var(--space-2);border-radius:var(--radius-md);background:var(--bg-sunken);min-width:0}.spark__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.spark__label{font:var(--text-footnote);color:var(--text-secondary)}.spark__value{font-size:clamp(15px,2.4vh,20px);font-weight:600;font-variant-numeric:tabular-nums}.spark__chart{width:100%;height:clamp(28px,6vh,56px);display:block}.spark__line{fill:none;stroke:var(--status-healthy);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.spark__area{fill:color-mix(in srgb,var(--status-healthy) 22%,transparent);stroke:none}.spark[data-tone=degraded] .spark__line{stroke:var(--status-degraded)}.spark[data-tone=degraded] .spark__area{fill:color-mix(in srgb,var(--status-degraded) 22%,transparent)}.spark[data-tone=down] .spark__line{stroke:var(--status-down)}.spark[data-tone=down] .spark__area{fill:color-mix(in srgb,var(--status-down) 22%,transparent)}.spark__bar{height:8px;border-radius:var(--radius-pill);background:var(--bg-control);overflow:hidden}.spark__fill{height:100%;border-radius:inherit;background:var(--status-healthy);transition:width var(--motion-base) var(--ease-out)}.spark[data-tone=degraded] .spark__fill{background:var(--status-degraded)}.spark[data-tone=down] .spark__fill{background:var(--status-down)}.spark-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-2)}:root{color-scheme:light dark;--bg-base: #f2f2f7;--bg-elevated: #ffffff;--bg-sunken: #e5e5ea;--bg-control: rgba(120, 120, 128, .12);--bg-control-active: rgba(120, 120, 128, .2);--text-primary: #1c1c1e;--text-secondary: #3c3c4399;--text-tertiary: #3c3c4366;--text-inverted: #ffffff;--separator: rgba(60, 60, 67, .18);--separator-opaque: #c6c6c8;--status-healthy: #248a3d;--status-degraded: #b25000;--status-down: #d70015;--status-unknown: #6c6c70;--status-maintenance: #0055d4;--accent: #0a84ff;--accent-pressed: #0060df;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--touch-target: 44px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);--shadow-sheet: 0 -2px 12px rgba(0, 0, 0, .12);--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--text-large-title: 700 34px/1.15 var(--font-system);--text-title: 600 22px/1.25 var(--font-system);--text-headline: 600 17px/1.3 var(--font-system);--text-body: 400 17px/1.45 var(--font-system);--text-callout: 400 15px/1.4 var(--font-system);--text-footnote: 400 13px/1.35 var(--font-system);--text-caption: 500 11px/1.3 var(--font-system);--motion-fast: .14s;--motion-base: .22s;--motion-slow: .34s;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--motion-distance: 8px;--motion-distance-lg: 24px}@media (prefers-color-scheme: dark){:root{--bg-base: #000000;--bg-elevated: #1c1c1e;--bg-sunken: #2c2c2e;--bg-control: rgba(120, 120, 128, .24);--bg-control-active: rgba(120, 120, 128, .36);--text-primary: #ffffff;--text-secondary: #ebebf599;--text-tertiary: #ebebf566;--text-inverted: #000000;--separator: rgba(84, 84, 88, .6);--separator-opaque: #38383a;--status-healthy: #30d158;--status-degraded: #ff9f0a;--status-down: #ff453a;--status-unknown: #8e8e93;--status-maintenance: #0a84ff;--accent: #0a84ff;--accent-pressed: #409cff;--shadow-card: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sheet: 0 -2px 16px rgba(0, 0, 0, .6)}}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 1ms;--motion-base: 1ms;--motion-slow: 1ms;--motion-distance: 0px;--motion-distance-lg: 0px}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-base);color:var(--text-primary);font:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;overflow:hidden}#root{height:100%;overflow:hidden}h1,h2,h3{margin:0}button{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.app{max-width:720px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-7)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-2)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.large-title{font:var(--text-large-title);letter-spacing:-.4px}.title{font:var(--text-title);letter-spacing:-.2px}.headline{font:var(--text-headline)}.callout{font:var(--text-callout)}.footnote{font:var(--text-footnote);color:var(--text-secondary)}.caption{font:var(--text-caption);text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary)}.muted{color:var(--text-secondary)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.t-enter{animation:t-fade-up var(--motion-base) var(--ease-out) both}@keyframes t-fade-up{0%{opacity:0;transform:translateY(var(--motion-distance))}to{opacity:1;transform:none}}.t-sheet{animation:t-sheet-up var(--motion-slow) var(--ease-out) both}@keyframes t-sheet-up{0%{opacity:0;transform:translateY(var(--motion-distance-lg))}to{opacity:1;transform:none}}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.tile{min-height:72px;padding:var(--space-3);border:1px solid var(--separator);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font:var(--text-callout);font-weight:500;cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.tile:active:not(:disabled){transform:scale(.96);background:var(--bg-sunken)}.tile:disabled{opacity:.45;cursor:not-allowed}.screen{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:var(--space-2);height:100dvh;max-height:100dvh;padding:max(var(--space-2),env(safe-area-inset-top)) max(var(--space-3),env(safe-area-inset-right)) max(var(--space-2),env(safe-area-inset-bottom)) max(var(--space-3),env(safe-area-inset-left));overflow:hidden}.screen__bar{grid-row:1}.screen__notices{grid-row:2}.screen>.grid,.screen>.empty{grid-row:3;min-height:0}.screen__notices{display:flex;flex-direction:column;gap:var(--space-1);max-height:22dvh;overflow-y:auto;overscroll-behavior:contain}.screen__notices:empty{display:none}.screen__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.screen__bar .btn{min-height:36px;padding:0 var(--space-3);font:var(--text-callout)}.screen__bar .btn.iconbtn{min-width:36px;padding:0 var(--space-2);font-size:15px;line-height:1}.screen__bar .btn.iconbtn[aria-pressed=true]{background:var(--bg-control-active);color:var(--text-primary)}.screen__bar .btn.iconbtn[data-failed=true]{color:var(--status-degraded)}