:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px}#root{width:100%}h1,h2,h3{margin:0}@media(prefers-color-scheme:light){:root{color:#1a1a1a;background-color:#fff}a:hover{color:#747bff}}.landing{width:100%;max-width:100%;margin:0;padding:0;text-align:center}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;position:fixed;top:0;left:0;right:0;z-index:100;background:#121212d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-brand{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:#fff}.nav-cta{padding:.5rem 1.25rem;border-radius:8px;background:#646cff;color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;transition:background .2s}.nav-cta:hover{background:#535bf2;color:#fff}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6rem 2rem 4rem;background:radial-gradient(ellipse at 50% 0%,rgba(100,108,255,.15) 0%,transparent 60%)}.hero h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin:0 0 1.5rem;max-width:700px}.hero-sub{font-size:1.15rem;color:#ffffffa6;max-width:520px;margin:0 0 2.5rem;line-height:1.6}.join-form{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:center}.join-input{padding:.85rem 1.25rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;font-size:1rem;font-family:inherit;outline:none;width:260px;transition:border-color .2s}.join-input:focus{border-color:#646cff}.join-input::placeholder{color:#ffffff59}@media(prefers-color-scheme:light){.join-input{background:#0000000a;border-color:#0000001f;color:#1a1a1a}.join-input::placeholder{color:#00000059}}.btn{display:inline-block;text-decoration:none;font-weight:600;border-radius:10px;transition:transform .15s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{padding:.85rem 2.2rem;font-size:1.05rem;background:#646cff;color:#fff}.btn-primary:hover{background:#535bf2;color:#fff}.features{padding:5rem 2rem}.features h2{font-size:2rem;font-weight:700;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:900px;margin:0 auto}.feature-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:2rem 1.5rem;text-align:left;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#646cff66;transform:translateY(-4px)}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-card h3{font-size:1.15rem;font-weight:600;margin:0 0 .5rem}.feature-card p{font-size:.95rem;color:#ffffff8c;line-height:1.55;margin:0}.cta{padding:5rem 2rem;background:#646cff0f;border-top:1px solid rgba(255,255,255,.06)}.cta h2{font-size:2rem;font-weight:700;margin-bottom:.75rem}.cta p{color:#ffffff8c;margin-bottom:2rem;font-size:1.1rem}.footer{padding:3rem 2rem;border-top:1px solid rgba(255,255,255,.06)}.footer-brand{font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.footer p{font-size:.85rem;color:#ffffff59;margin:0}@media(max-width:600px){.nav{padding:1rem 1.25rem}.hero{padding:5rem 1.25rem 3rem}.features,.cta{padding:3.5rem 1.25rem}.features-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:light){.nav{background:#ffffffd9}.nav-brand{color:#1a1a1a}.hero{background:radial-gradient(ellipse at 50% 0%,rgba(100,108,255,.1) 0%,transparent 60%)}.feature-card{background:#00000005;border-color:#00000014}.feature-card:hover{border-color:#646cff66}.feature-card p,.hero-sub{color:#0000008c}.cta{background:#646cff0a;border-top-color:#0000000f}.cta p{color:#0000008c}.footer{border-top-color:#0000000f}.footer p{color:#00000059}}.home{min-height:100vh}.home-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.08)}.home-nav-brand{font-size:1.3rem;font-weight:700;color:#fff;text-decoration:none}.home-nav-brand:hover{color:#fff}.btn-sm{padding:.5rem 1.2rem;font-size:.85rem;border-radius:8px}.home-main{max-width:1000px;margin:0 auto;padding:2.5rem 2rem}.home-main h1{font-size:1.8rem;font-weight:700}.home-subtitle{color:#ffffff73;margin:.25rem 0 2rem;font-size:.95rem}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.room-card{border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.room-card:hover{border-color:#646cff66;transform:translateY(-3px);color:inherit}.room-card-preview{height:140px;background:#000;position:relative;display:flex;align-items:center;justify-content:center}.room-card-live{position:absolute;top:.6rem;left:.6rem;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;letter-spacing:.05em}.room-card-info{padding:1rem 1.25rem}.room-card-info h3{font-size:1.05rem;font-weight:600;margin:0 0 .25rem}.room-card-movie{font-size:.85rem;color:#ffffff80;margin:0 0 .75rem}.room-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#fff6}.room-card-host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card-viewers{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.viewer-dot{width:6px;height:6px;border-radius:50%;background:#4ade80}@media(max-width:600px){.home-nav{padding:.75rem 1.25rem}.home-main{padding:1.5rem 1.25rem}.room-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:light){.home-nav{border-bottom-color:#00000014}.home-nav-brand,.home-nav-brand:hover{color:#1a1a1a}.home-subtitle{color:#00000073}.room-card{border-color:#00000014;background:#00000005}.room-card:hover{border-color:#646cff66;color:inherit}.room-card-movie{color:#00000080}.room-card-meta{color:#0006}}.room{display:flex;flex-direction:column;height:100vh;overflow:hidden}.room-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#121212e6;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.room-back{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}.room-back:hover{color:#646cff}.room-id{font-size:.85rem;color:#ffffff73;font-family:monospace}.room-body{display:flex;flex:1;min-height:0}.room-left{display:flex;flex-direction:column;flex:1;min-width:0}.video-player{flex:1;background:#000;display:flex;align-items:center;justify-content:center;min-height:0}.video-placeholder{text-align:center;color:#ffffff4d}.video-placeholder span{font-size:3rem;display:block;margin-bottom:.5rem}.video-placeholder p{margin:0;font-size:.9rem}.user-list{padding:.75rem 1.25rem;border-top:1px solid rgba(255,255,255,.08);background:#12121299;flex-shrink:0}.user-list h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#fff6;margin:0 0 .5rem}.user-list ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}.user-list li{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#ffffffbf}.user-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;flex-shrink:0}.room-chat{width:340px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.08);background:#12121280}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.chat-msg{display:flex;flex-direction:column;gap:.15rem}.chat-msg-self .chat-author{color:#646cff}.chat-author{font-size:.75rem;font-weight:600;color:#ffffff80}.chat-text{font-size:.9rem;color:#ffffffd9;line-height:1.4}.chat-input-row{display:flex;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.chat-input{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:#fff;font-size:.9rem;outline:none;font-family:inherit}.chat-input::placeholder{color:#ffffff4d}.chat-send{padding:.75rem 1.25rem;background:#646cff;color:#fff;border:none;font-weight:600;font-size:.85rem;cursor:pointer;font-family:inherit;transition:background .2s}.chat-send:hover{background:#535bf2}@media(max-width:768px){.room-body{flex-direction:column}.room-left{flex:none;height:50%}.room-chat{width:100%;flex:1;border-left:none;border-top:1px solid rgba(255,255,255,.08)}}@media(prefers-color-scheme:light){.room-header{background:#fffffff2;border-bottom-color:#00000014}.room-back{color:#1a1a1a}.room-id{color:#0006}.user-list{background:#f5f5f5cc;border-top-color:#00000014}.user-list h3{color:#0006}.user-list li{color:#000000b3}.room-chat{background:#fafafae6;border-left-color:#00000014}.chat-author{color:#00000073}.chat-text{color:#000c}.chat-input-row{border-top-color:#00000014}.chat-input{color:#1a1a1a}.chat-input::placeholder{color:#0000004d}}