:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{color:canvastext;background:canvas;min-height:100vh;margin:0}.app{flex-direction:column;gap:1.5rem;max-width:40rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}.app__header{justify-content:space-between;align-items:center;display:flex}.app__header h1{margin:0;font-size:1.25rem}.status-badge{border:1px solid;border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.status-badge--connecting{color:#a86a00}.status-badge--live{color:#1a7f37}.status-badge--reconnecting{color:#b42318}.echo-form{flex-direction:column;gap:.4rem;display:flex}.echo-form__row{gap:.5rem;display:flex}.echo-form__row input{flex:1;padding:.5rem;font-size:1rem}.echo-form__row button{cursor:pointer;padding:.5rem 1rem;font-size:1rem}.echo-form__row button:disabled{cursor:not-allowed;opacity:.6}.echo-form__error{color:#b42318;margin:0}.event-list{flex-direction:column;gap:.4rem;max-height:24rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.event-list-empty{opacity:.7}.event-list__item{border:1px solid #8080804d;border-radius:.4rem;align-items:baseline;gap:.6rem;padding:.4rem .6rem;font-family:ui-monospace,monospace;font-size:.85rem;display:flex}.event-list__type{font-weight:600}.event-list__time{opacity:.7}.event-list__data{overflow-wrap:anywhere}.version-footer{opacity:.7;border-top:1px solid #8080804d;margin-top:auto;padding-top:1rem;font-size:.8rem}.app__actions{align-items:center;gap:.5rem;display:flex}.auth-view,.add-passkey{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.auth-view h2{margin:0;font-size:1.1rem}.add-passkey__row{gap:.5rem;display:flex}.auth-view__error{color:#b42318;margin:0}.add-passkey__done{color:#1a7f37;margin:0}.status-badge--closed{color:#b42318}