@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-darkest:#09090b;--bg-darker:#121214;--bg-dark:#18181c;--bg-glass:#121214a6;--border-glass:#ffffff14;--primary-glow:#7425f4;--primary-neon:#914cff;--secondary-neon:#f3b;--accent-neon:#06b6d4;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-darkest);color:var(--text-primary);width:100vw;height:100dvh;overflow:hidden}.feed-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;background:var(--bg-darkest);width:100vw;height:100dvh;overflow-y:scroll}.feed-container::-webkit-scrollbar{display:none}.video-slide{scroll-snap-align:start;scroll-snap-stop:always;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.slide-ambient-bg{filter:blur(80px)brightness(.25);opacity:.7;z-index:1;pointer-events:none;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.1)}.slide-player-wrapper{z-index:2;background-color:#000;justify-content:center;align-items:center;width:100%;max-width:480px;height:100%;display:flex;position:relative;box-shadow:0 0 100px #000000e6}@media (width>=768px){.slide-player-wrapper{border:1px solid var(--border-glass);border-radius:20px;height:96vh;overflow:hidden}}.video-player{object-fit:contain;cursor:pointer;width:100%;height:100%}.details-overlay{pointer-events:none;background:linear-gradient(#0000 0%,#000000b3 50%,#000000f2 100%);flex-direction:column;gap:12px;width:100%;padding:40px 24px 30px;display:flex;position:absolute;bottom:0;left:0}.details-interactive{pointer-events:auto}.creator-info{align-items:center;gap:10px;display:flex}.creator-avatar{background:linear-gradient(45deg, var(--primary-neon), var(--secondary-neon));border:2px solid var(--text-primary);color:#fff;text-shadow:0 1px 3px #00000080;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 15px #0000004d}.creator-username{color:var(--text-primary);text-shadow:0 1px 4px #000c;letter-spacing:.3px;font-size:17px;font-weight:600}.video-prompt{color:#ffffffe6;text-shadow:0 1px 3px #000c;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.tags-list{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:6px;width:100%;margin-top:4px;display:flex;overflow-x:auto}.tags-list::-webkit-scrollbar{display:none}.tag-pill{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:lowercase;transition:var(--transition-smooth);cursor:pointer;border-radius:100px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:500}.tag-pill:hover{color:var(--text-primary);background:#ffffff26;border-color:#fff3}.actions-sidebar{z-index:10;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;bottom:120px;right:12px}.action-item{flex-direction:column;align-items:center;gap:5px;display:flex}.action-btn{border:1px solid var(--border-glass);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:48px;height:48px;color:var(--text-primary);cursor:pointer;transition:var(--transition-bounce);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 32px #0006}.action-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff40;transform:scale(1.12);box-shadow:0 8px 32px #8b5cf633}.action-btn:active{transform:scale(.92)}.action-btn.liked{background:linear-gradient(135deg, var(--secondary-neon), #ec4899);color:#fff;border:none;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards heartBeat}.action-btn.bookmarked{background:linear-gradient(135deg, var(--primary-neon), var(--accent-neon));color:#fff;border:none}.action-label{color:var(--text-primary);text-shadow:0 2px 4px #000c;font-size:12px;font-weight:600}.slide-state-banner{background:var(--bg-glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;z-index:5;opacity:0;border-radius:16px;align-items:center;gap:12px;padding:16px 24px;animation:1.5s ease-out forwards fadeOutDelayed;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px #0009}.slide-state-banner.visible{opacity:1;animation:none}.slide-state-banner span{letter-spacing:.5px;font-size:14px;font-weight:600}.play-pause-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:6;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute}.play-pause-indicator.animate{animation:.6s cubic-bezier(.16,1,.3,1) forwards popScale}.video-loader{z-index:4;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute}.loader-spinner{border:3px solid #ffffff1a;border-top-color:var(--primary-neon);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.double-tap-heart{z-index:15;color:var(--secondary-neon);filter:drop-shadow(0 0 15px #ec489999);pointer-events:none;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards heartPop;position:absolute;transform:translate(-50%,-50%)scale(0)}.feed-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12121466;border:1px solid #ffffff0d;border-radius:100px;gap:10px;padding:6px 12px;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.feed-header-btn{color:var(--text-secondary);font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:100px;padding:6px 14px;font-weight:600}.feed-header-btn:hover{color:var(--text-primary)}.feed-header-btn.active{background:var(--bg-dark);color:var(--primary-neon);box-shadow:inset 0 1px 2px #ffffff0d,0 0 8px #8b5cf633}.app-state-overlay{background-color:var(--bg-darkest);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;padding:24px;display:flex}.app-state-logo{background:linear-gradient(45deg, var(--primary-neon), var(--secondary-neon));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin-bottom:8px;font-size:32px;font-weight:800}.app-state-icon{border-radius:20px;width:80px;height:80px;margin-bottom:12px;animation:3s ease-in-out infinite pulse-glow;box-shadow:0 8px 32px #a855f74d}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 8px 32px #a855f74d}50%{transform:scale(1.05);box-shadow:0 12px 48px #a855f780,0 0 16px #ec48994d}}.app-state-text{color:var(--text-secondary);max-width:320px;font-size:16px;line-height:1.5}.retry-btn{background:linear-gradient(135deg, var(--primary-neon), var(--primary-glow));color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:100px;margin-top:10px;padding:12px 28px;font-size:14px;font-weight:600;box-shadow:0 4px 15px #8b5cf64d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popScale{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes fadeOutDelayed{0%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes heartPop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}15%{opacity:.9;transform:translate(-50%,-50%)scale(1.3)rotate(-10deg)}30%{opacity:.9;transform:translate(-50%,-50%)scale(.95)rotate(5deg)}45%{opacity:.9;transform:translate(-50%,-50%)scale(1)rotate(0)}80%{opacity:.8;transform:translate(-50%,-50%)scale(.9)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)rotate(15deg)}}.custom-progress-bar-container{z-index:10;cursor:pointer;background-color:#ffffff26;width:100%;height:4px;transition:height .1s;position:absolute;bottom:0;left:0}.custom-progress-bar-container:hover{height:6px}.custom-progress-bar-fill{background:linear-gradient(90deg, var(--primary-neon), var(--secondary-neon));height:100%;box-shadow:0 0 10px var(--primary-neon);width:0%;transition:width .1s linear}.settings-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);z-index:50;background:#121214d9;border-radius:16px;flex-direction:column;gap:14px;width:90%;padding:18px;animation:.3s cubic-bezier(.25,.8,.25,1) forwards slideUp;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #0009}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.settings-section{flex-direction:column;gap:8px;display:flex}.settings-section label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:12px;font-weight:700}.speed-buttons{gap:8px;display:flex}.speed-btn{background:var(--bg-dark);border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:8px;flex:1;padding:8px 0}.speed-btn:hover{background:#ffffff1a;border-color:#fff3}.speed-btn.active{background:linear-gradient(135deg, var(--primary-neon), var(--primary-glow));color:#fff;border:none;box-shadow:0 4px 12px #8b5cf64d}.toggle-container{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-dark);border:1px solid var(--border-glass);transition:var(--transition-smooth);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.toggle-container:hover{background:#ffffff0d}.toggle-switch{background-color:var(--text-muted);width:44px;height:24px;transition:var(--transition-smooth);border-radius:100px;position:relative}.toggle-switch:after{content:"";width:18px;height:18px;transition:var(--transition-smooth);background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-switch.loop{background:linear-gradient(135deg, var(--secondary-neon), #ec4899)}.toggle-switch.loop:after{left:23px}.toggle-container span{font-size:14px;font-weight:500}.explore-overlay{-webkit-backdrop-filter:blur(30px);z-index:200;background:#09090bd1;justify-content:center;align-items:center;width:100vw;height:100dvh;animation:.3s ease-out fadeIn;display:flex;position:absolute;top:0;left:0}.explore-content{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:24px;flex-direction:column;gap:24px;width:90%;max-width:480px;padding:28px;display:flex;box-shadow:0 25px 50px -12px #000c}.explore-header{justify-content:space-between;align-items:center;display:flex}.explore-header h2{background:linear-gradient(to right, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:700}.close-explore-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none}.close-explore-btn:hover{color:var(--text-primary);transform:rotate(90deg)}.search-form{gap:10px;display:flex}.search-input-wrapper{flex:1;position:relative}.search-input-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-form input{background:var(--bg-darkest);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:12px;padding:12px 16px 12px 42px;font-size:14px}.search-form input:focus{border-color:var(--primary-neon);outline:none;box-shadow:0 0 0 3px #8b5cf640}.search-submit-btn{background:linear-gradient(135deg, var(--primary-neon), var(--primary-glow));color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600}.search-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.categories-section h3{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:700}.categories-grid{flex-wrap:wrap;gap:8px;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.categories-grid::-webkit-scrollbar{width:4px}.categories-grid::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:10px}.category-pill-btn{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border-radius:100px;padding:6px 14px;font-size:12px;font-weight:500}.category-pill-btn:hover{background:var(--bg-dark);color:var(--primary-neon);border-color:#8b5cf666}.active-search-badge{z-index:100;-webkit-backdrop-filter:blur(12px);color:var(--text-primary);background:linear-gradient(135deg,#8b5cf640,#ec489940);border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;animation:.3s cubic-bezier(.25,.8,.25,1) forwards slideDown;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080}.clear-search-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;display:flex}.clear-search-btn:hover{color:#ef4444;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filter-loading-overlay{-webkit-backdrop-filter:blur(8px);z-index:150;pointer-events:all;background:#0006;justify-content:center;align-items:center;width:100vw;height:100dvh;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:0;left:0}