.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}@media (hover: hover) and (pointer: fine){.btn--plain:hover:not(:disabled){background:var(--bg-control-active)}.btn--primary:hover:not(:disabled){background:var(--accent-pressed)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--status-down) 85%,#000)}.card--tappable:hover{background:var(--bg-hover)}}.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-2),env(safe-area-inset-top)) var(--space-3) max(var(--space-2),env(safe-area-inset-bottom));background:#0006;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.modal__card{width:min(620px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-sheet)}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);min-width:0}.sheet-head__title{min-width:0}.sheet-head__name{display:flex;align-items:center;gap:var(--space-2);min-width:0}.sheet-head__device{margin:0;font-size:clamp(17px,2.8vh,22px);font-weight:600;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-head__meta{margin:2px 0 0;font:var(--text-footnote);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-head__actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.chip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 var(--space-2);border:none;border-radius:var(--radius-pill);background:var(--bg-control);color:var(--text-primary);font:var(--text-footnote);line-height:1;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.chip:active:not(:disabled){background:var(--bg-control-active);transform:scale(.94)}.chip:disabled{opacity:.4;cursor:not-allowed}.chip--wide{padding:0 var(--space-3)}.chip--close{font-size:15px;color:var(--text-secondary)}.sheet-error{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--status-down) 12%,transparent);color:var(--status-down);font:var(--text-footnote)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:2px;border-radius:var(--radius-sm);background:var(--bg-control)}.segmented__item{min-height:30px;border:none;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text-secondary);font:var(--text-footnote);font-weight:500;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.segmented__item[aria-selected=true]{background:var(--bg-elevated);color:var(--text-primary);box-shadow:0 1px 2px #0000001f}.sheet-body{min-height:0;animation:t-fade-up var(--motion-fast) var(--ease-out) both}.load-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.load-col__title{margin:0 0 var(--space-2);color:var(--text-secondary);font:var(--text-footnote);font-weight:600}.load-list{margin:0;padding:0;list-style:none}.load-list__item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);min-height:32px;padding:var(--space-1) 0;border-bottom:1px solid var(--separator);font:var(--text-footnote)}.load-list__item:last-child{border-bottom:none}.load-list__name{min-width:0;overflow:hidden;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap}.load-list__count{color:var(--text-secondary);font-variant-numeric:tabular-nums}.load-list__value{flex:none;color:var(--text-secondary);font-variant-numeric:tabular-nums}.address{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-height:44px;justify-content:center;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:right;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.address__value{font-variant-numeric:tabular-nums;white-space:nowrap}.address__hint{font:var(--text-caption);font-weight:400;color:var(--text-tertiary)}.segmented--ranges{width:max-content;min-width:160px;margin-left:auto}.alert-list,.journal{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.alert{display:grid;gap:2px;padding:var(--space-2) var(--space-3);border:1px solid var(--glass-border);border-left-width:3px;border-radius:var(--radius-md);background:var(--material-glass)}.alert[data-tone=down]{border-left-color:var(--status-down)}.alert[data-tone=degraded]{border-left-color:var(--status-degraded)}.alert[data-tone=info]{border-left-color:var(--status-unknown)}.alert[data-resolved=true]{border-left-color:var(--status-healthy);opacity:.75}.alert__row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0}.alert__severity,.alert__status{font:var(--text-footnote);color:var(--text-secondary)}.alert[data-tone=down] .alert__severity{color:var(--status-down)}.alert[data-tone=degraded] .alert__severity{color:var(--status-degraded)}.alert__title{font:var(--text-callout);font-weight:600;overflow-wrap:anywhere}.alert__evidence{font:var(--text-footnote);color:var(--text-secondary);overflow-wrap:anywhere}.journal__item{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--glass-border);font:var(--text-footnote)}.journal__when{color:var(--text-secondary);white-space:nowrap}.journal__what{color:var(--text-primary);overflow-wrap:anywhere}.journal__item>.footnote{grid-column:2}.journal__item[data-outcome=denied] .journal__what,.journal__item[data-outcome=failure] .journal__what{color:var(--status-down)}.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-frame{min-width:0;min-height:0;display:grid;container-type:size;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.grid{display:grid;gap:var(--space-2);grid-auto-rows:minmax(0,1fr);width:100%;height:100%;min-width:0;min-height:0;margin:auto}.grid[data-scroll=true]{height:auto}.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(--material-regular);box-shadow:var(--shadow-card);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)}@media (hover: hover) and (pointer: fine){.tile-device:hover{border-color:color-mix(in srgb,var(--text-primary) 22%,transparent);background:var(--bg-hover)}.tile-device__lock:hover:not(:disabled){background:var(--bg-hover)}}.tile-device:active{transform:scale(.97);border-color:color-mix(in srgb,var(--text-primary) 22%,transparent)}.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__battery{flex:0 0 auto;font-size:clamp(10px,1.4vh,12px);font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}.tile-device__battery[data-charging=true]{color:var(--status-healthy)}.tile-device__metrics{display:grid;grid-template-columns:minmax(0,max-content) minmax(24px,1fr) minmax(0,max-content);align-items:center;column-gap:var(--space-1);row-gap:2px;min-height:0;font-size:clamp(10px,1.4vh,12px);color:var(--text-secondary)}.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}.tile-device__rtt{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.metric{display:contents}.metric__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (orientation: portrait){.tile-device{padding:clamp(10px,1.4vh,18px)}.tile-device__name{font-size:clamp(15px,2vh,20px)}.tile-device__metrics{font-size:clamp(11px,1.3vh,13px)}}.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-wrap{position:relative;touch-action:pan-y;cursor:crosshair}.spark__chart{width:100%;height:clamp(28px,6vh,56px);display:block}.spark__cursor{stroke:var(--text-secondary);stroke-width:1;stroke-dasharray:2 2}.spark__tip{position:absolute;bottom:calc(100% + 4px);transform:translate(-50%);z-index:3;pointer-events:none;display:flex;flex-direction:column;gap:1px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text-primary) 92%,transparent);color:var(--text-inverted);font:var(--text-caption);white-space:nowrap;box-shadow:var(--shadow-card)}.spark__tip b{font-size:13px;font-variant-numeric:tabular-nums}.spark__tip-range{opacity:.75}.spark[data-probing=true]{background:var(--bg-control)}.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)}@media (orientation: portrait){.spark-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.padclock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;pointer-events:none;-webkit-user-select:none;user-select:none}.padclock__time{font-family:"SF Pro Display",var(--font-system);font-size:clamp(110px,34vmin,320px);font-weight:200;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:var(--text-primary);opacity:.2}.padclock__colon{opacity:.45;font-weight:300;margin-inline:-.02em}@media (prefers-color-scheme: dark){.padclock__time{opacity:.17}}.rail{display:grid;grid-auto-rows:minmax(var(--touch-target),auto);align-content:start;gap:var(--space-1);width:clamp(96px,13vw,124px);height:100%;margin:0;padding:0;list-style:none;min-height:0}.rail>li{display:flex;min-height:0}.rail__item{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--material-glass);color:var(--text-secondary);font:var(--text-footnote);font-weight:500;text-align:left;cursor:pointer;overflow:hidden;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.rail__item[aria-selected=true]{background:color-mix(in srgb,var(--accent) 16%,var(--bg-elevated));border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--text-primary);font-weight:600}.rail__item:active{background:var(--bg-control-active)}.rail__text{display:flex;flex-direction:column;min-width:0}.rail__name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail__state{font-size:10px;line-height:1.1;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail[data-density=tight] .rail__state,.rail[data-density=split] .rail__state{display:none}.rail__dot{flex:none;min-width:10px;font-size:10px;line-height:1;text-align:center;color:var(--status-unknown)}.rail__item[data-tone=ok] .rail__dot{color:var(--status-healthy)}.rail__item[data-tone=warn] .rail__dot{color:var(--status-degraded)}.rail__item[data-tone=down] .rail__dot{color:var(--status-down)}.rail[data-density=tight] .rail__item{padding:2px var(--space-1);font:var(--text-caption)}.rail[data-density=split]{grid-template-columns:1fr 1fr;width:clamp(170px,24vw,240px)}.rail[data-density=split] .rail__item{padding:2px var(--space-1);font:var(--text-caption)}@media (orientation: portrait){.rail,.rail[data-density=split]{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;height:auto}.rail>li{display:flex;flex:1 1 0;min-width:0}.rail__item{width:100%;min-height:var(--touch-target);padding:0 var(--space-2);justify-content:center;white-space:nowrap}.rail__state{display:none}.rail[data-density=tight] .rail__item,.rail[data-density=split] .rail__item{padding:0 var(--space-2);gap:var(--space-1)}}@media (hover: hover) and (pointer: fine){.rail__item:hover{background:var(--bg-hover);color:var(--text-primary)}}.code{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:var(--space-2);min-height:0;height:100%}.code[data-aside=true]{grid-template-columns:auto minmax(0,1fr)}.code__aside{grid-area:1 / 1;display:flex;flex-direction:column;min-height:0}.code__main{grid-area:1 / 1;display:flex;flex-direction:column;gap:var(--space-2);min-height:0}.code[data-aside=true] .code__main{grid-area:1 / 2}@media (orientation: portrait){.code[data-aside=true]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.code[data-aside=true] .code__aside{flex-direction:row;align-items:stretch}.code[data-aside=true] .code__main{grid-area:2 / 1}}.code__body{min-height:0;overflow-y:auto;overflow-x:hidden}.code__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:var(--space-2);align-content:start}.code__tile{display:grid;grid-template-rows:auto auto auto;gap:2px;align-content:center;justify-items:center;min-height:var(--touch-target);padding:var(--space-2) var(--space-1);border:1px solid var(--separator);border-radius:var(--radius-md);background:var(--bg-control);color:var(--text-primary);text-align:center;text-decoration:none;transition:background var(--motion-fast) var(--ease-out)}@media (hover: hover) and (pointer: fine){.code__tile:not([aria-disabled=true]):hover{background:var(--bg-control-active);border-color:color-mix(in srgb,var(--text-primary) 22%,transparent)}}.code__tile:active{background:var(--bg-control-active, var(--bg-control))}.code__tile[aria-disabled=true]{opacity:.45;cursor:default}.code__glyph{display:block;font-size:1.5rem;line-height:1;color:var(--text-secondary)}.code__name{font:var(--text-callout);font-weight:600;overflow-wrap:anywhere}.code__group{font:var(--text-caption);color:var(--text-secondary);overflow-wrap:anywhere}.code__toolbar{display:flex;justify-content:flex-end;flex:none}.code__stop{min-height:28px;padding:0 var(--space-2);border:1px solid var(--separator);border-radius:var(--radius-pill);background:var(--bg-control);color:var(--text-secondary);font:var(--text-footnote);font-weight:600;cursor:pointer}.code__stop:active:not(:disabled){background:var(--bg-control-active)}.code__stop:disabled{opacity:.5;cursor:default}.code__start{min-height:var(--touch-target);padding:0 var(--space-2);border:none;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent, #fff);font:var(--text-callout);font-weight:600;cursor:pointer}.code__start:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion: reduce){.code__tile{transition:none}}.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)}.pad-control{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;height:100%}.pad-tiles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(var(--pad-rows, 4),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:var(--space-2);flex:1;min-height:0;width:100%;margin-inline:auto}@media (min-width: 1024px){.pad-tiles{max-width:min(100%,var(--pad-max-w));max-height:min(100%,var(--pad-max-h))}}@media (orientation: portrait){.pad-tiles{grid-template-columns:repeat(var(--pad-rows, 4),minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr))}}.pad-slot{border-radius:22%}.pad-tiles--arranging .pad-slot{border:1px dashed var(--separator)}.pad-slot--target,.pad-tile--target{border:1px dashed var(--text-secondary);background:var(--bg-control-active)}.pad-tile{position:relative;min-height:var(--touch-target);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:8%;aspect-ratio:1;width:100%;max-height:100%;justify-self:center;align-self:center;border:1px solid var(--glass-border);border-radius:22%;background:none;color:var(--text-primary);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}@media (hover: hover) and (pointer: fine){.pad-tile:hover:not(:disabled){background:var(--bg-hover)}}.pad-tile:active:not(:disabled){transform:scale(.9);background:var(--bg-control-active)}.pad-tile--pressed:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}.pad-tile:disabled{opacity:.4;cursor:not-allowed}.pad-tile__glyph{display:flex;align-items:center;justify-content:center;font-size:clamp(24px,7vmin,64px);line-height:1}@supports (container-type: inline-size){.pad-tile{container-type:inline-size}.pad-tile__glyph{font-size:72cqw}}.pad-tile--danger{border-color:color-mix(in srgb,var(--status-down) 45%,transparent);color:var(--status-down)}.pad-tile__state{font-size:clamp(10px,1.1vh,11px);line-height:1.1;text-align:center;color:var(--text-tertiary)}.pad-tile--on{border-color:color-mix(in srgb,var(--status-healthy) 45%,transparent)}.pad-tile--on .pad-tile__state{color:var(--status-healthy)}.pad-tile--fault{border-color:color-mix(in srgb,var(--status-down) 45%,transparent)}.pad-tile--fault .pad-tile__state{color:var(--status-down)}.pad-tile--moving .pad-tile__state{color:var(--status-degraded)}.pad-tile__mark{position:absolute;top:2px;right:3px;font-size:clamp(10px,1.5vh,13px);line-height:1;animation:pad-mark-in var(--motion-fast) var(--ease-out) both}.pad-tile__mark--ok{color:var(--status-healthy)}.pad-tile__mark--alert{color:var(--status-down)}@keyframes pad-mark-in{0%{opacity:0;transform:scale(.7)}}@media (prefers-reduced-motion: reduce){.pad-tile__mark{animation:none}}.pad-tiles--arranging{touch-action:none}.pad-tiles--arranging .pad-tile{touch-action:none;user-select:none;-webkit-user-select:none;border-style:dashed}.pad-tile--held{z-index:2;transition:none;box-shadow:var(--shadow-sheet);background:var(--bg-elevated);opacity:.92}.pad-tile--held:active:not(:disabled){transform:none}.pad__stats{display:flex;align-items:baseline;gap:var(--space-2);max-width:100%;white-space:nowrap;font:var(--text-footnote);font-variant-numeric:tabular-nums}.pad__stats--empty{color:var(--text-tertiary)}.pad__stats[data-stale=true]{opacity:.55}.pad__stat{display:inline-flex;align-items:baseline;gap:3px}.pad__stat__label{color:var(--text-tertiary)}.pad__stat__value{color:var(--text-primary);font-weight:600}.pad__stat[data-tone=degraded] .pad__stat__value{color:var(--status-degraded)}.pad__stat[data-tone=down] .pad__stat__value{color:var(--status-down)}.pad__stats__age{color:var(--text-tertiary)}.windows{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--space-2);min-height:0;height:100%}.windows>.empty{grid-row:1}.windows__grid{grid-row:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:minmax(56px,max-content);align-content:start;gap:var(--space-2);margin:0;padding:0;list-style:none;min-height:0;overflow-y:auto;overscroll-behavior:contain}.windows__grid>li{display:flex;min-width:0}.windows__tile{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:var(--space-2);row-gap:0;width:100%;min-height:var(--touch-target);padding:var(--space-2);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--material-glass);color:var(--text-primary);text-align:left;cursor:pointer;overflow:hidden;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.windows__tile:disabled{opacity:.5;cursor:default}.windows__tile:active:not(:disabled){background:var(--bg-control-active)}.windows__tile[data-active=true]{background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated));border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.windows__glyph{grid-area:1 / 1 / 3 / 2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--material-thin);font-size:15px;line-height:1}.windows__subject{grid-area:1 / 2;min-width:0;font:var(--text-callout);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.windows__app{grid-area:2 / 2;min-width:0;font:var(--text-caption);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.windows__active{grid-area:3 / 1 / 4 / 3;font:var(--text-caption);color:var(--accent)}.windows__tile[data-elevated=true]{opacity:.6}.windows__tile[data-elevated=true] .windows__app{color:var(--status-degraded)}.windows__mark{position:absolute;top:4px;right:6px;font-size:14px;line-height:1;color:var(--status-healthy)}.windows__tile[data-outcome=fail] .windows__mark{color:var(--status-degraded)}.windows__foot{grid-row:2;margin:0;text-align:center}.windows__foot[data-stale=true]{color:var(--status-degraded)}@media (hover: hover) and (pointer: fine){.windows__tile:hover:not(:disabled){background:var(--bg-hover);border-color:var(--separator-opaque)}}.pad{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;gap:var(--space-2);min-width:0;min-height:0;height:100%}.pad__aside{grid-area:1 / 1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0;min-height:0}.pad__aside>.rail{min-height:0}.pad__arrange{flex:none;min-height:var(--touch-target);padding:0 var(--space-3);border:none;border-radius:var(--radius-sm);background:var(--bg-control);color:var(--accent);font:var(--text-callout);font-weight:600;white-space:nowrap;cursor:pointer}.padview{grid-area:1 / 2 / 3 / 3;min-width:0;min-height:0;overflow:hidden}.padstack{display:grid;grid-auto-flow:row;grid-auto-rows:100%;min-width:0;min-height:0;height:100%;transition:transform var(--motion-base) var(--ease-out);will-change:transform}.padstack[data-dragging=true]{transition:none;-webkit-user-select:none;user-select:none}.padstack__pane{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr)}.pad>.pad__stats{grid-area:2 / 1;flex-direction:column;align-items:flex-start;gap:0;min-width:0;padding:0 var(--space-2)}.pad__hint{grid-area:3 / 1 / 4 / 3;margin:0;text-align:center}.pad__body{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain}.pad__body>.pad-control{flex:1;min-height:0}.pad>.empty{grid-area:1 / 1 / 4 / 3}@media (orientation: portrait){.pad{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.padview{grid-area:2 / 1}.pad__aside{grid-area:1 / 1;flex-direction:row;align-items:center;gap:var(--space-2)}.pad__aside>.rail{flex:1;min-width:0}.pad>.pad__stats{grid-area:3 / 1;flex-direction:row;align-items:baseline;justify-content:center;gap:var(--space-3);padding:0 var(--space-1)}.pad__hint{grid-area:3 / 1 / 4 / 2}.pad>.empty{grid-area:1 / 1 / 4 / 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);--material-thin: color-mix(in srgb, var(--bg-elevated) 72%, transparent);--material-regular: color-mix(in srgb, var(--bg-elevated) 86%, transparent);--material-blur: saturate(180%) blur(20px);--material-glass: color-mix(in srgb, var(--bg-elevated) 62%, transparent);--glass-border: color-mix(in srgb, var(--text-primary) 10%, transparent);--text-primary: #1c1c1e;--text-secondary: #3c3c4399;--text-tertiary: #3c3c438c;--text-inverted: #ffffff;--separator: rgba(60, 60, 67, .18);--separator-opaque: #c6c6c8;--aurora-1: #5b8cff;--aurora-2: #a86cff;--aurora-3: #2ec9c2;--aurora-4: #ff8f5b;--aurora-5: #6ee7a8;--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;--tile-max-w: 360px;--tile-max-h: 280px;--pad-max-w: 1200px;--pad-max-h: 620px;--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);--focus-ring-width: 2px;--focus-ring-color: var(--accent);--bg-hover: rgba(120, 120, 128, .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:not([data-theme=light]){--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: #ebebf58c;--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;--aurora-1: #6f9bff;--aurora-2: #b981ff;--aurora-3: #3ee0d8;--aurora-4: #ffa06e;--aurora-5: #7cf3b6;--shadow-card: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sheet: 0 -2px 16px rgba(0, 0, 0, .6);--bg-hover: rgba(235, 235, 245, .14);--material-thin: color-mix(in srgb, var(--bg-elevated) 80%, transparent);--material-regular: color-mix(in srgb, var(--bg-elevated) 92%, transparent);--material-glass: color-mix(in srgb, var(--bg-elevated) 55%, transparent);--glass-border: color-mix(in srgb, #ffffff 14%, transparent)}}:root[data-theme=dark]{--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: #ebebf58c;--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;--aurora-1: #6f9bff;--aurora-2: #b981ff;--aurora-3: #3ee0d8;--aurora-4: #ffa06e;--aurora-5: #7cf3b6;--shadow-card: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sheet: 0 -2px 16px rgba(0, 0, 0, .6);--bg-hover: rgba(235, 235, 245, .14);--material-thin: color-mix(in srgb, var(--bg-elevated) 80%, transparent);--material-regular: color-mix(in srgb, var(--bg-elevated) 92%, transparent);--material-glass: color-mix(in srgb, var(--bg-elevated) 55%, transparent);--glass-border: color-mix(in srgb, #ffffff 14%, transparent)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@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}body:before,body:after{content:"";position:fixed;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:-1;pointer-events:none;will-change:transform}body:before{background:radial-gradient(34% 34% at 20% 22%,color-mix(in srgb,var(--aurora-1) 26%,transparent),transparent 70%),radial-gradient(30% 30% at 78% 68%,color-mix(in srgb,var(--aurora-2) 24%,transparent),transparent 70%),radial-gradient(38% 38% at 58% 8%,color-mix(in srgb,var(--aurora-3) 18%,transparent),transparent 70%);animation:aurora-a 34s var(--ease-in-out) infinite alternate}body:after{background:radial-gradient(32% 32% at 82% 18%,color-mix(in srgb,var(--aurora-4) 20%,transparent),transparent 70%),radial-gradient(28% 28% at 14% 78%,color-mix(in srgb,var(--aurora-5) 18%,transparent),transparent 70%),radial-gradient(36% 36% at 46% 54%,color-mix(in srgb,var(--aurora-2) 16%,transparent),transparent 70%);animation:aurora-b 47s var(--ease-in-out) infinite alternate}@keyframes aurora-a{0%{transform:translate3d(-4%,-3%,0) scale(1.05) rotate(-3deg)}to{transform:translate3d(5%,4%,0) scale(1.22) rotate(4deg)}}@keyframes aurora-b{0%{transform:translate3d(4%,3%,0) scale(1.18) rotate(5deg)}to{transform:translate3d(-5%,-4%,0) scale(1.02) rotate(-6deg)}}#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:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--radius-sm)}.tile-device:focus-visible,.pad-tile:focus-visible,.code__tile:focus-visible{border-radius:var(--radius-md)}.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}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.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}}.screen{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) 26px;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,.screen__notices,.screen__viewport{position:relative;z-index:1}.screen__bar{grid-row:1;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--material-thin);-webkit-backdrop-filter:var(--material-blur);backdrop-filter:var(--material-blur)}.screen__notices{grid-row:2}.screen__viewport{grid-row:3;min-height:0;overflow:hidden}.screen__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;width:100%;height:100%;transition:transform var(--motion-base) var(--ease-out);will-change:transform}.screen__track[data-dragging=true]{transition:none;-webkit-user-select:none;user-select:none}.screen__pane{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr)}.screen__pane>*{min-height:0}.update-bar{position:fixed;top:calc(env(safe-area-inset-top) + var(--space-2));left:50%;transform:translate(-50%);z-index:12;width:max-content;max-width:min(560px,calc(100% - 2 * var(--space-3)));border-radius:var(--radius-md);box-shadow:var(--shadow-sheet);background:var(--bg-elevated)}.screen[data-page=pad]{grid-template-rows:auto auto minmax(0,1fr) 0}.padbar{position:absolute;left:50%;bottom:max(var(--space-1),calc(env(safe-area-inset-bottom) - var(--space-2)));max-width:calc(100% - 2 * var(--space-3));transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;background:transparent;pointer-events:none}.pages{display:flex;justify-content:center;gap:var(--space-1)}.pages__dot{pointer-events:auto;width:var(--touch-target);height:32px;padding:0;border:none;background:transparent;cursor:pointer;position:relative}.pages__dot:before{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.pages__dot:after{content:"";position:absolute;inset:auto auto 4px 50%;transform:translate(-50%);width:7px;height:7px;border-radius:50%;background:var(--text-tertiary);box-shadow:0 0 6px #00000073;transition:background var(--motion-fast) var(--ease-out)}.pages__dot[aria-current=page]:after{background:var(--text-primary)}.pages__dot__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (min-width: 1024px){.pages,.padbar{gap:var(--space-1)}.pages__dot{width:auto;min-width:var(--touch-target);height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-pill);transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.pages__dot:after{display:none}.pages__dot__label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font:var(--text-footnote);color:var(--text-secondary)}.pages__dot[aria-current=true]{background:var(--bg-control)}.pages__dot[aria-current=true] .pages__dot__label{color:var(--text-primary)}.screen[data-page=pad] .pages__dot[aria-current=true]{background:var(--material-regular);-webkit-backdrop-filter:var(--material-blur);backdrop-filter:var(--material-blur)}}@media (hover: hover) and (pointer: fine){.pages__dot:hover:after{background:var(--text-secondary)}.pages__dot:hover .pages__dot__label{color:var(--text-primary)}}.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{position:relative}.screen__bar .btn.iconbtn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.screen__bar .btn.iconbtn[data-tone=down]{color:var(--status-down);font-weight:700}.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)}@media (orientation: portrait){.screen{padding-top:calc(max(var(--space-2),env(safe-area-inset-top)) + env(safe-area-inset-top)*.3)}.screen__bar{flex-wrap:wrap;gap:var(--space-1);border-radius:var(--radius-md)}.screen__bar>.row:first-child{display:none}.screen__bar>.row:last-child{flex:1 0 100%;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-1)}.screen__bar>.row:last-child>.footnote{display:none}.screen__notices{max-height:30dvh}}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-4));transform:translate(-50%);z-index:30;max-width:min(92vw,420px);padding:var(--space-2) var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:var(--material-regular);-webkit-backdrop-filter:var(--material-blur);backdrop-filter:var(--material-blur);box-shadow:var(--shadow-card);color:var(--text-primary);font:var(--text-footnote);text-align:center;pointer-events:none}