.ped-animation-container{width:100%;max-width:400px;margin:0 auto}.ped-animation-svg{width:100%;height:auto}.ciuff-text,.compressor,.pipes,.pressure-indicator,.safety-valve,.steam-clouds,.tank,.volume-indicator{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.compressor.visible,.pipes.visible,.pressure-indicator.visible,.safety-valve.visible,.tank.visible,.volume-indicator.visible{opacity:1;transform:translateY(0)}.compressor-fan{animation:rotateFan 1s linear infinite;transform-origin:50px 130px}@keyframes rotateFan{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fan-blade{animation:rotateFan 1s linear infinite;transform-origin:50px 130px}.flow-particle{opacity:0;animation:flowMove 1.5s ease-in-out infinite}.flow-particle.p1{animation-delay:0s}.flow-particle.p2{animation-delay:.3s}.flow-particle.p3{animation-delay:.6s}@keyframes flowMove{0%{opacity:0;transform:translateX(-10px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateX(40px)}}.pressure-needle{animation:pressureWobble 2s ease-in-out infinite;transform-origin:200px 100px}@keyframes pressureWobble{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.steam-clouds .steam{opacity:0;transform:translateY(0) scale(.5)}.steam-clouds.active .steam{animation:steamRise 2s ease-out infinite}.steam.s1{animation-delay:0s}.steam.s2{animation-delay:.2s}.steam.s3{animation-delay:.4s}.steam.s4{animation-delay:.15s}.steam.s5{animation-delay:.35s}.steam.s6{animation-delay:.5s}@keyframes steamRise{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.8;transform:translateY(-5px) scale(.8)}60%{opacity:.6;transform:translateY(-15px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(1.2)}}.ciuff-text{opacity:0;transition:opacity .5s ease}.ciuff-text.active{animation:ciuffPulse .8s ease-in-out infinite}@keyframes ciuffPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.ciuff-text,.compressor-fan,.fan-blade,.flow-particle,.pressure-needle,.steam-clouds .steam{animation:none}.ciuff-text.active,.compressor.visible,.pipes.visible,.pressure-indicator.visible,.safety-valve.visible,.steam-clouds.active,.tank.visible,.volume-indicator.visible{opacity:1;transform:none}}.ped-schematic-wrapper{position:relative;padding:2rem 0;max-width:900px;margin:0 auto}.ped-schematic-wrapper .explanation-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.ped-schematic-wrapper .explanation-item:hover{transform:translateX(8px)!important;box-shadow:0 8px 30px rgba(0,0,0,.12);border-color:#bfdbfe}@media (max-width:768px){.ped-schematic-wrapper>div{flex-direction:column!important;gap:1.5rem!important;min-height:auto!important}.ped-schematic-wrapper>div>div:first-child{flex:0 0 auto!important;width:100%;max-width:200px;margin:0 auto}.ped-schematic-wrapper>div>div:first-child svg{min-height:300px!important;height:300px!important}.ped-schematic-wrapper>div>div:last-child{padding:0!important;gap:1rem}.ped-schematic-wrapper .explanation-item{padding:1rem!important}.ped-schematic-wrapper .explanation-item>div:first-child{display:none!important}}@media (max-width:480px){.ped-schematic-wrapper{padding:1rem 0}.ped-schematic-wrapper>div>div:first-child{max-width:160px}.ped-schematic-wrapper>div>div:first-child svg{min-height:250px!important;height:250px!important}.ped-schematic-wrapper .explanation-item{padding:.875rem!important;border-radius:12px!important}.ped-schematic-wrapper .explanation-item h5{font-size:.9rem!important}.ped-schematic-wrapper .explanation-item p{font-size:.8rem!important}.ped-schematic-wrapper .explanation-item>div>div:first-child{width:36px!important;height:36px!important;border-radius:10px!important}.ped-schematic-wrapper .explanation-item>div>div:first-child i{font-size:1rem!important}}