/* Third edition: a small serving tray, clear next steps, deliberate photo pacing. */
.sound,.motion,.menu-toggle{min-width:44px;min-height:44px;flex-shrink:0}
.replay,.reset,.privacy-open,.copy-actions button,.review-full summary{min-height:44px}
.review-full summary{align-items:center;padding-top:8px}
.selection-tray{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:15px;background:repeating-linear-gradient(110deg,#1b122f,#1b122f 5px,#1b122f 6px);border:1px solid #231f20;box-shadow:0 4px 12px #0003;border-radius:2px 2px 14px 2px}
.selection-tray p{font-size:12px;color:#ededec;flex:1;line-height:1.6}
.finish-selection{padding:12px 15px;min-height:46px;background:linear-gradient(135deg,#ededec,#a6a6a6);color:#1b122f;border:1px solid #ededec;box-shadow:0 4px 0 #231f20;font-size:12px;font-weight:700;border-radius:2px 2px 9px 2px}
.finish-selection:disabled{opacity:.5;cursor:default;box-shadow:none}
.mini-serving{display:none;align-items:center;justify-content:center;gap:3px;width:96px;height:47px;background:radial-gradient(ellipse,#292922 50%,#231f20 54%,#262720 62%,#231f20 65%,transparent 68%);flex-shrink:0}
.mini-serving i{display:block;width:10px;height:23px;border:1px dashed #ae9568;border-radius:40%;rotate:-15deg}
.mini-serving i.filled{border:1px solid #b27624;background:repeating-linear-gradient(45deg,#dba44c,#e8bd68 2px,#c18b38 3px);box-shadow:1px 2px 2px #0006}
.mini-serving i.landed{animation:serve-cutlet .5s ease}
#result-details{margin-top:22px;border-top:1px solid #a6a6a6}
#result-details[hidden]{display:none}
#result-details summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:12px;font-family:var(--serif);list-style:none;padding:10px 0}
#result-details summary::-webkit-details-marker{display:none}
#result-details[open] summary span{rotate:45deg}
#recommendation-reasons .reason-row:first-child{margin-top:0}
#result-title:focus-visible{outline:2px solid #1b122f;outline-offset:6px}
.mood-result{scroll-margin-block:110px}
.mood-result.served{animation:result-serve .6s ease}
.voice-mark{position:absolute;right:5%;top:35px;font:900 190px var(--serif);color:#231f201c;line-height:1;pointer-events:none}
.shop-card .stamp{position:static;display:inline-block;margin-bottom:18px;transform:rotate(6deg)}
.shop-card{background:repeating-linear-gradient(100deg,#ededec,#ededec 3px,#ededec 5px)}
.shop-card h2{margin-top:0}
.hero.is-entering .hero-copy .button{animation:none!important}
@keyframes result-serve{0%{transform:translateY(12px);box-shadow:0 0 0 4px #a6a6a6}100%{transform:none;box-shadow:4px 5px 0 #100e0a}}
@media(max-width:1000px){.header nav{gap:12px}.header nav a{font-size:10px}.header{gap:8px}}
@media(max-width:760px){
 .header{padding:0 10px;gap:5px}.header .brand{font-size:13px;gap:5px;letter-spacing:0}.header .brand img{width:30px;height:30px}.header .brand small{font-size:8px;letter-spacing:.05em}.sound,.motion{font-size:9px;padding:5px 2px}.menu-toggle{width:44px}
 .hero .replay{min-height:44px}.hero-copy{padding-bottom:150px}.hero{min-height:680px}.hero-seal{bottom:78px}
 .mood-heading .serving-stage{display:none}.mood-heading>.mood-progress{margin-bottom:22px}.mood-progress{margin-top:20px}
 .selection-tray{position:sticky;top:8px;z-index:12;display:grid;grid-template-columns:96px 1fr;padding:10px 12px;gap:5px 10px;box-shadow:0 6px 20px #0005}
 .mini-serving{display:flex;grid-row:1 / 3}.selection-tray p{font-size:11px}.finish-selection{min-height:44px;padding:9px 10px;font-size:11px}
 .mood-actions{position:relative}.mood-check{min-height:90px}.checklist{gap:10px}.mood-result h3{font-size:22px}.mood-result p{font-size:12px}.mood-result{scroll-margin-block:130px}
 .voice-mark{font-size:140px;right:0;top:25px}.reviews figure{padding:24px 0}
 .mobile-dock a{min-height:46px}.mobile-dock a:first-child{background:linear-gradient(120deg,#ffffff,#ededec)}
}
@media(max-width:360px){.header .brand{font-size:11px}.header .brand img{width:25px;height:25px}.header{padding:0 7px;gap:4px}.header .brand small{font-size:7px}.hero-copy{padding-bottom:155px}.hero-seal{bottom:80px}.hero .replay{font-size:8px}.selection-tray{grid-template-columns:86px 1fr;padding:10px}.mini-serving{width:86px}}
@media(prefers-reduced-motion:reduce){.mini-serving i.landed,.mood-result.served{animation:none}}