.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-3) 0 var(--space-5);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.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.6rem,5vw,2.25rem);font-weight:800;color:var(--color-primary);line-height:1.1}.pct-headline-msg{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.pct-source-badge{margin-top:var(--space-3);display:inline-flex;align-items:center;gap:4px}.dist-viz{margin-bottom:var(--space-4)}.dist-curve-wrap{position:relative;background:var(--color-surface-raised);border-radius:var(--radius-lg);padding-top:24px;padding-left:56px;overflow:visible;margin-bottom:2px}.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-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}.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;height:20px;margin-top:-18px;margin-bottom:var(--space-3);font-size:.72rem;font-weight:500;color:var(--color-text-muted);margin-left:56px}.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{overflow-x:auto;overflow-y:auto;max-height:480px;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 thead tr{position:sticky;top:0;z-index:2;background:var(--color-surface-raised)}.dist-tier-table th{padding:var(--space-2) var(--space-3);text-align:left;font-size:.76rem;font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.dist-tier-table th:last-child{text-align:right}.dist-tier-row td{padding:6px var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);vertical-align:middle;transition:background .12s}.dist-tier-row:last-child td{border-bottom:none}.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{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:var(--color-surface-raised);color:var(--color-text-muted);font-weight:500;font-style:italic}.dist-tier-row--mean .dist-tier-val{color:var(--color-text);font-style:normal}.dist-tier-row--user td{background:var(--color-primary-light);color:var(--color-primary);font-weight:700}.dist-tier-row--user .dist-tier-val{color:var(--color-primary);font-weight:700}.dist-tier-row--user td:first-child:before{content:"\25b6  ";font-size:.6rem}.insight-wrap{display:flex;flex-direction:column;gap:var(--space-3)}.insight-primary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.insight-card{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md)}.insight-card-label{font-size:.72rem;font-weight:500;color:var(--color-text-faint);letter-spacing:.02em}.insight-card-value{font-size:.9375rem;font-weight:700;color:var(--color-text);font-family:var(--font-number)}.insight-card--achieved{border-left-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.is-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}@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(3),.dist-xaxis span:nth-child(4){display:none}}@media (max-width: 480px){.insight-chips{flex-direction:column}.dist-svg{height:clamp(160px,38vw,220px)}.dist-curve-wrap{padding-left:46px}.dist-xaxis{margin-left:46px;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-wrap{max-height:360px}.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)}.insight-primary{grid-template-columns:1fr}.insight-card{padding:var(--space-2) var(--space-3)}.insight-card-value{font-size:.875rem}.pct-headline-amount{font-size:clamp(1.4rem,7vw,1.85rem)}.pct-headline{padding:var(--space-2) 0 var(--space-4);margin-bottom:var(--space-4)}}@media (prefers-reduced-motion: reduce){.dist-line-poly{transition:none}.dist-user-halo{animation:none;opacity:0}.dist-user-dot{animation:none;box-shadow:none}}