body[data-ui-page=profile] .logo-text{letter-spacing:-.6px;white-space:nowrap;color:#0000;background-image:linear-gradient(115deg,#e8008f 0%,#8a2be2 90%);-webkit-background-clip:text;background-clip:text;font-size:clamp(15px,2.6vw,22px);font-weight:800;transition:filter .2s}body[data-ui-page=profile] .logo-text span{color:#0000;background-image:linear-gradient(115deg,#2563eb 0%,#00a3ff 90%);-webkit-background-clip:text;background-clip:text}.pf{padding-top:clamp(14px,3vw,24px);padding-bottom:clamp(20px,3vw,32px);padding-bottom:calc(clamp(20px, 3vw, 32px) + env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.pf-crumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:11.5px;font-weight:600;display:flex}.pf-crumb a{color:#4f46e5;font-weight:700}.pf-crumb svg{color:#9aa0b5;flex:none}.pf-crumb .here{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-card{border-radius:var(--r);background:#fff;border:1px solid #eceef8;overflow:hidden;box-shadow:0 14px 40px #1e28781a}.pf-cover{background:linear-gradient(115deg,#2643e6 0%,#7a2be0 48%,#ec008c 95%) 0 0/220% 220%;height:clamp(110px,20vw,170px);animation:9s ease-in-out infinite alternate ctaGrad;position:relative;overflow:hidden}@keyframes ctaGrad{0%{background-position:0 30%}to{background-position:100% 70%}}.pf-cover:before,.pf-cover:after{content:"";filter:blur(40px);opacity:.5;border-radius:50%;position:absolute}.pf-cover:before{background:#00d1ff;width:200px;height:200px;top:-80px;left:-50px}.pf-cover:after{background:#ff2ea6;width:220px;height:220px;bottom:-100px;right:-60px}.pf-cover .spark{opacity:0;width:6px;height:6px;animation:twinkle 2.8s var(--d) ease-in-out infinite;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:.9;transform:scale(1)}}.pf-body{flex-direction:column;gap:14px;padding:0 clamp(14px,3vw,24px) clamp(14px,3vw,20px);display:flex}.pf-id{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:-38px;display:flex}.pf-av{flex:none;position:relative}.pf-av img{object-fit:cover;border:4px solid #fff;border-radius:50%;width:clamp(72px,12vw,96px);height:clamp(72px,12vw,96px);box-shadow:0 12px 30px #1e287840}.pf-av .on-dot{background:#22c55e;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;bottom:4px;right:4px}.pf-who{flex:1;min-width:180px;padding-top:44px}.pf-who .row1{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pf-who h1{letter-spacing:-.3px;font-size:clamp(16px,2.8vw,20px);font-weight:800}.badge-pro{background:var(--grad);color:#fff;letter-spacing:.4px;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:9.5px;font-weight:800;display:inline-flex}.badge-soft{color:#4f46e5;background:#eef0ff;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:9.5px;font-weight:800;display:inline-flex}.pf-who .user{color:var(--indigo);margin-top:2px;font-size:12px;font-weight:700}.pf-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:11px;font-weight:600;display:flex}.pf-meta span{align-items:center;gap:6px;display:inline-flex}.pf-meta svg{color:#9aa0b5;flex:none}.pf-meta a{color:#4f46e5;font-weight:700}.pf-acts{flex-wrap:wrap;gap:8px;padding-top:44px;display:flex}.pbtn{color:#171b34;background:#fff;border:1px solid #e3e6f3;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.pbtn:hover{background:#f6f7fd;border-color:#c9cdea;transform:translateY(-1px)}.pbtn.follow{background:var(--grad);color:#fff;border:none;box-shadow:0 8px 20px #5a28dc47}.pbtn.follow.on{color:#171b34;box-shadow:none;background:#fff;border:1px solid #e3e6f3}.pbtn.icon{padding:0 12px}.pf-bio{color:#565b74;max-width:640px;font-size:12.5px;font-weight:500;line-height:1.65}.pf-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pstat{text-align:center;background:#f6f7fd;border:1px solid #edeff9;border-radius:12px;min-width:0;padding:10px 8px}.pstat b{letter-spacing:-.3px;font-size:clamp(13px,2vw,16px);display:block}.pstat span{color:#9aa0b5;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:700}.pf-tabs{background:#eef0fa;border-radius:12px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid;position:relative}.pf-tabs button{z-index:1;color:#565b74;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 0;font-size:clamp(11px,1.7vw,12.5px);font-weight:800;transition:color .2s;display:flex;position:relative}.pf-tabs button.on{color:#fff}.pf-tabs .pill{background:linear-gradient(90deg,#2643e6,#8a2be2);border-radius:10px;width:calc(33.333% - 4px);height:calc(100% - 8px);transition:transform .3s cubic-bezier(.2,.8,.25,1);position:absolute;top:4px;left:4px;box-shadow:0 6px 16px #5a28dc4d}.pf-tabs.t1 .pill{transform:translate(100%)}.pf-tabs.t2 .pill{transform:translate(200%)}.pane{flex-direction:column;gap:12px;min-width:0;display:none}.pane.show{display:flex}.g-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-f{color:#565b74;background:#fff;border:1px solid #e3e6f3;border-radius:999px;flex:none;padding:8px 13px;font-size:11px;font-weight:800;transition:all .15s}.chip-f.on{color:#fff;background:linear-gradient(90deg,#2643e6,#8a2be2);border-color:#0000}.g-count{color:#6b5cf6;background:#e2ddfb;border:1px dashed #b7a8f8;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:10.5px;font-weight:800}.g-bulk{flex-wrap:wrap;align-items:center;gap:7px;margin-left:auto;display:flex}.g-bar.is-owner .g-count{margin-left:0}.g-bulk-check{color:#4d536d;cursor:pointer;background:#fff;border:1px solid #dfe3f2;border-radius:10px;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:10.5px;font-weight:800;display:inline-flex}.g-bulk-check input{accent-color:#5b35ec;width:17px;height:17px;margin:0}.g-bulk-delete{color:#fff;cursor:pointer;background:#be123c;border:0;border-radius:10px;min-height:34px;padding:0 12px;font-size:10.5px;font-weight:850;box-shadow:0 5px 13px #be123c2e}.g-bulk-delete:hover,.g-bulk-delete:focus-visible{outline-offset:2px;background:#9f1239;outline:2px solid #fda4af}.g-bulk-delete:disabled{color:#9aa0b5;box-shadow:none;cursor:not-allowed;background:#e7e9f2}.g-pagination{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-top:24px;display:grid}.g-page-btn{color:#11182f;background:#fff;border:1px solid #dfe3f1;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:44px;padding:10px 16px;font-weight:700;line-height:1.2;text-decoration:none;transition:border-color .16s,box-shadow .16s,color .16s;display:inline-flex}.g-page-btn:hover,.g-page-btn:focus-visible{color:#5531d4;border-color:#6941e8;box-shadow:0 6px 18px #5634d41f}.g-page-btn.previous{justify-self:start}.g-page-btn.next{justify-self:end}.g-page-btn.is-disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.g-page-btn.is-disabled:hover{color:#11182f;box-shadow:none;border-color:#dfe3f1}.g-page-status{color:#667085;text-align:center;white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.4}.g-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.g-card{text-align:left;cursor:zoom-in;background:#fff;border:1px solid #eceef8;border-radius:12px;min-width:0;padding:0;transition:all .15s;position:relative;overflow:hidden}.g-card-open{text-align:left;width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.g-card:hover{border-color:#d9d2f7;transform:translateY(-2px);box-shadow:0 12px 26px #1e287824}.g-card img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .4s}.g-card:hover img{transform:scale(1.05)}.g-card .ov{color:#fff;opacity:0;background:linear-gradient(#0000,#0d1128bf);align-items:center;gap:10px;padding:26px 10px 8px;font-size:10px;font-weight:800;transition:all .2s;display:flex;position:absolute;inset:auto 0 0}.g-card:hover .ov,.g-card:focus-visible .ov{opacity:1}.g-card .ov span{align-items:center;gap:5px;display:inline-flex}.g-card .nm{text-overflow:ellipsis;white-space:nowrap;background:#fff;padding:8px 10px;font-size:10.5px;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.g-lock{color:#fff;background:#6b3bf6e6;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px}.g-select{z-index:4;cursor:pointer;background:#fffffff0;border:1px solid #ffffffd9;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 5px 14px #191e462e}.g-select input{accent-color:#5b35ec;cursor:pointer;width:18px;height:18px;margin:0}.g-card.is-owner .g-lock{right:46px}.g-card.is-selected{border-color:#6d42ed;box-shadow:0 0 0 3px #6d42ed38,0 12px 26px #1e287824}.g-delete{z-index:3;color:#fff;cursor:pointer;background:#be1836eb;border:1px solid #ffffffbf;border-radius:9px;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px;box-shadow:0 5px 14px #8813373d}.g-delete:hover,.g-delete:focus-visible{outline-offset:2px;background:#be123c;outline:2px solid #fff}.g-delete:disabled{cursor:wait;opacity:.72}.g-card.is-removing{opacity:0;pointer-events:none;transform:scale(.94)}.ab-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:12px;display:grid}.panel{background:#fff;border:1px solid #eceef8;border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:clamp(14px,2.6vw,18px);display:flex}.panel h3{align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.panel h3 .dot{background:var(--grad);border-radius:50%;flex:none;width:8px;height:8px}.panel p{color:#565b74;font-size:12px;font-weight:500;line-height:1.7}.drow{border-bottom:1px dashed #edeff9;justify-content:space-between;gap:10px;padding:8px 0;font-size:11.5px;display:flex}.drow:last-child{border-bottom:none;padding-bottom:0}.drow dt{color:var(--muted);align-items:center;gap:7px;font-weight:600;display:flex}.drow dt svg{color:#9aa0b5;flex:none}.drow dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-weight:800;overflow:hidden}.drow dd a{color:#4f46e5}.soc-row{flex-wrap:wrap;gap:8px;display:flex}.sh{color:#fff;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.sh svg{width:15px;height:auto}.sh:hover{transform:translateY(-2px)scale(1.06)}.sh.tw{background:#1da1f2}.sh.ig{background:linear-gradient(135deg,#f58524,#dd2a7b,#8134af)}.sh.tg{background:#229ed9}.sh.yt{background:red}.lightbox{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80;background:#0d1128e0;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.lightbox.show{display:flex}.lightbox img{border-radius:14px;max-width:min(92vw,900px);max-height:84vh;box-shadow:0 30px 80px #00000080}.lb-bar{bottom:calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1128b8;border-radius:999px;gap:8px;padding:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.lb-bar button{color:#fff;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.lb-bar button:hover{background:#ffffff29}@media (width<=820px){.ab-grid{grid-template-columns:1fr}}@media (width<=680px){.pf-stats{grid-template-columns:repeat(2,1fr)}.pf-who,.pf-acts{padding-top:0}.pf-id{margin-top:-46px}.pf-who{padding-top:6px}}@media (width<=560px){.g-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.g-page-status{grid-area:1/1/auto/-1}.g-page-btn.previous,.g-page-btn.next{width:100%}.g-grid{grid-template-columns:repeat(2,1fr)}.pf-acts{width:100%}.pbtn{flex:1;justify-content:center}.pbtn.icon{flex:none}}@media (width<=420px){.header-right .btn{padding:0 10px}.header-right .btn-label{display:none}}@media (width<=320px){body[data-ui-page=profile] .logo-text{font-size:15px}.g-grid{grid-template-columns:1fr}}@media (height<=520px) and (orientation:landscape){body[data-ui-page=profile] .header-inner{height:52px}.pf{padding-top:10px}.pf-cover{height:90px}}@media (pointer:coarse){.pbtn{height:44px}.sh{width:44px;height:44px}.g-card .ov{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (hover:none){.btn-grad:hover,.pbtn:hover,.g-card:hover{filter:none;transform:none}.g-card:hover img{transform:none}.logo:hover .logo-text{filter:none}}
