.percentile-page{display:flex;flex-direction:column;gap:var(--space-4)}.percentile-share-card{position:relative;padding:var(--space-5);overflow:hidden}.pct-headline{text-align:center;padding:var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.pct-headline-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.pct-headline-amount{font-family:var(--font-number, monospace);font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:700;color:var(--color-primary);line-height:1.2}.pct-headline-msg{font-size:.875rem;color:var(--color-text-muted);margin-top:var(--space-1)}.pct-rank-main{font-weight:400}.pct-rank-divider{margin:0 .5em;color:var(--color-border)}.pct-rank-divider:empty{display:none}.pct-rank-sub{color:var(--color-text-muted)}.pct-source-badge{margin-top:var(--space-3);display:inline-flex;align-items:center;gap:4px}.dist-viz{margin-bottom:var(--space-6)}.dist-source-bar{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-bottom:var(--space-2);font-size:.695rem;font-weight:500;color:var(--color-text-faint);letter-spacing:.01em}.dist-source-icon{flex-shrink:0;width:11px;height:11px;opacity:.6}.dist-curve-wrap{position:relative;background:var(--color-surface-raised);border-radius:var(--radius-lg);padding-top:24px;padding-left:56px;padding-right:var(--space-4);overflow:visible;margin-bottom:2px;z-index:2}.dist-svg{display:block;width:100%;height:clamp(180px,30vw,280px);overflow:visible}.dist-grad-top{stop-color:var(--color-primary);stop-opacity:.2}.dist-grad-bot{stop-color:var(--color-primary);stop-opacity:.02}.dist-area-path{fill:url(#distAreaGrad)}.dist-line-poly{fill:none;stroke:var(--color-primary);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.dist-line-gradient{stroke:url(#distLineGrad)!important}.dist-ref-line{stroke:var(--color-border);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.dist-ref-line--key{stroke:var(--color-text-muted);stroke-width:1.5;stroke-dasharray:6 4;opacity:.55}.dist-ref-line--tier{stroke:var(--color-primary);stroke-width:2;stroke-dasharray:5 3;opacity:.6}.dist-user-marker{position:absolute;width:0;height:0;pointer-events:none;z-index:1}.dist-user-halo{position:absolute;width:28px;height:28px;border-radius:50%;border:2px solid var(--color-primary);background:transparent;transform:translate(-50%,-50%);animation:distHaloPulse 2.4s ease-out infinite}.dist-user-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--color-primary);border:2.5px solid var(--color-surface);box-shadow:0 0 4px var(--color-primary);transform:translate(-50%,-50%);animation:distDotGlow 2.4s ease-in-out infinite}.dist-user-sal-lbl{position:absolute;bottom:14px;font-size:.8125rem;font-weight:700;font-family:var(--font-number, monospace);color:var(--color-primary);white-space:nowrap}.dist-yaxis-title{position:absolute;top:4px;left:0;width:54px;text-align:right;padding-right:4px;font-size:.58rem;font-weight:700;color:var(--color-text-faint);letter-spacing:.06em}.dist-yaxis-labels{position:absolute;top:24px;left:0;width:54px;height:clamp(180px,30vw,280px);pointer-events:none}.dist-yaxis-lbl{position:absolute;right:4px;font-size:.68rem;font-weight:500;color:var(--color-text-muted);transform:translateY(-50%);white-space:nowrap;text-align:right}.dist-yaxis-line{stroke:var(--color-border);stroke-width:1;vector-effect:non-scaling-stroke}.dist-yaxis-grid{stroke:var(--color-border);stroke-width:1.5;stroke-dasharray:3 5;opacity:.65;vector-effect:non-scaling-stroke}.dist-xaxis{position:relative;z-index:3;height:20px;margin-top:-18px;margin-bottom:var(--space-3);font-size:.72rem;font-weight:500;color:var(--color-text-muted);margin-left:56px;margin-right:var(--space-4)}.dist-xaxis span{position:absolute;transform:translate(-50%);white-space:nowrap}.dist-xaxis span:nth-child(1){left:0%;transform:none}.dist-xaxis span:nth-child(2){left:49.5%}.dist-xaxis span:nth-child(3){left:74.7%}.dist-xaxis span:nth-child(4){left:89.9%}.dist-xaxis span:nth-child(5){left:100%;transform:translate(-100%)}.dist-tier-wrap{border-radius:var(--radius-md);border:1px solid var(--color-border)}.dist-tier-table{width:100%;border-collapse:collapse;font-size:.82rem}.dist-tier-table th{position:sticky;top:62px;z-index:2;background:var(--color-surface-raised);padding:var(--space-2) var(--space-3);text-align:center;font-size:.76rem;font-weight:600;color:var(--color-text-muted);box-shadow:inset 0 -2px 0 var(--color-border)}.dist-tier-table th:nth-child(1),.dist-tier-row td:nth-child(1){width:26%}.dist-tier-table th:nth-child(2),.dist-tier-row td:nth-child(2){width:28%}.dist-tier-table th:nth-child(3),.dist-tier-row td:nth-child(3){width:28%}.dist-tier-table th:nth-child(4),.dist-tier-row td:nth-child(4){width:18%}.dist-tier-row td{padding:6px var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);vertical-align:middle;text-align:center;transition:background .12s}.dist-tier-row td:nth-child(n+2){text-align:right}.dist-tier-row:last-child td{border-bottom:none}.dist-tier-row--band td{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.dist-tier-row--clickable{cursor:pointer}.dist-tier-row--clickable:hover td{background:var(--color-surface-raised)}.dist-tier-row--clickable:hover td:first-child{border-left:3px solid var(--color-primary);padding-left:calc(var(--space-3) - 3px)}.dist-tier-row--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.dist-tier-val,.dist-tier-tax,.dist-tier-rate{white-space:nowrap;overflow-wrap:normal}.dist-tier-val{text-align:right;font-family:var(--font-number);font-feature-settings:"tnum" 1;color:var(--color-text);font-weight:500}.dist-tier-sub{font-size:.72rem;color:var(--color-text-faint);font-weight:400}.dist-tier-row--milestone td{font-weight:600;color:var(--color-text)}.dist-tier-row--milestone .dist-tier-val{color:var(--color-primary)}.dist-tier-row--mean td{background:color-mix(in srgb,var(--color-text) 10%,var(--color-surface-raised));color:var(--color-text-muted);font-weight:500}.dist-tier-row--mean .dist-tier-val{color:var(--color-text);font-weight:600}.dist-tier-row--user td{background:color-mix(in srgb,var(--color-primary) 18%,var(--color-surface-raised));color:var(--color-primary);font-weight:700}.dist-tier-row--user td:first-child{box-shadow:inset 3px 0 0 var(--color-primary)}.dist-tier-row--user .dist-tier-val{color:var(--color-primary);font-weight:700}.dist-user-name{font-weight:700}.dist-user-pct{font-size:.68rem;font-weight:400;opacity:.8;margin-left:3px}.dist-tier-caveat{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);font-size:.72rem;color:var(--color-text-faint);line-height:1.4;border-top:1px solid var(--color-border)}.dist-tier-caveat i,.dist-tier-caveat svg{width:13px;height:13px;flex-shrink:0;margin-top:1px}.insight-wrap{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.insight-primary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.insight-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-top:3px solid transparent;border-radius:var(--radius-md);box-shadow:0 1px 6px #0000000d;transition:box-shadow var(--transition)}.insight-primary>.insight-card:nth-child(1){border-top-color:var(--color-primary)}.insight-primary>.insight-card:nth-child(2){border-top-color:#f59e0b}.insight-card:hover{box-shadow:0 3px 12px #00000014}.insight-card-label{font-size:.68rem;font-weight:700;color:var(--color-primary);letter-spacing:.06em;text-transform:uppercase;opacity:.8}.insight-card-value{font-size:.875rem;font-weight:600;color:var(--color-text);font-family:var(--font-number);margin-top:2px}.insight-card--achieved{border-top-color:var(--color-success);background:var(--color-success-light)}.insight-card--achieved .insight-card-label{color:var(--color-success);opacity:.75}.insight-card--achieved .insight-card-value{color:var(--color-success)}.insight-card.sk-updated{animation:cardBump .48s cubic-bezier(.34,1.56,.64,1) forwards}.pct-headline-amount.num-updated{animation:numPop .35s ease-out forwards}.insight-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:.72rem;color:var(--color-text-faint);line-height:1.6}.insight-meta-icon{width:12px;height:12px;flex-shrink:0;opacity:.45;position:relative;top:1px}.insight-meta-sep{color:var(--color-border);font-size:.8rem}.dist-user-marker{transition:left .3s cubic-bezier(.34,1.56,.64,1),top .3s cubic-bezier(.34,1.56,.64,1)}.dist-user-marker.dist-marker-skip{opacity:0;transition:none!important}.sk-resizing .dist-user-marker{transition:none!important}.dist-line-drawn{transition:stroke-dashoffset 2.4s cubic-bezier(.4,0,.2,1);stroke-dashoffset:0!important}.dist-area-drawn{animation:distAreaFadeIn 1.8s ease-out both}@keyframes distAreaFadeIn{0%{opacity:0}to{opacity:1}}.dist-hover-line{stroke:var(--color-primary);stroke-width:1.5;stroke-dasharray:4 3;opacity:.4;vector-effect:non-scaling-stroke;pointer-events:none}.dist-hover-tooltip[hidden]{display:none}.dist-hover-tooltip{position:absolute;background:var(--color-surface-raised);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:4px 10px 5px;pointer-events:none;white-space:nowrap;box-shadow:0 2px 12px #0000001a;display:flex;flex-direction:column;gap:1px;z-index:10}.dist-hover-pct{font-size:.78rem;font-weight:700;color:var(--color-primary)}.dist-hover-sal{font-size:.71rem;font-weight:500;color:var(--color-text-muted);font-family:var(--font-number)}@keyframes distHaloPulse{0%{opacity:.55;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@keyframes distDotGlow{0%,to{box-shadow:0 0 3px var(--color-primary)}50%{box-shadow:0 0 9px var(--color-primary)}}@media (max-width: 640px){.dist-xaxis span:nth-child(4){display:none}#dist-ref-p90{display:none}}@media (max-width: 480px){.dist-tier-table{font-size:.74rem}.insight-chips{flex-direction:column}.dist-svg{height:clamp(160px,38vw,220px)}.dist-curve-wrap{padding-left:46px;padding-right:var(--space-3)}.dist-xaxis{margin-left:46px;margin-right:var(--space-3);font-size:.68rem}.dist-yaxis-labels{width:44px;height:clamp(160px,38vw,220px)}.dist-yaxis-title{width:44px}.dist-yaxis-lbl{font-size:.62rem}.dist-tier-table{font-size:.76rem}.dist-tier-table th{font-size:.72rem}.dist-tier-table th,.dist-tier-row td{padding:5px var(--space-2)}.dist-tier-row td:nth-child(1){white-space:nowrap}.dist-tier-row--user td:nth-child(1){line-height:1.25}.dist-tier-row--user .dist-user-name{display:block}.dist-tier-row--user .dist-user-pct{display:block;margin-left:0;margin-top:1px;font-size:.62rem}.insight-primary{grid-template-columns:1fr 1fr}.insight-card{padding:var(--space-2);border-top-width:2px}.insight-card-label{font-size:.6rem;letter-spacing:.04em}.insight-card-value{font-size:.82rem}.pct-headline-amount{font-size:clamp(.95rem,5vw,1.2rem)}.pct-headline{padding:var(--space-2) 0 var(--space-3);margin-bottom:var(--space-3)}.dist-source-bar{font-size:.64rem}}@media (max-width: 360px){.insight-card{padding:5px 7px;border-top-width:2px;box-shadow:none}.insight-card-label{font-size:.54rem;opacity:.7}.insight-card-value{font-size:.75rem}.insight-card:hover{box-shadow:none}.dist-tier-table{font-size:.64rem}.dist-tier-table th{font-size:.6rem}.dist-tier-table th,.dist-tier-row td{padding:3px 4px}}@media (min-width: 768px){.dist-tier-table th{top:68px}}.sk-resizing .share-section,.sk-resizing .share-compact-popover,.sk-resizing .share-compact-popover>*{transition:none!important;animation:none!important}@media (prefers-reduced-motion: reduce){.dist-line-poly,.dist-user-marker{transition:none!important}.dist-line-drawn{transition:none!important;stroke-dashoffset:0!important}.dist-area-drawn{animation:none;opacity:1}.dist-user-halo{animation:none;opacity:0}.dist-user-dot{animation:none;box-shadow:none}}