.profile-container{margin:0 auto;max-width:1400px;padding:0 1.5rem}.main-content{padding-top:0}.page-loader{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loader{animation:spin 1s ease-in-out infinite;border:5px solid hsla(0,0%,100%,.3);border-radius:50%;border-top:5px solid var(--primary-color,#a75374);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.profile-header{align-items:center;background-color:var(--card-color,#fff);border:1px solid var(--border-color);border-radius:var(--border-radius,10px);box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.1));display:flex;margin:0 0 1rem;padding:1.5rem;transition:var(--theme-transition)}.profile-avatar{margin-right:30px}.profile-avatar img{border:4px solid var(--primary-color,#a75374);border-radius:50%;height:120px;object-fit:cover;width:120px}.profile-info{flex:1}.profile-name{color:var(--text-color,#333);font-size:24px;font-weight:700;margin:0 0 5px}.profile-ranks{margin-bottom:10px}.rank-badge{background-color:var(--primary-color,#a75374);border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-right:5px;padding:4px 8px}.profile-meta{color:var(--text-secondary,#666);font-size:14px;margin-bottom:15px}.profile-meta span{margin-right:15px}.profile-stats{display:flex;flex-wrap:wrap;gap:15px}.stat{color:var(--text-secondary,#666);font-size:14px}.stat-value{color:var(--text-color,#333);font-weight:700}.profile-description-box{background-color:var(--card-color,#fff);border:1px solid var(--border-color);border-radius:var(--border-radius,10px);box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.1));margin-bottom:1rem;padding:1.5rem;transition:var(--theme-transition)}.profile-description-box h3{color:var(--text-color,#333);font-size:18px;margin-bottom:10px;margin-top:0}.profile-description{color:var(--text-color,#333);font-size:14px;line-height:1.6;margin:0;white-space:pre-line}.profile-tabs{background-color:var(--card-color,#fff);border:1px solid var(--border-color);border-radius:var(--border-radius,10px);box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.1));margin-bottom:1.5rem;overflow:hidden;transition:var(--theme-transition)}.tab-buttons{border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;overflow-x:auto;scrollbar-width:none}.tab-buttons::-webkit-scrollbar{display:none}.tab-button{background-color:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary,#666);cursor:pointer;font-size:16px;font-weight:600;padding:15px 20px;transition:all .2s ease;white-space:nowrap}.tab-button.active,.tab-button:hover{color:var(--primary-color,#a75374)}.tab-button.active{border-bottom-color:var(--primary-color,#a75374)}.tab-contents{min-height:300px}.tab-content{display:none;padding:1.5rem}.tab-content.active{display:block}.tab-loader{align-items:center;display:flex;height:200px;justify-content:center}.tab-content.loading .users-grid,.tab-content.loading .videos-grid{display:none}.tab-content{min-height:300px;position:relative}.coming-soon,.no-content,.tab-error{align-items:center;color:var(--text-secondary,#666);display:flex;font-size:16px;height:200px;justify-content:center;text-align:center}.videos-grid{display:grid;flex:1;gap:1.5rem;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px;margin-top:0}.video-card{animation-fill-mode:forwards;background-color:var(--card-color);border:1px solid var(--border-color);border-radius:var(--border-radius,10px);box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.1));cursor:pointer;display:flex;flex-direction:column;height:auto;opacity:0;overflow:hidden;position:relative;transform-origin:center bottom;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease,border-color .3s ease;will-change:transform,opacity}.video-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.12);transform:translateY(-5px)}[data-theme=dark] .video-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.4)}.thumbnail-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.thumbnail{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.video-card:hover .thumbnail{transform:scale(1.08)}.video-info{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.video-title{color:var(--text-color,#333);font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta-container{align-items:center;display:flex;height:24px;justify-content:space-between;width:100%}.video-meta-left{align-items:center;display:flex;gap:.5rem}.video-meta-item{align-items:center;color:var(--text-secondary,#666);display:flex;font-size:.85rem;gap:.4rem}.meta-icon{flex-shrink:0;height:14px;opacity:.6;width:14px}.content-type-indicator,.video-duration,.video-rating{color:#fff;position:absolute;text-shadow:1px 1px 2px rgba(0,0,0,.8);user-select:none;z-index:10}.video-duration{bottom:5px;font-size:14px;font-weight:600;padding:0 4px;right:5px}.video-rating{align-items:center;border-radius:4px;bottom:5px;display:flex;font-size:15px;font-weight:600;gap:2px;left:5px;padding:2px 6px}.star-icon{display:inline-block;font-size:15px}.content-type-indicator{background-color:rgba(0,0,0,.5);border-radius:4px;font-size:13px;font-weight:600;padding:3px 8px;right:5px;top:5px;transition:var(--transition)}.users-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.user-card{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:var(--border-radius,10px);box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.1));overflow:hidden;padding:15px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.user-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.12);transform:translateY(-5px)}[data-theme=dark] .user-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.4)}.user-link{color:inherit;display:block;text-decoration:none}.user-avatar{height:80px;margin:0 auto 10px;width:80px}.user-avatar img{border:3px solid var(--primary-color,#a75374);border-radius:50%;height:100%;object-fit:cover;width:100%}.user-name{color:var(--text-color,#333);font-size:14px;font-weight:600;margin:0}.error-message{background-color:var(--card-color,#fff);border:1px solid var(--border-color);border-radius:var(--border-radius,10px);box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.1));color:#e74c3c;font-size:18px;height:300px;padding:20px;text-align:center}.error-message,.pagination{align-items:center;display:flex;justify-content:center}.pagination{flex-wrap:nowrap;gap:6px;margin:15px 0 25px;overflow-x:auto;scrollbar-width:none;width:100%;-ms-overflow-style:none}.pagination::-webkit-scrollbar{display:none}.pagination-inner{align-items:center;display:flex;gap:6px}.pagination button{background-color:var(--card-color);border:none;border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow);color:var(--text-color);cursor:pointer;font-weight:500;min-width:40px;padding:.6rem 1rem}.pagination button.active{background-color:var(--primary-color,#a75374)}.pagination button:not(.active):hover{background-color:rgba(0,0,0,.4)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{align-items:center;color:#fff;display:flex;font-weight:600;justify-content:center;opacity:.7}.modal{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.8);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:200}.modal-content{align-items:center;background-color:var(--modal-color);box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center;left:50%;margin:0 auto;max-height:95vh;max-width:1400px;overflow:hidden;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:95%}.video-player{background-color:#000;display:block;max-height:80vh;max-width:100%;object-fit:contain;transition:width .3s ease-in-out,height .3s ease-in-out}.video-details{border-top:1px solid var(--border-color);margin-top:.75rem;max-height:12vh;overflow-y:auto;padding-top:.75rem;width:100%}.video-details h2{color:var(--text-color);font-size:1.5rem;margin-bottom:.5rem;text-align:center;width:100%}.video-card.animate{animation:fadeInUp .4s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=dark] .profile-description-box,:root[data-theme=dark] .profile-header,:root[data-theme=dark] .profile-tabs{background-color:var(--card-color);box-shadow:var(--shadow)}:root[data-theme=dark] .user-card,:root[data-theme=dark] .video-card{background-color:var(--card-color)}:root[data-theme=dark] .tab-button{color:var(--text-secondary)}:root[data-theme=dark] .tab-button.active,:root[data-theme=dark] .tab-button:hover{color:var(--primary-color)}.close-modal{align-items:center;background-color:rgba(0,0,0,.3);border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:28px;font-weight:700;height:30px;justify-content:center;position:absolute;right:15px;top:15px;width:30px;z-index:10}.close-modal:after,.close-modal:before{background-color:#fff;content:"";height:2px;position:absolute;width:20px}.close-modal:before{transform:rotate(45deg)}.close-modal:after{transform:rotate(-45deg)}@media (max-width:768px){.profile-container{padding:0 10px}.profile-header{flex-direction:column;padding:1rem;text-align:center}.profile-avatar{margin-bottom:15px;margin-right:0}.profile-stats{justify-content:center}.playlists-container,.videos-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.users-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.tab-button{font-size:14px;padding:10px 15px}.tab-content{padding:1rem}.pagination{justify-content:center;overflow-x:auto;padding:5px 0}.pagination-inner{margin:0 auto}.pagination button{display:flex!important}}@media (max-width:480px){.videos-grid{grid-template-columns:1fr}.users-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.modal-content{border-radius:0;padding:10px;width:100%}.pagination{justify-content:center;overflow-x:auto;width:100%}.page-info{font-size:12px;margin:5px 0}}.playlists-grid{display:grid;gap:1.5rem;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px;margin-top:0}.playlist-card{position:relative}.playlist-count{align-items:center;background-color:rgba(0,0,0,.6);border-radius:4px;bottom:5px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:5px;left:5px;padding:3px 8px;position:absolute;text-shadow:1px 1px 2px rgba(0,0,0,.8);user-select:none;z-index:10}.playlist-icon{height:16px;opacity:.9;width:16px}.playlist-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.12);transform:translateY(-5px)}[data-theme=dark] .playlist-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.4)}@media (max-width:768px){.playlists-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.playlists-grid{grid-template-columns:1fr}}