.app-shell{background:var(--color-cream);height:100svh}.app-root{background:var(--color-cream);height:100%;color:var(--color-bark);font-family:var(--font-body);position:relative;overflow:hidden}.app-scroll{-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:hidden auto}.app-scroll::-webkit-scrollbar{width:0;height:0}.pad-top{padding-top:64px}.pad-bot{padding-bottom:96px}.j-btn{border-radius:var(--r-pill);-webkit-tap-highlight-color:transparent;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:16px 22px;font-size:16px;font-weight:800;line-height:1;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s;display:inline-flex}.j-btn:active{transform:scale(.96)}.j-btn span{white-space:nowrap}.j-btn-primary{background:var(--color-clay);color:#fff;box-shadow:var(--shadow-press)}.j-btn-primary:hover{background:var(--clay-700)}.j-btn-block{width:100%}.j-btn-ghost{color:var(--color-clay);background:0 0;border:1.5px solid #c4846c73}.j-btn-ghost:hover{background:var(--clay-100)}.j-btn-soft{color:var(--color-bark);box-shadow:var(--shadow-card);background:#fff}.j-btn:disabled{opacity:.45;pointer-events:none}.j-card{border-radius:var(--r-card);box-shadow:var(--shadow-card);background:#fff}.j-badge{letter-spacing:.01em;border-radius:var(--r-pill);background:var(--clay-100);color:var(--clay-700);align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:800;display:inline-flex}.j-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.j-prog{border-radius:var(--r-pill);background:#4a37281a;height:8px;overflow:hidden}.j-prog>span{border-radius:inherit;background:var(--color-clay);height:100%;transition:width .45s cubic-bezier(.34,1.2,.64,1);display:block}.j-bottomnav{z-index:40;-webkit-backdrop-filter:blur(16px)saturate(160%);background:#fdf6eedb;border-top:1px solid #4a372812;justify-content:space-around;align-items:stretch;padding:8px 10px 26px;display:flex;position:absolute;bottom:0;left:0;right:0}.j-navitem{color:var(--color-muted);-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 0 0;font-size:11px;font-weight:800;transition:color .18s;display:flex}.j-navitem.active{color:var(--color-clay)}.j-navitem svg{width:24px;height:24px}.j-input{width:100%;color:var(--color-bark);box-sizing:border-box;background:#fff;border:1.5px solid #4a372824;border-radius:14px;outline:none;padding:14px 16px;font-size:16px;font-weight:700;transition:border-color .18s,box-shadow .18s}.j-input::placeholder{color:#c3b6ac;font-weight:600}.j-input:focus{border-color:var(--color-clay);box-shadow:0 0 0 4px #c4846c1f}.j-label{color:var(--color-bark);margin-bottom:8px;font-size:14px;font-weight:800;display:block}.screen-h1{font-family:var(--font-display);text-wrap:balance;font-size:30px;line-height:1.16}.screen-sub{color:var(--color-muted);margin:0;font-size:15px;font-weight:600}@keyframes jPopIn{0%{transform:translateY(14px)scale(.97)}to{transform:none}}.pop-in{animation:.42s cubic-bezier(.34,1.3,.64,1) both jPopIn}@keyframes jFadeSlide{0%{transform:translate(26px)}to{transform:none}}@keyframes jFadeSlideBack{0%{transform:translate(-26px)}to{transform:none}}@keyframes jTick{0%{transform:translateY(-5px)scale(1.06)}to{transform:none}}.num-tick{animation:.3s cubic-bezier(.34,1.3,.64,1) both jTick}@keyframes bubbleUp{0%{opacity:0;transform:translate(0)scale(.6)}12%{opacity:.9}80%{opacity:.8}to{transform:translate(var(--drift), -120vh) scale(1);opacity:0}}.cat-grid,.recipe-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.nav-brand{display:none}@media (min-width:640px){.cat-grid,.recipe-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.app-root{flex-direction:row;display:flex;overflow:hidden}.app-scroll{flex:1;height:100%;min-height:0;position:relative;inset:auto;overflow:hidden auto}.pad-bot{padding-bottom:48px}.j-bottomnav{-webkit-backdrop-filter:none;background:#fdf6eef7;border-top:none;border-right:1px solid #4a372814;flex-direction:column;order:-1;justify-content:flex-start;align-items:stretch;gap:2px;width:220px;min-width:220px;height:100%;padding:0 10px 28px;position:relative;overflow-y:auto}.nav-brand{font-family:var(--font-display);color:var(--color-bark);letter-spacing:-.01em;border-bottom:1px solid #4a372812;flex-shrink:0;align-items:center;gap:10px;margin-bottom:6px;padding:26px 12px 20px;font-size:20px;font-weight:700;display:flex}.j-navitem{text-align:left;border-radius:12px;flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px}.j-navitem:hover:not(.active){background:#4a37280d}.j-navitem.active{background:var(--clay-100);color:var(--color-clay)}.j-navitem svg{width:20px;height:20px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:16px}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.cat-card-sq{aspect-ratio:1}.recipe-card-img{aspect-ratio:16/9;height:auto!important}}.proc-header{z-index:30;background:var(--color-cream);padding:54px 20px 12px;position:absolute;top:0;left:0;right:0}.proc-cta{z-index:25;background:linear-gradient(transparent, var(--color-cream) 28%);padding:16px 22px 30px;position:absolute;bottom:0;left:0;right:0}.costeo-panel{z-index:30;background:#fff;border-radius:24px 24px 0 0;padding:15px 22px 26px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #4a37281f}@media (min-width:1024px){.proc-header{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);background:#fdf6eef7;border-bottom:1px solid #4a37280f;border-radius:0 0 18px 18px;width:100%;max-width:720px;padding:28px 40px 14px;left:50%;right:auto;transform:translate(-50%)}.proc-body{max-width:720px;margin:0 auto}.proc-cta{box-sizing:border-box;background:linear-gradient(transparent, var(--color-cream) 45%);width:100%;max-width:720px;padding:16px 40px 40px;left:50%;right:auto;transform:translate(-50%)}.app-root.costeo-root{grid-template-rows:1fr;grid-template-columns:1fr 360px;display:grid}.app-root.costeo-root .app-scroll{flex:none;grid-area:1/1}.costeo-panel{box-shadow:none;box-sizing:border-box;background:#fefcf9;border-left:1px solid #4a372814;border-radius:0;flex-direction:column;grid-area:1/2;height:100%;padding:90px 24px 32px;display:flex;position:relative;bottom:auto;left:auto;right:auto;overflow-y:auto}.task-center-inner{width:100%;max-width:480px;margin:0 auto}}