body{background:linear-gradient(225deg,#1b2841,#131922 45%,#0b0d11)!important;background-attachment:fixed!important;background-repeat:no-repeat!important}.card{background:#111111f2!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 25px 60px -20px #000000a6!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.tab-btn{padding:.5rem .9rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.12);background:#17191c;transition:all .15s ease;color:#eaeaea;display:inline-flex;align-items:center;gap:.5rem}.tab-btn:hover{border-color:#3b82f659}.tab-btn.active{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f629 inset!important;background:#1d283abf!important;color:#fff!important}@media(max-width:640px){.tab-btn{padding:.4rem .6rem;font-size:.75rem;gap:.25rem;border-radius:.7rem}.tab-btn i{font-size:.85rem}.tabbar-desktop{flex-wrap:wrap;overflow-x:visible;gap:.5rem;margin-bottom:1.5rem;justify-content:flex-start}}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}@media(min-width:768px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.video-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.u-name{overflow-wrap:anywhere;word-break:break-word}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f14d}#collection-edit-modal{transition:opacity .3s ease,backdrop-filter .3s ease}#collection-edit-modal.hidden{display:none!important}#collection-edit-modal:not(.hidden){display:flex!important}.edit-collection-btn{opacity:0;pointer-events:none}.video-card:hover .edit-collection-btn{opacity:1;pointer-events:auto}.sortable-fallback{opacity:1!important;transform:scale(1.04) rotate(1deg)!important;box-shadow:0 15px 35px #0009!important;cursor:grabbing!important;background:#161920!important;border:1px solid rgba(79,70,229,.5)!important;z-index:9999!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.sortable-ghost{opacity:.1!important;background:#4f46e5!important;-webkit-user-select:none!important;user-select:none!important}.sortable-chosen{background:#ffffff14!important;-webkit-user-select:none!important;user-select:none!important}.move-up-btn,.move-down-btn{opacity:0;transform:translate(-4px)}.collection-video-item:hover .move-up-btn,.collection-video-item:hover .move-down-btn{opacity:1;transform:translate(0)}.badge-tip-wrap{position:relative}.badge-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1d21;border:1px solid rgba(255,255,255,.12);color:#ffffffd9;font-size:11px;line-height:1.4;padding:6px 10px;border-radius:8px;white-space:nowrap;max-width:220px;white-space:normal;text-align:center;box-shadow:0 8px 24px #00000080;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100}.badge-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#ffffff1f}.badge-tip-wrap:hover .badge-tooltip{opacity:1}.badge-tip-down .badge-tooltip{bottom:auto;top:calc(100% + 8px)}.badge-tip-down .badge-tooltip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#ffffff1f}.badge-legendary-pill{position:relative;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;text-decoration:none;letter-spacing:.01em;background:linear-gradient(135deg,#f59e0b26,#7c3aed26,#f59e0b26);background-size:200% 200%;animation:legendaryPillShimmer 4s ease infinite;border:1px solid transparent;background-clip:padding-box;color:#fbbf24;transition:filter .2s}.badge-legendary-pill:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:9px;background:linear-gradient(135deg,#f59e0b,#7c3aed,#ec4899,#f59e0b);background-size:300% 300%;animation:legendaryPillBorder 4s ease infinite;z-index:-1}.badge-legendary-pill:hover{filter:brightness(1.2)}@keyframes legendaryPillShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes legendaryPillBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}