@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f2eedf;--ink:#22251d;--red:#e43e28;--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}button,input,select{font:inherit;color:inherit}button,a,summary,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #24718a;outline-offset:4px}header{height:100px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22251d44;font:12px var(--mono)}.wordmark{font:700 40px var(--sans);letter-spacing:-3px;text-decoration:none}.wordmark span{font:12px var(--mono);vertical-align:top;letter-spacing:0;margin:7px}.mastnote{margin-left:-40px}main{max-width:1440px;margin:auto;padding:0 5vw}.intro{padding:63px 0 45px;position:relative}.eyebrow{font:11px var(--mono);letter-spacing:.5px}h1{font-size:clamp(64px,8.5vw,126px);line-height:.88;letter-spacing:-.07em;font-weight:600;margin:27px 0 0;max-width:850px}.intro>p{position:absolute;right:0;bottom:44px;font-size:17px;line-height:1.45;max-width:260px}.machine{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);margin-bottom:60px}.photo-panel{position:relative;min-height:630px;overflow:hidden;background:#35667b}.photo-panel>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.photo-label{position:absolute;left:20px;bottom:20px;color:white;font:10px var(--mono);background:#22251ddd;padding:8px}.round-sticker{position:absolute;right:25px;bottom:48px;display:grid;place-content:center;text-align:center;background:#e6ed6f;width:125px;height:125px;border-radius:50%;font-size:25px;line-height:.95;letter-spacing:-1px;transform:rotate(-15deg);border:1px solid #22251d}.console{padding:28px;background:#e3e0d3;box-shadow:inset 0 0 0 7px #ece9dd}.console-top{display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;padding-bottom:27px}.console-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5d7640;margin-right:5px}.console-top i.active{background:var(--red);box-shadow:0 0 6px var(--red)}label{font:11px var(--mono)}.search-row{display:flex;margin-top:10px;border:1px solid var(--ink);background:var(--paper)}.search-row input{min-width:0;flex:1;width:100%;padding:13px 9px;border:0;background:transparent;font-size:12px}.search-row select{width:84px;border:0;border-right:1px solid #22251d55;background:transparent;padding:0 5px;font:11px var(--mono)}.search-row button{background:var(--ink);color:var(--paper);border:0;padding:0 14px;font-size:13px;white-space:nowrap}#status{font:10px/1.5 var(--mono);min-height:36px;padding:10px 0;color:#57594b}#status.error{color:#9e1f13}#results{display:grid;gap:4px;margin-top:6px;max-height:230px;overflow:auto}#results:empty{display:none}.pool{display:block;text-align:left;background:var(--paper);border:1px solid #a5a494;padding:10px;font-size:12px;overflow-wrap:anywhere}.pool small{display:block;margin-top:5px;font:9px var(--mono);color:#595d50}.screen{background:#d0d6b6;border:1px solid #7b8561;box-shadow:inset 2px 3px 6px #1e301921;padding:19px 16px 12px}.screen-top,.screen-bottom{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font:10px var(--mono)}.screen-top strong{font-size:22px;letter-spacing:-1px;max-width:70%;overflow:hidden;text-overflow:ellipsis}.screen-bottom{font-size:9px;padding-top:12px;border-top:1px solid #4e5b3b55}.chart{height:115px;display:flex;align-items:flex-end;gap:3px;padding:20px 0 12px}.bar{flex:1;min-width:2px;background:#526141;opacity:.7;transition:background .08s}.bar.current{background:var(--red);opacity:1}.sound-row{display:flex;align-items:center;justify-content:space-between;margin:23px 0 12px}.sound-row select{font:11px var(--mono);background:transparent;border:0;border-bottom:1px solid var(--ink);padding:7px}.transport{display:grid;grid-template-columns:1fr 1fr;gap:10px}.transport>button{display:flex;align-items:center;justify-content:space-between;padding:18px 14px;background:var(--red);border:1px solid var(--ink);font-weight:600;font-size:16px;box-shadow:0 3px 0 var(--ink)}.transport>button+button{background:var(--paper)}.transport span{font:10px var(--mono)}.under-controls{display:flex;justify-content:space-between;gap:10px;margin:15px 0 22px;font:9px var(--mono)}.under-controls button,.receipt button{padding:0;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font:inherit}.receipt{border-top:1px dashed #777b68;padding-top:15px;font:10px/1.65 var(--mono)}summary{cursor:pointer}.receipt summary{display:flex;justify-content:space-between}.receipt p{color:#555b48}.receipt #receipt{margin-top:14px;overflow-wrap:anywhere}.receipt a{display:inline-block;margin-top:8px}.bottom-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--ink);padding:30px 0 60px}h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.06em;line-height:.95;margin:0}.bottom-copy p{font-size:17px;line-height:1.5;max-width:410px;margin:0 0 18px}.stamp{display:inline-block;border:1px solid var(--red);color:#a22b1a;padding:8px 12px;font:10px/1.5 var(--mono);transform:rotate(-2deg);margin-top:12px}footer{border-top:1px solid #22251d44;padding:25px 5vw 40px;display:flex;justify-content:space-between;gap:25px;font:10px/1.6 var(--mono)}footer details{max-width:450px}footer>span:last-child{text-align:right}@media(min-width:1600px){header,footer{padding-left:max(5vw,calc((100vw - 1296px)/2));padding-right:max(5vw,calc((100vw - 1296px)/2))}}@media(max-width:1000px){.intro>p{position:static;margin:25px 0 0;max-width:none}.photo-panel{min-height:650px}.console{padding:23px}.mastnote{display:none}.transport>button{font-size:13px;padding:17px 10px}.search-row button{padding:0 10px}}@media(max-width:700px){header{height:77px}.wordmark{font-size:32px}header>a:last-child{font-size:9px}.intro{padding:37px 0 30px}.eyebrow{font-size:9px}h1{font-size:clamp(58px,14vw,96px);margin-top:24px}.intro>p{font-size:15px;line-height:1.4}.machine{grid-template-columns:1fr}.photo-panel{min-height:300px}.photo-panel>img{object-position:50% 24%}.round-sticker{width:94px;height:94px;font-size:21px;bottom:30px;right:20px}.console{padding:24px 20px}.console-top{padding-bottom:23px}.transport>button{font-size:15px}.bottom-copy{grid-template-columns:1fr;gap:28px;padding-bottom:40px}h2{font-size:52px}.bottom-copy p{font-size:16px}.machine{margin-bottom:40px}footer{flex-direction:column;gap:18px}footer>span:last-child{text-align:left}.screen-top strong{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}