body:has(.meth){--site-background:#fff;--arena-paper:#fff}.arena-frame:has(.arena-region>.meth){background:radial-gradient(120% 620px at 50% 0,#edf0fa 0%,#f7f8fd 46%,#fff 78%) no-repeat,#fff}.arena-frame:has(.arena-region>.meth)>:is(.arena-sidebar,.arena-region){background:0 0}.meth{--ink:#17243a;--sub:#4f5d75;--faint:#8b96a8;--line:#e5e8f0;--periwinkle:#8e8ebc;--periwinkle-soft:#e4e5f4;--coral:#de9685;--coral-soft:#fbe3da;--mauve:#b997b2;--gold:#c9972c;--serif:"Newsreader Variable", ui-serif, Georgia, "Times New Roman", serif;color:var(--ink);font-family:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;container:meth/inline-size}.meth-wrap{width:min(100% - 64px,1080px);margin-inline:auto}.meth :is(h1,h2,h3){font-family:var(--serif);font-optical-sizing:auto;text-wrap:balance;font-weight:400}.meth-hero{text-align:center;padding:clamp(88px,12vh,136px) 0 0}.meth-hero h1{letter-spacing:-.03em;font-size:clamp(42px,5.5vw,68px);line-height:1.05}.meth-hero p{max-width:640px;color:var(--sub);text-wrap:balance;margin:18px auto 0;font-size:18px;line-height:1.55}.meth-hero p+p{margin-top:10px}.meth-hero a{color:var(--ink);text-underline-offset:4px;-webkit-text-decoration:underline #b9bcd9;text-decoration:underline #b9bcd9}.meth-hero a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.meth-title{letter-spacing:-.025em;text-align:center;margin-top:clamp(96px,13vh,148px);font-size:clamp(30px,3.4vw,44px);line-height:1.1}.meth-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:52px;display:grid}.meth-step{border:1px solid var(--line);text-align:center;background:#fff;border-radius:20px;overflow:hidden}.meth-step h3{letter-spacing:-.01em;margin-top:24px;font-size:23px;line-height:1.2}.meth-step p{max-width:250px;color:var(--sub);margin:8px auto 28px;font-size:15px;line-height:1.5}.meth-art{background:linear-gradient(#f1f3fb 0%,#fdf1ea 100%);place-items:center;height:232px;display:grid;position:relative;overflow:hidden}.meth-ridges{width:100%;height:100%;position:absolute;inset:0}.meth-bars{align-items:center;gap:2px;height:24px;display:inline-flex}.meth-bars i{background:currentColor;border-radius:2px;flex:none;width:2.5px}.meth-composer{text-align:left;background:#fff;border:1px solid #dfe2f0;border-radius:14px;width:min(74%,250px);padding:14px 14px 10px;position:relative;transform:translate(-6%,-8%);box-shadow:0 14px 30px #17243a1a}.meth-composer p{max-width:none;color:var(--ink);margin:0;font-size:12.5px;line-height:1.5}.meth-caret{background:var(--periwinkle);vertical-align:-2px;width:1.5px;height:13px;margin-left:2px;animation:1.1s step-end infinite meth-blink;display:inline-block}.meth-composer div{justify-content:space-between;margin-top:14px;display:flex}.meth-composer div span{border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.meth-composer-mic{color:var(--faint)}.meth-composer-send{background:var(--periwinkle);color:#fff}.meth-recorder{height:38px;color:var(--coral);background:#fff;border:1px solid #f3d5c9;border-radius:12px;align-items:center;gap:9px;padding:0 13px;font-size:12px;display:inline-flex;position:absolute;bottom:13%;right:9%;box-shadow:0 12px 26px #17243a1a}.meth-recorder span:last-child{color:var(--sub);font-variant-numeric:tabular-nums}.meth-mode-list{gap:9px;margin:0;padding:0;list-style:none;display:grid;position:relative}.meth-mode-list li{background:#fff;border:1px solid #dfe2f0;border-radius:12px;align-items:center;gap:9px;height:40px;padding:0 16px 0 12px;font-size:13.5px;font-weight:500;display:flex;box-shadow:0 8px 20px #17243a12}.meth-mode-list li:first-child{transform:translate(-18px)}.meth-mode-list li:nth-child(3){transform:translate(-10px)}.meth-mode-list li[data-picked]{border-color:var(--periwinkle);transform:translate(14px);box-shadow:0 0 0 4px #8e8ebc24,0 10px 24px #17243a1a}.meth-pointer{fill:var(--ink);color:#fff;filter:drop-shadow(0 3px 5px #17243a40);position:absolute;top:53%;left:63%}.meth-pool{grid-template-columns:repeat(8,22px);gap:11px;display:grid;position:relative}.meth-pool i{background:#ffffffd9;border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #dcdff0}.meth-pool i[data-pick]{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--pick), 0 8px 18px #17243a2e;background:var(--pick);animation:5s ease-in-out infinite meth-pick}.meth-pool i[data-pick=a]{--pick:var(--periwinkle)}.meth-pool i[data-pick=b]{--pick:var(--coral);animation-delay:.5s}.meth-flow{justify-items:center;margin-top:28px;display:grid}.meth-flow h3{letter-spacing:-.01em;margin-top:44px;font-size:23px}.meth-flow h3:before{content:"";background:linear-gradient(#0000,#c3c5e3);width:1px;height:34px;margin:0 auto 16px;display:block}.meth-panel{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(100%,720px);margin-top:20px;padding:26px 28px}.meth-panels{grid-template-columns:1fr 1.5fr;gap:16px;width:min(100%,720px);display:grid}.meth-panels .meth-panel{width:auto}.meth-panel-label{color:var(--sub);text-align:center;margin-bottom:14px;font-size:13px}.meth-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.meth-player{--side:var(--periwinkle);--side-soft:var(--periwinkle-soft);background:#f6f7fb;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.meth-player[data-side=b]{--side:var(--coral);--side-soft:var(--coral-soft)}.meth-play{background:var(--side);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding-left:2px;display:grid}.meth-player>div{flex:1;min-width:0}.meth-player strong{font-size:13.5px;font-weight:500;display:block}.meth-player .meth-bars{color:#cfd3e2;justify-content:space-between;margin-top:2px;display:flex}.meth-player .meth-bars i{animation:9s linear infinite both meth-play}.meth-vs{color:var(--faint);font-family:var(--serif);font-size:17px;font-style:italic}.meth-vote{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.meth-vote span{border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13.5px;font-weight:500;display:inline-flex}.meth-vote span[data-picked]{border-color:var(--ink);background:var(--ink);color:#fff}.meth-ladder{width:100%;height:auto;display:block}.meth-ladder-grid{stroke:#eef0f6}.meth-ladder-rank{fill:var(--ink);font-family:var(--serif);font-size:20px}.meth-ladder-axis{fill:var(--faint);font-size:11px}.meth-ladder g{--tone:var(--periwinkle)}.meth-ladder g[data-tone=gold]{--tone:var(--gold)}.meth-ladder g[data-tone=coral]{--tone:var(--coral)}.meth-ladder g[data-tone=mauve]{--tone:var(--mauve)}.meth-ladder-span,.meth-ladder-cap{stroke:var(--tone);stroke-width:2px;stroke-linecap:round}.meth-ladder-span{opacity:.55}.meth-ladder-dot{fill:var(--tone);stroke:#fff;stroke-width:3px}.meth-note{max-width:640px;color:var(--sub);text-align:center;margin:36px auto 0;font-size:16px;line-height:1.65}.meth-why{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);margin-top:56px;display:grid}.meth-mountain{aspect-ratio:5/4;position:relative}.meth-mountain img{object-fit:cover;object-position:50% 100%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%),linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%),linear-gradient(#000 78%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.meth-pin{justify-items:center;display:grid;position:absolute}.meth-pin:after{width:1px;height:var(--stem,44px);background:var(--ink);content:""}.meth-pin b{white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:8px;height:34px;padding:0 13px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 0 0 1px #17243a14,0 10px 24px #17243a26}.meth-pin .meth-bars{height:18px}.meth-pin[data-pin=vote]{--stem:52px;top:6%;left:50%;transform:translate(-50%)}.meth-pin[data-pin=vote] b{background:var(--ink);color:#fff}.meth-pin[data-pin=a]{color:var(--periwinkle);top:33%;left:9%}.meth-pin[data-pin=b]{color:var(--coral);top:40%;right:7%}.meth-pin:is([data-pin=a],[data-pin=b]) b{color:var(--ink)}.meth-pin:is([data-pin=a],[data-pin=b]) .meth-bars{color:currentColor}.meth-pin[data-pin=a] .meth-bars{color:var(--periwinkle)}.meth-pin[data-pin=b] .meth-bars{color:var(--coral)}.meth-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 36px;display:grid}.meth-points h3{letter-spacing:-.01em;font-size:23px;line-height:1.2}.meth-points p{color:var(--sub);margin-top:10px;font-size:15px;line-height:1.6}.meth-prose{width:min(100% - 64px,700px);margin:clamp(96px,13vh,148px) auto 0}#methodology{scroll-margin-top:32px}.meth-prose section{border-top:1px solid var(--line);padding:40px 0;scroll-margin-top:24px}.meth-prose section:first-child{border-top:0;padding-top:0}.meth-prose h2{letter-spacing:-.02em;font-size:30px;line-height:1.15}.meth-prose p{color:var(--sub);margin-top:16px;font-size:16px;line-height:1.7}.meth-prose a{color:var(--ink);text-underline-offset:4px;-webkit-text-decoration:underline #b9bcd9;text-decoration:underline #b9bcd9}.meth-prose a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.meth-formula{color:var(--ink);white-space:nowrap;background:#f6f7fb;border-radius:14px;gap:8px;margin-top:20px;padding:18px 20px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.6;display:grid;overflow-x:auto}.meth-formula sub{font-size:.75em;line-height:0}.meth-end{height:clamp(96px,13vh,148px)}@keyframes meth-blink{50%{opacity:0}}@keyframes meth-pick{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes meth-play{0%{background:currentColor}.5%,62%{background:var(--side)}70%,to{background:currentColor}}@media (prefers-reduced-motion:reduce){.meth-caret,.meth-pool i[data-pick],.meth-player .meth-bars i{animation:none}}@container meth (max-width:820px){.meth-wrap{width:min(100% - 40px,560px)}.meth-steps,.meth-why,.meth-panels{grid-template-columns:1fr}.meth-prose{width:min(100% - 40px,700px)}}@container meth (max-width:560px){.meth-hero{padding-top:40px}.meth-panel{padding:20px 16px}.meth-pair{grid-template-columns:1fr;justify-items:stretch;gap:8px}.meth-vs{text-align:center}.meth-points{grid-template-columns:1fr}.meth-pool{grid-template-columns:repeat(8,18px);gap:9px}.meth-pool i{width:18px;height:18px}.meth-formula{white-space:normal}}