@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";:root{--bg-dark-purple: #110E2B;--bg-deep-indigo: #1F1A40;--card-bg: #2a2454;--primary-glow: #c084fc;--primary-hover: #a855f7;--text-color: #e0e7ff;--subtle-text: #a0aec0;--border-color: rgba(192, 132, 252, .2);--shadow-color: rgba(192, 132, 252, .15);--coin-gold: #fde047;--coin-shadow: #eab308}body{font-family:Poppins,sans-serif;background-color:var(--bg-dark-purple);background-image:radial-gradient(circle at 20% 25%,var(--bg-deep-indigo) 0%,transparent 40%),radial-gradient(circle at 80% 70%,var(--bg-deep-indigo) 0%,transparent 40%);color:var(--text-color);display:flex;justify-content:center;align-items:center;height:100vh;margin:0;perspective:1200px}.app-container{width:90%;max-width:400px;background:#2a2454cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2.5rem;box-shadow:0 0 40px var(--shadow-color);border:1px solid var(--border-color);text-align:center;transition:all .3s ease-in-out}.app-screen{display:none}.app-screen.active{display:block;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{color:#fff;margin-top:0;font-size:1.8rem;font-weight:700;text-shadow:0 0 10px var(--shadow-color)}p{line-height:1.7;margin-bottom:2rem;color:var(--subtle-text)}.input-group{margin-bottom:1.25rem;text-align:left}label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--text-color)}input[type=text]{width:100%;padding:.85rem;background-color:var(--bg-deep-indigo);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}input[type=text]:focus{outline:none;border-color:var(--primary-glow);box-shadow:0 0 0 3px var(--shadow-color)}button{width:100%;padding:1rem;background-color:var(--primary-hover);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,background-color .2s,box-shadow .2s;box-shadow:0 5px 15px #0003}button:hover{transform:translateY(-3px);background-color:var(--primary-glow);box-shadow:0 8px 25px var(--shadow-color)}#error-message{color:#fca5a5;min-height:1.2em;margin-top:-.5rem;margin-bottom:1rem;font-size:.9rem}#coin-container{margin:2rem 0}.coin{width:120px;height:120px;position:relative;margin:auto;transform-style:preserve-3d}.coin.flipping{animation:flip 2s ease-out forwards}.coin-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:4rem;font-weight:700;background-image:linear-gradient(45deg,var(--coin-gold),var(--coin-shadow));color:#00000080;text-shadow:0 1px 1px rgba(255,255,255,.2);box-shadow:inset 0 0 20px #0000004d,0 5px 15px #0000004d}.front{transform:translateZ(6px)}.back{transform:rotateY(180deg) translateZ(6px)}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(1800deg)}}#result-text{font-size:1.75rem;font-weight:700;color:#fff;margin-top:2rem;word-wrap:break-word;text-shadow:0 0 15px var(--shadow-color)}.feeling-prompt{margin-top:1rem;color:var(--subtle-text)}.feeling-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.feeling-buttons button{font-size:3rem;width:100px;height:100px;border-radius:50%;background:var(--bg-deep-indigo);border:2px solid var(--border-color);transition:transform .2s,box-shadow .2s}.feeling-buttons button:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 0 25px var(--primary-glow);border-color:var(--primary-glow)}#final-answer-text{font-size:1.3rem;font-weight:600;color:var(--primary-glow);word-wrap:break-word;text-shadow:0 0 10px var(--shadow-color)}#kofi-button{position:fixed;bottom:20px;right:20px;background-color:var(--card-bg);color:var(--subtle-text);padding:8px 16px;border-radius:20px;text-decoration:none;font-size:.9rem;font-weight:600;border:1px solid var(--border-color);transition:all .2s ease-in-out;z-index:100}#kofi-button:hover{color:var(--primary-glow);border-color:var(--primary-glow);box-shadow:0 0 15px var(--shadow-color);transform:translateY(-2px)}