:root{--ink: #141210;--ink-2: #1f1c19;--ink-3: #2b2723;--paper: #f5f1ea;--muted: #a8a196;--lime: #d4ff4f;--tomato: #ff5a36;--butter: #ffd84d;--lilac: #b8a4ff;--t-verdura: #c9efa0;--t-proteina: #ffc4b0;--t-base: #ffe7a0;--t-fruta: #ffc6d3;--t-cereal: #f6dcb4;--t-lacteo: #cfe2ff;--display: "Bricolage Grotesque", system-ui, sans-serif;--serif: "Instrument Serif", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, monospace;--nav-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}#root{height:100dvh}::selection{background:var(--lime);color:var(--ink)}input{caret-color:var(--lime)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--display);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}.serif{font-family:var(--serif);font-style:italic;font-weight:400}.h-xl{font-weight:800;letter-spacing:-.05em;line-height:.8;margin:0}.h-lg{font-weight:800;letter-spacing:-.03em;line-height:.9;margin:0}.app{height:100%;display:flex}.main{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.screen,.kitchen{animation:screenIn .5s cubic-bezier(.2,1,.3,1) both}@keyframes screenIn{0%{opacity:0;transform:translateY(14px) scale(.985)}}.rise>*{animation:riseIn .7s cubic-bezier(.2,1,.3,1) both}.rise>:nth-child(2){animation-delay:.04s}.rise>:nth-child(3){animation-delay:.08s}.rise>:nth-child(4){animation-delay:.12s}.rise>:nth-child(5){animation-delay:.16s}.rise>:nth-child(6){animation-delay:.2s}.rise>:nth-child(7){animation-delay:.24s}.rise>:nth-child(8){animation-delay:.28s}.rise>:nth-child(n+9){animation-delay:.32s}.rise-late>*{animation-delay:calc(.18s + var(--d, 0s))}.rise-late>:nth-child(2){--d: .05s}.rise-late>:nth-child(3){--d: .1s}.rise-late>:nth-child(4){--d: .15s}@keyframes riseIn{0%{opacity:0;transform:translateY(26px) scale(.97)}}.screen{height:100%;overflow-y:auto;padding:20px 16px calc(var(--nav-h) + 56px + var(--safe-b));scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.wrap{max-width:1180px;margin:0 auto}.sidebar{display:none}@media(min-width:1024px){.sidebar{display:flex;flex-direction:column;gap:28px;width:264px;flex:none;height:100%;background:var(--paper);color:var(--ink);padding:28px 18px 22px}.screen{padding:36px 40px 40px}.pill-nav{display:none!important}}.brand{padding:0 8px}.brand b{display:block;font-size:40px;font-weight:800;letter-spacing:-.05em;line-height:.9}.brand span{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--tomato)}.side-nav{display:flex;flex-direction:column;gap:6px}.side-item{display:flex;align-items:center;gap:14px;height:56px;padding:0 16px;border:0;border-radius:18px;background:transparent;color:var(--ink);font-size:18px;font-weight:700;text-align:left;transition:background .2s,transform .15s}.side-item:hover{background:#e8e2d6}.side-item:active{transform:scale(.98)}.side-item.on{background:var(--ink);color:var(--lime)}.side-cta{margin-top:auto;height:60px;border:0;border-radius:20px;background:var(--tomato);color:var(--ink);font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s}.side-cta:active{transform:scale(.97)}.side-streak{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:var(--ink);color:var(--paper)}.side-streak strong{font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--butter)}.pill-nav{position:fixed;left:12px;right:12px;bottom:calc(14px + var(--safe-b));z-index:40;display:flex;gap:10px;align-items:center;max-width:520px;margin:0 auto}.app:has(.plato) .pill-nav:before{background:linear-gradient(to bottom,rgba(255,216,77,0),var(--butter) 55%)}.pill-nav:before{content:"";position:fixed;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;height:calc(var(--nav-h) + 44px + var(--safe-b));background:linear-gradient(to bottom,rgba(20,18,16,0),var(--ink) 55%)}.pill{position:relative;flex:1;height:var(--nav-h);border-radius:999px;background:var(--paper);display:flex;align-items:center;gap:2px;padding:6px;box-shadow:0 10px 30px #00000073}.pill-tab{flex:1;height:52px;border:0;border-radius:999px;background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:700;transition:background .25s,color .25s,transform .15s}.pill-tab{position:relative;z-index:1}.pill-tab svg{transition:transform .45s cubic-bezier(.3,1.6,.5,1)}.pill-tab.on{color:var(--lime)}.pill-tab.on svg{transform:translateY(-1.5px) scale(1.12)}.pill-ind{position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 18px)/4);border-radius:999px;background:var(--ink);transform:translate(calc(var(--i, 0) * (100% + 2px)));transition:transform .5s cubic-bezier(.3,1.35,.45,1)}.dice-roll{animation:roll .7s cubic-bezier(.3,1.5,.5,1)}@keyframes roll{0%{transform:rotate(-360deg) scale(.7)}}.pill-tab:active{transform:scale(.94)}.pill-fab{width:var(--nav-h);height:var(--nav-h);flex:none;border:0;border-radius:999px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000073;transition:transform .15s}.pill-fab:active{transform:scale(.92) rotate(-12deg)}.btn{height:52px;padding:0 24px;border:0;border-radius:999px;font-weight:800;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:transform .15s,opacity .2s}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.35;cursor:default;transform:none}.btn-lime{background:var(--lime);color:var(--ink)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-line{background:transparent;color:inherit;border:2px solid currentColor}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--ink-2);color:var(--paper);font-weight:700;font-size:14px;white-space:nowrap;transition:background .2s,color .2s}.chip.on{background:var(--lime);color:var(--ink)}.chip.on.danger{background:var(--tomato)}.wrap-chips{flex-wrap:wrap;overflow:visible}.kitchen{height:100%;display:flex;flex-direction:column;gap:12px;padding:18px 16px calc(var(--nav-h) + 44px + var(--safe-b));overflow-y:auto;scrollbar-width:none}.kitchen::-webkit-scrollbar{display:none}.k-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.k-title{font-size:clamp(38px,11vw,88px)}.k-title .serif{display:block;color:var(--lime);font-size:.92em;line-height:.95;letter-spacing:-.01em}.k-pot{flex:1 0 170px;min-height:170px;container-type:size;position:relative}.k-shelf{display:flex;flex-direction:column;gap:10px}.k-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px}.k-count{white-space:nowrap;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--muted)}.k-count b{color:var(--paper);font-size:22px;font-family:var(--display);letter-spacing:0}.grid-food{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(min-width:1024px){.kitchen{display:grid;padding:36px 40px;gap:18px 40px;grid-template-columns:minmax(0,1.15fr) minmax(380px,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head" "pot shelf" "act shelf"}.k-head{grid-area:head}.k-pot{grid-area:pot}.k-actions{grid-area:act}.k-shelf{grid-area:shelf;align-self:center;gap:14px}.grid-food{gap:10px}}@media(max-height:700px)and (max-width:1023px){.k-title{font-size:34px}.tile{height:70px!important}.tile img{width:40px!important;height:40px!important}}.tile{position:relative;height:84px;border:0;border-radius:20px;padding:6px 6px 8px;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;transition:transform .2s cubic-bezier(.3,1.6,.5,1),opacity .25s}@media(min-width:1024px){.tile{height:116px}.tile img{width:64px!important;height:64px!important}.tile span{font-size:14px!important}}.tile:hover img{transform:translateY(-3px) rotate(-6deg)}.tile:active{transform:scale(.93)}.tile:active img{transform:translateY(-4px) rotate(-8deg) scale(1.08)}.chip,.slot-switch button,.ob-chip,.auth-switch button{transition:background .25s,color .25s,transform .2s cubic-bezier(.3,1.6,.5,1)}.chip:active,.slot-switch button:active,.ob-chip:active,.auth-switch button:active{transform:scale(.94)}.meal-row{animation:none;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.tile img{width:48px;height:48px;object-fit:contain;transition:transform .25s cubic-bezier(.3,1.6,.5,1);pointer-events:none}.tile span{font-size:12px;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tile.in{opacity:.28;cursor:default}.tile.in:after{content:"";position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:99px;background:var(--ink)}.tile.hated{background:var(--ink-3)!important;color:var(--paper)}.tile.hated img{filter:grayscale(1) brightness(.7)}.tile.hated:before{content:"NO";position:absolute;top:7px;left:8px;font-family:var(--mono);font-size:10px;font-weight:600;color:var(--tomato);letter-spacing:.1em}.ghost{position:fixed;left:0;top:0;z-index:100;pointer-events:none;width:92px;height:92px;border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 24px 48px #0000008c;will-change:transform}.ghost img{width:70px;height:70px;animation:lift .2s ease-out both}@keyframes lift{0%{transform:scale(.7) rotate(0)}to{transform:scale(1.1) rotate(-10deg)}}.pot{position:relative;isolation:isolate;width:min(100cqw,133.33cqh);aspect-ratio:4 / 3;margin:0 auto;touch-action:none;-webkit-user-select:none;user-select:none}.pot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pot .glow{transition:opacity .25s,transform .25s;transform-box:fill-box;transform-origin:center;opacity:0}.pot.over .glow{opacity:1;transform:scale(1.04)}.pot.bump-a .pot-body{animation:bumpA .5s cubic-bezier(.3,1.6,.5,1)}.pot.bump-b .pot-body{animation:bumpB .5s cubic-bezier(.3,1.6,.5,1)}.pot-body{transform-box:fill-box;transform-origin:50% 80%}@keyframes bumpA{30%{transform:scale(1.04,.95)}65%{transform:scale(.98,1.03)}}@keyframes bumpB{30%{transform:scale(1.04,.95)}65%{transform:scale(.98,1.03)}}.food-in{position:absolute;width:15%;aspect-ratio:1;pointer-events:none;will-change:transform,left,top}.food-in img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 0 rgba(60,20,8,.55))}.food-in.drop img{animation:drop .6s cubic-bezier(.3,1.5,.5,1) both}@keyframes drop{0%{transform:translateY(-260%) scale(.6) rotate(-40deg);opacity:0}40%{opacity:1}to{transform:none}}.food-in button{position:absolute;inset:0;border:0;background:transparent;pointer-events:auto;border-radius:50%}.splash{position:absolute;width:22%;aspect-ratio:2.6;border-radius:50%;border:3px solid var(--butter);pointer-events:none;animation:splash .55s ease-out .25s both}@keyframes splash{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.flame{transform-box:fill-box;transform-origin:50% 100%;animation:flicker .5s ease-in-out infinite alternate}.flame:nth-child(2n){animation-duration:.38s;animation-delay:-.2s}.flame:nth-child(3n){animation-duration:.62s}@keyframes flicker{0%{transform:scaleY(.82) scaleX(1.04)}to{transform:scaleY(1.08) scaleX(.95)}}.bubble{transform-box:fill-box;transform-origin:center;animation:bubble 1.4s ease-in infinite}@keyframes bubble{0%{transform:scale(0);opacity:0}30%{opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.steam{position:absolute;bottom:60%;width:4.5%;aspect-ratio:.5;border-radius:99px;background:var(--paper);opacity:0;filter:blur(5px);animation:steam 2.4s ease-in infinite;pointer-events:none}@keyframes steam{0%{transform:translateY(0) scaleX(1);opacity:0}25%{opacity:.35}to{transform:translateY(-160%) scaleX(2.6);opacity:0}}.pot-hint{position:absolute;left:50%;top:4%;transform:translate(-50%);white-space:nowrap;font-family:var(--serif);font-style:italic;font-size:clamp(20px,6cqw,34px);color:var(--paper);pointer-events:none;animation:hint 1.8s ease-in-out infinite}@keyframes hint{50%{transform:translate(-50%) translateY(6px)}}.stir-hint{position:absolute;inset:0;pointer-events:none}.stir-hint svg{animation:spin 2.2s linear infinite;transform-origin:50% 45%}@keyframes spin{to{transform:rotate(360deg)}}.stir-count{font-weight:800;letter-spacing:-.05em;line-height:.8;font-size:clamp(64px,18vw,120px)}.plato{position:absolute;inset:0;z-index:30;background:var(--butter);color:var(--ink);overflow-y:auto;padding:26px 18px calc(var(--nav-h) + 56px + var(--safe-b));animation:rise .75s cubic-bezier(.2,1,.3,1) both}.plato .mono{color:var(--ink)}@keyframes rise{0%{transform:translateY(100%);border-radius:60px 60px 0 0}to{transform:none;border-radius:0}}.plato-grid{display:grid;gap:22px;max-width:1180px;margin:0 auto}@media(min-width:1024px){.plato{padding:48px}.plato-grid{grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}}.plato-hero{position:relative;width:min(220px,52vw);aspect-ratio:1;margin:64px auto 50px}@media(min-width:1024px){.plato-hero{width:260px;margin:90px 0 60px 90px}}.plato-hero .hero-img{width:100%;height:100%;animation:pop .7s cubic-bezier(.3,1.7,.5,1) .3s both}.plato-hero .orbit{position:absolute;width:26%;aspect-ratio:1;background:var(--paper);border-radius:50%;padding:5%;box-shadow:0 6px #14121026;animation:pop .6s cubic-bezier(.3,1.7,.5,1) both}@keyframes pop{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}.plato-title{font-size:clamp(46px,12vw,92px);line-height:.92;margin:8px 0 0;letter-spacing:-.01em}.macro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:2px solid var(--ink);padding-top:14px}.macro b{display:block;font-size:clamp(34px,9vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1}.tip{background:var(--ink);color:var(--paper);border-radius:24px;padding:18px 20px}.tip .mono{color:var(--lime)}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.steps li{display:flex;gap:14px;align-items:baseline;font-size:18px;line-height:1.3}.steps li i{font-style:normal;font-family:var(--mono);font-size:13px;font-weight:600}.card{border-radius:28px;padding:20px}.meal-row{border-radius:22px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.meal-row .serif{font-size:28px;line-height:1.02;margin:2px 0 0}.badge{padding:8px 12px;border-radius:999px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;white-space:nowrap}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.day{aspect-ratio:1;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.hoy-grid{display:grid;gap:28px}@media(min-width:1024px){.hoy-grid{grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}}.thumbs{display:flex}.thumbs img{width:30px;height:30px;margin-left:-6px;background:var(--ink-3);border-radius:99px;padding:3px;border:2px solid var(--ink-2)}.thumbs img:first-child{margin-left:0}.party{position:fixed;inset:0;z-index:150;pointer-events:none;overflow:hidden}.party-x{position:absolute;left:calc(50% - 23px);top:78%;width:46px;height:46px;animation:partyX 1.6s linear both}.party-x img{width:100%;height:100%;animation:partyY 1.6s cubic-bezier(.2,.6,.4,1) both}@keyframes partyX{to{transform:translate(var(--dx))}}@keyframes partyY{0%{transform:translateY(0) scale(.6) rotate(0);opacity:1}40%{transform:translateY(var(--up)) scale(1.15) rotate(calc(var(--rot) * .4))}85%{opacity:1}to{transform:translateY(calc(var(--up) * -.6)) scale(1) rotate(var(--rot));opacity:0}}.toast{position:fixed;left:50%;top:calc(16px + env(safe-area-inset-top,0px));z-index:200;transform:translate(-50%);background:var(--lime);color:var(--ink);font-weight:800;padding:14px 20px;border-radius:999px;box-shadow:0 12px 30px #0006;animation:toast .4s cubic-bezier(.3,1.6,.5,1) both;max-width:calc(100% - 32px)}@keyframes toast{0%{transform:translate(-50%,-140%)}}.skeleton{background:var(--ink-2);border-radius:22px;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.cooking-wait{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-style:italic;font-size:26px}.slot-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:4px;margin:0 0 14px;border-radius:999px;background:var(--ink-2);max-width:460px}.slot-switch button{height:38px;padding:0 6px;min-width:0;overflow:hidden;text-overflow:ellipsis;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:800;font-size:14px;white-space:nowrap;transition:background .25s,color .25s}.slot-switch button.on{background:var(--paper);color:var(--ink)}.splash{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.splash b{font-size:clamp(64px,20vw,140px);font-weight:800;letter-spacing:-.05em;line-height:.8;animation:pulse 1.4s ease-in-out infinite}.splash .serif{font-size:clamp(34px,9vw,56px);color:var(--lime)}.auth{min-height:100dvh;display:flex;flex-direction:column;background:var(--ink);overflow-x:hidden;transition:background .5s}.auth.is-new{background:var(--tomato)}.auth-hero{position:relative;flex:1 0 auto;min-height:300px;padding:calc(22px + env(safe-area-inset-top,0px)) 16px 26px;display:flex;flex-direction:column;justify-content:flex-end}.auth-word{margin:0;font-weight:800;letter-spacing:-.055em;line-height:.78;color:var(--paper);font-size:clamp(64px,22.5vw,196px);position:relative;z-index:1;transition:color .5s}.is-new .auth-word{color:var(--ink)}.auth-slogan{margin:6px 0 0;font-size:clamp(44px,13vw,92px);line-height:.9;color:var(--lime);position:relative;z-index:1;transition:color .5s}.is-new .auth-slogan{color:var(--paper)}.auth-float{position:absolute;inset:0 0 34%}.auth-food{position:absolute;padding:0;border:0;background:transparent;cursor:pointer;transform:rotate(var(--r));animation:bob 4.2s ease-in-out infinite alternate}.auth-food img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35));pointer-events:none}.auth-food.pop img{animation:popfood .55s cubic-bezier(.3,1.7,.5,1)}@keyframes bob{0%{transform:translateY(-6px) rotate(var(--r))}to{transform:translateY(10px) rotate(calc(var(--r) * -1))}}@keyframes popfood{40%{transform:scale(1.35) rotate(-18deg)}}.auth-card{position:relative;z-index:2;background:var(--paper);color:var(--ink);border-radius:36px 36px 0 0;padding:22px 18px calc(26px + env(safe-area-inset-bottom,0px));animation:rise .8s cubic-bezier(.2,1,.3,1) both}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border-radius:999px;background:#e6dfd2}.auth-switch button{height:46px;border:0;border-radius:999px;background:transparent;color:#5b544b;font-weight:800;font-size:15px;transition:background .3s,color .3s}.auth-switch button.on{background:var(--ink);color:var(--lime)}.auth-title{margin:22px 0 0;font-size:clamp(44px,12vw,64px);font-weight:800;letter-spacing:-.04em;line-height:.88}.auth-title .serif{display:block;font-weight:400;letter-spacing:-.01em;color:var(--tomato)}.is-back .auth-title .serif{color:#6b4fe0}.auth-form{display:flex;flex-direction:column;gap:12px;margin-top:22px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6d665c}.field input{width:100%;height:58px;padding:0 18px;border-radius:18px;border:2px solid transparent;background:#ebe5da;color:var(--ink);font-size:18px;font-weight:600;outline:none;caret-color:var(--tomato);transition:border-color .2s,background .2s}.field input::placeholder{color:#8f877b;font-weight:500}.field input:focus{border-color:var(--ink);background:#fff}.field-pass{position:relative}.field-pass input{padding-right:92px}.field-eye{position:absolute;right:8px;top:8px;height:42px;padding:0 14px;border:0;border-radius:12px;background:transparent;color:var(--ink);font-weight:800;font-size:14px}.field.dark>span{color:var(--muted)}.field.dark input{background:var(--ink-2);color:var(--paper);caret-color:var(--lime)}.field.dark input:focus{border-color:var(--lime);background:var(--ink-3)}.auth-error{margin:0;padding:12px 16px;border-radius:16px;background:var(--tomato);color:var(--ink);font-weight:700;line-height:1.3}.auth-go{height:64px;margin-top:6px;background:var(--ink);color:var(--lime);font-size:19px}.auth-foot{margin:16px 0 0;font-family:var(--serif);font-style:italic;font-size:22px;color:#5b544b;text-align:center}@media(min-width:900px){.auth{flex-direction:row}.auth-hero{flex:1 1 auto;padding:48px}.auth-float{inset:4% 4% 40%}.auth-card{flex:none;width:480px;border-radius:40px;margin:24px;align-self:center;padding:32px 30px 30px;animation-name:slidein}.auth-word{font-size:clamp(110px,13vw,220px)}}@keyframes slidein{0%{transform:translate(60px);opacity:0}}.ob{min-height:100dvh;background:var(--ink);display:flex;flex-direction:column;color:var(--paper);transition:background .45s cubic-bezier(.2,1,.3,1)}.ob.light{color:var(--ink)}.ob-top{display:flex;align-items:center;gap:14px;padding:calc(18px + env(safe-area-inset-top,0px)) 16px 0;max-width:760px;width:100%;margin:0 auto}.ob-bars{flex:1;display:grid;grid-auto-flow:column;gap:6px}.ob-bars span{height:6px;border-radius:99px;background:currentColor;opacity:.2;transition:opacity .3s}.ob-bars span.on{opacity:1}.ob-skip{border:0;background:transparent;color:inherit;font-weight:800;font-size:15px;padding:10px 4px;opacity:.75}.ob-body{flex:1;padding:26px 16px 20px;max-width:760px;width:100%;margin:0 auto;animation:obin .55s cubic-bezier(.2,1,.3,1) both}@keyframes obin{0%{transform:translateY(26px);opacity:0}}.ob-title{margin:0;font-size:clamp(50px,14vw,96px);font-weight:800;letter-spacing:-.045em;line-height:.86}.ob-title .serif{display:block;font-weight:400;letter-spacing:-.01em}.ob-huge{font-size:clamp(72px,22vw,150px)}.ob:not(.light) .ob-title .serif{color:var(--lime)}.ob-lead{margin:16px 0 0;font-size:19px;line-height:1.35;max-width:460px;opacity:.85;font-weight:600}.ob-plate{display:flex;gap:6px;margin-top:34px}.ob-plate img{flex:1 1 0;min-width:0;max-width:96px;height:auto;aspect-ratio:1;padding:12px;border-radius:28px;background:var(--paper);animation:pop .6s cubic-bezier(.3,1.7,.5,1) both}.ob-list{display:flex;flex-direction:column;gap:10px;margin-top:26px}.ob-opt{display:flex;align-items:center;gap:16px;min-height:84px;padding:14px 20px;border-radius:26px;border:0;text-align:left;background:#14121014;color:inherit;transition:background .25s,color .25s,transform .15s}.ob:not(.light) .ob-opt{background:var(--ink-2)}.ob-opt:active{transform:scale(.98)}.ob-opt img{width:52px;height:52px;flex:none}.ob-opt b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em}.ob-opt small{font-size:15px;opacity:.8}.ob-opt.on,.ob:not(.light) .ob-opt.on{background:var(--ink);color:var(--lime)}.ob:not(.light) .ob-opt.on{background:var(--lime);color:var(--ink)}.ob-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.ob-slot{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:150px;padding:16px;border-radius:28px;border:0;text-align:left;background:#1412101a;color:var(--ink);transition:background .25s,color .25s,transform .15s}.ob-slot img{width:56px;height:56px;margin-bottom:auto;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.ob-slot b{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-top:12px}.ob-slot small{font-size:14px;opacity:.75}.ob-slot.on{background:var(--ink);color:var(--paper)}.ob-slot.on img{transform:rotate(-10deg) scale(1.1)}.ob-slot.on:after{content:"";position:absolute;top:18px;right:18px;width:14px;height:14px;border-radius:99px;background:var(--lime)}.ob-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.ob-chip{height:54px;padding:0 22px;border-radius:999px;border:0;background:var(--ink-2);color:var(--paper);font-weight:800;font-size:17px;transition:background .2s,color .2s}.ob-chip.on{background:var(--lime);color:var(--ink)}.ob-cat{margin:26px 0 10px;color:var(--ink);opacity:.65}.ob-food{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.ob-foot{position:sticky;bottom:0;z-index:2;background:inherit;display:flex;gap:10px;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));max-width:760px;width:100%;margin:0 auto}.ob-next{flex:1;height:62px;background:var(--ink);color:var(--lime);font-size:18px}.ob:not(.light) .ob-next{background:var(--lime);color:var(--ink)}.ob-back{height:62px}.account-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;border-radius:28px;background:var(--ink-2);max-width:820px}.account-form{display:flex;flex-direction:column;gap:12px;margin-top:14px;padding:20px;border-radius:28px;background:var(--ink-2);max-width:520px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}