:root{--primary-color:#4a90e2;--bg-color:#f4f7f6;--container-bg:#ffffff;--text-color:#333333}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.container{background:var(--container-bg);padding:2.5rem;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.05);width:100%;max-width:500px;text-align:center}h1{margin-top:0;color:var(--primary-color)}.input-group{display:flex;flex-direction:column;gap:15px;margin-top:20px}textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;resize:none;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease}textarea:focus{outline:0;border-color:var(--primary-color)}button{background-color:var(--primary-color);color:#fff;border:0;padding:12px;border-radius:8px;font-size:1.1rem;cursor:pointer;font-weight:700;transition:background-color .3s ease,transform .1s ease}button:hover:not(:disabled){background-color:#357abd}button:active:not(:disabled){transform:scale(.98)}button:disabled{background-color:#a0c4e8;cursor:not-allowed}.status-message{margin-top:15px;font-size:.9rem;color:#666;min-height:20px}.image-container{margin-top:25px;position:relative}#heron-img{max-width:100%;max-height:300px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15);transform-origin:center}.emotion-label{margin-top:10px;font-weight:700;font-size:1.2rem;color:var(--primary-color);text-transform:capitalize}@keyframes jellyPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.animate-pop{animation:jellyPop .6s cubic-bezier(.25,1,.5,1) forwards}