*{box-sizing:border-box}body{margin:0;background:#141c2b;color:#f3e9dc;font:16px system-ui}main{max-width:1160px;margin:auto;padding:30px}header{letter-spacing:.2em;font-size:28px;border-bottom:1px solid #6b6d79;padding:10px 0 25px;display:flex;justify-content:space-between;gap:20px}header span{font-size:10px;align-self:center}h1{font:clamp(38px,5vw,62px) Georgia;margin:26px 0 16px}.intro{max-width:860px;line-height:1.7;color:#c9c9d4}.site{height:270px;position:relative;overflow:hidden;border-radius:14px;border:1px solid #67758c;margin:26px 0}.site>img{width:100%;height:100%;object-fit:cover;opacity:.85}#rail{position:absolute;left:2%;right:2%;bottom:18px;display:grid;grid-template-columns:repeat(16,1fr);gap:4px}#rail button{padding:0;min-width:0;min-height:42px;background:#142235dc;color:#fff;border:1px solid #9cabb8;font:14px ui-monospace,monospace}#rail button[aria-pressed=true]{background:#ffd298;color:#182232}#rail button:disabled{opacity:.65;text-decoration:line-through;background:#552e40}#dishes{position:absolute;inset:0;pointer-events:none}.dish{position:absolute;bottom:65px;font:32px Georgia;text-align:center;transform:translateX(-50%);filter:drop-shadow(0 2px 4px #000)}.columns{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.columns>section{background:#1c293d;border:1px solid #536174;border-radius:14px;padding:22px}.eyebrow{font-size:11px;letter-spacing:.15em;color:#e4be90}canvas{width:100%;height:auto;display:block;margin-top:25px}.legend{font-size:13px;line-height:1.6;color:#bfc9d7}h2{font:28px Georgia}.metric{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #46546a;gap:12px}.metric strong{font-family:ui-monospace,monospace}button{cursor:pointer;min-height:46px;border-radius:7px;background:#34475e;color:white;border:1px solid #7e8fa5;font:inherit;padding:10px 15px}button:disabled{opacity:.5;cursor:default}#certify{background:#ffd298;color:#1c293d;width:100%;font-weight:700}#feedback{min-height:72px;line-height:1.6}.buttons{display:flex;gap:8px;flex-wrap:wrap}details{margin-top:28px;line-height:1.7;color:#c9c9d4}@media(max-width:650px){main{padding:16px}header span{max-width:120px}.columns{grid-template-columns:1fr}.site{height:340px}#rail{grid-template-columns:repeat(8,1fr);gap:5px}#dishes .dish{bottom:115px;font-size:23px}#rail button{min-height:45px}.metric{font-size:14px}}