*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #fde6ff;--text-color: #2c1b47;--card-bg: #000000;--border-color: #000000;--primary-color: rgb(236, 236, 236);--secondary-color: #9A27B0;--hover-color: #3e3d3d;--accent-color: #96ffb9;--shadow: rgba(106, 13, 173, .2);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}.dark-mode{--bg-color: #000000;--text-color: #f5ecda;--card-bg: #111111;--border-color: #3D1F5C;--primary-color: #d3b41a;--secondary-color: #fefe0b;--hover-color: #8F00B3;--accent-color: #d68f00;--shadow: rgba(255, 255, 255, .1)}.site-header{position:fixed;top:0;left:0;right:0;background-color:var(--card-bg);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-color)}.site-header h1{margin:0;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary-color)}.logo-link{display:flex;align-items:center;text-decoration:none}.site-logo{height:50px;width:auto;margin-left:10px;transition:opacity .3s ease-in-out}body{font-family:var(--font-family);background-color:var(--card-bg);color:var(--text-color);margin:0;padding:160px 0 0}body{font-family:Inter,Arial,sans-serif;background:#fafafa;color:#222;line-height:1.5}h1{text-align:center;padding:1rem;background:linear-gradient(135deg,#ff0050,#ff7a00);color:#fff;font-size:1.5rem;font-weight:700;position:sticky;top:0;z-index:10}#feed{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:1rem;background-color:#000}.video-card{width:100%;max-width:600px;margin:auto;overflow:hidden;border-radius:16px}.video-card video{width:100%;height:60vh;object-fit:cover;display:block}.video-stats{display:flex;justify-content:space-between;padding:.5rem 1rem 0;font-size:2rem;color:#444}.video-username{font-size:2.5rem;font-weight:600;color:#333;padding:0 1rem;margin-top:6px;font-weight:700;color:#000}#filter-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px}#filter-buttons button{background-color:var(--primary-color);color:#1d1d1d;border:none;padding:12px 20px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease-in-out}#filter-buttons button.active,#filter-buttons button:hover{background-color:#ffcaab;border:6px solid #ff8c00}.stat-item{display:flex;align-items:center;gap:5px}.stat-icon{width:22px;height:22px}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#000;border-radius:50%;width:54px;height:54px;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.video-card{position:relative;margin-bottom:20px;background-color:#e7e7e7}.video-player{width:100%;display:block;background-color:#000}.video-stats{font-size:39px;color:#555}.stat-item{display:flex;align-items:center;margin-bottom:4px}.stat-icon{width:32px;height:32px;margin-right:6px;opacity:90%}.video-nickname{font-size:4rem;color:#1e1e1e;padding:0 1rem}body{padding-bottom:env(safe-area-inset-bottom,20px)}html,body{margin:0;padding:0;box-sizing:border-box}.profile-link{display:block;margin-top:4px;font-size:2.2rem;color:#007bff;text-decoration:underline;cursor:pointer;padding:0 1rem .75rem}.profile-link:hover{color:#0056b3}@media(max-width:768px){h1{font-size:1.25rem;padding:.75rem}.video-card video{height:70vh}}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;background:#1b1a1a;border-bottom:1px solid #ddd;height:150px}#filter-buttons button{padding:8px 14px;font-size:28px;height:75px;width:140px}.logo-link img{height:120px;align-items:left;padding:20px}.site-header h1{font-size:18px;text-align:left;margin:5px 0}.spinner{height:100px;width:100px}.video-card{scroll-snap-align:start;scroll-margin-top:200px}.video-container{position:relative;width:100%;height:60vh;overflow:hidden;background:#000}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:1;transition:opacity .3s ease}.video-container video{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:1;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;pointer-events:none}.new-badge{position:absolute;bottom:220px;right:10px;padding:6px 26px;font-size:34px;font-weight:700;color:#fff;background:#00b7ffb3;border-radius:12px;text-transform:uppercase}.load-more-btn{display:block;margin:30px auto 400px;padding:20px 150px;font-size:66px;cursor:pointer;border-radius:8px;background-color:#ff4d4d;color:#fff;border:none}.load-more-btn:hover{background-color:#e04343}.adone{display:block;text-align:center;cursor:pointer;color:#fff;border:none;margin-top:20px}#scroll-bottom-btn{position:fixed;top:1450px;right:30px;z-index:1000;border:none;background:none;cursor:pointer;padding:6px;transition:transform .2s,opacity .2s}#scroll-bottom-btn svg{width:100px;height:100pxpx;fill:#fff}#scroll-bottom-btn:hover{transform:scale(1.1);opacity:.8}#mute-toggle{position:fixed;top:220px;right:35px;z-index:1000;border:none;background:none;cursor:pointer;padding:6px;transition:transform .2s ease}#mute-toggle:hover{transform:scale(1.1)}#mute-icon{fill:#fff;opacity:.85;transition:opacity .3s ease;width:80px;height:80px}#mute-toggle:hover #mute-icon{opacity:1}#telegram-fab{position:fixed;bottom:0;left:0;width:100%;height:100px;background-color:#45caff;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:600;font-size:40px;color:#fff;z-index:9999}#telegram-fab .fab-close{position:absolute;right:40px;font-size:60px;cursor:pointer;-webkit-user-select:none;user-select:none}#telegram-fab a{color:#fff}@media(max-width:600px){#telegram-fab{height:50px;font-size:16px}#telegram-fab .fab-close{font-size:24px}}.site-header{position:fixed;z-index:2000}.left-section{display:flex;align-items:center;gap:20px}.dropdown-menu{position:fixed;top:150px;right:-100%;height:100vh;width:70vw;background:#171717;z-index:3000;display:flex;flex-direction:column;transition:right .4s ease-in-out}.dropdown-menu.open{right:0}.dropdown-menu .close-btn{position:absolute;top:20px;right:20px;font-size:80px;background:none;border:none;color:#fff;cursor:pointer}.dropdown-header-container{padding:60px 40px 20px;display:flex;flex-direction:column}.dropdown-header{font-size:60px;font-weight:700;color:#fff;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.header-divider{height:2px;width:100%;background:#ffffff20;margin-top:10px;border-radius:2px}.dropdown-links-container{display:flex;flex-direction:column;padding:0 40px;flex-grow:1}.dropdown-links-container a{color:#fff;text-decoration:none;font-size:40px;padding:25px 0 25px 50px;gap:30px;align-items:center;display:flex;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.dropdown-links-container a:hover{text-decoration:underline}.divider{height:2px;width:90%;background:#ffffff20;margin:10px 0;border-radius:2px;align-self:center}.dropdown-links-container .ionicon{width:55px;height:55px;flex-shrink:0;stroke:currentColor}.hamburger-btn{display:flex;background:none;color:#fff;border:none;font-size:100px;cursor:pointer;z-index:1000;align-items:center;justify-content:center;padding-bottom:10px}.close-btn{background:none;border:none;color:#fff;font-size:100px;cursor:pointer;display:none;z-index:1000;align-items:center;justify-content:center;padding-bottom:10px}.dropdown-links-container a.highlight-link{color:#fc97ff;text-decoration:underline}#dropdown-overlay{position:fixed;top:150px;left:0;width:100vw;height:100vh;background:#00000080;z-index:2500;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out}#dropdown-overlay.active{opacity:1;visibility:visible}