.page[data-v-55d1eaf9]{width:min(100% - 3rem, var(--page-width));flex-direction:column;min-height:100vh;margin:0 auto;padding:2.5rem 0 2rem;display:flex}.header[data-v-55d1eaf9]{border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;margin-inline:-1.5rem;padding:0 1.5rem 1.25rem;display:flex}.wordmark[data-v-55d1eaf9],.status[data-v-55d1eaf9]{margin:0}.wordmark[data-v-55d1eaf9]{color:var(--color-text);letter-spacing:.34em;font-size:.68rem;font-weight:700}.status[data-v-55d1eaf9]{color:var(--color-text-muted);letter-spacing:.14em;font-size:.62rem}.content[data-v-55d1eaf9]{flex:1;grid-template-columns:minmax(0,1fr) 310px;align-items:end;gap:5rem;padding:7rem 0 4rem;display:grid}.intro[data-v-55d1eaf9]{align-self:start}h1[data-v-55d1eaf9]{max-width:7.5ch;color:var(--color-text);letter-spacing:-.075em;margin:0;font-size:clamp(3.5rem,9vw,6.5rem);font-weight:300;line-height:.86}h1 span[data-v-55d1eaf9]{display:block}.intro p[data-v-55d1eaf9]{max-width:24rem;color:var(--color-text-muted);margin:2.5rem 0 0;font-size:.88rem;line-height:1.75}.panel[data-v-55d1eaf9]{width:100%;transform:translateY(-2rem)}.mode-switch[data-v-55d1eaf9]{border-bottom:1px solid var(--color-border-soft);gap:1.75rem;margin-bottom:3rem;display:flex}.mode-switch button[data-v-55d1eaf9]{color:var(--color-text-inactive);cursor:pointer;letter-spacing:.04em;background:0 0;border:0;padding:0 0 .85rem;font-size:.72rem;position:relative}.mode-switch button.active[data-v-55d1eaf9]{color:var(--color-text)}.mode-switch button.active[data-v-55d1eaf9]:after{background:var(--color-focus);content:"";height:1px;position:absolute;bottom:-1px;left:0;right:0}form[data-v-55d1eaf9]{gap:2.4rem;display:grid}.field[data-v-55d1eaf9]{gap:.7rem;display:grid}label[data-v-55d1eaf9]{color:var(--color-text-muted);letter-spacing:.06em;font-size:.66rem}input[data-v-55d1eaf9]{width:100%;color:var(--color-text);border:0;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0;outline:none;padding:.35rem 0 1rem;font-size:.95rem}input[data-v-55d1eaf9]::placeholder{color:var(--color-text-dim)}input[data-v-55d1eaf9]:focus{border-bottom-color:var(--color-focus)}.room-code[data-v-55d1eaf9]{letter-spacing:.18em;text-transform:uppercase}.submit-button[data-v-55d1eaf9]{color:var(--color-text);border:0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);cursor:pointer;letter-spacing:.04em;background:0 0;justify-content:space-between;align-items:center;margin-top:.25rem;padding:1rem 0;font-size:.72rem;display:flex}.submit-button[data-v-55d1eaf9]:hover:not(:disabled){color:#fff;border-color:var(--color-focus)}.submit-button[data-v-55d1eaf9]:disabled{cursor:wait;opacity:.45}.error[data-v-55d1eaf9]{color:var(--color-error);margin:0 0 2rem;font-size:.8rem;line-height:1.5}.footer[data-v-55d1eaf9]{color:var(--color-text-dim);border-top:1px solid var(--color-border-faint);letter-spacing:.08em;justify-content:space-between;padding-top:1rem;font-size:.58rem;display:flex}.footer p[data-v-55d1eaf9]{margin:0}@media (width<=680px){.page[data-v-55d1eaf9]{width:min(100% - 2rem, var(--page-width));padding-top:1.5rem}.header[data-v-55d1eaf9]{margin-inline:0;padding-inline:0}.status[data-v-55d1eaf9]{display:none}.content[data-v-55d1eaf9]{padding:5rem 0 4rem;display:block}h1[data-v-55d1eaf9]{font-size:clamp(3.4rem,18vw,5rem)}.intro p[data-v-55d1eaf9]{margin-top:2rem}.panel[data-v-55d1eaf9]{margin-top:6rem;transform:none}.footer[data-v-55d1eaf9]{gap:.6rem;display:grid}}.chat-page[data-v-59f0511d]{flex-direction:column;width:min(100% - 4rem,1180px);height:100vh;margin:0 auto;padding:2.5rem 0 2rem;display:flex;overflow:hidden}.header[data-v-59f0511d]{border-bottom:1px solid var(--color-border-soft);flex:none;justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.wordmark[data-v-59f0511d]{color:var(--color-text);letter-spacing:.34em;font-size:.68rem;font-weight:700;text-decoration:none}.tagline[data-v-59f0511d]{color:var(--color-text-muted);letter-spacing:.1em;margin:0;font-size:.62rem}.chat-layout[data-v-59f0511d]{flex:auto;grid-template-columns:minmax(0,1fr) 230px;gap:4rem;min-height:0;padding:3rem 0 2.25rem;display:grid;overflow:hidden}.conversation[data-v-59f0511d]{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.error[data-v-59f0511d]{color:var(--color-error);flex:none;margin:0 0 1.5rem;font-size:.78rem;line-height:1.5}.message-list[data-v-59f0511d]{scrollbar-color:#c4d8d72e transparent;scrollbar-gutter:stable;scrollbar-width:thin;flex-direction:column;flex:auto;align-items:flex-start;min-height:0;padding:0 1.2rem 1rem 0;display:flex;overflow:hidden auto}.message-list[data-v-59f0511d]::-webkit-scrollbar{width:4px}.message-list[data-v-59f0511d]::-webkit-scrollbar-track{background:0 0}.message-list[data-v-59f0511d]::-webkit-scrollbar-thumb{background:#c4d8d72e}.message-list[data-v-59f0511d]::-webkit-scrollbar-thumb:hover{background:#c4d8d74d}.empty-state[data-v-59f0511d]{width:min(100%,42rem);color:var(--color-text-dim);margin:0;font-size:.78rem}.message[data-v-59f0511d]{flex:none;width:min(100%,42rem);margin:0 0 2.4rem}.message-meta[data-v-59f0511d]{color:var(--color-text-dim);letter-spacing:.05em;align-items:baseline;gap:.8rem;margin-bottom:.7rem;font-size:.62rem;display:flex}.message-meta time[data-v-59f0511d]{opacity:.75}.message-body[data-v-59f0511d]{max-width:36rem;color:var(--color-text);overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.6}.system-message[data-v-59f0511d]{width:min(100%,42rem);color:var(--color-text-dim);letter-spacing:.04em;flex:none;align-items:baseline;gap:.8rem;margin:0 0 2.4rem;font-size:.68rem;display:flex}.system-message time[data-v-59f0511d]{opacity:.75;font-size:.62rem}.room-panel[data-v-59f0511d]{scrollbar-width:none;min-height:0;overflow-y:auto}.room-panel[data-v-59f0511d]::-webkit-scrollbar{display:none}.room-detail[data-v-59f0511d]{border-bottom:1px solid var(--color-border-faint);margin-bottom:1.7rem;padding-bottom:1.7rem}.section-label[data-v-59f0511d]{color:var(--color-text-dim);letter-spacing:.1em;margin:0;font-size:.62rem}.room-code[data-v-59f0511d],.participant-name[data-v-59f0511d],.status[data-v-59f0511d],.room-note[data-v-59f0511d],.participant-list[data-v-59f0511d]{margin:.8rem 0 0}.room-code[data-v-59f0511d]{color:var(--color-text);letter-spacing:.2em;font-size:.9rem}.participant-name[data-v-59f0511d]{color:var(--color-text);font-size:1rem}.participant-list[data-v-59f0511d]{color:var(--color-text-muted);padding:0;font-size:.78rem;line-height:1.8;list-style:none}.status[data-v-59f0511d]{color:var(--color-text-muted);font-size:.88rem}.status[data-status=connection\ error][data-v-59f0511d],.status[data-status=disconnected][data-v-59f0511d]{color:var(--color-error)}.room-note[data-v-59f0511d]{color:var(--color-text-muted);font-size:.76rem;line-height:1.65}.room-footer[data-v-59f0511d]{border-top:1px solid var(--color-border);flex:none;grid-template-columns:minmax(0,1fr) 230px;gap:4rem;display:grid}.composer[data-v-59f0511d]{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.composer input[data-v-59f0511d]{min-width:0;color:var(--color-text);background:0 0;border:0;border-radius:0;outline:none;padding:1.45rem 0;font-size:.9rem}.composer input[data-v-59f0511d]::placeholder{color:var(--color-text-dim)}.composer input[data-v-59f0511d]:disabled{opacity:.5}.composer button[data-v-59f0511d],.leave-button[data-v-59f0511d]{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0}.composer button[data-v-59f0511d]{align-self:stretch;min-width:3rem;padding:0;font-size:1rem}.leave-button[data-v-59f0511d]{letter-spacing:.04em;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:.7rem;display:flex}.composer button[data-v-59f0511d]:hover:not(:disabled),.leave-button[data-v-59f0511d]:hover{color:var(--color-text)}.composer button[data-v-59f0511d]:disabled{cursor:default;opacity:.3}.visually-hidden[data-v-59f0511d]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=820px){.chat-page[data-v-59f0511d]{width:min(100% - 2rem,1180px);padding-top:1.5rem}.chat-layout[data-v-59f0511d]{flex-direction:column;gap:2rem;padding-top:2.5rem;display:flex}.conversation[data-v-59f0511d]{flex:auto}.room-panel[data-v-59f0511d]{flex:none;order:-1;grid-template-columns:1fr 1fr;gap:1.5rem;display:grid;overflow:visible}.room-detail[data-v-59f0511d]{margin:0}.room-detail[data-v-59f0511d]:nth-child(n+3){display:none}.room-footer[data-v-59f0511d]{grid-template-columns:minmax(0,1fr) 150px;gap:2rem}}@media (width<=520px){.chat-page[data-v-59f0511d]{width:min(100% - 1.5rem,1180px);padding-bottom:1rem}.tagline[data-v-59f0511d]{font-size:.58rem}.chat-layout[data-v-59f0511d]{gap:1.5rem;padding-top:2rem;padding-bottom:1.5rem}.room-panel[data-v-59f0511d]{grid-template-columns:1fr 1fr;gap:1rem}.room-detail[data-v-59f0511d]{padding-bottom:1rem}.message-list[data-v-59f0511d]{padding-right:.75rem}.message[data-v-59f0511d],.system-message[data-v-59f0511d],.empty-state[data-v-59f0511d]{width:100%}.message-body[data-v-59f0511d]{max-width:100%}.room-footer[data-v-59f0511d]{display:block}.composer[data-v-59f0511d]{border-bottom:1px solid var(--color-border-soft)}.leave-button[data-v-59f0511d]{padding:1rem 0 0}}:root{--color-bg-light:#35515a;--color-bg-mid:#2f474b;--color-bg-dark:#293b42;--color-text:#e4ecec;--color-text-muted:#aebfc0;--color-text-dim:#819497;--color-text-inactive:#879b9d;--color-border:#c4d8d74d;--color-border-soft:#dae9e833;--color-border-faint:#dae9e829;--color-focus:#d3e1e1;--color-error:#d7aaa5;--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--page-width:760px}*{box-sizing:border-box}html{background:var(--color-bg-mid);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--color-text);background:linear-gradient(135deg, var(--color-bg-light) 0%, var(--color-bg-mid) 55%, var(--color-bg-dark) 100%);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,textarea{font:inherit;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:1px solid var(--color-focus);outline-offset:4px}#app{min-height:100vh}