:root{--deep:#0b3d4a;--deep-soft:#14535f;--deep-line:#2a6b78;--sun:#f5c84b;--foam:#eef6f4;--mist:#9dbfc4;--ok:#7fe0b0;--warn:#ff9d8a;color:var(--foam);background:var(--deep);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}.app{max-width:30rem;height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));grid-template-rows:auto 1fr auto auto;gap:1rem;margin:0 auto;display:grid}.app__header{align-items:center;gap:.6rem;min-height:2.5rem;display:flex}.app__header img{border-radius:22%}h1{color:var(--sun);margin:0;font-size:1.35rem}.stack{align-content:start;gap:1rem;display:grid}.lead{text-wrap:balance;margin:0;font-size:1.125rem}.hint,.notice{color:var(--mist);margin:0;font-size:.875rem}.notice{background:var(--deep-soft);color:var(--foam);border-radius:.6rem;padding:.6rem .8rem}.card{border:1px solid var(--deep-line);border-radius:.9rem;padding:1rem}.fields{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}label{color:var(--mist);gap:.25rem;font-size:.8125rem;display:grid}select,input{width:100%;min-height:2.75rem;font:inherit;color:var(--foam);background:var(--deep-soft);border:1px solid var(--deep-line);border-radius:.6rem;padding:0 .6rem;font-size:1rem}.code-input{letter-spacing:.3em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace}.status{background:var(--deep-soft);white-space:nowrap;border-radius:999px;justify-self:end;padding:.25rem .75rem;font-size:.8125rem}.status--floating{top:calc(max(1rem, env(safe-area-inset-top)) + .4rem);right:max(1rem, calc((100vw - 30rem) / 2 + 1rem), env(safe-area-inset-right));position:absolute}.status:before{content:"";background:var(--mist);border-radius:50%;width:.5rem;height:.5rem;margin-right:.45rem;display:inline-block}.status[data-state=live]:before{background:var(--ok)}.status[data-state=connecting]:before,.status[data-state=waiting]:before{background:var(--sun)}.status[data-state=reconnecting]:before,.status[data-state=ended]:before{background:var(--warn)}.invite{text-align:center;align-content:center;justify-items:center;gap:.75rem;display:grid}.invite p{margin:0}.invite img{border-radius:.9rem;width:min(15rem,70vw);height:auto}.invite__hint{color:var(--mist);font-size:.875rem}.invite__code{letter-spacing:.3em;color:var(--sun);margin-right:-.3em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:2rem}.talk{flex-direction:column;gap:.75rem;min-height:0;display:flex}.talk__scroll{flex-direction:column-reverse;flex:1;min-height:0;display:flex;overflow-y:auto}.talk ol{overflow-wrap:anywhere;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.talk li{border-radius:.9rem;max-width:88%;padding:.6rem .8rem}.talk li[data-from=partner]{background:var(--deep-soft);align-self:flex-start;font-size:1.125rem}.talk li[data-from=me]{border:1px solid var(--deep-line);color:var(--mist);align-self:flex-end;font-size:.9375rem}.talk li[data-final=false]{opacity:.7}.talk__empty{text-align:center;color:var(--mist);margin:auto 0}.error{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn);border-radius:.6rem;margin:0;padding:.6rem .8rem;font-size:.875rem}.primary,.secondary{width:100%;min-height:3.25rem;font:inherit;text-align:center;border-radius:.9rem;font-size:1.0625rem;font-weight:600;text-decoration:none;display:block}.primary{color:var(--deep);background:var(--sun);border:0}.secondary{color:var(--foam);border:1px solid var(--deep-line);background:0 0;line-height:3.25rem}.primary:disabled,.secondary:disabled{opacity:.45}.primary--stop{color:var(--foam);border:1px solid var(--warn);background:0 0}.link{font:inherit;color:var(--mist);background:0 0;border:0;min-height:2.75rem;font-size:.875rem;text-decoration:underline}