:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fob-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fob-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--fob-bg:#fff;--fob-bg-raised:#f4f5f7;--fob-fg:#16181d;--fob-fg-muted:#4f5561;--fob-border:#cdd1d8;--fob-accent:#1f4fd8;--fob-accent-fg:#fff;--fob-focus:#1f4fd8;--fob-info-bg:#e8efff;--fob-info-fg:#163a9e;--fob-warning-bg:#fff2d6;--fob-warning-fg:#6b4400;--fob-danger-bg:#fde5e5;--fob-danger-fg:#8a1c1c;--fob-success-bg:#e2f5e8;--fob-success-fg:#145a2f;--fob-radius:8px;--fob-space-1:4px;--fob-space-2:8px;--fob-space-3:12px;--fob-space-4:16px;--fob-space-6:24px;--fob-space-8:32px;--fob-measure:60ch}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fob-bg:#111318;--fob-bg-raised:#1c1f26;--fob-fg:#eceef2;--fob-fg-muted:#b3b8c3;--fob-border:#3a3f4a;--fob-accent:#8fb0ff;--fob-accent-fg:#0b1633;--fob-focus:#a9c2ff;--fob-info-bg:#1a2a55;--fob-info-fg:#d5e1ff;--fob-warning-bg:#4a3200;--fob-warning-fg:#ffe1a1;--fob-danger-bg:#4d1a1a;--fob-danger-fg:#ffc9c9;--fob-success-bg:#123a22;--fob-success-fg:#bfeccd}}*,:before,:after{box-sizing:border-box}html{font-family:var(--fob-font-sans);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5}body{background:var(--fob-bg);color:var(--fob-fg);margin:0}:focus-visible{outline:3px solid var(--fob-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fob-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fob-stack{gap:var(--fob-stack-gap,var(--fob-space-4));flex-direction:column;display:flex}.fob-stack--row{flex-flow:wrap;align-items:center}.fob-button{font:inherit;padding:var(--fob-space-2) var(--fob-space-4);border-radius:var(--fob-radius);border:1px solid var(--fob-border);background:var(--fob-bg-raised);min-height:44px;color:var(--fob-fg);cursor:pointer;font-weight:600;transition:background-color .12s}.fob-button--primary{background:var(--fob-accent);border-color:var(--fob-accent);color:var(--fob-accent-fg)}.fob-button--danger{background:var(--fob-danger-bg);border-color:var(--fob-danger-fg);color:var(--fob-danger-fg)}.fob-button:disabled{opacity:.6;cursor:not-allowed}.fob-field{gap:var(--fob-space-1);flex-direction:column;display:flex}.fob-field__label{font-weight:600}.fob-field__hint,.fob-field__error{color:var(--fob-fg-muted);font-size:.9375rem}.fob-field__error{color:var(--fob-danger-fg)}.fob-field__input{font:inherit;padding:var(--fob-space-2) var(--fob-space-3);border-radius:var(--fob-radius);border:1px solid var(--fob-border);background:var(--fob-bg);min-height:44px;color:var(--fob-fg)}.fob-field__input[aria-invalid=true]{border-color:var(--fob-danger-fg)}.fob-notice{padding:var(--fob-space-3) var(--fob-space-4);border-radius:var(--fob-radius);border:1px solid #0000}.fob-notice__title{margin:0 0 var(--fob-space-1);font-weight:600}.fob-notice--info{background:var(--fob-info-bg);color:var(--fob-info-fg)}.fob-notice--warning{background:var(--fob-warning-bg);color:var(--fob-warning-fg)}.fob-notice--danger{background:var(--fob-danger-bg);color:var(--fob-danger-fg)}.fob-notice--success{background:var(--fob-success-bg);color:var(--fob-success-fg)}.fob-panel{padding:var(--fob-space-6);border-radius:var(--fob-radius);border:1px solid var(--fob-border);background:var(--fob-bg-raised)}.fob-panel__title{margin:0 0 var(--fob-space-3);font-size:1.125rem}.fob-state{max-width:var(--fob-measure);padding:var(--fob-space-8) var(--fob-space-4);text-align:center;margin:0 auto}.fob-state__title{margin:0 0 var(--fob-space-3);font-size:1.5rem}.fob-state__description{margin:0 0 var(--fob-space-6);color:var(--fob-fg-muted)}.fob-copy{gap:var(--fob-space-2);flex-direction:column;display:flex}.fob-copy__row{gap:var(--fob-space-2);align-items:stretch;display:flex}.fob-copy__value{font-family:var(--fob-font-mono);padding:var(--fob-space-2) var(--fob-space-3);border-radius:var(--fob-radius);border:1px solid var(--fob-border);background:var(--fob-bg);color:var(--fob-fg);overflow-wrap:anywhere;flex:1;font-size:.9375rem}.fob-copy__warning{color:var(--fob-fg-muted);font-size:.9375rem}.fob-countdown{font-variant-numeric:tabular-nums}.rooms-shell{flex-direction:column;min-height:100vh;display:flex}.rooms-header{justify-content:space-between;align-items:center;gap:var(--fob-space-3);padding:var(--fob-space-3) var(--fob-space-4);border-bottom:1px solid var(--fob-border);flex-wrap:wrap;display:flex}.rooms-header__brand{color:inherit;flex-direction:column;text-decoration:none;display:flex}.rooms-header__name{font-size:1.125rem;font-weight:700}.rooms-header__tagline{color:var(--fob-fg-muted);font-size:.875rem}.rooms-header__nav{gap:var(--fob-space-3);align-items:center;display:flex}.rooms-header__nav a{color:inherit}.rooms-main{width:100%;max-width:72rem;padding:var(--fob-space-4);flex:1;margin:0 auto}.rooms-main--narrow{max-width:var(--fob-measure)}.rooms-footer{padding:var(--fob-space-3) var(--fob-space-4);border-top:1px solid var(--fob-border);color:var(--fob-fg-muted);font-size:.875rem}.rooms-footer a{color:inherit}.rooms-list{gap:var(--fob-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rooms-list__item{justify-content:space-between;align-items:center;gap:var(--fob-space-3);padding:var(--fob-space-3);border:1px solid var(--fob-border);border-radius:var(--fob-radius);display:flex}.room{gap:var(--fob-space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=56rem){.room{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr)}}.room__main,.room__side{gap:var(--fob-space-3);flex-direction:column;min-width:0;display:flex}.room__status{gap:var(--fob-space-2) var(--fob-space-4);flex-wrap:wrap;align-items:center;font-size:.9375rem;display:flex}.status-pill{align-items:center;gap:var(--fob-space-1);padding:2px var(--fob-space-2);border:1px solid var(--fob-border);background:var(--fob-bg-raised);border-radius:999px;display:inline-flex}.status-pill:before{content:"";background:0 0;border:1px solid;border-radius:50%;width:10px;height:10px}.status-pill--connected:before{background:var(--fob-success-fg);border-color:var(--fob-success-fg)}.status-pill--reconnecting:before{background:var(--fob-warning-fg);border-color:var(--fob-warning-fg)}.status-pill--offline:before,.status-pill--closed:before{background:var(--fob-danger-fg);border-color:var(--fob-danger-fg)}.conversation{border:1px solid var(--fob-border);border-radius:var(--fob-radius);background:var(--fob-bg);flex-direction:column;min-height:24rem;max-height:70vh;display:flex}.conversation__list{padding:var(--fob-space-3);gap:var(--fob-space-2);flex-direction:column;flex:1;margin:0;list-style:none;display:flex;overflow-y:auto}.message{max-width:85%;padding:var(--fob-space-2) var(--fob-space-3);border-radius:var(--fob-radius);background:var(--fob-bg-raised);border:1px solid var(--fob-border);flex-direction:column;align-self:flex-start;gap:2px;display:flex}.message--out{background:var(--fob-info-bg);color:var(--fob-info-fg);border-color:#0000;align-self:flex-end}.message--system{max-width:100%;color:var(--fob-fg-muted);background:0 0;border-style:dashed;align-self:center;font-size:.875rem}.message--selected{outline:2px solid var(--fob-focus);outline-offset:1px}.message__meta{gap:var(--fob-space-2);color:inherit;opacity:.85;flex-wrap:wrap;font-size:.8125rem;display:flex}.message__body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.message__delivery{opacity:.85;font-size:.8125rem}.message__select{gap:var(--fob-space-1);align-items:center;font-size:.8125rem;display:flex}.message__preview{border-radius:var(--fob-radius);max-width:100%;max-height:20rem;display:block}.composer{gap:var(--fob-space-2);padding:var(--fob-space-3);border-top:1px solid var(--fob-border);flex-direction:column;display:flex}.composer__row{gap:var(--fob-space-2);flex-wrap:wrap;align-items:flex-end;display:flex}.composer__textarea{min-width:12rem;font:inherit;padding:var(--fob-space-2) var(--fob-space-3);border-radius:var(--fob-radius);border:1px solid var(--fob-border);background:var(--fob-bg);min-height:44px;max-height:10rem;color:var(--fob-fg);resize:vertical;flex:1}.safety-code{font-family:var(--fob-font-mono);letter-spacing:.02em;word-spacing:.3em;overflow-wrap:anywhere;padding:var(--fob-space-3);border-radius:var(--fob-radius);background:var(--fob-bg);border:1px solid var(--fob-border);margin:0;font-size:1rem;line-height:1.6}.qr{padding:var(--fob-space-2);border-radius:var(--fob-radius);background:#fff;max-width:100%;margin:0 auto;display:block}.actions{gap:var(--fob-space-2);flex-wrap:wrap;display:flex}.dialog{border:1px solid var(--fob-border);border-radius:var(--fob-radius);background:var(--fob-bg);color:var(--fob-fg);padding:var(--fob-space-6);max-width:min(40rem, calc(100vw - 2 * var(--fob-space-4)))}.dialog::backdrop{background:#00000080}.muted{color:var(--fob-fg-muted)}.small{font-size:.875rem}.prose p,.prose ul{margin:0 0 var(--fob-space-3)}.prose h2{margin:var(--fob-space-6) 0 var(--fob-space-2);font-size:1.125rem}.file-input{font:inherit}