:root{--c-fundo: #171412;--c-cartao: #221e1b;--c-cartao2: #2c2723;--c-linha: #3a342e;--c-creme: #f3ead8;--c-texto: #efe6d4;--c-suave: #b4a894;--c-ouro: #c9a25a;--c-ouro-claro: #e2c48a;--c-tomate: #c7392b;--c-verde: #2f8f4e;--c-display: "Raleway", "Segoe UI", system-ui, sans-serif;--c-corpo: "Source Sans 3", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--c-fundo);color:var(--c-texto);font-family:var(--c-corpo);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--c-ouro-claro);outline-offset:2px}.cd-carregando{min-height:100vh;display:grid;place-items:center;color:var(--c-suave)}.cd{max-width:480px;margin:0 auto;min-height:100vh;padding:12px 16px 104px}.cd-topo{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0 12px}.cd-marca{display:flex;gap:10px;align-items:center}.cd-logo{width:42px;height:42px;border-radius:50%;background:var(--c-creme);color:#231f1b;display:grid;place-items:center;text-align:center;font:800 8px/1 var(--c-display);letter-spacing:.02em}.cd-marca b{display:block;font:800 17px var(--c-display);color:var(--c-ouro-claro);letter-spacing:.04em;text-transform:uppercase}.cd-marca span{font-size:12.5px;color:var(--c-suave)}.cd-acoes{display:flex;gap:6px}.cd-recomecar,.cd-sacola{background:var(--c-cartao2);border:1px solid var(--c-linha);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}.cd-sacola{background:var(--c-ouro);color:#1b1712;border-color:var(--c-ouro)}.cd-passos{list-style:none;margin:0 0 12px;padding:4px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--c-cartao);border-radius:12px}.cd-passos button{width:100%;border:0;background:none;padding:8px 2px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--c-suave);display:flex;gap:5px;align-items:center;justify-content:center}.cd-passos button:disabled{opacity:.45;cursor:default}.cd-passos span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--c-linha)}.cd-passos .atual button{background:var(--c-creme);color:#1b1712}.cd-passos .atual span{background:#1b1712;color:var(--c-creme)}.cd-passos .feito span{background:var(--c-ouro);color:#1b1712}.cd-titulo h1{margin:2px 0;font:800 20px var(--c-display);text-transform:uppercase;letter-spacing:.03em;color:var(--c-creme)}.cd-titulo p{margin:0 0 10px;font-size:14px;color:var(--c-suave)}.cd-palco{position:relative;background:radial-gradient(circle at 50% 42%,#2b2622,#171412 70%);border-radius:18px;padding:10px 24px 0;margin-bottom:12px}.frigideira{width:100%;max-width:min(320px,38vh);display:block;margin:0 auto;overflow:visible}.dica-panela{fill:#8d8272;font:600 13px var(--c-corpo)}.frigideira.prato{animation:virar .5s ease-out}@keyframes virar{0%{transform:scale(.92) rotate(-8deg);opacity:.4}to{transform:none;opacity:1}}.cai{animation:cair .55s cubic-bezier(.25,1.4,.5,1) both;transform-box:fill-box;transform-origin:center}@keyframes cair{0%{transform:translateY(-150px) scale(1.5);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}.cai-massa{animation:assentar .5s ease-out both}@keyframes assentar{0%{opacity:0;transform:scale(1.12);transform-origin:150px 150px}to{opacity:1;transform:none}}.molho{animation:espalhar .45s ease-out both;transform-origin:150px 150px}@keyframes espalhar{0%{transform:scale(.3);opacity:.2}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.cai,.cai-massa,.molho,.frigideira.prato{animation:none}}.cd-abas{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none}.cd-abas button{flex:0 0 auto;border:1px solid var(--c-linha);background:transparent;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;color:var(--c-suave);display:flex;gap:6px;align-items:center}.cd-abas button.on{background:var(--c-creme);color:#1b1712;border-color:var(--c-creme)}.cd-abas b{background:var(--c-ouro);color:#1b1712;border-radius:999px;font-size:11px;padding:0 6px}.cd-rotulo{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-suave);margin:4px 0 6px}.cd-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:var(--c-cartao);border-radius:12px;padding:4px;margin-bottom:12px}.cd-seg button{border:0;background:none;border-radius:9px;padding:9px 4px;font-size:13.5px;font-weight:600;color:var(--c-suave)}.cd-seg button.on{background:var(--c-ouro);color:#1b1712}.cd-seg.tam button{display:grid;gap:1px}.cd-seg.tam span{font-size:12px;font-weight:600;opacity:.85}.cd-cubas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px}@media (min-width: 400px){.cd-cubas{grid-template-columns:repeat(5,1fr)}}.cuba{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.cuba-btn{position:relative;width:62px;height:62px;border-radius:50%;border:2px solid var(--c-linha);background:#ece7dd;padding:0;display:grid;place-items:center;transition:transform .12s,border-color .12s}.cuba-btn:active{transform:scale(.93)}.cuba.on .cuba-btn{border-color:var(--c-ouro);box-shadow:0 0 0 3px #c9a25a40}.cuba-ico{width:52px;height:52px}.cuba-fundo{fill:#f6f2ea;stroke:#d8d0c0;stroke-width:1}.cuba-n{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:999px;background:var(--c-ouro);color:#1b1712;font-size:11.5px;font-weight:800;display:grid;place-items:center;padding:0 4px}.cuba-x{position:absolute;top:-4px;left:calc(50% - 39px);width:22px;height:22px;border-radius:50%;border:0;background:#45403a;color:var(--c-creme);font-size:14px;line-height:1}.cuba-nome{margin-top:5px;font-size:13px;font-weight:600;line-height:1.15}.cuba-preco{font-size:12px;color:var(--c-ouro-claro)}.cd-barra{position:fixed;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--c-fundo) 35%)}.cd-avancar{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:448px;margin:0 auto;border:0;border-radius:16px;padding:14px 16px;background:var(--c-creme);color:#1b1712;font-size:16px;font-weight:700}.cd-avancar b{background:#00000014;border-radius:10px;padding:4px 10px}.cd-avancar:disabled{background:var(--c-cartao2);color:var(--c-suave);cursor:default}.cd-fechado{text-align:center;padding:60px 16px}.cd-fechado h2{font:800 22px var(--c-display);color:var(--c-creme)}.cd-vazio{color:var(--c-suave);padding:16px 0}.cd-vazio button{background:none;border:0;color:var(--c-ouro-claro);text-decoration:underline}.cd-lista{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}.cd-lista li{display:flex;justify-content:space-between;gap:10px;background:var(--c-cartao);border:1px solid var(--c-linha);border-radius:14px;padding:12px}.cd-lista b{color:var(--c-creme)}.cd-lista span{display:block;font-size:13.5px;color:var(--c-suave)}.cd-lista-dir{text-align:right;display:grid;align-content:space-between}.cd-lista-dir button{background:none;border:0;color:var(--c-suave);font-size:12.5px;text-decoration:underline;padding:0}.cd-form{display:grid;gap:10px}.cd-form label{display:grid;gap:4px;font-size:13.5px;color:var(--c-suave)}.cd-form input,.cd-form textarea{font:inherit;font-size:16px;color:var(--c-texto);background:var(--c-cartao);border:1px solid var(--c-linha);border-radius:10px;padding:10px 12px}.cd-linha{display:flex;justify-content:space-between;font-size:15px}.cd-linha.total{font-size:18px;font-weight:800;color:var(--c-creme);border-top:1px solid var(--c-linha);padding-top:10px}.cd-whats{border:0;border-radius:16px;padding:15px;font-size:16px;font-weight:800;background:var(--c-verde);color:#fff}.cd-whats:disabled{background:var(--c-cartao2);color:var(--c-suave);cursor:default}.cd-aviso{margin:0;color:#f0a59b;font-size:14px}.cd-mini{margin:0;text-align:center;font-size:12.5px;color:var(--c-suave)}
