:root{color-scheme:dark;--accent:#ff6829;--muted:#b8b9be}*{box-sizing:border-box}body{margin:0;background:#0c0d10;color:#f6f2eb;font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1140px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #333;align-items:center}.brand{text-decoration:none;font-size:23px;font-weight:900;letter-spacing:-1px;color:#fff}.brand span,em,.eyebrow{color:var(--accent)}a{color:#ffb18d;text-underline-offset:4px}nav,footer{display:flex;gap:20px;flex-wrap:wrap}nav a,footer a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}h1{font-size:clamp(44px,6.5vw,82px);line-height:1.02;letter-spacing:-3px;margin:18px 0 30px}em{font-style:normal}h2{font-size:30px;line-height:1.2}.hero{padding:45px 0 32px;max-width:880px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px}.lead{font-size:22px}.notice,.phasebar{padding:16px 20px;border:1px solid #66533e;background:#221b13}.phasebar{display:flex;flex-wrap:wrap;gap:20px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:12px}.timeline li{border-left:2px solid var(--accent);padding:8px 12px;font-size:13px}.timeline strong{display:block}section{margin:35px 0}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}form,article,.explain{background:#15161b;border:1px solid #37383f;border-radius:5px;padding:24px}label{display:block;margin:14px 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;margin-top:6px;background:#22232a;color:#fff;border:1px solid #5d5e66;padding:12px;font:inherit;border-radius:3px;min-height:44px}textarea{min-height:95px;resize:vertical}.check{font-size:14px}input[type=checkbox]{height:18px;width:18px;vertical-align:middle;margin:0 7px 0 0}fieldset{border:1px solid #46474e;margin:20px 0}button,.button{border:0;border-radius:3px;display:inline-block;background:var(--accent);color:#17100b;font:800 14px system-ui;text-decoration:none;padding:14px 18px;min-height:46px;cursor:pointer}.secondary{background:#33353f;color:#fff}button:disabled{opacity:.5;cursor:wait}form a{display:inline-block;margin:8px}audio{width:100%;margin:12px 0}#message{min-height:28px;color:#ffd39a}.muted,small{color:var(--muted);font-size:13px}small{display:block}.badge{color:#ffb38a;font-weight:800}.sample-list{font-size:12px;overflow-wrap:anywhere;padding-left:18px}.result-card{margin-bottom:18px}.rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.status{font-size:13px;color:var(--muted)}[hidden]{display:none!important}footer{border-top:1px solid #333}#kit-status{color:var(--muted)}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}header,main,footer{padding:18px}nav{gap:14px}.columns,.rank-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}h1{letter-spacing:-1px}.lead{font-size:19px}form,article,.explain{padding:18px}h2{font-size:26px}}:focus-visible{outline:3px solid #ffc477;outline-offset:3px}

.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}#hero-title{max-width:880px}#hero-meta{font-size:14px;color:var(--muted)}

/* Brand assets match the storefront; font files are served locally. */
@font-face{font-family:Anton;src:url('/galerie/static/Anton-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Work Sans';src:url('/galerie/static/WorkSans-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--accent:#ff6a2b;--muted:#b4b2af}
body{background:#0d0d10;color:#f8f5ef;font-family:'Work Sans',system-ui,sans-serif}
h1,h2{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.005em;line-height:1.05}
h1{font-size:clamp(44px,4.6vw,70px)}h2{font-size:clamp(30px,3.5vw,44px)}
button,.button{font-family:'Work Sans',system-ui,sans-serif}
.brand{display:inline-flex;align-items:center;min-height:44px;max-width:100%}
.brand img{display:block;width:260px;height:auto;max-width:100%}
form a{display:inline-flex;align-items:center;min-height:44px;padding:8px 2px;margin:0 4px;max-width:100%;line-height:1.5}
input[type=checkbox]{appearance:none;position:relative;display:inline-block;width:44px;height:44px;margin:0 4px 0 0;vertical-align:middle;cursor:pointer;flex-shrink:0}
input[type=checkbox]::before{content:'';position:absolute;inset:12px;border:2px solid #b4b2af;border-radius:3px;background:#22232a}
input[type=checkbox]:checked::before{background:var(--accent);border-color:var(--accent)}
input[type=checkbox]:checked::after{content:'✓';position:absolute;inset:8px 0 0;color:#171310;text-align:center;font-size:20px;font-weight:800}