*{box-sizing:border-box} :root{--navy:#101b36;--navy2:#172747;--gold:#d9bd7b;--gold2:#f1dfad;--cream:#fbf8f0;--ink:#1b2435;--muted:#777d89;--line:#e9e3d5}body{margin:0;background:#f5f2eb;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.topbar{height:68px;background:var(--navy);color:var(--gold2);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 760px)/2));box-shadow:0 3px 18px #0c173022}.brand{display:flex;align-items:center;gap:10px;color:var(--gold2);text-decoration:none;font-size:11px;letter-spacing:2px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:4px}.moon{font:34px Georgia;color:var(--gold)}.top-note{font-size:9px;letter-spacing:1.5px;color:#d9dce4}.wrap{width:min(100% - 28px,680px);margin:0 auto;padding:30px 0 24px}.intro{text-align:center;padding:16px 12px 26px}.eyebrow,.step{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#a17d3e}.intro h1{font:400 clamp(34px,7vw,48px)/1.12 Georgia,serif;color:var(--navy);margin:12px 0}.intro h1 em,.thankyou h2 em{color:#b08b4a}.intro p{font-size:14px;line-height:1.6;color:#697080;max-width:460px;margin:0 auto}.progress{height:5px;background:#e6e0d4;border-radius:8px;max-width:300px;margin:22px auto 7px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#b08b4a,#e2cc91);transition:width .2s}.progress-label{font-size:10px;color:#9296a0}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;margin:13px 0;box-shadow:0 5px 18px #17274708}.card h2{font:400 21px/1.3 Georgia,serif;color:var(--navy);margin:8px 0 15px}.product-card{background:var(--navy);color:white;border-color:var(--navy)}.product-card h2{color:white}.product-card .step{color:var(--gold)}select,textarea{width:100%;border:1px solid #dcd6c9;border-radius:9px;background:#fff;color:#263044;padding:13px;font:14px Arial;outline-color:#b08b4a}textarea{min-height:82px;resize:vertical;line-height:1.5}.hint{font-size:12px;color:#7d8490;line-height:1.5;margin:8px 0 0}.product-card .hint{color:#c2c9d6}.stars{display:flex;gap:7px;justify-content:center;margin:12px 0 6px}.stars button{border:1px solid #e7dfce;background:#fbf8f1;color:#d7d1c5;border-radius:10px;width:49px;height:49px;font-size:29px;cursor:pointer}.stars button.selected{color:#d3a94e;background:#fff8e6;border-color:#d7b66e}.rating-caption{text-align:center;color:#9296a0;font-size:11px;min-height:16px}.emoji-ratings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:13px 0 7px}.emoji-ratings button{min-width:0;border:1px solid #eee8dd;background:#fcfbf8;border-radius:10px;padding:9px 2px 8px;color:#555e6e;cursor:pointer}.emoji-ratings button span{display:block;font-size:24px;margin-bottom:5px}.emoji-ratings button small{font-size:9px;line-height:1.2;display:block}.emoji-ratings button.selected{background:#fff6df;border-color:#d4b36c;box-shadow:inset 0 0 0 1px #d4b36c}.comment{margin-top:13px;border-top:1px solid #f0ece4;padding-top:10px}.comment summary{font-size:11px;font-weight:700;color:#9b7a42;cursor:pointer;list-style:none}.comment summary::-webkit-details-marker{display:none}.comment textarea{margin-top:10px;min-height:65px;font-size:12px}.recommend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.recommend button{border:1px solid #e9e2d5;background:#fcfbf8;border-radius:10px;padding:12px 4px;font-size:11px;color:#475065;cursor:pointer}.recommend button span{display:block;font-size:22px;margin-bottom:6px}.recommend button.selected{background:#fff6df;border-color:#d4b36c}.submit-wrap{text-align:center;padding:13px 8px 22px}.submit-wrap .hint{max-width:500px;margin:0 auto 12px}.submit-wrap .hint b{color:#475065}.submit{width:100%;max-width:420px;border:0;border-radius:10px;padding:17px;background:linear-gradient(110deg,#b08b4a,#e6d29b);color:#15213a;font-weight:800;letter-spacing:1.2px;font-size:12px;cursor:pointer;box-shadow:0 7px 16px #a17d3e30}.submit span{margin-left:8px}.submit:disabled{opacity:.65;cursor:wait}.form-status{font-size:12px;color:#a13c32;min-height:18px}.thankyou{background:var(--navy);border-radius:18px;text-align:center;padding:42px 24px;color:white;margin:22px 0}.thank-moon{font:52px Georgia;color:var(--gold);margin-bottom:12px}.thankyou .step{color:var(--gold)}.thankyou h2{font:400 29px/1.25 Georgia,serif;margin:15px 0}.thankyou p{font-size:13px;color:#d6dbe4;line-height:1.7}.thank-stars{color:var(--gold);letter-spacing:8px;margin-top:20px}footer{text-align:center;color:#8d9098;font-size:9px;letter-spacing:1px;padding:20px 0 8px}footer span{color:#bd9b59}.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}@media(max-width:430px){.top-note{font-size:8px}.card{padding:18px 15px}.emoji-ratings{gap:4px}.emoji-ratings button span{font-size:21px}.emoji-ratings button small{font-size:8px}.stars button{width:45px;height:46px}}
.sweetness-choices{grid-template-columns:repeat(3,minmax(0,1fr));max-width:390px;margin-left:auto;margin-right:auto}