:root{--background:#000;--text:#f4f4ef;--muted:#b7b7b0;--rule:#393939;--border:#85857e}:root{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--background);font-synthesis:none;line-height:1.55;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit;border-radius:0}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:48px;border:1px solid var(--border);background:transparent;color:var(--text);padding:10px 20px}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){background:#252525}:focus-visible{outline:3px solid var(--text);outline-offset:4px}input:focus-visible{outline-offset:2px}.masthead,main,footer{max-width:1328px;margin:auto;padding-left:48px;padding-right:48px}.masthead{display:flex;justify-content:space-between;align-items:center;min-height:86px;border-bottom:1px solid var(--rule);font-size:12px;letter-spacing:.08em}.wordmark{font-size:21px;font-weight:800;text-decoration:none;letter-spacing:-.04em}.intro{padding:48px 0 30px;max-width:800px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.11em;line-height:1.5;text-transform:uppercase;margin:0 0 14px;color:var(--muted)}h1{font-size:clamp(34px,5.1vw,68px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0 0 24px}p{margin:0 0 20px}.subtitle{font-size:16px;max-width:490px;color:var(--muted)}.selection{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:24px 0;display:flex;gap:48px;align-items:center;justify-content:space-between}.selection form{width:470px;max-width:100%}label{display:block;font-size:16px;margin-bottom:12px}.input-row{display:flex;gap:10px}input{width:100%;min-width:0;font-size:26px;background:#111;border:1px solid var(--border);padding:10px 14px;color:var(--text)}.input-row button{background:var(--text);color:#000;min-width:128px;display:flex;justify-content:space-between;gap:20px;align-items:center}.input-row button:hover{background:#d7d7d2}.selection-note{color:var(--muted);margin:0;font-size:14px}.error:empty{display:none}.error{color:#ffaaa3;font-size:14px;margin:12px 0 0}.year-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 10px}.year-heading h2{font-size:56px;line-height:1.1;font-weight:400;letter-spacing:-.05em;margin:0}.year-heading small{font-size:16px;letter-spacing:0;color:var(--muted)}.step-buttons{display:flex;gap:8px}.step-buttons button{font-size:22px;width:48px;padding:4px}#status{font-size:14px;color:var(--muted);margin:20px 0}.interpretations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.interpretation{min-width:0}.interpretation h3{font-size:17px;margin:8px 0 14px;font-weight:500}.swatch{height:145px;border:1px solid var(--border)}.color-caption{padding:14px 0 24px;border-bottom:1px solid var(--rule)}.color-caption p{margin:0 0 3px;font-size:17px}.color-caption span{font:11px/1.5 ui-monospace,Consolas,monospace;color:var(--muted);overflow-wrap:anywhere}h4{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.025em;margin:24px 0}.interpretation p,.interpretation li{overflow-wrap:anywhere}.interpretation .eyebrow{margin-top:24px;margin-bottom:9px}.interpretation ol{padding-left:21px;margin:0 0 24px}.interpretation li{padding-left:3px;margin-bottom:12px}.interpretation dl{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0;margin:24px 0;font-size:14px}.interpretation dl div{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.interpretation dt{color:var(--muted)}.interpretation dd{margin:0}.dating-note{font-size:14px;color:var(--muted)}.disclosure{border-left:3px solid var(--muted);padding:4px 0 4px 15px;font-size:14px;margin:24px 0}.section-nav{display:flex;flex-wrap:wrap;gap:8px 28px;padding:24px 0;margin-top:56px;border-top:1px solid var(--border);border-bottom:1px solid var(--rule)}.section-nav a{font-size:14px;padding:8px 0;min-height:44px}.context{max-width:750px;padding:44px 0 0;scroll-margin-top:24px}.context h2{font-size:30px;line-height:1.2;font-weight:400;letter-spacing:-.035em;margin:0 0 24px}.context p{max-width:670px}.wide{max-width:none}.small{font-size:14px;color:var(--muted);margin-top:20px}.palette-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px;margin:28px 0}.palette-swatch{height:64px;border:1px solid var(--border);margin-bottom:10px}.palette-item strong{font-size:14px;font-weight:500;display:block}.palette-item span{display:block;font:11px/1.7 ui-monospace,Consolas,monospace;color:var(--muted);overflow-wrap:anywhere}footer{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding-top:28px;padding-bottom:28px;margin-top:64px;border-top:1px solid var(--rule);font-size:11px;letter-spacing:.04em}footer a{text-decoration:none;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:10px;top:-100px;background:#111;padding:12px;z-index:2}.skip:focus{top:10px}.no-script{padding:24px}section{scroll-margin-top:20px}[hidden]{display:none!important}@media(max-width:800px){.masthead,main,footer{padding-left:24px;padding-right:24px}.interpretations{gap:22px;grid-template-columns:1fr}.interpretation{padding-top:10px;padding-bottom:28px;border-bottom:1px solid var(--rule)}.swatch{height:150px}.interpretation h4{max-width:560px}.palette-list{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-note{display:none}.selection form{width:100%}}@media(max-width:480px){.masthead,main,footer{padding-left:20px;padding-right:20px}.masthead{min-height:67px;font-size:10px}.wordmark{font-size:19px}.intro{padding-top:30px;padding-bottom:18px}h1{font-size:clamp(30px,8.7vw,38px);margin-bottom:18px}.subtitle{font-size:14px;max-width:330px}.selection{padding:20px 0}.input-row button{min-width:112px;padding:10px 14px}.year-heading h2{font-size:48px}.palette-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.section-nav{gap:6px 22px;margin-top:32px}.context{padding-top:34px}.context h2{font-size:27px}.swatch{height:128px}footer span{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}input::placeholder{color:var(--muted);opacity:1}.about-logo{display:block;width:min(100%,320px);height:auto;margin:0 0 28px}.masthead{padding-top:16px;padding-bottom:16px;gap:20px}.wordmark{display:block;flex-shrink:0}.header-logo{display:block;width:132px;height:auto}@media(max-width:480px){.masthead{padding-top:12px;padding-bottom:12px}.header-logo{width:108px}}