@property --who-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.who-chooser{--who-gold:oklch(80% .14 85);--who-gold-hi:oklch(94% .08 92);--who-gold-lo:oklch(50% .11 68);--who-ink:oklch(13% .01 260);--who-ink-2:oklch(20% .015 260);--who-text:oklch(96% .01 90);--who-muted:oklch(78% .03 85);perspective:1200px;gap:14px;width:100%;display:grid}.who-chooser-grid{gap:16px;display:grid}.who-chooser--row .who-chooser-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.who-chooser--stack .who-chooser-grid{grid-template-columns:1fr;gap:12px}.who-tab{isolation:isolate;text-align:left;width:100%;min-height:104px;color:var(--who-text);cursor:pointer;background:radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, var(--who-gold) 16%, transparent), transparent 55%), linear-gradient(160deg, var(--who-ink-2), var(--who-ink));box-shadow:0 18px 40px -22px oklch(0% 0 0/.9), inset 0 1px 0 color-mix(in oklab, var(--who-gold-hi) 22%, transparent);transform-style:preserve-3d;animation:.8s cubic-bezier(.2,.8,.2,1) backwards who-rise;animation-delay:calc(var(--who-i,0) * .14s + .12s);border:0;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:grid;position:relative;overflow:hidden}.who-chooser--stack .who-tab{gap:12px;min-height:84px;padding:14px 16px}.who-tab-frame{z-index:-1;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--who-angle), var(--who-gold-lo), var(--who-gold-hi) 12%, var(--who-gold) 22%, var(--who-gold-lo) 40%, var(--who-gold) 70%, var(--who-gold-hi) 82%, var(--who-gold-lo));-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1.5px;animation:7s linear infinite who-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.who-tab-shine{z-index:0;pointer-events:none;background:linear-gradient(105deg, transparent 35%, color-mix(in oklab, var(--who-gold-hi) 26%, transparent) 50%, transparent 65%);animation:5.5s ease-in-out infinite who-shine;animation-delay:calc(var(--who-i,0) * .9s + 1.2s);position:absolute;inset:0;transform:translate(-120%)}.who-tab-medal{z-index:1;width:68px;height:68px;color:var(--who-gold-hi);background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--who-gold) 30%, var(--who-ink-2)), var(--who-ink) 72%);box-shadow:inset 0 0 0 1.5px var(--who-gold), inset 0 0 18px color-mix(in oklab, var(--who-gold) 25%, transparent), 0 0 22px -6px var(--who-gold);border-radius:50%;place-items:center;display:grid;position:relative}.who-chooser--stack .who-tab-medal{width:56px;height:56px}.who-tab-medal svg{width:62%;height:62%;filter:drop-shadow(0 0 6px color-mix(in oklab, var(--who-gold) 70%, transparent));animation:4.5s ease-in-out infinite who-icon-float;animation-delay:calc(var(--who-i,0) * .6s)}.who-tab-medal svg path,.who-tab-medal svg circle{stroke-dasharray:160;stroke-dashoffset:160px;animation:1.6s ease-out forwards who-draw;animation-delay:calc(var(--who-i,0) * .14s + .4s)}.who-tab-ring{border:1px dashed color-mix(in oklab, var(--who-gold) 70%, transparent);border-radius:50%;animation:18s linear infinite who-ring;position:absolute;inset:-5px}.who-tab-text{z-index:1;gap:3px;min-width:0;display:grid;position:relative}.who-tab-numeral{font-family:var(--font-display,serif);letter-spacing:.38em;color:var(--who-gold);font-size:11px}.who-tab-label{font-family:var(--font-display,serif);letter-spacing:.08em;text-transform:uppercase;color:var(--who-text);background:linear-gradient(180deg, var(--who-gold-hi), var(--who-gold) 60%, var(--who-gold-lo));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:700;line-height:1.15}.who-tab-hint{color:var(--who-muted);font-size:13px;line-height:1.35}.who-tab-arrow{z-index:1;color:var(--who-gold);font-size:28px;line-height:1;transition:transform .35s;position:relative}.who-tab:hover,.who-tab:focus-visible{box-shadow:0 26px 50px -22px oklch(0% 0 0/.95), 0 0 34px -8px var(--who-gold), inset 0 1px 0 color-mix(in oklab, var(--who-gold-hi) 40%, transparent);transform:translateY(-4px)rotateX(5deg)}.who-tab:hover .who-tab-arrow,.who-tab:focus-visible .who-tab-arrow{transform:translate(5px)}.who-tab:hover .who-tab-ring{border-style:solid;animation-duration:5s}.who-tab:focus-visible{outline:2px solid var(--who-gold-hi);outline-offset:4px}.who-tab:active{transform:translateY(-1px)scale(.99)}@keyframes who-spin{to{--who-angle:360deg}}@keyframes who-ring{to{transform:rotate(360deg)}}@keyframes who-rise{0%{opacity:0;transform:translateY(26px)rotateX(-18deg)}}@keyframes who-shine{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes who-draw{to{stroke-dashoffset:0}}@keyframes who-icon-float{50%{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.who-tab,.who-tab-frame,.who-tab-shine,.who-tab-ring,.who-tab-medal svg,.who-tab-medal svg path,.who-tab-medal svg circle{animation:none}.who-tab-medal svg path,.who-tab-medal svg circle{stroke-dashoffset:0}.who-tab-shine{display:none}.who-tab:hover,.who-tab:focus-visible{transform:none}}