:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--color-accent-green-hover: #f0fdf4;--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--color-accent-green-hover: #052e16}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);user-select:none;-webkit-user-select:none;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0;padding:0;font-weight:400;height:100vh}.lobby[data-v-a34db160]{max-width:380px;margin:4rem auto;text-align:center}.title[data-v-a34db160]{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2rem}.connecting[data-v-a34db160]{color:var(--color-text);opacity:.6;display:flex;flex-direction:column;align-items:center;gap:.75rem}.spinner[data-v-a34db160]{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:#2563eb;border-radius:50%;animation:spin-a34db160 .8s linear infinite}@keyframes spin-a34db160{to{transform:rotate(360deg)}}.connecting-hint[data-v-a34db160]{font-size:.85rem;opacity:.7}.panel[data-v-a34db160]{background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.field[data-v-a34db160]{margin-bottom:1.5rem}.field label[data-v-a34db160]{display:block;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;opacity:.7}.field input[data-v-a34db160],.code-input[data-v-a34db160]{width:100%;padding:.6rem .8rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text);font-size:1rem;outline:none;transition:border-color .2s}.field input[data-v-a34db160]:focus,.code-input[data-v-a34db160]:focus{border-color:var(--color-border-hover)}.actions[data-v-a34db160]{display:flex;flex-direction:column;gap:1rem}.btn[data-v-a34db160]{padding:.6rem 1.2rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.btn[data-v-a34db160]:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-background-mute)}.btn[data-v-a34db160]:disabled{opacity:.4;cursor:default}.btn.primary[data-v-a34db160]{background:#2563eb;border-color:#2563eb;color:#fff}.btn.primary[data-v-a34db160]:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.divider[data-v-a34db160]{display:flex;align-items:center;gap:.75rem;font-size:.9rem;opacity:.5}.divider[data-v-a34db160]:before,.divider[data-v-a34db160]:after{content:"";flex:1;height:1px;background:var(--color-border)}.join-row[data-v-a34db160]{display:flex;gap:.5rem}.code-input[data-v-a34db160]{width:7rem;text-transform:uppercase;text-align:center;font-weight:600;letter-spacing:.15em}.error[data-v-a34db160]{color:#dc2626;margin-top:1rem;font-size:.875rem}@media(max-width:640px){.lobby[data-v-a34db160]{margin:2rem auto;padding:0 1rem}.title[data-v-a34db160]{font-size:2rem;margin-bottom:1.5rem}.panel[data-v-a34db160]{padding:1.5rem}}