:root{--blue: #4da6ff;--green: #228b22;--gold: #d4af37;--dark-bg: #0f172a;--feed-bg-lighter: #2a3b56;--light-text: #f8fafc;--overlay-bg: rgba(248, 250, 252, .9)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--dark-bg);color:var(--light-text);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.App{text-align:center;padding:.5rem;width:100%;max-width:800px;display:flex;flex-direction:column;flex-grow:1;height:100%;overflow-y:auto;box-sizing:border-box;background-color:var(--feed-bg-lighter)}h1{color:var(--blue);font-size:2rem;margin-bottom:.5rem}button{border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}button:disabled{opacity:.6;cursor:not-allowed;background-color:#555;border-color:#666;color:#ccc}.public-feed-container{width:100%;max-width:450px;margin:5px auto 0;padding:5px;background-color:#111;border-radius:12px;box-shadow:0 4px 10px #0006;display:flex;flex-direction:column;height:auto;overflow:visible}.feed-title{text-align:center;margin:12px 0;color:#e0e0e0;font-size:1.1em;font-weight:600}.loading-message,.no-videos{text-align:center;color:#aaa;margin-top:15px;font-size:1.1em}.uploads-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.video-card{flex:0 0 calc(50% - 5px);box-sizing:border-box;background-color:#1a1a1a;border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:stretch;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.video-card:hover{transform:scale(1.02);box-shadow:0 6px 14px var(--blue)}.video-card-title{margin-top:6px;font-size:.7em;color:#f3f3f3;font-weight:600;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card-uploaded-info{font-size:.6em;color:#bbb;margin-top:2px}.video-thumbnail-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background-color:#000}.video-player-thumbnail{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.video-thumbnail-wrapper.loading{background:linear-gradient(90deg,#111 25%,#222,#111 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite linear}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.play-icon-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2em;color:#ffffffd9;pointer-events:none;text-shadow:0 0 6px rgba(0,0,0,.6)}.no-video-placeholder{position:absolute;inset:0;background-color:#222;display:flex;align-items:center;justify-content:center;color:#666}.video-title{font-weight:500;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3;max-height:2.6em}.feed-sentinel{height:1px;margin-bottom:100px}.app-header{display:flex;flex-direction:column;align-items:center;padding:5px 10px;background-color:var(--primary-background-color);box-shadow:0 2px 4px #0000001a;width:100%;box-sizing:border-box;z-index:1000;position:sticky;top:0}.app-logo-container{margin-bottom:.1px}.app-logo{max-width:25px;height:auto;display:block}.header-info-line{text-align:center;font-size:1.8em;font-weight:400;color:var(--brand-color, #007bff);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;width:100%}.header-info-line .brand-text-part{font-size:75%;font-weight:700}.header-info-line .user-text-part{font-size:50%;font-weight:400;margin-left:.2em}.header-action-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 5px;margin-top:5px}.hamburger-menu-button{background-color:var(--button-background-color, #f0f0f0);color:var(--button-text-color, #333);border:1px solid var(--button-border-color, #ccc);border-radius:5px;padding:5px 12px;font-size:.9em;cursor:pointer}.hamburger-menu-button:hover{background-color:var(--button-hover-background-color, #e0e0e0)}.logout-btn{padding:5px 12px;border-radius:5px;cursor:pointer;font-size:.9em;background-color:var(--button-background-color, #f0f0f0);color:var(--button-text-color, #333);border:1px solid var(--button-border-color, #ccc);white-space:nowrap}.logout-btn:hover{background-color:var(--button-hover-background-color, #e0e0e0)}.logout-placeholder{padding:5px 12px;border:1px solid transparent;border-radius:5px;font-size:.9em;visibility:hidden;display:inline-block;white-space:nowrap}@media(min-width:769px){.app-header{padding:10px 30px}.app-logo{max-width:50px}.header-info-line{font-size:2em;margin-bottom:15px;max-width:800px}.header-action-bar{max-width:800px}.hamburger-menu-button{font-size:1em;padding:5px 12px}.logout-btn,.logout-placeholder{padding:5px 15px;font-size:1em}}.feed-header-section{margin-bottom:.75rem}.feed-toggle-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.toggle-btn{font-size:.75rem;padding:.5rem 1rem;background-color:var(--feed-bg-lighter);color:var(--light-text);border:1px solid rgba(255,255,255,.2);transition:background-color .2s ease,border-color .2s ease;border-radius:8px;cursor:pointer}.toggle-btn.active{background-color:var(--blue);border-color:var(--blue)}.toggle-btn:hover:not(.active){background-color:#ffffff1a}.feed-title{text-align:center;margin-top:15px;margin-bottom:10px;color:#e0e0e0;font-size:1.1em;font-weight:600}.loading-spinner-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;z-index:9999;color:#fff}.spinner-element{border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--blue);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-text{font-size:1.1rem;margin-top:5px}.side-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1001;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.side-menu-overlay.open{opacity:1;visibility:visible}.side-menu{position:fixed;top:0;left:0;width:50vw;max-width:300px;height:100vh;background-color:#0f172af2;z-index:1002;transform:translate(-100%);transition:transform .3s ease-out;box-shadow:2px 0 10px #00000080;display:flex;flex-direction:column}.side-menu.open{transform:translate(0)}.side-menu-close-btn{position:absolute;top:10px;right:10px;background:transparent;color:#fff;border:none;font-size:1.5rem;cursor:pointer;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.side-menu-close-btn:hover{color:var(--blue)}.side-menu-content{padding:60px 20px 20px;overflow-y:auto;flex-grow:1;text-align:left}.main-navigation-title{color:var(--blue);font-size:1rem;margin-bottom:1rem}.logged-in-message{color:var(--light-text);font-size:1rem;margin-bottom:1rem}.main-menu-navigation{list-style:none;padding:0;margin:0}.main-menu-navigation .menu-nav-item{color:var(--light-text);font-size:.85rem;margin-bottom:.5rem;padding:10px 0 10px 1.2rem;position:relative;cursor:pointer;text-align:left;transition:background-color .2s ease}.main-menu-navigation .menu-nav-item:before{content:"•";color:var(--green);position:absolute;left:0}.main-menu-navigation .menu-nav-item:hover{background-color:#ffffff0d}.menu-section-spacer{height:20px;width:100%;margin:15px 0;border-top:1px solid rgba(255,255,255,.08)}.launch-partners-block{margin-top:0}.launch-partners-title{color:var(--blue);font-size:1rem;margin-bottom:1rem}.launch-partners-description{font-size:.8rem;color:var(--light-text);margin-bottom:1.5rem;line-height:1.4}.launch-partners-list{list-style:none;padding:0;margin:0}.launch-partners-list li{color:var(--light-text);font-size:.8rem;margin-bottom:.5rem;padding-left:1.2rem;position:relative}.launch-partners-list li:before{content:"•";color:var(--green);position:absolute;left:0}@media(max-width:480px){.side-menu{width:75vw}}@tailwind base;@tailwind components;@tailwind utilities;