:root{color-scheme:dark;--bg: #0b1220;--surface: #141c2e;--surface-muted: #10182a;--border: #232f47;--text: #e2e8f0;--text-muted: #94a3b8;--accent: #38bdf8;--online: #34d399;--offline: #f87171;--checking: #fbbf24;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body,#root{min-height:100dvh}.dashboard{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:640px;margin:0 auto;padding:1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom))}.dashboard__header{text-align:center;padding-top:.5rem}.dashboard__header h1{margin:0;font-size:1.75rem;letter-spacing:.08em}.dashboard__subtitle{margin:.25rem 0 0;color:var(--text-muted);font-size:.9rem}.dashboard__header--session{display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;flex-wrap:wrap}.dashboard__session{display:flex;align-items:center;gap:.6rem}.dashboard__username{color:var(--text-muted);font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.session-check{text-align:center;color:var(--text-muted);padding-top:3rem}.login-form{align-items:stretch}.login-form__field{display:flex;flex-direction:column;gap:.35rem}.login-form__field input{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.6rem .7rem;font-size:1rem;min-height:44px}.login-form__field input:disabled{opacity:.6}.login-form__footer{border-top:none;padding-top:0;justify-content:flex-end}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.card--muted{background:var(--surface-muted);color:var(--text-muted)}.card__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.card__row--footer{border-top:1px solid var(--border);padding-top:.75rem}.card__label{font-weight:600}.card__hint{margin:0;font-size:.85rem}.card__details{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;font-size:.9rem}.card__details dt{color:var(--text-muted)}.card__details dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}.card__error{margin:0;color:var(--offline);font-size:.9rem}.card__warning{margin:0;color:var(--checking);font-size:.9rem}.card__success{margin:0;color:var(--online);font-size:.9rem}.card__group{display:flex;flex-direction:column;gap:.35rem;padding-top:.5rem;border-top:1px solid var(--border)}.card__group-title{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}.ai-request-form{display:flex;flex-direction:column;gap:.5rem}.ai-request-form__field textarea{width:100%;resize:vertical;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.6rem .7rem;font-size:1rem;font-family:inherit}.ai-request-form__field textarea:disabled{opacity:.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card__timestamp{color:var(--text-muted);font-size:.8rem}.status-badge{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.04em}.status-badge--online{background:color-mix(in srgb,var(--online) 20%,transparent);color:var(--online)}.status-badge--offline{background:color-mix(in srgb,var(--offline) 20%,transparent);color:var(--offline)}.status-badge--checking{background:color-mix(in srgb,var(--checking) 20%,transparent);color:var(--checking)}.status-badge--never-seen{background:color-mix(in srgb,var(--text-muted) 20%,transparent);color:var(--text-muted)}.badge{padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;border:1px solid var(--border)}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--accent);color:#04202e;font-weight:700;border-radius:8px;padding:.6rem 1.1rem;font-size:.9rem;min-height:44px;min-width:44px;cursor:pointer}.button:disabled{opacity:.6;cursor:default}.button--ghost{background:transparent;color:var(--text);border-color:var(--border);padding:.5rem .9rem;font-size:.85rem}.button:not(:disabled):active{transform:translateY(1px)}@media (min-width: 640px){.dashboard{padding-top:2.5rem}}.update-banner{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;gap:.5rem;background:var(--surface);border-bottom:1px solid var(--accent);padding:.75rem 1rem}.update-banner__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.update-banner__actions{display:flex;gap:.5rem;flex-wrap:wrap}.update-banner__build{margin:0;color:var(--text-muted);font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.camera-frame{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-frame img{width:100%;height:100%;object-fit:contain;display:block}.camera-frame--empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:1rem}.camera-frame__badge{position:absolute;top:.5rem;right:.5rem}.vision-events__markers{margin:.5rem 0 0;padding:0;list-style:none;font-size:.9rem}.vision-events__list{margin:.75rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.vision-event{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;overflow-wrap:anywhere}.vision-event--new{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.vision-event--old{color:var(--text-muted)}.vision-event__time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-muted);font-size:.8rem}.vision-event__text{flex:1 1 12rem}.vision-event__new{font-size:.7rem;font-weight:700;color:var(--accent);letter-spacing:.04em}.diag-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.diag-row{display:flex;flex-direction:column;gap:.15rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;overflow-wrap:anywhere}.diag-row--stale{opacity:.6}.diag-row__head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.diag-row__label{font-weight:600}.diag-row__reason{color:var(--text)}.diag-row__detail{color:var(--text-muted)}.diag-details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--accent);font-weight:600}.diag-details[open]{display:flex;flex-direction:column;gap:.5rem}