:root{--color-bg:#fff;--color-fg:#1a1a1a;--color-muted:#5c5c5c;--color-border:#d9d9d9;--color-accent:#1d4ed8;--color-ok:#0f7a3d;--color-error:#b3261e;--color-error-bg:#fbeceb;--color-ok-bg:#eaf6ee;--color-waiting-bg:#f2f2f2}@media (prefers-color-scheme:dark){:root{--color-bg:#111213;--color-fg:#f2f2f2;--color-muted:#b5b5b5;--color-border:#3a3a3a;--color-accent:#6ea8fe;--color-ok:#4ade80;--color-error:#f87171;--color-error-bg:#3a1a18;--color-ok-bg:#12301d;--color-waiting-bg:#1c1c1d}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.skip-link{background:var(--color-accent);color:#fff;z-index:100;padding:.5rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{top:.5rem;left:.5rem}a{color:var(--color-accent)}button{font:inherit}.page{flex-direction:column;min-height:100dvh;display:flex}.page-header,.page-footer{border-color:var(--color-border);padding:1rem clamp(1rem,4vw,2.5rem)}.page-header{border-bottom:1px solid var(--color-border)}.page-footer{border-top:1px solid var(--color-border);color:var(--color-muted);margin-top:auto;font-size:.875rem}.wordmark{margin:0;font-size:1.125rem;font-weight:700}.page-main{flex:1;max-width:40rem;padding:clamp(1.5rem,5vw,3rem) clamp(1rem,4vw,2.5rem)}.page-main h1{margin:0 0 .75rem;font-size:clamp(1.5rem,4vw,2rem)}.lede{color:var(--color-muted);margin:0 0 1.75rem}.status-panel{border:1px solid var(--color-border);border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex}.connection-status{flex:16rem;align-items:center;gap:.5rem;margin:0;display:flex}.connection-status__dot{background:currentColor;border-radius:999px;flex:none;width:.625rem;height:.625rem}.connection-status--waiting{color:var(--color-muted)}.connection-status--ok{color:var(--color-ok)}.connection-status--error{color:var(--color-error)}.identity-status{flex:16rem;align-items:center;gap:.5rem;margin:0;display:flex}.identity-status__dot{background:currentColor;border-radius:999px;flex:none;width:.625rem;height:.625rem}.identity-status--ok{color:var(--color-ok)}.identity-status--error{color:var(--color-error)}.retry-button{border:1px solid var(--color-border);color:var(--color-fg);cursor:pointer;background:0 0;border-radius:.375rem;padding:.5rem 1rem}.retry-button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.retry-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.retry-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:30rem){.status-panel{flex-direction:column;align-items:stretch}.retry-button{width:100%}}