@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-dark: #050709;--bg-player: #000000;--gold: #F5A623;--gold-light: #FFD166;--gold-dark: #D4891A;--gold-glow: rgba(245, 166, 35, .25);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .82);--text-muted: rgba(255, 255, 255, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--action-btn-size: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);user-select:none;-webkit-user-select:none;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}.hidden{display:none!important}.feed-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:max(1.25rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) 1rem max(1.5rem,env(safe-area-inset-left));background:linear-gradient(to bottom,rgba(5,7,9,.85) 0%,rgba(5,7,9,.35) 60%,transparent 100%);pointer-events:none}.feed-logo{display:flex;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);pointer-events:auto;text-shadow:0 2px 10px rgba(0,0,0,.9);transition:transform .15s ease}.feed-logo:hover{transform:scale(1.02)}.logo-mark{font-size:1.35rem;line-height:1;filter:drop-shadow(0 0 10px var(--gold-glow))}.feed-logo-img{height:38px;width:38px;object-fit:contain;border-radius:8px;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}@media(max-width:480px){.feed-logo-img{height:32px;width:32px}}.logo-text{font-weight:800}.logo-accent{color:var(--gold)}.feed-container{width:100vw;height:100vh;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.feed-container::-webkit-scrollbar{display:none}.feed-item{width:100vw;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--bg-dark)}.feed-player-box{position:relative;width:100%;height:100%;aspect-ratio:9 / 16;max-width:56.25vh;max-width:56.25dvh;background-color:var(--bg-player);overflow:hidden}@media(min-width:541px){.feed-player-box{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 50px #000000d9,0 0 80px #00000080}}@media(max-width:540px){.feed-player-box{max-width:100%;border-radius:0}}.video-poster{position:absolute;inset:0;z-index:2;background-color:#0b0f19;background-size:cover;background-position:center;transition:opacity .35s ease}.video-poster.poster-hidden{opacity:0;pointer-events:none}.poster-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1b2333,#07090e 85%);padding:2.5rem;text-align:center}.poster-fallback-icon{width:72px;height:72px;border-radius:50%;background:#f5a62326;border:2px solid rgba(245,166,35,.35);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;box-shadow:0 0 35px var(--gold-glow);animation:pulseGlow 2.5s infinite ease-in-out;overflow:hidden}.poster-logo-img{width:100%;height:100%;object-fit:cover;display:block}.poster-fallback-icon svg{width:26px;height:26px;fill:var(--gold)}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}.poster-fallback-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem}.poster-fallback-sub{font-size:.875rem;color:var(--text-muted)}.main-video-frame{position:absolute;inset:0;z-index:5;background:#000}.main-video-el{width:100%;height:100%;object-fit:cover;display:block;background:#000}.player-error-overlay{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:radial-gradient(circle at center,#1b2333,#07090e 85%);color:var(--text-primary);z-index:10}.player-error-icon{font-size:2.75rem;margin-bottom:.875rem;filter:drop-shadow(0 0 14px rgba(245,166,35,.35))}.player-error-title{font-size:1.25rem;font-weight:800;margin-bottom:.5rem;color:#fff}.player-error-msg{font-size:.9375rem;font-weight:600;color:var(--gold-light);margin-bottom:.875rem}.player-error-hint{font-size:.8125rem;color:var(--text-muted);line-height:1.5;background:#00000080;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08)}.player-error-hint code{color:var(--gold);font-family:monospace}.ad-overlay{position:absolute;inset:0;z-index:15;background:#000;display:flex;align-items:center;justify-content:center}.ad-badge{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));background:var(--gold);color:#000;padding:4px 10px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;z-index:16;box-shadow:0 2px 10px #0009}.ad-video{width:100%;height:100%;object-fit:contain;background:#000}.ad-controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;gap:.625rem;z-index:16}.ad-timer{font-size:.8125rem;font-weight:600;color:#ffffffe6;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12)}.ad-skip-btn{background:#fff3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;border:1px solid rgba(255,255,255,.35);padding:6px 14px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.ad-skip-btn .skip-icon svg{width:14px;height:14px;display:block}.ad-skip-btn:hover{background:#ffffff61;transform:scale(1.03)}.ad-clickthrough{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));background:#000000a6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.18);font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:6px;z-index:16;transition:all .15s ease}.ad-clickthrough .ext-icon svg{width:14px;height:14px;display:block}.ad-clickthrough:hover{background:#000000d9;color:var(--gold-light);border-color:#f5a62366}.ad-play-fallback{position:absolute;inset:0;z-index:18;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.btn-play-ad{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;padding:1rem 2rem;border-radius:var(--radius-full);font-weight:800;font-size:1rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 6px 24px var(--gold-glow);transition:transform .15s ease}.btn-play-ad svg{width:22px;height:22px}.btn-play-ad:hover{transform:scale(1.05)}.feed-ui-overlay{position:absolute;inset:0;z-index:25;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding:max(1.5rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.75rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 30%,transparent 60%)}.center-tap-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);width:76px;height:76px;border-radius:50%;background:#0000008c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.22);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;box-shadow:0 8px 32px #0009;transition:transform .22s cubic-bezier(.175,.885,.32,1.275),opacity .22s ease}.center-tap-indicator svg{width:32px;height:32px;fill:#fff;display:block}.center-tap-indicator.show-indicator{opacity:1;transform:translate(-50%,-50%) scale(1)}.feed-bottom-info{max-width:78%;pointer-events:auto;text-shadow:0 1px 6px rgba(0,0,0,.9)}.feed-channel{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.channel-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;font-size:.8125rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.channel-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.channel-name{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.channel-badge{font-size:.6875rem;font-weight:700;background:#f5a62333;color:var(--gold-light);padding:2px 7px;border-radius:4px;border:1px solid rgba(245,166,35,.35)}.channel-follow-btn{background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease;margin-left:.25rem}.channel-follow-btn:hover{background:#fff;color:#000}.channel-follow-btn.following{background:#ffffff1a;color:var(--text-muted);border-color:#ffffff26}.feed-title{font-size:1rem;font-weight:600;line-height:1.4;color:#fff;margin-bottom:.375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.625rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-sound-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08)}.feed-sound-tag svg{animation:rotateSound 5s linear infinite}@keyframes rotateSound{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-rail{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:1.25rem;pointer-events:auto;z-index:30}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;background:none;border:none;color:#fff;cursor:pointer;outline:none;transition:transform .15s ease}.action-icon-circle{width:var(--action-btn-size);height:var(--action-btn-size);border-radius:50%;background:#1218268c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #0006;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease}.action-icon-circle svg{width:22px;height:22px;display:block}.action-btn:hover .action-icon-circle{transform:scale(1.1);background:#121826d9;border-color:#ffffff4d}.action-btn:active .action-icon-circle{transform:scale(.92)}.action-btn.liked .action-icon-circle{color:#ff3b5c;border-color:#ff3b5c80;background:#ff3b5c33;animation:heartBounce .3s cubic-bezier(.175,.885,.32,1.275)}.action-btn.liked .action-icon-circle svg{fill:#ff3b5c;stroke:#ff3b5c}@keyframes heartBounce{0%{transform:scale(.8)}50%{transform:scale(1.25)}to{transform:scale(1)}}.action-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-shadow:0 1px 4px rgba(0,0,0,.9)}.desktop-nav-controls{position:fixed;right:max(1.75rem,calc((100vw - 56.25vh)/4 - 24px));top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;align-items:center;gap:.75rem;pointer-events:auto}@media(max-width:768px){.desktop-nav-controls{display:none!important}}.desktop-nav-btn{width:42px;height:42px;border-radius:50%;background:#121826a6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15);color:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease;box-shadow:0 4px 16px #0006}.desktop-nav-btn svg{width:20px;height:20px;stroke:currentColor;display:block}.desktop-nav-btn:hover{transform:scale(1.08);background:#121826e6;border-color:#f5a62373;color:var(--gold-light);box-shadow:0 6px 20px #0009}.desktop-nav-btn:active{transform:scale(.94)}.desktop-nav-btn:disabled{opacity:.2;cursor:not-allowed;transform:none;border-color:#ffffff0d}.toast-container{position:fixed;top:max(1.5rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.75rem 1.5rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;background:#121826f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15);color:var(--text-primary);box-shadow:0 10px 35px #000000b3;animation:toastSlide .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes toastSlide{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-info{border-color:#60a5fa66;color:#93c5fd}.toast-success{border-color:#34d39966;color:#6ee7b7}