*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--tg-theme-bg-color: #1a0a2e;--tg-theme-text-color: #f0e6ff;--tg-theme-hint-color: #a98ec4;--tg-theme-link-color: #c9a0ff;--tg-theme-button-color: #7c3aed;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #2d1452;--fp-purple-deep: #1a0a2e;--fp-purple-dark: #2d1452;--fp-purple-mid: #5b21b6;--fp-purple-light: #8b5cf6;--fp-purple-glow: #c084fc;--fp-gold: #f59e0b;--fp-gold-light: #fbbf24;--fp-gold-pale: #fde68a;--fp-text-primary: #f0e6ff;--fp-text-secondary: #c4b5d4;--fp-text-muted: #8b7aa8;--fp-card-bg: rgba(45, 20, 82, .7);--fp-border-glow: rgba(139, 92, 246, .4);--fp-shadow-purple: rgba(91, 33, 182, .35)}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;background-color:var(--tg-theme-bg-color, var(--fp-purple-deep));color:var(--tg-theme-text-color, var(--fp-text-primary));min-height:100vh;overflow-x:hidden;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}input,textarea,button{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}input::placeholder,textarea::placeholder{color:var(--fp-text-muted)}a{color:var(--tg-theme-link-color, var(--fp-purple-glow));text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--fp-purple-mid);border-radius:4px}.app{display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px;min-height:100vh;position:relative;overflow:hidden}.app:before{content:"";position:fixed;inset:0;background:radial-gradient(1.5px 1.5px at 20% 30%,rgba(255,255,255,.25) 50%,transparent 100%),radial-gradient(1px 1px at 60% 15%,rgba(255,255,255,.2) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 80% 55%,rgba(255,255,255,.2) 50%,transparent 100%),radial-gradient(1px 1px at 40% 75%,rgba(255,255,255,.15) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 10% 85%,rgba(255,255,255,.18) 50%,transparent 100%),radial-gradient(1px 1px at 90% 40%,rgba(255,255,255,.15) 50%,transparent 100%),radial-gradient(1px 1px at 50% 92%,rgba(255,255,255,.12) 50%,transparent 100%);pointer-events:none;z-index:0}.app>*{position:relative;z-index:1}.header{text-align:center;margin-bottom:32px}.crystal-ball-icon{font-size:56px;display:block;margin-bottom:8px;animation:float 3s ease-in-out infinite}.title{font-size:28px;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg,var(--fp-purple-glow) 0%,var(--fp-gold) 50%,var(--fp-purple-light) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 4s ease-in-out infinite}.subtitle{font-size:14px;color:var(--fp-text-muted);margin-top:4px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;font-weight:600;color:var(--fp-text-secondary);text-transform:uppercase;letter-spacing:1px}.input-field,.textarea-field{width:100%;padding:14px 16px;border-radius:12px;background:var(--fp-card-bg);border:1px solid var(--fp-border-glow);color:var(--fp-text-primary);font-size:16px;transition:border-color .3s,box-shadow .3s}.input-field:focus,.textarea-field:focus{border-color:var(--fp-purple-light);box-shadow:0 0 16px var(--fp-shadow-purple)}.textarea-field{resize:vertical;min-height:100px;line-height:1.5}.btn-primary{width:100%;max-width:400px;padding:16px 24px;border-radius:14px;font-size:17px;font-weight:700;color:var(--tg-theme-button-text-color, #fff);background:linear-gradient(135deg,var(--fp-purple-mid),var(--fp-purple-light));box-shadow:0 4px 20px var(--fp-shadow-purple);transition:transform .15s,box-shadow .15s,opacity .15s;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);background-size:200% 200%;animation:shimmer 3s ease-in-out infinite}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.revealing{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 0}.crystal-ball-reveal{font-size:80px;animation:pulse-glow 1.2s ease-in-out infinite}.revealing-text{font-size:18px;color:var(--fp-purple-glow);font-style:italic;text-align:center;animation:fade-in-out 2.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px var(--fp-purple-glow))}50%{transform:scale(1.12);filter:drop-shadow(0 0 28px var(--fp-gold)) drop-shadow(0 0 48px var(--fp-purple-glow))}}@keyframes fade-in-out{0%,to{opacity:.4}50%{opacity:1}}.result{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:24px;animation:slide-up .5s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.prediction-card{width:100%;padding:24px;border-radius:20px;background:var(--fp-card-bg);position:relative;overflow:hidden}.prediction-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--fp-purple-light),var(--fp-gold),var(--fp-purple-glow),var(--fp-gold-light));background-size:300% 300%;animation:border-glow 4s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes border-glow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.category-icon{font-size:28px;filter:drop-shadow(0 0 6px var(--fp-purple-glow))}.category-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--fp-gold)}.mood-badge{margin-left:auto;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.mood-badge.positive{background:#10b98133;color:#34d399}.mood-badge.neutral{background:#94a3b833;color:#94a3b8}.mood-badge.mysterious{background:#c084fc33;color:#c084fc}.prediction-text{font-size:18px;line-height:1.6;color:var(--fp-text-primary);margin-bottom:20px;position:relative}.prediction-text:before{content:"“";font-size:48px;color:var(--fp-gold);opacity:.3;position:absolute;top:-16px;left:-6px;font-family:Georgia,serif}.lucky-row{display:flex;gap:12px;flex-wrap:wrap}.lucky-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:13px;color:var(--fp-text-secondary)}.lucky-badge-icon{font-size:16px}.lucky-badge-value{font-weight:700;color:var(--fp-gold-light)}.actions{display:flex;gap:12px;width:100%;max-width:400px}.btn-secondary{flex:1;padding:14px 16px;border-radius:12px;font-size:14px;font-weight:600;background:var(--fp-card-bg);border:1px solid var(--fp-border-glow);color:var(--fp-text-primary);transition:background .2s,border-color .2s}.btn-secondary:active{background:#5b21b64d;border-color:var(--fp-purple-light)}.btn-share{background:linear-gradient(135deg,#f59e0b33,#8b5cf633);border-color:var(--fp-gold);color:var(--fp-gold-light)}.history{width:100%;max-width:400px;margin-top:32px}.history-title{font-size:15px;font-weight:700;color:var(--fp-text-muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#2d145280;border:1px solid rgba(139,92,246,.15);cursor:pointer;transition:background .2s,border-color .2s}.history-item:active{background:#5b21b640;border-color:var(--fp-border-glow)}.history-icon{font-size:22px;flex-shrink:0}.history-content{flex:1;min-width:0}.history-question{font-size:13px;font-weight:600;color:var(--fp-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-prediction{font-size:12px;color:var(--fp-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.history-number{font-size:12px;font-weight:700;color:var(--fp-gold);flex-shrink:0;background:#f59e0b1f;padding:4px 8px;border-radius:8px}.sparkle-container{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--fp-gold-pale);animation:sparkle-float linear infinite;opacity:0}@keyframes sparkle-float{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:1;transform:translateY(-10px) scale(1)}90%{opacity:.6;transform:translateY(-120px) scale(.8)}to{opacity:0;transform:translateY(-140px) scale(0)}}.sparkle:nth-child(1){left:10%;animation-duration:3s;animation-delay:0s}.sparkle:nth-child(2){left:25%;animation-duration:3.5s;animation-delay:.5s}.sparkle:nth-child(3){left:40%;animation-duration:2.8s;animation-delay:1s}.sparkle:nth-child(4){left:55%;animation-duration:3.2s;animation-delay:1.5s}.sparkle:nth-child(5){left:70%;animation-duration:3.8s;animation-delay:.3s}.sparkle:nth-child(6){left:85%;animation-duration:2.5s;animation-delay:2s}.sparkle:nth-child(7){left:15%;animation-duration:4s;animation-delay:.8s}.sparkle:nth-child(8){left:50%;animation-duration:3.3s;animation-delay:1.2s}.sparkle:nth-child(9){left:75%;animation-duration:2.9s;animation-delay:1.8s}.sparkle:nth-child(10){left:35%;animation-duration:3.6s;animation-delay:.6s}.sparkle:nth-child(11){left:90%;animation-duration:3.1s;animation-delay:2.2s}.sparkle:nth-child(12){left:5%;animation-duration:3.4s;animation-delay:1.4s}.sparkle{bottom:-10px}