.product-shell:has(.coffee-mood){--p-bg:#f8f6f0;--p-ink:#35312d;--p-muted:#756d65;--p-line:#ceb9a5}.coffee-mood{max-width:1120px;margin:auto}.mood-main{grid-template-columns:1fr 1fr;display:grid}.mood-kicker{letter-spacing:1.5px;color:#886347;font:9px IBM Plex Mono,monospace}.mood-progress{gap:6px;margin:28px 0 18px;display:flex}.mood-progress span{background:#d9c7b4;width:40px;height:3px}.mood-step{color:#8b7564;letter-spacing:1px;margin-top:28px;font:9px IBM Plex Mono,monospace;display:block}.mood-conversation h2{letter-spacing:-1.5px;max-width:410px;margin:18px 0 30px;font:400 46px/1.08 Georgia,serif}.mood-conversation h2 em{color:#b13c50;letter-spacing:0;margin-top:15px;font:18px/1.5 Georgia,serif;display:block}.mood-options{gap:10px;display:grid}.mood-options button{text-align:left;color:#35312d;background:#f0ebe1;border:0;border-radius:3px;align-items:center;gap:18px;min-height:60px;padding:12px 16px;font-size:14px;transition:background .2s,transform .2s;display:flex}.mood-options button>span{color:#ad8e70;font:10px monospace}.mood-options button b{margin-left:auto;font-size:18px;font-weight:400}.mood-text-link{color:#87674e;text-underline-offset:4px;background:0 0;border:0;min-height:44px;margin-top:15px;padding:12px 0;font-size:12px;text-decoration:underline}.mood-illustration{background:#f0ebe1;flex-direction:column;justify-content:center;align-items:center;min-height:560px;padding:36px 26px;display:flex;position:relative;overflow:hidden}.mood-script{color:#756d65;font:italic 30px Georgia,serif;transform:rotate(-7deg)}.mood-cup{filter:drop-shadow(0 18px 16px #674e3212);width:min(330px,100%);height:auto}.mood-cup-caption{text-align:center;flex-direction:column;gap:10px;display:flex}.mood-cup-caption b{color:#35312d;font:400 25px Georgia,serif}.mood-cup-caption span{color:#756d65;font-size:10px}.mood-footnote{letter-spacing:2px;text-align:center;color:#756d65;margin-top:35px;font:9px/1.7 IBM Plex Mono,monospace}.mood-conversation>p{max-width:380px;font-size:15px;line-height:1.7}.mood-recipe{color:#99724f;padding-top:16px;font:11px/1.8 IBM Plex Mono,monospace!important}.mood-primary{color:#fff4e4;background:#922f39;border:0;border-radius:3px;min-height:48px;margin-top:16px;padding:15px 22px;font-size:12px}.mood-alternatives{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.mood-alternatives>span{letter-spacing:1px;width:100%;margin-bottom:5px;font:9px monospace}.mood-alternatives button{color:#775439;background:#e6d8c8;border:0;border-radius:30px;min-height:44px;padding:10px 14px;font-size:12px}.mood-library-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.mood-library h3{margin:12px 0;font:400 28px Georgia,serif}.mood-library-heading button{color:#785537;background:0 0;border:0;min-height:44px;font-size:12px}.mood-library-tools{gap:16px;margin:22px 0;display:flex}.mood-library-tools input,.mood-library-tools select{color:#35312d;background:#f0ebe1;border:0;border-radius:2px;min-height:44px;padding:10px 14px}.mood-library-tools input{flex:1;min-width:0}.mood-menu{grid-template-columns:1fr 1fr;gap:8px 30px;display:grid}.mood-menu button{text-align:left;color:#6b4b35;background:0 0;border:0;grid-template-columns:1fr auto;min-height:66px;padding:12px 4px;display:grid}.mood-menu strong{font-size:14px;font-weight:500}.mood-menu span{color:#917558;grid-row:2;margin-top:5px;font-size:10px}.mood-menu b{grid-area:1/2/3;align-self:center;font-weight:400}.mood-library-note{color:#8a725d;font-size:11px;line-height:1.6}@media (width<=740px){.mood-main{grid-template-columns:1fr}.mood-conversation{padding:24px 0}.mood-conversation h2{font-size:39px}.mood-illustration{min-height:350px;padding:22px}.mood-cup{width:240px}.mood-footnote{margin-top:20px}.mood-library-heading{flex-direction:column;align-items:start;gap:4px}.mood-menu{grid-template-columns:1fr}.mood-library-tools{flex-wrap:wrap;gap:8px}.mood-library-tools input{width:100%}}.product-shell:has(.coffee-mood) :is(.product-nav,.product-footer){border:0}.mood-main{gap:36px}.mood-illustration{border-radius:48% 48% 12px 12px}.mood-menu button{border-radius:6px;padding:16px}.mood-mystery{width:min(330px,100%);position:relative}.mood-mystery svg{width:100%;display:block}.mood-mystery-seal{white-space:nowrap;letter-spacing:1px;color:#7b5842;font:9px IBM Plex Mono,monospace;position:absolute;bottom:24px;left:50%;transform:translate(-50%)rotate(-7deg)}.mood-cup{animation:.5s ease-out cup-reveal}@keyframes cup-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.mood-brew{background:#f7efe4;border-radius:8px;margin:60px 0;padding:36px 40px}.mood-brew header{justify-content:space-between;align-items:center;gap:20px;display:flex}.mood-brew h3{letter-spacing:-1px;margin:12px 0;font:36px/1.15 Georgia,serif}.mood-brew-time{white-space:nowrap;color:#85654d;font:11px IBM Plex Mono,monospace}.mood-brew-note{color:#806c5a;font-size:12px;line-height:1.6}.mood-brew-grid{grid-template-columns:1fr 1.6fr;gap:55px;margin-top:24px;display:grid}.mood-brew h4{margin:0 0 16px;font-size:13px}.mood-brew ul{padding:0;list-style:none}.mood-brew li{margin-bottom:12px;font-size:14px;line-height:1.8}.mood-brew ol{padding-left:22px;list-style:decimal}.mood-brew ol li{padding-left:10px}.mood-brew ol li::marker{color:#a37a55;font:11px IBM Plex Mono,monospace}.mood-ingredients p{color:#806c5a;margin-top:24px;font-size:12px;line-height:1.7}.mood-ingredients p b{color:#35312d;margin-bottom:6px;display:block}@media (width<=740px){.mood-main{gap:20px}.mood-mystery{width:240px}.mood-brew{margin:36px 0;padding:26px 22px}.mood-brew header{display:block}.mood-brew h3{font-size:30px}.mood-brew-time{margin:16px 0;display:block}.mood-brew-grid{grid-template-columns:1fr;gap:20px}}.mood-main{grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding-block:20px 45px}.mood-conversation{padding:0}.mood-conversation h2{letter-spacing:-2px;max-width:520px;font-size:clamp(42px,4.6vw,64px)}.mood-progress{margin:24px 0 16px}.mood-progress span{border-radius:2px;width:26px;height:4px}.mood-progress .filled{background:#922f39}.mood-options{gap:0}.mood-options button{background:0 0;border-radius:0;min-height:64px;padding-inline:0 12px;font-size:16px}.mood-options button>span{color:#922f39;width:25px}.mood-options button b{color:#922f39}.mood-options button:hover{background:#efebe2;transform:translate(4px)}.mood-illustration{background:0 0;border-radius:0;min-height:490px;padding:0;overflow:visible}.mood-script{color:#922f39;z-index:1;margin-bottom:-5px;font-size:30px;position:relative}.mood-mystery,.mood-cup{width:min(350px,100%);animation:.8s ease-out character-hello}.mood-cup-caption b{color:#35312d}.mood-cup-caption span,.mood-footnote{color:#756d65}.mood-footnote{margin-top:28px}.mood-mystery-seal{color:#756d65;bottom:15px}.mood-primary{background:#922f39;border-radius:4px}.mood-brew{background:#efeae0;border-radius:0;padding:34px}.mood-library{padding-top:24px}.mood-menu button{background:0 0;border-radius:0}.mood-menu button:hover{background:#ede7dc}.mood-kicker,.mood-step,.mood-text-link{color:#756d65}@media (width<=740px){.mood-main{grid-template-columns:1fr;gap:16px;padding-block:0 20px}.mood-conversation h2{margin-bottom:18px;font-size:42px}.mood-options button{min-height:56px;font-size:14px}.mood-illustration{min-height:290px;padding-top:14px}.mood-script{font-size:25px}.mood-mystery,.mood-cup{width:230px}.mood-footnote{margin-top:14px}.mood-brew{padding:24px 18px}}