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;padding:20px;box-sizing:border-box}.main-container h1{font-size:5rem;text-align:center;margin:0 0 2rem}.timer-container{font-size:1.8rem;font-family:"monospace";text-align:center;padding:25px}.compliment-container{text-align:center;width:100%;max-width:100%;min-height:150px}.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;width:90%;max-width:300px}.compliment-container button:hover{background:#fff6;transform:translateY(-2px)}.compliment-container p{margin-top:1rem;font-size:3rem;min-height:120px;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.2);animation:smoothAppear .8s cubic-bezier(.22,1,.36,1) forwards;padding:0 20px;word-wrap:break-word;line-height:1.2}.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}@media (max-width: 768px){.main-container h1{font-size:3.5rem;margin:0 0 1.5rem}.compliment-container{min-height:120px}.compliment-container p{font-size:2.5rem;line-height:1.3;min-height:100px}.timer-container{font-size:1.5rem}.compliment-container button{font-size:1.3rem;padding:.7rem 1.3rem}}@media (max-width: 480px){.main-container h1{font-size:2.8rem;margin:0 0 1rem}.compliment-container{min-height:100px}.compliment-container p{font-size:2rem;line-height:1.4;min-height:2rem;min-height:80px}.timer-container{font-size:1.3rem;padding:15px}.compliment-container button{font-size:1.2rem;padding:.6rem 1.2rem;width:95%}.main-container{padding:15px;justify-content:flex-start;padding-top:10vh}}@media (max-width: 320px){.main-container h1{font-size:2.2rem}.compliment-container p{font-size:1.7rem}.timer-container,.compliment-container button{font-size:1.1rem}}