.profile-page{width:100%;max-width:720px;margin:0 auto;background:var(--card,#fff);border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(30,50,80,.10)}.profile-page .cover{height:210px;background:linear-gradient(135deg,#dfe7f2,#f7f9fc);background-size:cover;background-position:center;position:relative}.profile-page .profile-main{position:relative;padding:0 18px 18px;text-align:center}.profile-page .profile-avatar{width:112px;height:112px;border-radius:50%;border:5px solid var(--card,#fff);background:#e8edf5;overflow:hidden;display:grid;place-items:center;margin:-56px auto 10px;position:relative;z-index:2;font-size:34px;font-weight:800;box-shadow:0 3px 12px rgba(20,40,70,.16)}.profile-page .profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-page h2{margin:4px 0 4px;font-size:24px;line-height:1.25}.profile-page .profile-bio{margin:0 auto 16px;max-width:560px;opacity:.72;line-height:1.6;font-size:14px}.profile-stats{display:flex;justify-content:center;gap:4px;border-top:1px solid rgba(120,140,170,.14);border-bottom:1px solid rgba(120,140,170,.14);padding:8px 0;margin:0 -18px}.profile-stats>button{border:0;background:transparent;cursor:pointer;font:inherit;flex:1;padding:7px 4px;border-radius:12px}.profile-stats>button:active,.profile-stats>button:hover{background:rgba(100,120,150,.08)}.profile-stats b,.profile-stats span{display:block}.profile-stats b{font-size:17px}.profile-stats span{font-size:12px;opacity:.68;margin-top:2px}.profile-actions{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px;margin-top:14px}.profile-actions button{min-height:42px;border-radius:12px!important;font-weight:800}.profile-actions .profile-pill{border:0;background:#eef2f7;padding:8px 10px}.profile-actions .success{background:#e7f7ed}.profile-tabs{display:flex;gap:0;border-top:8px solid rgba(120,140,170,.07);background:var(--card,#fff);position:sticky;top:0;z-index:3}.profile-tabs button{flex:1;border:0;background:transparent;padding:14px 8px;font:inherit;font-weight:800;color:inherit;position:relative;cursor:pointer}.profile-tabs button.active{color:#2871df}.profile-tabs button.active:after{content:'';position:absolute;bottom:0;left:12%;right:12%;height:3px;border-radius:5px;background:#2871df}.profile-content{background:rgba(120,140,170,.045);padding:10px}.profile-posts{display:grid;gap:10px}.profile-post{border-radius:16px;box-shadow:0 2px 12px rgba(30,50,80,.07);overflow:hidden}.profile-post-head{display:flex;align-items:center;gap:10px;padding:14px 14px 8px}.profile-post-head .avatar{width:44px;height:44px;min-width:44px;border-radius:50%;display:grid;place-items:center;background:#e8edf5;font-weight:800}.profile-post-head .avatar img{width:100%;height:100%;object-fit:cover}.profile-post .post-text{padding:8px 14px 12px;line-height:1.65;font-size:15px;white-space:pre-wrap}.profile-post .post-image{display:block;width:100%;max-height:520px;object-fit:cover}.profile-post .post-actions{display:flex;border-top:1px solid rgba(120,140,170,.12);padding:5px}.profile-post .post-actions button{flex:1;border:0;background:transparent;border-radius:10px;padding:9px 4px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.profile-post .post-actions button:hover{background:rgba(100,120,150,.08)}.profile-delete{margin-inline-start:auto;border:0;background:transparent;cursor:pointer;font-size:18px;padding:7px;border-radius:10px}.profile-delete:hover{background:rgba(220,50,50,.1)}.profile-comments{padding:0 14px 12px}.profile-comments .comment{padding:5px 0;font-size:13px}.profile-comments .comment-box{display:flex;gap:6px;margin-top:7px}.profile-comments .comment-box input{min-width:0;flex:1;border:0;background:rgba(120,140,170,.09);border-radius:18px;padding:9px 12px;font:inherit}.profile-comments .comment-box button{border:0;border-radius:16px;padding:7px 12px;font-weight:800;cursor:pointer}.profile-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.profile-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px;display:block}.profile-friends{display:flex;flex-direction:column;gap:5px}.profile-friend-row{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;text-align:start;padding:10px;border-radius:14px;cursor:pointer;font:inherit}.profile-friend-row:hover{background:rgba(100,120,150,.08)}.profile-friend-row .avatar{width:50px;height:50px;min-width:50px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#e8edf5;font-weight:800}.profile-friend-row .avatar img{width:100%;height:100%;object-fit:cover}.profile-friend-row b,.profile-friend-row small{display:block}.profile-friend-row small{opacity:.68;margin-top:3px}.edit-profile{display:flex;flex-direction:column;gap:12px}.upload-card{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:rgba(100,120,150,.07)}.upload-card b,.upload-card small{display:block}.upload-card small{opacity:.68;margin:4px 0 8px}.upload-preview{width:64px;height:64px;min-width:64px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#e8edf5}.upload-preview img{width:100%;height:100%;object-fit:cover}.avatar-preview{border-radius:50%}.cover-preview{width:90px}.edit-profile label{display:flex;flex-direction:column;gap:6px;font-weight:700}.edit-profile input,.edit-profile textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid rgba(120,140,170,.25);border-radius:12px;font:inherit}.edit-profile textarea{min-height:90px;resize:vertical}.upload-status{font-size:13px;min-height:20px}.profile-loading{padding:28px;text-align:center}.profile-loading-avatar{width:90px;height:90px;border-radius:50%;margin:10px auto 18px;background:#e8edf5}.profile-loading-line{height:14px;width:65%;margin:9px auto;background:#e8edf5;border-radius:10px}.profile-loading-line.short{width:40%}.shared-post-label{margin:-2px 0 10px;padding:8px 10px;border-radius:12px;background:#eef4ff;color:#2b72e8;font-size:12px;font-weight:800}@media(max-width:600px){.profile-page{border-radius:0;box-shadow:none}.profile-page .cover{height:185px}.profile-page .profile-main{padding-inline:12px}.profile-page .profile-avatar{width:104px;height:104px;margin-top:-52px}.profile-page h2{font-size:22px}.profile-actions{grid-template-columns:1fr 1fr 1fr}.profile-actions .wide{grid-column:1/-1;order:-1}.profile-content{padding:8px}.profile-post .post-image{max-height:440px}}body.dark .profile-page{background:#101a2a;color:#eef4ff}.profile-page{color:inherit}body.dark .profile-stats,body.dark .profile-tabs{background:#101a2a;border-color:rgba(255,255,255,.09)}body.dark .profile-content{background:#0b1422}body.dark .profile-actions .profile-pill{background:#1b2b45;color:#eef4ff}body.dark .profile-loading-avatar,body.dark .profile-loading-line{background:#1b2b45}.profile-actions .primary{box-shadow:0 3px 10px rgba(40,113,223,.18)}