@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0a0a0a;--text-color:#e5e5e5;--primary-color:#333;--primary-hover:#4d4d4d;--glass-bg:#191919a6;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #00000080;--danger-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(at 0 0,#1f1f1f 0,#0000 50%),radial-gradient(at 50% 0,#141414 0,#0000 50%),radial-gradient(at 100% 100%,#1a1a1a 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif}#app{flex-direction:column;width:100%;height:100vh;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-weight:600;transition:all .3s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-danger{background-color:var(--danger-color);color:#fff}input{border:1px solid var(--glass-border);color:#fff;background:#0a0a0a99;border-radius:8px;outline:none;padding:10px 15px;font-family:inherit;transition:border-color .3s}input:focus{border-color:#888;box-shadow:0 0 0 2px #ffffff1a}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.landing-container[data-v-e23860c3]{justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.hero-panel[data-v-e23860c3]{text-align:center;width:100%;max-width:500px;padding:3rem}.title[data-v-e23860c3]{background:-webkit-linear-gradient(45deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700}.subtitle[data-v-e23860c3]{color:#94a3b8;margin-bottom:2.5rem}.actions[data-v-e23860c3]{flex-direction:column;gap:1.5rem;display:flex}.create-btn[data-v-e23860c3]{padding:12px;font-size:1.1rem}.divider[data-v-e23860c3]{color:#64748b;align-items:center;font-size:.875rem;display:flex}.divider[data-v-e23860c3]:before,.divider[data-v-e23860c3]:after{content:"";border-bottom:1px solid var(--glass-border);flex:1}.divider span[data-v-e23860c3]{padding:0 10px}.join-action[data-v-e23860c3]{gap:10px;display:flex}.join-action input[data-v-e23860c3]{flex:1}@media (width<=480px){.hero-panel[data-v-e23860c3]{padding:1.5rem}.title[data-v-e23860c3]{font-size:2.5rem}.join-action[data-v-e23860c3]{flex-direction:column}.join-action button[data-v-e23860c3]{width:100%}}.video-wrapper[data-v-47343a6e]{aspect-ratio:16/9;background:#000;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:1000px;display:flex;position:relative;overflow:hidden}.video-element[data-v-47343a6e]{object-fit:contain;width:100%;height:100%}.no-video[data-v-47343a6e]{color:#94a3b8}.is-fullscreen[data-v-47343a6e]{border-radius:0;max-width:none}.chat-sidebar[data-v-3dc9e00e]{background:var(--glass-bg);flex-direction:column;height:100%;display:flex}.chat-header[data-v-3dc9e00e]{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:15px;display:flex}.chat-header h3[data-v-3dc9e00e]{margin:0;font-size:1.1rem}.user-badge[data-v-3dc9e00e]{color:#cbd5e1;background:#ffffff1a;border-radius:12px;padding:4px 8px;font-size:.75rem}.messages[data-v-3dc9e00e]{flex-direction:column;flex:1;gap:10px;padding:15px;display:flex;overflow-y:auto}.no-messages[data-v-3dc9e00e]{text-align:center;color:#64748b;margin-top:20px;font-style:italic}.message[data-v-3dc9e00e]{flex-direction:column;align-items:flex-start;max-width:85%;display:flex}.own-message[data-v-3dc9e00e]{align-self:flex-end;align-items:flex-end}.msg-user[data-v-3dc9e00e]{color:#94a3b8;margin-bottom:4px;margin-left:4px;font-size:.75rem}.msg-bubble[data-v-3dc9e00e]{background:#ffffff1a;border-radius:12px 12px 12px 2px;padding:8px 12px;font-size:.9rem;line-height:1.4}.own-message .msg-bubble[data-v-3dc9e00e]{background:var(--primary-color);border-radius:12px 12px 2px}.chat-input[data-v-3dc9e00e]{border-top:1px solid var(--glass-border);gap:10px;padding:15px;display:flex}.chat-input input[data-v-3dc9e00e]{border-radius:20px;flex:1;padding:10px 15px}.send-btn[data-v-3dc9e00e]{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.error-screen[data-v-aaad9511],.loading-screen[data-v-aaad9511]{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100vh;display:flex}.error-panel[data-v-aaad9511]{text-align:center;padding:2rem}.mt-4[data-v-aaad9511]{margin-top:1rem}.spinner[data-v-aaad9511]{border:4px solid #ffffff1a;border-left-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-aaad9511}@keyframes spin-aaad9511{to{transform:rotate(360deg)}}.room-layout[data-v-aaad9511]{flex-direction:column;gap:1rem;height:100vh;padding:1rem;display:flex}.room-header[data-v-aaad9511]{border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.header-info[data-v-aaad9511]{align-items:center;gap:1rem;display:flex}.badge[data-v-aaad9511]{background-color:var(--primary-color);vertical-align:middle;border-radius:4px;padding:2px 6px;font-size:.75rem}.room-id[data-v-aaad9511]{color:#94a3b8;font-family:monospace}.btn-sm[data-v-aaad9511]{padding:8px 16px;font-size:.875rem}.btn-drive[data-v-aaad9511]{background:#10b981}.header-actions[data-v-aaad9511]{gap:10px;display:flex}.room-content[data-v-aaad9511]{flex:1;gap:1rem;min-height:0;display:flex}.video-container[data-v-aaad9511]{flex:3;justify-content:center;align-items:center;display:flex}.chat-container[data-v-aaad9511]{border-radius:12px;flex-direction:column;flex:1;min-width:300px;max-width:400px;display:flex;overflow:hidden}@media (width<=768px){.room-header[data-v-aaad9511]{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.header-actions[data-v-aaad9511]{flex-direction:column;width:100%}.header-actions button[data-v-aaad9511]{width:100%;padding:12px;font-size:1rem}.room-content[data-v-aaad9511]{flex-direction:column}.chat-container[data-v-aaad9511]{flex:none;max-width:100%;height:400px}}