:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.fortune-app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;position:relative;overflow:hidden}.crystal-ball{position:relative;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8c50ff40,#140032e6 70%);border:2px solid rgba(160,100,255,.3);box-shadow:0 0 60px #8c50ff33,inset 0 0 40px #8c50ff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crystal-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:radial-gradient(circle,rgba(140,80,255,.15) 0%,transparent 70%);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.crystal-inner{position:relative;z-index:1;text-align:center;width:85%}.fortune-placeholder,.fortune-revealing{display:flex;flex-direction:column;align-items:center;gap:.75rem}.crystal-icon{font-size:3rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.placeholder-text,.revealing-text{color:#c8aaffb3;font-size:.9rem;font-style:italic}.fortune-revealing .crystal-icon{animation:shake .4s ease-in-out infinite}@keyframes shake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.revealing-text{animation:flicker .6s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.4}}.fortune-result{display:flex;flex-direction:column;align-items:center;gap:.75rem}.fortune-emojis{display:flex;gap:.5rem;justify-content:center}.fortune-emoji{font-size:2.5rem;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes pop-in{0%{opacity:0;transform:scale(0) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.fortune-text{color:#e8d5ff;font-size:.95rem;font-weight:500;line-height:1.4;text-shadow:0 0 20px rgba(180,130,255,.3)}.fortune-category{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#b48cff80;border:1px solid rgba(180,140,255,.2);padding:.15rem .6rem;border-radius:1rem}.revealed{animation:fade-in .5s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reveal-btn{font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.02em;padding:.85rem 2.5rem;border:none;border-radius:9999px;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 0 20px #8b5cf64d,0 4px 15px #0000004d;transition:transform .2s,box-shadow .2s,opacity .2s}.reveal-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03);box-shadow:0 0 30px #8b5cf680,0 6px 20px #0006}.reveal-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.reveal-btn:disabled{opacity:.6;cursor:not-allowed}.emoji-rain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.rain-emoji{position:absolute;top:-2rem;font-size:1.2rem;opacity:.15;animation:rain-fall linear infinite}@keyframes rain-fall{0%{transform:translateY(-10vh) rotate(0);opacity:0}10%{opacity:.15}90%{opacity:.15}to{transform:translateY(110vh) rotate(360deg);opacity:0}}@media(max-width:400px){.crystal-ball{width:220px;height:220px}.fortune-emoji{font-size:2rem}}