:root{--brand-pink:#ffe8fd;--brand-pink-hot:#ff4081;--brand-blue:#d8f8fd;--brand-gradient:linear-gradient(135deg, #ffe8fd 0%, #d8f8fd 100%);--primary-purple:#6a5acd;--primary-purple-hover:#5b4bc4;--secondary-purple:#c9c0f4;--btn-purple-bg:#8b5cf6;--status-success:#b8e6d3;--status-error:#f5c6cb;--status-warning:#f5d5ae;--text-main:#1a202c;--text-sub:#2d3748;--text-body:#4a5568;--text-caption:#718096;--bg-page:#fafbfc;--bg-card:#f8fafe;--border-color:#e2e8f0;--font-serif:"Bodoni Moda", serif;--font-sans:"Montserrat", sans-serif}#profile-header{background:var(--bg-page);padding:30px 50px 0;animation:.4s fadeIn}.profile-layout{justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px;display:flex}.profile-left{flex-direction:column;gap:14px;max-width:600px;display:flex}.profile-avatar-large{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:110px;height:110px;box-shadow:0 4px 15px #0000000d}.profile-username{font-family:var(--font-serif);color:var(--text-main);margin-top:5px;font-size:2.6rem;font-weight:600;line-height:1}.profile-bio{color:var(--text-body);font-size:.95rem;line-height:1.6}.profile-stats{flex-wrap:wrap;gap:25px;margin:12px 0;display:flex}.stat-box{align-items:baseline;gap:6px;display:flex}.stat-num{color:var(--text-main);font-size:1.4rem;font-weight:700;font-family:var(--font-sans)}.stat-label{color:var(--text-caption);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:600}.profile-actions{align-items:center;gap:15px;margin-top:5px;display:flex}.profile-right{width:420px;height:260px;margin-right:20px;display:block;position:relative}.collage-img{aspect-ratio:3/4;cursor:pointer;background:var(--bg-card);border:3px solid #fff;border-radius:12px;width:180px;margin-top:-120px;transition:all .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;overflow:hidden;box-shadow:0 8px 24px #0000001f}.collage-img img{object-fit:cover;mix-blend-mode:multiply;pointer-events:none;width:100%;height:100%}.collage-img-1{z-index:1;filter:brightness(.9);left:15px;transform:scale(.9)}.collage-img-2{z-index:3;left:calc(50% - 90px);transform:scale(1)}.collage-img-3{z-index:2;filter:brightness(.9);right:15px;transform:scale(.9)}.collage-img-1:hover{z-index:10;filter:brightness();transform:scale(1.05);box-shadow:0 15px 35px #0003}.collage-img-2:hover{z-index:10;filter:brightness();transform:scale(1.1);box-shadow:0 15px 35px #0003}.collage-img-3:hover{z-index:10;filter:brightness();transform:scale(1.05);box-shadow:0 15px 35px #0003}.edit-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:0;pointer-events:auto;cursor:pointer;background:#0009;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.collage-img:hover .edit-overlay{opacity:1;transform:translate(-50%,-50%)scale(1)}#profile-header:not(.own-profile) .edit-overlay{display:none!important}.profile-tabs{border-bottom:1px solid var(--border-color);gap:30px;margin-bottom:0;display:flex}.p-tab{color:var(--text-caption);text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding-bottom:15px;font-size:.8rem;font-weight:700;transition:all .2s;position:relative}.p-tab:hover{color:var(--text-main)}.p-tab.active{color:var(--primary-purple)}.p-tab.active:after{content:"";background:var(--primary-purple);border-radius:3px 3px 0 0;width:100%;height:3px;position:absolute;bottom:-1px;left:0}.action-btn-pill{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:1px solid var(--border-color);width:100%;height:54px;color:var(--text-main);background:#fff;border-radius:27px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.action-btn-pill:hover{border-color:var(--primary-purple);color:var(--primary-purple);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.profile-layout{flex-direction:column;align-items:flex-start;gap:30px;margin-bottom:20px}.profile-right{display:none}#profile-header{padding:20px 20px 0}}