body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:2rem;text-align:center}.app-header h1{color:#fff;font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000004d}.app-header p{color:#ffffffe6;font-size:1.2rem}.app-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.room-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:1200px;overflow:hidden;width:100%}.room-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.room-header h2{font-size:1.5rem;font-weight:600}.leave-room-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.leave-room-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.room-content{padding:2rem}.video-player-container{border-radius:12px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;overflow:hidden}.video-js{height:500px;width:100%}.video-js .vjs-big-play-button{background:#667eeacc;border:none;border-radius:50%;font-size:2rem;height:80px;line-height:80px;width:80px}.video-js .vjs-big-play-button:hover{background:#667eea}.video-selector{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.video-selector h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.folder-input-group{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.folder-input{border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.folder-input:focus{border-color:#667eea;outline:none}.scan-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.scan-btn:hover{background:#5a6fd8;transform:translateY(-2px)}.scan-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.video-list{background:#fff;border:1px solid #e9ecef;border-radius:8px;max-height:300px;overflow-y:auto}.video-item{align-items:center;border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .3s ease}.video-item:hover{background:#f8f9fa}.video-item:last-child{border-bottom:none}.video-info{flex:1 1}.video-name{color:#333;font-weight:500;margin-bottom:.25rem}.video-details{color:#666;font-size:.9rem}.select-video-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.select-video-btn:hover{background:#218838;transform:translateY(-1px)}.room-manager{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.room-manager h2{color:#333;font-size:2rem;margin-bottom:2rem}.room-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.room-input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:1rem;transition:border-color .3s ease}.room-input:focus{border-color:#667eea;outline:none}.create-room-btn,.join-room-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.create-room-btn:hover,.join-room-btn:hover{background:#5a6fd8;transform:translateY(-2px)}.room-divider{color:#666;margin:2rem 0;position:relative;text-align:center}.room-divider:before{background:#e9ecef;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.room-divider span{background:#fff;padding:0 1rem;position:relative}.loading{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;display:inline-block;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.app-header h1{font-size:2rem}.app-main{padding:1rem}.room-container{border-radius:12px}.room-header{flex-direction:column;gap:1rem;padding:1rem}.room-content{padding:1rem}.video-js{height:300px}.folder-input-group{flex-direction:column}.room-manager{padding:2rem 1rem}}
/*# sourceMappingURL=main.a4b664b5.css.map*/