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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-landing-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.landing-title{color:#fff;font-size:4rem;font-weight:600;letter-spacing:4px;margin-bottom:2rem}.copyright{text-decoration:none}.auth-wrapper{max-width:400px;padding:2rem;width:100%}.auth-title{color:#fff;font-size:3rem;font-weight:600;letter-spacing:4px}.auth-subtitle,.auth-title{margin-bottom:2rem;text-align:center}.auth-subtitle{color:#d1d1d1;font-size:18px;font-weight:500;letter-spacing:1px}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{font-size:.9rem;letter-spacing:1px}.form-input{background-color:#111;border:1px solid #333;border-radius:4px;color:#fff;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease}.form-input:focus{background-color:#1a1a1a;border-color:#666;outline:none}.form-input::placeholder{color:#444}.auth-button{background-color:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:1px;margin-top:1rem;padding:1rem;transition:all .3s ease}.auth-button:hover{background-color:#e0e0e0}.back-button{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;text-align:center;transition:color .3s ease}.back-button:hover{color:#fff}@media (max-width:768px){.landing-title{font-size:3rem}.auth-title{font-size:2.5rem}.footer-links{flex-direction:column;gap:.5rem}.auth-wrapper{padding:1rem}}.auth-mode-selector{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:300px;width:100%}.auth-mode-button{border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:1px;padding:1rem;transition:all .3s ease}.auth-mode-button.primary{background-color:#fff;color:#000}.auth-mode-button.primary:hover{background-color:#e0e0e0}.auth-mode-button.secondary{background-color:initial;border:1px solid #444;color:#fff}.auth-mode-button.secondary:hover{background-color:#ffffff1a;border-color:#fff}.auth-button:disabled,.auth-mode-button:disabled,.back-button:disabled,.link-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#ff57571a;border:1px solid #ff5757;color:#ff5757;font-size:.9rem;padding:.75rem 1rem;text-align:center}.error-message,.success-message{border-radius:4px;margin-bottom:1rem}.form-input.error{background-color:#ff57570d;border-color:#ff5757}.info-text{line-height:1.5;margin-bottom:1rem}.info-text,.link-button{color:#888;font-size:.9rem;text-align:center}.link-button{background:none;border:none;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;transition:color .3s ease}.link-button:hover{color:#fff;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#fff;height:30px;margin-left:auto;margin-right:auto;width:30px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.auth-mode-selector{max-width:100%;padding:0 1rem}.error-message,.success-message{margin:0 1rem 1rem}.info-text{padding:0 1rem}}.landing-footer{bottom:2rem;color:#666;left:0;position:fixed;right:0;text-align:center;z-index:10}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:0 1rem}.footer-link{color:#666;font-size:.8rem;position:relative;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#fff}.footer-link:hover:after{width:100%}.copyright{color:#444;font-size:.9rem}.auth-form{animation:fadeIn .3s ease}.home-container{background-color:#000;color:#fff;min-height:100vh}.home-container.theme-light{background-color:#fff;color:#000}.home-container.theme-light .sidebar{background-color:#f5f5f5;border-right-color:#e0e0e0}.home-container.theme-light .sidebar-logo{color:#000}.home-container.theme-light .nav-button{color:#333}.home-container.theme-light .nav-button:hover{background-color:#e0e0e0}.home-container.theme-light .nav-button.active{background-color:#e0e0e0;color:#000}.home-container.theme-light .content-header{border-bottom-color:#e0e0e0}.home-container.theme-light .search-input{background-color:#f0f0f0;border-color:#ddd;color:#000}.home-container.theme-light .search-input::placeholder{color:#999}.home-container.theme-light .module-card{background-color:#f5f5f5;border-color:#e0e0e0}.home-container.theme-light .footer-link{color:#999}.home-container.theme-light .user-menu{background-color:#fff;border-color:#e0e0e0;box-shadow:0 2px 10px #0000001a}.home-container.theme-light .user-menu-item:hover{background-color:#f5f5f5}.app-layout{display:grid;grid-template-columns:80px 1fr 350px;margin:0 auto;max-width:1280px;min-height:100vh}.content-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.content-header h2{align-items:center;font-size:1.2rem;font-weight:600;margin:0}.content-feed{padding:1rem}.feed-placeholder{color:#666;padding:3rem 1rem;text-align:center}.feed-placeholder p{margin:.5rem 0}@media (max-width:1024px){.home-layout{grid-template-columns:60px 1fr 280px}}@media (max-width:768px){.home-layout{grid-template-columns:1fr}.right-sidebar,.sidebar{display:none}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#141414 25%,#181818 50%,#141414 75%);background-size:200% 100%;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.live-layout{display:grid;margin:0 auto;min-height:100vh}.stream-search-container{margin-bottom:1rem;max-width:320px}.streams-list{grid-gap:20px;display:grid;gap:20px}.settings-container{background-color:#000;color:#fff;min-height:100vh}.settings-container.theme-light{background-color:#fff;color:#000}.settings-container.theme-light .sidebar{background-color:#f5f5f5;border-right-color:#e0e0e0}.settings-container.theme-light .settings-main-content{border-right-color:#e0e0e0}.settings-container.theme-light .settings-header{border-bottom-color:#e0e0e0}.settings-container.theme-light .settings-tab{color:#666}.settings-container.theme-light .settings-tab.active{border-bottom-color:#000;color:#000}.settings-container.theme-light .settings-input,.settings-container.theme-light .settings-textarea{background-color:#f5f5f5;border-color:#ddd;color:#000}.settings-container.theme-light .settings-input:focus,.settings-container.theme-light .settings-textarea:focus{background-color:#fff;border-color:#999}.settings-container.theme-light .settings-section{border-bottom-color:#e0e0e0}.settings-container.theme-light .input-hint,.settings-container.theme-light .prefix{color:#999}.settings-container.theme-light .upload-overlay{background:#00000080}.settings-container.theme-light .upload-button{background:#ffffffe6;color:#000}.settings-container.theme-light .upload-button:hover{background:#fff}.settings-layout{display:grid;grid-template-columns:80px 1fr 350px;margin:0 auto;max-width:1280px;min-height:100vh}.settings-main-content{border-right:1px solid #333;height:100vh;overflow-y:auto}.settings-main-content::-webkit-scrollbar{width:4px}.settings-main-content::-webkit-scrollbar-track{background:#1a1a1a}.settings-main-content::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.settings-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.settings-header h2{font-size:1.2rem;font-weight:600;margin:0}.settings-tabs{border-bottom:1px solid #333;display:flex;padding:0 1rem}.settings-tab{background:none;border:none;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.settings-tab.active,.settings-tab:hover{color:#fff}.settings-tab.active:after{background-color:#fff;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.settings-content{padding:2rem 1.5rem}.settings-form{display:flex;flex-direction:column;gap:2rem}.settings-section{border-bottom:1px solid #333;padding-bottom:2rem}.settings-section:last-child{border-bottom:none;padding-bottom:0}.section-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1.5rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-label{color:#888;display:block;font-size:.85rem;letter-spacing:.5px;margin-bottom:.5rem}.settings-input,.settings-textarea{background-color:#111;border:1px solid #333;border-radius:8px;color:#fff;font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.settings-textarea{min-height:100px;resize:vertical}.settings-input:focus,.settings-textarea:focus{background-color:#1a1a1a;border-color:#666;outline:none}.settings-input.error,.settings-textarea.error{border-color:#ff5757}.input-prefix{align-items:center;background-color:#111;border:1px solid #333;border-radius:8px;display:flex;transition:all .3s ease}.input-prefix:focus-within{background-color:#1a1a1a;border-color:#666}.prefix{color:#666;font-size:.95rem;padding:.75rem 0 .75rem 1rem}.settings-input.with-prefix{background:none;border:none;padding-left:.25rem}.settings-input.with-prefix:focus{background:none}.input-hint{margin:.5rem 0 0}.background-upload{margin-bottom:2rem}.background-preview{background-position:50%;background-size:cover;border-radius:12px;height:200px;overflow:hidden;position:relative;width:100%}.upload-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.background-preview:hover .upload-overlay{opacity:1}.upload-button{align-items:center;background:#000c;border:1px solid #333;border-radius:9999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.upload-button:hover{background:#1a1a1a;border-color:#666}.upload-icon{height:18px;width:18px}.hidden-input{display:none}.avatar-upload{align-items:center;display:flex;gap:2rem}.avatar-preview{background-color:#111;border:2px solid #333;border-radius:50%;height:80px;overflow:hidden;width:80px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:2rem}.avatar-upload-button{padding:.5rem 1rem}.settings-save-button{background-color:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.5px;margin-top:1rem;padding:1rem;transition:all .3s ease}.settings-save-button:hover{background-color:#e0e0e0}.field-error{color:#ff5757;display:block;font-size:.8rem;margin-top:.25rem}.success-message{background-color:#57ff571a;border:1px solid #57ff87;border-radius:8px;color:#57ff87;font-size:.9rem;margin:1rem;padding:.75rem 1rem;text-align:center}@media (max-width:1024px){.settings-layout{grid-template-columns:60px 1fr 280px}}@media (max-width:768px){.settings-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;white-space:nowrap}.settings-tab{padding:1rem}.avatar-upload{align-items:flex-start;flex-direction:column;gap:1rem}}.sidebar{background-color:#000;border-right:1px solid #333;height:100vh;position:-webkit-sticky;position:sticky;top:0}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:1rem 0}.sidebar-logo{color:#fff;font-size:2rem;font-weight:600;margin:0;padding:1rem 0;text-align:center;white-space:nowrap}.sidebar-nav{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;padding:2rem 0}.navbar-bg{background:#111;border:1px solid #333;border-radius:100vh}.nav-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .3s ease}.nav-button:hover{background-color:#1a1a1a;color:#fff}.nav-button.active{background-color:#333;color:#fff}.nav-icon{height:24px;width:24px}.sidebar-footer{display:flex;justify-content:center;padding:1rem 0}.right-sidebar{border-left:1px solid #333;height:100vh;overflow-y:auto;padding:1rem;position:-webkit-sticky;position:sticky;top:0}.right-sidebar::-webkit-scrollbar{width:4px}.right-sidebar::-webkit-scrollbar-track{background:#1a1a1a}.right-sidebar::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.search-container{margin-bottom:1rem}.search-input{background-color:#1a1a1a;border:1px solid #333;border-radius:9999px;color:#fff;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{background-color:#222;border-color:#666;outline:none}.modules-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.module-card{background-color:#111;border:1px solid #333;border-radius:12px;padding:1rem}.module-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.module-placeholder{color:#666;font-size:.9rem;margin:0;padding:2rem 0;text-align:center}.right-sidebar-footer{margin-top:2rem}.footer-links-vertical{display:flex;flex-direction:column;font-size:.8rem;gap:.5rem}.user-menu-container{position:relative}.user-avatar-button{background:none;border:none;border-radius:50%;cursor:pointer;height:40px;overflow:hidden;padding:0;width:40px}.user-avatar{height:100%;object-fit:cover;width:100%}.user-avatar-placeholder{align-items:center;background-color:#333;color:#fff;display:flex;font-size:1.2rem;font-weight:500;height:100%;justify-content:center;width:100%}.user-menu{background-color:#111;border:1px solid #333;border-radius:12px;bottom:100%;box-shadow:0 4px 20px #00000080;left:0;margin-bottom:.5rem;position:absolute;width:280px;z-index:1000}.user-menu-header{align-items:center;border-bottom:1px solid #333;display:flex;gap:1rem;padding:1rem}.user-menu-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.user-menu-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background-color:#333;color:#fff;display:flex;font-size:1.2rem;font-weight:500;height:100%;justify-content:center;width:100%}.user-menu-info{flex:1 1;min-width:0}.user-menu-display-name{color:#fff;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-login{color:#666;font-size:.85rem}.user-menu-items{padding:.5rem}.user-menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem;text-align:left;transition:background-color .3s ease;width:100%}.user-menu-item:hover{background-color:#1a1a1a}.user-menu-item.logout{color:#ff5757}.menu-icon{flex-shrink:0;height:20px;width:20px}.user-menu-divider{background-color:#333;height:1px;margin:.5rem 0}.theme-toggle{align-items:center;display:flex;justify-content:space-between}.theme-toggle-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.5rem;padding:0}.theme-toggle-track{background-color:#333;border-radius:10px;height:20px;position:relative;transition:background-color .3s ease;width:40px}.theme-toggle-button.light .theme-toggle-track{background-color:#666}.theme-toggle-thumb{background-color:#fff;border-radius:50%;height:16px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:16px}.theme-toggle-button.light .theme-toggle-thumb{transform:translateX(20px)}.theme-toggle-label{color:#666;font-size:.9rem;min-width:45px}.verified-badge{display:inline-block;height:16px;margin-left:6px;width:16px}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:slideUp .3s ease;background-color:#000;border:1px solid #333;border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:450px;overflow-y:auto;position:relative;width:90%}.theme-light .modal-container{background-color:#fff;border-color:#e0e0e0}.theme-light .modal-title{color:#000}.theme-light .modal-subtitle{color:#666}.theme-light .input-hint{color:#999}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:32px;z-index:10}.modal-close:hover{background-color:#333;color:#fff}.theme-light .modal-close:hover{background-color:#f0f0f0;color:#000}.modal-header{padding:2rem 2rem 1rem}.modal-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.modal-subtitle{color:#888;font-size:.95rem;line-height:1.5;margin:0}.modal-form{padding:1rem 2rem}.input-hint{color:#666;font-size:.8rem;margin-top:.5rem}.modal-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.modal-footer{border-top:1px solid #222;margin-top:1rem;padding:1rem 2rem 2rem}.theme-light .modal-footer{border-top-color:#f0f0f0}.modal-footer .info-text{color:#666;font-size:.8rem;margin:0}@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){.modal-container{max-height:95vh;width:95%}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-form{padding:1rem 1.5rem}.modal-footer{padding:1rem 1.5rem 1.5rem}.modal-title{font-size:1.3rem;padding-right:2rem}}body{background-color:#000;color:#fff;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}body.theme-light{background-color:#fff;color:#000}*{box-sizing:border-box;font-family:SN Pro,sans-serif}.App{min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}button{font-family:inherit}.footer-links-vertical .copyright{color:#444;margin-top:.5rem}
/*# sourceMappingURL=main.0d768948.css.map*/