body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:gradientAnimation 12s ease infinite;background:linear-gradient(135deg,#0f172a,#4c1d95,#0f172a);background-size:300% 300%;color:#fff;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.app-container{display:flex;flex-direction:column;min-height:100vh;transition:all .5s ease;width:100%}.header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 40px;position:sticky;top:0;z-index:10}.header h1{background:linear-gradient(45deg,#c084fc,#fff);-webkit-background-clip:text;color:#0000;font-size:1.6rem;font-weight:700;letter-spacing:1px}.header .logout-btn{background:linear-gradient(45deg,#dc2626,#f87171);border:none;border-radius:10px;box-shadow:0 4px 10px #00000026;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 24px;transition:all .3s ease}.header .logout-btn:hover{background:linear-gradient(45deg,#f87171,#dc2626);box-shadow:0 6px 14px #0003;transform:translateY(-2px)}.login-page{flex:1 1;justify-content:center;padding:40px 20px;transition:opacity .5s ease}.login-container,.login-page{align-items:center;display:flex}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0000004d;flex-direction:column;gap:25px;max-width:480px;padding:50px;text-align:center;transition:transform .4s ease,box-shadow .4s ease;width:100%}.login-container:hover{box-shadow:0 15px 40px #00000059;transform:translateY(-5px)}.login-container h1{background:linear-gradient(45deg,#c084fc,#fff);-webkit-background-clip:text;color:#0000;font-size:2.4rem;font-weight:600;letter-spacing:.5px}.login-container p{color:#ffffffd9;font-size:1.1rem;line-height:1.5;max-width:360px}.google-btn{background:linear-gradient(45deg,#6b21a8,#c084fc)!important;border-radius:12px!important;box-shadow:0 4px 12px #0003!important;color:#fff!important;font-size:1.1rem!important;font-weight:500!important;padding:14px 32px!important;transition:all .3s ease!important;width:240px!important}.google-btn:hover{background:linear-gradient(45deg,#c084fc,#6b21a8)!important;box-shadow:0 6px 16px #00000040!important;transform:translateY(-3px)!important}.stream-page{align-items:center;flex:1 1;padding:40px 20px;transition:opacity .5s ease}.stream-container,.stream-page{display:flex;flex-direction:column}.stream-container{gap:30px;max-width:1280px;text-align:center;width:100%}.stream-container h2{background:linear-gradient(45deg,#c084fc,#fff);-webkit-background-clip:text;color:#0000;font-size:2rem;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 6px #00000026}.react-player-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 25px #0000004d;height:0;max-width:1280px;overflow:hidden;padding-bottom:56.25%;position:relative;transition:all .3s ease}.react-player-container:hover{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 35px #00000059}.react-player{border-radius:20px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.react-player video::-webkit-media-controls-panel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;border:1px solid #ffffff26;border-radius:12px}.react-player video::-webkit-media-controls-play-button,.react-player video::-webkit-media-controls-timeline,.react-player video::-webkit-media-controls-volume-slider{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.status-message{color:#ffffffe6}.error-message,.status-message{font-size:1.2rem;text-shadow:0 2px 4px #00000026}.error-message{color:#f87171}.footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-top:1px solid #ffffff14;color:#ffffffb3;font-size:.9rem;font-weight:400;padding:20px;text-align:center}
/*# sourceMappingURL=main.22319ca6.css.map*/