*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;overflow-y:auto}.App,body{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e)}.App{min-height:100vh}.content-wrapper{display:flex;height:100vh;overflow:hidden;width:100%}.left-panel{flex:1 1;height:100vh}.kutu,.left-panel{overflow:hidden;position:relative}.kutu{background:#121212f2;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 20px 40px #0000004d;height:100%;width:100%}.wrapper{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;left:0;opacity:0;padding:10px;position:absolute;right:0;transition:opacity .3s;z-index:10}.kutu:hover .wrapper{opacity:1}.right-panel{display:flex;flex:1 1;flex-direction:column;margin-left:10px;max-width:350px;min-height:0;overflow:hidden;width:100%}.playlist-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 20px 40px #0000004d;display:flex;flex:0 0 35%;flex-direction:column;overflow:hidden}.playlist-header{align-items:center;background:#1565c033;border-bottom:1px solid #ffffff1a;color:#90caf9;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:15px 20px}.playlist-container h3{color:#90caf9;font-size:1.3rem;margin:0}.playlist-container button{background:linear-gradient(45deg,#d32f2f,#f44336);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.playlist-container button:hover{box-shadow:0 8px 20px #d32f2f4d;transform:translateY(-2px)}.video-listesi{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:15px;scrollbar-color:#90caf94d #0000;scrollbar-width:thin}.video-listesi::-webkit-scrollbar{width:6px}.video-listesi::-webkit-scrollbar-track{background:#0000}.video-listesi::-webkit-scrollbar-thumb{background:#90caf94d;border-radius:3px}.video-item{background:#1a1a1acc;border:1px solid #ffffff0d;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;position:relative;transition:all .3s ease}.video-item:hover{background:#1565c01a;border-color:#90caf94d;transform:translateY(-2px)}.thumbnail-section{border-radius:6px;flex-shrink:0;height:60px;overflow:hidden;width:80px}.thumbnail-section img{height:100%;object-fit:cover;width:100%}.video-details{flex:1 1;min-width:0}.video-title{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#e0e0e0;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.4;overflow:hidden}.delete-button{align-items:center;background:#d32f2fcc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:24px}.video-item:hover .delete-button{opacity:1}.delete-button:hover{background:#d32f2f;transform:translateY(-50%) scale(1.1)}.chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 20px 40px #0000004d;display:flex;flex:1 1;flex-direction:column;margin-top:10px;min-height:400px;overflow:hidden}.oda-controls{display:flex;gap:10px}.oda-controls button{transition:all .3s ease}.kullanicilar-paneli-content{border-bottom:1px solid #ffffff1a;border-bottom-left-radius:6px;border-bottom-right-radius:6px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.kullanicilar-listesi{flex:1 1;overflow-y:auto;padding:10px}.kullanici-item{align-items:center;background:#1a1a1a80;border:1px solid #ffffff0d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 15px}.kullanici-adi{color:#e0e0e0;font-weight:500}.kullanici-controls{display:flex;gap:15px}.yetki-label{align-items:center;display:flex;gap:8px}.yetki-text{color:#b0b0b0;font-size:12px}.switch{display:inline-block;height:20px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ffffff1a;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#888;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:#1565c0}input:checked+.slider:before{background-color:#fff;transform:translateX(20px)}.bos-kullanici{color:#888;font-style:italic;padding:20px;text-align:center}.mesaj-listesi{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:15px 20px;scrollbar-color:#90caf94d #0000;scrollbar-width:thin}.mesaj-listesi::-webkit-scrollbar{width:6px}.mesaj-listesi::-webkit-scrollbar-track{background:#0000}.mesaj-listesi::-webkit-scrollbar-thumb{background:#90caf94d;border-radius:3px}.mesaj-listesi div{word-wrap:break-word;background:#1a1a1a80;border:1px solid #ffffff0d;border-radius:8px;line-height:1.4;padding:8px 12px}.mesaj-listesi div span:first-child{color:#90caf9}.mesaj-listesi div span:last-child{color:#e0e0e0}.gonder-paneli{border-top:1px solid #ffffff1a;display:flex;gap:10px;padding:15px 20px}.gonder-paneli input{background:#1a1a1acc;border:2px solid #ffffff1a;border-radius:8px;color:#e0e0e0;flex:1 1;font-size:14px;padding:12px 16px;transition:all .3s ease}.gonder-paneli input:focus{border-color:#1565c0;box-shadow:0 0 20px #1565c04d;outline:none}.gonder-paneli input::placeholder{color:#888}.gonder-paneli button{background:linear-gradient(45deg,#1565c0,#42a5f5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:12px 20px;transition:all .3s ease}.gonder-paneli button:hover{box-shadow:0 8px 20px #1565c04d;transform:translateY(-2px)}@media (max-width:1200px){.content-wrapper{flex-direction:column;height:100vh;min-height:0;overflow:hidden;padding:10px}.right-panel{min-height:0}.chat-container,.playlist-container,.right-panel{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-container,.playlist-container{height:100%;min-height:0!important}.mesaj-listesi,.video-listesi{flex:1 1;min-height:0;overflow-y:auto}}@media (max-width:768px){.content-wrapper{height:100vh;padding:10px}.content-wrapper,.right-panel{flex-direction:column;min-height:0;overflow:hidden}.right-panel{flex:1 1}.chat-container,.playlist-container{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0!important;overflow:hidden}.mesaj-listesi,.video-listesi{flex:1 1;min-height:0;overflow-y:auto}}@media (max-width:480px){.content-wrapper{flex-direction:column;height:100vh;overflow:hidden;padding:10px}.right-panel{flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.chat-container,.playlist-container{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0!important;overflow:hidden}.mesaj-listesi{flex:1 1;min-height:0;overflow-y:auto}}.video-player{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.video-timeline{cursor:pointer;height:7px;width:100%}.progress-area{background-color:#fff3;border-radius:5px;cursor:pointer;height:7px;position:relative}.progress-area span{background-color:#000000b3;border-radius:4px;color:#fff;display:none;font-size:12px;padding:3px 5px;position:absolute;top:-25px;transform:translateX(-50%)}.progress-area .progress-bar:before{background:#fff;border-radius:50%;box-shadow:0 0 5px #00000080;content:"";height:16px;opacity:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:16px}.progress-area:hover span{display:block}.video-timeline:hover .progress-bar:before{display:block;opacity:1}.progress-bar{background-color:#1565c0;border-radius:5px;height:100%;position:relative}.video-controls{justify-content:space-between;list-style:none;margin-top:10px;padding:5px 0}.options,.options button,.video-controls{align-items:center;display:flex}.options button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px;height:32px;justify-content:center;padding:5px 8px;transition:color .3s}.options button:hover{background-color:initial;color:#1565c0}.options.left{gap:10px}.options.right{align-items:center;gap:15px}.skip-fullscreen{align-items:center!important;display:flex!important;justify-content:center!important;line-height:1!important}.options button i{font-size:16px;justify-content:center;line-height:1}.options button i,.video-timer{align-items:center;display:flex}.video-timer{color:#fff;font-size:14px}.separator{margin:0 5px}.volume-wrapper{display:inline-block;padding:5px 15px 5px 5px;position:relative}.volume-container{border-radius:4px;display:none;left:35px;padding:10px 5px;position:absolute;top:43%;transform:translateY(-50%);z-index:20}.volume-wrapper:after{content:"";height:100%;left:100%;position:absolute;top:0;width:10px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-container:hover,.volume-wrapper:hover .volume-container{display:block}.volume-slider{-webkit-appearance:none;appearance:none;background-color:#ffffff4d;border-radius:5px;cursor:pointer;height:5px;outline:none;width:100px}.playback-content{align-items:center;display:flex;height:32px;position:relative}.playback-speed{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important}.speed-options{background-color:#0d47a1e6;border-radius:4px;bottom:30px;display:none;list-style:none;position:absolute;right:0;width:80px;z-index:20}.playback-content:hover .speed-options{display:block}.donguButon{align-items:center!important;background:#0000!important;border:none!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:16px!important;height:32px!important;justify-content:center!important;min-width:32px!important;padding:5px 8px!important;transition:color .3s!important}.donguButon:hover{background-color:initial!important;color:#1565c0!important}.donguButon i{align-items:center!important;display:flex!important;font-size:23px!important;justify-content:center!important;line-height:1!important}.speed-options li{color:#fff;cursor:pointer;font-size:14px;padding:8px 10px;text-align:center;transition:background-color .2s}.speed-options li:hover{background-color:#ffffff1a}.speed-options li.active{color:#90caf9}@media (max-width:1024px){.content-wrapper{flex-direction:column;height:100vh;padding:15px}.content-wrapper,.right-panel{gap:15px;min-height:0;overflow:hidden}.right-panel{display:flex;flex:1 1;flex-direction:row;max-width:none}.chat-container,.playlist-container{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0!important;overflow:hidden}.mesaj-listesi,.playlist-videos{flex:1 1;min-height:0;overflow-y:auto}}.username-overlay{align-items:center;background:#0a0a0ae6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.username-modal,.username-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.username-modal{animation:modalFadeIn .3s ease-out;background:#121212f2;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 20px 40px #00000080;max-width:450px;min-width:350px;padding:40px;text-align:center}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.username-modal h2{color:#90caf9;font-size:24px;font-weight:600;margin-bottom:25px}.username-modal input{background:#1a1a1acc;border:2px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#e0e0e0;font-size:16px;margin-bottom:25px;padding:15px 18px;transition:all .3s ease;width:100%}.username-modal input:focus{border-color:#1565c0;box-shadow:0 0 20px #1565c04d;outline:none}.username-modal input::placeholder{color:#888}.username-modal button{background:linear-gradient(45deg,#1565c0,#42a5f5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:15px 30px;transition:opacity .2s ease}.username-modal button:hover{opacity:.9}.username-modal button:disabled{background:#88888880;box-shadow:none;cursor:not-allowed;transform:none}.davet-overlay{align-items:center;background:#0a0a0ae6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.davet-modal,.davet-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.davet-modal{background:#121212f2;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 20px 40px #00000080;max-width:500px;min-width:400px;padding:20px;text-align:center}.davet-modal h2{color:#90caf9;font-size:24px;font-weight:600;margin-bottom:20px}.davet-modal p{color:#b0b0b0;font-size:16px;line-height:1.5;margin-bottom:25px}.link-container{display:flex;gap:10px;margin-bottom:25px}.link-input{background:#1a1a1acc;border:2px solid #ffffff1a;border-radius:8px;color:#e0e0e0;cursor:text;flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:12px 16px;-webkit-user-select:all;user-select:all}.link-input:focus{border-color:#1565c0;box-shadow:0 0 20px #1565c04d;outline:none}.copy-button{background:linear-gradient(45deg,#1565c0,#42a5f5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:12px 20px}.copy-button:hover{box-shadow:0 8px 20px #1565c04d;transform:translateY(-2px)}.copy-button.copied{background:linear-gradient(45deg,#2e7d32,#4caf50)}.modal-actions{display:flex;gap:15px;justify-content:center}.close-button{background:#8888884d;border:1px solid #ffffff1a;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:14px;font-weight:600;padding:12px 25px}.close-button:hover{background:#88888880;border-color:#ffffff4d}.share-button{background:linear-gradient(45deg,#7b1fa2,#9c27b0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 25px;transition:all .3s ease}.share-button:hover{box-shadow:0 8px 20px #9c27b04d;transform:translateY(-2px)}.success-message{color:#4caf50;font-size:14px;margin-top:10px;opacity:0;transition:opacity .3s ease}.success-message.show{opacity:1}.oda-basligi{background:#1565c033;border-bottom:1px solid #ffffff1a;color:#90caf9;font-size:16px;justify-content:space-between;padding:15px 20px}.davet-button,.oda-basligi{align-items:center;display:flex;font-weight:600}.davet-button{background:linear-gradient(45deg,#7b1fa2,#9c27b0);border:none;border-radius:8px;box-shadow:0 2px 8px #9c27b04d;color:#fff;cursor:pointer;font-size:14px;gap:8px;padding:10px 18px;transition:all .2s ease}.davet-button:hover{background:linear-gradient(45deg,#8e24aa,#ab47bc);box-shadow:0 4px 12px #9c27b066;transform:translateY(-1px)}.davet-button:active{box-shadow:0 2px 6px #9c27b04d;transform:translateY(0)}.davet-button:before{font-size:14px}.davet-button.icon-style:before{content:"📧";font-size:14px}.oda-controls button{background:#1a1a1acc;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s ease}.oda-controls button:hover{background:#1565c04d;border-color:#90caf980;transform:translateY(-1px)}.homepage-container{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative}.homepage-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:800px;padding:40px;position:relative;width:100%;z-index:2}.homepage-header{margin-bottom:40px;text-align:center}.homepage-title{align-items:center;color:#90caf9;display:flex;font-size:2.5rem;gap:15px;justify-content:center;margin-bottom:10px}.homepage-title i{color:#1565c0;font-size:2.2rem}.homepage-subtitle{color:#b0b0b0;font-size:1.1rem;margin:0}.homepage-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#1a1a1acc;border:1px solid #ffffff0d;border-radius:12px;padding:25px}.section-title{align-items:center;color:#90caf9;display:flex;font-size:1.3rem;gap:10px;margin-bottom:20px}.section-title i{color:#1565c0}.input-group{margin-bottom:15px}.homepage-input{background:#1a1a1acc;border:2px solid #ffffff1a;border-radius:8px;color:#e0e0e0;font-size:16px;padding:15px 20px;transition:all .3s ease;width:100%}.homepage-input:focus{border-color:#1565c0;box-shadow:0 0 20px #1565c04d;outline:none}.homepage-input::placeholder{color:#888}.actions-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.action-card{background:linear-gradient(145deg,#1a1a1ae6,#0d47a11a);border:1px solid #ffffff0d;border-radius:15px;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.action-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.action-card:hover:before{left:100%}.action-card:hover{border-color:#90caf94d;box-shadow:0 15px 30px #1565c033;transform:translateY(-5px)}.card-icon{color:#1565c0;font-size:3rem;margin-bottom:20px}.card-title{color:#90caf9;font-size:1.4rem;margin-bottom:15px}.card-description{color:#b0b0b0;font-size:.95rem;line-height:1.5;margin-bottom:25px}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:15px;padding:12px 25px;transition:all .3s ease;width:100%}.create-btn{background:linear-gradient(45deg,#1565c0,#42a5f5);color:#fff}.join-btn{background:linear-gradient(45deg,#2e7d32,#66bb6a);color:#fff}.action-button:hover:not(:disabled){box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.features-section{margin-top:40px;text-align:center}.features-title{color:#90caf9;font-size:1.5rem;margin-bottom:25px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.feature-item{align-items:center;background:#1a1a1a80;border:1px solid #ffffff0d;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px;transition:all .3s ease}.feature-item:hover{background:#1565c01a;border-color:#90caf94d}.feature-item i{color:#1565c0;font-size:1.5rem}.feature-item span{color:#e0e0e0;font-size:.9rem;font-weight:500}.homepage-bg{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.bg-circle{animation:float 20s ease-in-out infinite;background:linear-gradient(45deg,#1565c01a,#90caf90d);border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:300px;left:-150px;top:-150px;width:300px}.circle-2{animation-delay:-7s;height:200px;right:-100px;top:50%;width:200px}.circle-3{animation-delay:-14s;bottom:-200px;height:400px;left:50%;transform:translateX(-50%);width:400px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(30px) rotate(240deg)}}@media (max-width:768px){.homepage-content{margin:10px;padding:20px}.homepage-title{flex-direction:column;font-size:2rem;gap:10px}.actions-section{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.action-card{padding:20px}}@media (max-width:480px){.features-grid{grid-template-columns:1fr}.homepage-title{font-size:1.8rem}.homepage-subtitle{font-size:1rem}}
/*# sourceMappingURL=main.5b4e560a.css.map*/