:root{--bg:#020203;--ink:#f3f0ed;--muted:#8d8985;--red:#f22f3b;--rule:#402126}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:30;background:#fff;color:#000;padding:10px}.topbar{position:fixed;z-index:10;left:0;right:0;top:0;height:62px;padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #25191b;background:rgba(2,2,3,.95);font-size:9px;letter-spacing:.17em}.topbar span:nth-child(2){color:#bbb6b2}.topbar span:last-child{text-align:right;color:#77726f}#field{position:fixed;inset:0;width:100%;height:100%;opacity:.68}#app{position:relative;z-index:3;min-height:100vh;padding:96px clamp(24px,5vw,78px) 34px}.stage{min-height:calc(100vh - 130px);display:flex;flex-direction:column}.stage-head{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--rule);font-size:9px;letter-spacing:.16em;color:var(--muted)}.copy{width:min(69vw,1040px);margin-top:clamp(48px,9vh,108px)}.kicker{margin:0 0 18px;color:var(--red);font-size:9px;font-weight:700;letter-spacing:.18em}.copy h1{max-width:980px;margin:0;font-size:clamp(42px,5.1vw,82px);font-weight:400;line-height:1;letter-spacing:-.055em}.lead{max-width:790px;margin:22px 0 0;color:#aaa5a1;font-size:clamp(14px,1.15vw,18px);line-height:1.58}.disclosure{margin-top:26px;padding-top:15px;border-top:1px solid var(--rule);color:#817c78;font-size:11px;line-height:1.5}.answers{display:flex;flex-wrap:wrap;width:max-content;max-width:100%;margin-top:30px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.answers button{border:0;border-right:1px solid var(--rule);border-radius:0;min-height:44px;padding:12px 17px;background:rgba(2,2,3,.55);color:#aaa5a1;cursor:pointer;font-size:10px;letter-spacing:.08em}.answers button:last-child{border-right:0}.answers button:hover,.answers button:focus-visible,.answers button[aria-pressed=true]{outline:0;background:var(--red);color:#050203}.answers.scale button{min-width:54px}.entry{display:grid;grid-template-columns:minmax(160px,360px) auto;gap:0;margin-top:26px;width:min(580px,100%)}.entry input{border:1px solid #514448;border-right:0;background:rgba(2,2,3,.72);color:#fff;padding:12px}.entry button,.action{border:1px solid var(--red);border-radius:0;background:var(--red);color:#050203;padding:12px 17px;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.1em}.controls{margin-top:auto;padding-top:28px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:16px}.controls button{border:0;background:transparent;color:#938e8a;padding:10px 0;cursor:pointer;font-size:9px;letter-spacing:.14em}.controls button:hover,.controls button:focus-visible{color:#fff;outline:0}.controls .next{color:var(--red)}.brief-grid,.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:28px;background:var(--rule);border:1px solid var(--rule)}.brief-grid section,.review-grid section{background:rgba(3,3,4,.91);padding:19px}.brief-grid h2,.review-grid h2{margin:0 0 10px;color:var(--red);font-size:9px;letter-spacing:.15em}.brief-grid p,.review-grid p,.brief-grid li,.review-grid li{margin:4px 0;color:#bcb7b3;font-size:13px;line-height:1.5}.brief-grid ul,.review-grid ul{margin:0;padding-left:17px}.mode-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:28px;background:var(--rule);border:1px solid var(--rule)}.mode-list button{min-height:128px;border:0;background:#050506;color:#c5c0bc;text-align:left;padding:20px;cursor:pointer}.mode-list button strong{display:block;margin-bottom:9px;color:#fff;font-size:16px}.mode-list button span{font-size:11px;line-height:1.45;color:#8f8a87}.mode-list button:hover,.mode-list button:focus-visible,.mode-list button[aria-pressed=true]{outline:1px solid var(--red);background:#120608}.mode-list button[aria-pressed=true] strong{color:var(--red)}.notice{margin-top:24px;padding:16px;border:1px solid var(--rule);color:#b9b4b0;font-size:13px;line-height:1.5}.result-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;background:var(--rule);border:1px solid var(--rule)}.result-samples article{background:#050506;padding:20px;min-height:150px}.result-samples h2{font-size:10px;color:var(--red);letter-spacing:.14em}.result-samples strong{display:block;margin-top:14px;font-size:18px}.result-samples p{color:#8f8a87;font-size:12px;line-height:1.45}.status-pill{display:inline-block;margin-top:18px;color:var(--red);font-size:9px;letter-spacing:.13em}.composition{display:grid;grid-template-columns:repeat(2,minmax(140px,260px));gap:16px;margin-top:28px}.composition label{color:#aaa5a1;font-size:11px}.composition input{display:block;width:100%;margin-top:8px;border:1px solid #514448;background:#030304;color:#fff;padding:12px}.multi-note{color:#77726f;font-size:10px;margin-top:10px}.public-copy{max-width:860px;margin-top:30px;color:#aaa5a1;font-size:17px;line-height:1.62}.temporary{color:var(--red);font-size:9px;letter-spacing:.15em;margin-top:22px}@media(max-width:820px){.topbar{grid-template-columns:1fr auto;padding:0 18px}.topbar span:nth-child(2){display:none}#app{padding:84px 20px 24px}.copy{width:100%;margin-top:58px}.copy h1{font-size:48px}.brief-grid,.review-grid,.mode-list,.result-samples{grid-template-columns:1fr}.answers{width:100%}.answers button{flex:1 0 33%;padding:11px 8px}.answers.scale button{min-width:0;flex-basis:18%}.controls{padding-bottom:6px}.composition{grid-template-columns:1fr}.lead{font-size:14px}}
@media(max-width:820px){#app{overflow-x:hidden}.copy{margin-top:48px}.copy h1{max-width:100%;font-size:clamp(34px,10.2vw,42px);line-height:1.02;overflow-wrap:anywhere}.public-copy{font-size:14px;line-height:1.55}}
@media(prefers-reduced-motion:reduce){#field{display:none}}