:root{--bg:#1a0933;--orange:#ff6b35;--green:#39ff14}body{margin:0;font-family:Inter,system-ui,Arial;background:var(--bg);color:#eee;overflow-x:hidden;min-height:100vh}.container{max-width:900px;margin:0 auto;padding:24px;position:relative;min-height:100vh;display:flex;flex-direction:column}.upload{border:3px dashed #ff6b35;padding:60px 40px;text-align:center;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:20px;min-height:200px;display:flex;align-items:center;justify-content:center}.upload:hover{border-color:var(--green);transform:scale(1.02);box-shadow:0 0 20px #ff6b354d}.card{background:#24103a;padding:20px;border-radius:12px;margin-top:20px;position:relative;overflow:hidden;animation:spookyFadeIn .8s ease-out}button{background:var(--orange);border:none;padding:10px 16px;color:#111;border-radius:8px;cursor:pointer;transition:all .3s ease}button:hover{background:var(--green);transform:scale(1.05);box-shadow:0 0 15px #39ff1480}@keyframes spookyFadeIn{0%{opacity:0;transform:translateY(30px) scale(.9)}50%{transform:translateY(-10px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatGhost{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-20px) translate(10px) rotate(5deg)}50%{transform:translateY(-10px) translate(-10px) rotate(-5deg)}75%{transform:translateY(-25px) translate(5px) rotate(3deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #ff6b354d}50%{box-shadow:0 0 30px #ff6b35cc,0 0 50px #ff6b3566}}@keyframes wobbleEmoji{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}50%{transform:rotate(10deg) scale(1.15)}75%{transform:rotate(-5deg) scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spookyShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.emoji-result{animation:wobbleEmoji 1.5s ease-in-out infinite;display:inline-block}.result-title{animation:fadeInUp .6s ease-out .2s both}.result-score{animation:fadeInUp .6s ease-out .4s both,pulseGlow 2s ease-in-out infinite;display:inline-block;padding:10px 20px;border-radius:8px;background:#ff6b351a}.concerns-list{animation:fadeInUp .6s ease-out .6s both}.vibe-message{animation:fadeInUp .6s ease-out .8s both}.suggestion-box{animation:fadeInUp .6s ease-out 1s both}.ghost-float{position:absolute;font-size:40px;animation:floatGhost 3s ease-in-out infinite;opacity:.6;pointer-events:none}.loading-ghost{animation:floatGhost 1.5s ease-in-out infinite,pulseGlow 1s ease-in-out infinite;display:inline-block}.hero-header{text-align:center;padding:20px 20px 30px;background:linear-gradient(180deg,rgba(255,107,53,.1) 0%,transparent 100%);border-radius:20px;margin-bottom:10px;position:relative}.title-wrapper{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}.pumpkin-icon{font-size:40px;animation:wobbleEmoji 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,107,53,.6))}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(255,107,53,.5),0 0 40px rgba(255,107,53,.3)}50%{text-shadow:0 0 30px rgba(255,107,53,.8),0 0 60px rgba(255,107,53,.5),0 0 80px rgba(255,107,53,.3)}}.main-title{font-size:clamp(36px,6vw,56px);font-weight:900;background:linear-gradient(135deg,#ff6b35,#ff8c42,#ffa600);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:2px;animation:titleGlow 3s ease-in-out infinite;text-shadow:0 0 20px rgba(255,107,53,.5);position:relative}.tagline{font-size:clamp(14px,2.5vw,20px);color:#ccc;font-style:italic;margin:5px 0 15px;letter-spacing:1px;animation:fadeInUp 1s ease-out .3s both;text-shadow:0 2px 10px rgba(0,0,0,.5)}@keyframes floatEmoji{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.spooky-divider{display:flex;justify-content:center;gap:20px;font-size:24px;opacity:.7;animation:fadeInUp 1s ease-out .6s both}.spooky-divider span{animation:floatEmoji 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(57,255,20,.3))}.spooky-divider span:nth-child(1){animation-delay:0s}.spooky-divider span:nth-child(2){animation-delay:.2s}.spooky-divider span:nth-child(3){animation-delay:.4s}.spooky-divider span:nth-child(4){animation-delay:.6s}.spooky-divider span:nth-child(5){animation-delay:.8s}@media (max-width: 600px){.title-wrapper{gap:10px}.pumpkin-icon{font-size:32px}.spooky-divider{gap:12px;font-size:20px}}