.profile-container{max-width:900px;margin:2rem auto;font-family:Inter,system-ui,sans-serif;position:relative}.profile-hero{background:var(--surface);border:1px solid var(--border);border-radius:24px;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.profile-cover{background:linear-gradient(45deg,#1f1c2c,#928dab);width:100%;height:250px;position:relative}.profile-cover img{object-fit:cover;width:100%;height:100%}.cover-overlay{background:linear-gradient(to top, var(--surface) 0%, transparent 100%);height:120px;position:absolute;bottom:0;left:0;right:0}.profile-header-content{flex-direction:column;align-items:center;margin-top:-6rem;padding:0 2rem 2rem;display:flex;position:relative}.profile-avatar-wrapper{z-index:2;background:var(--surface);border-radius:50%;margin-bottom:1rem;padding:6px;position:relative;box-shadow:0 0 0 2px #ffffff1a,0 10px 20px #0000004d}.profile-large-avatar{object-fit:cover;background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(45deg, #f43f5e, #8b5cf6, #3b82f6) border-box;border:3px solid #0000;border-radius:50%;width:140px;height:140px}.profile-name{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin:0;font-size:2.2rem;font-weight:800}.profile-handle{color:#94a3b8;margin-top:.25rem;font-size:1.1rem;font-weight:500}.profile-badges{gap:.5rem;margin-top:.75rem;display:flex}.badge{color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:600}.profile-actions-wrapper{gap:1rem;margin-top:1.5rem;display:flex}.profile-stats-row{border-top:1px solid var(--border);justify-content:center;gap:3rem;width:100%;margin-top:2rem;padding-top:1.5rem;display:flex}.stat-block{text-align:center;flex-direction:column;gap:.25rem;display:flex}.stat-block .value{color:var(--foreground);font-size:1.4rem;font-weight:800}.stat-block .label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.profile-tabs-nav{border-bottom:1px solid var(--border);gap:1rem;margin-bottom:2rem;padding:0 1rem;display:flex;overflow-x:auto}.tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative}.tab-btn:hover,.tab-btn.active{color:var(--foreground)}.tab-btn.active:after{content:"";background:linear-gradient(90deg,#f43f5e,#8b5cf6);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 -2px 10px #8b5cf666}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.gallery-item{aspect-ratio:1;background:var(--surface-hover);cursor:pointer;border-radius:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0003}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-item:hover img{transform:scale(1.05)}.music-list{flex-direction:column;gap:1rem;display:flex}.music-track{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:1.5rem;padding:1rem 1.5rem;transition:background .3s;display:flex}.music-track:hover{background:#ffffff0d}.play-btn{color:#fff;cursor:pointer;background:#f43f5e;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex}.play-btn:hover{transform:scale(1.1)}.track-info{flex-grow:1}.track-title{margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.track-meta{color:#94a3b8;font-size:.85rem}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;display:grid}.album-card{cursor:pointer;group:hover;flex-direction:column;gap:.75rem;display:flex}.album-cover-box{aspect-ratio:1;background:var(--surface-hover);border-radius:12px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.album-card:hover .album-cover-box{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.album-cover-box img{object-fit:cover;width:100%;height:100%}.album-cover-box .empty-cover{color:#94a3b8;background:linear-gradient(135deg,#334155,#1e293b);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.album-info .title{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.album-info .count{color:#94a3b8;font-size:.85rem}.create-album-card{aspect-ratio:1;color:#94a3b8;cursor:pointer;background:#ffffff03;border:2px dashed #fff3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:all .3s;display:flex}.create-album-card:hover{color:#f43f5e;background:#f43f5e0d;border-color:#f43f5e}.about-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:2rem}.about-bio{color:#e2e8f0;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}@media (max-width:768px){.profile-cover{height:160px}.profile-large-avatar{width:100px;height:100px}.profile-header-content{margin-top:-3rem;padding:0 1rem 1.5rem}.profile-stats-row{gap:1.5rem}.tab-btn{padding:.75rem 1rem}}.data-cabinet-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1b4b33;border:1px solid #8b5cf633;border-radius:16px;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:flex;box-shadow:0 8px 32px #00000040}.data-cabinet-header{border-bottom:1px solid #8b5cf626;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.data-cabinet-title{color:#c4b5fd;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.data-cabinet-actions{gap:.75rem;display:flex}.cabinet-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.8rem;transition:color .2s}.cabinet-action-btn:hover{color:#c4b5fd;background:#8b5cf61a}.data-cabinet-drawers{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.cabinet-drawer{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.cabinet-drawer:hover{background:#8b5cf614;border-color:#8b5cf64d;transform:translateY(-2px)}.cabinet-drawer.active{background:#8b5cf626;border-color:#8b5cf680;box-shadow:0 0 15px #8b5cf626}.drawer-info{align-items:center;gap:.5rem;display:flex}.drawer-icon{font-size:1.2rem}.drawer-label{color:#e2e8f0;font-size:.85rem;font-weight:600}.drawer-checkbox{border:2px solid #ffffff4d;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.cabinet-drawer.active .drawer-checkbox{background:#8b5cf6;border-color:#8b5cf6}.drawer-checkmark{color:#fff;opacity:0;font-size:.7rem;font-weight:700;transition:all .2s;transform:scale(.5)}.cabinet-drawer.active .drawer-checkmark{opacity:1;transform:scale(1)}