.hdd-unit{width:110px;height:25px;background:linear-gradient(90deg,#5b5b5b,#777676,#313131);border:1px solid #9ca3af;border-radius:4px;position:relative;margin-bottom:-4px;margin-left:30px;box-shadow:0 4px 6px -1px #0000001a}.accent-lines{position:absolute;left:22px;top:50%;transform:translateY(-50%);width:45px;height:6px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.accent-line{width:100%;height:2px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.power-button{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;background:transparent;border:0;padding:0}.power-button:after{content:"";width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 4px #10b981;transition:all .3s cubic-bezier(.4,0,.2,1)}.power-button.off:after{background:#ef4444;box-shadow:0 0 4px #ef4444}.power-button:hover:after{transform:scale(1.4);box-shadow:0 0 8px currentColor}.hdd-unit.off .fan{animation-play-state:paused}.hdd-unit.off{filter:grayscale(.3) brightness(.95);transition:filter .2s ease}.fan-container{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:flex;gap:0px}.fan-enclosure{width:16px;height:16px;border:1px solid rgba(55,55,55,.5);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background:#515151;overflow:hidden}.fan{width:12px;height:12px;position:relative;animation:phoebe-spin 1.2s linear infinite}.fan-blade{position:absolute;width:100%;height:2px;background:#898989;top:50%;left:0;margin-top:-1px}.fan-blade:nth-child(2){transform:rotate(60deg)}.fan-blade:nth-child(3){transform:rotate(120deg)}.fan-x{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.fan-x:before,.fan-x:after{content:"";position:absolute;background:#4a4a4a;width:100%;height:2px;top:50%;left:0}.fan-x:before{transform:rotate(45deg)}.fan-x:after{transform:rotate(-45deg)}@keyframes phoebe-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pillar-container{position:relative;width:180px;height:100px;margin:0 auto 00px;z-index:5}.pillar{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:80px;background:linear-gradient(90deg,#d1d5db,#e5e7eb,#d1d5db);border-radius:8px 8px 0 0;box-shadow:inset 0 10px 15px -3px #0000001a,0 4px 6px -1px #0000001a;border:1px solid #9ca3af}.pillar-top{position:absolute;top:13px;left:50%;transform:translate(-50%);width:110px;height:15px;background:#e5e7eb;border-radius:4px;border:1px solid #9ca3af;box-shadow:0 2px 4px #0000001a}.leg{position:absolute;width:2px;height:10px;background:#1f2937;bottom:2px;left:4px;z-index:-1}.leg-left{left:30px;transform:rotate(-5deg)}.leg-right{left:38px;transform:rotate(5deg)}.leg:after{content:"";position:absolute;bottom:0;left:-3px;width:8px;height:2px;background:#1f2937;border-radius:1px}.bird-wrapper{position:absolute;top:-82px;left:0;margin-left:5px;width:80px;height:85px;z-index:15;transition:transform .8s ease-out;pointer-events:none}.bird-wrapper.flying-away{z-index:100;transition:transform .8s cubic-bezier(.8,0,1,1)}.bird-wrapper.flying-in{z-index:100;transition:transform 1s cubic-bezier(0,0,.2,.7)}.bird-wrapper.flying-away .wing,.bird-wrapper.flying-in .wing{animation:phoebe-wingFlyFast .12s linear infinite alternate;transform:scale(2) rotate(90deg);z-index:20}.bird-bob{position:relative;width:100%;height:100%}.bird-wrapper:not(.flying-away):not(.flying-in) .bird-bob{animation:phoebe-hop 4s ease-in-out infinite}@keyframes phoebe-hop{0%,to{transform:translateY(0)}2%{transform:translateY(-4px)}4%{transform:translateY(0)}}.bird-inner{position:relative;width:100%;height:100%;transition:transform .15s ease-out}.body{position:absolute;width:40px;height:44px;background:linear-gradient(to right,#5d6470 0% 45%,#f0f0e8 60% 100%);border-radius:40% 50% 45% 45%/45% 50% 50% 45%;left:15px;top:30px;transform:rotate(10deg);box-shadow:inset -1px -1px 3px #00000026}.belly{position:absolute;width:26px;height:32px;background:linear-gradient(180deg,#f0ebe0,#faf8f3 40%,#fefce8);border-radius:40% 40% 45% 45%;left:29px;top:36px;z-index:1;transform:rotate(10deg);opacity:.9}.head-group{position:absolute;left:36px;top:8px;width:28px;height:28px;transform-origin:50% 100%;transition:transform .1s ease-out}.head{position:absolute;width:28px;height:28px;background:linear-gradient(180deg,#374151,#4b5563);border-radius:35% 55% 90% 45%;left:0;top:0}.crown{position:absolute;width:26px;height:18px;background:#28303d;border-radius:30% 70% 20% 20%/30% 90% 10% 20%;left:3px;top:-3px;z-index:1;transform:rotate(-2deg)}.cheek{position:absolute;width:20px;height:10px;background:#848b96;border-radius:50%;left:6px;top:14px;z-index:1;transform:rotate(-10deg);opacity:.6}.eye{position:absolute;width:4px;height:4px;background:#000;border-radius:50%;left:16px;top:9px;z-index:3}.eye:after{content:"";position:absolute;width:1px;height:1px;background:#fff;border-radius:50%;top:1px;left:1px}.beak{position:absolute;width:0;height:0;border-left:12px solid #111;border-top:2px solid transparent;border-bottom:2px solid transparent;left:26px;top:12px;transform:rotate(15deg);z-index:2}.tail{position:absolute;width:54px;height:27px;background:linear-gradient(180deg,#374151,#1f2937);left:-10px;top:55px;clip-path:polygon(100% 10%,100% 90%,20% 70%,20% 30%);transform:rotate(-38deg);z-index:0;border-radius:0}.tail-2{position:absolute;width:34px;height:20px;background:linear-gradient(180deg,#374151,#1f2937);left:-10px;top:59px;clip-path:polygon(100% 10%,100% 90%,20% 70%,20% 30%);transform:rotate(-10deg);z-index:0;border-radius:0}.wing{position:absolute;width:26px;height:44px;background:linear-gradient(180deg,#4b5563,#374151);border-radius:20% 30% 60%;left:22px;top:30px;transform-origin:top center;z-index:2;box-shadow:inset 0 -2px 4px #0003}.wing-flight{width:8px;height:52px;background:linear-gradient(180deg,#525a69d4,#1f2937);left:30px;top:35px;opacity:0;transition:opacity .2s;border-radius:5px;transform-origin:top center}.bird-wrapper.flying-away .wing-flight,.bird-wrapper.flying-in .wing-flight{opacity:1;transform:scale(1.5) rotate(110deg)}.wing-flight-2{width:15px;height:50px;background:linear-gradient(0deg,#989898d4,#fbfbfb);left:32px;top:35px;opacity:0;transition:opacity .2s;border-radius:5px;transform-origin:top center}.bird-wrapper.flying-away .wing-flight-2,.bird-wrapper.flying-in .wing-flight-2{opacity:1;transform:scale(1.4) rotate(50deg)}.bird-wrapper.flying-away .wing-flight,.bird-wrapper.flying-in .wing-flight,.bird-wrapper.flying-away .wing-flight-2,.bird-wrapper.flying-in .wing-flight-2{animation:phoebe-wingFlyFast .1s linear infinite alternate}.wing:before{content:"";position:absolute;width:20px;height:1px;background:#ffffff4d;top:18px;left:4px;transform:rotate(-15deg);border-radius:1px}.wing:after{content:"";position:absolute;width:18px;height:1px;background:#ffffff40;top:25px;left:6px;transform:rotate(-15deg);border-radius:1px}.bird-wrapper:not(.flying-away):not(.flying-in) .wing{animation:phoebe-wingIdle 3s ease-in-out infinite}@keyframes phoebe-wingIdle{0%,10%,to{transform:rotate(0)}5%{transform:rotate(-3deg)}}.bird-wrapper.flying-away .wing,.bird-wrapper.flying-in .wing,.bird-wrapper.flying-away .wing-flight,.bird-wrapper.flying-in .wing-flight,.bird-wrapper.flying-away .wing-flight-2,.bird-wrapper.flying-in .wing-flight-2{animation:phoebe-wingFlyFast .12s linear infinite alternate;z-index:20}.bird-wrapper.flying-away .wing,.bird-wrapper.flying-in .wing{transform:scale(1.4) rotate(90deg)}@keyframes phoebe-wingFlyFast{0%{transform:scale(1.4) rotate(0)}to{transform:scale(1.4) rotate(160deg)}}.bird-stage{display:flex;align-items:flex-end;justify-content:center;width:100%;height:200px}