@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--bg:#0a0a0f;--bg-card:#12121a;--bg-elevated:#1a1a24;--bg-hover:#22222e;--primary:#f97316;--primary-hover:#ea580c;--secondary:#a855f7;--secondary-hover:#9333ea;--accent:#f59e0b;--text:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--border:#2a2a3a;--success:#10b981;--danger:#ef4444;--info:#3b82f6;--glow-primary:#f9731626;--glow-primary-strong:#f973164d;--glow-secondary:#a855f726;--gradient-primary:linear-gradient(135deg,#f97316,#ea580c);--gradient-secondary:linear-gradient(135deg,#a855f7,#7c3aed);--gradient-accent:linear-gradient(135deg,#f97316,#a855f7);--glass-bg:#12121acc;--glass-border:#ffffff0f;--noise-opacity:0.03}*{box-sizing:border-box}body{background:#0a0a0f;background:var(--bg);background-attachment:fixed;background-image:radial-gradient(ellipse 80% 50% at 20% 40%,#f973160f,#0000),radial-gradient(ellipse 60% 50% at 80% 20%,#a855f70a,#0000),radial-gradient(ellipse 50% 80% at 50% 100%,#f9731608,#0000);color:#f8fafc;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;margin:0}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.app:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");content:"";inset:0;opacity:.4;pointer-events:none;position:fixed;z-index:0}.app>*{position:relative;z-index:1}.header{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#12121ad9;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header:after{background:linear-gradient(90deg,#0000,#f97316,#a855f7,#0000);background:linear-gradient(90deg,#0000,var(--primary),var(--secondary),#0000);bottom:-1px;content:"";height:1px;left:0;opacity:.5;position:absolute;right:0}.site-logos{gap:1rem}.logo,.site-logos{align-items:center;display:flex}.logo{gap:.75rem;text-decoration:none}.logo-img{border-radius:12px;height:72px;transition:filter .3s,transform .3s;width:auto}.logo-img:hover{filter:drop-shadow(0 0 12px rgba(255,34,34,.4));transform:scale(1.05)}.site-link{align-items:center;display:flex;opacity:.5;transition:opacity .2s}.site-link:hover{opacity:1}.site-link img{border-radius:12px;height:72px;width:auto}.nav-dropdown-wrapper{align-items:center;display:flex;gap:1rem}.nav-dropdown-toggle:hover{background:#22222e!important;background:var(--bg-hover)!important;border-color:#ffffff4d!important;color:#f8fafc!important;color:var(--text)!important}.nav-link{background:none;border:none;border-radius:.5rem;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.nav-link:hover{background:#22222e;background:var(--bg-hover);color:#f8fafc;color:var(--text)}.nav-link.active{background:#f973161a;box-shadow:0 2px 8px #f9731626;color:#f97316;color:var(--primary)}.main{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 380px;margin:0 auto;max-width:1800px;width:100%}@media (max-width:1024px){.main{grid-template-columns:1fr}.sidebar{display:none}}.player-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.video-container{aspect-ratio:16/9;background:#000;border-radius:1rem;box-shadow:0 25px 50px -12px #00000080,0 0 80px -20px #f9731626;margin:0 auto;overflow:hidden;position:relative;transition:max-width .3s ease;width:100%}.video-container:before{background:radial-gradient(ellipse at center,#f9731614,#0000 70%);border-radius:2rem;content:"";filter:blur(40px);inset:-40px;pointer-events:none;position:absolute;z-index:-1}.video-container.size-small{max-width:640px}.video-container.size-medium{max-width:854px}.video-container.size-large{max-width:100%}.video-container video{height:100%;object-fit:contain;width:100%}.size-selector{background:#12121a;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.5rem;display:flex;gap:.25rem;padding:.25rem}.size-btn{background:#0000;border:none;border-radius:.375rem;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem .75rem;transition:all .2s}.size-btn:hover{background:#22222e;background:var(--bg-hover);color:#f8fafc;color:var(--text)}.size-btn.active{background:#f97316;background:var(--primary);color:#fff}.video-overlay{background:linear-gradient(#000000d9,#0000);left:0;opacity:0;padding:1rem 1.5rem;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s}.video-container:hover .video-overlay{opacity:1}.video-skip-btns{display:flex;justify-content:space-between;left:0;opacity:0;padding:0 1.5rem;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .3s}.video-container:hover .video-skip-btns{opacity:1}.skip-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:56px;justify-content:center;pointer-events:auto;transition:all .2s;width:56px}.skip-btn:hover{background:#f97316e6;transform:scale(1.1)}.skip-btn:active{transform:scale(.95)}.video-title{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.video-meta{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.controls{flex-wrap:wrap;justify-content:center}.control-btn,.controls{align-items:center;display:flex;gap:.5rem}.control-btn{background:#12121a;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.5rem;color:#f8fafc;color:var(--text);cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:all .2s}.control-btn:hover{background:#22222e;background:var(--bg-hover);border-color:#f97316;border-color:var(--primary)}.control-btn.active{box-shadow:0 4px 15px #f9731640}.control-btn.active,.control-btn.primary{background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-color:#0000}.control-btn.primary{box-shadow:0 4px 15px #f973164d}.control-btn.primary:hover{box-shadow:0 6px 20px #f9731666;transform:translateY(-1px)}.clip-info{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#12121acc;background:var(--glass-bg);border:1px solid #ffffff0f;border:1px solid var(--glass-border);border-radius:1rem;padding:1.5rem}.clip-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.clip-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#94a3b8);background:linear-gradient(135deg,var(--text) 0,var(--text-muted) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.title-display{align-items:center;display:flex;gap:.5rem}.title-edit-btn{background:#0000;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.875rem;opacity:.6;padding:.25rem;transition:opacity .2s}.title-edit-btn:hover{color:#f97316;color:var(--primary);opacity:1}.title-edit-container{align-items:center;display:flex;gap:.5rem}.title-edit-input{background:#1a1a24;background:var(--bg-elevated);border:1px solid #f97316;border:1px solid var(--primary);border-radius:.375rem;color:#f8fafc;color:var(--text);font-size:1.25rem;font-weight:700;min-width:300px;padding:.5rem .75rem}.title-edit-input:focus{border-color:#f97316;border-color:var(--primary);box-shadow:0 0 0 2px #f9731633;outline:none}.title-edit-cancel,.title-edit-save{align-items:center;background:#0000;border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.375rem;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.title-edit-save:hover{background:#10b9811a;border-color:#10b981;border-color:var(--success);color:#10b981;color:var(--success)}.title-edit-cancel:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.clip-views{font-size:.875rem;gap:1rem}.clip-views,.protect-btn{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex}.protect-btn{background:#0000;border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.375rem;cursor:pointer;font-size:.75rem;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.protect-btn:hover{border-color:#f97316;border-color:var(--primary);color:#f8fafc;color:var(--text)}.protect-btn.protected{background:#10b98133;border-color:#10b981;border-color:var(--success);color:#10b981;color:var(--success)}.delete-btn{align-items:center;background:#0000;border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.375rem;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.delete-btn:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.share-container{position:relative}.share-btn{align-items:center;background:#0000;border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.375rem;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.share-btn:hover{background:#f973161a;border-color:#f97316;border-color:var(--primary);color:#f8fafc;color:var(--text)}.share-dropdown{background:#1a1a24;background:var(--bg-elevated);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.5rem;box-shadow:0 10px 25px #0000004d;margin-top:.5rem;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.share-option{align-items:center;background:#0000;border:none;color:#f8fafc;color:var(--text);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.share-option:hover{background:#22222e;background:var(--bg-hover)}.share-option .icon{font-size:1rem;text-align:center;width:1.25rem}.share-divider{background:#2a2a3a;background:var(--border);height:1px;margin:.25rem 0}.share-copied{color:#10b981;color:var(--success)}.clip-author{color:#94a3b8;color:var(--text-muted);gap:.75rem;margin-bottom:1rem}.avatar,.clip-author{align-items:center;display:flex}.avatar{background:#22222e;background:var(--bg-hover);border-radius:50%;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag,.tags{display:flex}.tag{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #0000;border-radius:9999px;box-shadow:0 2px 8px #0003;cursor:pointer;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.tag:hover{box-shadow:0 4px 12px #0000004d;filter:brightness(1.2);transform:translateY(-1px)}.add-tag{background:#22222e;background:var(--bg-hover);border:1px dashed #2a2a3a;border:1px dashed var(--border);color:#94a3b8;color:var(--text-muted)}.reactions{border-top:1px solid #2a2a3a;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1rem}.reaction{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#22222ecc;border:1px solid #ffffff0f;border-radius:.5rem;cursor:pointer;display:flex;gap:.375rem;padding:.5rem .75rem;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.reaction:hover{background:#f973161a;border-color:#f973164d;box-shadow:0 4px 12px #f9731626;transform:translateY(-2px) scale(1.05)}.reaction.active{background:#f9731626;border-color:#f97316;border-color:var(--primary);box-shadow:0 0 15px #f9731633}.reaction-count{color:#94a3b8;color:var(--text-muted);font-size:.75rem}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12121ae6;border-left:1px solid #ffffff0f;border-left:1px solid var(--glass-border);display:flex;flex-direction:column;max-height:calc(100vh - 65px);position:-webkit-sticky;position:sticky;top:65px}.sidebar-header{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.sidebar-title{font-size:1rem;font-weight:700}.sidebar-count{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.playlist{flex:1 1;overflow-y:auto}.playlist-item{border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1.25rem;transition:background .2s}.playlist-item:hover{background:#22222e;background:var(--bg-hover)}.playlist-item.active{background:linear-gradient(90deg,#f9731626,#0000);border-left:3px solid #f97316;border-left:3px solid var(--primary);box-shadow:inset 0 0 20px #f973160d}.playlist-num{color:#64748b;color:var(--text-dim);font-size:.75rem;min-width:24px}.playlist-info{flex:1 1;min-width:0}.playlist-title{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-meta{color:#94a3b8;color:var(--text-muted);font-size:.75rem;margin-top:.125rem}.comments-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12121acc;border:1px solid #ffffff0f;border:1px solid var(--glass-border);border-radius:1rem;overflow:hidden}.comments-header{border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border);font-weight:700;padding:1rem 1.5rem}.comments-list{max-height:400px;overflow-y:auto}.comment{border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border);padding:1rem 1.5rem}.comment:last-child{border-bottom:none}.comment-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.comment-author{font-size:.875rem;font-weight:600}.comment-timestamp{background:#f9731626;border-radius:.25rem;color:#f97316;color:var(--primary);cursor:pointer;font-size:.75rem;padding:.125rem .5rem}.comment-time{color:#64748b;color:var(--text-dim);font-size:.75rem;margin-left:auto}.comment-content{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.comment-form{border-top:1px solid #2a2a3a;border-top:1px solid var(--border);display:flex;gap:.75rem;padding:1rem 1.5rem}.comment-input{background:#0a0a0f;background:var(--bg);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.5rem;color:#f8fafc;color:var(--text);flex:1 1;font-size:.875rem;padding:.75rem 1rem;resize:none}.comment-input:focus{border-color:#f97316;border-color:var(--primary);outline:none}.comment-submit{background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;border-radius:.5rem;box-shadow:0 4px 12px #f9731640;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:all .2s}.comment-submit:hover{box-shadow:0 6px 18px #f9731659;transform:translateY(-1px)}.comment-submit:disabled{cursor:not-allowed;opacity:.5}.user-menu{gap:.75rem}.login-btn,.user-menu{align-items:center;display:flex}.login-btn{background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:.5rem;box-shadow:0 4px 15px #5865f24d;color:#fff;cursor:pointer;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.login-btn:hover{background:linear-gradient(135deg,#4752c4,#3b44a8);box-shadow:0 6px 20px #5865f266;transform:translateY(-1px)}.user-avatar{border:2px solid #2a2a3a;border:2px solid var(--border);border-radius:50%;cursor:pointer;height:36px;transition:border-color .2s;width:36px}.user-avatar:hover{border-color:#f97316;border-color:var(--primary);box-shadow:0 0 15px #f973164d}.stats-bar{background:#12121a;background:var(--bg-card);border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border);display:flex;gap:2rem;justify-content:center;padding:.75rem 1.5rem}.stat{text-align:center}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#f59e0b);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.stat-label{color:#94a3b8;color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.loading{align-items:center;display:flex;justify-content:center;padding:4rem}.spinner{animation:spin 1s linear infinite;border:3px solid #2a2a3a;border-top-color:#f97316;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.mobile-bottom-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(0deg,#12121a 0,#12121afa);background:linear-gradient(to top,var(--bg-card) 0,#12121afa 100%);border-top:1px solid #2a2a3a;border-top:1px solid var(--border);bottom:0;display:none;left:0;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}.mobile-nav-items{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:500px}.mobile-nav-item{align-items:center;background:none;border:none;border-radius:.75rem;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;flex-direction:column;font-size:.65rem;font-weight:500;gap:.15rem;justify-content:center;min-width:56px;padding:.5rem .75rem;transition:all .2s ease}.mobile-nav-item:active{background:#ffffff0d;transform:scale(.95)}.mobile-nav-item.active{background:#f973161f;color:#f97316;color:var(--primary)}.mobile-nav-item .nav-icon{font-size:1.3rem;line-height:1}.mobile-drawer-overlay{background:#0009;display:none;inset:0;position:fixed;z-index:999}.mobile-drawer{background:#12121a;background:var(--bg-card);border-top-left-radius:1rem;border-top-right-radius:1rem;bottom:0;display:none;flex-direction:column;left:0;max-height:70vh;position:fixed;right:0;z-index:1000}.mobile-drawer-header{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem}.mobile-drawer-handle{background:#2a2a3a;background:var(--border);border-radius:2px;height:4px;margin:0 auto .5rem;width:40px}.mobile-drawer-content{flex:1 1;overflow-y:auto;padding-bottom:calc(60px + env(safe-area-inset-bottom))}@media (max-width:768px){.mobile-bottom-nav,.mobile-drawer-overlay.open{display:block}.mobile-drawer.open{display:flex}.app{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.header{padding:.5rem .75rem}.site-logos{gap:.5rem}.logo-img,.site-link img{height:36px!important}.nav-dropdown-wrapper,.search-container{display:none}.user-menu{gap:.5rem}.user-avatar{height:32px;width:32px}.stats-bar{gap:1rem;padding:.5rem 1rem}.modal-overlay{padding:0}.modal{border-radius:0!important;height:100%!important;margin:0;max-height:100%!important;max-width:100%!important;width:100%!important}.modal-header{background:#12121a;background:var(--bg-card);padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{font-size:1rem}.modal-body{padding:.75rem .75rem calc(80px + env(safe-area-inset-bottom))!important}.rl-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.rl-tabs::-webkit-scrollbar{display:none}.rl-tab{flex-shrink:0;font-size:.75rem!important;padding:.6rem .75rem!important;white-space:nowrap}.rl-tab span:first-child{font-size:1rem}.stats-grid{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:.75rem!important}.stat-value{font-size:1.25rem!important}.stat-label{font-size:.7rem!important}.match-item{gap:.5rem!important;padding:.75rem!important}.btn-primary,.btn-secondary{font-size:.9rem!important;padding:.75rem 1rem!important;width:100%}.form-input,.form-select{font-size:1rem!important;padding:.75rem!important}.player-section{padding:.75rem!important}.video-container{border-radius:.5rem!important}.sidebar{display:none!important}.filters{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.filters>div:first-child{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;white-space:nowrap}.filters>div:first-child::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0}.player-section{padding:.75rem}.video-container{border-radius:.75rem}.skip-btn{font-size:.875rem;height:48px;width:48px}.controls{flex-wrap:wrap;gap:.25rem;justify-content:center}.control-btn{font-size:.75rem;padding:.5rem .75rem}.shortcuts-hint,.size-selector{display:none}.clip-info{border-radius:.75rem;padding:1rem}.clip-title{font-size:1.125rem}}@media (max-width:480px){.logo-img,.site-link img{height:32px!important}.control-btn{font-size:.7rem;padding:.5rem .625rem}.video-skip-btns{padding:0 .75rem}.skip-btn{font-size:.8rem;height:44px;width:44px}}.tag-dropdown{position:relative}.tag-dropdown-menu{background:#1a1a24;background:var(--bg-elevated);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.75rem;bottom:100%;box-shadow:0 -10px 40px #00000080;display:flex;flex-wrap:wrap;gap:.5rem;left:0;margin-bottom:.5rem;max-width:90vw;padding:.75rem;position:absolute;width:340px;z-index:50}.tag-option{align-items:center;background:#12121a;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:1rem;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.375rem;padding:.375rem .625rem;transition:all .2s}.tag-option:hover{background:#22222e;background:var(--bg-hover);border-color:#f59e0b;border-color:var(--accent);transform:scale(1.05)}.tag-filter-dropdown{background:#1a1a24;background:var(--bg-elevated);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 10px 40px #00000080;display:flex;flex-wrap:wrap;gap:.5rem;left:0;margin-top:.25rem;max-height:400px;max-width:90vw;overflow-y:auto;padding:.75rem;position:absolute;top:100%;width:340px;z-index:100}.tag-filter-option{align-items:center;background:#12121a;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:1rem;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.375rem;padding:.375rem .625rem;transition:all .2s;white-space:nowrap}.tag-filter-option:hover{background:#22222e;background:var(--bg-hover);border-color:#f59e0b;border-color:var(--accent)}.tag-filter-option.active{background:#f59e0b;background:var(--accent);border-color:#f59e0b;border-color:var(--accent);color:#000}.filters{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.5rem 1rem}.filter-btn{background:#12121a;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.5rem;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.filter-btn.active,.filter-btn:hover{background:#f973161a;border-color:#f97316;border-color:var(--primary);color:#f8fafc;color:var(--text)}.search-container{flex:1 1;max-width:400px;position:relative}.search-input{background:#22222e;background:var(--bg-hover);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:8px;color:#f8fafc;color:var(--text);font-size:.875rem;padding:.625rem 1rem .625rem 2.5rem;transition:all .2s;width:100%}.search-input:focus{background:#12121a;background:var(--bg-card);border-color:#f97316;border-color:var(--primary);box-shadow:0 0 0 3px #f9731626,0 4px 12px #0003;outline:none}.search-icon,.search-input::placeholder{color:#64748b;color:var(--text-dim)}.search-icon{left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal{background:#12121a;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 25px 60px #00000080,0 0 80px #f973160d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-title{color:#f8fafc;color:var(--text);font-size:1.125rem;font-weight:700}.modal-close{background:none;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s}.modal-close:hover{color:#f8fafc;color:var(--text)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #2a2a3a;border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.form-group{margin-bottom:1.25rem}.form-input,.form-label{color:#f8fafc;color:var(--text);font-size:.875rem}.form-input{background:#0a0a0f;background:var(--bg);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:#f97316;border-color:var(--primary);outline:none}.form-input::placeholder{color:#64748b;color:var(--text-dim)}.form-hint{color:#94a3b8;color:var(--text-muted);font-size:.75rem;margin-top:.375rem}.file-upload{border:2px dashed #2a2a3a;border:2px dashed var(--border);border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:all .2s}.file-upload:hover{background:#f973160d}.file-upload.dragover,.file-upload:hover{border-color:#f97316;border-color:var(--primary)}.file-upload.dragover{background:#f973161a}.file-upload.has-file{background:#10b9810d;border-color:#10b981;border-color:var(--success);border-style:solid}.file-upload-icon{font-size:2.5rem;margin-bottom:.75rem}.file-upload-text{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.file-upload-text strong{color:#f97316;color:var(--primary)}.file-name{color:#f8fafc;color:var(--text);font-weight:600;margin-top:.5rem}.progress-bar{background:#22222e;background:var(--bg-hover);border-radius:4px;height:8px;margin-top:1rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#f97316,#a855f7);background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;height:100%;transition:width .3s ease}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #f973164d;transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:#22222e;background:var(--bg-hover);border:1px solid #2a2a3a;border:1px solid var(--border);color:#f8fafc;color:var(--text)}.btn-secondary:hover{background:#1a1a24;background:var(--bg-elevated);border-color:#64748b;border-color:var(--text-dim)}.user-menu-item{background:none;border:none;border-radius:6px;color:#f8fafc;color:var(--text);cursor:pointer;display:block;font-size:.875rem;padding:.625rem 1rem;text-align:left;text-decoration:none;transition:background .2s;width:100%}.user-menu-item:hover{background:#22222e;background:var(--bg-hover)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scalePop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes subtleGlow{0%,to{box-shadow:0 0 15px #f9731626}50%{box-shadow:0 0 25px #f9731640}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.player-section{animation:fadeInUp .3s ease-out}.clip-info{animation:fadeInUp .35s ease-out}.modal-overlay{animation:overlayIn .2s ease-out}.modal{animation:modalIn .25s ease-out}.share-dropdown{animation:fadeInUp .2s ease-out}.tag-dropdown-menu,.tag-filter-dropdown{animation:fadeInUp .15s ease-out}.reaction:active{animation:scalePop .3s ease}.playlist-item{transition:background .2s,transform .15s,box-shadow .15s}.playlist-item:hover{box-shadow:-4px 0 0 #f97316;box-shadow:-4px 0 0 var(--primary)}.playlist-item.active,.playlist-item:hover{transform:translateX(4px)}.notification-badge{animation:bounceIn .4s ease-out}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#22222e 25%,#1a1a24 50%,#22222e 75%);background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-elevated) 50%,var(--bg-hover) 75%);background-size:200% 100%;border-radius:.5rem}.skeleton-text{border-radius:4px;height:14px;margin-bottom:.5rem}.skeleton-title{border-radius:4px;height:24px;margin-bottom:.75rem;width:60%}.skeleton-avatar{border-radius:50%;height:32px;width:32px}.skeleton-card{border-radius:.5rem;height:64px;margin-bottom:.5rem}.skeleton-video{aspect-ratio:16/9;border-radius:1rem;width:100%}.empty-state{animation:fadeInUp .4s ease-out;color:#94a3b8;color:var(--text-muted);padding:4rem 2rem;text-align:center}.empty-icon{filter:drop-shadow(0 0 20px rgba(249,115,22,.2));font-size:4rem;margin-bottom:1rem;opacity:.6}.empty-title{color:#f8fafc;color:var(--text);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-description{color:#94a3b8;color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0 auto 1.5rem;max-width:400px}.empty-action{align-items:center;background:#f97316;background:var(--primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.empty-action:hover{background:#ea580c;background:var(--primary-hover);transform:translateY(-1px)}.theater-mode .main{grid-template-columns:1fr}.theater-mode .sidebar{display:none}.theater-mode .video-container{border-radius:0;max-width:100%!important}.theater-mode .player-section{padding:0}.theater-mode .clip-info{border-left:none;border-radius:0;border-right:none}.video-buffering{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.video-buffering .spinner{border-width:3px;height:48px;width:48px}.speed-btn{background:#12121a;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.375rem;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:700;min-width:48px;padding:.5rem .75rem;text-align:center;transition:all .2s}.speed-btn:hover{color:#f8fafc;color:var(--text)}.speed-btn.active,.speed-btn:hover{border-color:#f97316;border-color:var(--primary)}.speed-btn.active{background:#f9731626;color:#f97316;color:var(--primary)}.speed-menu{animation:fadeInUp .15s ease-out;background:#1a1a24;background:var(--bg-elevated);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.5rem;bottom:100%;box-shadow:0 8px 24px #0006;left:50%;margin-bottom:.5rem;overflow:hidden;position:absolute;transform:translateX(-50%);z-index:50}.speed-option{background:none;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;text-align:center;transition:all .15s;width:100%}.speed-option:hover{background:#22222e;background:var(--bg-hover);color:#f8fafc;color:var(--text)}.speed-option.active{background:#f973161a;color:#f97316;color:var(--primary)}.volume-control{align-items:center;display:flex;gap:.5rem}.volume-slider{-webkit-appearance:none;appearance:none;background:#2a2a3a;background:var(--border);border-radius:2px;height:4px;outline:none;transition:opacity .2s;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#f97316;background:var(--primary);border-radius:50%;cursor:pointer;height:14px;-webkit-transition:transform .15s;transition:transform .15s;width:14px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.theater-btn{background:#12121a;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.375rem;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.theater-btn:hover{color:#f8fafc;color:var(--text)}.theater-btn.active,.theater-btn:hover{border-color:#f97316;border-color:var(--primary)}.theater-btn.active{background:#f9731626;color:#f97316;color:var(--primary)}.shortcuts-overlay{align-items:center;animation:overlayIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.shortcuts-card{animation:modalIn .25s ease-out;background:#12121a;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:1rem;max-width:480px;padding:2rem;width:90%}.shortcuts-card h3{color:#f8fafc;color:var(--text);font-size:1.25rem;margin:0 0 1.5rem}.shortcut-row{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.5rem 0}.shortcut-row:last-child{border-bottom:none}.shortcut-key{background:#1a1a24;background:var(--bg-elevated);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.375rem;color:#f8fafc;color:var(--text);font-family:monospace;font-size:.8rem;font-weight:600;min-width:32px;padding:.25rem .625rem;text-align:center}.shortcut-desc{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.match-context-card{align-items:center;animation:fadeInUp .3s ease-out;border-radius:.5rem;color:#f8fafc;color:var(--text);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem;margin-bottom:1rem;padding:.625rem 1rem}.match-context-card.win{background:#22c55e14;border:1px solid #22c55e40}.match-context-card.loss{background:#ef444414;border:1px solid #ef444440}.form-input,.form-select,.form-textarea{background:#0a0a0f;background:var(--bg);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.5rem;color:#f8fafc;color:var(--text);font-size:.9rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#f97316;border-color:var(--primary);box-shadow:0 0 0 3px #f9731626;outline:none}.form-label{color:#94a3b8;color:var(--text-muted);display:block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.swipe-hint{color:#64748b;color:var(--text-dim);display:none;font-size:.75rem;opacity:.7;padding:.25rem;text-align:center}@media (max-width:768px){.swipe-hint{display:block}}.toast-container{display:flex;flex-direction:column;gap:.5rem;pointer-events:none;position:fixed;right:1rem;top:1rem;z-index:3000}.toast{align-items:center;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1a;border-radius:.5rem;box-shadow:0 8px 24px #0000004d;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;max-width:360px;padding:.75rem 1.25rem;pointer-events:auto}.toast-success{background:#065f46;border:1px solid #10b9814d;color:#a7f3d0}.toast-error{background:#7f1d1d;border:1px solid #ef44444d;color:#fca5a5}.toast-info{background:#1e3a5f;border:1px solid #3b82f64d;color:#93c5fd}.profile-header{animation:fadeInUp .3s ease-out;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border);padding:1.5rem;text-align:center}.profile-avatar-large{border:3px solid #f97316;border:3px solid var(--primary);border-radius:50%;box-shadow:0 0 0 4px #f9731626;height:72px;margin:0 auto .75rem;width:72px}.profile-name{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.profile-stats{display:flex;gap:2rem;justify-content:center;margin-top:.75rem}.profile-stat{cursor:pointer;transition:color .2s}.profile-stat:hover{color:#f97316;color:var(--primary)}.profile-stat-value{font-size:1.1rem;font-weight:700}.profile-stat-label{color:#94a3b8;color:var(--text-muted);font-size:.75rem}.follow-btn{background:#f97316;background:var(--primary);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:.75rem;padding:.5rem 1.25rem;transition:all .2s}.follow-btn:hover{background:#ea580c;background:var(--primary-hover);transform:translateY(-1px)}.follow-btn.following{background:#0000;border:1px solid #2a2a3a;border:1px solid var(--border);color:#94a3b8;color:var(--text-muted)}.follow-btn.following:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.collapsible-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 0;-webkit-user-select:none;user-select:none}.collapsible-header .chevron{color:#64748b;color:var(--text-dim);transition:transform .2s}.collapsible-header.expanded .chevron{transform:rotate(180deg)}.collapsible-content{opacity:1;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out}.collapsible-content.collapsed{max-height:0!important;opacity:0}.pagination{align-items:center;border-top:1px solid #2a2a3a;border-top:1px solid var(--border);display:flex;gap:.5rem;justify-content:center;padding:1rem}.page-btn{background:#22222e;background:var(--bg-hover);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.375rem;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem .75rem;transition:all .2s}.page-btn:hover:not(:disabled){background:#1a1a24;background:var(--bg-elevated);border-color:#f97316;border-color:var(--primary);color:#f8fafc;color:var(--text)}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-info{color:#94a3b8;color:var(--text-muted);font-size:.8rem;padding:0 .5rem}:focus-visible{outline:2px solid #f97316;outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#2a2a3a;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#f97316;background:var(--primary)}::selection{background:#f973164d;color:#f8fafc;color:var(--text)}.main.theater-mode{grid-template-columns:1fr;max-width:100%}.main.theater-mode .sidebar{display:none}.main.theater-mode .player-section{max-width:100%}.main.theater-mode .video-container{max-width:100%!important}.buffering-spinner{animation:spin .8s linear infinite;border:4px solid #fff3;border-radius:50%;border-top:4px solid var(--primary);height:48px;width:48px}.custom-progress-bar{transition:height .15s ease}.custom-progress-bar:hover{height:10px!important}.volume-slider-vertical{-webkit-appearance:none;appearance:none;background:#0000}.volume-slider-vertical::-webkit-slider-runnable-track{background:#22222e;background:var(--bg-hover);border-radius:3px;width:6px}.volume-slider-vertical::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f97316;background:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;cursor:pointer;height:14px;width:14px}.volume-slider-vertical::-moz-range-track{background:#22222e;background:var(--bg-hover);border-radius:3px;width:6px}.volume-slider-vertical::-moz-range-thumb{background:#f97316;background:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;cursor:pointer;height:14px;width:14px}.mobile-collapsible-header{display:none}@media (max-width:768px){.mobile-collapsible-header{-webkit-tap-highlight-color:transparent;align-items:center;background:#12121a;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:.75rem;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;-webkit-user-select:none;user-select:none}.mobile-collapsible-header span:last-child{transition:transform .2s}.mobile-collapsible-header.open span:last-child{transform:rotate(180deg)}.mobile-collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-collapsible-content.open{max-height:2000px}.delete-btn,.filter-btn,.protect-btn,.reaction-btn,.share-btn,.tag-chip{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}.player-section{padding:0!important}.video-container{border-radius:0!important}.clip-info{margin:.5rem}.comment-form{background:#12121a;background:var(--bg-card);border-top:1px solid #2a2a3a;border-top:1px solid var(--border);bottom:0;padding:.75rem;position:-webkit-sticky;position:sticky;z-index:5}.comment-input{font-size:1rem!important}.toast-container{bottom:calc(80px + env(safe-area-inset-bottom));left:1rem;right:1rem;top:auto}.toast{max-width:100%}.speed-menu{left:50%;right:auto;transform:translateX(-50%)}.shortcuts-overlay{display:none!important}}
/*# sourceMappingURL=main.5e18c423.css.map*/