/* profile: since-chip, settings group, compact legal links */
.pf-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.pf-top h1{margin:0}
.pf-since{flex:none;display:inline-block;margin:0;padding:6px 12px;border-radius:999px;font-size:12px;white-space:nowrap;font-weight:650;color:#fff;background:#ffffff14;border:1px solid #ffffff26}
.pf-since[hidden]{display:none}
.pf-group{display:flex;flex-direction:column;margin:16px 0 8px;border-radius:18px;border:1px solid var(--line,#ffffff22);background:var(--surface,#1b1c27);overflow:hidden}
.pf-row{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text,#fff);text-decoration:none}
.pf-row+.pf-row{border-top:1px solid var(--line,#ffffff1a)}
.pf-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pf-text strong,.pf-link strong{font-size:15px}
.pf-text small{font-size:12.5px;color:var(--muted,#a6a5b6)}
.pf-switch{position:relative;flex:none;width:52px;height:30px;padding:0;border:0;border-radius:999px;background:#ffffff26;cursor:pointer;transition:background .2s}
.pf-switch i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006;transition:transform .2s}
.pf-switch[aria-checked=true]{background:linear-gradient(115deg,#924bfa,#e54e9e)}
.pf-switch[aria-checked=true] i{transform:translateX(22px)}
.pf-link{cursor:pointer}.pf-link:hover{background:var(--surface2,#ffffff0d)}
.pf-link strong{flex:1}
.pf-ic{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#924bfa,#c43bd5 60%,#e54e9e)}
.pf-ic svg{width:20px;height:20px}
.pf-go{flex:none;width:8px;height:8px;border-right:2px solid var(--muted,#a6a5b6);border-top:2px solid var(--muted,#a6a5b6);transform:rotate(45deg);margin-right:4px}
/* legal links: tiny, one wrapped line at the very bottom */
#profilePage .legal-docs{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2px 12px;margin:22px 0 0;padding:0 8px;font-size:11px;line-height:1.5;text-align:center}
#profilePage .legal-docs a{color:var(--muted,#a6a5b6);opacity:.8;text-decoration:underline;text-underline-offset:2px}
@media(prefers-reduced-motion:reduce){.pf-switch,.pf-switch i{transition:none}}

/* «С нами с …»: transparent pill with a gradient edge and a small spark */
.pf-since{position:relative;display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 11px;border:0;color:#fff;font-size:12.5px;font-weight:650;letter-spacing:.01em;
 background:linear-gradient(115deg,#924bfa24,#e54e9e1c);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
 box-shadow:none}
.pf-since::after{content:"";flex:none;order:-1;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#7ae8ff,#ff6ac1);box-shadow:0 0 8px #e54e9e}
body.light .pf-since{color:#4a1a78;background:linear-gradient(115deg,#924bfa1f,#e54e9e1a)}

/* smaller chip, centred on the «Профиль» heading */
.pf-top{align-items:center;margin:0 0 16px}
.pf-top h1{line-height:1.05}
.pf-since{padding:5px 11px 5px 9px!important;gap:6px!important;font-size:11px!important;font-weight:600!important;letter-spacing:0!important}
.pf-since::after{width:6px!important;height:6px!important;box-shadow:0 0 6px #e54e9e!important}