.scroll-test{--scroll-bg:hsl(var(--background));--scroll-ink:hsl(var(--foreground));--scroll-muted:hsl(var(--muted-foreground));--scroll-line:rgba(78,84,200,.24);--scroll-readable:#4e54c8;--scroll-action-bg:#4e54c8;--scroll-action-ink:#ffffff;--scroll-accent-subtle:rgba(78,84,200,.16);--scroll-accent-border:rgba(78,84,200,.54);--scroll-outline:rgba(17,21,30,.32);--scroll-chart-0:#4e54c8;--scroll-chart-1:#7175d8;--scroll-chart-2:#9396e2;--scroll-chart-3:#acaee9;--scroll-chart-4:#c5c7ef;--scroll-chart-5:#d8d9f4;--scroll-chart-6:#e9eafa;--scroll-chart-track:#e0e1f4;position:relative;isolation:isolate;min-height:100dvh;border:0!important;border-radius:0;background-color:var(--scroll-bg);color:var(--scroll-ink);font-family:var(--font-body);display:flex;flex-direction:column;max-width:100%;overflow-x:clip}.scroll-test>:not(canvas){position:relative;z-index:10}.scroll-test-viewport{width:100%;min-height:100dvh;display:flex;flex:0 0 auto;flex-direction:column}.scroll-test-dark{--scroll-bg:hsl(var(--background));--scroll-ink:hsl(var(--foreground));--scroll-muted:hsl(var(--muted-foreground))}.scroll-test .scroll-test-color-name,.scroll-test h1,.scroll-test h2{font-family:var(--font-heading);font-weight:400;letter-spacing:-.02em;text-wrap:balance}.scroll-test button{cursor:pointer}.scroll-test button:disabled{cursor:not-allowed;opacity:.5}.scroll-test a:focus-visible,.scroll-test button:focus-visible,.scroll-test summary:focus-visible{outline:2px solid var(--scroll-accent);outline-offset:4px}.scroll-test-header{width:min(1180px,calc(100% - 48px));margin:0 auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px dashed var(--scroll-line)}.scroll-test-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--scroll-ink);font-family:var(--font-body);font-size:16px;font-weight:400;letter-spacing:0}.scroll-test-brand-mark{display:inline-block;width:34px;height:34px;flex:0 0 auto;background:var(--scroll-accent);-webkit-mask:url(/bilatera-mark.png) left center/contain no-repeat;mask:url(/bilatera-mark.png) left center/contain no-repeat}.scroll-test-brand-name{font-weight:500;text-transform:uppercase;font-size:13px;letter-spacing:.08em;color:var(--scroll-readable)}.scroll-test-brand-divider{color:var(--scroll-muted);padding:0 3px}.scroll-test-brand-suffix{font-family:var(--font-body);font-size:13px;letter-spacing:0;color:var(--scroll-muted)}.scroll-test .scroll-test-mode{position:static;inset:auto;display:inline-grid;place-items:center;width:44px;height:44px;min-height:44px;flex:0 0 44px;margin:0;padding:0;border-radius:999px;color:var(--scroll-readable)}.scroll-test-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.scroll-stats-content>*,.scroll-test-result-layout>*,.scroll-test-shell,.scroll-test-shell>*{min-width:0}.scroll-test-kicker{color:var(--scroll-readable);font-size:13px;font-weight:400;letter-spacing:0;margin:0 0 22px}.scroll-test-kicker:before{content:"•••";display:inline-block;font-size:13px;letter-spacing:.14em;margin-right:11px;vertical-align:1px}.scroll-test h1{font-size:clamp(40px,4.2vw,62px);line-height:1.08;margin:0;max-width:850px}.scroll-test h1 em{font-style:normal;color:var(--scroll-readable)}.scroll-test-intro{display:flex;flex:1;align-items:center;justify-content:center;padding-top:72px;padding-bottom:90px;text-align:center}.scroll-test-intro-copy{width:100%;max-width:780px;min-width:0;margin:0 auto}.scroll-test-subtle{color:var(--scroll-muted);font-size:15px;line-height:1.5}.scroll-test-hero-subtitle{max-width:650px;margin:34px auto 0}.scroll-test-actions{display:flex;align-items:center;justify-content:center;gap:18px 28px;flex-wrap:wrap;margin-top:44px}.scroll-test-primary{gap:1.5rem}.scroll-test-primary,.scroll-test-stats-link{display:inline-flex;align-items:center;justify-content:center}.scroll-test-stats-link{gap:.75rem;border:0;background:transparent;color:var(--scroll-readable);text-decoration:none;transition:color .18s ease-out}.scroll-test-stats-link:hover{color:var(--scroll-ink)}.scroll-test-owned{display:flex;justify-content:center;gap:9px;align-items:center;margin-top:28px;font-size:13px;color:var(--scroll-muted)}.scroll-test-owned span{width:13px;height:13px;border-radius:50%}.scroll-test-history{border-top:1px dashed var(--scroll-line);margin-top:0;padding-top:24px;padding-bottom:34px;text-align:left}.scroll-test-history h2{font-size:20px;margin:0 0 12px}.scroll-test-history button{width:100%;display:flex;justify-content:space-between;gap:12px;color:var(--scroll-ink);background:transparent;border:0;border-bottom:1px dashed var(--scroll-line);padding:14px 0;text-align:left}.scroll-test-history button span:last-child{color:var(--scroll-muted)}.scroll-test-about{border-top:1px dashed var(--scroll-line);padding-top:64px;padding-bottom:88px}.scroll-test-about-intro{max-width:800px}.scroll-test-about-intro h2{margin:0 0 16px;font-size:clamp(28px,3.2vw,42px);line-height:1.15}.scroll-test-about-intro p{margin:0;color:var(--scroll-muted);font-size:17px;line-height:1.65;text-wrap:pretty}.scroll-test-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;border-top:1px dashed var(--scroll-line);border-bottom:1px dashed var(--scroll-line)}.scroll-test-about-grid>div{min-width:0;padding:28px 30px 30px}.scroll-test-about-grid>div:first-child{padding-left:0}.scroll-test-about-grid>div:last-child{padding-right:0}.scroll-test-about-grid>div+div{border-left:1px dashed var(--scroll-line)}.scroll-test-about-grid h3{margin:0 0 10px;font-family:var(--font-heading);font-size:19px;font-weight:400;letter-spacing:-.02em}.scroll-test-about-grid p{margin:0;color:var(--scroll-muted);font-size:14px;line-height:1.6;text-wrap:pretty}.scroll-test-about-links{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:24px}.scroll-test-about-links a{color:var(--scroll-readable);font-size:14px;text-decoration:none}.scroll-test-color-page,.scroll-test-question,.scroll-test-result,.scroll-test-rules{flex:1;padding-top:clamp(55px,9vh,112px);padding-bottom:80px}.scroll-test-color-page h1,.scroll-test-question h1,.scroll-test-result h1,.scroll-test-rules h1{font-size:clamp(36px,4.2vw,58px);max-width:860px}.scroll-test-prestart{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.scroll-test-prestart .scroll-test-scale{width:100%}.scroll-test-prestart .scroll-test-rule-copy{width:min(100%,720px);text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}.scroll-test-prestart .scroll-test-step-actions{justify-content:center}.scroll-test-prestart .scroll-test-privacy{margin-right:auto;margin-left:auto}.scroll-test-question h2{font-size:22px;margin:52px 0 22px;max-width:670px;line-height:1.35}.scroll-test-scale{margin:58px 0 30px;max-width:620px}.scroll-test-scale-readout{display:flex;justify-content:flex-end;min-height:1.5rem;margin-bottom:18px;color:var(--scroll-readable);font-family:var(--font-heading);font-size:18px;font-variant-numeric:tabular-nums}.scroll-test-scale .dotwork-slider-root{min-height:24px}.scroll-test-bands button.selected{background:var(--scroll-accent-subtle);border-color:var(--scroll-accent-border);color:var(--scroll-readable)}.scroll-test-scale-ends{display:flex;justify-content:space-between;color:var(--scroll-muted);font-size:13px;margin-top:12px}.scroll-test-step-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.scroll-test-step-back{min-height:44px;border:0;background:transparent;color:var(--scroll-muted);font-size:14px;padding:10px 0}.scroll-test-step-back:hover{color:var(--scroll-ink)}.scroll-test-rule-copy{max-width:720px;margin:36px 0;font-size:17px;line-height:1.57}.scroll-test-rule-copy p{margin:0 0 15px}.scroll-test-rule-copy strong{font-weight:550}.scroll-test-inline-link{color:var(--scroll-readable);font-weight:500}.scroll-test-privacy{max-width:620px;color:var(--scroll-muted);font-size:13px;line-height:1.5;margin-top:25px}.scroll-test-bands{display:flex;flex-wrap:wrap;gap:9px;max-width:850px}.scroll-test-bands button{border:1px dashed var(--scroll-line);background:transparent;color:var(--scroll-ink);border-radius:10px 8px 12px 9px;padding:11px 15px}.scroll-test-post-submit{margin-top:24px}.scroll-test-active-body{overflow:hidden!important}.scroll-test-running{height:100dvh;min-height:100dvh;overflow:hidden}.scroll-test-running .scroll-test-header{border-bottom-color:transparent}.scroll-test-active{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 0 32px}.scroll-test-active-footer,.scroll-test-active-note{color:var(--scroll-muted);letter-spacing:.08em;font-size:12px;margin:0;text-align:center}.scroll-test-audio-recovery{position:absolute;z-index:4;top:8px;left:50%;transform:translateX(-50%);min-height:44px;border:0;border-bottom:1px dashed var(--scroll-accent-border);background:transparent;color:var(--scroll-readable);padding:10px 2px 7px;font:500 13px/1.2 var(--font-body);white-space:nowrap}.scroll-test-audio-recovery:focus-visible{outline:2px solid var(--scroll-readable);outline-offset:5px}.scroll-test-motion-field{width:min(1180px,calc(100% - 48px));flex:1;min-height:180px;position:relative}.scroll-test-moving-dot{position:absolute;top:50%;width:clamp(94px,18vmin,160px);height:clamp(94px,18vmin,160px);transform:translate3d(-50%,-50%,0)}.scroll-test-moving-dot .app-bls-dot-core{width:70%}.scroll-test-moving-dot .app-bls-dot-ring{display:none}.scroll-test-timer-reveal{border:0;background:transparent;color:var(--scroll-ink);min-height:66px;padding:8px 24px;text-align:center;font-family:var(--font-heading);font-size:31px;font-weight:400;font-variant-numeric:tabular-nums}.scroll-test-timer-hidden{color:var(--scroll-muted);font-family:var(--font-body);font-size:13px;letter-spacing:0}.scroll-test-result-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:60px;margin:55px 0 38px;align-items:center}.scroll-test-result-layout-combined{grid-template-columns:minmax(0,1fr) minmax(390px,470px);align-items:start;gap:clamp(48px,7vw,88px)}.scroll-test-metrics{border-top:1px dashed var(--scroll-line)}.scroll-test-metric{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:1px dashed var(--scroll-line);padding:16px 0;font-size:16px}.scroll-test-metric strong{font-family:var(--font-heading);font-size:21px;font-weight:400;text-align:right}.scroll-test-result-color-block{min-width:0}.scroll-test-result-color{width:min(100%,320px);margin:0 auto;border-radius:50%;aspect-ratio:1;box-shadow:0 0 0 1px var(--scroll-line)}.scroll-test-result-color-block .scroll-test-color-name{margin:22px 0 10px;color:var(--scroll-readable);text-align:center}.scroll-test-color-explainer{max-width:440px;margin:0 auto;color:var(--scroll-muted);font-size:14px;line-height:1.55;text-align:center;text-wrap:pretty}.scroll-test-result-combined .scroll-test-result-color-block{border-top:1px dashed var(--scroll-line);border-bottom:1px dashed var(--scroll-line);padding:24px 0 20px}.scroll-test-result-color-identity{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:30px}.scroll-test-result-color-identity .scroll-test-result-color{width:190px;margin:0}.scroll-test-result-color-identity .scroll-test-color-name{margin:0 0 12px;font-size:clamp(34px,3.2vw,46px);line-height:1;text-align:left;overflow-wrap:anywhere}.scroll-test-result-color-identity .scroll-test-color-explainer{margin:0;text-align:left}.scroll-test-comparison{color:var(--scroll-muted);font-size:14px;line-height:1.55;margin:24px 0 0}.scroll-test-reveal{display:grid;grid-template-columns:360px minmax(0,1fr);gap:70px;align-items:center;margin:55px 0}.scroll-test-reveal-orb{border-radius:50%;aspect-ratio:1;width:100%}.scroll-test-color-name{font-size:38px;margin:0 0 12px}.scroll-test-reveal p{line-height:1.6;max-width:520px}.scroll-test-color-details,.scroll-test-reveal details{margin-top:28px;max-width:680px;color:var(--scroll-muted);font-size:14px}.scroll-test-color-details summary,.scroll-test-reveal summary{color:var(--scroll-ink);cursor:pointer;width:fit-content}.scroll-test-color-details summary .app-dash-underline,.scroll-test-reveal summary .app-dash-underline{margin-left:2px}.scroll-test-color-details{margin-right:auto;margin-left:auto}.scroll-test-result-combined .scroll-test-color-details{width:100%;max-width:none;margin:20px 0 0;padding-top:18px;border-top:1px dashed var(--scroll-line)}.scroll-test-result-combined .scroll-test-color-details summary{display:inline-flex;align-items:center;gap:8px;min-height:44px}.scroll-test-color-details-icon{color:var(--scroll-readable);transition:transform .18s cubic-bezier(.16,1,.3,1)}.scroll-test-color-details[open] .scroll-test-color-details-icon{transform:rotate(180deg)}.scroll-test-formula{margin-top:24px}.scroll-test-formula p{margin:0 0 18px}.scroll-test-formula ul{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}.scroll-test-formula li{line-height:1.55}.scroll-test-formula strong{color:var(--scroll-ink);font-weight:550}.scroll-test-formula code{color:var(--scroll-ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em;font-variant-numeric:tabular-nums}.scroll-test-color-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 28px;margin:0 0 22px;padding:0;list-style:none}.scroll-test-color-map li{display:grid;grid-template-columns:78px 14px minmax(0,1fr);align-items:center;gap:8px;min-height:23px}.scroll-test-color-map-dash{color:var(--scroll-muted);text-align:center}.scroll-test-color-map-theme{display:flex;align-items:center;gap:8px;min-width:0}.scroll-test-color-map-swatch{width:17px;height:17px;flex:0 0 17px;border-radius:50%;border:1px solid var(--scroll-line)}.scroll-test-formula-result{padding-top:18px;border-top:1px dashed var(--scroll-line)}.scroll-test-share{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;position:relative}.scroll-test-result-stats-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-left:auto;color:var(--scroll-readable);font-size:14px;text-decoration:none;transition:color .18s ease-out}.scroll-test-result-stats-link:hover{color:var(--scroll-ink)}.scroll-test-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:33px;margin-top:75px}.scroll-test-cta h2{font-size:26px;margin:0 0 8px}.scroll-test-cta p{max-width:640px;margin:0;font-size:15px;line-height:1.5;color:var(--scroll-muted)}.scroll-test-cta button{white-space:nowrap}.scroll-test-error{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;max-width:min(90vw,500px);padding:12px 18px;background:#9b2c37;color:white;border-radius:10px;font-size:14px}.scroll-test-footer{width:min(1200px,calc(100% - 48px));margin:auto auto 0;border-top:1px dashed var(--scroll-line);display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:18px 0 max(24px,env(safe-area-inset-bottom));color:var(--scroll-muted);font-size:12px}.scroll-test-footer-left{display:flex;align-items:baseline;gap:28px;min-width:0}.scroll-test-footer-left span{min-width:0}.scroll-test-footer a{color:inherit;text-decoration:none}@media (max-width:760px){.scroll-test-footer,.scroll-test-header,.scroll-test-shell{width:calc(100% - 32px)}.scroll-test-header{min-height:calc(76px + env(safe-area-inset-top));padding-top:max(12px,env(safe-area-inset-top))}.scroll-test-brand{gap:7px}.scroll-test-brand-mark{width:32px;height:32px}.scroll-test-intro{padding-top:clamp(42px,8svh,72px);padding-bottom:clamp(58px,10svh,88px)}.scroll-test-intro h1,.scroll-test-intro p{max-width:100%}.scroll-test-intro h1{font-size:clamp(38px,10vw,54px)}.scroll-test-hero-subtitle{margin-top:28px;font-size:16px}.scroll-test-actions{margin-top:36px}.scroll-test-color-page,.scroll-test-question,.scroll-test-result,.scroll-test-rules{padding-top:48px;padding-bottom:64px}.scroll-test-color-page h1,.scroll-test-question h1,.scroll-test-result h1,.scroll-test-rules h1{font-size:clamp(34px,9.2vw,48px)}.scroll-test-scale{max-width:100%}.scroll-test-result-layout,.scroll-test-reveal{grid-template-columns:1fr;gap:34px}.scroll-test-result-layout-combined{margin-top:42px}.scroll-test-result-color-identity{grid-template-columns:minmax(124px,160px) minmax(0,1fr);gap:24px}.scroll-test-result-color-identity .scroll-test-result-color{width:100%;max-width:160px}.scroll-test-result-color,.scroll-test-reveal-orb{width:min(280px,72vw);margin:auto}.scroll-test-cta{align-items:flex-start;flex-direction:column;padding:24px}.scroll-test-history button{flex-direction:column;gap:4px}.scroll-test-about{padding-top:48px;padding-bottom:64px}.scroll-test-about-grid{grid-template-columns:1fr;margin-top:32px;border-bottom:0}.scroll-test-about-grid>div,.scroll-test-about-grid>div:first-child,.scroll-test-about-grid>div:last-child{padding:24px 0}.scroll-test-about-grid>div+div{border-left:0;border-top:1px dashed var(--scroll-line)}.scroll-test-about-links,.scroll-test-footer{flex-direction:column;align-items:flex-start}.scroll-test-footer{gap:14px;padding-top:20px;padding-bottom:max(30px,env(safe-area-inset-bottom));font-size:13px;line-height:1.4}.scroll-test-footer-left{flex-direction:column;align-items:flex-start;gap:12px}.scroll-test-motion-field{width:calc(100% - 32px)}.scroll-test-moving-dot{width:98px;height:98px}.scroll-test-color-map{grid-template-columns:1fr}.scroll-test-result-stats-link{margin-left:0}}@media (max-width:460px){.scroll-test-brand-divider,.scroll-test-brand-name,.scroll-test-brand-suffix{font-size:12px}.scroll-test-result-color-identity{grid-template-columns:104px minmax(0,1fr);gap:16px}.scroll-test-result-color-identity .scroll-test-result-color{width:104px}.scroll-test-result-color-identity .scroll-test-color-name{font-size:28px}.scroll-test-result-color-identity .scroll-test-color-explainer{font-size:13px;line-height:1.45}.scroll-test-metric{gap:12px;font-size:14px}.scroll-test-metric strong{max-width:52%;font-size:18px;overflow-wrap:anywhere}.scroll-test-cta{padding:22px 18px}}@media (prefers-reduced-motion:reduce){.scroll-test-color-details-icon,.scroll-test-primary,.scroll-test-result-stats-link,.scroll-test-stats-link{transition:none}.scroll-test-primary:hover:not(:disabled){transform:none}}.scroll-stats-content{padding-top:72px;padding-bottom:100px}.scroll-stats-heading{width:100%;max-width:930px}.scroll-stats-heading h1{font-size:clamp(38px,5vw,66px)}.scroll-stats-heading h1 em{color:var(--scroll-readable);font-style:normal}.scroll-stats-heading>p:not(.scroll-test-kicker){font-size:20px;color:var(--scroll-muted);line-height:1.5;margin:25px 0 30px}.scroll-stats-heading .scroll-test-primary{text-decoration:none}.scroll-stats-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px dashed var(--scroll-line);border-bottom:1px dashed var(--scroll-line);margin-top:80px}.scroll-stats-totals div{min-width:0;padding:30px 24px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.scroll-stats-totals strong{font:400 clamp(30px,4vw,52px)/1.1 var(--font-heading);color:var(--scroll-readable)}.scroll-stats-totals span{font-size:14px;color:var(--scroll-muted);max-width:230px;line-height:1.4;text-wrap:balance}.scroll-stats-since{font-size:12px;color:var(--scroll-muted);margin-top:14px}.scroll-stats-section{border-top:1px dashed var(--scroll-line);padding:55px 0 65px}.scroll-stats-survival-section{border-top:0}.scroll-stats-method h2,.scroll-stats-section-head h2{font-size:28px;line-height:1.25;margin:0 0 7px}.scroll-stats-section-head p{color:var(--scroll-muted);font-size:14px;line-height:1.5;margin:0 0 26px}.scroll-stats-color-groups,.scroll-stats-columns,.scroll-stats-survival,.scroll-stats-urge-chart{width:min(960px,100%);margin-inline:auto}.scroll-stats-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}.scroll-stats-pair>div{min-width:0}.scroll-stats-pair h3{font-family:var(--font-body);font-size:14px;font-weight:500;margin:0 0 20px}.scroll-stats-bars{display:grid;gap:10px}.scroll-stats-bar{display:grid;grid-template-columns:minmax(62px,110px) minmax(0,1fr) minmax(76px,auto);gap:12px;align-items:center;min-height:24px}.scroll-stats-bar-label{font-size:12px;line-height:1.3;color:var(--scroll-muted);overflow-wrap:anywhere}.scroll-stats-bar-track{height:9px;width:100%;background:var(--scroll-chart-track);border-radius:99px;overflow:hidden}.scroll-stats-bar-track>span{display:block;height:100%;border-radius:inherit;background:var(--scroll-chart-0);min-width:0}.scroll-stats-bar strong{font-weight:500;font-size:13px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.scroll-stats-bar strong small{color:var(--scroll-muted);font-size:11px;font-weight:400;margin-left:4px}.scroll-stats-segments{display:grid;gap:22px}.scroll-stats-segment-track{display:flex;width:100%;height:22px;overflow:hidden;border-radius:7px;background:var(--scroll-chart-track)}.scroll-stats-segment-track>span{min-width:2px}.scroll-stats-tone-0{background:var(--scroll-chart-0)}.scroll-stats-tone-1{background:var(--scroll-chart-1)}.scroll-stats-tone-2{background:var(--scroll-chart-2)}.scroll-stats-tone-3{background:var(--scroll-chart-3)}.scroll-stats-tone-4{background:var(--scroll-chart-4)}.scroll-stats-tone-5{background:var(--scroll-chart-5)}.scroll-stats-tone-6{background:var(--scroll-chart-6)}.scroll-stats-segment-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.scroll-stats-ring-legend>div,.scroll-stats-segment-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto 42px;gap:8px;align-items:center;min-height:33px;border-top:1px dashed var(--scroll-line);font-size:12px}.scroll-stats-ring-dot,.scroll-stats-segment-swatch{width:8px;height:8px;border-radius:50%}.scroll-stats-ring-legend strong,.scroll-stats-segment-legend strong{font-size:12px;font-weight:550;font-variant-numeric:tabular-nums}.scroll-stats-ring-legend small,.scroll-stats-segment-legend small{color:var(--scroll-muted);text-align:right;font-variant-numeric:tabular-nums}.scroll-stats-ring-layout{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:30px}.scroll-stats-ring{position:relative;width:180px;height:180px}.scroll-stats-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.scroll-stats-ring svg circle{fill:none;stroke-width:22}.scroll-stats-ring-base{stroke:var(--scroll-chart-track)}.scroll-stats-ring-tone-0{stroke:var(--scroll-chart-0);background:var(--scroll-chart-0)}.scroll-stats-ring-tone-1{stroke:var(--scroll-chart-2);background:var(--scroll-chart-2)}.scroll-stats-ring-tone-2{stroke:var(--scroll-chart-4);background:var(--scroll-chart-4)}.scroll-stats-ring-tone-3{stroke:var(--scroll-chart-6);background:var(--scroll-chart-6)}.scroll-stats-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.scroll-stats-ring>div strong{color:var(--scroll-readable);font:400 30px/1 var(--font-heading)}.scroll-stats-ring>div span{color:var(--scroll-muted);font-size:11px;margin-top:5px}.scroll-stats-ring-legend{min-width:0}.scroll-stats-urge-chart{max-width:960px}.scroll-stats-urge-legend{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:18px;color:var(--scroll-muted);font-size:12px}.scroll-stats-urge-legend span{display:inline-flex;align-items:center;gap:7px}.scroll-stats-urge-legend i{width:18px;height:6px;border-radius:99px}.scroll-stats-urge-bars .before,.scroll-stats-urge-legend .before{background:var(--scroll-chart-0)}.scroll-stats-urge-bars .after,.scroll-stats-urge-legend .after{background:var(--scroll-chart-4);box-shadow:inset 0 0 0 1px var(--scroll-outline)}.scroll-stats-urge-scroll{overflow-x:auto;overflow-y:hidden;padding-top:4px;scrollbar-width:thin;scrollbar-color:var(--scroll-line) transparent}.scroll-stats-urge-plot{display:grid;grid-template-columns:repeat(11,minmax(48px,1fr));gap:10px;min-width:720px}.scroll-stats-urge-group{display:grid;grid-template-rows:220px 26px;min-width:0}.scroll-stats-urge-bars{display:flex;justify-content:center;align-items:flex-end;gap:4px;height:190px;margin-top:30px;border-bottom:1px solid var(--scroll-line)}.scroll-stats-urge-bars>span{--bar-height:0%;position:relative;width:24px;height:100%}.scroll-stats-urge-bars i{position:absolute;bottom:0;left:50%;display:block;width:11px;height:var(--bar-height);min-height:1px;border-radius:3px 3px 0 0;transform:translateX(-50%)}.scroll-stats-urge-bars small{position:absolute;bottom:calc(var(--bar-height) + 5px);left:50%;color:var(--scroll-muted);font-size:9px;line-height:1;font-variant-numeric:tabular-nums;transform:translateX(-50%);white-space:nowrap}.scroll-stats-urge-group>strong{padding-top:8px;color:var(--scroll-muted);font-size:12px;font-weight:500;text-align:center;font-variant-numeric:tabular-nums}.scroll-stats-urge-axis{min-width:720px;margin:8px 0 0;color:var(--scroll-muted);font-size:11px;text-align:center}.scroll-stats-columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;max-width:960px;min-height:265px;align-items:end}.scroll-stats-columns>div{min-width:0;display:grid;grid-template-rows:42px 180px auto;align-items:end;gap:8px}.scroll-stats-column-value{display:flex;align-items:baseline;justify-content:center;gap:5px;font-variant-numeric:tabular-nums}.scroll-stats-column-value strong{color:var(--scroll-readable);font:400 17px/1 var(--font-heading)}.scroll-stats-column-value small{color:var(--scroll-muted);font-size:10px}.scroll-stats-column-track{display:flex;align-items:end;justify-content:center;height:180px;border-bottom:1px solid var(--scroll-line)}.scroll-stats-column-track i{display:block;width:min(58px,72%);min-height:0;border-radius:7px 7px 0 0;background:var(--scroll-chart-0)}.scroll-stats-column-label{color:var(--scroll-muted);font-size:11px;line-height:1.25;text-align:center;overflow-wrap:anywhere;min-height:29px}.scroll-stats-survival{position:relative;max-width:960px}.scroll-stats-survival-readout{display:flex;align-items:baseline;gap:15px;margin-bottom:20px}.scroll-stats-survival-readout strong{color:var(--scroll-readable);font:400 43px/1 var(--font-heading)}.scroll-stats-survival-readout span{color:var(--scroll-muted);font-size:14px}.scroll-stats-survival svg{width:100%;height:240px;overflow:visible;color:var(--scroll-ink)}.scroll-stats-time-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--scroll-muted);margin-top:8px}.scroll-stats-survival-slider{min-height:24px;margin:16px 0 0}.scroll-stats-color-groups{max-width:960px;border-bottom:1px dashed var(--scroll-line)}.scroll-stats-color-group{border-top:1px dashed var(--scroll-line)}.scroll-stats-color-group summary{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1.2fr) 135px 18px;align-items:center;gap:20px;min-height:78px;cursor:pointer;list-style:none}.scroll-stats-color-group summary::-webkit-details-marker{display:none}.scroll-stats-color-group summary:focus-visible{outline:2px solid var(--scroll-readable);outline-offset:4px;border-radius:2px}.scroll-stats-color-group-range,.scroll-stats-color-group-total{display:flex;flex-direction:column;gap:3px}.scroll-stats-color-group-range strong,.scroll-stats-color-group-total strong{font-size:14px;font-weight:550}.scroll-stats-color-group-range small,.scroll-stats-color-group-total small{color:var(--scroll-muted);font-size:11px;font-variant-numeric:tabular-nums}.scroll-stats-color-group-total{align-items:flex-end;font-variant-numeric:tabular-nums}.scroll-stats-color-group-swatches{display:flex;align-items:center}.scroll-stats-color-group-swatches>span{width:25px;height:25px;flex:0 0 25px;border-radius:50%;border:2px solid var(--scroll-bg);margin-left:-4px;box-shadow:0 0 0 1px var(--scroll-outline)}.scroll-stats-color-group-swatches>span:first-child{margin-left:0}.scroll-stats-color-group-toggle{position:relative;width:16px;height:16px}.scroll-stats-color-group-toggle:after,.scroll-stats-color-group-toggle:before{content:"";position:absolute;inset:50% 1px auto;height:1px;background:var(--scroll-ink);transition:transform .18s ease}.scroll-stats-color-group-toggle:after{transform:rotate(90deg)}.scroll-stats-color-group[open] .scroll-stats-color-group-toggle:after{transform:rotate(0)}.scroll-stats-colors{padding:4px 0 18px 28px}.scroll-stats-colors>div{display:grid;grid-template-columns:76px 23px minmax(0,1fr) 70px 58px;align-items:center;column-gap:10px;border-top:1px dashed var(--scroll-line);min-height:45px;font-size:12px}.scroll-stats-colors code{color:var(--scroll-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-variant-numeric:tabular-nums}.scroll-stats-color-swatch{width:21px;height:21px;border-radius:50%;border:1px solid var(--scroll-outline)}.scroll-stats-colors strong{font-size:12px;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.scroll-stats-colors small{color:var(--scroll-muted);text-align:right;font-variant-numeric:tabular-nums}.scroll-stats-color-total{color:var(--scroll-muted);font-size:12px;margin:14px 0 0}.scroll-stats-color-total strong{color:var(--scroll-ink);font-weight:550}.scroll-stats-personal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(960px,100%);max-width:960px;border-top:1px dashed var(--scroll-line);border-bottom:1px dashed var(--scroll-line);margin:22px auto 24px}.scroll-stats-personal>div{display:flex;flex-direction:column;gap:7px;padding:22px 18px;text-align:center}.scroll-stats-personal span{color:var(--scroll-muted);font-size:12px}.scroll-stats-personal strong{color:var(--scroll-readable);font:400 24px/1.1 var(--font-heading);font-variant-numeric:tabular-nums}.scroll-stats-comparison p,.scroll-stats-empty p,.scroll-stats-method p{max-width:760px;color:var(--scroll-muted);line-height:1.6}.scroll-stats-method{border-top:1px dashed var(--scroll-line);padding-top:55px}.scroll-stats-method h2{margin-bottom:22px}.scroll-stats-empty{padding:100px 0}.scroll-stats-empty h2{font-size:28px}.scroll-stats-loading{padding:60px 0;color:var(--scroll-muted)}@media (max-width:760px){.scroll-stats-content{padding-top:42px;padding-bottom:72px}.scroll-stats-heading h1{font-size:clamp(36px,9.5vw,50px)}.scroll-stats-heading>p:not(.scroll-test-kicker){margin:20px 0 26px;font-size:17px}.scroll-stats-totals{gap:0;margin-top:52px}.scroll-stats-totals div{padding:20px 8px}.scroll-stats-totals strong{font-size:clamp(27px,7vw,38px)}.scroll-stats-totals span{font-size:11px}.scroll-stats-pair{grid-template-columns:1fr;gap:48px}.scroll-stats-section{padding:40px 0 46px}.scroll-stats-method h2,.scroll-stats-section-head h2{font-size:clamp(27px,7.5vw,36px)}.scroll-stats-section-head p{margin-bottom:24px;font-size:15px;line-height:1.55}.scroll-stats-survival-section{border-top:0}.scroll-stats-survival svg{height:154px}.scroll-stats-survival-readout{flex-direction:column;gap:6px;margin-bottom:14px}.scroll-stats-survival-readout strong{font-size:36px}.scroll-stats-ring-layout{grid-template-columns:132px minmax(0,1fr);gap:18px}.scroll-stats-ring{width:132px;height:132px}.scroll-stats-urge-scroll{overflow-x:visible;padding-top:0}.scroll-stats-urge-plot{grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;min-width:0}.scroll-stats-urge-group{grid-template-rows:150px 24px}.scroll-stats-urge-bars{gap:2px;height:128px;margin-top:22px}.scroll-stats-urge-bars>span{width:min(12px,42%)}.scroll-stats-urge-bars i{width:100%}.scroll-stats-urge-bars small{bottom:calc(var(--bar-height) + 4px);font-size:8px}.scroll-stats-urge-bars>span:last-child small{bottom:calc(var(--bar-height) + 13px)}.scroll-stats-urge-group>strong{font-size:11px}.scroll-stats-urge-axis{min-width:0;margin-top:5px}.scroll-stats-columns{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-height:190px}.scroll-stats-columns>div{grid-template-rows:38px 118px auto;gap:6px}.scroll-stats-column-value{flex-direction:column;align-items:center;gap:2px}.scroll-stats-column-value strong{font-size:14px}.scroll-stats-column-value small{font-size:9px}.scroll-stats-column-track{height:118px}.scroll-stats-column-track i{width:min(28px,72%)}.scroll-stats-column-label{min-height:26px;font-size:10px}.scroll-stats-personal{grid-template-columns:repeat(2,minmax(0,1fr))}.scroll-stats-color-group summary{grid-template-columns:minmax(76px,1fr) auto 104px 20px;gap:8px;min-height:76px}.scroll-stats-color-group-swatches>span{width:17px;height:17px;flex-basis:17px}.scroll-stats-color-group-total strong{font-size:11px}.scroll-stats-color-group-total small{font-size:9px}.scroll-stats-color-group-toggle{width:20px;height:20px}.scroll-stats-colors{padding-left:0}.scroll-stats-colors>div{grid-template-columns:65px 21px minmax(0,1fr) 42px 44px;column-gap:7px}}@media (max-width:460px){.scroll-stats-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.scroll-stats-totals div{padding:18px 5px}.scroll-stats-totals strong{font-size:25px}.scroll-stats-totals span{font-size:9px;line-height:1.3}.scroll-stats-bar{grid-template-columns:52px minmax(0,1fr) 64px;gap:8px}.scroll-stats-segment-legend{grid-template-columns:1fr}.scroll-stats-ring-layout{grid-template-columns:108px minmax(0,1fr);gap:14px}.scroll-stats-ring{width:108px;height:108px}.scroll-stats-ring>div strong{font-size:23px}.scroll-stats-ring-legend>div{grid-template-columns:8px minmax(0,1fr) auto 34px;gap:6px}.scroll-stats-personal>div{padding:18px 8px}.scroll-stats-color-group summary{grid-template-columns:minmax(0,1fr) auto 20px;grid-template-rows:auto auto;row-gap:9px;padding:13px 0}.scroll-stats-color-group-range{grid-column:1;grid-row:1}.scroll-stats-color-group-total{grid-column:2;grid-row:1}.scroll-stats-color-group-toggle{grid-column:3;grid-row:1}.scroll-stats-color-group-swatches{display:flex;grid-column:1/-1;grid-row:2}.scroll-stats-color-group-swatches>span{width:24px;height:24px;flex-basis:24px;margin-left:-3px}.scroll-stats-colors>div{grid-template-columns:54px 20px minmax(0,1fr) 30px 35px;column-gap:5px;font-size:11px}.scroll-stats-colors code{font-size:9px}.scroll-stats-color-swatch{width:18px;height:18px}}