.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.plant{position:absolute;transform-origin:bottom center;transition:transform .5s ease,opacity .5s ease;z-index:10;pointer-events:none}.plant.spawning{animation:plantSpawn .8s ease-out forwards}.plant.despawning{animation:plantDespawn .5s ease-in forwards}.plant.wilting .plant-body{filter:saturate(.5) brightness(.8);animation:wilt 2s ease-in-out infinite}.plant.mature .plant-body{filter:drop-shadow(0 0 8px rgba(0,0,0,.5))}@keyframes plantSpawn{0%{transform:scale(0) translateY(20px);opacity:0}50%{transform:scale(1.1) translateY(-5px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes plantDespawn{0%{transform:scale(1);opacity:1}to{transform:scale(0) translateY(20px);opacity:0}}@keyframes wilt{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.plant-body{position:relative;width:80px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;animation:sway 4s ease-in-out infinite}.plant-body.watering{animation:waterBounce .5s ease-in-out}.plant-body.harvesting{animation:harvestSpin 1s ease-in-out}@keyframes sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes waterBounce{0%,to{transform:scale(1)}25%{transform:scale(1.05)}75%{transform:scale(.98)}}@keyframes harvestSpin{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(0) rotate(360deg)}}.growth-bar{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:50px;height:4px;background:#0000004d;border-radius:2px;overflow:hidden}.growth-fill{height:100%;transition:width .5s ease,background-color .3s ease;border-radius:2px}.plant-username{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:10px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap;font-weight:700}.water-droplet{position:absolute;top:-10px;width:6px;height:10px;background:linear-gradient(180deg,#87ceeb,#4fc3f7);border-radius:50%/60% 60% 40% 40%;animation:dropletFall 1s ease-in forwards;opacity:.8}@keyframes dropletFall{0%{transform:translateY(0);opacity:.8}to{transform:translateY(100px);opacity:0}}.harvest-sparkle{position:absolute;width:8px;height:8px;background:gold;border-radius:50%;animation:sparkle .8s ease-out forwards;box-shadow:0 0 6px gold}@keyframes sparkle{0%{transform:scale(0) rotate(0);opacity:1}50%{transform:scale(1.5) rotate(180deg);opacity:.8}to{transform:scale(0) rotate(360deg) translateY(-30px);opacity:0}}.mature-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:60px;border-radius:50%}@keyframes matureGlow{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.2)}}.flower-plant{position:relative;display:flex;flex-direction:column;align-items:center}.flower-plant .stem{width:6px;height:50px;border-radius:3px;position:relative}.flower-plant .leaf{position:absolute;width:15px;height:8px;border-radius:50%}.flower-plant .leaf.left{left:-12px;top:20px;transform:rotate(-30deg)}.flower-plant .leaf.right{right:-12px;top:30px;transform:rotate(30deg)}.flower-plant .flower-head{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.flower-plant .bud{width:12px;height:18px;border-radius:50% 50% 40% 40%}.flower-plant .petal{position:absolute;width:12px;height:18px;border-radius:50%;transform-origin:center bottom}.flower-plant .flower-center{width:14px;height:14px;border-radius:50%;z-index:1}.mushroom-plant{position:relative;display:flex;flex-direction:column;align-items:center}.mushroom-stem{width:20px;height:30px;border-radius:5px 5px 8px 8px;position:relative}.mushroom-gills{position:absolute;top:-2px;left:-4px;right:-4px;height:6px;border-radius:0 0 10px 10px}.mushroom-cap{position:relative;width:50px;height:30px;border-radius:50% 50% 20% 20%;margin-bottom:-5px;z-index:1}.mushroom-spot{position:absolute;border-radius:50%}.mushroom-spot.spot-1{width:8px;height:6px;top:5px;left:8px}.mushroom-spot.spot-2{width:6px;height:5px;top:12px;right:10px}.mushroom-spot.spot-3{width:5px;height:4px;top:8px;left:50%;transform:translate(-50%)}.cactus-plant{position:relative;display:flex;flex-direction:column;align-items:center}.cactus-body{width:25px;height:50px;border-radius:12px 12px 5px 5px;position:relative}.cactus-spines{position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px dashed;border-radius:8px;opacity:.5}.cactus-arm{position:absolute;width:12px;height:25px;border-radius:8px 8px 4px 4px}.cactus-arm.left{left:-15px;top:15px;transform:rotate(20deg)}.cactus-arm.right{right:-15px;top:10px;transform:rotate(-20deg)}.cactus-flower{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:15px;height:12px;border-radius:50%;box-shadow:0 0 5px currentColor}.sunflower-plant{position:relative;display:flex;flex-direction:column;align-items:center}.sunflower-stem{width:8px;height:60px;border-radius:4px;position:relative}.sunflower-leaf{position:absolute;width:20px;height:12px;border-radius:50%}.sunflower-leaf.left{left:-18px;top:25px;transform:rotate(-40deg)}.sunflower-leaf.right{right:-18px;top:35px;transform:rotate(40deg)}.sunflower-head{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:50px;height:50px;display:flex;align-items:center;justify-content:center}.sunflower-petal{position:absolute;width:6px;height:12px;border-radius:50%;transform-origin:center center}.sunflower-center{width:20px;height:20px;border-radius:50%;z-index:1}.tulip-plant{position:relative;display:flex;flex-direction:column;align-items:center}.tulip-stem{width:5px;height:45px;border-radius:3px}.tulip-leaf{position:absolute;width:8px;height:30px;border-radius:50% 50% 0 0}.tulip-leaf.left{left:-8px;bottom:0;transform:rotate(-15deg)}.tulip-leaf.right{right:-8px;bottom:0;transform:rotate(15deg)}.tulip-bulb{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:25px;height:30px;display:flex;justify-content:center;transition:transform .5s ease}.tulip-petal{position:absolute;width:12px;height:25px;border-radius:50% 50% 0 0}.tulip-petal.petal-1{left:0;transform:rotate(-10deg)}.tulip-petal.petal-2{left:50%;transform:translate(-50%)}.tulip-petal.petal-3{right:0;transform:rotate(10deg)}.rose-plant{position:relative;display:flex;flex-direction:column;align-items:center}.rose-stem{width:5px;height:50px;border-radius:3px;position:relative}.rose-thorn{position:absolute;width:6px;height:3px;border-radius:0 50% 50% 0}.rose-thorn.thorn-1{left:100%;top:15px}.rose-thorn.thorn-2{right:100%;top:30px;transform:scaleX(-1)}.rose-leaves{position:absolute;bottom:10px;width:20px;height:15px;border-radius:50%;left:-15px}.rose-bloom{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center}.rose-layer{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.rose-petal{position:absolute;width:10px;height:12px;border-radius:50%;transform-origin:center bottom}.tree-plant{position:relative;display:flex;flex-direction:column;align-items:center}.tree-trunk{width:18px;height:70px;border-radius:3px}.tree-foliage{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:75px;height:65px}.foliage-layer{position:absolute;border-radius:50%;transition:opacity .5s ease}.foliage-layer.layer-1{width:65px;height:45px;bottom:0;left:5px}.foliage-layer.layer-2{width:50px;height:38px;bottom:20px;left:12px}.foliage-layer.layer-3{width:38px;height:30px;bottom:35px;left:18px}.tree-fruit{position:absolute;width:8px;height:8px;border-radius:50%}.tree-fruit.fruit-1{top:-30px;left:18px}.tree-fruit.fruit-2{top:-18px;right:18px}.fern-plant{position:relative;display:flex;flex-direction:column;align-items:center;width:60px;height:50px}.fern-base{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:8px;height:15px;border-radius:4px}.fern-frond{position:absolute;bottom:10px;left:50%;width:5px;height:35px;border-radius:3px;transform-origin:bottom center;clip-path:polygon(0% 100%,30% 80%,0% 70%,30% 60%,0% 50%,30% 40%,0% 30%,30% 20%,50% 0%,70% 20%,100% 30%,70% 40%,100% 50%,70% 60%,100% 70%,70% 80%,100% 100%)}.succulent-plant{position:relative;display:flex;flex-direction:column;align-items:center}.succulent-pot{width:30px;height:15px;border-radius:3px 3px 8px 8px}.succulent-rosette{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.succulent-leaf{position:absolute;width:10px;height:15px;border-radius:50% 50% 30% 30%;transform-origin:center bottom}.bamboo-plant,.bamboo-segment{position:relative;display:flex;flex-direction:column;align-items:center}.bamboo-stalk{width:12px;height:15px;border-radius:2px}.bamboo-node{width:14px;height:4px;border-radius:2px}.bamboo-leaves{position:absolute;top:-10px;left:50%;transform:translate(-50%)}.bamboo-leaf{position:absolute;width:20px;height:6px;border-radius:50%}.bamboo-leaf.leaf-1{transform:rotate(-45deg);left:-15px}.bamboo-leaf.leaf-2{transform:rotate(0);top:5px}.bamboo-leaf.leaf-3{transform:rotate(45deg);right:-15px}.vine-plant{position:relative;width:60px;height:80px}.vine-segment{position:absolute;width:4px;height:20px;border-radius:2px}.vine-segment.segment-1{bottom:0;left:50%;transform:translate(-50%)}.vine-segment.segment-2{bottom:18px;left:40%;transform:rotate(-20deg)}.vine-segment.segment-3{bottom:35px;left:55%;transform:rotate(15deg)}.vine-segment.segment-4{bottom:50px;left:45%;transform:rotate(-10deg)}.vine-segment .vine-leaf{position:absolute;width:12px;height:10px;border-radius:50%;top:0;left:100%}.vine-flower{position:absolute;width:10px;height:10px;border-radius:50%}.vine-flower.flower-1{top:15px;right:10px}.vine-flower.flower-2{top:35px;left:10px}.bonsai-plant{position:relative;display:flex;flex-direction:column;align-items:center}.bonsai-pot{width:35px;height:12px;border-radius:3px 3px 5px 5px}.bonsai-trunk{position:absolute;bottom:10px;width:8px;height:30px;border-radius:3px;transform:rotate(-5deg)}.bonsai-branch{position:absolute;top:5px;right:100%;width:15px;height:4px;border-radius:2px;transform:rotate(-20deg)}.bonsai-canopy{position:absolute;top:-25px;left:50%;transform:translate(-50%);width:50px;height:35px}.bonsai-foliage{position:absolute;border-radius:50%}.bonsai-foliage.foliage-1{width:25px;height:20px;top:10px;left:0}.bonsai-foliage.foliage-2{width:30px;height:22px;top:5px;right:0}.bonsai-foliage.foliage-3{width:20px;height:18px;top:0;left:15px}.wide-terrarium-container{position:fixed;bottom:0;left:0;width:100vw;height:45vh;pointer-events:none;z-index:1}.wide-terrarium-glass{position:absolute;bottom:0;left:0;width:100%;height:100%;border-top:6px solid rgba(180,220,255,.5);border-left:4px solid rgba(180,220,255,.3);border-right:4px solid rgba(180,220,255,.3);border-radius:16px 16px 0 0;overflow:hidden;background:#c8e6ff0d}.wide-terrarium-container.no-background .wide-terrarium-glass{border:none;background:transparent;border-radius:0}.glass-rim{position:absolute;top:0;left:0;width:100%;height:10px;background:linear-gradient(to bottom,#c8e6ff66,#c8e6ff1a);z-index:100;border-radius:16px 16px 0 0}.glass-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.04) 100%);pointer-events:none;z-index:50}.terrarium-notifications{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1000;pointer-events:none}.terrarium-notification{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;border:1px solid rgba(255,255,255,.1);animation:notificationSlideIn .4s cubic-bezier(.16,1,.3,1) forwards,notificationSlideOut .4s cubic-bezier(.16,1,.3,1) 3.5s forwards;box-shadow:0 10px 40px #0006}.notification-icon{font-size:1.25rem}.notification-text{font-size:.9rem;font-weight:500;color:#fff;white-space:nowrap}.notification-plant{border-color:#4caf5066}.notification-water{border-color:#2196f366}.notification-join{border-color:#ffc10766}.notification-pollinate{border-color:#e91e6366}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.sky-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;transition:background 3s ease-in-out}.sky-backdrop.sky-day{background:linear-gradient(180deg,#87ceeb,#a8d8ea,#b8e0f0 30%,#c8e8f5,#e8f4e8 70%,#d4e8d4)}.sky-backdrop.sky-sunset{background:linear-gradient(180deg,#1a1a2e,#4a3f55 15%,#6b4e71 25%,#b55a5a,#e07f5f,#f4a261,#e9c46a,#d4c4a8)}.sky-backdrop.sky-night{background:linear-gradient(180deg,#0a0a1a,#0d1025,#151530 30%,#1a1a40,#252550 70%,#2a2a55)}.sky-backdrop.sky-sunrise{background:linear-gradient(180deg,#1a1a2e,#2d2d4a,#4a4a6a 20%,#7a5a70,#c87070,#e8a080,#f0c090 80%,#d8e0c8)}.sky-clouds{position:absolute;top:0;left:0;width:100%;height:50%;overflow:hidden}.cloud{position:absolute;background:#ffffffd9;border-radius:50%;animation:cloudFloat linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-1{top:12%;left:-10%;width:60px;height:24px;animation-duration:45s}.cloud-1:before{width:30px;height:30px;top:-12px;left:10px}.cloud-1:after{width:24px;height:24px;top:-8px;left:28px}.cloud-2{top:25%;left:-15%;width:50px;height:20px;animation-duration:55s;animation-delay:-15s}.cloud-2:before{width:26px;height:26px;top:-10px;left:8px}.cloud-2:after{width:20px;height:20px;top:-6px;left:24px}.cloud-3{top:8%;left:-20%;width:70px;height:26px;animation-duration:50s;animation-delay:-25s}.cloud-3:before{width:34px;height:34px;top:-14px;left:14px}.cloud-3:after{width:28px;height:28px;top:-10px;left:34px}.cloud-4{top:18%;left:-8%;width:45px;height:18px;animation-duration:60s;animation-delay:-35s;opacity:.7}.cloud-4:before{width:22px;height:22px;top:-8px;left:6px}.cloud-4:after{width:18px;height:18px;top:-5px;left:20px}.cloud-5{top:30%;left:-12%;width:55px;height:22px;animation-duration:48s;animation-delay:-10s;opacity:.6}.cloud-5:before{width:28px;height:28px;top:-11px;left:10px}.cloud-5:after{width:22px;height:22px;top:-7px;left:26px}@keyframes cloudFloat{0%{transform:translate(0)}to{transform:translate(calc(100vw + 100px))}}.sun{position:absolute;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#fff700,#ffb700,#ff8c00);box-shadow:0 0 30px #ffc80099,0 0 60px #ffc8004d;transition:all 3s ease}.sun-day{top:10%;right:15%}.sun-sunset{top:40%;right:8%;opacity:.8;background:radial-gradient(circle,#f60,#f40)}.sun-sunrise{top:40%;left:8%;opacity:.7;background:radial-gradient(circle,#fa0,#f60)}.moon{position:absolute;top:10%;right:15%;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,beige,#ddd);box-shadow:0 0 20px #c8c8c84d}.moon-crater{position:absolute;border-radius:50%;background:#b4b4b466}.crater-1{width:8px;height:8px;top:8px;left:6px}.crater-2{width:5px;height:5px;top:18px;left:18px}.crater-3{width:6px;height:6px;top:6px;left:22px}.stars{position:absolute;top:0;left:0;width:100%;height:60%}.star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;animation:starTwinkle 2s ease-in-out infinite}.star-1{top:8%;left:10%;animation-delay:0s}.star-2{top:15%;left:30%;animation-delay:.5s}.star-3{top:5%;left:50%;animation-delay:1s}.star-4{top:20%;left:70%;animation-delay:.3s}.star-5{top:10%;left:85%;animation-delay:.8s}.star-6{top:25%;left:20%;animation-delay:1.2s}.star-7{top:12%;left:60%;animation-delay:.6s}.star-8{top:18%;left:45%;animation-delay:1.5s}@keyframes starTwinkle{0%,to{opacity:.3}50%{opacity:1}}.backdrop-hills{position:absolute;bottom:20%;left:0;width:100%;height:30%;z-index:1}.hill{position:absolute;bottom:0;border-radius:50% 50% 0 0;transition:background 3s ease}.hill-1{left:-5%;width:35%;height:80%;background:#3a6b35}.hill-2{left:20%;width:40%;height:90%;background:#4a7c45}.hill-3{left:50%;width:35%;height:75%;background:#3d7038}.hill-4{left:70%;width:30%;height:85%;background:#457a40}.hill-5{left:85%;width:25%;height:70%;background:#3a6b35}.sky-night~.backdrop-hills .hill-1{background:#1a3518}.sky-night~.backdrop-hills .hill-2{background:#1e3d1c}.sky-night~.backdrop-hills .hill-3{background:#1c381a}.sky-night~.backdrop-hills .hill-4{background:#1e3d1c}.sky-night~.backdrop-hills .hill-5{background:#1a3518}.sky-sunset~.backdrop-hills .hill{background:#2d4a28}.sky-sunrise~.backdrop-hills .hill{background:#2d5025}.backdrop-bushes{position:absolute;bottom:19%;left:0;width:100%;height:8%;z-index:2}.bush{position:absolute;bottom:0;border-radius:50% 50% 10% 10%;transition:background 3s ease}.bush-1{left:5%;width:40px;height:20px;background:#2d8a3e}.bush-2{left:18%;width:35px;height:18px;background:#35a04a}.bush-3{left:38%;width:45px;height:22px;background:#2d8a3e}.bush-4{left:55%;width:30px;height:16px;background:#35a04a}.bush-5{left:72%;width:40px;height:20px;background:#2d8a3e}.bush-6{left:88%;width:35px;height:18px;background:#35a04a}.sky-night~.backdrop-bushes .bush{background:#1a4a22}.terrarium-ground{position:absolute;bottom:0;left:0;width:100%;height:22%;z-index:3}.ground-moss{position:absolute;top:0;left:0;width:100%;height:25%;background:linear-gradient(to bottom,#4a7c59,#3d6b4a);border-radius:50% 50% 0 0/100% 100% 0 0}.ground-soil{position:absolute;bottom:0;left:0;width:100%;height:85%;background:linear-gradient(to bottom,#6b4c2a,#4a3218 40%,#3a2510)}.terrarium-entities-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:5}.terrarium-insects-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:6}.plant-slot{position:absolute;bottom:18%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);transition:transform .3s ease}.plant-slot.spawning{animation:entitySpawnIn .8s cubic-bezier(.34,1.56,.64,1) forwards}.plant-slot.despawning{animation:entityDespawn .5s ease-in forwards}.plant-slot.watering-active{filter:brightness(1.1)}.plant-slot.blooming{animation:bloomPulse 3s ease-in-out}.plant-slot.waving{animation:plantWave .5s ease-in-out 3}.plant-water-drops{position:absolute;top:-10px;left:0;width:100%;height:100%;pointer-events:none}.mini-water-drop{position:absolute;width:3px;height:6px;background:#64b5f6;border-radius:50%/70% 70% 30% 30%;animation:miniDrop 1s ease-in forwards}@keyframes miniDrop{0%{transform:translateY(0);opacity:1}to{transform:translateY(40px);opacity:0}}@keyframes bloomPulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.3) saturate(1.5)}}@keyframes plantWave{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-5deg)}75%{transform:translate(-50%) rotate(5deg)}}.entity-username{font-size:9px;color:#ffffffe6;background:#00000080;border-radius:3px;padding:1px 4px;white-space:nowrap;margin-bottom:2px;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:20}.entity-chat-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:8px;font-size:10px;max-width:120px;word-wrap:break-word;margin-bottom:4px;animation:chatBubbleIn .3s ease-out;white-space:normal}.entity-chat-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c}@keyframes chatBubbleIn{0%{opacity:0;transform:translate(-50%) translateY(5px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes entitySpawnIn{0%{transform:translate(-50%) scale(0) translateY(20px);opacity:0}60%{transform:translate(-50%) scale(1.2) translateY(-5px);opacity:1}to{transform:translate(-50%) scale(1) translateY(0);opacity:1}}@keyframes entityDespawn{0%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(0) translateY(20px);opacity:0}}.terrarium-insect{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);z-index:10;transition:left .2s linear,bottom .2s linear}.terrarium-insect.facing-left .insect-body-wrapper{transform:scaleX(-1)}.terrarium-insect.spawning{animation:entitySpawnIn .8s cubic-bezier(.34,1.56,.64,1) forwards}.terrarium-insect.despawning{animation:entityDespawn .5s ease-in forwards}.terrarium-insect.flying .insect-body-wrapper{animation:insectBob 1s ease-in-out infinite}.terrarium-insect.walking .insect-body-wrapper{animation:insectWalk .4s ease-in-out infinite}.terrarium-insect.landed .insect-body-wrapper{animation:none}.terrarium-insect.pollinating .insect-body-wrapper{animation:pollinateWiggle .3s ease-in-out infinite}.insect-body-wrapper{position:relative;width:24px;height:24px}@keyframes insectBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes insectWalk{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-1px) rotate(-2deg)}75%{transform:translateY(-1px) rotate(2deg)}}@keyframes pollinateWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.pollinate-particles{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.pollen-particle{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;animation:pollenFloat 1.5s ease-out infinite}.pollen-particle:nth-child(1){animation-delay:0s}.pollen-particle:nth-child(2){animation-delay:.3s}.pollen-particle:nth-child(3){animation-delay:.6s}.pollen-particle:nth-child(4){animation-delay:.9s}@keyframes pollenFloat{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(-10px + 20px * var(--i, .5)),-20px) scale(0);opacity:0}}.terrarium-insect.dancing .insect-body-wrapper{animation:insectDance .4s ease-in-out infinite}@keyframes insectDance{0%,to{transform:translateY(0) rotate(0)}15%{transform:translateY(-5px) rotate(-10deg)}30%{transform:translateY(0) rotate(10deg)}45%{transform:translateY(-5px) rotate(-10deg)}60%{transform:translateY(0) rotate(10deg)}75%{transform:translateY(-3px) rotate(-5deg)}}.terrarium-insect.petted .insect-body-wrapper{animation:insectPetted .5s ease-in-out infinite}@keyframes insectPetted{0%,to{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}}.pet-hearts{position:absolute;top:-10px;left:50%;transform:translate(-50%);pointer-events:none}.pet-heart{position:absolute;font-size:10px;color:#ff6b9d;animation:heartFloat 1.2s ease-out infinite}.pet-heart.heart-1{left:-8px;animation-delay:0s}.pet-heart.heart-2{left:2px;animation-delay:.4s}.pet-heart.heart-3{left:12px;animation-delay:.8s}@keyframes heartFloat{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-18px) scale(.5);opacity:0}}.terrarium-insect.singing .insect-body-wrapper{animation:insectSing .6s ease-in-out infinite}@keyframes insectSing{0%,to{transform:translateY(0)}25%{transform:translateY(-2px) rotate(-3deg)}75%{transform:translateY(-2px) rotate(3deg)}}.sing-notes{position:absolute;top:-14px;left:50%;transform:translate(-50%);pointer-events:none}.music-note{position:absolute;font-size:11px;color:gold;animation:noteFloat 1.5s ease-out infinite}.music-note.note-1{left:-10px;animation-delay:0s}.music-note.note-2{left:2px;animation-delay:.5s}.music-note.note-3{left:14px;animation-delay:1s}@keyframes noteFloat{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-22px) rotate(20deg);opacity:0}}.terrarium-insect.nuzzling .insect-body-wrapper{animation:insectNuzzle .3s ease-in-out infinite}@keyframes insectNuzzle{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.plant-slot.shaking{animation:plantShake .15s ease-in-out infinite}@keyframes plantShake{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-6deg)}75%{transform:translate(-50%) rotate(6deg)}}.ladybug-art{position:relative;width:20px;height:18px}.ladybug-art .ladybug-head{position:absolute;top:1px;left:50%;transform:translate(-50%);width:7px;height:6px;background:#222;border-radius:50% 50% 40% 40%}.ladybug-art .ladybug-body{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:16px;height:14px;background:#e53935;border-radius:50% 50% 45% 45%}.ladybug-art .ladybug-wing-line{position:absolute;top:2px;left:50%;transform:translate(-50%);width:1px;height:10px;background:#222}.ladybug-art .ladybug-spot{position:absolute;width:3px;height:3px;background:#222;border-radius:50%}.ladybug-art .spot-1{top:3px;left:2px}.ladybug-art .spot-2{top:3px;right:2px}.ladybug-art .spot-3{top:7px;left:3px}.ladybug-art .spot-4{top:7px;right:3px}.ladybug-art .ladybug-antenna{position:absolute;top:-2px;width:1px;height:5px;background:#222;transform-origin:bottom}.ladybug-art .antenna-l{left:6px;transform:rotate(-20deg)}.ladybug-art .antenna-r{right:6px;transform:rotate(20deg)}.butterfly-art{position:relative;width:24px;height:20px}.butterfly-art .butterfly-body-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:14px;background:#333;border-radius:2px}.butterfly-art .butterfly-wing{position:absolute;background:#e91e63;border-radius:50%;animation:wingFlap .5s ease-in-out infinite}.butterfly-art .wing-tl{top:0;left:0;width:10px;height:9px;background:#e91e63}.butterfly-art .wing-tr{top:0;right:0;width:10px;height:9px;background:#e91e63;animation-delay:.05s}.butterfly-art .wing-bl{bottom:2px;left:1px;width:8px;height:7px;background:#f06292}.butterfly-art .wing-br{bottom:2px;right:1px;width:8px;height:7px;background:#f06292;animation-delay:.05s}.butterfly-art .butterfly-antenna{position:absolute;top:-3px;width:1px;height:5px;background:#333;transform-origin:bottom}.butterfly-art .butterfly-antenna:after{content:"";position:absolute;top:-2px;left:-1px;width:3px;height:3px;background:#333;border-radius:50%}.butterfly-art .antenna-l{left:8px;transform:rotate(-25deg)}.butterfly-art .antenna-r{right:8px;transform:rotate(25deg)}@keyframes wingFlap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.7)}}.bee-art{position:relative;width:22px;height:18px}.bee-art .bee-head{position:absolute;top:2px;left:50%;transform:translate(-50%);width:8px;height:7px;background:#333;border-radius:50%}.bee-art .bee-eye{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;top:2px}.bee-art .eye-l{left:1px}.bee-art .eye-r{right:1px}.bee-art .bee-body{position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:14px;height:11px;background:#ffc107;border-radius:50% 50% 40% 40%;overflow:hidden}.bee-art .bee-stripe{position:absolute;width:100%;height:2px;background:#222}.bee-art .stripe-1{top:2px}.bee-art .stripe-2{top:5px}.bee-art .stripe-3{top:8px}.bee-art .bee-wing{position:absolute;top:0;width:8px;height:6px;background:#c8dcff99;border-radius:50%;animation:wingBuzz .1s linear infinite}.bee-art .wing-l{left:-2px;transform:rotate(-20deg)}.bee-art .wing-r{right:-2px;transform:rotate(20deg)}.bee-art .bee-stinger{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:2px;height:4px;background:#333;clip-path:polygon(50% 100%,0% 0%,100% 0%)}@keyframes wingBuzz{0%,to{transform:rotate(-20deg) scaleY(1)}50%{transform:rotate(-20deg) scaleY(.5)}}.caterpillar-art{position:relative;width:28px;height:12px;display:flex;align-items:flex-end}.caterpillar-art .caterpillar-head{position:absolute;left:0;bottom:0;width:8px;height:8px;background:#4caf50;border-radius:50%}.caterpillar-art .caterpillar-eye{position:absolute;width:2px;height:2px;background:#222;border-radius:50%;top:2px}.caterpillar-art .caterpillar-eye.eye-l{left:1px}.caterpillar-art .caterpillar-eye.eye-r{right:1px}.caterpillar-art .caterpillar-antenna{position:absolute;top:-3px;width:1px;height:4px;background:#2e7d32}.caterpillar-art .caterpillar-antenna.antenna-l{left:2px;transform:rotate(-15deg)}.caterpillar-art .caterpillar-antenna.antenna-r{right:2px;transform:rotate(15deg)}.caterpillar-art .caterpillar-segment{position:absolute;bottom:0;width:7px;height:7px;border-radius:50%;animation:caterpillarInch 1s ease-in-out infinite}.caterpillar-art .seg-1{left:6px;background:#66bb6a;animation-delay:0s}.caterpillar-art .seg-2{left:11px;background:#4caf50;animation-delay:.1s}.caterpillar-art .seg-3{left:16px;background:#66bb6a;animation-delay:.2s}.caterpillar-art .seg-4{left:21px;background:#4caf50;animation-delay:.3s}@keyframes caterpillarInch{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.firefly-art{position:relative;width:16px;height:18px}.firefly-art .firefly-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:6px;height:5px;background:#555;border-radius:50%}.firefly-art .firefly-body-main{position:absolute;top:4px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#666;border-radius:40% 40% 50% 50%}.firefly-art .firefly-glow-bulb{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:7px;height:6px;background:#ffeb3b;border-radius:40% 40% 50% 50%;box-shadow:0 0 8px #ffeb3bcc,0 0 16px #ffeb3b66;animation:fireflyGlow 2s ease-in-out infinite}.firefly-art .firefly-wing{position:absolute;top:2px;width:6px;height:5px;background:#c8dcff66;border-radius:50%}.firefly-art .firefly-wing.wing-l{left:-1px}.firefly-art .firefly-wing.wing-r{right:-1px}@keyframes fireflyGlow{0%,to{opacity:.5;box-shadow:0 0 4px #ffeb3b66}50%{opacity:1;box-shadow:0 0 12px #ffeb3b,0 0 24px #ffeb3b99}}.beetle-art{position:relative;width:18px;height:18px}.beetle-art .beetle-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:8px;height:6px;background:#3e2723;border-radius:50% 50% 30% 30%}.beetle-art .beetle-mandible{position:absolute;top:-2px;width:3px;height:4px;background:#3e2723;border-radius:50%}.beetle-art .mandible-l{left:0;transform:rotate(-20deg)}.beetle-art .mandible-r{right:0;transform:rotate(20deg)}.beetle-art .beetle-shell{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:16px;height:13px;background:#1b5e20;border-radius:50% 50% 45% 45%}.beetle-art .beetle-shell-line{position:absolute;top:2px;left:50%;transform:translate(-50%);width:1px;height:9px;background:#0d3d12}.beetle-art .beetle-leg{position:absolute;width:5px;height:1px;background:#3e2723;right:-3px}.beetle-art .leg-1{top:8px;transform:rotate(20deg)}.beetle-art .leg-2{top:11px;transform:rotate(0)}.beetle-art .leg-3{top:14px;transform:rotate(-20deg)}.dragonfly-art{position:relative;width:24px;height:24px}.dragonfly-art .dragonfly-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:8px;height:7px;background:#0097a7;border-radius:50%}.dragonfly-art .dragonfly-eye{position:absolute;width:4px;height:4px;background:#004d40;border-radius:50%;top:1px}.dragonfly-art .dragonfly-eye.eye-l{left:-1px}.dragonfly-art .dragonfly-eye.eye-r{right:-1px}.dragonfly-art .dragonfly-thorax{position:absolute;top:6px;left:50%;transform:translate(-50%);width:5px;height:5px;background:#00838f;border-radius:40%}.dragonfly-art .dragonfly-abdomen{position:absolute;top:10px;left:50%;transform:translate(-50%);width:3px;height:12px;background:linear-gradient(to bottom,#00838f,#006064);border-radius:2px}.dragonfly-art .dragonfly-wing{position:absolute;background:#b4dcff80;border:1px solid rgba(180,220,255,.3);border-radius:50%;animation:dragonflyWing .15s linear infinite}.dragonfly-art .wing-tl{top:4px;left:-4px;width:12px;height:5px;transform:rotate(-15deg)}.dragonfly-art .wing-tr{top:4px;right:-4px;width:12px;height:5px;transform:rotate(15deg)}.dragonfly-art .wing-bl{top:8px;left:-3px;width:10px;height:4px;transform:rotate(-10deg)}.dragonfly-art .wing-br{top:8px;right:-3px;width:10px;height:4px;transform:rotate(10deg)}@keyframes dragonflyWing{0%,to{opacity:.5}50%{opacity:.8}}.snail-art{position:relative;width:22px;height:18px}.snail-art .snail-shell-user{position:absolute;top:0;left:50%;transform:translate(-30%);width:14px;height:14px;background:#8d6e63;border-radius:50%;border:2px solid #6d4c41}.snail-art .snail-shell-spiral{position:absolute;top:3px;left:3px;width:8px;height:8px;border:2px solid #5d4037;border-radius:50%;border-right-color:transparent}.snail-art .snail-body-user{position:absolute;bottom:0;left:0;width:16px;height:6px;background:#bcaaa4;border-radius:50% 20% 20% 50%}.snail-art .snail-eye-stalk{position:absolute;top:-5px;width:1px;height:6px;background:#bcaaa4}.snail-art .snail-eye-stalk.stalk-l{left:2px;transform:rotate(-10deg)}.snail-art .snail-eye-stalk.stalk-r{left:6px;transform:rotate(10deg)}.snail-art .snail-eye{position:absolute;top:-2px;left:-1px;width:3px;height:3px;background:#333;border-radius:50%}.worm-art{position:relative;width:28px;height:10px;display:flex;align-items:center}.worm-art .worm-segment{width:6px;height:6px;border-radius:50%;background:#e8a0bf;margin-left:-2px;position:relative}.worm-art .worm-segment.seg-1{background:#d4839b;width:5px;height:5px;margin-left:0}.worm-art .worm-segment.seg-2{background:#e091ad;top:-1px}.worm-art .worm-segment.seg-3{background:#e8a0bf;top:0}.worm-art .worm-segment.seg-4{background:#e091ad;top:-1px}.worm-art .worm-segment.seg-5{background:#d4839b;width:5px;height:5px}.worm-art .worm-head{width:8px;height:8px;background:#e8a0bf;border-radius:50%;margin-left:-2px;position:relative}.worm-art .worm-eye{position:absolute;width:2px;height:2px;background:#333;border-radius:50%;top:2px}.worm-art .worm-eye.eye-l{right:2px}.worm-art .worm-eye.eye-r{right:5px}.empty-terrarium-wide{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center}.empty-terrarium-wide span{display:inline-block;padding:10px 20px;background:#0009;color:#fffc;border-radius:8px;font-size:14px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.terrarium-status-bar{position:absolute;bottom:0;left:0;width:100%;display:flex;gap:12px;padding:4px 12px;background:#0006;z-index:60}.status-count{font-size:11px;color:#fffc}.status-display{position:fixed;bottom:10px;left:10px;background:#000000b3;color:#fff;padding:8px 12px;border-radius:5px;font-size:12px;z-index:1000;pointer-events:none}.auth-prompt{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:auto}.auth-prompt-content{background:#0e0e10f2;border:2px solid #9147ff;border-radius:12px;padding:30px 40px;text-align:center;color:#fff;box-shadow:0 10px 40px #00000080}.auth-prompt h2{margin:0 0 10px;font-size:24px;color:#efeff1}.auth-prompt p{margin:0 0 20px;color:#adadb8;font-size:14px}.auth-button{display:inline-flex;align-items:center;gap:10px;background:#9147ff;color:#fff;border:none;padding:12px 24px;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .2s}.auth-button:hover{background:#772ce8}.auth-button svg{flex-shrink:0}.auth-link{display:block;margin-top:15px;color:#9147ff;font-size:12px;text-decoration:none}.auth-link:hover{text-decoration:underline}.settings-toggle-btn{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#1e1e1ee6;border:2px solid #9147ff;color:#fff;font-size:24px;cursor:pointer;z-index:9999;transition:all .2s ease;display:flex;align-items:center;justify-content:center;pointer-events:auto}.settings-toggle-btn:hover{background:#9147ff;transform:scale(1.1)}.settings-overlay{position:fixed;top:0;left:0;pointer-events:auto;right:0;bottom:0;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-panel{background:#1f1f23;border-radius:12px;width:90%;max-width:800px;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;border:1px solid #3d3d3d;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #3d3d3d;flex-shrink:0}.settings-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.close-btn{background:none;border:none;color:#adadb8;font-size:28px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.close-btn:hover{color:#fff}.settings-tabs{display:flex;padding:0 16px;gap:4px;border-bottom:1px solid #3d3d3d;overflow-x:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:#3d3d3d transparent}.settings-tabs::-webkit-scrollbar{height:4px}.settings-tabs::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:2px}.tab{background:none;border:none;color:#adadb8;padding:10px 12px;cursor:pointer;font-size:13px;font-weight:500;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;flex-shrink:0}.tab:hover{color:#fff}.tab.active{color:#9147ff;border-bottom-color:#9147ff}.settings-content{flex:1;min-height:0;overflow-y:auto;padding:24px}.settings-section h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.settings-section h3:not(:first-child){margin-top:24px}.setting-item{margin-bottom:20px}.setting-item label{display:flex;justify-content:space-between;align-items:center;color:#efeff1;font-size:14px;margin-bottom:8px}.setting-value{color:#9147ff;font-weight:600;font-family:monospace}.setting-item input[type=range]{width:100%;height:6px;border-radius:3px;background:#3d3d3d;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#9147ff;cursor:pointer;transition:transform .1s}.setting-item input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.setting-item input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#9147ff;cursor:pointer;border:none}.setting-hint{display:block;color:#adadb8;font-size:12px;margin-top:4px}.setting-item.checkbox label{justify-content:flex-start;gap:12px;cursor:pointer}.setting-item.checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#9147ff;cursor:pointer}.setting-item select{width:100%;padding:10px 12px;background:#0e0e10;border:1px solid #3d3d3d;border-radius:6px;color:#fff;font-size:14px;cursor:pointer}.setting-item select:focus{outline:none;border-color:#9147ff}.setting-row{display:flex;gap:16px}.setting-item.half{flex:1}.admin-actions{display:flex;flex-direction:column;gap:20px}.admin-action{background:#0e0e10;padding:16px;border-radius:8px;border:1px solid #3d3d3d}.admin-action h4{color:#fff;margin:0 0 12px;font-size:14px;font-weight:600}.admin-form{display:flex;gap:8px}.admin-form input[type=text]{flex:1;padding:8px 12px;background:#1f1f23;border:1px solid #3d3d3d;border-radius:4px;color:#fff;font-size:14px}.admin-form input[type=text]:focus{outline:none;border-color:#9147ff}.admin-form select{padding:8px 12px;background:#1f1f23;border:1px solid #3d3d3d;border-radius:4px;color:#fff;font-size:14px}.admin-form button{padding:8px 16px;background:#9147ff;border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.admin-form button:hover{background:#772ce8}.danger-btn{width:100%;padding:10px 16px;background:#eb0400;border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.danger-btn:hover{background:#bf0000}.critter-list{margin-top:12px;max-height:200px;overflow-y:auto;background:#0e0e10;border-radius:8px;border:1px solid #3d3d3d}.critter-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #3d3d3d}.critter-list-item:last-child{border-bottom:none}.critter-info{display:flex;align-items:center;gap:8px;color:#fff}.critter-type{color:#adadb8;font-size:12px}.remove-btn{padding:4px 12px;background:transparent;border:1px solid #eb0400;border-radius:4px;color:#eb0400;font-size:12px;cursor:pointer;transition:all .2s}.remove-btn:hover{background:#eb0400;color:#fff}.empty-list{color:#adadb8;text-align:center;padding:20px;font-size:14px}.create-critter-btn{padding:10px 20px;background:linear-gradient(135deg,#9147ff,#772ce8);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.create-critter-btn:hover{background:linear-gradient(135deg,#a970ff,#8c45ff);transform:translateY(-1px);box-shadow:0 4px 12px #9147ff66}.settings-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #3d3d3d;background:#18181b;border-radius:0 0 12px 12px;flex-shrink:0}.reset-btn{padding:10px 16px;background:transparent;border:1px solid #3d3d3d;border-radius:4px;color:#adadb8;font-size:14px;cursor:pointer;transition:all .2s}.reset-btn:hover{border-color:#9147ff;color:#fff}.save-area{display:flex;align-items:center;gap:12px}.save-success{color:#0f0;font-size:14px}.save-error{color:#eb0400;font-size:14px}.save-btn{padding:10px 24px;background:#9147ff;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){background:#772ce8}.save-btn:disabled{background:#3d3d3d;color:#adadb8;cursor:not-allowed}.settings-content::-webkit-scrollbar,.critter-list::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track,.critter-list::-webkit-scrollbar-track{background:#0e0e10}.settings-content::-webkit-scrollbar-thumb,.critter-list::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}.settings-content::-webkit-scrollbar-thumb:hover,.critter-list::-webkit-scrollbar-thumb:hover{background:#9147ff}.help-section h3{color:#9147ff;border-bottom:1px solid #3d3d3d;padding-bottom:8px}.help-section h3:first-child{margin-top:0}.help-section h4{color:#efeff1;font-size:14px;font-weight:600;margin:16px 0 8px}.help-block{background:#0e0e10;border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid #3d3d3d}.help-block p{color:#d3d3d3;font-size:14px;line-height:1.6;margin:0 0 12px}.help-block p:last-child{margin-bottom:0}.help-block strong{color:#efeff1}.help-command{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid #2d2d2d}.help-command:last-child{border-bottom:none;padding-bottom:0}.help-command code{background:#18181b;color:#9147ff;padding:4px 10px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px;white-space:nowrap;min-width:140px}.help-command span{color:#adadb8;font-size:13px}.help-list{color:#d3d3d3;font-size:14px;line-height:1.8;margin:12px 0;padding-left:24px}.help-list li{margin-bottom:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-box{background:#0e0e10;border:1px solid #3d3d3d;border-radius:8px;padding:16px 12px;text-align:center}.stat-number{display:block;font-size:24px;font-weight:700;color:#4caf50;margin-bottom:4px}.stat-label{display:block;font-size:12px;color:#adadb8;text-transform:uppercase}.plant-list{margin-top:12px;max-height:200px;overflow-y:auto;background:#0e0e10;border-radius:8px;border:1px solid #3d3d3d}.plant-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #3d3d3d}.plant-list-item:last-child{border-bottom:none}.plant-info{display:flex;flex-direction:column;gap:2px;color:#fff}.plant-type{color:#8fbc8f;font-size:12px}.history-list{margin-top:12px;max-height:150px;overflow-y:auto;background:#0e0e10;border-radius:8px;border:1px solid #3d3d3d}.history-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #3d3d3d;font-size:13px}.history-item:last-child{border-bottom:none}.action-type{background:#2d4a2d;color:#98fb98;padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase;font-weight:600}.action-user{color:#fff;font-weight:500}.action-plant{color:#adadb8}.action-btn{width:100%;padding:10px 16px;background:#4caf50;border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.action-btn:hover{background:#388e3c}.settings-toggle-btn{background:#1a2f1ae6;border:2px solid #4caf50;font-size:12px;width:auto;padding:10px 16px;border-radius:8px}.settings-toggle-btn:hover{background:#4caf50}.tab.active{color:#4caf50;border-bottom-color:#4caf50}@media (max-width: 600px){.settings-panel{width:95%;max-height:90vh}.settings-tabs{padding:0 12px;gap:2px}.tab{padding:8px 10px;font-size:12px}.settings-content{padding:16px}.setting-row{flex-direction:column;gap:0}.settings-footer{flex-direction:column;gap:12px}.reset-btn,.save-btn{width:100%}.help-command{flex-direction:column;align-items:flex-start;gap:4px}.help-command code{min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}body{background:transparent;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{width:100vw;height:100vh}