*{box-sizing:border-box}body{margin:0;background:#f4efe4;color:#292e2b;font:17px system-ui}main{max-width:800px;margin:auto;padding:32px 22px}small{letter-spacing:3px;color:#60756a}h1{font:clamp(36px,8vw,64px) Georgia;margin:16px 0}p{line-height:1.6}select,button{font:inherit;padding:12px;border:1px solid #b6bdb4;border-radius:8px;background:#fff;color:#28362e;cursor:pointer}select{max-width:100%}button:hover{background:#e3eddf}button:focus-visible,select:focus-visible{outline:3px solid #457b60;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:20px}.swatch{height:clamp(120px,24vw,220px);border-radius:20px;box-shadow:inset 0 0 0 1px #0001,0 10px 20px #0001}h3{text-align:center;font-weight:500}#palette,nav{display:flex;flex-wrap:wrap;gap:10px}#palette button{border-bottom-width:5px}#status{min-height:54px;font-weight:600}details{margin-top:30px;padding-top:20px;border-top:1px solid #ccc}summary{cursor:pointer}#next{background:#285b46;color:white}