*,:after,:before{box-sizing:border-box;margin:0;padding:0}.content-visibility-auto{contain-intrinsic-size:1000px 800px;content-visibility:auto}::-webkit-scrollbar{width:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:100%;scroll-behavior:smooth}.skip-link:focus{z-index:2000}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media (prefers-reduced-data:reduce){.home-section-container{background-attachment:scroll}}html[data-page-hidden=true] *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}:root{--safe-top:0px;--safe-right:0px;--safe-bottom:0px;--safe-left:0px}@supports (padding:max(0px)){:root{--safe-top:env(safe-area-inset-top);--safe-right:env(safe-area-inset-right);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}@keyframes shake{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}@keyframes glitch{0%{clip-path:var(--slice-1);transform:translate(-20px,-10px)}10%{clip-path:var(--slice-3);transform:translate(10px,10px)}20%{clip-path:var(--slice-1);transform:translate(-10px,10px)}30%{clip-path:var(--slice-3);transform:translateY(5px)}40%{clip-path:var(--slice-2);transform:translate(-5px)}50%{clip-path:var(--slice-3);transform:translate(5px)}60%{clip-path:var(--slice-4);transform:translate(5px,10px)}70%{clip-path:var(--slice-2);transform:translate(-10px,10px)}80%{clip-path:var(--slice-5);transform:translate(20px,-10px)}90%{clip-path:var(--slice-1);transform:translate(-10px)}to{clip-path:var(--slice-1);transform:translate(0)}}@keyframes homeBG{0%{background-color:#ff00ff26}to{background-color:#00000026}}@keyframes AnimateBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shadowGlow1{0%{text-shadow:7px 0 5px #eb58b5}to{text-shadow:-2px 0 10px #fff}}@keyframes shadowGlow1mobile{0%{text-shadow:4px 0 5px #eb58b5}to{text-shadow:-2px 0 10px #fff}}@keyframes startup{0%{opacity:0}to{opacity:1}}@keyframes fall{to{transform:translateY(0)}}@keyframes borderGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hueRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes RotateLoader{0%{transform:scale(1)}80%,to{transform:scale(0)}}@keyframes QueuerLoading{0%{background-color:#18182a}to{background-color:#1f1f37;box-shadow:0 0 7px #47f}}@keyframes CurrentQueuerHighlight{0%{background-color:#18182a}to{background-color:#47f3;box-shadow:0 0 10px #47f}}@keyframes PremiumQueuerHighlight{0%{background-color:#18182a}to{background-color:#ff10f033;box-shadow:0 0 10px #ff10f0}}@keyframes ErrorMessageGlow{0%{box-shadow:0 0 20px #f47}to{box-shadow:0 0 10px #f47}}@keyframes shrink-grow{0%{scale:1}33%{scale:1.05}66%{scale:1}to{scale:.95}}.error-boundary-container{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100svh;padding:2rem}.error-boundary-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:600px;padding:3rem 2rem;text-align:center;width:100%}.error-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:1.5rem}.error-boundary-content h2{color:#ff6b6b;font-size:2rem;font-weight:600;margin:0 0 1rem}.error-boundary-content p{color:#ccc;font-size:1.1rem;line-height:1.5;margin:0 0 2rem}.error-id{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:1rem 0 2rem;padding:.75rem}.error-id code{background:#ffd93d1a;border-radius:4px;color:#ffd93d;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:.25rem .5rem}.error-actions{margin-bottom:2rem}.error-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.5px;min-width:120px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.retry-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.reload-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.reload-btn:hover{box-shadow:0 8px 25px #f5576c66;transform:translateY(-2px)}.error-btn:active{transform:translateY(0)}.error-details{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;margin-top:2rem;text-align:left}.error-details summary{border-radius:8px;color:#ffd93d;cursor:pointer;font-weight:500;padding:1rem;transition:background-color .3s ease}.error-details summary:hover{background:#ffffff0d}.error-info{padding:0 1rem 1rem}.error-info h4{color:#ff6b6b;font-size:.9rem;letter-spacing:.5px;margin:1rem 0 .5rem;text-transform:uppercase}.error-info pre{background:#00000080;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;font-size:.8rem;max-height:300px;overflow-x:auto;overflow-y:auto;padding:1rem}@media (max-width:768px){.error-boundary-container{padding:1rem}.error-boundary-content{padding:2rem 1.5rem}.error-boundary-content h2{font-size:1.5rem}.error-boundary-content p{font-size:1rem}.error-actions{align-items:center;flex-direction:column}.error-btn{max-width:200px;width:100%}.error-icon{font-size:3rem}}@media (max-width:480px){.error-boundary-content{padding:1.5rem 1rem}.error-boundary-content h2{font-size:1.25rem}.error-boundary-content p{font-size:.9rem}}.home-section-container{--home-bg-desktop:none;--home-bg-mobile:none;--home-bg-desktop-2x:none;--home-bg:var(--home-bg-desktop);align-items:stretch;animation:startup .6s ease-in 0s 1;backface-visibility:hidden;background-attachment:scroll;background-color:#232323;background-image:var(--home-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;min-height:100vh;min-height:100svh;min-height:100dvh;min-width:100vw;overflow-x:hidden;overflow-y:auto;position:relative;transform:translateZ(0);width:100%;will-change:transform,opacity}.home-section-container:before{backdrop-filter:blur(1.2px);-webkit-backdrop-filter:blur(1.2px);background-color:rgba(0,0,0,.001);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.home-section-container .main-container{display:flex;flex-direction:column;flex-grow:1;height:auto;margin:0 auto;max-width:1920px;min-height:100vh;min-height:100svh;min-height:100dvh;position:relative;width:100%;z-index:1}@supports (-webkit-touch-callout:none){.home-section-container,.home-section-container .main-container{left:0;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));position:relative;right:0}.home-section-container{-webkit-overflow-scrolling:touch;background-image:var(--safari-bg-desktop);-webkit-background-image:var(--safari-bg-desktop);min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;overflow-x:hidden}}@media (max-width:1024px){.home-section-container{background-position:center 30%;background-size:cover}}@media (max-width:780px){.home-section-container{--home-bg:var(--home-bg-mobile);background-color:#232323;background-position:top;background-size:cover}@supports (-webkit-touch-callout:none){.home-section-container{background-image:var(--safari-bg-mobile);-webkit-background-image:var(--safari-bg-mobile);transform:translateZ(0)}}}@media (max-width:780px) and (-webkit-min-device-pixel-ratio:2),(max-width:780px) and (min-resolution:2dppx){.home-section-container{--home-bg:var(--home-bg-mobile-2x)}}@media (orientation:portrait){.home-section-container{--home-bg:var(--home-bg-mobile);background-position:top}}@media (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),(orientation:portrait) and (min-resolution:2dppx){.home-section-container{--home-bg:var(--home-bg-mobile-2x)}}@media (min-width:1921px) and (-webkit-min-device-pixel-ratio:2),(min-width:1921px) and (min-resolution:2dppx){.home-section-container{--home-bg:var(--home-bg-desktop-2x);background-position:50%;background-size:cover}}@media (min-width:781px) and (max-width:1920px) and (-webkit-min-device-pixel-ratio:2),(min-width:781px) and (max-width:1920px) and (min-resolution:2dppx){.home-section-container{--home-bg:var(--home-bg-desktop-2x)}}.home-section-container .main-container .nav-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:100}.home-section-container .main-container .socials-row{align-items:center;display:flex;gap:18px;justify-content:center;padding:6px 0 0;width:100%}.home-section-container .main-container .socials-row .icons{width:42px}@media (max-width:560px){.home-section-container .main-container .socials-row{gap:14px}.home-section-container .main-container .socials-row .icons{width:36px}}.home-section-container .main-container .nav-container .left,.home-section-container .main-container .nav-container .right{align-items:center;display:flex;gap:12px;justify-content:center}.home-section-container .main-container .nav-container .left{justify-content:flex-start;width:150px}.home-section-container .main-container .nav-container .right{justify-content:flex-end;width:340px}.home-section-container .main-container .nav-container .center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.home-section-container .main-container .nav-container .nav-title{color:#fff;font-family:Bebas Neue,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:3.8rem;font-weight:800;letter-spacing:3px;line-height:1.2;margin:0;text-shadow:4px 3px 6px #8b01da}.home-section-container .main-container .nav-container .left a{cursor:pointer;pointer-events:auto}.home-section-container .main-container .nav-container .left a .logo{object-fit:cover;width:96px}.home-section-container .main-container .nav-container .right a .icons{width:42px}@media (max-width:560px){.home-section-container .main-container .nav-container .left a .logo,.home-section-container .main-container .nav-container .right a .icons,.home-section-container .main-container .socials-row .icons{min-height:44px;min-width:44px}}.home-section-container .main-container .nav-container .right a{border-radius:50%;cursor:pointer;pointer-events:auto;transition:all .15s ease-out}@media (hover:hover){.home-section-container .main-container .nav-container .left a .logo:hover{animation:shake .01s ease infinite alternate}.home-section-container .main-container .nav-container .right a:hover{background-color:#f0f3;border-radius:8px;transform:translateY(-3px)}}@media (max-width:560px){.home-section-container .main-container .nav-container{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto 1fr;padding-top:8px}.home-section-container .main-container .nav-container .center{justify-self:center;left:auto;position:static;top:auto;transform:none}.home-section-container .main-container .nav-container .nav-title{font-size:2.4rem;letter-spacing:3px}.home-section-container .main-container .nav-container .left{justify-content:flex-start;justify-self:start;order:0;width:auto}.home-section-container .main-container .nav-container .left a .logo{width:48px}.home-section-container .main-container .nav-container .right{align-items:center;display:flex;gap:10px;justify-content:flex-end;justify-self:end;margin-top:0;order:0;width:auto}.home-section-container .main-container .nav-container .right a .icons{width:48px}.home-section-container .main-container .nav-container .right a{order:0}.home-section-container .main-container .nav-container .right .user-auth-button{align-items:center;display:flex;justify-content:center;margin-left:6px;order:99}}.home-section-container .main-container .main-section-container{--cta-button-width:200px;--cta-gap:32px;align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;margin:0 auto;max-width:1200px;min-height:calc(100svh - 120px);padding:4px 10px 20px;width:100%;z-index:0}.home-subheading{color:#f5f5f7;font-size:1.1rem;margin-bottom:16px;margin-top:8px;text-align:center;text-shadow:0 2px 4px #000000a6,0 6px 12px #00000059}@media (max-width:560px){.home-subheading{font-size:1rem;padding:0 10px}}.btn-container{align-items:center;display:flex;gap:32px;gap:var(--cta-gap,32px);justify-content:center;margin-bottom:12px;margin-top:2px}.home-section-container .btn,.home-section-container .btn:after{backface-visibility:hidden;background:linear-gradient(45deg,#0000 5%,#fff 0);border:0;color:#121212;font-family:Bebas Neue,sans-serif;font-size:2rem!important;height:86px;letter-spacing:3px;line-height:88px;outline:#0000;position:relative;text-shadow:0 3px 3px #ff00ff26;touch-action:manipulation;transform:translateZ(0);user-select:none;-webkit-user-select:none;width:200px;width:var(--cta-button-width,200px);will-change:transform}.home-section-container .btn{cursor:pointer;transition:all .35s ease}.home-section-container .btn:after{--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(80% -6px 0 0);--slice-2:inset(50% -6px 30% 0);--slice-3:inset(10% -6px 85% 0);--slice-4:inset(40% -6px 43% 0);--slice-5:inset(80% -6px 5% 0);background:linear-gradient(45deg,#0000 3%,#eb58b5 0,#eb58b5 5%,#fff 0);bottom:0;clip-path:inset(50% 50% 50% 50%);content:"ALTERNATE TEXT";display:block;left:0;opacity:0;position:absolute;right:0;text-shadow:-3px -3px 0 #f8f005,3px 3px 0 #00e6f6;top:0;transform:scale(0);transition:all .1s ease;visibility:hidden}@media screen and (-webkit-min-device-pixel-ratio:0){.home-section-container .btn:after{display:none!important}}@supports not (-webkit-appearance:none){.home-section-container .btn:after{opacity:1;transform:scale(1);visibility:visible}}.home-section-container .btn:hover:after{animation:glitch 1s;animation-timing-function:steps(2)}.skip-link{height:1px;left:-9999px;overflow:hidden;position:absolute;top:auto;width:1px}.skip-link:focus{background:#fff;border-radius:4px;color:#000;height:auto;left:auto;padding:6px 10px;position:static;width:auto;z-index:200}@media (hover:hover){.home-section-container .btn-container .btn:hover{transform:translateY(-3px) scale(.95)}}.home-section-container .main-container .disclaimer-container{align-items:center;background-color:#000000e6;bottom:0;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;left:50%;max-width:1920px;opacity:0;pointer-events:none;position:fixed;transform:translateX(-50%);transition:.35s ease;visibility:hidden;width:100%;z-index:200}.home-section-container .main-container .disclaimer-container.active{opacity:1;pointer-events:all;visibility:visible}@media screen and (-webkit-min-device-pixel-ratio:0){.home-section-container .main-container .disclaimer-container{transition:opacity .3s ease,visibility .3s ease}.home-section-container .main-container .disclaimer-container .disclaimer{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.home-section-container .main-container .disclaimer-container .disclaimer{color:#fff;font-size:2rem;margin-bottom:20px;max-width:920px;padding:16px 10px;text-align:center;text-shadow:3px 3px 3px #00000026}.home-section-container .main-container .disclaimer-container .disclaimer .disclaimer-list{list-style:none;margin:16px 0;padding:0;text-align:center}.home-section-container .main-container .disclaimer-container .disclaimer .disclaimer-list li{line-height:1.4;margin-bottom:16px;padding:8px 0}.home-section-container .main-container .disclaimer-container .disclaimer .disclaimer-list li:last-child{margin-bottom:0}@media (max-width:920px){.home-section-container .main-container .disclaimer-container .disclaimer{font-size:1.7rem}.home-section-container .main-container .disclaimer-container .disclaimer .disclaimer-list li{margin-bottom:12px;padding:6px 0}}.home-section-container .main-container .disclaimer-container .close-overlay{background-color:#fff;border:none;color:#232323;cursor:pointer;font-size:2rem;font-weight:700;outline:none;padding:6px 10px;transition:all .25s ease;width:100%}@media (hover:hover){.home-section-container .main-container .disclaimer-container .close-overlay{background-color:#fff}.home-section-container .main-container .disclaimer-container .close-overlay:hover{transform:translateY(3px)}}@media (max-width:1040px){.home-section-container .main-container .main-section-container .disclaimer-container .disclaimer{font-size:1.2rem}}@media (max-width:920px){.home-section-container .main-container .main-section-container{--cta-button-width:170px;--cta-gap:32px}.home-section-container .btn,.home-section-container .btn:after{font-size:2rem!important;height:76px;line-height:77px;width:170px}}@media (max-width:560px){.home-section-container .main-container .main-section-container{--cta-button-width:42vw;--cta-gap:10px;padding:4px 10px 20px}.stream-btn{margin-bottom:8px}.btn-container{flex-direction:row;gap:10px;justify-content:center}.home-section-container .btn,.home-section-container .btn:after{font-size:1.6rem!important;height:64px;line-height:64px;max-width:calc(50vw - 10px);min-width:140px;width:42vw}@supports (-webkit-touch-callout:none){.home-section-container .btn,.home-section-container .btn:after{-webkit-tap-highlight-color:transparent;cursor:pointer;height:64px;max-width:160px;min-height:44px;min-width:140px;width:140px}.home-section-container .main-container .main-section-container{--cta-button-width:140px;--cta-gap:10px}}.home-section-container .main-container .disclaimer-container .disclaimer{font-size:1.4rem}}@media (max-width:386px){.home-section-container .main-container .nav-container .nav-title{font-size:2rem;letter-spacing:2px}}@media (max-width:1000px){@media (min-height:1100px){.home-section-container .main-container .main-section-container{padding:20px 10px 40px}.btn-container{flex-direction:column}.home-section-container .btn,.home-section-container .btn:after{max-width:300px;width:70vw}@supports (-webkit-touch-callout:none){.home-section-container .btn,.home-section-container .btn:after{max-width:280px;width:280px}}}}@media (max-width:780px){@media (min-height:1000px){.home-section-container .main-container .main-section-container{padding:15px 10px 35px}.btn-container{flex-direction:column}.home-section-container .btn,.home-section-container .btn:after{width:70vw}}}@media screen and (-webkit-min-device-pixel-ratio:0){.home-section-container .btn,.home-section-container .btn:after,.home-section-container .main-container .nav-container,.home-section-container .main-container .socials-row .icons{backface-visibility:hidden;transform:translateZ(0)}.home-section-container .main-container .disclaimer-container{backface-visibility:hidden;transform:translateX(-50%) translateZ(0)}.home-section-container .btn:hover{transform:translateZ(0) translateY(-2px) scale(.96);transition:transform .2s ease}.home-section-container .main-container .socials-row .icons:hover{transform:translateZ(0) scale(1.1);transition:transform .2s ease}@media (hover:none) and (pointer:coarse){.home-section-container .btn,.home-section-container .btn:after{animation:none!important;will-change:auto}.home-section-container .btn:active,.home-section-container .btn:hover{transform:translateZ(0) scale(.95);transition:transform .1s ease}}}.loader-container{align-items:center;animation:AnimateBG 20s ease infinite;background-color:#18182a;background-image:linear-gradient(-45deg,#18182a,#18182a 25%,#18182a 51%,#e20bd3 150%);background-size:300% 300%;display:flex;justify-content:center;left:0;min-height:100svh;overflow:hidden;position:absolute;top:0;width:100%;z-index:999}.loader-container.inactive{display:none}.loader-container .loader{height:120px;position:relative;width:120px}.loader-container .loader span{height:100%;left:0;position:absolute;top:0;transform:rotate(calc(18deg*var(--i)));width:100%}.loader-container .loader span:before{animation:RotateLoader .5s linear infinite;animation-delay:calc(.05s*var(--i));background-color:#ff10f0;border-radius:50%;box-shadow:0 0 10px #ff10f0,0 0 20px #ff10f0,0 0 40px #ff10f0,0 0 60px #ff10f0,0 0 80px #ff10f0,0 0 100px #ff10f0;content:"";height:15px;left:0;position:absolute;top:0;width:15px}.google-signin-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:320px;position:relative;width:100%}.google-signin-loading{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-radius:8px;bottom:0;box-shadow:0 2px 8px #0000001a;color:#1f2937;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500;gap:.75rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.google-link-loading .spinner,.google-signin-loading .spinner{animation:spin 1s linear infinite;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#4285f4;height:20px;width:20px}.google-link-container [role=button],.google-signin-container [role=button]{border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-size:16px!important;font-weight:500!important;max-width:320px;min-height:48px;transition:all .2s ease-in-out!important;width:100%!important}.google-link-container [role=button]:hover,.google-signin-container [role=button]:hover{box-shadow:0 4px 12px #00000026!important;transform:translateY(-1px)}.google-link-container [role=button]:focus,.google-signin-container [role=button]:focus{outline:2px solid #4285f4!important;outline-offset:2px!important}.google-link-container [role=button]:disabled,.google-signin-container [role=button]:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}.google-link-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:320px;position:relative;width:100%}.google-link-loading{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-radius:8px;bottom:0;box-shadow:0 2px 8px #0000001a;color:#1f2937;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500;gap:.75rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.google-link-container,.google-signin-container{--google-button-text-color:#1f2937;--google-button-bg-color:#fff;--google-button-border-color:#d1d5db;--google-button-hover-bg:#f9fafb;--google-loading-bg:#fffffff2;--google-loading-text:#1f2937}@media (prefers-color-scheme:dark){.google-link-container,.google-signin-container{--google-loading-bg:#111827f2;--google-loading-text:#f9fafb}.google-link-loading,.google-signin-loading{background:var(--google-loading-bg);color:var(--google-loading-text)}}@media (max-width:768px){.google-link-container,.google-signin-container{max-width:100%;padding:0 1rem}.google-link-container [role=button],.google-signin-container [role=button]{font-size:15px!important;max-width:100%!important;min-height:44px!important}.google-link-loading,.google-signin-loading{font-size:13px;gap:.5rem}}@media (max-width:480px){.google-link-container [role=button],.google-signin-container [role=button]{font-size:14px!important;min-height:42px!important;padding:0 .75rem!important}.google-link-loading .spinner,.google-signin-loading .spinner{border-width:1.5px;height:16px;width:16px}}@media (prefers-contrast:high){.google-link-container [role=button],.google-signin-container [role=button]{border:2px solid #000!important;box-shadow:none!important}.google-link-loading,.google-signin-loading{background:#fff;border:2px solid #000;color:#000}}@media (prefers-reduced-motion:reduce){.google-link-container [role=button],.google-signin-container [role=button]{transition:none!important}.google-link-container [role=button]:hover,.google-signin-container [role=button]:hover{transform:none!important}.google-link-loading .spinner,.google-signin-loading .spinner{animation:none;border:2px solid #4285f4;border-top-color:#f3f4f6}}@media print{.google-link-container,.google-signin-container{display:none!important}}.auth-form .google-link-container,.auth-form .google-signin-container{margin:1.5rem 0}.auth-divider{color:#6b7280}.auth-divider:after,.auth-divider:before{background:linear-gradient(90deg,#0000,#d1d5db 20%,#d1d5db 80%,#0000)}.auth-divider span{background:inherit}.google-auth-success{background:#10b9810d!important;border:2px solid #10b981!important}.google-auth-error{background:#ef44440d!important;border:2px solid #ef4444!important}.google-youtube-indicator{align-items:center;background:#ff00001a;border-radius:6px;color:#dc2626;display:inline-flex;font-size:12px;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.25rem .75rem}.google-youtube-indicator:before{content:"🎥"}.google-signin-compact{max-width:240px}.google-signin-compact [role=button]{font-size:14px!important;max-width:240px!important;min-height:40px!important}.google-connection-status{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:.5rem;margin-top:.5rem}.google-connection-status.connected{color:#10b981}.google-connection-status.error{color:#ef4444}.google-connection-status:before{background:currentColor;border-radius:50%;content:"";height:8px;width:8px}.registration-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;height:100dvh;justify-content:center;left:0;opacity:0;overflow:hidden;padding:max(20px,var(--safe-top)) max(20px,var(--safe-right)) max(20px,calc(var(--safe-bottom) + 20px)) max(20px,var(--safe-left));position:fixed;right:0;top:0;transition:opacity .3s ease;width:100vw;z-index:9999}.registration-overlay.registration-overlay-visible{opacity:1}.registration-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a;margin:auto;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;transform:scale(.9);transition:transform .3s ease;width:100%}.registration-modal.registration-modal-visible{transform:scale(1)}.registration-header{background:linear-gradient(135deg,#eb58b5,#8b01da);border-radius:20px 20px 0 0;padding:25px 30px;position:relative;text-align:center}.registration-header h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.registration-header .subtitle{color:#ffffffe6;font-size:1rem;font-style:italic;margin:0}.close-btn{background:#fff3;height:35px;position:absolute;right:20px;top:15px;width:35px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.benefits-section{border-bottom:1px solid #ffffff1a;padding:25px 30px}.benefits-section h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 15px}.benefits-list{list-style:none;margin:0;padding:0}.benefits-list li{color:#ffffffe6;font-size:.95rem;line-height:1.4;padding:8px 0 8px 25px;position:relative}.benefits-list li:before{content:"✨";left:0;position:absolute;top:8px}.form-section{padding:25px 30px}.mode-toggle{background:#ffffff0d;border-radius:12px;display:flex;margin-bottom:20px;padding:4px}.mode-toggle button{background:none;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .2s ease}.mode-toggle button.active{background:linear-gradient(135deg,#eb58b5,#8b01da);box-shadow:0 4px 12px #eb58b54d;color:#fff;transform:translateY(-1px)}.mode-toggle button:not(.active):hover{background:#ffffff1a;color:#fff}.error-message{background:#dc354533;border:1px solid #dc35454d;color:#ff6b6b;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.registration-form{display:flex;flex-direction:column;gap:16px;margin-bottom:25px}.registration-form input{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-size:1rem;outline:none;padding:14px 16px}.registration-form input::placeholder{color:#ffffff80}.registration-form input:focus{background:#ffffff1f;border-color:#eb58b5;box-shadow:0 0 0 3px #eb58b526}.registration-form input:valid{border-color:#28a74580}.submit-btn{background:linear-gradient(135deg,#eb58b5,#8b01da);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;padding:16px 24px;transition:all .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #eb58b566;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.guest-option{border-top:1px solid #ffffff1a;padding-top:20px;text-align:center}.guest-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fffc;cursor:pointer;font-size:.95rem;margin-bottom:10px;padding:12px 24px;transition:all .2s ease}.guest-btn:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.guest-text{color:#fff9;font-size:.85rem;margin:0}@media (max-width:768px){.registration-overlay{padding:10px}.registration-modal{border-radius:16px;max-width:100%}.registration-header{border-radius:16px 16px 0 0;padding:20px 25px}.registration-header h2{font-size:1.6rem}.benefits-section,.form-section{padding:20px 25px}.benefits-list li{font-size:.9rem}.mode-toggle button{font-size:.9rem;padding:10px 12px}.registration-form input{font-size:.95rem;padding:12px 14px}.submit-btn{font-size:1rem;padding:14px 20px}}@media (max-width:480px){.registration-header{padding:18px 20px}.registration-header h2{font-size:1.4rem}.benefits-section,.form-section{padding:18px 20px}.close-btn{font-size:1.3rem;height:30px;right:15px;top:12px;width:30px}}.registration-form input{opacity:1;transform:translateY(0);transition:all .2s ease}.registration-form input:hover{transform:translateY(-1px)}.benefits-list li{opacity:1;transition:opacity .2s ease}.benefits-list li:hover{opacity:.8}.auth-divider{align-items:center;color:#fff9;display:flex;font-size:14px;font-weight:500;margin:1.5rem 0;text-align:center}.auth-divider:after,.auth-divider:before{background:linear-gradient(90deg,#0000,#fff3 20%,#fff3 80%,#0000);content:"";flex:1 1;height:1px}.auth-divider span{background:#111827f2;padding:0 1rem;position:relative}.google-auth-section{display:flex;justify-content:center;margin:1.5rem 0}.google-auth-section .google-link-container,.google-auth-section .google-signin-container{max-width:100%;width:100%}.google-auth-section [role=button]{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#4285f41a!important;border:1px solid #4285f44d!important;transition:all .2s ease!important}.google-auth-section [role=button]:hover{background:#4285f433!important;border-color:#4285f480!important;transform:translateY(-1px)!important}.google-auth-section .google-link-loading,.google-auth-section .google-signin-loading{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827f2;border:1px solid #ffffff1a}@media (max-width:768px){.auth-divider{font-size:13px;margin:1rem 0}.google-auth-section{margin:1rem 0}.auth-divider span{padding:0 .75rem}}.submit-form-container{bottom:0;height:100vh;left:0;min-height:100svh;min-height:100dvh;overflow:hidden;overscroll-behavior:contain;padding:max(20px,var(--safe-top)) max(20px,var(--safe-right)) max(20px,var(--safe-bottom)) max(20px,var(--safe-left));pointer-events:none;right:0;top:0;inset:0;visibility:hidden;z-index:200}.submit-form-container.active{pointer-events:all;visibility:visible}.submit-form-container .outer-container{margin:auto;max-height:90vh;max-width:560px;overflow:visible;transform:translateY(12px)}.submit-form-container .outer-container .form-container{-webkit-overflow-scrolling:touch;animation:AnimateBG 28s ease infinite;box-sizing:border-box;justify-content:flex-start;max-height:calc(90vh - 40px);max-width:560px;overflow-y:auto;scroll-behavior:smooth}.submit-form-container .outer-container:before{animation:borderShift 14s linear infinite;background:linear-gradient(#18182a,#18182a) padding-box,linear-gradient(135deg,#ffffff2e,#ffffff0f,#ffffff2e) border-box;background-position:0 0,0 50%;background-size:100% 100%,300% 300%;border:1px solid #0000;border-radius:inherit;inset:0;opacity:.65;padding:2px;pointer-events:none}.submit-form-container .outer-container:after{display:none}.submit-form-container .outer-container .form-container .item input{appearance:none;box-sizing:border-box}@media screen and (-webkit-min-device-pixel-ratio:0){.submit-form-container .outer-container .form-container .item input{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-webkit-border-radius:4px}.submit-form-container .outer-container .form-container .item input:focus{box-shadow:0 0 0 1px #ffffff26}}.submit-form-container .upload-status{align-items:center;display:inline-flex;font-size:.95rem;gap:8px;margin-top:8px}.submit-form-container .upload-status.uploading .dot{animation:pulse 1.2s ease-in-out infinite;background:#9ca3af;border-radius:50%;height:6px;width:6px}.submit-form-container .upload-status.uploading .dot:nth-child(2){animation-delay:.2s}.submit-form-container .upload-status.uploading .dot:nth-child(3){animation-delay:.4s}.submit-form-container .upload-status.uploading .label{color:#cbd5e1}.submit-form-container .upload-status.success{color:#34d399}.submit-form-container .upload-status.success .check{align-items:center;border:2px solid #34d399;border-radius:50%;display:inline-flex;font-weight:700;height:18px;justify-content:center;width:18px}.submit-form-container .upload-status.error{color:#f87171}@keyframes borderShift{0%{background-position:0 0,0 50%}50%{background-position:0 0,100% 50%}to{background-position:0 0,0 50%}}.submit-form-container .outer-container .form-container .item .submission-type-btn{align-items:center;display:flex;gap:3px;justify-content:center}@media (max-width:768px){.submit-form-container{align-items:center;justify-content:center;padding-top:max(10px,var(--safe-top))}.submit-form-container .outer-container{margin-bottom:0;margin-top:0;max-height:min(92vh,720px);width:95%}.submit-form-container .outer-container .form-container{max-height:calc(min(92svh, 720px) - 40px);padding:12px}.submit-form-container .outer-container .form-container .item input{font-size:16px;height:44px}.submit-form-container .outer-container .form-container .item label{font-size:1.1rem}}@media (max-width:480px){.submit-form-container{padding:max(20px,var(--safe-top)) max(10px,var(--safe-right)) max(20px,var(--safe-bottom)) max(10px,var(--safe-left))}.submit-form-container .outer-container{margin-top:0;max-height:min(94vh,740px);width:98%}.submit-form-container .outer-container .form-container{gap:8px;max-height:calc(min(94svh, 740px) - 30px);padding:10px}.submit-form-container .outer-container .form-container .title{font-size:1.4rem;margin-bottom:8px}.submit-form-container .outer-container .config-btn-container{gap:8px;margin-top:15px}}@media (max-width:768px) and (max-height:500px){.submit-form-container{align-items:flex-start;padding-top:10px}.submit-form-container .outer-container{margin-top:5px;max-height:90vh}.submit-form-container .outer-container .form-container{gap:6px;max-height:calc(90vh - 20px);padding:8px}.submit-form-container .outer-container .form-container .title{font-size:1.2rem;margin-bottom:5px}.submit-form-container .outer-container .config-btn-container{margin-top:10px}}.user-status{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 2px 8px #0003;margin-bottom:20px;padding:14px 18px}.logged-in-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.welcome-text{color:#4ade80;flex:1 1;font-size:.95rem;font-weight:500}.logout-btn{background:#ef444433;font-size:.85rem;padding:6px 12px}.logout-btn:hover{background:#ef44444d;transform:translateY(-1px)}.guest-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:2px 0}.guest-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e5e7eb,#d1d5db);-webkit-background-clip:text;background-clip:text;color:#e5e7eb;flex:1 1;font-size:.95rem;font-weight:500;text-shadow:0 1px 2px #00000080}.login-prompt-btn{background:linear-gradient(135deg,#eb58b5,#8b01da);border:1px solid #eb58b54d;border-radius:8px;box-shadow:0 2px 8px #eb58b533;color:#fff;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.login-prompt-btn:hover{background:linear-gradient(135deg,#f56bb6,#9c12e3);border-color:#eb58b580;box-shadow:0 4px 16px #eb58b566;transform:translateY(-1px)}@media (max-width:768px){.user-status{padding:12px 16px}.guest-header{align-items:flex-start;flex-wrap:wrap;gap:12px}.guest-text{font-size:.9rem;margin-bottom:4px;width:100%}.login-prompt-btn{align-self:flex-end;font-size:.8rem;min-width:140px;padding:8px 14px}.logged-in-header{align-items:flex-start;flex-direction:column;gap:8px}.welcome-text{font-size:.85rem}.logout-btn{align-self:flex-end;font-size:.8rem;padding:6px 12px}}@media (max-width:480px){.user-status{margin-bottom:16px;padding:10px 14px}.guest-header{gap:8px}.guest-text{font-size:.85rem;margin-bottom:6px}.login-prompt-btn{font-size:.75rem;min-width:120px;padding:8px 12px}.logged-in-header{gap:6px}}.compact-stream-btn{align-items:center;background:#ff0000a6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;line-height:1;padding:6px 12px;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.compact-stream-btn:hover{background:#dc2626cc;box-shadow:0 2px 8px #ff00004d;color:#fff;text-decoration:none;transform:translateY(-1px)}.compact-stream-btn:active{box-shadow:0 1px 4px #f003;transform:translateY(0)}.compact-stream-btn .yt-icon{height:16px;width:16px}.compact-stream-btn span{color:#fff;font-weight:600}.compact-stream-btn.toolbar-variant{background:#ff0000d9;border:1px solid #ffffff26;font-size:.85rem;padding:6px 10px}.compact-stream-btn.toolbar-variant:hover{background:#dc2626e6;border-color:#ffffff40}@media (max-width:768px){.compact-stream-btn{font-size:.8rem;gap:4px;padding:5px 10px}.compact-stream-btn .yt-icon{height:14px;width:14px}}@media (max-width:480px){.compact-stream-btn{font-size:.75rem;gap:3px;padding:4px 8px}.compact-stream-btn .yt-icon{height:12px;width:12px}}.queue-overview{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);background:#111827cc;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;flex:0 0 auto;margin:16px auto;max-width:calc(100% - 20px);padding:20px;position:relative;transition:all .3s ease;width:432px;width:calc(var(--cta-button-width, 200px)*2 + var(--cta-gap, 32px));z-index:1}.queue-overview:hover{background:#111827e6;border-color:#fff3;box-shadow:0 8px 25px #0000004d}.queue-overview.compact{margin:8px 0;padding:12px 16px}.compact-info{align-items:center;color:#e5e7eb;display:flex;font-size:14px;gap:12px}.compact-info .status-icon{font-size:16px}.compact-info .total-count{color:#f9fafb;font-weight:600}.compact-info .wait-estimate{color:#9ca3af;font-size:12px}.compact-info .live-indicator{animation:pulse-live 5s infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111827cc;border:1px solid #ffffff1a;border-radius:4px;color:inherit;font-size:12px;font-weight:600;padding:4px 8px}.up-next-section{background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:8px;box-shadow:0 4px 12px #2563eb4d;color:#fff;margin-bottom:12px;padding:12px 16px;text-align:center}.up-next-section h4{font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 6px;opacity:.9;text-transform:uppercase}.up-next-details{display:flex;flex-direction:column;gap:2px}.up-next-details .track-title{font-size:1.2rem;font-weight:700;line-height:1.1}.up-next-details .artist-name{font-size:1rem;font-weight:500;opacity:.9}.up-next-compact{background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:6px;color:#fff;display:flex;flex-direction:column;font-size:.85rem;gap:1px;margin-bottom:6px;padding:6px 10px;text-align:center}.up-next-compact .up-next-label{font-size:.8rem;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.up-next-compact .up-next-info{font-weight:500;line-height:1.2}.overview-header{justify-content:space-between;margin-bottom:20px}.header-left,.overview-header{align-items:center;display:flex}.header-left{gap:12px}.header-right{align-items:center;display:flex;justify-content:flex-end;min-width:100px}.overview-header h3{color:#f9fafb;font-size:18px;font-weight:600;margin:0}.status-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;font-size:14px;font-weight:700;padding:4px 10px}.overview-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;padding:12px;transition:all .2s ease}.stat-item:hover{background:#ffffff1a;border-color:#fff3}.stat-number{color:#f9fafb;font-size:24px}.stat-label{font-size:12px}.stat-item.total .stat-number{color:#60a5fa}.stat-item.active .stat-number{color:#22c55e}.stat-item.waiting .stat-number{color:#fbbf24}.stat-item.hold .stat-number{color:#f87171}.wait-info{margin-bottom:20px}.wait-estimate-box{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.wait-label{color:#9ca3af;font-size:14px;font-weight:500}.wait-time{color:#60a5fa;font-size:16px;font-weight:700}.overview-footer{border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:16px}.overview-footer,.update-info{align-items:center;display:flex}.update-info{gap:8px}.live-indicator{animation:pulse-live 4s infinite;background:#0000;border-radius:4px}.last-updated{color:#9ca3af;font-size:12px}.refresh-btn{padding:6px 10px}.overview-loading{align-items:center;color:#9ca3af;display:flex;font-size:14px;gap:8px;justify-content:center;padding:20px}.error-message{border-radius:6px;color:#ef4444;font-size:13px;margin-top:12px;padding:10px 12px}@media (max-width:768px){.queue-overview{contain-intrinsic-size:800px 600px;backdrop-filter:none;-webkit-backdrop-filter:none;background:#111827eb;content-visibility:auto;margin:8px auto 12px;max-width:calc(100% - 16px);padding:14px;width:calc(84vw + 10px);width:calc(var(--cta-button-width, 42vw)*2 + var(--cta-gap, 10px))}.header-left{gap:8px}.overview-header h3{font-size:16px}.queue-overview.compact{margin:6px 4px;padding:8px}.overview-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:1.4rem}.stat-label{font-size:.75rem}.wait-estimate-box{flex-direction:column;gap:6px;padding:10px}.overview-footer{align-items:center;flex-direction:row;gap:8px;justify-content:space-between}.update-info{align-items:center;display:flex;flex:1 1 auto;gap:6px;min-width:0}.last-updated{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refresh-btn{flex:0 0 auto;font-size:12px;padding:4px 8px}.up-next-section{margin-bottom:10px;padding:10px 12px}.up-next-section h4{font-size:.9rem}.up-next-details .track-title{font-size:1.1rem}.up-next-details .artist-name{font-size:.95rem}.up-next-compact{font-size:.8rem;margin-bottom:5px;padding:5px 8px}}@media (min-width:1024px){.queue-overview{max-width:432px;max-width:calc(var(--cta-button-width, 200px)*2 + var(--cta-gap, 32px))}}@media (max-width:480px){.queue-overview{margin-left:auto;margin-right:auto;max-width:calc(100% - 12px);padding:12px;width:calc(84vw + 10px);width:calc(var(--cta-button-width, 42vw)*2 + var(--cta-gap, 10px))}.overview-header{align-items:center;flex-direction:row;gap:8px;justify-content:space-between}.header-left{flex:1 1;gap:6px;justify-content:flex-start;min-width:0;overflow:hidden}.header-right{flex:0 0 auto;justify-content:flex-end;min-width:80px}.overview-stats{gap:8px;grid-template-columns:repeat(2,1fr)}.stat-item{padding:10px 6px}.stat-number{font-size:1.2rem}.stat-label{font-size:.7rem}.compact-info{font-size:.8rem}.up-next-section{padding:8px 10px}.up-next-section h4{font-size:.85rem;margin-bottom:4px}.up-next-details .track-title{font-size:1rem}.up-next-details .artist-name{font-size:.9rem}.up-next-compact{font-size:.75rem;padding:4px 6px}.up-next-compact .up-next-label{font-size:.65rem}}@media (max-width:320px){.overview-stats{gap:6px;grid-template-columns:1fr}}.user-account-overlay{align-items:center;animation:fadeIn .25s ease-out;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;height:100dvh;justify-content:center;left:0;margin:0;overflow:hidden;padding:max(0px,var(--safe-top)) max(0px,var(--safe-right)) max(0px,var(--safe-bottom)) max(0px,var(--safe-left));position:fixed;right:0;top:0;transform:none;width:100vw;z-index:9999}.user-account-modal{animation:slideUp .25s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#111827eb;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 25px -5px #00000073;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:720px;overflow:hidden;position:relative;transform:translateZ(0);width:min(90%,720px)}.modal-tabs{border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;padding:0 24px}.tab-btn{border-bottom:2px solid #0000;font-size:14px;padding:12px 16px;transition:all .2s ease}.tab-btn.active{background:#eb58b51a;border-bottom-color:#eb58b5;color:#eb58b5}.modal-content{padding:24px}.profile-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:20px;margin-bottom:24px;padding-bottom:20px}.user-avatar{height:80px;width:80px}.default-avatar{font-size:2rem}.user-info h3{color:#f9fafb;font-size:1.5rem;font-weight:600;margin:0 0 4px}.username{color:#60a5fa;font-size:1rem;margin:0 0 4px}.email{color:#9ca3af;font-size:.9rem;margin:0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:24px}.stat-card{background:#1f293780;border:1px solid #ffffff1a;border-radius:8px;padding:16px;text-align:center}.stat-number{font-size:1.5rem;margin-bottom:4px}.status-card .stat-number{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-label{font-size:.875rem}.profile-details{background:#1f29374d;border-radius:8px;padding:16px}.notifications-panel{background:#1f29374d;border:1px solid #ffffff1a;border-radius:8px;margin-top:16px;padding:12px 16px}.notifications-panel h4{color:#e5e7eb;font-size:1rem;margin:0 0 10px}.notification-item{align-items:center;border-bottom:1px solid #ffffff0d;color:#d1d5db;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.notification-item:last-child{border-bottom:none}.notification-dot{color:#22c55e;font-size:10px;margin-right:8px}.notification-time{color:#9ca3af;font-size:.8rem}.detail-row{border-bottom:1px solid #ffffff0d}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#9ca3af;font-weight:500}.detail-row .value{color:#e5e7eb;font-weight:400}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.history-header h3{color:#f9fafb;font-size:1.25rem;font-weight:600;margin:0}.refresh-btn{padding:8px 12px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{align-items:center;background:#1f29374d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.submission-info{flex:1 1}.track-details h4{color:#f9fafb;font-size:1rem;font-weight:600;margin:0 0 4px}.track-details .artist{color:#9ca3af;font-size:.875rem;margin:0}.submission-meta{align-items:center;display:flex;gap:12px;margin-top:8px}.status-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-played{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.status-waiting{background:#3b82f61a;border:1px solid #3b82f64d;color:#60a5fa}.status-active{background:#fbbf241a;border:1px solid #fbbf244d;color:#fbbf24}.status-hold{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.status-default{background:#6b72801a;border:1px solid #6b72804d;color:#9ca3af}.date{color:#6b7280;font-size:.75rem}.link-btn{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:4px;color:#60a5fa;font-size:.875rem;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.link-btn:hover{background:#3b82f633;border-color:#3b82f666}.settings-tab h3{color:#f9fafb;font-size:1.25rem;font-weight:600;margin:0 0 20px}.setting-section{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding-bottom:20px}.setting-section:last-child{border-bottom:none}.setting-section h4{color:#e5e7eb;font-size:1rem;font-weight:600;margin:0 0 12px}.setting-item{margin:12px 0}.setting-item label{align-items:center;color:#d1d5db;cursor:pointer;display:flex;gap:8px}.setting-item input[type=checkbox]{accent-color:#60a5fa}.settings-note{color:#9ca3af;font-size:.875rem;font-style:italic;margin:16px 0 0}.logout-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.logout-btn:hover{background:#ef444433;border-color:#ef444466}@media (max-width:768px){.user-account-modal{margin:auto;max-height:85vh;width:95%}.modal-header{padding:16px 20px 12px}.modal-header h2{font-size:1.3rem}.modal-content{padding:16px 20px 20px}.profile-header{flex-direction:column;gap:16px;text-align:center}.user-avatar{height:60px;width:60px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:1.25rem}.history-item{align-items:flex-start;flex-direction:column;gap:12px}.submission-meta{flex-wrap:wrap}}@media (max-width:480px){.user-account-modal{border-radius:12px;margin:auto;max-height:80vh;width:98%}.modal-tabs{padding:0 16px}.tab-btn{font-size:13px;padding:10px 12px}.modal-content{padding:12px 16px 16px}.stats-grid{gap:10px;grid-template-columns:1fr}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}}.section-description{color:#9ca3af;font-size:14px;line-height:1.4;margin-bottom:20px}.autofill-form{gap:20px}.autofill-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#f3f4f6;font-size:14px}.form-input{background:#111827cc;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#f9fafb;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus{background:#111827f2;border-color:#eb58b5;box-shadow:0 0 0 2px #eb58b533;outline:none}.form-input::placeholder{color:#6b7280}.username-input-container{align-items:center;background:#111827cc;border:1px solid #fff3;border-radius:8px;display:flex;position:relative;transition:all .2s ease}.username-input-container:focus-within{background:#111827f2;border-color:#eb58b5;box-shadow:0 0 0 2px #eb58b533}.username-prefix{color:#9ca3af;flex-shrink:0;font-size:14px;font-weight:500;padding:12px 8px 12px 16px}.username-input{background:#0000!important;border:none!important;flex:1 1;min-width:0;padding:12px 40px 12px 0!important}.username-input:focus{box-shadow:none!important}.username-input.valid{color:#17c088}.username-input.invalid{color:#ef4444}.username-status{animation:fadeIn .2s ease;font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.username-status.checking{animation:pulse 2s infinite}.username-status.available{color:#23c48e}.username-status.taken{color:#ef4444}.username-message{font-size:12px;font-weight:500;margin-top:4px}.username-message.success{color:#10b981}.username-message.error{color:#ef4444}.checkbox-label{display:flex;gap:12px;padding:8px 0}.form-checkbox{accent-color:#eb58b5;cursor:pointer;height:18px;width:18px}.checkbox-text{color:#f3f4f6;font-size:14px;font-weight:500}.input-help{color:#9ca3af;font-size:12px;line-height:1.3;margin:0}.settings-message{animation:slideDown .3s ease;border-radius:8px;font-size:14px;font-weight:500;margin:16px 0;padding:12px 16px}.settings-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.settings-message.success{background:#10b9811a;border:1px solid #10b9814d;color:#6ee7b7}.auto-save-indicator{align-items:center;animation:fadeIn .3s ease;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#93c5fd;display:flex;font-size:13px;font-weight:500;gap:8px;margin:12px 0;padding:8px 16px}.auto-save-indicator span{position:relative}.auto-save-indicator span:after{animation:pulse 1.5s infinite;background:#93c5fd;border-radius:50%;content:"";display:inline-block;height:3px;margin-left:4px;width:3px}.wizard-banner{background:linear-gradient(180deg,#8b01da40,#11182799);border:1px solid #eb58b559;border-radius:10px;color:#eae8ef;margin:8px 0 12px;padding:14px 16px}.wizard-title{color:#f3e8ff;font-weight:600;margin-bottom:6px}.wizard-text{color:#d1cfe7;font-size:14px;line-height:1.4;margin-bottom:10px}.wizard-actions{display:flex;gap:10px}.wizard-inline{background:#8b01da2e;border:1px solid #eb58b559;border-radius:8px;color:#e5def7;margin:0 0 12px;padding:12px}.form-actions{margin-top:20px}.save-settings-btn{background:linear-gradient(135deg,#eb58b5,#8b01da);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease;width:100%}.save-settings-btn:hover:not(:disabled){box-shadow:0 4px 12px #eb58b54d;transform:translateY(-1px)}.save-settings-btn:active{transform:translateY(0)}.save-settings-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.autofill-form{gap:16px}.form-input,.username-input-container{font-size:16px}.save-settings-btn{font-size:16px;padding:14px 20px}}@media (max-width:480px){.section-description{font-size:13px;margin-bottom:16px}.form-group{gap:6px}.form-group label{font-size:13px}.input-help{font-size:11px}.username-prefix{font-size:13px;padding:12px 6px 12px 12px}.checkbox-label{gap:10px}.checkbox-text{font-size:13px}}.user-auth-button{gap:10px}.auth-btn,.user-auth-button{align-items:center;display:flex}.auth-btn{backface-visibility:hidden;background:linear-gradient(135deg,#f472b6,#c084fc);border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #f472b64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none;transform:translateZ(0);transition:all .2s ease;will-change:transform,opacity}.account-icon{font-size:16px;line-height:1}.account-text{font-size:14px;font-weight:600}.auth-btn:hover{background:linear-gradient(135deg,#f59dca,#d4a5fc);border-color:#ffffff4d;box-shadow:0 4px 16px #f472b680;transform:translateZ(0) translateY(-1px)}.auth-btn:active{transform:translateZ(0) translateY(0)}.user-menu{align-items:center;display:flex;gap:12px}.user-name{color:#fff;flex-shrink:0;font-size:14px;font-weight:500;white-space:nowrap}.account-btn,.logout-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;display:flex;font-size:13px;height:40px;justify-content:center;min-width:100px;padding:8px 16px;white-space:nowrap}.account-btn:hover,.logout-btn:hover{background:#fff3;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}@media (max-width:768px){.user-name{font-size:14px}.auth-btn{border-radius:10px;font-size:15px;padding:12px 16px}.account-btn,.logout-btn{border-radius:10px;font-size:14px;height:44px;min-width:120px;padding:10px 16px}}@media (max-width:480px){.user-menu{gap:10px}.user-name{font-size:14px}.auth-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:12px;font-size:16px;justify-content:center;min-height:44px;min-width:44px;padding:12px;-webkit-user-select:none;user-select:none}.account-text{display:none}.account-icon{font-size:18px}.account-btn,.logout-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:12px;font-size:15px;height:44px;justify-content:center;min-width:44px;padding:12px}}@media (hover:none) and (pointer:coarse){.auth-btn{transition:transform .1s ease,background .2s ease}.auth-btn:hover{background:linear-gradient(135deg,#f472b6,#c084fc);box-shadow:0 2px 8px #f472b64d;transform:none}.auth-btn:active{transition:transform .1s ease}.account-btn:active,.auth-btn:active,.logout-btn:active{transform:translateZ(0) scale(.95)}}.social-hub-overlay{align-items:center;animation:fadeIn .25s ease-out;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;height:100dvh;justify-content:center;left:0;margin:0;overflow:hidden;padding:max(0px,var(--safe-top)) max(0px,var(--safe-right)) max(0px,var(--safe-bottom)) max(0px,var(--safe-left));position:fixed;right:0;top:0;transform:none;width:100vw;z-index:9999}.social-hub-modal{animation:slideUp .25s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#111827eb;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 25px -5px #00000073;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:900px;overflow:hidden;position:relative;transform:translateZ(0);width:min(95%,900px)}.modal-header{flex-shrink:0;padding:20px 24px 16px}.modal-header h2{color:#f9fafb;font-weight:600;gap:8px}.close-btn,.modal-header h2{align-items:center;display:flex}.close-btn{border-radius:6px;color:#9ca3af;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:#ffffff1a;color:#f9fafb}.construction-notice{align-items:center;background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid #fbbf244d;border-radius:8px;display:flex;flex-shrink:0;gap:12px;margin:16px 24px;padding:16px}.construction-icon{flex-shrink:0;font-size:1.5rem}.construction-text{flex:1 1}.construction-text strong{color:#fbbf24;display:block;font-weight:600;margin-bottom:4px}.construction-text p{color:#d1d5db;font-size:.875rem;line-height:1.4;margin:0}.modal-content{flex:1 1;padding:0 24px 24px}.hub-controls{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:16px}.search-section{align-items:center;display:flex;gap:12px}.search-input{background:#1f293780;border:1px solid #fff3;border-radius:8px;color:#f9fafb;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s ease}.search-input:focus{background:#1f2937cc;border-color:#eb58b5;box-shadow:0 0 0 2px #eb58b533;outline:none}.search-input::placeholder{color:#6b7280}.refresh-btn{background:#1f293780;color:#e5e7eb;font-size:16px;padding:12px}.refresh-btn:hover:not(:disabled){background:#1f2937b3;border-color:#fff3}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.sort-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sort-label{color:#9ca3af;margin-right:4px}.sort-btn,.sort-label{font-size:.875rem;font-weight:500}.sort-btn{background:#1f29374d;border:1px solid #ffffff1a;border-radius:6px;color:#d1d5db;cursor:pointer;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.sort-btn:hover{background:#1f293780;border-color:#fff3}.sort-btn.active{background:#eb58b51a;border-color:#eb58b54d;color:#eb58b5}.empty-state,.loading-state{color:#9ca3af;padding:40px 20px;text-align:center}.loading-spinner{border:2px solid #60a5fa4d;border-top-color:#60a5fa;height:24px;margin:0 auto 16px;width:24px}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;font-size:14px;margin-bottom:16px;padding:12px;text-align:center}.users-list{display:flex;flex-direction:column}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.member-count{color:#9ca3af;font-size:.875rem;font-weight:500}.user-card{align-items:flex-start;background:#1f29374d;border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s ease}.user-card:hover{background:#1f293766;border-color:#ffffff26;transform:translateY(-1px)}.user-avatar{background:#3b82f61a;border:2px solid #3b82f64d;border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.user-avatar img{object-fit:cover}.default-avatar,.user-avatar img{border-radius:50%;height:100%;width:100%}.default-avatar{background:linear-gradient(135deg,#93c5fd,#d8b4fe);color:#111827;font-size:1.25rem;font-weight:600;justify-content:center}.default-avatar,.user-identity{align-items:center;display:flex}.user-identity{flex-wrap:wrap;gap:8px;margin-bottom:4px}.user-identity h3{color:#f9fafb;font-size:1rem;font-weight:600;margin:0}.display-name{color:#9ca3af;font-size:.875rem;font-style:italic}.new-badge{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:4px;color:#22c55e;font-size:.75rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.user-bio{color:#d1d5db;font-size:.875rem;line-height:1.4;margin:4px 0 8px}.user-meta{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.75rem;gap:12px}.location{align-items:center;display:flex;gap:2px}.user-stats{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(64px,1fr));justify-items:center;width:100%}.stat{min-width:0;text-align:center}.stat-number{color:#60a5fa;display:block;font-size:1.05rem;line-height:1;word-break:break-word}.stat-label{font-size:.7rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.user-actions{flex-direction:column}.external-link-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#60a5fa;display:flex;font-size:16px;height:36px;justify-content:center;padding:8px;text-decoration:none;transition:all .2s ease;width:36px}.external-link-btn:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.social-hub-modal{margin:auto;max-height:85vh;width:95%}.modal-header{padding:16px 20px 12px}.modal-header h2{font-size:1.3rem}.modal-content{padding:0 16px 16px}.construction-notice{margin:12px 16px;padding:12px}.hub-controls{gap:12px}.sort-controls{gap:6px}.sort-btn{font-size:.8125rem;padding:4px 8px}.user-card{flex-direction:column;gap:12px;padding:12px}.user-stats{gap:10px;grid-template-columns:repeat(3,1fr)}.user-actions{align-self:center}}@media (max-width:480px){.social-hub-modal{border-radius:12px;margin:auto;max-height:80vh;width:98%}.modal-content{padding:0 12px 12px}.construction-notice{flex-direction:column;gap:8px;margin:8px 12px;padding:10px;text-align:center}.hub-controls{gap:10px}.search-section{flex-direction:column;gap:8px}.refresh-btn{align-self:flex-end;padding:8px}.sort-controls{gap:4px;justify-content:center}.sort-btn{font-size:.75rem;padding:4px 6px}.user-card{padding:10px}.user-avatar{height:40px;width:40px}.user-identity h3{font-size:.875rem}.user-bio{font-size:.8125rem}.user-meta{font-size:.6875rem;gap:8px}.user-stats{gap:16px}.stat{min-width:0}.stat-number{font-size:.95rem}.stat-label{font-size:.6875rem}}.social-hub-btn{align-items:center;backface-visibility:hidden;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 2px 4px #6366f133;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transform:translateZ(0);transition:all .2s ease;white-space:nowrap;will-change:transform,opacity}.social-hub-btn:hover{background:linear-gradient(135deg,#5b5bd6,#7c3aed);box-shadow:0 4px 8px #6366f14d;transform:translateZ(0) translateY(-1px)}.social-hub-btn:active{box-shadow:0 2px 4px #6366f133;transform:translateZ(0) translateY(0)}.social-hub-icon{font-size:16px;line-height:1}.social-hub-text{font-size:14px;font-weight:600}@media (max-width:768px){.social-hub-btn{font-size:13px;gap:4px;padding:6px 12px}.social-hub-icon{font-size:14px}.social-hub-text{font-size:13px}}@media (max-width:480px){.social-hub-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:12px;font-size:12px;height:44px;justify-content:center;min-height:44px;min-width:44px;padding:12px;-webkit-user-select:none;user-select:none}.social-hub-text{display:none}.social-hub-icon{font-size:18px}}@media (hover:none) and (pointer:coarse){.social-hub-btn{transition:transform .1s ease,background .2s ease}.social-hub-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 4px #6366f133;transform:none}.social-hub-btn:active{transform:translateZ(0) scale(.95);transition:transform .1s ease}}.queue-section-container{animation:startup 1s ease-in;background-color:#10101e;display:flex;flex-direction:column;min-height:100svh;padding:20px 0;position:relative;width:100%}.queue-section-container .main-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1920px;width:100%}.queue-section-container .main-container .title{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:2.4rem;gap:16px;justify-content:center;margin-bottom:10px;padding:5px;text-align:center;width:100%}.queue-section-container .main-container .title>span{cursor:pointer}.queue-header-buttons{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin-bottom:12px;max-width:960px;width:100%}.queue-header-buttons>:first-child{justify-self:start}.queue-header-buttons>:nth-child(2){justify-self:center}.queue-header-buttons>:last-child{justify-self:end}.queue-toolbar{justify-content:space-between;margin:8px auto 12px;max-width:720px;width:100%}.queue-toolbar,.queue-toolbar .toolbar-left,.queue-toolbar .toolbar-right{align-items:center;display:flex;gap:8px}.queue-toolbar .toolbar-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#e5e7eb;cursor:pointer;font-size:.85rem;padding:6px 10px}@media (hover:hover){.queue-toolbar .toolbar-btn:hover{background:#ffffff24;border-color:#ffffff40}}.queue-container .queuer.highlight{box-shadow:0 0 0 2px #3b82f680,0 0 12px #3b82f659}.queue-section-container .main-container .delete-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .35s ease;width:100%;z-index:990}.queue-section-container .main-container .delete-overlay.active{opacity:1;pointer-events:all}.queue-section-container .main-container .delete-overlay .del-btn{background:#d86666;border:none;border-radius:4px;box-shadow:0 0 5px #d86666;color:#fff;cursor:pointer;font-size:1.8rem;font-weight:700;max-width:920px;padding:8px 0;transition:all .3s ease;width:90%;z-index:999}@media (hover:hover){.queue-section-container .main-container .delete-overlay .del-btn:hover{translate:0 -3px}}.queue-section-container .main-container .delete-overlay .del-btn:active{border-bottom:none;transform:translateY(4px)}.queue-section-container .main-container .update-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .35s ease;width:100%;z-index:990}.queue-section-container .main-container .update-overlay.active{opacity:1;pointer-events:all}.queue-container{margin:0 auto 1rem;max-width:500px;min-height:80px;padding:.5rem;position:relative}.queue-container h2{border-bottom:1px solid #ffffff1a;color:#e5e7eb;font-size:1.2rem;margin:0 0 1rem;padding:8px 0;text-align:center}.priority-section-header,.regular-section-header{border-left:3px solid;border-radius:8px;margin:16px 0 8px;padding:8px 12px}.priority-section-header h3,.regular-section-header h3{font-size:.9rem}.live-update-indicator{animation:pulse-live 2s infinite;background:#ef4444;border-radius:4px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px}.connection-indicator{cursor:pointer;font-size:12px;opacity:.7}.connection-indicator.connected{color:#22c55e;opacity:1}.connection-indicator:hover{opacity:1}.queue-container .queuer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111827c7;border:1px solid #ffffff24;border-radius:8px;box-shadow:0 2px 10px #00000040;color:#e5e7eb;cursor:pointer;gap:8px;margin:8px 0;padding:12px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.queue-container .queuer .account-badge{align-items:center;color:#cbd5e1;display:flex;font-size:.8rem;gap:8px}.queue-container .queuer .account-badge .handle-link.small{background:#3b82f626;border:1px solid #3b82f659;border-radius:999px;color:#bfdbfe;font-size:.8rem;padding:2px 6px}.queue-container .queuer .account-badge .account-metrics{align-items:center;display:inline-flex;gap:6px}.queue-container .queuer .account-badge .level-badge,.queue-container .queuer .account-badge .streak-badge{background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;color:#e5e7eb;font-size:.72rem;padding:1px 6px}.queue-container .queuer .account-badge .placeholder{opacity:.6}.queue-container .queuer.priority-user{background:#3b82f61f;border-color:#3b82f659;box-shadow:0 2px 12px #3b82f62e}.queue-container .queuer.priority-user:before{background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:8px 0 0 8px;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.queue-container .queuer.loading{background:#6b72804d;border-color:#6b728080;pointer-events:none}.queue-container .queuer.current{background:#22c55e1a;border-color:#22c55e4d}.queue-container .queuer.priority-user.current{background:#3b82f626;border-color:#3b82f666;box-shadow:0 0 12px #3b82f64d}@media (hover:hover){.queue-container .queuer:hover{background:#111827e6;border-color:#ffffff3d;box-shadow:0 6px 16px #00000059;transform:translateY(-1px)}.queue-container .queuer.priority-user:hover{background:#3b82f626;border-color:#3b82f666;box-shadow:0 0 12px #3b82f64d}.queue-container .queuer.loading:hover{transform:none}}.queue-container .queuer span{color:#f3f4f6;font-weight:600}.queue-container .queuer .info-btn,.queue-container .queuer .link-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#e5e7eb;font-size:.9rem;font-weight:600;height:32px;position:absolute;top:12px;transition:all .2s ease;width:32px}.queue-container .queuer .link-btn{right:12px}.queue-container .queuer.loading .info-btn,.queue-container .queuer.loading .link-btn{cursor:not-allowed;opacity:.5}.queue-container .queuer .info-btn{right:50px}.queue-container .queuer .position-badge{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;color:#e5e7eb;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;height:28px;justify-content:center;padding:0 10px;position:absolute;right:12px;top:12px;transition:all .2s ease}@media (hover:hover){.queue-container .queuer:hover .position-badge{background:#3b82f640;border-color:#3b82f673;color:#dbeafe}.queue-container .queuer .info-btn,.queue-container .queuer .link-btn{background:#ffffff26;border-color:#ffffff4d}.queue-container .queuer:hover .link-btn{background:#fff3;border-color:#fff6}.queue-container .queuer:hover .link-btn.blue{background:#3b82f64d;border-color:#3b82f680;color:#60a5fa}.queue-container .queuer:hover .info-btn{background:#fff3;border-color:#fff6}.queue-container .queuer.loading:hover .info-btn,.queue-container .queuer.loading:hover .link-btn{background:#ffffff1a;border-color:#fff3}}.queue-container .queuer .link-btn.blue{background:#3b82f633;border-color:#3b82f64d;color:#60a5fa}.queue-container .queuer .info-btn{background:#6b728033;border-color:#6b72804d;color:#9ca3af}@media (hover:hover){.queue-container .queuer .info-btn,.queue-container .queuer .link-btn{background:#ffffff26;border-color:#ffffff4d}.queue-container .queuer:hover .link-btn{background:#fff3;border-color:#fff6}.queue-container .queuer:hover .link-btn.blue{background:#3b82f64d;border-color:#3b82f680}.queue-container .queuer:hover .info-btn{background:#fff3;border-color:#fff6}.queue-container .queuer.loading:hover .info-btn,.queue-container .queuer.loading:hover .link-btn{background:#ffffff1a;border-color:#fff3}}.queue-container .queuer.active{background:#11182799}.queue-container .queuer.active .username{color:#f9fafb;font-weight:700}.queue-container .queuer.current .user-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;margin-top:8px;min-height:36px;padding:8px 12px;transition:all .2s ease}.queue-container .queuer.current .user-btn .icon{flex-shrink:0;font-size:14px}.queue-container .queuer.current .user-btn span{white-space:nowrap}.queue-container .queuer.current .user-btn.leave{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.queue-container .queuer.current .user-btn.update{background:#3b82f61a;border-color:#3b82f64d;color:#93c5fd}@media (hover:hover){.queue-container .queuer.current .user-btn.leave,.queue-container .queuer.current .user-btn.update{background:#ffffff1a;border-color:#fff3}.queue-container .queuer.current .user-btn.leave:hover{background:#ef444433;border-color:#ef444466;color:#fecaca}.queue-container .queuer.current .user-btn.update:hover{background:#3b82f633;border-color:#3b82f666;color:#dbeafe}}.queue-container .queuer.current .user-btn:active{transform:scale(.95)}.priority-info-expanded{background:#ffffff0d;border-left:3px solid #3b82f6;border-radius:6px;margin:8px 0;padding:8px}.queue-container .queuer.loading .username{color:#9ca3af}.queue-container .empty-disclaimer{display:none}.collapse-caret{font-size:14px;margin-left:6px;opacity:.9;transform:translateY(1px)}@media (max-width:768px){.queue-container .queuer.current .user-btn{font-size:.75rem;gap:5px;padding:6px 10px}.queue-container .queuer.current .user-btn .icon{font-size:12px}}@media (max-width:480px){.queue-container .queuer.current .user-btn{font-size:.7rem;gap:4px;padding:5px 8px}.queue-container .queuer.current .user-btn span{font-size:.65rem}}.queue-container.empty-queue{margin:.5rem auto;min-height:60px}.queue-position{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827cc;border:1px solid #ffffff1a;border-radius:12px;margin:12px 0;padding:16px;transition:all .3s ease}.queue-position:hover{background:#111827e6;border-color:#fff3;box-shadow:0 8px 25px #0000004d}.queue-position.active{background:#22c55e0d;border-color:#22c55e66}.queue-position.waiting{background:#3b82f60d;border-color:#3b82f666}.queue-position.on_hold{background:#fbbf240d;border-color:#fbbf2466}.queue-position.error{background:#ef44440d;border-color:#ef444466}.queue-position.compact{align-items:center;display:flex;gap:8px;margin:6px 0;min-height:auto;padding:8px 12px}.queue-position.compact .position-text{color:#f9fafb;font-size:14px;font-weight:600}.position-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.status-icon{font-size:20px;margin-top:2px}.position-info{flex:1 1;min-width:0}.position-main{align-items:center;display:flex;gap:8px;margin-bottom:4px}.position-number{background:#3b82f633;border:1px solid #3b82f64d;border-radius:6px;color:#f9fafb;font-size:18px;font-weight:700;padding:2px 8px}.queue-position.active .position-number{background:#22c55e33;border-color:#22c55e4d;color:#22c55e}.queue-position.on_hold .position-number{background:#fbbf2433;border-color:#fbbf244d;color:#fbbf24}.status-message{color:#e5e7eb;font-size:16px;font-weight:600}.wait-estimate{align-items:center;display:flex;gap:6px;margin-top:4px}.estimate-label{color:#9ca3af;font-size:12px;font-weight:500}.estimate-time{background:#3b82f61a;border-radius:4px;color:#60a5fa;font-size:14px;font-weight:600;padding:2px 6px}.position-actions{align-items:center;display:flex;gap:8px}.live-indicator{animation:pulse-live 2s infinite;background:#ef4444;border-radius:6px;color:#fff;padding:2px 6px}.refresh-btn{background:none;border:1px solid #ffffff1a;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.refresh-btn:hover{background:#ffffff1a;border-color:#fff3;color:#f9fafb}.refresh-btn:active{transform:scale(.95)}.position-details{grid-gap:8px;border-top:1px solid #ffffff1a;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding-top:12px}.detail-item{flex-direction:column;gap:2px}.detail-label{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#f9fafb;font-size:13px;font-weight:600}.detail-item.last-updated .detail-value{color:#9ca3af;font-size:11px}.position-loading{align-items:center;color:#9ca3af;display:flex;font-size:14px;gap:8px}.queue-position.error .error-icon{color:#ef4444;font-size:16px}.queue-position.error .error-text{color:#ef4444;font-size:14px;font-weight:500}@media (max-width:768px){.queue-position{margin:8px 0;padding:12px}.queue-position.compact{margin:4px 0;padding:6px 10px}.position-header{gap:10px;margin-bottom:10px}.status-icon{font-size:18px}.position-number{font-size:16px;padding:1px 6px}.status-message{font-size:14px}.position-details{gap:6px;grid-template-columns:1fr 1fr;padding-top:10px}.estimate-time{font-size:12px}}@media (max-width:480px){.queue-position:not(.compact){padding:10px}.position-main{align-items:flex-start;flex-direction:column;gap:4px}.position-details{grid-template-columns:1fr}.position-actions{flex-direction:column;gap:4px}}.priority-indicator{display:flex;flex-direction:column;gap:4px;margin-left:8px}.priority-indicator.compact{display:inline-flex;font-size:14px;margin-left:4px}.priority-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid;border-radius:12px;display:flex;gap:4px;padding:2px 6px}.priority-icon{font-size:12px}.priority-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.priority-indicator.premium .priority-badge{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.priority-indicator.vip .priority-badge{background:#9333ea33;border-color:#9333ea;color:#c084fc}.priority-indicator.super-vip .priority-badge{background:#ffd70033;border-color:gold;box-shadow:0 0 8px #ffd7004d;color:#fde047}.payment-source{align-items:center;color:#9ca3af;display:flex;font-size:9px;gap:2px}.payment-icon{font-size:8px}.payment-text{font-weight:500;text-transform:capitalize}.expiration-info{color:#6b7280;font-size:8px;font-weight:400}.priority-indicator.compact{margin:0 2px}.priority-indicator.compact .priority-badge{border-radius:8px;height:16px;justify-content:center;min-width:16px;padding:1px 3px}.priority-indicator.compact .priority-icon{font-size:10px}.priority-indicator:hover .priority-badge{transform:scale(1.05);transition:transform .2s ease}.priority-indicator.premium:hover .priority-badge{background:#3b82f64d;box-shadow:0 0 6px #3b82f666}.priority-indicator.vip:hover .priority-badge{background:#9333ea4d;box-shadow:0 0 6px #9333ea66}.priority-indicator.super-vip:hover .priority-badge{background:#ffd7004d;box-shadow:0 0 12px #ffd70080}@keyframes priority-glow{0%,to{box-shadow:0 0 4px #fff3}50%{box-shadow:0 0 8px #fff6}}.priority-indicator.new-priority .priority-badge{animation:priority-glow 2s ease-in-out infinite}@media (max-width:768px){.priority-indicator{gap:2px}.priority-badge{padding:1px 4px}.priority-icon{font-size:10px}.priority-label{font-size:9px}.payment-source{font-size:8px}.expiration-info{font-size:7px}}@media (max-width:480px){.priority-indicator:not(.compact){align-items:center;flex-direction:row;gap:6px}.expiration-info,.payment-source{display:none}}.user-profile-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.user-profile-modal{background:#111827f2;border:1px solid #ffffff1a;border-radius:12px;color:#e5e7eb;max-width:560px;padding:16px;width:90%}.user-profile-modal .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.user-profile-modal .close-btn{background:#0000;border:1px solid #fff3;border-radius:6px;color:#e5e7eb;cursor:pointer;height:28px;width:28px}.user-profile-modal .error,.user-profile-modal .loading{padding:16px;text-align:center}.user-profile-modal .profile-row{align-items:center;display:flex;gap:12px}.user-profile-modal .avatar{align-items:center;background:#ffffff0d;border-radius:50%;display:flex;height:64px;justify-content:center;overflow:hidden;width:64px}.user-profile-modal .avatar img{height:100%;object-fit:cover;width:100%}.user-profile-modal .avatar-fallback{color:#f9fafb;font-weight:700}.user-profile-modal .meta .display-name{font-size:1rem;font-weight:700}.user-profile-modal .meta .username{color:#9ca3af;font-size:.9rem}.user-profile-modal .meta .website{color:#93c5fd;font-size:.85rem}.user-profile-modal .bio{color:#e5e7eb;margin:10px 0}.user-profile-modal .stats{display:flex;gap:12px}.user-profile-modal .stats .stat{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;padding:8px 12px}.user-profile-modal .stats .num{font-weight:700}.user-profile-modal .stats .label{color:#9ca3af;font-size:.75rem}.handle-link{background:#ffffff14;border:1px solid #fff3;border-radius:999px;color:#e5e7eb;font-size:.85rem;margin-left:8px;padding:2px 6px}@media (hover:hover){.handle-link:hover{background:#ffffff24}}.submit-form-container{align-items:center;background-color:#000000e6;display:flex;height:100dvh;justify-content:center;left:50%;max-width:1920px;opacity:0;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;width:100%;z-index:-200}.submit-form-container.active{opacity:1;z-index:200}.submit-form-container .outer-container{align-items:center;border-radius:4px;display:flex;justify-content:center;max-height:100dvh;max-width:520px;overflow:hidden;padding:3px;position:relative;transform:translateY(-100%);transition:all .5s ease-in-out;width:90%;z-index:300}.submit-form-container .outer-container.active{transform:translateY(0)}.submit-form-container .outer-container .form-container{align-items:flex-start;animation:AnimateBG 20s ease infinite;background-color:#18182a;background-image:linear-gradient(-45deg,#18182a,#18182a 25%,#18182a 51%,#2695db 200%);background-size:300% 300%;border-radius:4px;color:#b3bac3;display:flex;flex-direction:column;gap:10px;justify-content:center;max-width:520px;padding:15px;width:100%;z-index:300}.submit-form-container .outer-container:after,.submit-form-container .outer-container:before{animation:borderGlow 6s linear infinite;background:linear-gradient(0deg,#0000 20%,#fff,#fff);content:"";height:100%;left:-50%;max-width:520px;position:absolute;top:-50%;transform-origin:bottom right;width:100%}.submit-form-container .outer-container:after{animation-delay:-3s}.submit-form-container .outer-container .form-container .error-message{animation:ErrorMessageGlow .75s infinite alternate;background-color:#f47;border-radius:4px;color:#fff;font-size:1.2rem;padding:5px;text-align:center;width:100%}.submit-form-container .outer-container .form-container .title{color:#f0f8ff;font-size:2rem;font-weight:500;margin-bottom:10px;width:100%}@media (max-width:400px){.submit-form-container .outer-container .form-container .title{font-size:1.6rem}}@media (max-width:325px){.submit-form-container .outer-container .form-container .title{font-size:1.4rem}}.submit-form-container .outer-container .form-container .item{display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.submit-form-container .outer-container .form-container .item label{font-size:1.3rem;font-weight:400}.submit-form-container .outer-container .form-container .item .input-container{margin:0;padding:0;position:relative;width:100%}.submit-form-container .outer-container .form-container .item input{background:#10101e;border:none;border-radius:4px;color:#f0f8ff;font-size:1rem;font-weight:400;height:40px;outline:none;padding:0 10px;transition:all .25s ease;width:100%}.submit-form-container.admin .outer-container .form-container .item input{color:#ff10f0}.submit-form-container .outer-container .form-container .item input:focus{border:1px solid #ffffff26}.submit-form-container.admin .outer-container .form-container .item input:active{border:1px solid #ff10f0}.submit-form-container .outer-container .form-container .item input::placeholder{color:#646470;font-size:1.2rem}.submit-form-container .outer-container .form-container .item .submission-type-btn{background-color:#2695db;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:500;height:100%;outline:none;position:absolute;right:0;top:0;transition:all .15s ease;width:20%}@media (hover:hover){.submit-form-container .outer-container .form-container .item .submission-type-btn{background-color:#2695db}.submit-form-container .outer-container .form-container .item .submission-type-btn:hover{background-color:#2695dbaa;transition:all .15s ease}.submit-form-container.admin .outer-container .form-container .item .submission-type-btn{background-color:#ff10f0}.submit-form-container.admin .outer-container .form-container .item .submission-type-btn:hover{background-color:#e200d3}}.submit-form-container .outer-container .config-btn-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:20px;width:100%}.submit-form-container .outer-container .config-btn-container .form-btn{align-items:center;background-color:#2695db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:500;gap:3px;justify-content:center;outline:none;padding:6px 8px;transition:all .15s ease;width:100%}@media (max-width:400px){.submit-form-container .outer-container .config-btn-container .form-btn{font-size:1.2rem}}.submit-form-container .outer-container .config-btn-container .form-btn:active{transform:scale(.95)}@media (hover:hover){.submit-form-container .outer-container .config-btn-container .form-btn{background-color:#2695db}.submit-form-container .outer-container .config-btn-container .form-btn:hover{background-color:#2695dbaa;transition:all .15s ease}.submit-form-container.admin .outer-container .config-btn-container .form-btn{background-color:#ff10f0}.submit-form-container.admin .outer-container .config-btn-container .form-btn:hover{background-color:#e200d3}}.submit-form-container .outer-container .config-btn-container .submit-btn-container{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.admin-home-section-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;display:flex;justify-content:center;min-height:100svh;padding:20px}.main-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:800px;padding:40px;width:100%}.admin-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:25px;overflow:hidden;transition:all .3s ease}.admin-section:hover{border-color:#4ecdc44d;box-shadow:0 5px 20px #4ecdc41a}.section-header{background:none;border:none;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:20px 25px;transition:all .3s ease;width:100%}.section-header:hover{background:#ffffff0d}.section-header-static{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:12px;padding:20px 25px}.section-icon{font-size:1.5rem;margin-right:12px}.section-title{flex:1 1;text-align:left}.section-arrow{color:#4ecdc4;font-size:.8rem;transition:transform .3s ease}.section-arrow.expanded{transform:rotate(180deg)}.section-content{animation:slideDown .3s ease-out;display:flex;flex-direction:column;gap:12px;padding:0 25px 20px}.section-content.expanded{padding:20px 25px}.section-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:15px;padding:15px 20px;text-decoration:none;transition:all .3s ease}.section-btn:hover{background:#ffffff1a;border-color:#4ecdc480;box-shadow:0 8px 25px #4ecdc433;transform:translateY(-2px)}.section-btn:active{transform:translateY(0)}.btn-icon{flex-shrink:0;font-size:1.8rem;text-align:center;width:50px}.btn-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.btn-title{color:#fff;font-size:1.1rem;font-weight:600}.btn-description{color:#b0b0b0;font-size:.9rem;line-height:1.4}.quick-actions .section-content{animation:none}.logout-btn{background:#ff6b6b1a;border-color:#ff6b6b4d}.logout-btn:hover{background:#ff6b6b33;border-color:#ff6b6b99;box-shadow:0 8px 25px #ff6b6b33}.logout-btn .btn-title{color:#ff6b6b}@media (max-width:768px){.admin-home-section-container{padding:15px}.main-container{margin:0;padding:25px}.section-header,.section-header-static{font-size:1rem;padding:15px 20px}.section-content,.section-content.expanded{padding:0 20px 15px}.section-btn{flex-direction:column;gap:8px;padding:12px 15px;text-align:center}.btn-icon{font-size:2rem;margin-bottom:5px}.btn-content{align-items:center}.btn-title{font-size:1rem}.btn-description{font-size:.85rem;text-align:center}}@media (max-width:480px){.main-container{border-radius:15px;padding:20px}.section-header,.section-header-static{padding:12px 15px}.section-content,.section-content.expanded{padding:0 15px 12px}.section-btn{padding:10px 12px}}.adminLogin-section-container{align-items:center;animation:AnimateBG 20s ease infinite;background-color:#000000e6;background-image:linear-gradient(-45deg,#000000e6,#000000e6 25%,#000000e6 51%,#47f);background-size:300% 300%;display:flex;height:100dvh;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;width:100%}.adminLogin-section-container .main-container{align-items:center;border-radius:4px;display:flex;justify-content:center;max-height:100dvh;max-width:520px;overflow:hidden;padding:3px;position:relative;transition:all .5s ease-in-out;width:90%;z-index:300}.adminLogin-section-container .main-container .form-container{align-items:flex-start;background-color:#18182a;border-radius:4px;color:#b3bac3;display:flex;flex-direction:column;gap:10px;justify-content:center;max-width:520px;padding:15px;width:100%;z-index:300}.adminLogin-section-container .main-container:after,.adminLogin-section-container .main-container:before{animation:borderGlow 6s linear infinite;background:linear-gradient(0deg,#0000 20%,#fff,#fff);content:"";height:100%;left:-50%;max-width:520px;position:absolute;top:-50%;transform-origin:bottom right;width:100%}.adminLogin-section-container .main-container:after{animation-delay:-3s}.adminLogin-section-container .main-container .form-container .error-message{background-color:#f47;border-radius:4px;color:#fff;font-size:1.2rem;padding:5px;text-align:center;width:100%}.adminLogin-section-container .main-container .form-container .title{color:#f0f8ff;font-size:2rem;font-weight:500;margin-bottom:10px;width:100%}@media (max-width:400px){.adminLogin-section-container .main-container .form-container .title{font-size:1.6rem}}@media (max-width:325px){.adminLogin-section-container .main-container .form-container .title{font-size:1.4rem}}.adminLogin-section-container .main-container .form-container .item{display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.adminLogin-section-container .main-container .form-container .item label{font-size:1.3rem;font-weight:400}.adminLogin-section-container .main-container .form-container .item .input-container{margin:0;padding:0;position:relative;width:100%}.adminLogin-section-container .main-container .form-container .item input{background:#10101e;border:none;border-radius:4px;color:#f0f8ff;font-size:1rem;font-weight:400;height:40px;outline:none;padding:0 10px;transition:all .25s ease;width:100%}.adminLogin-section-container .main-container .form-container .item input:focus{border:1px solid #ffffff26}.adminLogin-section-container .main-container .form-container .item input::placeholder{color:#646470;font-size:1.2rem}.adminLogin-section-container .main-container .submit-btn{background-color:#2695db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:700;font-weight:500;margin-top:20px;outline:none;padding:6px 8px;transition:all .15s ease;width:100%}.adminLogin-section-container .main-container .submit-btn:disabled{opacity:.3}@media (max-width:400px){.adminLogin-section-container .main-container .submit-btn{font-size:1.2rem}}.adminLogin-section-container .main-container .submit-btn:active{transform:scale(.95)}@media (hover:hover){.adminLogin-section-container .main-container .submit-btn{background-color:#2695db}.adminLogin-section-container .main-container .submit-btn:hover{background-color:#2695dbaa;transition:all .15s ease}}.analytics-section-container{animation:startup 1s ease-in;background-color:#10101e;min-height:100svh;padding:20px 0;position:relative;width:100%}.analytics-section-container .main-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:1600px;padding:0 30px;width:100%}.analytics-section-container .main-container .title{color:#fff;font-size:2.4rem;margin-bottom:30px;padding:5px;text-align:center;width:100%}.analytics-section-container .main-container .title>span{cursor:pointer}.tab-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;display:flex;gap:2px;margin-bottom:30px;padding:4px}.tab-btn{align-items:center;background:#0000;color:#9ca3af;display:flex;font-weight:600;gap:8px;padding:12px 24px}.tab-btn:hover{color:#e5e7eb}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f64d}.session-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111827cc,#1f2937cc);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:30px;max-width:1200px;padding:24px;width:100%}.session-panel h3{color:#e5e7eb;font-size:1.3rem;margin:0 0 20px;text-align:center}.active-session{flex-wrap:wrap;gap:20px;justify-content:space-between}.active-session,.session-info{align-items:center;display:flex}.session-info{flex:1 1;gap:15px}.session-indicator{animation:pulse 1.5s infinite;font-size:1.2rem}.session-info strong{color:#f3f4f6;font-size:1.1rem}.session-time{color:#9ca3af;font-size:.9rem}.session-actions{display:flex;gap:12px}.new-session{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.session-name-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;color:#e5e7eb;flex:1 1;font-size:1rem;min-width:300px;padding:12px 16px}.session-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.session-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.session-btn.start{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.session-btn.start:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.session-btn.save{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f64d;color:#fff}.session-btn.save:hover{background:linear-gradient(135deg,#1d4ed8,#1e3a8a);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.session-btn.end{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.session-btn.end:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.tab-content{max-width:1400px;min-height:400px;width:100%}.content-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.content-header h2{color:#e5e7eb;font-size:1.8rem;margin:0}.header-actions{gap:12px}.action-btn{gap:6px;padding:10px 16px;transition:all .3s ease}.action-btn.refresh{background:#3b82f61a;border-color:#3b82f64d;color:#93c5fd}.action-btn.refresh:hover{background:#3b82f633;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.action-btn.clear{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.action-btn.clear:hover{background:#ef444433;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.priority-analytics{width:100%}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.analytics-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111827cc,#1f2937cc);border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:transform .3s ease}.analytics-card:hover{box-shadow:0 12px 30px #0000004d;transform:translateY(-4px)}.analytics-card h3{border-bottom:1px solid #ffffff1a;color:#e5e7eb;font-size:1.2rem;margin:0 0 16px;padding-bottom:12px;text-align:center}.stat-number{color:#3b82f6;font-size:2.5rem;font-weight:700;margin:16px 0;text-align:center}.stat-label{color:#9ca3af;font-size:.9rem;margin-bottom:16px;text-align:center}.stat-breakdown{display:flex;flex-direction:column;gap:8px}.stat-breakdown>div{border-bottom:1px solid #ffffff0d;color:#d1d5db;display:flex;font-size:.9rem;justify-content:space-between;padding:6px 0}.revenue-breakdown{display:flex;flex-direction:column;gap:8px}.revenue-item{background:#ffffff0d;border-radius:6px;color:#d1d5db;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px}.performance-stats{display:flex;flex-direction:column;gap:8px;margin-top:16px}.performance-stats>div{border-bottom:1px solid #ffffff0d;color:#d1d5db;display:flex;font-size:.9rem;justify-content:space-between;padding:6px 0}.session-history{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.session-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111827cc,#1f2937cc);border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:transform .3s ease}.session-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.session-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.session-header h4{color:#e5e7eb;font-size:1.1rem;margin:0}.session-date{color:#9ca3af;font-size:.85rem}.session-stats{display:flex;flex-direction:column;gap:8px}.session-stats>div{color:#d1d5db;display:flex;font-size:.9rem;justify-content:space-between;padding:4px 0}.loading{color:#9ca3af;font-size:1.1rem;padding:40px;text-align:center}.no-data,.no-sessions{background:#ffffff0d;border-radius:12px;color:#6b7280;font-size:1rem;margin:20px 0;padding:40px;text-align:center}@media (max-width:768px){.analytics-section-container .main-container{padding:0 20px}.analytics-section-container .main-container .title{font-size:2rem}.tab-navigation{flex-direction:column;gap:4px}.tab-btn{justify-content:center;padding:14px 20px}.session-panel{padding:20px}.active-session{align-items:stretch;flex-direction:column;text-align:center}.session-actions{justify-content:center}.new-session{flex-direction:column}.session-name-input{min-width:auto;width:100%}.content-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:center}.analytics-grid,.session-history{grid-template-columns:1fr}}@media (max-width:480px){.analytics-section-container .main-container .title{font-size:1.8rem}.session-panel{padding:16px}.analytics-card{padding:20px}.stat-number{font-size:2rem}.session-card{padding:16px}}.queue-container{word-wrap:break-word;align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto 40px;max-width:1200px;padding:0 20px;width:100%}.queue-container.admin-queue{max-width:1400px;padding:0 30px}.queue-container h2{align-items:center;color:#c8d0da;display:flex;font-size:2rem;font-weight:500;gap:8px;justify-content:center;margin-bottom:20px;position:relative;text-decoration:underline}.priority-section-header,.regular-section-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-left:4px solid;border-radius:12px;margin:24px 0 12px;padding:12px 20px;width:100%}.priority-section-header{background:#3b82f61a;border-left-color:#3b82f6}.priority-section-header h3{color:#60a5fa;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.regular-section-header{background:#6b72801a;border-left-color:#6b7280}.regular-section-header h3{color:#9ca3af;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.queue-container .queuer{background-color:#18182a;border:2px solid #0000;border-radius:12px;color:#b3baffcc;display:flex;flex-direction:column;font-size:1.1rem;justify-content:center;margin-bottom:20px;max-width:1280px;padding:20px 25px;position:relative;transition:all .25s ease;width:100%}.queue-container .queuer.priority-user{background:linear-gradient(135deg,#3b82f61a,#111827cc);border-color:#3b82f64d;box-shadow:0 4px 20px #3b82f633}.queue-container .queuer.priority-level-1{border-left-color:#3b82f6}.queue-container .queuer.priority-level-2{border-left-color:#9333ea}.queue-container .queuer.priority-level-3{border-left-color:gold;box-shadow:0 4px 20px #ffd70033}.queuer-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:15px}.queuer-header .username{flex:1 1;font-size:1.2rem;margin:0}.queue-actions,.queuer-header .username{align-items:center;display:flex;gap:12px}.inline-link-btn.themed,.link-btn.themed{align-items:center;background:#3b82f61f;border:2px solid #3b82f659;border-radius:8px;color:#bfdbfe;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.25px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.link-btn.themed.play{background:#10b9811f;border-color:#10b98159;color:#a7f3d0}.inline-link-btn.themed:hover,.link-btn.themed:hover{box-shadow:0 6px 18px #00000040;transform:translateY(-1px)}.queuer-details{background:#ffffff08;border-left:3px solid #4b5563;border-radius:8px;margin:15px 0;padding:15px}.queuer-details p{font-size:1rem;margin:8px 0}.priority-details{background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:8px;margin:12px 0;padding:12px}.priority-buttons{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0;padding:20px}.priority-buttons-label{color:#e5e7eb;display:block;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.priority-button-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:600px}.priority-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:6px;padding:12px 8px;transition:all .3s ease}.priority-btn .icon{font-size:1.2rem}.priority-btn.regular{border-color:#6b7280;color:#9ca3af}.priority-btn.premium{border-color:#3b82f6;color:#60a5fa}.priority-btn.vip{border-color:#9333ea;color:#c084fc}.priority-btn.super-vip{border-color:gold;color:#fde047}.priority-btn:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.priority-btn.regular:hover:not(:disabled){background:#6b728033;box-shadow:0 4px 12px #6b72804d}.priority-btn.premium:hover:not(:disabled){background:#3b82f633;box-shadow:0 4px 12px #3b82f64d}.priority-btn.vip:hover:not(:disabled){background:#9333ea33;box-shadow:0 4px 12px #9333ea4d}.priority-btn.super-vip:hover:not(:disabled){background:#ffd70033;box-shadow:0 4px 12px #ffd7004d}.priority-btn.active{cursor:not-allowed;opacity:.6;transform:none}.priority-btn.regular.active{background:#6b72804d;box-shadow:inset 0 2px 4px #0000004d}.priority-btn.premium.active{background:#3b82f64d;box-shadow:inset 0 2px 4px #3b82f64d}.priority-btn.vip.active{background:#9333ea4d;box-shadow:inset 0 2px 4px #9333ea4d}.priority-btn.super-vip.active{background:#ffd7004d;box-shadow:inset 0 2px 4px #ffd7004d}.action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:20px;max-width:700px}.action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;transition:all .25s ease}.action-btn .icon{font-size:1rem}.action-btn.hold-btn{background:#f973161a;border-color:#f973164d;color:#fbb87d}.action-btn.release-btn{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.action-btn.move-btn{background:#3b82f61a;border-color:#3b82f64d;color:#93c5fd}.action-btn.move-back-btn{background:#a855f71a;border-color:#a855f74d;color:#c4b5fd}.action-btn.remove-btn{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.action-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.action-btn.hold-btn:hover{background:#f9731633;box-shadow:0 4px 12px #f973164d}.action-btn.release-btn:hover{background:#22c55e33;box-shadow:0 4px 12px #22c55e4d}.action-btn.move-btn:hover{background:#3b82f633;box-shadow:0 4px 12px #3b82f64d}.action-btn.move-back-btn:hover{background:#a855f733;box-shadow:0 4px 12px #a855f74d}.action-btn.remove-btn:hover{background:#ef444433;box-shadow:0 4px 12px #ef44444d}.queue-container .queuer .info-btn,.queue-container .queuer .link-btn{align-items:center;background-color:#4f8;border:2px solid #4f8;border-radius:8px;color:#2a2a49;cursor:pointer;display:flex;font-size:1rem;font-weight:bolder;height:40px;justify-content:center;outline:none;transition:all .25s ease;width:50px;z-index:10}.queue-container .queuer .info-btn{background-color:#47f;border-color:#47f;color:#fff}@media (hover:hover){.queue-container .queuer:hover{background-color:#1f1f37;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.queue-container .queuer.priority-user:hover{box-shadow:0 8px 25px #3b82f64d}.queue-container .queuer .info-btn:hover,.queue-container .queuer .link-btn:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}}.queue-container .queuer span{cursor:pointer;font-weight:700}.queue-container .queuer.active{align-items:flex-start;padding:25px 30px}.queue-container .queuer.active .username{font-size:1.3rem;margin-bottom:15px}.queue-container .empty-disclaimer{color:#adb4bc;font-size:1.4rem;font-style:italic;margin:40px 0;text-align:center}@media (max-width:768px){.queue-container{max-width:100%;padding:0 15px}.queue-container.admin-queue{padding:0 20px}.queuer-header{flex-direction:column;gap:15px}.queue-actions{align-self:flex-end}.priority-button-group{grid-template-columns:repeat(2,1fr)}.action-buttons{grid-template-columns:1fr}.priority-buttons{padding:15px}}@media (max-width:480px){.queue-container .queuer{margin-bottom:15px;padding:15px 20px}.queuer-details{padding:12px}.priority-button-group{grid-template-columns:1fr}.priority-btn{padding:10px 6px}}.queue-scheduler-container{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;margin:0 auto;max-width:1200px;min-height:100svh;padding:20px}.scheduler-header{margin-bottom:30px;text-align:center}.scheduler-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:10px}.scheduler-header p{color:#b0b0b0;font-size:1.1rem}.queue-status-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:30px;padding:25px}.queue-status-panel h2{color:#4ecdc4;margin-bottom:20px}.status-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.status-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.status-label{color:#b0b0b0;font-weight:500}.status-value{font-size:1.1rem;font-weight:700}.status-value.open{color:#4ecdc4}.status-value.closed{color:#ff6b6b}.manual-controls{margin-bottom:20px}.manual-controls h3{color:#fff;margin-bottom:15px}.control-buttons{display:flex;flex-wrap:wrap;gap:10px}.next-action{background:#ffeb3b1a;border:1px solid #ffeb3b4d;border-radius:8px;padding:15px}.next-action h3{color:#ffeb3b;margin-bottom:10px}.next-action p{color:#fff;margin:0}.schedules-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:25px}.section-header{margin-bottom:25px}.header-actions{display:flex;gap:10px}.schedules-list{grid-gap:20px;display:grid;gap:20px}.schedule-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;padding:20px;transition:all .3s ease}.schedule-card:hover{border-color:#4ecdc480;box-shadow:0 8px 25px #4ecdc433;transform:translateY(-2px)}.schedule-card.inactive{border-color:#ffffff1a;opacity:.7}.schedule-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.schedule-info h3{color:#fff;font-size:1.2rem;margin:0 0 5px}.schedule-description{color:#b0b0b0;font-size:.9rem;margin:0}.schedule-status{flex-shrink:0}.status-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:4px 12px}.status-badge.active{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.status-badge.inactive{background:#9e9e9e33;border:1px solid #9e9e9e4d;color:#9e9e9e}.schedule-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.detail-label{font-size:.9rem}.schedule-actions{display:flex;flex-wrap:wrap;gap:8px}.no-schedules{color:#b0b0b0;padding:40px 20px;text-align:center}.no-schedules p{font-size:1.1rem;margin:0}.modal-content{max-width:600px}.modal-header h2{color:#4ecdc4}.schedule-form{padding:0 25px 25px}.form-group{margin-bottom:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.95rem;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc433;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#777}.weekdays-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:8px}.weekday-checkbox{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex!important;gap:8px;margin-bottom:0!important;padding:8px 12px;transition:all .3s ease}.weekday-checkbox:hover{background:#ffffff1a}.weekday-checkbox input[type=checkbox]{margin:0!important;width:auto!important}.weekday-checkbox input[type=checkbox]:checked+span{color:#4ecdc4;font-weight:500}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;gap:10px;margin-bottom:0!important}.checkbox-label input[type=checkbox]{margin:0!important;width:auto!important}.form-actions{border-top:1px solid #ffffff1a;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn-success{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.btn-warning{background:linear-gradient(45deg,#ff9800,#f57c00);color:#fff}.btn-warning:hover:not(:disabled){box-shadow:0 4px 12px #ff980066;transform:translateY(-1px)}.error{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;margin:20px;padding:20px;text-align:center}@media (max-width:768px){.queue-scheduler-container{padding:15px}.scheduler-header h1{font-size:2rem}.status-grid{grid-template-columns:1fr}.section-header{align-items:stretch}.control-buttons,.section-header{flex-direction:column}.form-row{grid-template-columns:1fr}.weekdays-selector{grid-template-columns:repeat(2,1fr)}.schedule-actions{flex-direction:column}.form-actions{flex-direction:column-reverse}.modal-content{margin:10px;max-height:95vh}}.bulk-operations-container{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;margin:0 auto;max-width:1400px;min-height:100svh;padding:20px}.bulk-header{margin-bottom:30px;text-align:center}.bulk-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:10px}.bulk-header p{color:#b0b0b0;font-size:1.1rem}.queue-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;margin-bottom:25px;padding:5px}.tab-btn{background:none;border:none;border-radius:8px;color:#b0b0b0;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:15px 20px;text-align:center;transition:all .3s ease}.tab-btn:hover{background:#ffffff1a;color:#fff}.tab-btn.active{background:linear-gradient(45deg,#4ecdc4,#44a08d);box-shadow:0 4px 15px #4ecdc44d;color:#fff}.bulk-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:25px;padding:25px}.selection-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.selected-count{align-items:center;display:flex;font-size:1.1rem;gap:10px}.count-badge{background:linear-gradient(45deg,#4ecdc4,#44a08d);border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;padding:6px 12px}.bulk-controls{align-items:center;display:flex;gap:15px}.select-all-label{align-items:center;color:#fff;cursor:pointer;display:flex!important;font-weight:500;gap:8px;margin-bottom:0!important}.select-all-label input[type=checkbox]{margin:0!important;width:auto!important}.operation-controls{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:2fr 2fr 1fr}.operation-selector,.reason-input{display:flex;flex-direction:column;gap:8px}.operation-selector label,.reason-input label{color:#fff;font-weight:500}.operation-selector select,.reason-input input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.95rem;padding:12px;transition:all .3s ease}.operation-selector select:focus,.reason-input input:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc433;outline:none}.operation-selector select:disabled,.reason-input input:disabled{cursor:not-allowed;opacity:.5}.reason-input input::placeholder{color:#777}.users-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:25px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#4ecdc4;font-size:1.5rem;margin:0}.queue-info{align-items:center;display:flex;gap:20px}.selected-count,.total-count{background:#ffffff1a;border-radius:15px;font-size:.9rem;font-weight:500;padding:6px 12px}.selected-count{background:#4ecdc433;color:#4ecdc4}.users-list{grid-gap:15px;display:grid;gap:15px}.user-card{grid-gap:15px;align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:grid;gap:15px;grid-template-columns:auto auto 1fr auto;padding:15px;transition:all .3s ease}.user-card:hover{background:#ffffff1a;border-color:#4ecdc44d}.user-card.selected{background:#4ecdc41a;border-color:#4ecdc480;box-shadow:0 4px 15px #4ecdc433}.user-checkbox{align-items:center;display:flex}.user-checkbox input[type=checkbox]{cursor:pointer;height:18px;margin:0!important;width:18px!important}.user-position{color:#4ecdc4;font-size:1.1rem;font-weight:700;min-width:40px;text-align:center}.user-info{flex:1 1;min-width:0}.user-main-info h3{color:#fff;font-size:1.1rem;margin:0 0 5px}.user-main-info h3,.user-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-message{color:#b0b0b0;font-size:.9rem;font-style:italic;margin:0 0 10px}.user-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail-item{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.detail-label{color:#b0b0b0;margin-right:8px}.detail-value{color:#fff;font-weight:500;text-align:right}.priority-badge{background:#ffd70033;border:1px solid #ffd7004d;border-radius:10px;color:gold;font-size:.8rem;padding:2px 8px}.user-actions{display:flex;flex-shrink:0;gap:8px}.no-users{color:#b0b0b0;padding:40px 20px;text-align:center}.no-users p{font-size:1.1rem;margin:0}.modal-overlay{align-items:center;background:#000c;display:flex;height:100dvh;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:15px;margin:auto;max-height:90dvh;max-width:500px;overflow-y:auto;position:relative;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:25px;padding:25px 25px 0}.modal-header h2{color:#ff9800;font-size:1.5rem;margin:0}.close-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;padding:5px;transition:all .3s ease}.close-btn:hover{background:#ff6b6b33;color:#ff6b6b}.confirmation-content{padding:0 25px 25px}.operation-summary{margin-bottom:20px}.summary-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 0}.summary-item:last-child{border-bottom:none}.summary-label{color:#b0b0b0;font-weight:500}.summary-value{color:#fff;font-weight:700;text-align:right}.operation-name{font-size:1.1rem}.warning-message{align-items:center;background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:15px}.warning-icon{color:#ff9800;font-size:1.5rem}.warning-message span:last-child{color:#fff}.confirmation-actions{border-top:1px solid #ffffff1a;display:flex;gap:15px;justify-content:flex-end;padding-top:20px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:6px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #4ecdc466;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover:not(:disabled){background:#fff3}.btn-danger{background:linear-gradient(45deg,#ff6b6b,#ee5a52);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-1px)}.btn-sm{font-size:.85rem;padding:6px 12px}@media (max-width:1200px){.operation-controls{gap:15px;grid-template-columns:1fr}}@media (max-width:768px){.bulk-operations-container{padding:15px}.bulk-header h1{font-size:2rem}.queue-tabs{flex-direction:column;gap:5px}.tab-btn{font-size:.9rem;padding:12px 15px}.selection-info{align-items:stretch;flex-direction:column}.operation-controls{gap:15px;grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column}.queue-info{justify-content:space-between}.user-card{gap:10px;grid-template-columns:auto 1fr auto}.user-position{grid-row:1/3}.user-details{gap:5px;grid-template-columns:1fr}.detail-item{align-items:flex-start;flex-direction:column;gap:2px}.detail-value{text-align:left}.confirmation-actions{flex-direction:column-reverse}.modal-content{margin:10px;max-height:95vh}}.manage-queue-section-container{overflow-x:hidden}.manage-queue-section-container .main-container{justify-content:flex-start;padding-bottom:40px}.manage-queue-section-container .main-container .title{align-items:center;display:flex;gap:20px;justify-content:center}.overlay{align-items:center;background-color:#000c;bottom:0;display:flex;height:100dvh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .35s ease;width:100%;z-index:990}.overlay.active{opacity:1;pointer-events:all}.overlay .manage-btn{background:#ff10f0;border:none;border-radius:4px;box-shadow:0 0 5px #ff10f0;color:#fff;cursor:pointer;font-size:1.8rem;font-weight:700;max-width:520px;padding:8px 0;transition:all .3s ease;width:90%;z-index:999}.priority-overlay-content{animation:fadeInScale .3s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#111827f2,#1f2937f2);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 50px #00000080;max-width:500px;padding:30px;width:90%}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.priority-overlay-content h3{border-bottom:1px solid #ffffff1a;color:#e5e7eb;font-size:1.5rem;font-weight:600;margin:0 0 20px;padding-bottom:15px;text-align:center}.priority-overlay-info{background:#ffffff0d;border-left:4px solid #3b82f6;border-radius:12px;margin:20px 0;padding:20px}.priority-overlay-info p{color:#d1d5db;font-size:1rem;margin:8px 0}.priority-overlay-info strong{color:#f3f4f6;font-weight:600}.priority-overlay-actions{display:flex;gap:15px;margin-top:25px}.priority-overlay-actions .manage-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.priority-overlay-actions .priority-confirm{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f64d;color:#fff}.priority-overlay-actions .priority-confirm:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e3a8a);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.priority-overlay-actions .priority-confirm:disabled{cursor:not-allowed;opacity:.6;transform:none}.priority-overlay-actions .priority-cancel{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 15px #6b72804d;color:#fff}.priority-overlay-actions .priority-cancel:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 8px 25px #6b728066;transform:translateY(-2px)}@media (hover:hover){.manage-queue-section-container .main-container .overlay .manage-btn:hover{translate:0 -3px}}.manage-queue-section-container .main-container .overlay .manage-btn:active{border-bottom:none;transform:translateY(4px)}.manage-queue-section-container .main-container .nav-container{align-items:center;background:#000000e6;bottom:0;display:flex;flex-direction:column;gap:20px;height:100dvh;justify-content:center;left:0;opacity:0;padding:max(20px,var(--safe-top)) max(20px,var(--safe-right)) max(20px,var(--safe-bottom)) max(20px,var(--safe-left));pointer-events:none;position:fixed;right:0;top:0;transition:all .35s ease;visibility:hidden;width:100%;z-index:100}.manage-queue-section-container .main-container .nav-container.active{opacity:1;pointer-events:all;visibility:visible}.manage-queue-section-container .main-container .nav-container .btn{background:#ff10f0;border:none;border-radius:4px;box-shadow:0 0 5px #ff10f0;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;min-width:250px;padding:12px 0;transition:all .35s ease;width:100%}.manage-queue-section-container .main-container .nav-container .btn:after{content:""}.manage-queue-section-container .main-container .nav-container .btn:before{background:linear-gradient(135deg,#0000 30%,#ffffff80 50%,#0000 70%);content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:0}@media (hover:hover){.manage-queue-section-container .main-container .nav-container .btn:hover:before{width:100%}.manage-queue-section-container .main-container .nav-container .btn:hover{background:#b3baffcc;border-bottom:4px solid #949eff;box-shadow:0 0 5px #b3baffcc}.manage-queue-section-container .main-container .nav-container .btn:hover:after{animation:Btn .5s ease 1}}.manage-queue-section-container .main-container .nav-container .btn:active{border-bottom:none;transform:translateY(4px)}@media (max-width:768px){.manage-queue-section-container .main-container .title{flex-direction:column;font-size:2rem;gap:10px}.priority-overlay-content{margin:0 15px;padding:20px}.priority-overlay-actions{flex-direction:column}.manage-queue-section-container .main-container .nav-container{padding:20px}.manage-queue-section-container .main-container .nav-container .btn{font-size:1rem;max-width:300px;min-width:auto;width:100%}}@media (max-width:480px){.manage-queue-section-container .main-container .title{font-size:1.8rem}.priority-overlay-content h3{font-size:1.3rem}.priority-overlay-info{padding:15px}.priority-overlay-actions .manage-btn{font-size:.9rem;padding:10px 15px}}.websocket-status-container{position:relative;z-index:100}.websocket-status{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;min-width:120px;padding:6px 12px;transition:all .3s ease}.websocket-status.connected{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.websocket-status.connecting{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.websocket-status.error{background:#ef444426;border-color:#ef44444d;color:#ef4444}.websocket-status.disconnected{background:#6b728026;border-color:#6b72804d;color:#6b7280}.websocket-status:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.status-icon{font-size:14px;line-height:1}.status-text{font-size:12px;white-space:nowrap}.live-indicator{animation:pulse-live 5s infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111827cc;border:1px solid #ffffff1a;border-radius:8px;color:inherit;font-size:10px;font-weight:700;padding:4px 8px}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.websocket-details{animation:slideDown .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111827f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 25px -5px #0000004d;margin-top:8px;min-width:280px;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px 12px}.details-header h4{color:#f9fafb;font-size:16px;font-weight:600;margin:0}.close-details{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.close-details:hover{background:#ffffff1a;color:#f9fafb}.connection-info{padding:16px 20px}.info-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.info-row:last-child{margin-bottom:0}.info-row .label{color:#9ca3af;font-size:14px;font-weight:500}.info-row .value{color:#f9fafb;font-size:14px;font-weight:600}.info-row .value.connected{color:#22c55e}.info-row .value.connecting{color:#fbbf24}.info-row .value.error{color:#ef4444}.info-row .value.disconnected{color:#6b7280}.connection-actions{padding:0 20px 16px}.connection-toggle{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease;width:100%}.connection-toggle.connect{background:#22c55e;color:#fff}.connection-toggle.connect:hover:not(:disabled){background:#16a34a}.connection-toggle.disconnect{background:#ef4444;color:#fff}.connection-toggle.disconnect:hover:not(:disabled){background:#dc2626}.connection-toggle:disabled{cursor:not-allowed;opacity:.5}.system-messages{border-top:1px solid #ffffff1a;padding:16px 20px}.messages-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.messages-header span{color:#f9fafb;font-size:14px;font-weight:600}.clear-messages{background:none;border:1px solid #6b72804d;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.clear-messages:hover{background:#6b728033;color:#f9fafb}.messages-list{max-height:150px;overflow-y:auto}.system-message{align-items:flex-start;border-radius:6px;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.system-message:last-child{margin-bottom:0}.system-message.info{background:#3b82f61a;border-left:3px solid #3b82f6}.system-message.warning{background:#fbbf241a;border-left:3px solid #fbbf24}.system-message.error{background:#ef44441a;border-left:3px solid #ef4444}.system-message.success{background:#22c55e1a;border-left:3px solid #22c55e}.message-text{color:#f9fafb;flex:1 1;font-size:13px;line-height:1.4}.message-time{color:#9ca3af;font-size:11px;margin-left:8px;white-space:nowrap}@media (max-width:768px){.websocket-details{left:-20px;margin-top:12px;min-width:auto;right:-20px}.websocket-status{font-size:11px;min-width:100px;padding:5px 10px}.status-text{font-size:11px}.live-indicator{font-size:9px;padding:1px 4px}}.manage-queue-section-container{animation:startup 1s ease-in;background-color:#10101e;min-height:100svh;padding:20px 0;position:relative;width:100%}.manage-queue-section-container .main-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:1920px;width:100%}.manage-queue-section-container .main-container .title{color:#fff;font-size:2.4rem;margin-bottom:50px;padding:5px;text-align:center;width:100%}.manage-queue-section-container .main-container .title>span{cursor:pointer}.queue-settings-section-container{animation:AnimateBG 20s ease-in infinite,startup .5s ease-in;background-color:#18182a;background-image:linear-gradient(-45deg,#2a2a49,#2a2a49 25%,#2a2a49 51%,#e20bd3 125%);background-size:300% 300%;height:100%;margin:0 auto;min-height:100svh;-webkit-user-select:none;user-select:none;width:100%}.queue-settings-section-container .main-container{align-items:center;display:flex;flex-direction:column;height:100%;min-height:100svh;overflow:hidden;padding:10px}.queue-settings-section-container .main-container .title{color:#fff;font-size:2.4rem;margin-bottom:50px;padding:5px;text-align:center;width:100%}.queue-settings-section-container .main-container .title>span{cursor:pointer}.queue-settings-section-container .main-container>.settings-container{color:#fff;font-size:2rem;font-weight:600;max-width:720px;width:100%}@media (max-width:520px){.queue-settings-section-container .main-container>.settings-container{font-size:1.7rem}}@media (max-width:420px){.queue-settings-section-container .main-container>.settings-container{font-size:1.4rem}}.queue-settings-section-container .main-container>.settings-container button:not([disabled]):active{scale:.9}.queue-settings-section-container .main-container>.settings-container>.queue-on-off{align-items:center;background-color:#ff10f033;border-radius:4px;box-shadow:10px 4px 10px #00000040;display:flex;gap:20px;justify-content:space-between;margin-bottom:10px;padding:8px 12px;width:100%}.queue-settings-section-container .main-container>.settings-container>.queue-on-off>.btn-container{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}.queue-settings-section-container .main-container>.settings-container>.queue-on-off>.btn-container>button{border:none;border-radius:4px;box-shadow:20px 4px 10px #00000026;color:#fff;cursor:pointer;font-size:1.2rem;padding:10px 12px}.queue-settings-section-container .main-container>.settings-container>.queue-on-off>.btn-container>button:disabled{cursor:default;opacity:.3}.queue-settings-section-container .main-container>.settings-container>.queue-on-off>.btn-container>button.on-btn{background-color:#2ecc71}.queue-settings-section-container .main-container>.settings-container>.queue-on-off>.btn-container>button.off-btn{background-color:#f49}.queue-settings-section-container .main-container>.settings-container>.set-stream-link-container{align-items:center;background-color:#ff10f044;border-radius:4px;box-shadow:10px 4px 10px #00000040;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;padding:8px 12px;width:100%}.queue-settings-section-container .main-container>.settings-container>.set-stream-link-container>label{flex:3 1}.queue-settings-section-container .main-container>.settings-container>.set-stream-link-container>input{border:none;border-radius:4px;flex:2 1;font-size:1.1rem;height:44px;padding:2px 4px;width:100%}.queue-settings-section-container .main-container>.settings-container>.set-stream-link-container>button{background-color:#47f;border:none;border-radius:4px;box-shadow:20px 4px 10px #00000026;color:#fff;cursor:pointer;flex:1 1;font-size:1.4rem;font-weight:600;padding:10px 12px;text-transform:uppercase;width:100%}.queue-settings-section-container .main-container>.settings-container>.set-stream-link-container>button:disabled{cursor:default;opacity:.3}.queue-settings-section-container .main-container>.settings-container>.clear-submissions-played-container{align-items:center;background-color:#ff10f044;border-radius:4px;box-shadow:10px 4px 10px #00000040;display:flex;gap:10px;justify-content:space-between;padding:8px 12px;width:100%}.queue-settings-section-container .main-container>.settings-container>.clear-submissions-played-container>button{background-color:#f49;border:none;border-radius:4px;box-shadow:20px 4px 10px #00000026;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:600;padding:10px 12px;text-transform:uppercase}.privacy-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;min-height:100svh;padding:2rem 0}.privacy-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:1000px;padding:0 2rem}.privacy-header{border-bottom:1px solid #ffffff1a;margin-bottom:3rem;padding:3rem 0 2rem;text-align:center}.privacy-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin:0 0 1.5rem}.privacy-meta{color:#fffc;display:flex;flex-direction:column;font-size:1rem;gap:.5rem}.privacy-meta p{margin:0}.privacy-meta strong{color:#fff;font-weight:600}.privacy-content{padding:0 0 3rem}.privacy-section{border-bottom:1px solid #ffffff1a;margin-bottom:3rem;padding-bottom:2rem}.privacy-section:last-child{border-bottom:none;margin-bottom:0}.privacy-section h2{align-items:center;color:#667eea;display:flex;font-size:2rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.privacy-section h2:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:2rem;width:4px}.privacy-section h3{color:#8fa2ff;font-size:1.5rem;font-weight:600;margin:2rem 0 1rem}.privacy-section p{color:#ffffffe6;font-size:1.1rem;line-height:1.7;margin:0 0 1.5rem}.privacy-section ul{list-style:none;margin:0 0 1.5rem;padding:0}.privacy-section li{color:#ffffffe6;font-size:1.1rem;line-height:1.7;margin:0 0 1rem;padding-left:2rem;position:relative}.privacy-section li:before{color:#667eea;content:"•";font-size:1.5rem;left:.5rem;position:absolute;top:0}.privacy-section li strong{color:#fff;font-weight:600}.privacy-highlight{background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;margin:2rem 0;padding:2rem}.privacy-highlight h3{color:#667eea;margin-top:0}.privacy-note{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;margin:1rem 0;padding:1rem}.privacy-note p{color:#ffc107;font-style:italic;margin:0}.contact-info strong{color:#667eea;min-width:120px}.privacy-footer{border-top:1px solid #ffffff1a;color:#ffffffb3;margin-top:3rem;padding:2rem 0 3rem;text-align:center}.privacy-footer p{font-size:.9rem;margin:0 0 .5rem}.privacy-footer em{color:#fff9;font-style:italic}.privacy-footer strong{color:#667eea;font-weight:600}@media (max-width:768px){.privacy-page{padding:1rem 0}.privacy-container{margin:0 1rem;padding:0 1.5rem}.privacy-header{margin-bottom:2rem;padding:2rem 0 1.5rem}.privacy-header h1{font-size:2.5rem}.privacy-meta{font-size:.9rem}.privacy-section{margin-bottom:2rem;padding-bottom:1.5rem}.privacy-section h2{font-size:1.75rem}.privacy-section h2:before{height:1.75rem}.privacy-section h3{font-size:1.25rem}.privacy-section li,.privacy-section p{font-size:1rem}.privacy-section li{padding-left:1.5rem}.contact-info,.privacy-highlight{margin:1.5rem 0;padding:1.5rem}.contact-info strong{display:block;margin-bottom:.25rem}}@media (max-width:480px){.privacy-container{margin:0 .5rem;padding:0 1rem}.privacy-header h1{font-size:2rem}.privacy-section h2{align-items:flex-start;flex-direction:column;font-size:1.5rem;gap:.5rem}.privacy-section h2:before{height:3px;width:100%}.contact-info,.privacy-highlight{padding:1rem}}@media print{.privacy-page{background:#fff;color:#000}.privacy-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;box-shadow:none}.privacy-header h1{-webkit-text-fill-color:#000;color:#000}.privacy-section h2,.privacy-section h3{color:#000}.privacy-section h2:before{background:#000}.privacy-highlight{background:#f9f9f9;border:1px solid #ccc}.privacy-note{background:#fffacd;border:1px solid #ddd}.contact-info{background:#f5f5f5;border:1px solid #ddd}}.terms-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;min-height:100svh;padding:2rem 0}.terms-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:1000px;padding:0 2rem}.terms-header{border-bottom:1px solid #ffffff1a;margin-bottom:3rem;padding:3rem 0 2rem;text-align:center}.terms-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#764ba2,#667eea);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin:0 0 1.5rem}.terms-meta{color:#fffc;display:flex;flex-direction:column;font-size:1rem;gap:.5rem}.terms-meta p{margin:0}.terms-meta strong{color:#fff;font-weight:600}.terms-content{padding:0 0 3rem}.terms-section{border-bottom:1px solid #ffffff1a;margin-bottom:3rem;padding-bottom:2rem}.terms-section:last-child{border-bottom:none;margin-bottom:0}.terms-section h2{align-items:center;color:#764ba2;display:flex;font-size:2rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.terms-section h2:before{background:linear-gradient(135deg,#764ba2,#667eea);border-radius:2px;content:"";height:2rem;width:4px}.terms-section h3{color:#8fa2ff;font-size:1.5rem;font-weight:600;margin:2rem 0 1rem}.terms-section h4{color:#a2b5ff;font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem}.terms-section p{color:#ffffffe6;font-size:1.1rem;line-height:1.7;margin:0 0 1.5rem}.terms-section ul{list-style:none;margin:0 0 1.5rem;padding:0}.terms-section li{color:#ffffffe6;font-size:1.1rem;line-height:1.7;margin:0 0 1rem;padding-left:2rem;position:relative}.terms-section li:before{color:#764ba2;content:"•";font-size:1.5rem;left:.5rem;position:absolute;top:0}.terms-section li strong{color:#fff;font-weight:600}.terms-important{background:#764ba21a;border:1px solid #764ba24d;border-radius:12px;margin:2rem 0;padding:2rem}.terms-important p{color:#764ba2;font-weight:600;margin-bottom:1rem}.terms-warning{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:12px;margin:2rem 0;padding:2rem}.terms-warning p{color:#ffc107;font-weight:600;margin-bottom:1rem}.terms-disclaimer{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin:2rem 0;padding:2rem}.terms-disclaimer p{color:#ef4444;font-weight:600;margin-bottom:1rem}.terms-prohibited{background:#ef44440d;border:1px solid #ef444433;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.terms-prohibited h4{color:#ef4444;margin-bottom:1rem;margin-top:0}.terms-note{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;margin:1rem 0;padding:1rem}.terms-note p{color:#3b82f6;font-style:italic;margin:0}.contact-info{background:#0003;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.contact-info p{font-family:Courier New,monospace;font-size:1rem;margin:0 0 .75rem}.contact-info p:last-child{margin-bottom:0}.contact-info strong{color:#764ba2;display:inline-block;font-weight:600;min-width:180px}.terms-link{color:#667eea;text-decoration:underline;transition:color .2s}.terms-link:hover{color:#8fa2ff}.terms-footer{border-top:1px solid #ffffff1a;color:#ffffffb3;margin-top:3rem;padding:2rem 0 3rem;text-align:center}.terms-footer p{font-size:.9rem;margin:0 0 .5rem}.terms-footer em{color:#fff9;font-style:italic}.terms-footer strong{color:#764ba2;font-weight:600}@media (max-width:768px){.terms-page{padding:1rem 0}.terms-container{margin:0 1rem;padding:0 1.5rem}.terms-header{margin-bottom:2rem;padding:2rem 0 1.5rem}.terms-header h1{font-size:2.5rem}.terms-meta{font-size:.9rem}.terms-section{margin-bottom:2rem;padding-bottom:1.5rem}.terms-section h2{font-size:1.75rem}.terms-section h2:before{height:1.75rem}.terms-section h3{font-size:1.25rem}.terms-section h4{font-size:1.1rem}.terms-section li,.terms-section p{font-size:1rem}.terms-section li{padding-left:1.5rem}.contact-info,.terms-disclaimer,.terms-important,.terms-prohibited,.terms-warning{margin:1.5rem 0;padding:1.5rem}.contact-info strong{display:block;margin-bottom:.25rem;min-width:auto}}@media (max-width:480px){.terms-container{margin:0 .5rem;padding:0 1rem}.terms-header h1{font-size:2rem}.terms-section h2{align-items:flex-start;flex-direction:column;font-size:1.5rem;gap:.5rem}.terms-section h2:before{height:3px;width:100%}.contact-info,.terms-disclaimer,.terms-important,.terms-prohibited,.terms-warning{padding:1rem}}@media print{.terms-page{background:#fff;color:#000}.terms-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;box-shadow:none}.terms-header h1{-webkit-text-fill-color:#000;color:#000}.terms-section h2,.terms-section h3,.terms-section h4{color:#000}.terms-section h2:before{background:#000}.terms-important{background:#f8f7ff;border:1px solid #764ba2}.terms-warning{background:#fffacd;border:1px solid #ffc107}.terms-disclaimer{background:#fff5f5;border:1px solid #ef4444}.terms-prohibited{background:#fff1f1;border:1px solid #ef4444}.terms-note{background:#eff6ff;border:1px solid #3b82f6}.contact-info{background:#f5f5f5;border:1px solid #ddd}.terms-link{color:#764ba2}}.oauth-success-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100svh;overflow:hidden;padding:2rem;position:relative}.oauth-success-page:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.oauth-success-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;position:relative;text-align:center;width:100%;z-index:1}.oauth-success-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.oauth-success-content.error{color:#fee2e2}.success-animation{margin-bottom:1rem}.loading-spinner.large{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;width:60px}.success-checkmark{align-items:center;animation:checkmarkPop .6s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 10px 30px #10b9814d;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;width:80px}.error-icon{animation:errorShake .6s ease-in-out;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px #ef44444d;color:#fff;font-size:2rem}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.oauth-success-content h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.oauth-success-content p{color:#ffffffe6;font-size:1rem;line-height:1.6;margin:0}.success-details{display:flex;flex-direction:column;gap:1rem;width:100%}.youtube-success{align-items:center;background:#f003;border:1px solid #ff00004d;border-radius:12px;display:flex;gap:.75rem;padding:1rem}.youtube-icon{flex-shrink:0;font-size:1.5rem}.youtube-success p{font-size:.9rem;margin:0;text-align:left}.security-notice{align-items:center;background:#22c55e33;border:1px solid #22c55e4d;border-radius:12px;display:flex;gap:.75rem;padding:1rem}.security-icon{flex-shrink:0;font-size:1.2rem}.security-notice p{font-size:.85rem;margin:0;text-align:left}.redirect-notice{animation:pulse 2s infinite;color:#ffffffb3;font-size:.9rem;font-style:italic}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:768px){.oauth-success-page{padding:1rem}.oauth-success-container{border-radius:16px;padding:2rem}.oauth-success-content h2{font-size:1.5rem}.oauth-success-content p{font-size:.9rem}.loading-spinner.large{border-width:3px;height:50px;width:50px}.error-icon,.success-checkmark{font-size:2rem;height:70px;width:70px}.security-notice,.youtube-success{flex-direction:column;gap:.5rem;padding:.75rem;text-align:center}.security-notice p,.youtube-success p{text-align:center}}@media (max-width:480px){.oauth-success-container{margin:1rem;padding:1.5rem}.oauth-success-content h2{font-size:1.25rem}.oauth-success-content p{font-size:.85rem}.error-icon,.success-checkmark{font-size:1.75rem;height:60px;width:60px}.loading-spinner.large{height:40px;width:40px}}@media (prefers-contrast:high){.oauth-success-container{background:#fffffff2;border:2px solid #000;color:#000}.oauth-success-content h2{color:#000;text-shadow:none}.oauth-success-content p{color:#333}.security-notice,.youtube-success{background:#0000001a;border:2px solid #333}}@media (prefers-reduced-motion:reduce){.loading-spinner.large{animation:none;border:4px solid #fff}.error-icon,.success-checkmark{animation:none}.redirect-notice{animation:none;opacity:.8}}@media print{.oauth-success-page{background:#fff;color:#000}.oauth-success-container{background:#fff;border:1px solid #ccc;box-shadow:none}.loading-spinner.large{display:none}}.oauth-error-page{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;justify-content:center;min-height:100svh;overflow:hidden;padding:2rem;position:relative}.oauth-error-page:before{background:radial-gradient(circle at 20% 80%,#ef44444d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.oauth-error-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:3rem;position:relative;text-align:center;width:100%;z-index:1}.error-content{align-items:center;display:flex;flex-direction:column;gap:2rem}.error-animation{margin-bottom:1rem}.error-icon{align-items:center;animation:errorPulse 2s infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 10px 30px #fbbf244d;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto;width:80px}@keyframes errorPulse{0%,to{box-shadow:0 10px 30px #fbbf244d;transform:scale(1)}50%{box-shadow:0 15px 40px #fbbf2466;transform:scale(1.05)}}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-content h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.error-content p{color:#ffffffe6;line-height:1.6;margin:0}.error-details{text-align:center;width:100%}.primary-message{font-size:1.1rem;font-weight:500;margin-bottom:1rem}.action-message{color:#fffc;font-size:1rem;margin-bottom:1.5rem}.technical-details{background:#0003;border:1px solid #ffffff1a;border-radius:12px;margin-top:1.5rem;padding:1rem;text-align:left}.technical-details summary{border-radius:6px;color:#fffc;cursor:pointer;font-weight:500;padding:.5rem;transition:background-color .2s ease}.technical-details summary:hover{background:#ffffff1a}.technical-content{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.technical-content p{color:#ffffffb3;font-family:Courier New,monospace;font-size:.85rem;margin-bottom:.5rem;word-break:break-word}.technical-content strong{color:#ffffffe6}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.redirect-button,.retry-button,.support-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;justify-content:center;min-width:140px;padding:.875rem 1.75rem;text-decoration:none;transition:all .2s ease}.retry-button.primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.retry-button.primary:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.support-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.support-button.secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.redirect-button{background:#ffffff1a;border:1px solid #fff3;color:#fffc;font-size:.85rem;min-width:auto;padding:.5rem 1rem}.redirect-button:hover{background:#fff3;color:#fff}.auto-redirect{background:#0003;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;width:100%}.auto-redirect p{color:#fffc;font-size:.9rem;margin-bottom:1rem}.countdown{animation:countdownPulse 1s infinite;color:#fbbf24;font-size:1.1rem;font-weight:700}@keyframes countdownPulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.oauth-error-page{padding:1rem}.oauth-error-container{border-radius:16px;padding:2rem}.error-content{gap:1.5rem}.error-content h2{font-size:1.5rem}.primary-message{font-size:1rem}.action-message{font-size:.9rem}.error-actions{align-items:center;flex-direction:column}.retry-button,.support-button{max-width:280px;width:100%}.error-icon{font-size:2rem;height:70px;width:70px}}@media (max-width:480px){.oauth-error-container{margin:1rem;padding:1.5rem}.error-content h2{font-size:1.25rem}.primary-message{font-size:.95rem}.action-message{font-size:.85rem}.error-icon{font-size:1.75rem;height:60px;width:60px}.technical-content p{font-size:.8rem}.auto-redirect{padding:1rem}}@media (prefers-contrast:high){.oauth-error-container{background:#fffffff2;border:2px solid #000;color:#000}.error-content h2{color:#000;text-shadow:none}.error-content p{color:#333}.auto-redirect,.technical-details{background:#0000001a;border:2px solid #333}.retry-button.primary{background:#10b981;border:2px solid #059669}.redirect-button,.support-button.secondary{background:#fff;border:2px solid #333;color:#000}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none;border:3px solid #fff}.countdown,.error-icon{animation:none}.redirect-button:hover,.retry-button:hover,.support-button:hover{transform:none}}@media print{.oauth-error-page{background:#fff;color:#000}.oauth-error-container{background:#fff;border:1px solid #ccc;box-shadow:none}.auto-redirect,.error-actions,.loading-spinner{display:none}}.error-section-container{margin:0 auto;max-width:1920px;min-height:100svh;width:100%}.error-section-container .main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding:20px 10px}.error-section-container .main-container .title{color:#658d95;font-size:2.4rem;font-weight:700;text-align:center;text-shadow:0 1px 3px #97b0b3;width:100%}.error-section-container .main-container img{margin-top:-200px;max-height:70vh;max-width:90vw;object-fit:cover;object-position:center}.error-section-container .main-container .error-btn{background-color:#b2c6c9;border:none;border-radius:8px;box-shadow:0 6px 5px #97b0b3;color:#fff;cursor:pointer;font-size:2.4rem;font-weight:700;margin-top:40px;outline:none;padding:8px 22px;transition:box-shadow translate .25s ease}.error-section-container .main-container .error-btn:active{scale:.9}@media (hover:hover){.error-section-container .main-container .error-btn:hover{box-shadow:0 12px 5px #97b0b3;translate:0 -3px}.error-section-container .main-container .error-btn:active{box-shadow:0 3px 5px #97b0b3;scale:1;translate:0 0}}.app-footer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#0f1a3a,#0b1631);border-top:1px solid #000000e6;color:#ffffffe0;margin-top:auto;padding:2rem 0}.footer-content{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1rem}.footer-link{border-radius:6px;color:#fffc;font-size:.9rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.footer-link:hover{background:#667eea1a;color:#667eea;transform:translateY(-1px)}.footer-link:active{transform:translateY(0)}.footer-copyright{border-top:1px solid #ffffff0d;margin-top:1rem;padding-top:1rem}.footer-copyright p{color:#fff9;font-size:.8rem;margin:0}@media (max-width:768px){.app-footer{padding:1.5rem 0}.footer-content{padding:0 1rem}.footer-links{align-items:center;flex-direction:column;gap:1rem}.footer-link{padding:.75rem 1.5rem;width:-moz-fit-content;width:fit-content}}@media (max-width:480px){.footer-links{gap:.75rem}.footer-link{font-size:.85rem;padding:.5rem 1rem}.footer-copyright p{font-size:.75rem}}@media (prefers-contrast:high){.footer-link{border:1px solid #ffffff4d;color:#fff}.footer-link:hover{background:#667eea4d;border-color:#667eea;color:#fff}}@media (prefers-reduced-motion:reduce){.footer-link{transition:none}.footer-link:active,.footer-link:hover{transform:none}}
/*# sourceMappingURL=main.2913ca9f.css.map*/