::view-transition{pointer-events:none}::view-transition-old(.reveal-exit){animation:via-out-down 90ms var(--ease) both}::view-transition-new(.reveal-enter){animation:via-fade-in .12s var(--ease) both, via-in-up .16s var(--ease) both}::view-transition-old(messages-stage){mix-blend-mode:normal;animation:none}::view-transition-new(messages-stage){mix-blend-mode:normal;animation:none}@keyframes via-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}@keyframes via-in-up{0%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes via-fade-in{0%{opacity:0}to{opacity:1}}::view-transition-old(.nav-forward){--via-x:-16px;animation:via-fade-out 90ms var(--ease) both, via-slide-x .18s var(--ease) both}::view-transition-new(.nav-forward){--via-x:16px;animation:via-fade-in .12s var(--ease) both, via-slide-x-in .18s var(--ease) both}::view-transition-old(.nav-back){--via-x:16px;animation:via-fade-out 90ms var(--ease) both, via-slide-x .18s var(--ease) both}::view-transition-new(.nav-back){--via-x:-16px;animation:via-fade-in .12s var(--ease) both, via-slide-x-in .18s var(--ease) both}@keyframes via-fade-out{0%{opacity:1}to{opacity:0}}@keyframes via-slide-x{0%{transform:translate(0)}to{transform:translateX(var(--via-x))}}@keyframes via-slide-x-in{0%{transform:translateX(var(--via-x))}to{transform:translate(0)}}::view-transition-group(.morph){animation-duration:var(--dur-sheet);animation-timing-function:var(--ease-soft)}::view-transition-group(detail-bar){z-index:5;animation:none}::view-transition-old(detail-bar){display:none}::view-transition-new(detail-bar){animation:none}::view-transition-group(nav-rail-active){animation-duration:var(--dur-sheet);animation-timing-function:var(--ease-soft)}::view-transition-old(nav-rail-active){animation:none}::view-transition-new(nav-rail-active){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
[data-social-page=profile-edit]{max-width:780px;margin-inline:auto}.profile-editor{padding-top:20px}.pe-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.pe-intro p,.pe-help{color:var(--ink-70);font-size:13px;line-height:1.5}.pe-help a{text-decoration:underline}.pe-fields{border:0;flex-direction:column;gap:24px;min-width:0;margin:0;padding:0;display:flex}.pe-section{border-bottom:1px solid var(--rule);flex-direction:column;align-items:stretch;gap:16px;padding-bottom:24px;display:flex}.pe-section h2{font-size:16px;font-weight:600}.pe-section h2 small{color:var(--ink-70);margin-left:8px;font-size:12px;font-weight:400}.profile-editor .input{background:var(--surface);border:1px solid var(--rule);box-shadow:none;min-height:44px;font-size:15px}.pe-chips{flex-wrap:wrap;gap:8px;display:flex}.pe-field{flex-direction:column;flex:1;gap:8px;min-width:0;font-size:14px;font-weight:500;display:flex}.pe-social{align-items:end;gap:8px;display:flex}.pe-optional{border:1px solid var(--rule);background:var(--surface);border-radius:14px;padding:16px}.profile-editor summary,.pe-code>summary{cursor:pointer;padding:8px 0;font-size:15px;font-weight:600}.pe-optional summary small{color:var(--ink-70);margin-left:12px;font-size:12px;font-weight:400;display:inline-block}.pe-optional[open]>summary{margin-bottom:16px}.profile-editor summary:focus-visible,.pe-code summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.pe-save{z-index:20;border:1px solid var(--rule);background:var(--surface);box-shadow:var(--shadow-xs);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:12px 16px;display:flex;position:sticky;bottom:16px}.pe-save p{color:var(--ink-70);font-size:13px}.pe-code{margin:24px var(--gutter)}@media (max-width:819px){.pe-save{bottom:80px}}[data-social-page] .pf-head{padding-top:24px}[data-social-page] .pf-top{flex-wrap:wrap;gap:20px}.pf-identity{flex:1;min-width:160px}[data-social-page] .pf-name{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700;line-height:1.2}[data-social-page] .pf-meta{margin-top:8px;font-size:14px;line-height:1.5}[data-social-page] .pf-bio{margin-top:20px;font-size:15px;line-height:1.6}[data-social-page] .pf-actions{flex-wrap:wrap;gap:8px;max-width:100%;margin:0;display:flex}.pf-status{background:var(--brand-soft);max-width:100%;color:var(--brand-ink);border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:14px;display:inline-flex}.pf-status svg{flex-shrink:0}[data-social-page] .pf-stats{flex-wrap:wrap;gap:24px;margin-top:16px;display:flex}[data-social-page] .pf-stat{flex-direction:row;gap:6px;min-height:44px;padding:4px 0}[data-social-page] .pf-stat__n{font-family:inherit;font-size:16px}[data-social-page] .pf-stat__l{font-size:14px}[data-social-page] .pf-tabs{padding-inline:var(--gutter);gap:28px;margin-top:24px;display:flex}[data-social-page] .pf-tab{min-height:48px;padding:0 4px;font-size:15px}[data-social-page] .eyebrow{text-transform:none;letter-spacing:0;color:var(--ink);font-size:16px;font-weight:600;line-height:1.4}.pf-interest{border:1px solid var(--rule);background:var(--surface);color:var(--ink-70);border-radius:999px;padding:8px 12px;font-size:14px;line-height:1.4}.pf-interest[data-shared]{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}.pf-club{padding:12px var(--gutter);align-items:center;gap:12px;display:flex}.pf-club>div{min-width:0}.pf-club .t-body{font-size:15px;font-weight:500;display:block}.pf-club .t-meta{margin-top:4px;font-size:13px;display:block}.pf-club-icon{background:var(--brand-soft);width:40px;height:40px;color:var(--brand-ink);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.pf-classes{padding:0 var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;list-style:none;display:grid}.pf-class{border:1px solid var(--rule);background:var(--surface);border-radius:14px;flex-direction:column;gap:4px;height:100%;padding:14px 16px;display:flex}.pf-class .t-body{font-size:15px;font-weight:600}.pf-class .t-meta{font-size:13px}.pf-class:hover{border-color:var(--brand-line);background:var(--hover)}.pf-class:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media (max-width:540px){[data-social-page] .pf-top{gap:16px}[data-social-page] .pf-actions{flex-basis:100%}[data-social-page] .pf-stats{gap:20px}.pf-classes{grid-template-columns:minmax(0,1fr)}}@layer components{.pf-code:focus-visible,.pf-stat--link:focus-visible,.pf-tab:focus-visible,.set-row:focus-visible,.rk-row:focus-visible,.rank-verdict:focus-visible,.rank-pick:focus-visible,.ppl-card__link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.pf-bar{align-items:center;gap:var(--s2);min-height:var(--header-h);padding:var(--s2) var(--gutter);display:flex}.pf-code{align-items:center;gap:var(--s2);min-height:36px;margin-left:calc(-1 * var(--s3));padding:0 var(--s3);border-radius:var(--radius-pill);color:var(--ink-70);transition:background-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);text-decoration:none;display:inline-flex}.pf-code:hover{background:var(--hover);color:var(--ink)}.pf-code:active{background:var(--pressed);transform:scale(.975)}.pf-head{padding:var(--s3) var(--gutter) 0}.pf-top{align-items:center;gap:var(--s5);display:flex}.pf-avatar{border-radius:var(--radius-pill);flex-shrink:0;display:block}.pf-stats{flex:1;grid-template-columns:repeat(auto-fit,minmax(0,1fr));min-width:0;margin:0;padding:0;list-style:none;display:grid}.pf-stat{min-height:56px;padding:var(--s1);border-radius:var(--radius);color:inherit;flex-direction:column;justify-content:center;align-items:center;gap:1px;text-decoration:none;display:flex}.pf-stat--link{transition:background-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease)}.pf-stat--link:hover{background:var(--hover)}.pf-stat--link:active{background:var(--pressed);transform:scale(.975)}.pf-stat__n{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;font-size:17px;font-weight:600;line-height:22px}.pf-stat__l{color:var(--ink-45);white-space:nowrap;font-size:12.5px;line-height:17px}.pf-name{margin-top:var(--s4);color:var(--ink);align-items:center;gap:6px;display:flex}.pf-lock{color:var(--ink-70);flex-shrink:0;display:inline-flex}.pf-meta{color:var(--ink-45);margin-top:2px}.pf-bio{max-width:40em;margin-top:var(--s2);white-space:pre-wrap}.pf-bio__lead{color:var(--ink-45)}.pf-actions{gap:var(--s2);margin-top:var(--s4);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.pf-actions>.btn{justify-content:center}.pf-tabs{margin-top:var(--s5);border-bottom:1px solid var(--rule);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.pf-tab{justify-content:center;align-items:center;gap:var(--s2);min-height:46px;color:var(--ink-45);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-bottom:1.5px solid #0000;margin-bottom:-1px;font-size:13.5px;font-weight:550;line-height:18px;text-decoration:none;display:flex}.pf-tab:hover{color:var(--ink-70)}.pf-tab:active{color:var(--ink)}.pf-tab[data-selected]{border-bottom-color:var(--ink);color:var(--ink)}.pf-private{align-items:center;gap:var(--s1);margin-top:var(--s5);padding:var(--s12) var(--gutter);border-top:1px solid var(--rule);text-align:center;flex-direction:column;display:flex}.pf-private__icon{width:60px;height:60px;margin-bottom:var(--s3);border:1.5px solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);place-items:center;display:grid}.pf-hint{align-items:center;gap:var(--s2);margin:var(--s4) var(--gutter) 0;padding:var(--s3) var(--s4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-sunk);color:var(--ink-70);display:flex}.rk-group{justify-content:space-between;align-items:baseline;gap:var(--s3);padding:var(--s6) var(--gutter) var(--s2);display:flex}.rk-list,.st-podium{margin:0;padding:0;list-style:none}.rk-row{align-items:center;gap:var(--s3);min-height:60px;padding:var(--s2) var(--gutter);border-top:1px solid var(--rule);color:inherit;transition:background-color var(--dur-fast) var(--ease);grid-template-columns:1.75rem minmax(0,1fr) auto;text-decoration:none;display:grid}.rk-row:hover{background:var(--hover)}.rk-row:active{background:var(--pressed)}.rk-pos{color:var(--ink-45);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:12.5px}.rk-dot{border-radius:var(--radius-pill);vertical-align:1px;width:7px;height:7px;margin-right:6px;display:inline-block}.score{border:1.5px solid var(--rule-strong);border-radius:var(--radius-pill);background:var(--surface);width:40px;height:40px;color:var(--ink-70);font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;flex-shrink:0;justify-content:center;align-items:center;font-size:13.5px;font-weight:600;display:inline-flex}.score[data-verdict=loved]{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-ink)}.score[data-verdict=not_for_me]{border-color:var(--rule);color:var(--ink-45);background:0 0}.score--lg{width:60px;height:60px;font-size:19px}.unlock{padding:var(--s4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.unlock__bar{margin-top:var(--s3);grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;display:grid}.unlock__seg{border-radius:var(--radius-pill);background:var(--data-track);height:6px}.unlock__seg[data-on]{background:var(--data-yours)}.rank-queue{gap:var(--s2);padding:0 var(--gutter);flex-direction:column;margin:0;list-style:none;display:flex}.rank-card{padding:var(--s4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.rank-verdicts{gap:var(--s2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.rank-verdict{justify-content:center;align-items:center;gap:var(--s1);min-height:76px;padding:var(--s3) var(--s2);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink-70);font:inherit;cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);flex-direction:column;display:flex}.rank-verdict[data-verdict=loved]{color:var(--brand-ink)}.rank-verdict:hover:not(:disabled){border-color:var(--rule-strong);color:var(--ink)}.rank-verdict[data-verdict=loved]:hover:not(:disabled){border-color:var(--brand-line);color:var(--brand-ink)}.rank-verdict:active:not(:disabled){background:var(--pressed);transform:scale(.975)}.rank-verdict:disabled{cursor:default;opacity:.42}.rank-vs{gap:var(--s1);display:grid}.rank-pick{width:100%;min-height:64px;padding:var(--s3) var(--s4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs), var(--edge-light);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);flex-direction:column;align-items:flex-start;gap:2px;display:flex}.rank-pick:hover{border-color:var(--brand-line)}.rank-pick:active{background:var(--pressed);transform:scale(.99)}.rank-pick__tag{color:var(--ink-45);font-size:11px;font-weight:550;line-height:15px}.rank-or{color:var(--ink-45);text-align:center;font-size:11px;line-height:15px}.st-tiles{gap:var(--s2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.st-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.st-tile{padding:var(--s3) var(--s4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:3px;display:flex}.st-tile__n{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;font-size:21px;font-weight:500;line-height:24px}.st-tile__l{color:var(--ink-70);font-size:12.5px;line-height:17px}.st-bars{gap:var(--s3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.st-bar{align-items:center;gap:var(--s3);grid-template-columns:minmax(0,8.5rem) minmax(0,1fr) 4.5rem;display:grid}.st-track{border-radius:var(--radius-pill);background:var(--data-track);height:8px;display:block;overflow:hidden}.st-fill{border-radius:inherit;background:var(--data-yours);height:100%;display:block}.st-num{text-align:right}.st-split{border-radius:var(--radius-pill);gap:2px;height:10px;display:flex;overflow:hidden}.st-split>span{min-width:4px;display:block}.st-split>[data-verdict=loved],.st-key[data-verdict=loved]{background:var(--data-yours)}.st-split>[data-verdict=fine],.st-key[data-verdict=fine]{background:var(--data-fits)}.st-split>[data-verdict=not_for_me],.st-key[data-verdict=not_for_me]{background:var(--data-rest)}.st-legend{gap:var(--s2) var(--s5);margin:var(--s3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.st-legend li{align-items:center;gap:var(--s2);display:flex}.st-key{border-radius:var(--radius-xs);width:10px;height:10px}.st-row{align-items:baseline;gap:var(--s3);padding:var(--s3) var(--gutter);border-top:1px solid var(--rule);display:flex}.set-group{margin-top:var(--s6)}.set-group__title{padding:0 var(--gutter) var(--s2)}.set-list{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0;padding:0;list-style:none}.set-list>li{position:relative}.set-list>li+li:before{content:"";top:0;right:0;left:calc(var(--gutter) + 20px + var(--s3));border-top:1px solid var(--rule);position:absolute}.set-row{align-items:center;gap:var(--s3);min-height:54px;padding:var(--s2) var(--gutter);color:var(--ink);transition:background-color var(--dur-fast) var(--ease);text-decoration:none;display:flex}.set-row:hover{background:var(--hover)}.set-row:active{background:var(--pressed)}.set-row__icon{color:var(--ink-70);flex-shrink:0;display:inline-flex}.set-row__label{letter-spacing:-.005em;flex:1;min-width:0;font-size:15.5px;font-weight:450;line-height:21px}.set-row__value{max-width:45%;color:var(--ink-45);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:17px;overflow:hidden}.set-row__chev{color:var(--ink-25);flex-shrink:0;display:inline-flex}.set-foot{padding:var(--s8) var(--gutter) 0}.ppl-grid{gap:var(--s2);padding:0 var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid}@media (min-width:640px){.ppl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.ppl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ppl-card{min-width:0;padding:var(--s5) var(--s3) var(--s3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);text-align:center;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);flex-direction:column;align-items:center;display:flex;position:relative}.ppl-card:hover{border-color:var(--rule-strong);box-shadow:var(--shadow-xs), var(--edge-light)}.ppl-card__name{max-width:100%;margin-top:var(--s3);justify-content:center;align-items:center;gap:4px;display:flex}.ppl-card__link{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.ppl-card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.ppl-card__meta{max-width:100%;color:var(--ink-45);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.ppl-card__action{z-index:1;width:100%;margin-top:var(--s3);position:relative}.ppl-card__action .btn{justify-content:center}}.pf-about .section-heading--label,.pf-about .section-heading--title{padding-top:var(--s10)}.pf-about>:first-child .section-heading--label,.pf-about>:first-child .section-heading--title{padding-top:var(--s2)}.pf-about .rank-card{background:0 0;border:0;border-radius:0;padding:0}.pf-about .rank-card:not(:first-child){margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--rule)}.pf-about .pf-interest,.pf-about .pf-class{background:var(--surface-sunk);border:0}.pf-about .pf-class:hover{background:var(--hover)}.pf-about .pf-club:not(:first-child){border-top:1px solid var(--rule)}