.chero{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:16px 30px 20px;height:100vh;min-height:640px;display:flex;flex-direction:column;overflow:hidden}.chero *{box-sizing:border-box}.chero .cnav{gap:14px}.chero .cnav,.chero .logo{display:flex;align-items:center}.chero .logo{gap:9px;font-family:var(--font-display);font-weight:900;font-size:20px;color:var(--pine)}.chero .logo .dot{width:26px;height:26px;border-radius:8px;background:var(--coral);color:#fff;display:grid;place-items:center;font-weight:900;font-size:15px}.chero .navauth{margin-left:auto;display:flex;align-items:center;gap:10px}.chero .navlink{background:none;border:none;color:var(--pine);font-family:var(--font-display);font-weight:800;font-size:14px;cursor:pointer;padding:9px 8px}.chero .navlink:hover{color:var(--coral)}.chero .navbtn{background:var(--coral);color:#fff;border-radius:100px;padding:10px 20px;font-family:var(--font-display);font-weight:800;font-size:13.5px;border:none;cursor:pointer;box-shadow:0 12px 24px -12px rgba(232,69,28,.55)}.chero .navbtn:hover{background:var(--coral-deep)}.chero .head{text-align:center;margin-top:4px}.chero h1{font-family:var(--font-display);font-weight:900;letter-spacing:-.03em;line-height:1;font-size:clamp(28px,4.4vw,46px);margin:0 auto;max-width:22ch;color:var(--pine)}.chero h1 .g{color:var(--coral)}.chero .tell{margin-top:12px;font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--pine2);min-height:28px;transition:opacity .3s ease}.chero .tell b{color:var(--coral)}.chero .goals{position:absolute;left:24px;top:52%;transform:translateY(-50%);z-index:8;display:flex;flex-direction:column;gap:5px}.chero .goalrow{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;border-radius:100px;transition:.3s;color:var(--soft);font-family:var(--font-display);font-weight:800;font-size:14.5px;cursor:pointer}.chero .goalrow .tick{width:8px;height:8px;border-radius:50%;background:#d8cdbd;transition:.3s}.chero .goalrow.on{background:var(--coral);color:#fff;box-shadow:0 12px 24px -12px rgba(232,69,28,.55)}.chero .goalrow.on .tick{background:#fff;width:16px;border-radius:100px}.chero .macros{position:absolute;right:26px;top:52%;transform:translateY(-50%);z-index:8;display:flex;flex-direction:column;gap:12px}.chero .mstat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 18px;box-shadow:0 16px 30px -22px rgba(20,40,15,.4);min-width:158px}.chero .mstat .l{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);font-weight:700}.chero .mstat .v{font-family:var(--font-display);font-weight:900;font-size:25px;margin-top:3px;display:flex;align-items:baseline;gap:8px;color:var(--pine)}.chero .mstat .v .old{font-family:var(--font-body);font-weight:600;font-size:13px;color:#b0a596;text-decoration:line-through}.chero .mstat .v .arw{color:#c3b8a8;font-weight:800;font-size:15px}.chero .mstat .v .new.cal{color:var(--matcha)}.chero .mstat .v .new.pro{color:var(--coral)}.chero .stage{flex:1;position:relative;display:grid;place-items:center;overflow:hidden;min-height:0}.chero .scene{position:relative;width:min(940px,98vw);height:min(500px,54vh)}.chero .dish{position:absolute;left:50%;top:50%;width:320px;height:320px;z-index:3;transform:translate(-50%,-50%) translateY(-10px) scale(.92);opacity:0;transition:transform 1s cubic-bezier(.2,.85,.25,1),opacity .7s ease}.chero .dish img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 44%,rgba(0,0,0,.4) 57%,transparent 67%);mask-image:radial-gradient(circle at 50% 48%,#000 44%,rgba(0,0,0,.4) 57%,transparent 67%);filter:drop-shadow(0 26px 30px rgba(20,40,15,.28)) saturate(1.08)}.chero .dishB{opacity:0;transition:opacity .8s ease}.chero .ing{position:absolute;left:50%;top:50%;z-index:4;opacity:0;text-align:center;width:190px;margin-left:-95px;margin-top:-95px;transition:transform .85s cubic-bezier(.25,.8,.3,1),opacity .5s ease;pointer-events:none}.chero .ing img{width:146px;height:146px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(20,40,15,.24))}.chero .ing .lab{margin-top:2px;font-family:var(--font-display);font-weight:800;font-size:14px;line-height:1.15;color:var(--pine);opacity:0;transition:opacity .4s ease}.chero .ing .lab .sm{display:block;font-family:var(--font-body);font-weight:700;font-size:11px;margin-top:1px;color:var(--matcha)}.chero .ing.showlab .lab{opacity:1}.chero .xmark{position:absolute;left:50%;top:79px;transform:translate(-50%,-50%) scale(0) rotate(-8deg);width:104px;height:104px;z-index:6;opacity:0;transition:transform .32s cubic-bezier(.2,1.7,.4,1),opacity .2s ease}.chero .xmark.on{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}.chero .xmark:after,.chero .xmark:before{content:"";position:absolute;left:50%;top:50%;width:100%;height:14px;background:var(--coral);border-radius:8px;box-shadow:0 3px 9px rgba(232,69,28,.45)}.chero .xmark:before{transform:translate(-50%,-50%) rotate(45deg)}.chero .xmark:after{transform:translate(-50%,-50%) rotate(-45deg)}.chero .burst{position:absolute;left:50%;top:46%;width:340px;height:340px;border-radius:50%;z-index:2;transform:translate(-50%,-50%) scale(.2);opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(240,180,41,.5),rgba(232,69,28,.14) 45%,transparent 68%)}.chero .burst.go{animation:cs-burst .95s cubic-bezier(.2,.7,.3,1) forwards}@keyframes cs-burst{0%{transform:translate(-50%,-50%) scale(.2);opacity:.85}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.chero .spark{position:absolute;left:50%;top:46%;width:9px;height:9px;border-radius:50%;background:var(--gold);z-index:6;opacity:0}.chero .spark.go{animation:cs-spark .9s ease-out forwards}@keyframes cs-spark{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(.3)}}.chero .badge{position:absolute;left:50%;top:2px;transform:translate(-50%) scale(.7);z-index:7;opacity:0;display:flex;align-items:center;gap:10px;transition:transform .5s cubic-bezier(.2,1.6,.4,1),opacity .4s ease}.chero .badge.show{opacity:1;transform:translate(-50%) scale(1)}.chero .badge .rebuilt{background:var(--coral);color:#fff;font-family:var(--font-display);font-weight:900;border-radius:100px;padding:9px 18px;font-size:14px;box-shadow:0 14px 26px -12px rgba(232,69,28,.55)}.chero .badge .critic{background:#fff;border:1px solid var(--line);border-radius:100px;padding:8px 15px;font-family:var(--font-display);font-weight:800;font-size:12.5px;color:var(--pine)}.chero .bottom{text-align:center;padding-bottom:12px}.chero .go2{background:var(--coral);color:#fff;border:none;border-radius:100px;padding:14px 26px;font-family:var(--font-display);font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 16px 30px -14px rgba(232,69,28,.55)}@media(max-width:960px){.chero .goals,.chero .macros{display:none}}@media(max-width:680px){.chero{padding:14px 18px 26px;height:auto;min-height:auto}.chero .head h1{font-size:clamp(25px,7.6vw,40px)}.chero .tell{font-size:15px;margin-top:8px;min-height:22px;padding:0 6px}.chero .stage{overflow:hidden;min-height:0;height:min(400px,52vh)}.chero .scene{transform-origin:center center;height:100%}}@media(max-width:400px){.chero .stage{height:min(360px,50vh)}}