/* Public profile page (/@username), brand: navy #0A0D26, amber #FFB547, teal #22E4FF, lilac #7B6CE6 */
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0A0D26;color:#F2F0FF;font-family:Inter,system-ui,sans-serif}
body{background:radial-gradient(ellipse at 50% 20%,#1b1650 0%,#0A0D26 65%) fixed}
.pf-top{padding:calc(14px + env(safe-area-inset-top)) clamp(16px,2.5vw,28px) 0;font:500 .9rem Lexend,Inter,sans-serif}.pf-top a{color:#F2F0FF;text-decoration:none;opacity:.9}.pf-top a:hover{color:#22E4FF}
.pf-wrap{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:24px 16px 48px}
.pf-card{width:min(520px,100%);text-align:center;background:rgba(10,13,38,.85);border:1px solid rgba(123,108,230,.55);border-radius:18px;padding:28px 22px 24px;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.pf-name{margin:0;font:700 clamp(1.8rem,7vw,2.6rem)/1.1 Lexend,Inter,sans-serif;color:#fff;word-break:break-all}
.pf-sub{margin:8px 0 0;color:#CFCBEF}.pf-sub b{color:#22E4FF;font-weight:600}
.pf-kicker{margin:0;font:700 .9rem Lexend,Inter,sans-serif;color:#7B6CE6;letter-spacing:.12em}
.pf-404 h1{margin:6px 0 0;font:700 1.8rem/1.2 Lexend,Inter,sans-serif}
.pf-cube{margin:20px auto 0;padding:14px;border-radius:14px;background:rgba(123,108,230,.12);border:1px dashed rgba(123,108,230,.6)}
.pf-cube img{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;opacity:.9}
.pf-soon{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 0;font:600 .95rem Lexend,Inter,sans-serif;color:#E9E6FF}
.pf-dot{width:7px;height:7px;border-radius:50%;background:#FFB547;box-shadow:0 0 10px #FFB547}
.pf-cta,.pf-copy{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;min-height:44px;padding:0 22px;border:0;border-radius:999px;background:#FFB547;color:#1b1203;font:700 1rem Lexend,Inter,sans-serif;text-decoration:none;cursor:pointer}
.pf-copy[hidden]{display:none}.pf-cta:focus-visible,.pf-copy:focus-visible{outline:2px solid #22E4FF;outline-offset:2px}
.pf-handle{margin:6px 0 0;font:600 1.05rem Lexend,Inter,sans-serif;color:#22E4FF}
.pf-tag{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;font:600 .8rem/1.3 Lexend,Inter,sans-serif;vertical-align:middle;word-break:normal;background:rgba(255,181,71,.16);color:#FFB547;border:1px solid rgba(255,181,71,.45)}
.pf-tag--fan{background:rgba(34,228,255,.12);color:#22E4FF;border-color:rgba(34,228,255,.4)}.pf-tag--both{background:rgba(185,120,255,.15);color:#C9A0FF;border-color:rgba(185,120,255,.45)}
.pf-follow{margin:10px auto 0;display:block;font:600 .9rem Lexend,Inter,sans-serif;color:#1b1203;background:#FFB547;border:0;border-radius:999px;padding:9px 20px;cursor:pointer}
.pf-follow.is-on{background:transparent;color:#FFB547;border:1px solid rgba(255,181,71,.6)}
.pf-follow[hidden]{display:none}
.pf-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:16px auto 4px;padding:0}
.pf-stats li{list-style:none;margin:0;flex:0 1 96px;min-width:84px;padding:10px 8px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;gap:4px}
.pf-stats b{display:block;font:700 1.15rem/1.1 Lexend,Inter,sans-serif;color:#fff}.pf-stats span{display:block;font-size:.72rem;line-height:1.2;color:rgba(255,255,255,.62)}
/* bio + links (site-step-mail2) */
.pf-about{margin:14px auto 0;max-width:420px;text-align:left}
.pf-bio{margin:0 0 10px;line-height:1.5;color:#E8E9F7;overflow-wrap:anywhere}
.pf-bio a,.pf-links a{color:#5EE6D0}
.pf-links{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pf-links a{display:flex;gap:8px;align-items:baseline;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.06);text-decoration:none;overflow:hidden}
.pf-lp{font-weight:600;color:#FFB547;flex-shrink:0}.pf-lu{color:#C9CBE6;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-form{margin:12px auto 0;max-width:420px;text-align:left;display:grid;gap:8px}
.pf-form textarea,.pf-form input{width:100%;box-sizing:border-box;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#11153A;color:#fff;padding:8px 10px;font:inherit}
.pf-form fieldset{border:0;padding:0;margin:0;display:grid;gap:6px}.pf-form legend{margin-bottom:4px}
.pf-cnt{margin:0;font-size:12px;color:#9EA1C7;text-align:right}.pf-ferr{color:#FF8A8A;font-size:13px;margin:6px 0 0}.pf-fb{display:flex;gap:8px}
/* Fans chip + overlay (Solar 9:39 PM) */
.pf-fanchip button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;border-radius:12px;padding:2px 8px;transition:background .15s,box-shadow .15s}
.pf-fanchip button:hover,.pf-fanchip button:focus-visible{background:rgba(255,181,71,.14);box-shadow:0 0 0 2px rgba(255,181,71,.5)}
.pf-fanchip button span{text-decoration:underline dotted;text-underline-offset:3px}
.pf-ov{position:fixed;inset:0;z-index:1000;display:grid;place-items:center}.pf-ov[hidden]{display:none}
.pf-scrim{position:absolute;inset:0;background:rgba(5,7,24,.7)}
.pf-dlg{position:relative;width:min(560px,94vw);max-height:86vh;overflow:auto;background:#0F1336;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;color:#fff;box-sizing:border-box}
.pf-x{position:absolute;top:8px;right:8px;width:40px;height:40px;border:0;background:none;color:#fff;font-size:24px;cursor:pointer}
.pf-tabs{display:flex;gap:6px;margin:0 40px 10px 0}.pf-tabs button,.pf-sorts button,.pf-pg button,.pf-fol{border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;font:inherit;font-size:13px}
.pf-tabs [aria-selected=true],.pf-sorts .is-on{background:#B8A6FF;color:#0A0D26;border-color:#B8A6FF;font-weight:600}
.pf-sorts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:#C9CBE6;margin-bottom:8px}
.pf-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pf-rows li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.05)}
.pf-who{display:flex;flex-direction:column;color:#fff;text-decoration:none;min-width:0;flex:1 1 120px}.pf-who small{color:#9EA1C7}
.pf-nums{display:inline-flex;gap:8px;font-size:12px;color:#C9CBE6;font-variant-numeric:tabular-nums}
.pf-fol{background:#FFB547;color:#0A0D26;border-color:#FFB547;font-weight:700}.pf-fol.is-on{background:transparent;color:#FFB547}
.pf-pg{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:10px}.pf-empty{color:#C9CBE6}
html.pf-ov-on{overflow:hidden}
.pf-ferr.fe-on{display:flex;align-items:flex-start;gap:6px;box-sizing:border-box;width:100%;margin:6px 0 0;padding:6px 6px 6px 8px;border-radius:8px;background:rgba(229,72,77,.12);border:1px solid rgba(229,72,77,.5);color:#FFB3B3;text-align:left}
.fe-on svg{flex:none;margin-top:1px}.fe-txt{flex:1;min-width:0;overflow-wrap:anywhere}
.fe-x{flex:none;width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:inherit;font-size:16px;line-height:1;cursor:pointer}
.fe-retry{flex:none;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:600 11px/1 Inter,sans-serif;padding:4px 8px;cursor:pointer}
.pf-cnt{display:block;text-align:right}
/* bio alignment (Solar 8:20) */
.pf-bio-c{text-align:center}
.pf-cntrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.pf-cntrow .pf-cnt{flex:1}
.pf-al{display:inline-flex;border:1px solid #3A3D63;border-radius:8px;overflow:hidden}
.pf-al button{font:inherit;font-size:12px;padding:3px 10px;background:transparent;color:#9EA1C7;border:0;cursor:pointer}
.pf-al button[aria-pressed="true"]{background:#2F7BFF;color:#fff}
.pf-al button:focus-visible{outline:2px solid #fff;outline-offset:-2px}
/* edit form buttons (Solar 8:33): one row, equal size, centered, 12px gap; focus ring only for keyboard */
.pf-form .pf-fb{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:6px}
.pf-form .pf-fb>button{margin:0;flex:0 0 120px;width:120px;height:44px;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;font:700 1rem Lexend,Inter,sans-serif;line-height:1;outline:0;vertical-align:middle}
.pf-form .pf-fb>button:focus{outline:0}.pf-form .pf-fb>button:focus-visible{outline:2px solid #22E4FF;outline-offset:2px}
.pf-form .pf-fb>.pf-copy{background:transparent;color:#FFB547;border:1px solid rgba(255,181,71,.6)}.pf-form .pf-fb>.pf-follow{border:1px solid #FFB547}
/* link pills + names (Solar 8:35) */
.pf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}
.pf-links li{margin:0}
.pf-links a.pf-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#EDEEFF;font:600 .9rem Lexend,Inter,sans-serif;text-decoration:none;max-width:100%}
.pf-links a.pf-pill:hover{background:rgba(255,255,255,.14)}.pf-links a.pf-pill:focus{outline:0}.pf-links a.pf-pill:focus-visible{outline:2px solid #22E4FF;outline-offset:2px}
.pf-ic{flex:0 0 18px}.pf-pl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.pf-lrow{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:6px}
@media (max-width:480px){.pf-lrow{grid-template-columns:1fr;gap:4px;margin-bottom:6px}}
.pf-form input[aria-invalid="true"]{border-color:#FF8A8A}
/* top nav (Solar 8:41) */
.pf-top{padding:calc(8px + env(safe-area-inset-top)) clamp(12px,2.5vw,28px) 0}
.pf-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:1100px;margin:0 auto}
.pf-logo{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#F2F0FF;text-decoration:none;font:1.15rem Lexend,Inter,sans-serif;opacity:1}
.pf-logo b{font-weight:700}.pf-logo i{font-style:normal;font-weight:400;color:#22E4FF}
.pf-navr{display:flex;align-items:center;gap:8px}
.pf-top a.pf-nb,.pf-av{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;box-sizing:border-box;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#F2F0FF;font:600 .9rem Lexend,Inter,sans-serif;text-decoration:none;opacity:1;cursor:pointer}
.pf-top a.pf-nb--go{background:#FFB547;border-color:#FFB547;color:#1b1203}
.pf-top a.pf-nb:hover{color:inherit;filter:brightness(1.1)}
.pf-av{width:44px;padding:0;background:#2F7BFF;border-color:#2F7BFF;color:#fff;font-weight:700}
.pf-av-w{position:relative}
.pf-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:180px;display:grid;padding:6px;border-radius:14px;background:#141838;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px rgba(0,0,0,.45)}
.pf-menu[hidden]{display:none}
.pf-menu a,.pf-menu button{display:flex;align-items:center;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:none;color:#F2F0FF;font:500 .95rem Inter,sans-serif;text-align:left;text-decoration:none;cursor:pointer;opacity:1}
.pf-menu a:hover,.pf-menu button:hover{background:rgba(255,255,255,.08);color:#F2F0FF}.pf-menu .pf-out{color:#FF8A8A}
.pf-nb:focus{outline:0}.pf-nb:focus-visible,.pf-av:focus-visible,.pf-menu :focus-visible,.pf-logo:focus-visible{outline:2px solid #22E4FF;outline-offset:2px}
@media (max-width:420px){.pf-logo span{font-size:1rem}.pf-top a.pf-nb{padding:0 12px;font-size:.85rem}.pf-navr{gap:6px}}
@media (max-width:360px){.pf-logo span{display:none}}
/* profile HUD (Solar 8:43) */
html.pf-hud .pf-top{display:none}
.pf-hmenu{position:fixed;z-index:2147483000}
@media (min-width:1960px){html.pf-hud .sc-hudli{max-width:1880px;margin:0 auto;left:0;right:0}}
/* Snapshot (Solar 9:20/9:23) */
.pf-cube--snap img{width:100%;height:auto;border-radius:16px;display:block}
.pf-upd{margin:6px 0 0;font-size:.8rem;color:rgba(255,255,255,.6);text-align:center}
.pf-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.pf-snapbtn{display:inline-flex;align-items:center;gap:8px}
.pf-sc{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px}
.pf-sc-scrim{position:absolute;inset:0;background:rgba(5,7,20,.6)}
.pf-sc-box{position:relative;background:#0f1330;border:2px solid #2F7BFF;border-radius:18px;padding:14px;max-width:min(760px,100%);width:100%}
.pf-sc-box img{width:100%;height:auto;border-radius:12px;display:block}
.pf-sc-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:12px}.pf-sc-row .pf-copy{min-height:44px;text-decoration:none;display:inline-flex;align-items:center}
.pf-sc-msg{text-align:center;margin:8px 0 0;min-height:1em;font-size:.9rem;color:#9fb2ff}

/* Solar 3:52: badge under @handle, tidier header spacing, Visit cube CTA, locked cube */
.pf-card .pf-name{margin-bottom:2px}.pf-card .pf-handle{margin:0}.pf-tagrow{margin:6px 0 2px;display:flex;justify-content:center}.pf-tagrow .pf-tag{font-size:12px;padding:2px 10px;margin:0}
.pf-card .pf-sub{margin-top:6px}
.pf-visitrow{display:flex;justify-content:center;margin:14px 0 4px}.pf-visit-b{display:inline-flex;align-items:center;min-height:44px;padding:0 26px;border-radius:999px;background:#FFB547;color:#1b1203;font:700 15px Lexend,system-ui,sans-serif;text-decoration:none}
.pf-visitrow--own{margin-bottom:8px}
.pf-cvset{display:block;margin:8px auto 0;background:none;border:0;color:#9fb4ff;font:600 13px Lexend,system-ui,sans-serif;text-decoration:underline;cursor:pointer}
.pf-cube--locked{display:grid;place-items:center;min-height:180px;border:1px dashed #3a4170;border-radius:16px;padding:20px;text-align:center}.pf-lock{margin:0;font:700 18px Lexend,system-ui,sans-serif}
.pf-cube--visit img{width:100%;height:auto;border-radius:16px}