:root{--primary-color:#96e6a1;--primary-dark:#4caf50;--text-color:#333;--bg-color:#f5f7fa;--success-bg:#e3f9e5;--success-text:#2e7d32}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:var(--bg-color);color:var(--text-color);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;height:100vh;justify-content:center;transition:background-color .5s ease}.container{max-width:600px;padding:2rem;text-align:center;width:100%}h1{color:#2c3e50;font-size:3rem;font-weight:700;margin-bottom:.5rem}p.count-display{color:#666;font-size:1rem;margin-bottom:2rem}p.description{color:#666;font-size:1.5rem;line-height:1.6;margin-bottom:3rem}.btn-yes{align-items:center;animation:pulse 2s infinite;background-color:var(--primary-color);border:none;border-radius:50%;box-shadow:0 10px 20px rgba(150,230,161,.4);color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:140px;justify-content:center;margin:0 auto;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:140px}.btn-yes:hover{background-color:#8ce097;box-shadow:0 15px 25px rgba(150,230,161,.6);transform:scale(1.05)}.btn-yes:active{transform:scale(.95)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(150,230,161,.7)}70%{box-shadow:0 0 0 20px rgba(150,230,161,0)}to{box-shadow:0 0 0 0 rgba(150,230,161,0)}}.btn-yes.clicked{animation:none;background-color:var(--primary-dark);box-shadow:none;cursor:default;transform:scale(1)}body.is-ok{background-color:var(--success-bg)}body.is-ok h1{color:var(--success-text)}.fade-in{animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg{color:#666;font-size:1rem;margin-top:30px}