*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #262626;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #10b981;--accent-hover: #059669}.version-info{position:fixed;bottom:1rem;left:1rem;background:var(--bg-primary);color:var(--text-secondary);padding:.5rem 1rem;border-radius:.5rem;font-size:.75rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}header{background-color:var(--bg-secondary);padding:1rem;border-bottom:1px solid var(--border);text-align:center}header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary)}main{flex:1;max-width:800px;margin:0 auto;padding:1rem;width:100%}@media (max-width: 768px){header{padding:.75rem}header h1{font-size:1.25rem}main{padding:.75rem}}@media (max-width: 480px){header h1{font-size:1.125rem}main{padding:.5rem}}.home[data-v-a8240f7d]{max-width:500px;margin:0 auto}.create-room[data-v-a8240f7d],.join-room[data-v-a8240f7d]{margin-bottom:1.5rem;padding:1.5rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}h2[data-v-a8240f7d]{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;color:var(--text-primary)}h3[data-v-a8240f7d]{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.form-group[data-v-a8240f7d]{margin-bottom:1rem;text-align:left}.form-group label[data-v-a8240f7d]{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.875rem}.form-group input[type=number][data-v-a8240f7d],.form-group input[type=text][data-v-a8240f7d]{width:100%;padding:.75rem;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;font-size:1rem;color:var(--text-primary);transition:border-color .2s,background-color .2s}.form-group input[type=number][data-v-a8240f7d]:focus,.form-group input[type=text][data-v-a8240f7d]:focus{outline:none;border-color:var(--accent);background-color:var(--bg-primary)}.form-group input[type=checkbox][data-v-a8240f7d]{margin-right:.5rem;accent-color:var(--accent)}.form-group label[data-v-a8240f7d]:has(input[type=checkbox]){display:flex;align-items:center;cursor:pointer;color:var(--text-primary)}button[data-v-a8240f7d]{width:100%;background-color:var(--accent);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}button[data-v-a8240f7d]:hover:not(:disabled){background-color:var(--accent-hover)}button[data-v-a8240f7d]:active:not(:disabled){transform:translateY(1px)}button[data-v-a8240f7d]:disabled{background-color:var(--text-secondary);cursor:not-allowed;transform:none}.error[data-v-a8240f7d]{color:var(--error);margin-top:1rem;padding:.75rem;border:1px solid var(--error);border-radius:8px;background-color:var(--error-bg);font-size:.875rem}@media (max-width: 768px){.home[data-v-a8240f7d]{margin:0}.create-room[data-v-a8240f7d],.join-room[data-v-a8240f7d]{margin-bottom:1rem;padding:1rem}h2[data-v-a8240f7d]{font-size:1.25rem;margin-bottom:1rem}h3[data-v-a8240f7d]{font-size:1rem;margin-bottom:.75rem}}@media (max-width: 480px){.create-room[data-v-a8240f7d],.join-room[data-v-a8240f7d]{padding:.75rem}.form-group[data-v-a8240f7d]{margin-bottom:.75rem}button[data-v-a8240f7d]{padding:.75rem 1rem;font-size:.875rem}}