

:root{--paper:#f0efe7;--ink:#161719;--blue:#315cff;--acid:#d5ff35;--pink:#ff6bce;--line:rgba(22,23,25,.22);--mono:'DM Mono',monospace;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.ticker{overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--ink);background:var(--acid);font:500 12px var(--mono);letter-spacing:.08em;padding:11px 0}.ticker-track{display:flex;width:max-content;animation:marquee 24s linear infinite}.ticker-track span{padding-right:35px}.ticker.blue{background:var(--blue);color:#fff;border:0}.ticker.pink{background:var(--pink)}@keyframes marquee{to{transform:translateX(-50%)}}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:rgba(240,239,231,.92);backdrop-filter:blur(14px);z-index:10}.logo{font-size:21px;font-weight:700;letter-spacing:-.08em}.logo span{color:var(--blue)}nav{display:flex;gap:30px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em}nav a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--ink);border-radius:99px;padding:10px 16px;font:11px var(--mono);text-transform:uppercase}.hero{min-height:690px;padding:7vw 5vw 5vw;position:relative;display:grid;grid-template-columns:1.4fr .6fr;gap:3vw;align-items:center;overflow:hidden}.eyebrow{font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #315cff22}.hero h1{font-size:clamp(64px,10.6vw,158px);line-height:.82;letter-spacing:-.095em;text-transform:uppercase;margin:35px 0 28px;max-width:900px}.hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero h1 .blue{color:var(--blue)}.hero-copy{font-size:17px;line-height:1.5;max-width:390px;margin:0 0 28px}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.big-button{border:0;background:var(--blue);color:white;border-radius:4px;padding:18px 24px;display:inline-flex;align-items:center;gap:22px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;box-shadow:5px 5px 0 var(--ink);transition:transform .18s,box-shadow .18s}.big-button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.subtle{font:10px var(--mono);max-width:140px;line-height:1.5;color:#555}.hero-art{position:relative;min-height:460px;display:grid;place-items:center}.orbit{width:min(35vw,420px);aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;position:absolute;animation:spin 32s linear infinite}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid var(--line);border-radius:50%;inset:11%}.orbit:after{inset:24%}.orbit-label{position:absolute;top:2%;right:4%;background:var(--pink);border:1px solid var(--ink);padding:10px 13px;font:10px var(--mono);transform:rotate(8deg);z-index:2}.badge-graphic{width:250px;height:290px;background:var(--acid);border:1.5px solid var(--ink);box-shadow:12px 12px 0 var(--blue);transform:rotate(-7deg);display:flex;flex-direction:column;justify-content:space-between;padding:18px;position:relative;z-index:1;animation:float 5s ease-in-out infinite}.badge-graphic .big{font-size:100px;line-height:.8;font-weight:700;letter-spacing:-.1em}.badge-graphic .label{font:11px var(--mono);line-height:1.4;text-transform:uppercase}.badge-graphic .stamp{align-self:flex-end;border:1px solid var(--ink);border-radius:50%;width:66px;height:66px;display:grid;place-items:center;font-size:28px;transform:rotate(12deg)}.side-note{position:absolute;bottom:6%;right:0;font:10px var(--mono);writing-mode:vertical-rl;letter-spacing:.1em}.scribble{position:absolute;left:3%;top:11%;font:11px var(--mono);transform:rotate(-9deg);color:var(--blue)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:rotate(-2deg) translateY(-12px)}}.section{padding:100px 5vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}.section h2{font-size:clamp(42px,6.4vw,90px);line-height:.9;letter-spacing:-.08em;text-transform:uppercase;margin:15px 0 0}.section-head p{font:11px var(--mono);line-height:1.6;max-width:220px}.stats{background:var(--ink);color:var(--paper);position:relative}.stats .section-head{border-bottom:1px solid #ffffff33;padding-bottom:30px}.stats .eyebrow{color:var(--acid)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #ffffff33}.stat{padding:28px 25px;min-height:230px;border-right:1px solid #ffffff33;position:relative}.stat-label{font:11px var(--mono);color:#b8b8b1;text-transform:uppercase}.stat-num{font-size:clamp(55px,8vw,110px);letter-spacing:-.09em;line-height:1;margin:35px 0 12px}.stat-num em{font-style:normal;color:var(--acid)}.stat-foot{font:10px var(--mono);color:#aaa}.stat-mark{position:absolute;right:22px;top:22px;font-size:22px;color:var(--pink)}.chart-wrap{display:grid;grid-template-columns:1fr .85fr;gap:5vw;margin-top:65px;align-items:center}.chart-title{font-size:clamp(28px,4vw,50px);letter-spacing:-.07em;line-height:.95;text-transform:uppercase}.chart-title span{color:var(--acid)}.bars{height:180px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #777;padding:0 5px}.bar{flex:1;background:var(--blue);min-width:8px;transform-origin:bottom;animation:grow 1.1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*70ms);height:var(--h);position:relative}.bar:hover{background:var(--pink)}@keyframes grow{from{transform:scaleY(.03)}to{transform:scaleY(1)}}.days{display:flex;justify-content:space-between;font:9px var(--mono);color:#aaa;padding-top:10px}.manifesto{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:start}.manifesto h2{font-size:clamp(40px,5.8vw,78px)}.manifesto-copy{font-size:clamp(23px,3vw,42px);line-height:1.12;letter-spacing:-.055em;max-width:750px}.manifesto-copy span{color:var(--blue)}.manifesto-copy small{display:block;font:11px var(--mono);letter-spacing:0;margin-top:30px;line-height:1.6;max-width:430px;color:#5c5c56}.board{background:var(--pink);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.board h2{max-width:780px}.leaderboard{margin-top:45px;border-top:1px solid var(--ink)}.leader{display:grid;grid-template-columns:70px 1fr 150px 110px;gap:15px;align-items:center;padding:22px 0;border-bottom:1px solid #16171955}.rank{font:12px var(--mono)}.alias{font-size:23px;font-weight:700;letter-spacing:-.05em}.alias small{display:block;font:10px var(--mono);font-weight:400;letter-spacing:0;margin-top:5px}.leader .metric{font:11px var(--mono)}.leader .score{text-align:right;font-size:25px;font-weight:700;letter-spacing:-.07em}.fake-tag{font:9px var(--mono);border:1px solid var(--ink);padding:5px 7px;width:max-content;text-transform:uppercase}.closing{background:var(--blue);color:white;padding:95px 5vw 80px;position:relative;overflow:hidden}.closing h2{font-size:clamp(55px,10vw,145px);line-height:.82;letter-spacing:-.1em;max-width:1050px;margin:30px 0 45px}.closing h2 span{color:var(--acid)}.closing .big-button{background:var(--acid);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.closing .eyebrow .dot{background:var(--pink)}.closing-note{font:10px var(--mono);position:absolute;right:5vw;bottom:35px;max-width:210px;line-height:1.6}footer{padding:25px 5vw;display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);text-transform:uppercase}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,150%);background:var(--acid);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:16px 22px;z-index:20;font:12px var(--mono);text-transform:uppercase;transition:transform .35s cubic-bezier(.2,.8,.2,1);max-width:90vw}.toast.show{transform:translate(-50%,0)}.confetti{position:fixed;z-index:19;pointer-events:none;font-size:24px;animation:fall 1.4s ease-in forwards}@keyframes fall{to{transform:translate(var(--dx),100vh) rotate(600deg);opacity:0}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.cursor{display:inline-block;width:10px;height:1em;background:var(--pink);vertical-align:-.12em;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}@media(max-width:800px){header{height:66px;padding:0 5vw}nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px;min-height:auto}.hero h1{font-size:clamp(65px,17vw,120px)}.hero-art{min-height:360px}.orbit{width:300px}.badge-graphic{width:205px;height:245px}.badge-graphic .big{font-size:82px}.side-note{right:2%}.section{padding:70px 5vw}.section-head{display:block}.section-head p{margin-top:20px}.stats-grid{grid-template-columns:1fr}.stat{min-height:180px;border-bottom:1px solid #ffffff33}.stat-num{margin:25px 0 8px}.chart-wrap,.manifesto{grid-template-columns:1fr;gap:35px}.leader{grid-template-columns:35px 1fr 75px;gap:8px}.leader .metric:nth-child(3){display:none}.alias{font-size:18px}.leader .score{font-size:20px}.closing h2{font-size:clamp(55px,16vw,100px)}.closing-note{position:static;margin-top:45px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

.reaction-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:flex-end;padding:clamp(16px,3vw,36px);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}
.reaction-overlay.open{opacity:1;visibility:visible}
.reaction-card{position:relative;width:min(340px,78vw);background:#f0efe7;border:2px solid #161719;box-shadow:8px 8px 0 #d5ff35;padding:8px;transform:translateY(18px) scale(.94) rotate(2deg);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.reaction-overlay.open .reaction-card{transform:translateY(0) scale(1) rotate(0)}
.reaction-card img{display:block;width:100%;height:auto;max-height:42vh;object-fit:contain}
.reaction-caption{font:700 clamp(14px,2vw,20px) var(--display);letter-spacing:-.06em;text-transform:uppercase;padding:8px 6px 2px}
.reaction-close{display:none}

.luck-line{display:block;line-height:.91;letter-spacing:-.065em;white-space:nowrap}
.luck-line-mid{font-size:.58em;letter-spacing:-.045em;margin-top:.16em;line-height:1}
.luck-line-accent{font-size:1.02em;line-height:.94;margin-top:.08em}


/* Additions only: original design and embedded GIF retained. */
.preview-note{padding:10px 5vw;border-bottom:1px solid var(--line);font:10px var(--mono);background:var(--paper)}
.pattern-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px}.pattern-card{border:1px solid #666;padding:24px;min-width:0}.pattern-card h3{font-size:21px;letter-spacing:-.05em;margin:0 0 22px;text-transform:uppercase}.heatmap{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.heat-cell{aspect-ratio:1;border:0;border-radius:5px;background:#343538;min-width:0;padding:0}.heat-cell.today{outline:2px solid var(--pink);outline-offset:2px}.chart-note{font:10px var(--mono);color:#bbb;line-height:1.7;margin-top:15px}.heat-key{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.heat-key i{width:12px;height:12px;display:inline-block;margin-right:4px;vertical-align:middle}.timebars{height:155px;display:flex;gap:9px;align-items:end;border-bottom:1px solid #777}.time-col{flex:1;background:var(--blue);border:0;min-height:4px;padding:0}.time-labels{display:flex;justify-content:space-around;font:10px var(--mono);margin-top:10px;color:#bbb}.board-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.board-tabs button,.survey-chip{border:1px solid var(--ink);background:transparent;padding:11px 16px;font:11px var(--mono);border-radius:30px}.board-tabs button[aria-selected=true],.survey-chip[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}
.reaction-overlay{pointer-events:none}.reaction-overlay.open .reaction-card{pointer-events:auto}.reaction-close{display:block;position:absolute;top:10px;right:10px;z-index:2;border:1px solid var(--ink);background:var(--paper);width:30px;height:30px;font-size:22px}.survey-invite{padding:12px 6px 8px;border-top:1px solid var(--line);margin-top:10px}.survey-invite strong{display:block;font-size:24px;letter-spacing:-.06em;margin-bottom:12px}.survey-invite .big-button{padding:12px 16px;font-size:12px}.text-button{background:none;border:0;text-decoration:underline;font:11px var(--mono);padding:12px;cursor:pointer}.survey-invite p{font:10px var(--mono)}
.survey-dialog{border:2px solid var(--ink);background:var(--paper);color:var(--ink);padding:28px;width:min(640px,calc(100vw - 36px));max-height:88vh;overflow:auto;box-shadow:8px 8px 0 var(--acid)}.survey-dialog::backdrop{background:#161719b3;backdrop-filter:blur(5px)}.survey-top{display:flex;justify-content:space-between;align-items:center;font:11px var(--mono)}.survey-dialog h2{font-size:40px;letter-spacing:-.07em;text-transform:uppercase;margin:20px 0}.survey-dialog fieldset{border:0;padding:0;margin:24px 0}.survey-dialog legend,.survey-dialog label{font-weight:600;font-size:16px;margin-bottom:12px;display:block}.survey-options{display:flex;gap:8px;flex-wrap:wrap}.survey-dialog input,.survey-dialog select{width:100%;padding:13px;background:transparent;border:1px solid var(--ink);border-radius:0;font:13px var(--mono);box-sizing:border-box}.survey-dialog input:focus{outline:2px solid var(--blue)}.survey-dialog input.other-answer{margin-top:10px}.survey-dialog progress{width:100%;height:5px;accent-color:var(--blue);margin-top:15px}.survey-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;gap:10px}.survey-foot .big-button{padding:13px 18px}.survey-small{font:10px var(--mono);line-height:1.6;color:#555}.challenge-link{display:inline-block;margin-top:22px;font:11px var(--mono);border-bottom:1px solid var(--ink);padding-bottom:5px}.challenge-summary{display:flex;gap:30px;flex-wrap:wrap;margin:25px 0}.challenge-summary strong{font-size:44px;display:block;letter-spacing:-.06em}.survey-dialog [hidden]{display:none!important}@media(max-width:700px){.pattern-grid{grid-template-columns:1fr}.survey-dialog{padding:20px}.board .leader{grid-template-columns:55px 1fr 65px}.board .metric{display:none}.pattern-card{padding:18px}.reaction-card img{max-height:27vh}.survey-chip{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:600px){header{padding:0 5vw;height:auto;min-height:70px;gap:12px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}header nav{gap:12px;flex-wrap:wrap;font-size:9px}.nav-cta{font-size:9px;padding:8px 10px}.hero{overflow:hidden}.hero h1{overflow-wrap:normal}.board .alias{font-size:18px}.board .score{font-size:22px}.board .rank{font-size:10px}.board .leader{gap:10px}.reaction-overlay{padding:16px}.reaction-card{width:min(340px,calc(100vw - 50px))}.reaction-card img{max-height:24vh}.survey-dialog{max-height:82dvh}input,select{font-size:16px!important}}
.hero h1 .hero-opening,.hero h1 .hero-need{display:inline-block;white-space:nowrap;letter-spacing:-.095em}.hero h1 .hero-need{font-size:.84em}

.hero h1 .hero-ending{display:inline-block;white-space:nowrap;letter-spacing:-.095em;position:relative}.hero h1 .hero-ending .cursor{position:absolute;left:100%;margin-left:2px;bottom:0;height:.85em;width:.12em}.headline-versions{display:inline-flex;gap:14px;margin-left:18px;flex-wrap:wrap}.headline-versions a{border-bottom:1px solid var(--blue);padding:6px 0;color:var(--blue)}.headline-versions a[aria-current=page]{font-weight:700;border-bottom:2px solid var(--ink);color:var(--ink)}

/* Approved identity retained. Latest survey, comparison board, and Spank Bank. */
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}::selection{background:var(--acid);color:var(--ink)}input{caret-color:var(--blue)}button,a,input,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}.reveal{opacity:1;transform:none}.data-link{font:11px var(--mono);color:var(--acid);display:inline-block;padding:16px 0;text-decoration:underline;text-underline-offset:5px}.bank-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--acid);padding:25px 5vw;border-bottom:1px solid var(--ink);font:11px var(--mono)}.bank-strip a{font-size:16px;text-decoration:underline;text-underline-offset:6px}.board .section-head{margin-bottom:25px}.result-tabs{display:none}.result-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);margin-top:25px}.result-panel{padding:25px 20px 0;min-width:0;border-right:1px solid var(--line)}.result-panel:first-child{padding-left:0}.result-panel:last-child{border-right:0;padding-right:0}.result-panel h3{font-size:17px;letter-spacing:-.03em;margin:0 0 20px}.result-panel ol{margin:0;padding:0;list-style:none}.result-row{margin-bottom:18px}.result-line{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:7px;align-items:baseline}.result-no{font:11px var(--mono);color:var(--blue)}.result-name{font-size:14px;font-weight:600;overflow-wrap:anywhere;line-height:1.4}.result-count{font:11px var(--mono);font-variant-numeric:tabular-nums}.result-track{height:3px;background:#16171912;margin:9px 0 0 29px}.result-track span{display:block;height:100%;background:var(--blue);width:var(--value)}.ranking-note,.swipe-hint{font:10px var(--mono);line-height:1.7;margin-top:22px;color:#555}.swipe-hint{display:none}.duration-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;height:230px;align-items:end;padding-top:25px}.duration-column{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;min-width:0}.duration-count{font:12px var(--mono);text-align:center;margin-bottom:8px;color:var(--acid)}.duration-stick{background:var(--blue);min-height:3px;max-height:150px;flex-shrink:0}.duration-label{font:10px var(--mono);text-align:center;color:#ddd;min-height:36px;margin-top:12px;line-height:1.5}.duration-column:last-child .duration-stick{background:var(--pink)}.pattern-grid{margin-top:35px}.pattern-card{padding:24px;border-color:#777}.heat-cell{min-height:24px;border-radius:3px}.heat-cell.today{outline-color:white}.heat-cell:focus-visible{outline-color:var(--acid)}.chart-note{color:#ccc}.heat-key{gap:14px}.bank-heading{background:var(--paper);padding:65px 5vw 50px;border-bottom:1px solid var(--line)}.bank-heading h1{font-size:clamp(60px,10vw,140px);line-height:.9;text-transform:uppercase;letter-spacing:-.075em;margin:20px 0 25px}.bank-heading p{max-width:560px;font-size:16px;line-height:1.7}.bank-heading .back-home{font:11px var(--mono);text-decoration:underline;text-underline-offset:5px}.personal-summary{display:flex;gap:50px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.personal-summary strong{font-size:40px;display:block;letter-spacing:-.06em}.personal-summary span{font:10px var(--mono);text-transform:uppercase}.survey-dialog{width:min(690px,calc(100vw - 32px));padding:24px;scrollbar-color:var(--blue) var(--paper);scrollbar-width:thin}.survey-dialog h2{margin:16px 0 20px}.survey-dialog fieldset{margin:20px 0}.survey-chip{padding:10px 13px;font:11px var(--mono);min-height:40px}.survey-field{margin:18px 0}.survey-field label{margin-bottom:8px}.search-select{position:relative}.search-results{list-style:none;margin:0;padding:5px;background:var(--paper);border:1px solid var(--ink);border-top:0;max-height:175px;overflow-y:auto}.search-results li{font:13px var(--display);padding:10px 9px;cursor:pointer}.search-results li:hover,.search-results li[aria-selected=true]{background:var(--blue);color:white}.search-results .search-hint{font:10px var(--mono);color:#555;pointer-events:none;line-height:1.6}.survey-dialog #cityChoice{margin-top:12px}.survey-dialog .survey-small{margin-top:10px}.survey-foot{position:sticky;bottom:-24px;background:var(--paper);padding-bottom:10px;z-index:3}.survey-dialog input,.survey-dialog select{min-height:44px}.survey-dialog legend{margin-bottom:10px}.survey-dialog .survey-small{color:#555}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-note{line-height:1.6}.heat-key i{border:1px solid #777}.bank-heading .nav-cta{display:inline-block;margin-top:10px}.reaction-card:focus{outline:none}header nav{gap:22px}.blog-link-strip{padding:28px 5vw;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;font:11px var(--mono)}.blog-link-strip a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:850px){.result-panel{padding:22px 12px 0}.result-name{font-size:12px}.result-line{gap:4px;grid-template-columns:18px minmax(0,1fr) auto}.result-track{margin-left:22px}header nav{gap:12px}.duration-bars{gap:8px}}
@media(max-width:700px){.result-tabs{display:flex;gap:0;flex-wrap:nowrap;overflow:auto;border-bottom:1px solid var(--ink);margin:25px 0 0;scrollbar-width:none}.result-tabs button{flex:1;white-space:nowrap;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:14px 10px;font:10px var(--mono);min-height:44px;letter-spacing:0}.result-tabs button[aria-selected=true]{background:var(--blue);color:white;border-bottom:3px solid var(--ink)}.result-tabs button[aria-selected=false]{background:transparent;color:var(--ink)}.swipe-hint{display:block;margin-top:10px;font-size:9px}.result-panels{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-top:0;margin-top:5px;overscroll-behavior-x:contain}.result-panel,.result-panel:first-child,.result-panel:last-child{flex:0 0 100%;padding:20px 0 0;border-right:0;scroll-snap-align:start;scroll-snap-stop:always}.result-name{font-size:17px}.result-line{grid-template-columns:27px minmax(0,1fr) auto;gap:9px}.result-track{margin-left:36px}.result-no,.result-count{font-size:12px}.result-row{margin-bottom:21px}.result-panel h3{font-size:18px}.duration-bars{height:215px;gap:8px}.duration-label{font-size:9px}.bank-heading{padding-top:42px}.bank-heading h1{font-size:clamp(52px,13vw,90px)}.personal-summary{gap:30px}.survey-dialog{padding:20px;max-height:86dvh}.survey-dialog h2{font-size:32px}.survey-dialog fieldset{margin:18px 0}.survey-chip{font-size:10px;padding:9px 12px}.survey-field label,.survey-dialog legend{font-size:15px}.survey-foot{bottom:-20px}.heatmap{gap:6px}.heat-cell{min-height:20px}.pattern-card{padding:18px}.pattern-card h3{font-size:18px}header .nav-cta{margin-left:auto}header nav{order:3;flex-basis:100%;justify-content:space-between;font-size:10px;gap:8px}header{padding-top:12px;padding-bottom:12px;row-gap:14px}.bank-strip{padding:22px 5vw}.blog-link-strip{flex-wrap:wrap}.ranking-note{font-size:9px}.hero h1 .hero-ending .cursor{width:.06em;margin-left:0}}
@media(prefers-reduced-motion:reduce){.result-panels{scroll-behavior:auto}}

