:root{--brand-pink:#FFE8FD;--brand-pink-hot:#FF4081;--brand-blue:#D8F8FD;--brand-gradient:linear-gradient(135deg,#FFE8FD,#D8F8FD);--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{padding:30px 50px 0;animation:fadeIn .4s ease;background:var(--bg-page)}.profile-layout{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px}.profile-left{display:flex;flex-direction:column;gap:14px;max-width:600px}.profile-avatar-large{width:110px;height:110px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);box-shadow:0 4px 15px rgba(0,0,0,.05)}.profile-username{font-family:var(--font-serif);font-size:2.6rem;color:var(--text-main);font-weight:600;line-height:1;margin-top:5px}.profile-bio{font-size:.95rem;color:var(--text-body);line-height:1.6}.profile-stats{display:flex;gap:25px;flex-wrap:wrap;margin:12px 0}.stat-box{display:flex;align-items:baseline;gap:6px}.stat-num{font-weight:700;font-size:1.4rem;color:var(--text-main);font-family:var(--font-sans)}.stat-label{font-size:.8rem;color:var(--text-caption);text-transform:uppercase;letter-spacing:1px;font-weight:600}.profile-actions{display:flex;gap:15px;align-items:center;margin-top:5px}.profile-right{position:relative;width:420px;height:260px;display:block;margin-right:20px}.collage-img{position:absolute;top:50%;margin-top:-120px;width:180px;aspect-ratio:3/4;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.12);border:3px solid #fff;transition:all .3s cubic-bezier(.2,.8,.2,1);cursor:pointer;background:var(--bg-card)}.collage-img img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;pointer-events:none}.collage-img-1{left:15px;transform:scale(.9);z-index:1;filter:brightness(.9)}.collage-img-2{left:calc(50% - 90px);transform:scale(1);z-index:3}.collage-img-3{right:15px;transform:scale(.9);z-index:2;filter:brightness(.9)}.collage-img-1:hover{transform:scale(1.05)}.collage-img-1:hover,.collage-img-2:hover{z-index:10;filter:brightness(1);box-shadow:0 15px 35px rgba(0,0,0,.2)}.collage-img-2:hover{transform:scale(1.1)}.collage-img-3:hover{z-index:10;transform:scale(1.05);filter:brightness(1);box-shadow:0 15px 35px rgba(0,0,0,.2)}.edit-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:white;opacity:0;border:0;transition:all .3s ease;pointer-events:auto;cursor:pointer}.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{display:flex;gap:30px;border-bottom:1px solid var(--border-color);margin-bottom:0}.p-tab{font-size:.8rem;font-weight:700;color:var(--text-caption);text-transform:uppercase;letter-spacing:1px;padding-bottom:15px;cursor:pointer;position:relative;transition:.2s}.p-tab:hover{color:var(--text-main)}.p-tab.active{color:var(--primary-purple)}.p-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--primary-purple);border-radius:3px 3px 0 0}.action-btn-pill{height:54px;width:100%;padding:0 20px;border-radius:27px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s;border:1px solid var(--border-color);background:#fff;color:var(--text-main)}.action-btn-pill:hover{border-color:var(--primary-purple);transform:translateY(-2px);color:var(--primary-purple)}@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}}