SCREEN: PROFILE
════════════════════════════════════════════ */
.profile-cover{height:150px;position:relative;overflow:hidden;flex-shrink:0;}
.pc-bg-grad{width:100%;height:100%;background:linear-gradient(135deg,#080320 0%,#1e0840 40%,#081020 100%);position:absolute;}
.pc-glow-a{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(92,200,248,.28),transparent 70%);bottom:-80px;left:-40px;}
.pc-glow-b{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(240,107,170,.22),transparent 70%);top:-60px;right:-30px;}
.pc-edit{position:absolute;top:13px;right:13px;background:rgba(0,0,0,.45);border:1px solid var(--bord2);border-radius:100px;padding:7px 13px;font-size:12px;color:var(--text);cursor:pointer;backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;}
.create-row{padding:0 14px;margin-top:-18px;position:relative;z-index:5;display:flex;gap:8px;flex-shrink:0;}
.cr-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border-radius:15px;font-family:var(--fd);font-size:12px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;transition:transform .15s;}
.cr-btn:active{transform:scale(.96);}
.cr-btn-post{background:var(--card);border:1px solid var(--bord2);color:var(--text);}
.cr-btn-reel{background:rgba(157,127,244,.15);border:1px solid rgba(157,127,244,.3);color:var(--purp);}
.cr-btn-live{background:var(--liveg);color:#fff;box-shadow:0 4px 18px rgba(255,59,92,.35);}
.pav-row{padding:0 14px;margin-top:11px;display:flex;align-items:flex-end;justify-content:space-between;flex-shrink:0;}
.pav-wrap{position:relative;}
.pav-ring{position:absolute;inset:-3px;border-radius:50%;background:var(--grad);padding:3px;}
.pav-ring-inner{width:100%;height:100%;border-radius:50%;background:var(--black);}
.pav{width:76px;height:76px;border-radius:50%;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,#5cc8f8,#9d7ff4);}
.pav-online{position:absolute;bottom:3px;right:3px;width:13px;height:13px;border-radius:50%;background:var(--green);border:3px solid var(--black);z-index:2;}
.pav-actions{display:flex;gap:8px;}
.pa-btn{padding:9px 16px;border-radius:100px;font-family:var(--fd);font-size:13px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;transition:transform .15s;}
.pa-btn:active{transform:scale(.96);}
.pa-btn-main{background:var(--grad);color:#fff;}
.pa-btn-sec{background:transparent;border:1px solid var(--bord2);color:var(--muted);}
.profile-id{padding:12px 14px 0;flex-shrink:0;}
.pi-name{font-family:var(--fd);font-size:21px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:7px;margin-bottom:4px;}

/* ── Profile Identity ── */
.pi-handle{font-size:12px;color:var(--muted);margin-bottom:7px;display:flex;align-items:center;gap:7px;}
.pi-bio{font-size:13px;color:rgba(238,238,245,.72);line-height:1.6;margin-bottom:9px;}
.pi-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px;}

/* ── Trust Inline ── */
.trust-inline{margin:14px 14px 0;background:var(--card);border:1px solid var(--border);border-radius:19px;padding:15px;display:flex;align-items:center;gap:15px;flex-shrink:0;}
.ti-ring-wrap{position:relative;flex-shrink:0;}
.ti-body{flex:1;}
.tirl-num{font-family:var(--fd);font-size:17px;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;}
.tirl-sub{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);}
.ti-level{font-family:var(--fd);font-size:14px;font-weight:700;margin-bottom:3px;display:flex;align-items:center;gap:7px;}
.ti-rank-badge{background:rgba(245,197,66,.12);border:1px solid rgba(245,197,66,.22);border-radius:100px;padding:3px 9px;font-size:10px;font-weight:700;color:var(--gold);}

/* ── Profile Tabs ── */
.profile-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:40;background:rgba(4,4,10,.9);backdrop-filter:blur(16px);}
.ptab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 5px;cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:2px solid transparent;transition:border-color .2s;}
.ptab.active{border-bottom-color:var(--purp);}
.ptab-icon{font-size:17px;}
.ptab-label{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;transition:color .2s;}
.ptab-count{font-size:9px;color:var(--muted2);}
.tab-pane{display:none;flex-direction:column;}
.tab-pane.active{display:flex;}

/* ── Post Cards ── */
.post-card{padding:15px 14px 13px;border-bottom:1px solid rgba(255,255,255,.045);}
.post-text{font-size:14px;line-height:1.65;margin-bottom:10px;}
.post-media{border-radius:17px;overflow:hidden;margin-bottom:10px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;}
.post-actions{display:flex;align-items:center;}
.pa-action{display:flex;align-items:center;gap:5px;padding:7px 12px 7px 0;font-size:13px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s;}

/* ── Image / Video Grid ── */
.image-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;padding:2px 0;}
.ig-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;}
.ig-emoji{font-size:36px;}
.ig-overlay{position:absolute;inset:0;background:rgba(4,4,10,.2);}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;}
.vg-item{border-radius:15px;overflow:hidden;position:relative;cursor:pointer;aspect-ratio:9/16;display:flex;align-items:center;justify-content:center;}
.vg-emoji{font-size:42px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));}
.vg-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.vg-views{position:absolute;bottom:7px;left:7px;font-size:10px;font-weight:600;color:#fff;display:flex;align-items:center;gap:3px;text-shadow:0 1px 4px rgba(0,0,0,.8);}
.vg-duration{position:absolute;top:7px;right:7px;font-size:10px;font-weight:600;color:#fff;background:rgba(0,0,0,.55);border-radius:5px;padding:3px 6px;}

/* ── Circles Discover Grid ── */
.circles-grid-disc{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 14px;}
.cj-card{background:var(--card);border:1px solid var(--border);border-radius:19px;padding:16px 13px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s;position:relative;overflow:hidden;}
.cj-glow{position:absolute;width:80px;height:80px;border-radius:50%;filter:blur(25px);top:-20px;right:-10px;pointer-events:none;}
.cj-join{width:100%;padding:8px;background:rgba(157,127,244,.12);border:1px solid rgba(157,127,244,.22);border-radius:11px;font-family:var(--fd);font-size:12px;font-weight:700;color:var(--purp);cursor:pointer;-webkit-tap-highlight-color:transparent;margin-top:8px;}

/* ── Trending Topics ── */
.trend-item{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s;}
.ti-rank{font-size:10px;color:var(--muted2);letter-spacing:.06em;margin-bottom:2px;}
.ti-tag{font-family:var(--fd);font-weight:700;font-size:13px;letter-spacing:-.01em;}
.ti-cat{font-size:11px;color:var(--muted);margin-top:2px;}