html,body{background:linear-gradient(120deg,#a0d8b3,#7bb9d1,#a0d8b3);background-size:800% 800%;background-attachment:fixed;font-family:Inter,sans-serif;animation:flowGradient 20s ease infinite alternate;margin:0;padding:0;height:100%}@keyframes flowGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes smoothAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main-container{align-items:center;justify-content:center;display:flex;flex-direction:column;height:100vh}.main-container h1{font-size:5rem}.timer-container{font-size:1.8rem;font-family:"monospace";text-align:center;padding:25px}.compliment-container{text-align:center}.compliment-container button{background:#ffffff4d;border:none;border-radius:50px;padding:.8rem 1.5rem;font-size:1.5rem;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px #0000001a}.compliment-container button:hover{background:#fff6;transform:translateY(-2px)}.compliment-container p{margin-top:1rem;font-size:3rem;min-height:2.5rem;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.2);animation:smoothAppear .8s cubic-bezier(.22,1,.36,1) forwards}.compliment-container p.fade-out{animation:fadeOut .4s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}h1{text-align:center;font-size:3rem}