@keyframes emoji-ecosystem__bounce{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(.9)}45%{transform:scale(1.1)}60%{transform:scale(.95)}75%{transform:scale(1.05)}90%{transform:scale(.98)}to{transform:scale(1)}}@keyframes emoji-ecosystem__sleeping{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.5;transform:scale(1)}}@keyframes emoji-ecosystem__dreamy-glow{0%,to{box-shadow:0 0 1rem rgba(255,255,255,.1)}50%{box-shadow:0 0 2rem rgba(255,255,255,.2)}}.emoji-ecosystem{background:radial-gradient(#1a1a2e 0%,#000 70%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.emoji-ecosystem:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.01) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(255,255,255,.016) 0%,transparent 50%);position:absolute;top:0;bottom:0;left:0;right:0}.emoji-ecosystem__background-layer{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity 2.5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.emoji-ecosystem__background-layer--active{opacity:1}.emoji-ecosystem__background-layer--home{background:linear-gradient(135deg,#ffd6ba 0%,#fae1dd 100%)}.emoji-ecosystem__background-layer--work{background:linear-gradient(135deg,#c7cedb 0%,#d6d9e0 100%)}.emoji-ecosystem__background-layer--play{background:linear-gradient(135deg,#e8dff5 0%,#fce1e4 100%)}.emoji-ecosystem__background-layer--food{background:linear-gradient(135deg,#f5e6d3 0%,#fad4c0 100%)}.emoji-ecosystem__background-layer--health{background:linear-gradient(135deg,#d4e5d3 0%,#e0f2e9 100%)}.emoji-ecosystem__background-layer--learning{background:linear-gradient(135deg,#dae3f3 0%,#e6e6fa 100%)}.emoji-ecosystem__background-layer--money{background:linear-gradient(135deg,#e0e5e0 0%,#d9dcd6 100%)}.emoji-ecosystem__background-layer--love{background:linear-gradient(135deg,#ffd4d4 0%,#ffe0ec 100%)}.emoji-ecosystem__background-layer--nature{background:linear-gradient(135deg,#c8e6c9 0%,#dcedc8 100%)}.emoji-ecosystem__grid{z-index:2;grid-template-rows:repeat(4,8rem);grid-template-columns:repeat(3,8rem);gap:1rem;transition:all 2s ease-in-out;display:grid;position:relative}.emoji-ecosystem__container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:rgba(255,255,255,.8);border:2px solid rgba(255,255,255,.3);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:8rem;height:8rem;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.1)}.emoji-ecosystem__container:hover{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.6);transform:translateY(-6px)scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.15)}.emoji-ecosystem__container--active{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);animation:4s ease-in-out infinite emoji-ecosystem__sleeping,6s ease-in-out infinite emoji-ecosystem__dreamy-glow;box-shadow:0 4px 16px rgba(0,0,0,.2)}.emoji-ecosystem__container--active .emoji-ecosystem__emoji{opacity:.4;filter:blur(.5px)}.emoji-ecosystem__container--active .emoji-ecosystem__label{opacity:.3;color:rgba(255,255,255,.4)}.emoji-ecosystem__container--bouncing{animation:1s ease-out emoji-ecosystem__bounce}.emoji-ecosystem__emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.8rem;transition:all .3s}.emoji-ecosystem__container:hover .emoji-ecosystem__emoji{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:scale(1.1)}.emoji-ecosystem__label{color:#4a5759;letter-spacing:.8px;opacity:.8;text-align:center;font-size:.9rem}.emoji-ecosystem__sleep-button{color:#fff;cursor:pointer;opacity:1;text-shadow:0 1px 2px rgba(255,255,255,.5);z-index:3;background:linear-gradient(135deg,#a8c8ec 0%,#c8a8e8 100%);border:2px solid transparent;border-radius:2rem;justify-content:center;align-items:center;gap:8px;margin-top:48px;padding:12px 24px;font-family:Alan Sans,sans-serif;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px rgba(168,200,236,.3)}.emoji-ecosystem__sleep-button:hover{text-shadow:0 1px 4px rgba(255,255,255,.7);background:linear-gradient(135deg,#b8d8fc 0%,#d8b8f8 100%);transform:translateY(-6px);box-shadow:0 8px 24px rgba(184,216,252,.4)}.emoji-ecosystem__sleep-icon{font-size:1.2rem;transition:transform .3s}.emoji-ecosystem__sleep-button:hover .emoji-ecosystem__sleep-icon{transform:rotate(15deg)}.emoji-ecosystem__sleep-text{letter-spacing:.8px}.emoji-ecosystem__sleep-button--hidden{opacity:0;pointer-events:none}