*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background-color:var(--color-bg);background-image:var(--gradient-page);background-attachment:fixed;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height)}h1,h2,h3,h4{line-height:1.2;margin:0 0 var(--space-4)}h1,h2,h3{font-family:var(--font-sans);font-weight:700}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{margin:0 0 var(--space-4)}a{color:var(--color-accent-text)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:-4rem;background:var(--color-accent);color:var(--color-accent-contrast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:10}.skip-link:focus{top:var(--space-4)}.draft-banner{background:var(--color-warning-bg);color:var(--color-warning-text);text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--font-size-small)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:var(--page-width);margin:0 auto;padding:var(--space-4) var(--space-4)}.brand{display:inline-flex;align-items:center;text-decoration:none}.logo{height:3.25rem;width:auto}@media (min-width:48rem){.logo{height:4.5rem}}.logo-on-light,.print-only{display:none}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .logo-on-dark{display:none}:root:not([data-theme=dark]) .logo-on-light{display:block}}:root[data-theme=light] .logo-on-dark{display:none}:root[data-theme=light] .logo-on-light{display:block}.lang{position:relative}.lang-button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-small);font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}.lang-button:hover{background:var(--color-surface-hover)}.flag{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--color-border-strong);flex:none}.lang-menu{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:20;min-width:13rem;margin:0;padding:var(--space-2);list-style:none;background:var(--color-surface-solid);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.lang-menu a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none}.lang-menu a:hover{background:var(--color-surface-hover)}.lang-menu a[aria-current=true]{background:var(--color-selected-bg);font-weight:700}.lang-check{margin-left:auto}.page{max-width:var(--content-width);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-8)}.page-wide,.site-footer{max-width:var(--page-width)}.site-footer{margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);color:var(--color-text-muted);font-size:var(--font-size-small);text-align:center;letter-spacing:.14em}.site-footer a{letter-spacing:normal}.lead{font-size:1.2rem}.lead,.muted{color:var(--color-text-muted)}.eyebrow,.small{font-size:var(--font-size-small)}.eyebrow{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-weight:700;color:var(--color-accent-text);margin:0 0 var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:3rem;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:var(--border-width) solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast);font:inherit;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:var(--glow-button);transition:filter var(--transition),background var(--transition)}.btn:hover{filter:brightness(1.1)}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-strong);box-shadow:none}.btn-secondary:hover{background:var(--color-surface-hover);filter:none}.btn-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger);box-shadow:none}.confirm-inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface)}.btn-small{min-height:2.5rem;padding:var(--space-2) var(--space-4);font-size:var(--font-size-small);margin-top:var(--space-3)}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass))}.card+.card{margin-top:var(--space-5)}.points{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin:var(--space-6) 0;padding:0;list-style:none}.points li{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}.points strong{display:block;margin-bottom:var(--space-2)}.notice{border:var(--border-width) solid var(--color-border);background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-md)}.chip{display:inline-block;padding:0 var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--font-size-small);color:var(--color-text-muted)}.chip-inline{margin-left:var(--space-2)}.vinyl{filter:drop-shadow(0 0 60px var(--glow-color))}.vinyl,.vinyl-progress{display:block;width:100%;height:auto;overflow:visible}.vinyl-progress{max-width:24rem;margin:0 auto;filter:drop-shadow(0 0 40px var(--glow-color))}.vinyl circle:not([fill]),.vinyl-progress circle:not([fill]){fill:none}.v-groove{stroke:var(--color-groove)}.v-track{stroke:var(--color-ring-track)}.v-glow{stroke:var(--blue-1);opacity:.9}.vinyl circle.v-hole{fill:var(--disc-2)}.s-hi{stop-color:var(--chrome-hi)}.s-mid{stop-color:var(--chrome-mid)}.s-sheen{stop-color:var(--chrome-sheen)}.s-lo{stop-color:var(--chrome-lo)}.s-blue1{stop-color:var(--blue-1)}.s-blue2{stop-color:var(--blue-2)}.s-label1{stop-color:var(--label-1)}.s-label2{stop-color:var(--label-2)}.s-label3{stop-color:var(--label-3)}.s-disc1{stop-color:var(--disc-1)}.s-disc2{stop-color:var(--disc-2)}.v-ring-label{font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.6px;fill:var(--label-text);opacity:.75}.v-ring-label-top{fill:var(--chrome-hi);opacity:1}.v-center-name{font-family:var(--font-display);font-size:34px;letter-spacing:1.5px;fill:var(--chrome-hi)}.v-center-side{font-family:var(--font-sans);font-weight:700;font-size:10px;letter-spacing:4px;fill:var(--label-text)}.vp-number{font-family:var(--font-display);font-size:30px;letter-spacing:1px;fill:var(--chrome-hi)}.vp-of{font-family:var(--font-sans);font-weight:700;font-size:8px;letter-spacing:2px;fill:var(--label-text)}@media (max-width:40rem){.v-ring-label{display:none}}.chrome-title{font-family:var(--font-display);font-weight:400;font-size:var(--font-size-title);line-height:.98;letter-spacing:.02em;margin:0;background-image:var(--gradient-chrome);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px var(--glow-color))}.hero{display:grid;grid-gap:var(--space-6);gap:var(--space-6);align-items:center;margin-bottom:var(--space-6)}.hero-disc{position:relative;width:min(100%,34rem);justify-self:center}.hero-disc:after{content:"";position:absolute;inset:.8%;border-radius:50%;pointer-events:none;background:conic-gradient(from 20deg,transparent 0deg,var(--color-sheen) 35deg,transparent 85deg,transparent 180deg,var(--color-sheen) 215deg,transparent 265deg)}.hero-caption{margin:var(--space-4) auto 0;max-width:30rem;text-align:center}.hero-headline{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:700;margin:var(--space-2) 0 var(--space-5)}@media (min-width:60rem){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-7)}.hero-disc{justify-self:start}}.progress-meta{display:flex;justify-content:space-between;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-small);margin-top:var(--space-2)}.question{font-size:clamp(1.3rem,3.2vw,1.75rem);outline:none;margin:var(--space-5) 0 var(--space-3)}fieldset{border:0;padding:0;margin:0 0 var(--space-4)}legend{color:var(--color-text-muted);font-size:var(--font-size-small);margin-bottom:var(--space-3);padding:0}.options{display:grid;grid-gap:var(--space-3)}.option,.options{gap:var(--space-3)}.option{display:flex;align-items:center;min-height:3.25rem;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}.option:hover{background:var(--color-surface-hover)}.option input{accent-color:var(--color-accent);width:1.2rem;height:1.2rem;flex:none}.option input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;place-content:center;margin:0;border:2px solid var(--color-text-muted);border-radius:50%;background:transparent}.option input[type=radio]:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--color-accent);transform:scale(0);transition:transform var(--transition)}.option input[type=radio]:checked{border-color:var(--color-selected-border)}.option input[type=radio]:checked:before{transform:scale(1)}.option:has(input:checked){border-color:var(--color-selected-border);background:var(--color-selected-bg);box-shadow:var(--glow-selected);font-weight:700}.option:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.option-secondary{color:var(--color-text-muted);font-size:var(--font-size-small);min-height:2.75rem;border-style:dashed}.option-stack{align-items:flex-start}.option-stack .block{display:block}.instruction{margin-bottom:var(--space-4)}details.instruction summary{cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-small)}.consent{margin-top:var(--space-5)}.consent .option{align-items:flex-start}.report-section{margin-top:var(--space-7)}.tracks{list-style:none;margin:0;padding:0}.track{display:grid;grid-template-columns:2rem auto minmax(1rem,1fr) auto;align-items:baseline;grid-column-gap:var(--space-3);column-gap:var(--space-3);padding:var(--space-3) 0;border-top:var(--border-width) solid var(--color-border)}.track:first-child{border-top:0}.track-n{color:var(--color-text-muted);font-size:var(--font-size-small)}.track-name{font-size:1.25rem;font-weight:700}.track-dots{border-bottom:2px dotted var(--color-border-strong);align-self:center;height:.5rem}.track-score{font-size:1.25rem;font-weight:700}.track-meta{grid-column:2/-1;color:var(--color-text-muted);font-size:var(--font-size-small);margin-top:var(--space-1)}.track-top .track-name,.track-top .track-score{color:var(--color-accent-text)}.pattern-card h3{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.pattern-card h4{margin:var(--space-5) 0 var(--space-2);font-size:1rem;color:var(--color-accent-text)}.pattern-card ul{margin:0 0 var(--space-4);padding-left:1.2rem}.pattern-card li{margin-bottom:var(--space-2)}.step{margin:var(--space-5) 0}.step legend{color:var(--color-text);font-weight:700;font-size:var(--font-size-h3);margin-bottom:var(--space-2)}.field-label{display:block;font-weight:600;margin:var(--space-4) 0 var(--space-2)}.field{width:100%;font:inherit;color:var(--color-text);background:var(--color-surface-solid);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}@media (max-width:30rem){.btn{width:100%}.site-header{flex-wrap:wrap}}@page{margin:16mm}@media print{.print-only{display:block}.print-only .logo{height:2.6rem;margin-bottom:var(--space-4)}body{background-image:none;font-size:11pt}.draft-banner,.no-print,.site-footer,.site-header,.skip-link{display:none!important}.page,.page-wide{max-width:none;padding:0}.card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.pattern-card,.track{page-break-inside:avoid;break-inside:avoid}.vinyl{filter:none;max-width:22rem}h2,h3{page-break-after:avoid;break-after:avoid}.chip,.v-glow,.v-track,.vinyl{print-color-adjust:exact;-webkit-print-color-adjust:exact}.chrome-title{background-image:none;-webkit-text-fill-color:currentColor;color:var(--color-text);filter:none;font-size:4rem}a{color:inherit;text-decoration:none}}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6ced06489fd81a3f-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/aa5f74293546f6d0-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/62c97acc3aa63787-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Anton Fallback;src:local("Arial");ascent-override:129.70%;descent-override:36.29%;line-gap-override:0.00%;size-adjust:90.69%}.__className_ec6dc7{font-family:Anton,Anton Fallback;font-weight:400;font-style:normal}.__variable_ec6dc7{--font-anton:"Anton","Anton Fallback"}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_dd5b2f{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_dd5b2f{--font-space:"Space Grotesk","Space Grotesk Fallback"}:root{color-scheme:dark;--color-bg:#040a17;--gradient-page:radial-gradient(ellipse at 18% 6%,#123d80 0%,#081b40 38%,#040a17 76%);--color-bg-elevated:#0a1428;--color-surface:rgb(255 255 255/0.06);--color-surface-hover:rgb(255 255 255/0.11);--color-surface-solid:#0d1a33;--color-border:rgb(255 255 255/0.16);--color-border-strong:rgb(255 255 255/0.3);--color-selected-bg:rgb(47 140 255/0.22);--color-selected-border:#7cc0ff;--color-text:#eef3fb;--color-text-muted:#c3d1ea;--color-accent:#4ba3ff;--color-accent-strong:#2f8cff;--color-accent-text:#b0d9ff;--color-accent-contrast:#04101f;--color-focus:#ffffff;--color-danger:#ff8a8a;--color-warning-bg:#2a2110;--color-warning-text:#f3d9a0;--disc-1:#141c30;--disc-2:#090e1a;--color-groove:rgb(255 255 255/0.08);--color-sheen:rgb(160 200 255/0.17);--color-ring-track:rgb(255 255 255/0.1);--chrome-hi:#ffffff;--chrome-mid:#a9b7cf;--chrome-sheen:#f6f9ff;--chrome-lo:#7688a4;--blue-1:#2f8cff;--blue-2:#8ccbff;--label-1:#5eb0ff;--label-2:#1f5fd0;--label-3:#123a86;--label-text:#dcecff;--gradient-chrome:linear-gradient(180deg,#ffffff,#a9b7cf 44%,#f6f9ff 56%,#7688a4);--glow-color:rgb(47 140 255/0.5);--glow-button:0 0 26px rgb(75 163 255/0.45);--glow-selected:0 0 22px rgb(47 140 255/0.45);--shadow-card:0 18px 50px rgb(0 0 0/0.35);--blur-glass:14px;--font-display:var(--font-anton),Impact,"Arial Narrow",sans-serif;--font-sans:var(--font-space),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font-size-base:1.0625rem;--font-size-small:0.875rem;--font-size-h2:clamp(1.4rem,3vw,1.8rem);--font-size-h3:1.2rem;--font-size-title:clamp(4.2rem,15vw,10rem);--line-height:1.6;--letter-spacing-wide:0.28em;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--content-width:46rem;--page-width:72rem;--border-width:1px;--transition:160ms ease}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--color-bg:#eef3fb;--gradient-page:linear-gradient(180deg,#f6f9ff,#e4ecf9);--color-bg-elevated:#ffffff;--color-surface:rgb(255 255 255/0.82);--color-surface-hover:#ffffff;--color-surface-solid:#ffffff;--color-border:#c7d3ea;--color-border-strong:#8fa3c7;--color-selected-bg:#e3efff;--color-selected-border:#1a63c7;--color-text:#0b1730;--color-text-muted:#445373;--color-accent:#1a63c7;--color-accent-strong:#1a63c7;--color-accent-text:#1a63c7;--color-accent-contrast:#ffffff;--color-focus:#0b1730;--color-danger:#b42318;--color-warning-bg:#fff5da;--color-warning-text:#5b430a;--gradient-chrome:linear-gradient(180deg,#0b1730,#1f4fa8);--glow-color:rgb(26 99 199/0.25);--glow-button:0 6px 18px rgb(26 99 199/0.3);--glow-selected:0 0 0 3px rgb(26 99 199/0.18);--shadow-card:0 10px 30px rgb(20 40 90/0.12);--color-groove:rgb(255 255 255/0.1)}}:root[data-theme=light]{color-scheme:light;--color-bg:#eef3fb;--gradient-page:linear-gradient(180deg,#f6f9ff,#e4ecf9);--color-bg-elevated:#ffffff;--color-surface:rgb(255 255 255/0.82);--color-surface-hover:#ffffff;--color-surface-solid:#ffffff;--color-border:#c7d3ea;--color-border-strong:#8fa3c7;--color-selected-bg:#e3efff;--color-selected-border:#1a63c7;--color-text:#0b1730;--color-text-muted:#445373;--color-accent:#1a63c7;--color-accent-strong:#1a63c7;--color-accent-text:#1a63c7;--color-accent-contrast:#ffffff;--color-focus:#0b1730;--color-danger:#b42318;--color-warning-bg:#fff5da;--color-warning-text:#5b430a;--gradient-chrome:linear-gradient(180deg,#0b1730,#1f4fa8);--glow-color:rgb(26 99 199/0.25);--glow-button:0 6px 18px rgb(26 99 199/0.3);--glow-selected:0 0 0 3px rgb(26 99 199/0.18);--shadow-card:0 10px 30px rgb(20 40 90/0.12);--color-groove:rgb(255 255 255/0.1)}@media print{:root{--color-bg:#ffffff;--gradient-page:none;--color-bg-elevated:#ffffff;--color-surface:#ffffff;--color-surface-hover:#ffffff;--color-surface-solid:#ffffff;--color-border:#b8c3d9;--color-border-strong:#8fa3c7;--color-selected-bg:#e3efff;--color-selected-border:#1a63c7;--color-text:#0b1730;--color-text-muted:#445373;--color-accent:#1a63c7;--color-accent-strong:#1a63c7;--color-accent-text:#1a63c7;--color-accent-contrast:#ffffff;--gradient-chrome:linear-gradient(180deg,#0b1730,#1f4fa8);--glow-color:transparent;--color-sheen:transparent;--glow-button:none;--glow-selected:none;--shadow-card:none;--blur-glass:0px}}