/* Yum's existing palette and artwork; a focused watching-to-cooking workspace. */
.yum-discovery{position:fixed;inset:0;z-index:180;background:#140e0a;color:#fff;font-family:Nunito,sans-serif;display:flex;flex-direction:column;outline:none}
.yum-discovery *{box-sizing:border-box}.yum-discovery button,.yum-related button{font:800 14px Nunito,sans-serif;cursor:pointer;min-height:44px}
.yum-discovery button:focus-visible,.yum-related button:focus-visible{outline:3px solid #f4b41a;outline-offset:3px}.yum-discovery button:disabled{opacity:.35;cursor:default}
.dy-header{height:68px;padding:10px 18px;display:flex;align-items:center;gap:12px;background:#1f1712;flex:none;z-index:4}.dy-header p{margin:0;flex:1;color:#f5eadc;font-size:14px}.dy-header span{font-size:12px;opacity:.7;display:block}.dy-icon,.dy-secondary{border:1px solid #ffffff50;background:#ffffff12;color:inherit;border-radius:14px;padding:8px 14px}.dy-icon{min-width:44px}.dy-layout{flex:1;min-height:0;position:relative;display:flex}.dy-stage{position:relative;flex:1;min-width:0;overflow:hidden;touch-action:pan-x}.dy-player{position:absolute;inset:0 0 92px}.dy-cover{width:100%;height:100%;object-fit:contain}.dy-info{position:absolute;left:18px;bottom:108px;right:100px;text-shadow:0 2px 12px #000}.dy-info h2{font:800 clamp(23px,3vw,36px) 'Bricolage Grotesque',Nunito,sans-serif;margin:0 0 5px}.dy-info p{margin:0;font-size:13px}.dy-actions{position:absolute;right:14px;bottom:110px;display:flex;flex-direction:column;gap:9px}.dy-actions button{border:1px solid #ffffff40;background:#140e0acc;color:white;border-radius:16px;padding:10px;min-width:70px;font-size:12px}.dy-bottom{position:absolute;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#211811;display:flex;gap:10px;align-items:center}.dy-recipe-bar{border:0;border-radius:16px;background:#fff4e3;color:#2e2a26;text-align:left;padding:10px 15px;flex:1}.dy-recipe-bar strong,.dy-recipe-bar small{display:block}.dy-recipe-bar small{font-weight:600;margin-top:3px}.dy-next{display:flex;gap:7px}.dy-note{position:absolute;top:18px;left:18px;right:18px;background:#211811eb;color:#fff4e3;border-radius:14px;padding:12px;z-index:3;max-width:530px}.dy-note p{margin:0 0 8px}.dy-loading{position:absolute;inset:0;display:grid;place-content:center;background:#21181188;gap:8px;text-align:center}.dy-loading:before{content:'';width:28px;height:28px;border:3px solid #ffffff40;border-top-color:#e8542b;border-radius:50%;animation:dy-spin 1s linear infinite;margin:auto}@keyframes dy-spin{to{transform:rotate(360deg)}}
.dy-sheet{width:min(430px,42vw);background:#fffaf1;color:#2e2a26;padding:20px 22px;overflow-y:auto;overscroll-behavior:contain}.dy-sheet header{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:-20px;background:#fffaf1;padding:10px 0;z-index:2}.dy-sheet h2{font:800 25px 'Bricolage Grotesque',Nunito,sans-serif;margin:12px 0}.dy-sheet h3{font-size:18px;margin:24px 0 10px}.dy-sheet p,.dy-sheet li{font-size:15px;line-height:1.6}.dy-sheet ul,.dy-sheet ol{padding-left:22px}.dy-sheet li{margin:9px 0}.dy-sheet .dy-secondary{border-color:#d8c7b2;background:#fff;color:#2e2a26}.dy-primary{border:0;background:#e8542b;color:white;border-radius:14px;padding:12px 18px}.dy-sheet a{color:#8f3c1e}.dy-evidence{padding:10px 12px;border-radius:12px;background:#f1e9d9;color:#63564a;font-size:13px!important}.dy-grid{overflow-y:auto;padding:20px;flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;align-content:start}.dy-grid-card{padding:0;border:2px solid transparent;border-radius:18px;overflow:hidden;background:#fffaf1;color:#2e2a26;text-align:left}.dy-grid-card[aria-current=true]{border-color:#e8542b}.dy-grid-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.dy-grid-card span{display:block;padding:12px;font-size:15px}.dy-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dy-mini-card{padding:0;overflow:hidden;border:1px solid #e4d8c7;background:white;border-radius:14px;color:#2e2a26;text-align:left}.dy-mini-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.dy-mini-card span{display:block;padding:9px;font-size:13px}.yum-related{max-width:1180px;margin:28px auto;padding:0 18px}.yum-related header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.yum-related h2{font:800 25px 'Bricolage Grotesque',Nunito,sans-serif;margin:0}.yum-related p{font:600 14px Nunito,sans-serif;color:#6b6259;margin:7px 0}.yum-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.yum-related-grid button{padding:0;border:0;background:#fffdf8;border-radius:18px;overflow:hidden;text-align:left;color:#2e2a26}.yum-related-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.yum-related-grid span{display:block;padding:12px}.yum-quiet-help{margin:10px auto;max-width:1180px;padding:0 18px;display:flex;align-items:center;gap:12px}.yum-quiet-help p{flex:1;margin:0;color:#6b6259;font:600 14px Nunito,sans-serif}.yum-quiet-help button{border:1px solid #dcccb7;background:#fffaf1;color:#2e2a26;padding:8px 14px;min-height:44px;border-radius:14px;font:800 13px Nunito,sans-serif}
@media(max-width:700px){.dy-header{height:60px;padding:8px 12px}.dy-header p{font-size:12px}.dy-sheet{position:absolute;inset:25% 0 0;width:100%;border-radius:24px 24px 0 0;z-index:6;box-shadow:0 -20px 80px #0008;padding:12px 20px}.dy-sheet header{top:-12px}.dy-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:12px}.dy-info h2{font-size:24px}.dy-info{left:14px;right:90px}.dy-bottom{padding-left:10px;padding-right:10px}.dy-next button{padding:8px}.yum-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dy-grid-card img{aspect-ratio:1}.dy-actions{right:10px}}
@media(prefers-reduced-motion:reduce){.yum-discovery *{animation:none!important;transition:none!important}.dy-loading:before{border-top-color:#fff}}
.dy-info{bottom:180px}.dy-actions{bottom:190px}.dy-grid-card:focus-visible,.dy-mini-card:focus-visible{outline:3px solid #f4b41a;outline-offset:2px}
.yum-readiness{flex:none;min-height:44px;padding:8px 14px;border:1px solid #d8c7b2;border-radius:99px;background:#fffdf8;color:#2e2a26;font:800 13px Nunito,sans-serif;cursor:pointer}.yum-readiness[aria-pressed=true]{background:#2f6a45;color:white;border-color:#2f6a45}.yum-readiness:focus-visible{outline:3px solid #e8542b;outline-offset:2px}
