.profile-page{padding-bottom:60px}.profile-banner{background:var(--purple-light);border-radius:16px;height:220px;margin-bottom:0;position:relative;overflow:hidden}.profile-banner-default{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 50%,#c4b5fd 100%);width:100%;height:100%}.profile-banner-default:after{content:"";background-image:radial-gradient(circle,#7c3aed26 1.5px,#0000 1.5px);background-size:28px 28px;position:absolute;inset:0}.profile-banner-overlay{background:linear-gradient(#0000 40%,#ffffffb3 100%);position:absolute;inset:0}.profile-info-row{z-index:10;justify-content:space-between;align-items:flex-end;margin-top:-34px;padding:0 4px;display:flex;position:relative}.profile-avatar-wrap{flex-shrink:0;position:relative}.profile-avatar{background:linear-gradient(135deg,var(--purple),#a78bfa);color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:32px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #7c3aed40}.profile-premium-badge{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex;position:absolute;bottom:2px;right:2px}.profile-actions{gap:8px;margin-top:12px;padding-top:8px;padding-bottom:6px;display:flex}.profile-btn-follow,.profile-btn-edit{border-radius:var(--radius-full);font-family:var(--font);cursor:pointer;text-align:center;min-width:110px;padding:9px 24px;font-size:14px;font-weight:600;transition:all .2s}.profile-btn-follow{background:var(--purple);color:#fff;border:none;box-shadow:0 2px 10px #7c3aed4d}.profile-btn-follow:hover:not(.following):not(.loading){opacity:.88;transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66}.profile-btn-follow.following{color:#6b7280;box-shadow:none;background:#fff;border:1.5px solid #e5e7eb}.profile-btn-follow.following:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.profile-btn-follow.loading{cursor:wait;opacity:.75}.profile-btn-edit{color:#374151;background:#fff;border:1.5px solid #e5e7eb;margin-top:12px}.profile-btn-edit:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-light)}.profile-btn-new-post{background:var(--purple);color:#fff;border-radius:var(--radius-full);align-items:center;margin-top:12px;padding:9px 20px;display:flex}.profile-btn-new-post:hover{opacity:.88}.follow-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.profile-btn-follow.following .follow-spinner{border-color:#6b7280 #6b72804d #6b72804d}@keyframes spin{to{transform:rotate(360deg)}}.profile-identity{margin:16px 0 14px;animation:.3s fadeInUp}.profile-name{color:#1a1a2e;letter-spacing:-.3px;margin:0 0 2px;font-size:22px;font-weight:800}.profile-handle{color:#9ca3af;margin:0 0 8px;font-size:14px}.profile-bio{color:#6b7280;max-width:480px;margin:0;font-size:14px;line-height:1.6}.profile-stats{border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:0;padding:14px 0;animation:.4s fadeInUp;display:flex}.profile-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.profile-stat-num{color:#1a1a2e;font-size:18px;font-weight:800;line-height:1.2}.profile-stat-label{color:#9ca3af;font-size:12px}.profile-stat-divider{background:#f3f4f6;width:1px;height:28px}.profile-role-badge{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--purple),#a78bfa);color:#fff;padding:3px 10px;font-size:12px;font-weight:600}.profile-stat-btn{cursor:pointer;text-align:left;font-family:var(--font);background:0 0;border:none;border-radius:8px;flex-direction:column;gap:1px;margin:-4px -6px;padding:4px 6px;transition:background .15s;display:flex}.profile-stat-btn:hover{background:var(--purple-light)}.profile-stat-btn:hover .profile-stat-label{color:var(--purple)}.profile-tabs{top:var(--topbar-h,60px);z-index:50;border-bottom:2px solid #f3f4f6;gap:0;margin:0 0 24px;display:flex;position:sticky;overflow-x:auto}.profile-tab{color:#9ca3af;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:14px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.profile-tab:hover{color:var(--purple)}.profile-tab.active{color:var(--purple);border-color:var(--purple);font-weight:700}.profile-tab-icon{font-size:15px}.profile-tab-content{animation:.2s fadeInUp}.profile-posts-count{color:#9ca3af;margin-bottom:16px;font-size:13px}.profile-about{flex-direction:column;gap:24px;max-width:520px;display:flex}.profile-about-section h3{color:#1a1a2e;margin-bottom:12px;font-size:15px;font-weight:700}.profile-about-section p{color:#6b7280;font-size:14px;line-height:1.6}.profile-about-row{color:#6b7280;align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.profile-empty{text-align:center;color:#d1d5db;padding:64px 24px}.profile-empty span{margin-bottom:12px;font-size:40px;display:block}.profile-empty p{margin:0;font-size:14px}.profile-home{flex-direction:column;gap:32px;display:flex}.profile-home-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.profile-home-section-header h3{color:#1a1a2e;margin:0;font-size:16px;font-weight:700}.profile-home-see-all{color:var(--purple);font-size:13px;font-weight:500;text-decoration:none}.profile-home-see-all:hover{text-decoration:underline}.profile-home-list{flex-direction:column;gap:4px;display:flex}.profile-home-row{color:inherit;border-radius:12px;align-items:center;gap:12px;padding:10px;text-decoration:none;transition:background .15s;display:flex}.profile-home-row:hover{background:#faf8ff}.profile-home-thumb{background:var(--purple-light);border-radius:8px;flex-shrink:0;width:80px;height:54px;position:relative;overflow:hidden}.profile-home-thumb-placeholder{background:linear-gradient(135deg,#f3f0ff,#ede9fe);justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex}.profile-home-row-info{flex:1;min-width:0}.profile-home-row-title{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.profile-home-row-meta{color:#9ca3af;align-items:center;gap:6px;font-size:12px;display:flex}.profile-home-skeletons{flex-direction:column;gap:8px;display:flex}.profile-home-row-sk{align-items:center;gap:12px;padding:10px;display:flex}.profile-shop-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;display:flex}.profile-shop-icon{margin-bottom:4px;font-size:48px}.profile-shop-empty h3{color:#1a1a2e;margin:0;font-size:18px;font-weight:700}.profile-shop-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:14px}.profile-shop-cta{border-radius:var(--radius-full);background:var(--purple);color:#fff;font-family:var(--font);cursor:pointer;border:none;margin-top:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .15s}.profile-shop-cta:hover{opacity:.88}.fw-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.fw-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:420px;max-height:80vh;animation:.22s cubic-bezier(.34,1.56,.64,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000002e}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fw-header{border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 16px;display:flex}.fw-title{color:#1a1a2e;align-items:center;gap:6px;margin:0;font-size:16px;font-weight:700;display:flex}.fw-subtitle{color:#9ca3af;font-size:14px;font-weight:400}.fw-close{color:#6b7280;cursor:pointer;background:#f9fafb;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:background .15s;display:flex}.fw-close:hover{color:#1a1a2e;background:#f3f4f6}.fw-list{flex:1;padding:6px 0 12px;overflow-y:auto}.fw-user{color:inherit;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;transition:background .12s;display:flex}.fw-user:hover{background:#faf8ff}.fw-avatar{background:linear-gradient(135deg,var(--purple),#a78bfa);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex;position:relative;overflow:hidden}.fw-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.fw-user-name{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.fw-user-handle{color:#9ca3af;font-size:12px}.fw-chevron{align-items:center;gap:12px;padding:10px 20px;display:flex}.fw-empty{text-align:center;color:#c4b5fd;padding:40px;font-size:14px}.fw-end{text-align:center;color:#d1d5db;margin:0;padding:12px 0 0;font-size:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.profile-banner{border-radius:12px;height:160px}.profile-avatar{width:72px;height:72px;font-size:26px}.profile-name{font-size:18px}.profile-tab{padding:12px 14px;font-size:13px}.profile-tab-icon{display:none}.profile-btn-follow,.profile-btn-edit{min-width:90px;padding:8px 16px;font-size:13px}}@media (max-width:480px){.fw-overlay{align-items:flex-end;padding:0}.fw-modal{border-radius:20px 20px 0 0;max-width:100%;max-height:90vh}}