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(180deg,#0b0b0b,#151515);color:#f5f5f5;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{text-align:center}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414e6;box-shadow:0 2px 20px #0009;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-brand{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:1rem}.nav-link{border-radius:20px;color:#e5e5e5;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.nav-link:hover{background-color:#2a2a2a;color:#fff}.content{margin:0 auto;max-width:1200px;padding:2rem}.home{color:#f5f5f5;padding:3rem 1rem;text-align:center}.home h1{font-size:3rem;margin-bottom:1rem}.home p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.home-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.button{background:linear-gradient(45deg,#1f1f1f,#2a2a2a);border:none;border-radius:25px;color:#f5f5f5;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:1rem 2rem;text-decoration:none;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{background:linear-gradient(45deg,#2a2a2a,#3a3a3a);box-shadow:0 10px 25px #00000080;color:#fff;text-decoration:none;transform:translateY(-2px)}.create-room-container,.join-room-container{background:#111;border-radius:15px;box-shadow:0 10px 30px #0009;margin:0 auto;max-width:500px;padding:2rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{color:#e5e5e5;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{background:#151515;border:2px solid #2a2a2a;border-radius:8px;color:#f5f5f5;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#6b6b6b;outline:none}.form-group small{color:#666;display:block;font-size:.875rem;margin-top:.5rem}.room-container{background:#111;border-radius:15px;box-shadow:0 10px 30px #0009;margin:0 auto;max-width:1200px;padding:2rem}.main-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.video-section{min-height:400px}.video-container{background:#000;border-radius:10px;height:400px;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.video-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center}.platform-badge{background:#222;border-radius:15px;color:#f5f5f5;display:inline-block;font-size:.875rem;padding:.25rem .75rem}.playlist-section{background:#0f0f0f;border-radius:10px;padding:1.5rem}.add-video{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.add-video input{background:#181818;border:1px solid #333;border-radius:5px;color:#f5f5f5;flex:1 1;min-width:200px;padding:.5rem}.add-video button{background:#1f1f1f;border:none;border-radius:5px;color:#f5f5f5;cursor:pointer;white-space:nowrap}.playlist-items{max-height:300px;overflow-y:auto}.recommendations-section{background:#0f0f0f;border-radius:10px;margin-top:2rem;padding:1.5rem}.recommendation-controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.recommendation-controls button,.recommendation-controls select{border:none;border-radius:20px;cursor:pointer;transition:all .3s}.recommendation-controls button:hover{transform:scale(1.05)}.recommendations-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:1rem;padding:1rem}.error-message{color:#ff6b6b;font-size:.875rem;margin-top:.5rem}.room-info{background:#0f0f0f;border-radius:10px;color:#f5f5f5;padding:1rem;text-align:center}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-links{justify-content:center;width:100%}.content{padding:1rem}.home h1{font-size:2rem}.main-content{gap:1rem;grid-template-columns:1fr}.video-container{height:250px}.add-video{flex-direction:column}.add-video input{min-width:0;min-width:auto}.recommendation-controls{align-items:stretch;flex-direction:column}.recommendations-grid{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.create-room-container,.join-room-container{margin:1rem;padding:1.5rem}}@media (max-width:480px){.navbar{padding:.5rem}.home{padding:2rem .5rem}.home h1{font-size:1.8rem}.content{padding:.5rem}.room-container{padding:1rem}.video-container{height:200px}.recommendations-grid{grid-template-columns:1fr 1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.create-room-container,.join-room-container,.room-container{animation:fadeIn .5s ease-out}.playlist-items::-webkit-scrollbar{width:6px}.playlist-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.playlist-items::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:3px}.playlist-items::-webkit-scrollbar-thumb:hover{background:#6b6b6b}
/*# sourceMappingURL=main.34ff0273.css.map*/