body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f4f6f8;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;padding:20px}.home-card{background:#fff;padding:35px 30px;border-radius:10px;box-shadow:0 4px 14px #00000014;width:100%;max-width:420px;text-align:center;box-sizing:border-box}.home-card h1{margin-top:0;font-size:26px;color:#1a1a1a}.home-card p{color:#666;font-size:14px;margin-bottom:25px}.input-group{margin-bottom:18px;display:flex;flex-direction:column;align-items:flex-start}.input-group label{margin-bottom:6px;font-weight:600;font-size:14px;color:#444}input{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:15px}input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff26}button{background-color:#007bff;color:#fff;border:none;padding:11px 16px;border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;transition:background .15s ease}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}.divider{margin:22px 0;border-bottom:1px solid #e5e7eb;position:relative;text-align:center;color:#999;font-size:12px;font-weight:700}.header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:15px}.header h2{margin:0 0 4px;font-size:20px}.room-code{color:#007bff;letter-spacing:1px}.user-badge{font-size:13px;color:#666}.header-actions button{margin-left:10px;font-size:13px;padding:8px 14px}.secondary-btn{background-color:#f1f3f5;color:#333}.secondary-btn:hover{background-color:#e2e6ea}.danger-btn{background-color:#dc3545}.danger-btn:hover{background-color:#bd2130}.room-container{display:flex;gap:20px;align-items:flex-start}.main-content{flex:3;display:flex;flex-direction:column;gap:15px}.sidebar{flex:1;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000000d;min-width:260px}.sidebar h3{margin-top:0;font-size:17px;border-bottom:1px solid #eee;padding-bottom:10px}.video-container{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #0003}.video-container iframe,.video-container .yt-embed{position:absolute;top:0;left:0;width:100%;height:100%}.no-video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aaa;text-align:center;padding:20px;box-sizing:border-box}.no-video-placeholder p:first-child{font-size:22px;font-weight:600;margin-bottom:8px}.controls{background:#fff;padding:18px 20px;border-radius:8px;box-shadow:0 2px 6px #0000000d}.controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.controls-header h3{margin:0;font-size:16px}.current-video-tag{font-size:13px;color:#666}.video-form{display:flex;gap:10px;margin-bottom:12px}.video-form input{flex:1}.playback-buttons{display:flex;gap:10px;margin-top:10px}.action-btn{padding:8px 14px;font-size:14px}.action-btn.secondary{background-color:#6c757d}.action-btn.secondary:hover{background-color:#5a6268}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f3f5}.participant-info{display:flex;flex-direction:column}.self-tag{font-size:12px;color:#007bff;font-weight:400}.role-badge{font-size:11px;padding:2px 7px;border-radius:12px;text-transform:capitalize;display:inline-block;margin-top:4px;font-weight:600;width:fit-content}.role-host{background:#fff3cd;color:#856404}.role-moderator{background:#d1ecf1;color:#0c5460}.role-participant{background:#e2e3e5;color:#383d41}.participant-actions{display:flex;gap:4px}.role-btn{padding:4px 8px;font-size:11px;border-radius:4px}.role-btn.mod{background:#17a2b8}.role-btn.mod:hover{background:#138496}.role-btn.demote{background:#ffc107;color:#333}.role-btn.demote:hover{background:#e0a800}.role-btn.kick{background:#dc3545}.role-btn.kick:hover{background:#c82333}.requests-banner{background:#e8f4fd;border:1px solid #b6e0fe;border-radius:8px;padding:14px 18px;margin-bottom:15px}.requests-banner h4{margin:0 0 10px;color:#0056b3}.request-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:8px 12px;border-radius:6px;margin-bottom:6px;font-size:14px}.approve-btn{background:#28a745;padding:5px 10px;font-size:12px;margin-right:6px}.approve-btn:hover{background:#218838}.dismiss-btn{background:#6c757d;padding:5px 10px;font-size:12px}.dismiss-btn:hover{background:#5a6268}.error-message{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:6px;margin-bottom:12px;font-size:14px;text-align:left}.success-message{color:#155724;background:#d4edda;border:1px solid #c3e6cb;padding:10px;border-radius:6px;margin-top:10px;font-size:14px}@media (max-width: 768px){.room-container{flex-direction:column}.sidebar{width:100%;box-sizing:border-box}}