.state{justify-content:space-between}.state__row{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.tile .state__days{letter-spacing:-.02em;color:inherit;margin:0;font-size:clamp(48px,6vw,68px);font-weight:475;line-height:1}.badge{border-radius:var(--shape-full);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant);align-items:center;gap:6px;padding:5px 12px;font-size:13px;line-height:18px;display:inline-flex}.badge--ok{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.badge--warn{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.badge .sym{block-size:16px;inline-size:16px;font-size:16px}.meter{border-radius:var(--shape-full);background:var(--md-sys-color-surface-container-highest);block-size:8px;inline-size:100%;margin-block:20px 8px;overflow:hidden}.meter__fill{border-radius:inherit;background:var(--md-sys-color-primary);transform-origin:0;block-size:100%;inline-size:100%;transition:transform .4s cubic-bezier(.2,0,0,1);transform:scaleX(0)}.tile--accent .meter{background:color-mix(in srgb, currentColor 18%, transparent)}.tile--accent .meter__fill{background:currentColor}.linkbox{border-radius:var(--shape-m);background:var(--md-sys-color-surface-container-highest);justify-items:start;gap:10px;margin-block:16px;padding:14px;display:grid}.linkbox code{inline-size:100%;color:var(--md-sys-color-on-surface-variant);overflow-wrap:anywhere;font-family:Roboto Mono,ui-monospace,monospace;font-size:13px;line-height:20px}.devices{gap:4px;margin-block:16px 20px;display:grid}.device{border-radius:var(--shape-m);background:var(--md-sys-color-surface-container-highest);align-items:center;gap:14px;padding:12px;display:flex}.device__icon{aspect-ratio:1;border-radius:var(--shape-s);background:var(--md-sys-color-surface-container);inline-size:40px;color:var(--md-sys-color-on-surface-variant);flex:none;place-items:center;display:grid}.device__body{flex:1;min-inline-size:0}.device__name{font-size:15px;line-height:20px;display:block}.device__meta{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px;display:block}@media (width<=560px){.device{flex-wrap:wrap}.device__body{flex-basis:calc(100% - 54px)}}.table-scroll{margin-block-start:8px;overflow-x:auto}table{border-collapse:collapse;inline-size:100%;font-size:14px}th,td{text-align:start;white-space:nowrap;padding:14px 16px}th{color:var(--md-sys-color-on-surface-variant);border-block-end:1px solid var(--md-sys-color-outline-variant);font-size:13px;font-weight:500}td{border-block-end:1px solid var(--md-sys-color-outline-variant)}tbody tr:last-child td{border-block-end:0}.num{font-variant-numeric:tabular-nums}.tile__head{align-items:center;gap:12px;margin-block-end:4px;display:flex}.tile__head h3{margin:0}.tile__head .sym,.muted{color:var(--md-sys-color-on-surface-variant)}.toast{border-radius:var(--shape-s);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);opacity:0;pointer-events:none;z-index:40;padding:14px 20px;font-size:14px;transition:opacity .2s,translate .2s;position:fixed;inset-block-end:24px;inset-inline-start:50%;translate:-50%}.toast[data-show]{opacity:1;translate:-50% -8px}