:root{--ink:#2b1a10;--panel:#fffaf0eb;--accent:#e8572a;--accent-ink:#fff;--line:#2b1a101f;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{background:#f3e3c8;height:100%;margin:0;overflow:hidden}#app canvas{touch-action:none;display:block}kbd{border:1px solid var(--line);background:#2b1a1014;border-radius:4px;padding:1px 5px;font:600 11px ui-monospace,monospace}button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;transition:transform 80ms,background .15s}button:hover{background:#fff3e2}button:active{transform:translateY(1px)scale(.98)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}button.primary:hover{background:#d24818}button.primary kbd{color:#fff;background:#fff3;border-color:#ffffff4d}#hud{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;border-radius:16px;max-width:340px;padding:14px 16px;position:fixed;top:16px;left:16px;box-shadow:0 8px 30px #2b1a101f}.hud-head{justify-content:space-between;align-items:center;gap:12px;display:flex}#hud h1{letter-spacing:-.02em;margin:0;font-size:20px}#help-toggle{border-radius:50%;width:28px;height:28px;padding:0}#live{color:var(--accent);margin:6px 0 0;font-weight:700}#help{margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.7}#hud.collapsed #help{display:none}#toolbar{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;align-items:center;gap:6px;max-width:calc(100vw - 32px);padding:10px;display:flex;position:fixed;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 8px 30px #2b1a1026}#ingredients{grid-template-columns:repeat(9,auto);gap:6px;display:grid}#actions{grid-template-columns:auto auto;gap:6px;display:grid}#actions button{white-space:nowrap}.chip{white-space:nowrap;align-items:center;gap:5px;padding:6px 8px;font-size:12px;display:flex}.chip .dot{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 -2px #0003}.sep{background:var(--line);align-self:stretch;width:1px;margin:0 4px}@media (width<=1340px){.chip .name{display:none}}#toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;top:20px;left:50%;transform:translate(-50%,-20px)}#toast.show{opacity:1;transform:translate(-50%)}#serve-panel{animation:.35s cubic-bezier(.2,1.4,.4,1) slide-in;position:fixed;top:50%;right:24px;transform:translateY(-50%)}#serve-panel[hidden]{display:none}@keyframes slide-in{0%{opacity:0;transform:translate(40px,-50%)}}.card{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;width:320px;padding:20px;box-shadow:0 16px 50px #2b1a1040}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:12px;font-weight:700}#serve-name{letter-spacing:-.02em;margin:4px 0 2px;font-size:22px}#serve-stars{color:#f5a623;letter-spacing:2px;margin:0;font-size:22px}#serve-verdict{margin:8px 0 14px;font-size:14px;line-height:1.4}#serve-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}#serve-stats div{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}#serve-stats b{font-size:15px}#serve-stats span{opacity:.6;font-size:11px}#serve-layers{flex-direction:column;gap:2px;max-height:30vh;margin-bottom:16px;display:flex;overflow-y:auto}.layer{color:#fff;text-shadow:0 1px 2px #0006;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600}.actions{gap:8px;display:flex}.actions button{flex:1}body:before,body:after{content:"";z-index:5;pointer-events:none;background:#120a05;height:0;transition:height .25s;position:fixed;left:0;right:0}body:before{top:0}body:after{bottom:0}body.slowmo:before,body.slowmo:after{height:7vh}#waste{color:#b3120f;margin:4px 0 0;font-size:13px;font-weight:700}#shame{z-index:20;text-align:center;color:#fff;pointer-events:none;opacity:0;background:#460806eb;border:3px solid #ff5a4a;border-radius:18px;width:min(560px,100vw - 32px);padding:18px 24px 16px;transition:opacity .25s,transform .25s;position:fixed;bottom:118px;left:50%;transform:translate(-50%,12px)scale(.96);box-shadow:0 20px 60px #46080673}#shame.show{opacity:1;transform:translate(-50%)scale(1)}#shame .stamp{letter-spacing:.12em;color:#ff5a4a;border:4px solid #ff5a4a;border-radius:8px;padding:2px 18px;font:900 44px/1.1 Impact,Arial Black,system-ui,sans-serif;display:inline-block;transform:rotate(-6deg)}#shame.show .stamp{animation:.35s cubic-bezier(.2,1.6,.4,1) stamp}@keyframes stamp{0%{opacity:0;transform:rotate(-6deg)scale(2.6)}}#shame .rank{letter-spacing:.14em;text-transform:uppercase;color:#ffb3a8;margin-top:10px;font-size:13px;font-weight:800}#shame .line{margin-top:6px;font-size:20px;font-weight:700;line-height:1.3}#shame .stats{opacity:.75;margin-top:8px;font-size:12px}#shame.big{border-color:#ffd23f}#shame.big .stamp{color:#ffd23f;border-color:#ffd23f;font-size:60px}#shame.big.show{animation:.6s .3s shame-wobble}@keyframes shame-wobble{25%{transform:translate(-50%)rotate(-2deg)}50%{transform:translate(-50%)rotate(2deg)}75%{transform:translate(-50%)rotate(-1deg)}}