@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Playfair+Display:ital,wght@0,400;0,900;1,400&display=swap";:root{--transition-slow: .8s;--transition-med: .4s;--font-main: "Outfit", sans-serif;--font-accent: "Playfair Display", serif;--card-bg-light: rgba(255, 255, 255, .9);--card-bg-dark: rgba(0, 0, 0, .2);--card-border: rgba(255, 255, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);min-height:100vh;overflow:hidden;transition:background var(--transition-slow) cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center}.app-container{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3rem 2rem;z-index:10;transition:color var(--transition-med)}.header{text-align:center}.title{font-family:var(--font-accent);font-size:3.5rem;font-weight:900;margin-bottom:.5rem;letter-spacing:-1px}.subtitle{font-size:1.1rem;font-weight:300;opacity:.8;letter-spacing:2px;text-transform:uppercase}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.display-wrapper{display:flex;flex-direction:column;align-items:center;gap:2.5rem;text-align:center}.mood-portal{position:relative;width:220px;height:220px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:40% 60% 70% 30%/40% 50% 60%;display:flex;justify-content:center;align-items:center;box-shadow:0 40px 80px -20px #0003;animation:morph 8s ease-in-out infinite;transition:all .5s ease}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60%}33%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}66%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}}.central-emoji{font-size:7rem;-webkit-user-select:none;user-select:none}.spin-pop{animation:spinPop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes spinPop{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.mood-description{max-width:600px;background:#ffffff26;padding:1.5rem 2.5rem;border-radius:2rem;border:1px solid rgba(255,255,255,.2)}.mood-label{font-family:var(--font-accent);font-size:4rem;font-weight:900;margin-bottom:.5rem;font-style:italic}.mood-quote{font-size:1.4rem;font-weight:600;opacity:.95;line-height:1.4}.mood-dock{width:100%;max-width:850px;background:#fff3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:100px;padding:.5rem;box-shadow:0 15px 35px -10px #0003}.dock-inner{display:flex;justify-content:space-around;align-items:center;gap:.5rem}.dock-item{background:transparent;border:none;padding:.8rem 1.2rem;border-radius:100px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:inherit;position:relative}.dock-item:hover{background:#fff3;transform:translateY(-10px)}.dock-item.active{background:#fff6;transform:translateY(-15px) scale(1.1);box-shadow:0 10px 25px -5px #0000001a}.dock-emoji{font-size:2.2rem}.dock-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.bg-blobs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;filter:blur(100px);opacity:.7}.blob{position:absolute;border-radius:50%;background:currentColor;transition:all 1.2s ease}.blob-1{width:500px;height:500px;top:-15%;left:-10%;animation:move 20s infinite alternate}.blob-2{width:400px;height:400px;bottom:-15%;right:-10%;animation:move 25s infinite alternate-reverse}.blob-3{width:300px;height:300px;top:30%;left:30%;animation:move 18s infinite alternate}@keyframes move{0%{transform:translate(0) rotate(0)}to{transform:translate(150px,150px) rotate(360deg)}}.bg-happy{background:linear-gradient(135deg,#ffd93d,#ff8400)}.bg-sad{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.bg-tired{background:linear-gradient(135deg,#2c3e50,#000)}.bg-angry{background:linear-gradient(135deg,#870000,#190a05)}.bg-excited{background:linear-gradient(135deg,#f093fb,#f5576c)}.bg-love{background:linear-gradient(135deg,#ff0844,#ffb199)}.bg-cool{background:linear-gradient(135deg,#00b4db,#0083b0)}@media (max-width: 768px){.title{font-size:2.5rem}.mood-portal{width:160px;height:160px}.central-emoji{font-size:5rem}.mood-label{font-size:3rem}.mood-dock{border-radius:30px;padding:1rem}.dock-label{display:none}}