.yt-sync[data-v-d9e2fd5a]{flex:1;display:flex;flex-direction:column;background:#0d0d0d}.player-wrapper[data-v-d9e2fd5a]{position:relative;width:100%;flex:1;min-height:0}.player-container[data-v-d9e2fd5a]{width:100%;height:100%;min-height:360px}.player-placeholder[data-v-d9e2fd5a]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#111;color:#555}.controls-bar[data-v-d9e2fd5a]{padding:.75rem 1.25rem;background:#161616;border-top:1px solid #2a2a2a;display:flex;flex-direction:column;gap:.6rem}.status-row[data-v-d9e2fd5a]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.live-badge[data-v-d9e2fd5a]{font-size:.75rem;font-weight:700;letter-spacing:.5px;color:#555;transition:color .3s}.live-badge.active[data-v-d9e2fd5a]{color:#ff4e4e}.latency[data-v-d9e2fd5a]{font-size:.8rem;color:#666;font-family:monospace}.sync-status[data-v-d9e2fd5a]{font-size:.8rem;color:#888}.host-controls[data-v-d9e2fd5a]{display:flex;flex-direction:column;gap:.4rem}.url-form[data-v-d9e2fd5a]{display:flex;gap:.5rem}.video-input[data-v-d9e2fd5a]{flex:1;background:#1e1e1e;border:1px solid #333;border-radius:6px;color:#e8e8e8;padding:.5rem .75rem;font-size:.9rem;outline:none;transition:border-color .15s}.video-input[data-v-d9e2fd5a]:focus{border-color:#ff4e4e}.video-input[data-v-d9e2fd5a]::placeholder{color:#555}.btn-change[data-v-d9e2fd5a]{background:#ff4e4e;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .15s;white-space:nowrap}.btn-change[data-v-d9e2fd5a]:hover:not(:disabled){filter:brightness(1.15)}.btn-change[data-v-d9e2fd5a]:disabled{opacity:.4;cursor:not-allowed}.host-note[data-v-d9e2fd5a]{font-size:.75rem;color:#666}.guest-info[data-v-d9e2fd5a]{font-size:.82rem;color:#666}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0d0d0d;color:#e8e8e8;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#161616;border-bottom:1px solid #2a2a2a;flex-wrap:wrap}.logo{font-size:1.4rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#ff4e4e,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.room-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.85rem}.room-label{color:#888}.room-id{background:#222;padding:.2rem .5rem;border-radius:4px;font-size:.9rem;letter-spacing:1px}.btn-icon{background:none;border:1px solid #333;color:#ccc;border-radius:4px;cursor:pointer;padding:.2rem .5rem;font-size:.9rem;transition:all .15s}.btn-icon:hover{border-color:#666;color:#fff}.user-count{color:#aaa}.video-info{color:#aaa;font-family:monospace;font-size:.8rem}.role-badge{padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.host{background:#ff4e4e22;color:#ff7070;border:1px solid #ff4e4e44}.role-badge.guest{background:#4e9fff22;color:#70b8ff;border:1px solid #4e9fff44}.app-main{flex:1;display:flex}.lobby{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.lobby-card{background:#161616;border:1px solid #2a2a2a;border-radius:16px;padding:3rem 2.5rem;max-width:420px;width:100%;text-align:center}.lobby-card h1{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#ff4e4e,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.tagline{color:#777;margin-bottom:2rem;line-height:1.5}.lobby-actions{display:flex;flex-direction:column;gap:1rem}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#ff4e4e,#ff8c00);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:#2a2a2a;color:#e8e8e8;border:1px solid #3a3a3a}.btn-secondary:hover:not(:disabled){background:#333}.divider{color:#444;font-size:.85rem;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#2a2a2a}.divider:before{left:0}.divider:after{right:0}.join-form{display:flex;gap:.5rem}.input{flex:1;background:#1e1e1e;border:1px solid #333;border-radius:8px;color:#e8e8e8;padding:.75rem 1rem;font-size:1rem;outline:none;transition:border-color .15s;text-transform:uppercase;letter-spacing:1px}.input:focus{border-color:#ff4e4e}.room-view{flex:1;display:flex;flex-direction:column}.connecting{flex:1;display:flex;align-items:center;justify-content:center;color:#666;font-size:1.1rem}