:root{--font-main: "Outfit", system-ui, sans-serif;--color-bg-1: #4158D0;--color-bg-2: #C850C0;--color-bg-3: #FFCC70;--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .3);--text-color: #ffffff;--btn-color: #ffffff;--btn-text: #2c3e50}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:#4158d0;background-image:linear-gradient(43deg,var(--color-bg-1) 0%,var(--color-bg-2) 46%,var(--color-bg-3) 100%);background-size:200% 200%;animation:bg-animate 10s infinite alternate;min-height:100vh;display:flex;justify-content:center;align-items:center;color:var(--text-color);overflow:hidden}@keyframes bg-animate{0%{background-position:0% 50%}to{background-position:100% 50%}}#app{width:100%;max-width:600px;padding:20px}.container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem 2rem;text-align:center;box-shadow:0 8px 32px #1f26875e;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.shake-active{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-anim .6s linear;background-color:#fff6}@keyframes ripple-anim{to{transform:scale(4);opacity:0}}header h1{font-size:2.5rem;font-weight:900;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:.5rem}.subtitle{font-size:1.1rem;opacity:.9;font-weight:400}main{display:flex;flex-direction:column;align-items:center;gap:2rem;min-height:250px;justify-content:center}#result-area{padding:1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.result-hidden{opacity:.5;filter:blur(4px);transform:scale(.95)}.result-visible{opacity:1;filter:blur(0);transform:scale(1)}#emoji-display{font-size:5rem;display:block;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#decision-text{font-size:2rem;font-weight:700;line-height:1.2;min-height:2.4em;display:flex;align-items:center;justify-content:center}button{background:var(--btn-color);color:var(--btn-text);border:none;padding:1.2rem 2.5rem;font-size:1.25rem;font-weight:900;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .2s ease;font-family:var(--font-main);text-transform:uppercase;letter-spacing:1px}button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #0000004d}button:active{transform:translateY(1px) scale(.98)}footer{font-size:.8rem;opacity:.6;margin-top:1rem}button{position:relative;overflow:hidden}.counter-hidden{opacity:0;transform:translateY(-10px);transition:all .5s ease;font-size:.9rem;font-weight:700;color:#fffc;margin-top:1rem;margin-bottom:0}#secondary-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:40px;width:100%;margin-top:.5rem;padding-bottom:.5rem}.actions-hidden{opacity:0;visibility:hidden;transition:opacity .5s ease}#secondary-actions:not(.actions-hidden){opacity:1;visibility:visible}.prompts{display:flex;flex-direction:column;gap:.25rem;width:100%}#repeat-prompt,#share-prompt{font-size:.9rem;opacity:.8;margin:0}#share-prompt{font-weight:700;color:#ffcc70}@media(max-width:480px){header h1{font-size:2rem}.container{padding:2rem 1.5rem}#decision-text{font-size:1.5rem}}