:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--color-bg-dark:#000;--color-bg-card:#09090b;--color-accent-pink:#ec4899;--color-accent-purple:#a855f7;--color-accent-indigo:#6366f1}body{font-family:var(--font-sans);background-color:var(--color-bg-dark);color:#f4f4f5;-webkit-user-select:none;user-select:none;height:100svh;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%}.app-container{background-color:var(--color-bg-dark);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.video-feed{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;background-color:#000;width:100%;height:100svh;overflow-y:scroll}.video-feed::-webkit-scrollbar{display:none}.video-slide{scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative}.video-wrapper{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}@media (width>=640px){.video-wrapper{border:1px solid #ffffff1f;border-radius:24px;width:440px;height:92%;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 50px #a855f71a}.video-slide{background-color:#060608}}.video-player{object-fit:contain;width:100%;height:100%}.glass-nav{z-index:30;background:linear-gradient(#000000d9,#0000);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:absolute;top:0;left:0;right:0}@media (width>=640px){.glass-nav{box-sizing:border-box;border-top-left-radius:24px;border-top-right-radius:24px;width:440px;padding:20px 24px;left:50%;transform:translate(-50%)}}.brand-logo{font-family:var(--font-display);letter-spacing:-.05em;background:linear-gradient(135deg, var(--color-accent-pink), var(--color-accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.3rem;font-weight:900}.header-actions{align-items:center;gap:12px;display:flex}.round-btn{-webkit-backdrop-filter:blur(12px);color:#e4e4e7;cursor:pointer;background:#18181b8c;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.round-btn:hover{border-color:var(--color-accent-pink);color:#fff;transform:scale(1.05)}.logout-btn{color:#fca5a5}.logout-btn:hover{background:#ef44441a;border-color:#ef444466}.user-profile-section{align-items:center;gap:8px;display:flex}.premium-badge{letter-spacing:.05em;text-transform:uppercase;color:#d8b4fe;background:#a855f733;border:1px solid #a855f766;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:700;display:none}@media (width>=380px){.premium-badge{display:inline-block}}.accent-pill-btn{background:linear-gradient(135deg, var(--color-accent-pink), var(--color-accent-purple));color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #a855f759}.accent-pill-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px #ec489980}.demo-banner{z-index:40;-webkit-backdrop-filter:blur(16px);color:#ddd6fe;text-align:center;box-sizing:border-box;background:#7c3aed59;border:1px solid #7c3aed40;border-radius:30px;align-items:center;gap:8px;max-width:90%;padding:6px 16px;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:76px}@media (width>=640px){.demo-banner{top:92px}}.interaction-panel{z-index:20;flex-direction:column;align-items:center;gap:18px;display:flex;position:absolute;bottom:80px;right:16px}.action-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#18181b99;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex;position:relative}.action-btn:hover{border-color:var(--color-accent-pink);background:#18181be6;transform:scale(1.1)}.action-btn.liked{color:var(--color-accent-pink);border-color:var(--color-accent-pink);background:#ec489926}.action-btn:active{transform:scale(.95)}.action-label{color:#e4e4e7;text-shadow:0 2px 4px #000000b3;margin-top:4px;font-size:.72rem;font-weight:600}.action-group{flex-direction:column;align-items:center;display:flex}.locked-badge-group{margin-top:6px}.locked-badge{border:1px solid var(--color-accent-purple);color:#c084fc;background:#a855f72e;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.locked-text{color:#c084fc;font-weight:700}.details-panel{z-index:20;text-shadow:0 2px 10px #000000e6;pointer-events:none;position:absolute;bottom:24px;left:20px;right:80px}.details-title{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:1.15rem;font-weight:800}.details-desc{color:#d4d4d8;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.paywall-overlay{-webkit-backdrop-filter:blur(20px);z-index:25;text-align:center;background:#09090be0;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out fadeIn;display:flex;position:absolute;inset:0}.paywall-card{flex-direction:column;align-items:center;max-width:320px;display:flex}.lock-icon-container{border:1px solid var(--color-accent-pink);width:60px;height:60px;color:var(--color-accent-pink);background:#ec489926;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.paywall-title{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:1.4rem;font-weight:800}.paywall-desc{color:#a1a1aa;margin:0 0 28px;font-size:.875rem;line-height:1.5}.paywall-desc strong{color:#fff}.glow-btn{background:linear-gradient(135deg, var(--color-accent-pink), var(--color-accent-purple));color:#fff;font-family:var(--font-display);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 20px #a855f766}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ec489999}.glow-btn:active{transform:translateY(0)}.paywall-login-prompt{color:#71717a;margin-top:16px;font-size:.8rem}.login-trigger-btn{color:var(--color-accent-pink);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#09090b;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:360px;padding:36px 28px;position:relative;box-shadow:0 25px 50px -12px #000c}.close-btn{color:#71717a;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1;position:absolute;top:16px;right:16px}.close-btn:hover{color:#fff}.modal-title{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:1.45rem;font-weight:800}.modal-text{color:#71717a;margin:0 0 28px;font-size:.85rem;line-height:1.5}.google-btn{color:#18181b;font-family:var(--font-sans);cursor:pointer;box-sizing:border-box;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.google-btn:hover{background:#f4f4f5;transform:translateY(-1px)}.google-icon{flex-shrink:0}.demo-notice{color:var(--color-accent-purple);margin-top:14px;font-size:.72rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.play-indicator{color:#fff;opacity:0;pointer-events:none;z-index:15;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:3rem;transition:all .3s;display:flex;position:absolute;transform:scale(.5)}.play-indicator.animate{animation:.6s ease-out playPop}@keyframes playPop{0%{opacity:0;transform:scale(.5)}50%{opacity:.85;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.progress-bar-container{z-index:21;background:#ffffff26;height:3px;position:absolute;bottom:0;left:0;right:0}.progress-bar-fill{background:linear-gradient(to right, var(--color-accent-pink), var(--color-accent-purple));width:0%;height:100%;transition:width .1s linear}.admin-btn:hover{border-color:var(--color-accent-purple);background:#a855f726}.admin-modal-content{text-align:left;max-width:480px}.admin-tabs{border-bottom:1px solid #ffffff14;gap:12px;margin-bottom:20px;display:flex}.admin-tab-btn{color:#71717a;font-family:var(--font-display);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.admin-tab-btn:hover{color:#fff}.admin-tab-btn.active{color:var(--color-accent-pink);border-bottom-color:var(--color-accent-pink)}.admin-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.form-group input,.form-group textarea{color:#fff;font-family:var(--font-sans);box-sizing:border-box;background:#18181b;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:10px 12px;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent-pink);outline:none}.admin-message{text-align:center;border-radius:8px;padding:10px;font-size:.8rem;font-weight:600}.admin-message.success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d}.admin-message.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.admin-metrics{flex-direction:column;gap:16px;display:flex}.metrics-summary h3{color:#a1a1aa;margin:0;font-size:1rem;font-weight:500}.metrics-summary strong{color:var(--color-accent-pink);font-size:1.25rem}.users-list-container{border:1px solid #ffffff0f;border-radius:10px;max-height:220px;overflow-y:auto}.users-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8rem}.users-table th,.users-table td{border-bottom:1px solid #ffffff0a;padding:10px 12px}.users-table th{color:#a1a1aa;text-transform:uppercase;background:#18181b;font-weight:700}.user-email{color:#e4e4e7;font-weight:600}.user-date{color:#71717a}.no-users{text-align:center;color:#71717a;padding:20px;font-size:.85rem}.search-drawer{z-index:50;-webkit-backdrop-filter:blur(25px);box-sizing:border-box;background:#09090bf2;flex-direction:column;width:100%;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:absolute;top:0;bottom:0;left:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width>=640px){.search-drawer{border:1px solid #ffffff1f;border-radius:24px;width:440px;height:92%;padding:28px 24px;animation:.3s cubic-bezier(.16,1,.3,1) fadeInScale;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #000000e6}}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.search-drawer-header{justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:20px;display:flex}.drawer-title{color:#fff;background:linear-gradient(135deg, var(--color-accent-pink), var(--color-accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.35rem;font-weight:800}.drawer-close-btn{color:#a1a1aa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex}.drawer-close-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.05)}.search-box-container{background:#18181b;border:1px solid #ffffff14;border-radius:12px;align-items:center;margin-bottom:20px;padding:0 14px;transition:all .2s;display:flex;position:relative}.search-box-container:focus-within{border-color:var(--color-accent-pink);background:#202024;box-shadow:0 0 12px #ec489926}.search-box-icon{color:#71717a;flex-shrink:0;margin-right:10px}.search-input{color:#fff!important;font-family:var(--font-sans)!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;padding:12px 0!important;font-size:.9rem!important}.search-clear-btn{color:#71717a;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:.8rem;display:flex}.search-clear-btn:hover{color:#fff}.search-results-list{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:12px;margin-right:-4px;padding-right:4px;display:flex;overflow-y:auto}.search-results-list::-webkit-scrollbar{width:4px}.search-results-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.search-result-item{cursor:pointer;background:#18181b66;border:1px solid #ffffff0a;border-radius:12px;gap:14px;padding:10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.search-result-item:hover{background:#18181bd9;border-color:#ffffff1f;transform:translateY(-2px)}.search-result-item.current{border-color:var(--color-accent-pink);background:#ec48990f}.search-result-item:active{transform:scale(.98)}.search-result-thumb{background:#18181b;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;width:64px;height:84px;position:relative;overflow:hidden}.search-result-thumb img{object-fit:cover;width:100%;height:100%}.thumb-gradient-placeholder{background:linear-gradient(135deg,#ec489926,#a855f726);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.thumb-gradient-placeholder span{font-family:var(--font-display);color:#d8b4fe;letter-spacing:.05em;font-size:.65rem;font-weight:800}.play-badge{background:var(--color-accent-pink);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:6px;right:6px;box-shadow:0 2px 6px #ec489966}.search-result-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.result-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:.88rem;font-weight:700;overflow:hidden}.result-desc{color:#a1a1aa;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:.76rem;line-height:1.35;display:-webkit-box;overflow:hidden}.result-duration{color:#71717a;font-size:.68rem;font-weight:600}.search-result-item.current .result-duration{color:var(--color-accent-pink)}.no-search-results{text-align:center;color:#71717a;padding:40px 20px;font-size:.85rem}.admin-manage-videos{flex-direction:column;gap:16px;display:flex}.manage-header h3{color:#a1a1aa;margin:0;font-size:1rem;font-weight:500}.manage-list-container{scrollbar-width:thin;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.admin-video-list{flex-direction:column;display:flex}.admin-video-card{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.admin-video-card:last-child{border-bottom:none}.admin-video-info{flex-direction:column;flex:1;min-width:0;display:flex}.admin-video-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:.9rem;font-weight:700;overflow:hidden}.admin-video-desc{color:#71717a;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:.78rem;overflow:hidden}.admin-video-status{color:#a1a1aa;font-size:.72rem;font-weight:600}.status-badge{text-transform:uppercase;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.status-badge.hidden{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.status-badge.public{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}.admin-video-actions{align-items:center;gap:8px;display:flex}.visibility-toggle-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.visibility-toggle-btn.make-public{color:#d8b4fe;background:#a855f726;border-color:#a855f74d}.visibility-toggle-btn.make-public:hover{background:#a855f74d;transform:scale(1.02)}.visibility-toggle-btn.make-hidden{color:#a1a1aa;background:#ffffff0d;border-color:#ffffff14}.visibility-toggle-btn.make-hidden:hover{color:#fff;background:#ffffff26;transform:scale(1.02)}.admin-video-card .delete-btn{color:#fca5a5;background:#ef44440d;border-color:#ef44441a;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.admin-video-card .delete-btn:hover{color:#ef4444;background:#ef44442e;border-color:#ef444466;transform:scale(1.05)}.hidden-video-feed-badge{z-index:22;-webkit-backdrop-filter:blur(12px);color:#fca5a5;letter-spacing:.05em;pointer-events:none;background:#ef444459;border:1px solid #ef444480;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:76px;left:16px}