*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;overflow-x:hidden}.app{min-height:100vh}.main-menu{padding:60px 40px;min-height:100vh}.main-menu h1{text-align:center;font-size:3em;margin-bottom:20px;background:linear-gradient(45deg,#ff6b6b,#ee5a6f,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:15px}.title-icon{font-size:1.2em;color:#ff6b6b;-webkit-text-fill-color:#ff6b6b}.subtitle{text-align:center;font-size:1.2em;color:#a8a8a8;margin-bottom:30px}.upload-section{text-align:center;margin-bottom:40px}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;font-size:1.1em;border-radius:50px;cursor:pointer;box-shadow:0 10px 30px #667eea66;display:inline-flex;align-items:center;gap:10px}.movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px;max-width:1400px;margin:0 auto}.movie-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.1);position:relative}.movie-card img{width:100%;height:400px;object-fit:cover}.movie-card h3{padding:20px;font-size:1.3em;display:flex;align-items:center;gap:10px}.play-icon{color:#ff6b6b}.modal{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.modal-content,.upload-modal-content{background:linear-gradient(135deg,#302b63f2,#24243ef2);padding:40px;width:85%;max-width:650px;border-radius:25px;position:relative;border:2px solid rgba(255,107,107,.3);box-shadow:0 30px 60px #00000080}.close{position:absolute;right:25px;top:20px;font-size:35px;cursor:pointer;color:#ff6b6b;transition:all .3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close:hover{background:#ff6b6b33;transform:rotate(90deg)}.modal-content h2,.upload-modal-content h2{margin-top:0;font-size:2em;color:#ff6b6b;margin-bottom:20px;display:flex;align-items:center;gap:10px}.modal-content p{line-height:1.8;margin:20px 0;color:#d0d0d0;font-size:1.1em}.connect-btn{background:linear-gradient(135deg,#ff6b6b,#c44569);color:#fff;border:none;padding:18px 50px;font-size:1.2em;border-radius:50px;cursor:pointer;width:100%;margin-top:20px;box-shadow:0 10px 30px #ff6b6b66;display:flex;align-items:center;justify-content:center;gap:10px}.form-group{margin:20px 0}.form-group label{display:block;margin-bottom:10px;color:#b0b0b0;font-size:1.1em}.form-group input,.form-group textarea{width:100%;padding:15px;border:2px solid rgba(102,126,234,.3);border-radius:15px;background:#ffffff0d;color:#fff;font-size:1em;transition:all .3s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#ffffff1a;box-shadow:0 0 20px #667eea4d}.form-group textarea{resize:vertical;min-height:80px}.upload-area{border:3px dashed rgba(102,126,234,.5);border-radius:20px;padding:40px;text-align:center;margin:20px 0;background:#ffffff05;transition:all .3s}.submit-upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;font-size:1.1em;border-radius:50px;cursor:pointer;width:100%;margin-top:20px;box-shadow:0 10px 30px #667eea66}.submit-upload-btn:disabled{opacity:.5;cursor:not-allowed}.waiting-room{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.waiting-content{text-align:center;padding-top:15vh}.waiting-content h2{font-size:2.5em;margin-bottom:40px;display:flex;align-items:center;justify-content:center;gap:15px}.spinner{border:6px solid rgba(255,255,255,.1);border-top:6px solid #ff6b6b;border-radius:50%;width:80px;height:80px;margin:0 auto 40px;box-shadow:0 0 30px #ff6b6b80}.waiting-info{font-size:1.3em;color:#b0b0b0;margin:30px 0;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column}.cancel-btn{margin-top:40px;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 40px;border-radius:50px;cursor:pointer;font-size:1.1em;display:inline-flex;align-items:center;gap:10px}.viewing-screen{height:100vh;background:#0a0a0a}.viewing-layout{display:flex;height:100%}.video-container{flex:3;display:flex;justify-content:center;align-items:center;background:#000}video{width:95%;max-height:95vh;border-radius:10px;box-shadow:0 0 50px #ff6b6b4d}.chat-container{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1a2e,#16213e);border-left:2px solid rgba(255,107,107,.3)}.chat-header{padding:20px;background:#ff6b6b1a;border-bottom:2px solid rgba(255,107,107,.3);font-size:1.3em;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.messages{flex:1;overflow-y:auto;padding:20px}.message{padding:12px 15px;margin-bottom:10px;background:#ffffff0d;border-radius:15px;border-left:3px solid #ff6b6b}.input-area{padding:20px;display:flex;gap:10px;background:#0000004d}.input-area input{flex:1;padding:15px 20px;border:2px solid rgba(255,107,107,.3);border-radius:50px;background:#ffffff0d;color:#fff;font-size:1em}.input-area input:focus{outline:none;border-color:#ff6b6b;background:#ffffff1a;box-shadow:0 0 20px #ff6b6b4d}.input-area button{padding:15px 25px;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#c44569);color:#fff;border:none;border-radius:50%;font-size:1.2em;width:55px;height:55px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #ff6b6b66}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6b6b,#c44569);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8787,#d65a7a)}body{margin:0;padding:0}#root{width:100%;min-height:100vh}