:root{color-scheme:light dark;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-surface-alt: #eef0f3;--color-border: #d5d9df;--color-border-strong: #6b7380;--color-text: #1a1d21;--color-text-muted: #4a5260;--color-link: #1d4ed8;--color-accent: #1d4ed8;--color-accent-hover: #1e40af;--color-on-accent: #ffffff;--color-focus: #1d4ed8;--color-ok-text: #166534;--color-ok-bg: #e5f5ea;--color-out-text: #b42318;--color-out-bg: #fdecea;--color-partial-text: #8a4500;--color-partial-bg: #fff2dc;--color-unknown-text: #4a5260;--color-unknown-bg: #eceef2;--color-info-bg: #e8eefc;--color-danger: #b42318;--color-danger-solid: #b42318;--color-on-danger: #ffffff;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .8125rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgb(16 24 40 / .06);--target: 2.75rem;--content-max: 60rem;--gutter: 16px}@media (prefers-color-scheme: dark){:root{--color-bg: #111317;--color-surface: #1a1d22;--color-surface-alt: #23272e;--color-border: #353a42;--color-border-strong: #8a929e;--color-text: #eceef1;--color-text-muted: #aeb6c1;--color-link: #8ab4ff;--color-accent: #8ab4ff;--color-accent-hover: #a9c7ff;--color-on-accent: #0b1220;--color-focus: #8ab4ff;--color-ok-text: #7dd99a;--color-ok-bg: #16301f;--color-out-text: #ff9c94;--color-out-bg: #3b1c1a;--color-partial-text: #ffc266;--color-partial-bg: #3a2a10;--color-unknown-text: #aeb6c1;--color-unknown-bg: #262a31;--color-info-bg: #1b2740;--color-danger: #ff9c94;--color-danger-solid: #f28b82;--color-on-danger: #1a0b0a;--shadow-card: none}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.5;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4{line-height:1.25;color:var(--color-text)}p{margin:0 0 var(--space-3)}p:last-child{margin-bottom:0}a{color:var(--color-link);text-decoration:underline;text-underline-offset:.15em}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}[tabindex="-1"]:focus{outline:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-sm)}.break{overflow-wrap:anywhere}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:absolute;left:var(--gutter);top:-100px;z-index:10;padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-link);border:2px solid var(--color-focus);border-radius:var(--radius-md)}.skip-link:focus{top:var(--space-2)}.shell-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.shell-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);padding-block:var(--space-2)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--target);color:var(--color-text);font-weight:700;text-decoration:none}.brand-mark{color:var(--color-accent);flex-shrink:0}.nav{display:flex;flex-wrap:wrap;gap:var(--space-1)}.nav__link{display:inline-flex;align-items:center;min-height:var(--target);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none}.nav__link:hover{background:var(--color-surface-alt)}.nav__link[aria-current=page]{font-weight:700;box-shadow:inset 0 -3px 0 var(--color-accent);border-radius:var(--radius-md) var(--radius-md) 0 0}.shell-main{padding-block:var(--space-5) var(--space-6)}.centered{min-height:100vh;display:flex;justify-content:center;padding:var(--space-6) var(--gutter)}.centered__col{width:100%;max-width:30rem}.page-head{margin-bottom:var(--space-5)}.page-head__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3) var(--space-4)}.page-title{margin:0;font-size:var(--text-2xl)}.page-sub{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.site-footer{margin-top:var(--space-6);padding:var(--space-4) 0 var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.site-footer__links{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}.site-footer__links a{display:inline-flex;align-items:center;min-height:2rem}.site-footer__note{margin:var(--space-3) 0;max-width:48rem}.site-footer__entity{margin:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-4) var(--space-5);margin:0 0 var(--space-4)}.card--quiet{background:var(--color-surface-alt);box-shadow:none}.card__title{margin:0 0 var(--space-2);font-size:var(--text-lg)}.card__title--sm{font-size:var(--text-md)}.section-title{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-md)}.section-title--lg{margin:0;font-size:var(--text-xl)}.section-title--danger{color:var(--color-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target);padding:var(--space-2) var(--space-4);border:2px solid transparent;border-radius:var(--radius-md);font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--block{width:100%}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-link);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-alt)}.btn--danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger)}.btn--danger.btn--danger-solid{background:var(--color-danger-solid);border-color:var(--color-danger-solid);color:var(--color-on-danger)}.btn--link{min-height:2.25rem;padding:var(--space-1) 0;background:none;color:var(--color-link);font-weight:600;text-decoration:underline;text-underline-offset:.15em}.form{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.form--inline{display:flex;flex-wrap:wrap;align-items:flex-end}.form--inline .form-field{flex:1 1 14rem}.form-field{display:grid;gap:var(--space-1)}.form-field--inline{display:flex;align-items:center;gap:var(--space-2)}.form-field--inline .field{width:auto;max-width:16rem}.form-label{font-weight:600}.form-error{margin:0;color:var(--color-out-text);font-weight:600}.form-ok{margin:0;color:var(--color-ok-text);font-weight:600}.field{width:100%;min-height:var(--target);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.field[aria-invalid=true]{border:2px solid var(--color-out-text)}.field--code{max-width:12ch;font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.3em}.switch-list{margin:var(--space-3) 0;border-top:1px solid var(--color-border)}.switch-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.switch-row__label{font-weight:600;cursor:pointer}.switch-row__desc{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.switch{position:relative;flex-shrink:0;width:4.5rem;height:var(--target);padding:0;border:2px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-alt);cursor:pointer}.switch:before{content:"";position:absolute;top:50%;left:4px;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--color-border-strong);transform:translateY(-50%);transition:left .15s ease}.switch__state{position:absolute;top:50%;right:.6rem;transform:translateY(-50%);font-size:var(--text-xs);font-weight:700;color:var(--color-text)}.switch[aria-checked=true]{background:var(--color-accent);border-color:var(--color-accent)}.switch[aria-checked=true]:before{left:calc(100% - 1.75rem - 4px);background:var(--color-on-accent)}.switch[aria-checked=true] .switch__state{right:auto;left:.6rem;color:var(--color-on-accent)}.switch:disabled{cursor:progress;opacity:.6}.tone-icon{flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;line-height:1.4;white-space:nowrap;vertical-align:middle}.badge.tone-ok{color:var(--color-ok-text);background:var(--color-ok-bg)}.badge.tone-out{color:var(--color-out-text);background:var(--color-out-bg)}.badge.tone-partial{color:var(--color-partial-text);background:var(--color-partial-bg)}.badge.tone-unknown{color:var(--color-unknown-text);background:var(--color-unknown-bg)}.notice{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-alt)}.notice__title{margin:0 0 var(--space-1);font-weight:700}.notice__body>*+*{margin-top:var(--space-2)}.notice--info{border-left-color:var(--color-accent);background:var(--color-info-bg)}.notice--success{border-left-color:var(--color-ok-text);background:var(--color-ok-bg)}.notice--warn{border-left-color:var(--color-partial-text);background:var(--color-partial-bg)}.notice--error{border-left-color:var(--color-out-text);background:var(--color-out-bg)}.spinner-block{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;color:var(--color-text-muted)}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--color-border-strong);border-top-color:transparent;border-radius:50%;animation:hoa-spin .8s linear infinite}.spinner--inline{width:1rem;height:1rem;border-color:currentColor;border-top-color:transparent}@keyframes hoa-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none;border-top-color:currentColor;border-style:dotted}.switch:before{transition:none}}.login__brand{display:flex;align-items:center;gap:var(--space-3)}.login__name{margin:0;font-size:var(--text-2xl)}.login__tagline{margin:var(--space-2) 0 var(--space-5);color:var(--color-text-muted)}.login__alt{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-5);margin-top:var(--space-3)}.callback .brand-mark{margin-bottom:var(--space-3)}.check-now{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.check-now__hint{max-width:18rem;font-size:var(--text-sm);color:var(--color-text-muted);text-align:right}.home-list{display:grid;gap:var(--space-4);margin-bottom:var(--space-4)}.home-list>.card{margin:0}.home-card{border-top-width:4px}.home-card.tone-ok{border-top-color:var(--color-ok-text)}.home-card.tone-out{border-top-color:var(--color-out-text)}.home-card.tone-partial{border-top-color:var(--color-partial-text)}.home-card__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-4)}.home-card__name{margin:0;font-size:var(--text-xl);overflow-wrap:anywhere}.home-status{display:flex;align-items:flex-start;gap:var(--space-3);margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-unknown-bg);color:var(--color-unknown-text)}.home-status .tone-icon{margin-top:.15rem}.home-status.tone-ok{background:var(--color-ok-bg);color:var(--color-ok-text)}.home-status.tone-out{background:var(--color-out-bg);color:var(--color-out-text)}.home-status.tone-partial{background:var(--color-partial-bg);color:var(--color-partial-text)}.home-status__headline{margin:0;font-size:var(--text-2xl);font-weight:700;line-height:1.2}.home-status__detail{margin:var(--space-1) 0 0;color:var(--color-text)}.home-note{font-weight:600}.device-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-border)}.device{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.device__main{display:flex;flex-direction:column;min-width:0}.device__name{font-weight:600;overflow-wrap:anywhere}.device__kind,.device__since{font-size:var(--text-sm);color:var(--color-text-muted)}.device__status{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.device__note{grid-column:1 / -1;margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-3);margin:var(--space-2) 0 var(--space-4)}.stats__item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-alt)}.stats__item dt{font-size:var(--text-sm);color:var(--color-text-muted)}.stats__item dd{margin:0;font-size:var(--text-xl);font-weight:700}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-2);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.table thead th{color:var(--color-text-muted);font-weight:600}.table tbody th{font-weight:600;overflow-wrap:break-word}.log{margin-top:var(--space-5)}.log__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.outage-list{display:grid;gap:var(--space-3);list-style:none;margin:0 0 var(--space-4);padding:0}.outage-row{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.outage-row__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.outage-row__link{font-size:var(--text-lg);font-weight:700}.outage-row__home{font-weight:400}.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-2) var(--space-4);margin:0 0 var(--space-2)}.meta__item dt{font-size:var(--text-sm);color:var(--color-text-muted)}.meta__item dd{margin:0}.meta--stacked{grid-template-columns:1fr;gap:0;margin-top:var(--space-3);border-top:1px solid var(--color-border)}.meta--stacked .meta__item{display:grid;grid-template-columns:minmax(7rem,12rem) minmax(0,1fr);gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.meta--stacked .meta__item dt{font-size:var(--text-md)}.detail-level{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.timeline{list-style:none;margin:var(--space-2) 0 var(--space-4);padding:0 0 0 var(--space-4);border-left:2px solid var(--color-border-strong)}.timeline__item{position:relative;padding:var(--space-2) 0}.timeline__item:before{content:"";position:absolute;left:calc(-1 * var(--space-4) - 6px);top:.95rem;width:10px;height:10px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border-strong)}.timeline__name{margin:0;font-weight:600;overflow-wrap:anywhere}.timeline__events{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);margin:0;color:var(--color-text)}.settings__status:empty{display:none}.settings__status{margin-bottom:var(--space-3)}.settings-test{margin-top:var(--space-4)}.settings-test .section-title{margin-top:0}.settings-test>*+*{margin-top:var(--space-2)}.home-name{margin-top:var(--space-4)}.home-name .small{margin:0}.home-name__row{display:flex;gap:var(--space-2)}.home-name__row .field{flex:1 1 auto;min-width:0}.confirm{margin-top:var(--space-3);padding:var(--space-4);border:2px solid var(--color-danger);border-radius:var(--radius-md)}.confirm__title{margin:0 0 var(--space-2);font-size:var(--text-md)}.confirm__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.link-list{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-5);list-style:none;margin:0 0 var(--space-3);padding:0}.link-list a{display:inline-flex;align-items:center;min-height:2rem}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.choice{display:flex;flex-direction:column;margin:0}.choice__actions{display:grid;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3)}@media (max-width: 40rem){.page-title,.home-status__headline{font-size:var(--text-xl)}.check-now{align-items:flex-start}.check-now__hint{text-align:left}.meta--stacked .meta__item{grid-template-columns:1fr;gap:0}.stats{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr))}.stats__item dd{font-size:var(--text-lg)}.meta--stacked .meta__item dt{font-size:var(--text-sm)}.home-name__row{flex-wrap:wrap}}@media (forced-colors: active){.badge,.home-status,.notice,.stats__item{border:1px solid CanvasText}.switch:before{background:CanvasText}.switch[aria-checked=true]{background:Highlight}.switch[aria-checked=true]:before{background:HighlightText}.switch[aria-checked=true] .switch__state{color:HighlightText}.nav__link[aria-current=page]{text-decoration:underline}}