.egg-journey{color:var(--primary);background:var(--background);box-sizing:border-box;border-radius:16px;padding:20px;font-family:inherit}.egg-journey *{box-sizing:border-box}.egg-journey h2{margin:0 0 16px;font-size:clamp(22px,4vw,32px);font-weight:600}.egg-journey .scene{aspect-ratio:3;isolation:isolate;border-radius:10px;position:relative;overflow:hidden}.egg-journey img{object-fit:cover;filter:brightness(1.1)saturate(1.2);width:100%;height:100%;display:block}.egg-journey .motion-layer{pointer-events:none;filter:brightness(1.1)saturate(1.2);will-change:transform;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.egg-journey .hen-head{transform-origin:19% 31%;animation:6s ease-in-out infinite af-hen;-webkit-mask-image:radial-gradient(6.3% 18% at 20.5% 18%,#000 68%,#0000 100%);mask-image:radial-gradient(6.3% 18% at 20.5% 18%,#000 68%,#0000 100%)}.egg-journey .embryo{transform-origin:52% 65%;animation:5.2s ease-in-out infinite af-embryo;-webkit-mask-image:radial-gradient(5.2% 23% at 52% 59%,#000 68%,#0000 100%);mask-image:radial-gradient(5.2% 23% at 52% 59%,#000 68%,#0000 100%)}.egg-journey .hatch{transform-origin:69% 64%;animation:5s ease-in-out infinite af-emerge;-webkit-mask-image:radial-gradient(6.4% 19% at 70% 49%,#000 65%,#0000 100%);mask-image:radial-gradient(6.4% 19% at 70% 49%,#000 65%,#0000 100%)}.egg-journey .chick{transform-origin:85% 63%;animation:4.5s ease-in-out infinite af-chick;-webkit-mask-image:radial-gradient(6% 20% at 85% 42%,#000 67%,#0000 100%);mask-image:radial-gradient(6% 20% at 85% 42%,#000 67%,#0000 100%)}.egg-journey[data-active="0"] .hen-head{animation-duration:2.7s}.egg-journey[data-active="2"] .embryo{animation-duration:2.6s}.egg-journey[data-active="3"] .hatch{animation-duration:2.8s}.egg-journey[data-active="4"] .chick{animation-duration:2.4s}.egg-journey[data-active="1"] .glow{background:radial-gradient(#ffbf41b3,#ff84232e 42%,#0000 70%);animation-duration:2.8s}.egg-journey .warmth{mix-blend-mode:screen;pointer-events:none;background:radial-gradient(#ffb83a59,#0000 70%);border-radius:50%;width:13%;height:49%;animation:4.5s ease-in-out infinite af-warm;position:absolute;top:31%;left:29%}.egg-journey .motion-layer.replaying{animation-duration:1.7s}.egg-journey .stage-light{pointer-events:none;background:radial-gradient(ellipse 14% 63% at var(--stage-x,36%) 54%, #fff2b942, transparent 85%);mix-blend-mode:soft-light;opacity:.8;transition:opacity .6s;position:absolute;inset:0}.egg-journey .scene{transition:box-shadow .6s;box-shadow:0 7px 24px #2c422617}.egg-journey .journey-track{background:var(--border);border-radius:3px;height:3px;margin-top:10px;position:relative;overflow:hidden}.egg-journey .journey-mark{background:var(--gold);border-radius:3px;width:20%;height:100%;transition:left .5s cubic-bezier(.2,.8,.2,1);position:absolute;left:20%}.egg-journey .detail{transition:opacity .2s}.egg-journey .detail .refresh{animation:.35s ease-out af-detail}@keyframes af-detail{0%{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.egg-journey .journey-mark,.egg-journey .stage-light{transition:none}.egg-journey .detail .refresh{animation:none}}@keyframes af-hen{0%,25%,to{transform:rotate(0)}45%,65%{transform:rotate(-2deg)}}@keyframes af-embryo{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(.8deg)scale(1.004)}}@keyframes af-emerge{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-1px)rotate(-.7deg)}60%{transform:translateY(-3px)rotate(.6deg)}}@keyframes af-chick{0%,30%,to{transform:rotate(0)}50%{transform:rotate(1.8deg)translateY(-1px)}70%{transform:rotate(-.8deg)}}@keyframes af-warm{0%,to{opacity:.15;filter:brightness(.9)}55%{opacity:.95;filter:brightness(1.5)}}.egg-journey .glow{mix-blend-mode:screen;pointer-events:none;background:radial-gradient(#ffb22d66,#0000 68%);width:13%;height:60%;animation:3.8s ease-in-out infinite af-pulse;position:absolute;top:60%;left:35.8%;transform:translate(-50%,-50%)}.egg-journey .hit{color:#fff;background:0 0;border:0;justify-content:center;align-items:flex-end;width:20%;height:100%;padding-bottom:9px;display:flex;position:absolute;top:0}.egg-journey .hit span{background:var(--primary);border-radius:50%;place-items:center;width:28px;height:28px;transition:transform .25s,background .25s;display:grid;box-shadow:0 0 0 4px #faf7ef8c}.egg-journey .hit[aria-pressed=true] span{background:var(--gold-foreground);transform:scale(1.12)}.egg-journey button:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px}.egg-journey .stages{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.egg-journey .stage{border:1px solid var(--border);background:var(--background);color:var(--primary);font:inherit;border-radius:20px;padding:9px 13px;font-size:13px}.egg-journey .stage[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary)}.egg-journey .detail{border-top:1px solid var(--border);min-height:76px;padding:14px 0}.egg-journey .detail strong{margin-bottom:6px;font-size:17px;display:block}.egg-journey .detail p{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.5}.egg-journey .footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.egg-journey .footer small{color:var(--muted-foreground);font-size:12px}.egg-journey .controls{gap:8px;display:flex}.egg-journey .controls button{background:var(--secondary);color:var(--primary);min-height:44px;font:inherit;border:0;border-radius:8px;padding:10px 12px;font-size:13px}.egg-journey.paused .glow,.egg-journey.paused .motion-layer,.egg-journey.paused .warmth{animation-play-state:paused}@keyframes af-pulse{0%,to{opacity:.18;transform:translate(-50%,-50%)scale(.93)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.09)}}@media (prefers-reduced-motion:reduce){.egg-journey .glow,.egg-journey .motion-layer,.egg-journey .warmth{animation:none;transform:none}.egg-journey .glow{opacity:.2;transform:translate(-50%,-50%)}.egg-journey .hit span{transition:none}}@media (width<=480px){.egg-journey{padding:12px}.egg-journey .stage{padding:10px;font-size:12px}.egg-journey .detail{min-height:108px}}.egg-journey h2{font-family:var(--font-display);font-weight:800}.egg-journey button{cursor:pointer;min-height:44px}.egg-journey .hit:focus-visible{outline-offset:-4px}.egg-journey .stage[aria-pressed=true],.egg-journey .hit span{color:var(--primary-foreground)}.egg-journey .hit[aria-pressed=true] span{background:var(--gold);color:var(--gold-foreground)}.egg-journey.paused .journey-mark{transition:none}.egg-journey.paused .detail .refresh{animation:none}.egg-journey .controls button:disabled{cursor:default;opacity:.7}@media (width<=480px){.egg-journey .hit span{width:22px;height:22px;font-size:11px;box-shadow:0 0 0 2px #faf7ef8c}.egg-journey .hit{padding-bottom:5px}.egg-journey .stages{gap:6px}.egg-journey .footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.egg-journey *,.egg-journey :before,.egg-journey :after{transition:none!important}}.egg-journey{background:0 0;border-radius:0;padding:0}.egg-journey img{object-fit:contain}.egg-journey .detail{min-height:0;padding:10px 0}.egg-journey .detail strong{font-family:var(--font-display)}.egg-journey .stages{margin:10px 0}.egg-journey .footer{margin-top:4px}.egg-journey .stage-closeup{display:none}@media (width<=639px){.egg-journey .stage-closeup{aspect-ratio:1;background:var(--secondary);border-radius:10px;margin:12px 0 0;display:block;position:relative;overflow:hidden}.egg-journey .closeup-scene{border-radius:0;width:300%;position:absolute;top:0;left:50%}.egg-journey .stage-closeup figcaption{background:var(--background);color:var(--primary);border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;bottom:10px;left:10px}.egg-journey .detail{min-height:90px}}@media (width>=640px){.egg-journey{grid-template-columns:1fr auto;column-gap:24px;display:grid}.egg-journey>*{grid-column:1/-1}.egg-journey .detail{grid-column:1}.egg-journey .footer{flex-direction:column;grid-column:2;align-items:flex-end;gap:6px;margin-top:10px}}