.add-task-form{display:flex;gap:12px;margin-bottom:24px}.task-input{flex:1;padding:12px 16px;background:#0006;border:2px solid #6b21a8;border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:border-color .3s}.task-input::placeholder{color:#a78bfa}.task-input:focus{border-color:#a78bfa}.add-button{padding:12px 24px;background:#f97316;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.add-button:hover{background:#ea580c;box-shadow:0 0 20px #f9731680}.task-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#0000004d;border:2px solid #6b21a8;border-radius:8px;transition:all .3s}.task-text{flex:1;color:#e9d5ff;font-size:1rem}.exorcise-button{padding:6px 12px;background:#8b5cf64d;border:1px solid #8b5cf6;border-radius:6px;color:#e9d5ff;cursor:pointer;font-size:.9rem;transition:all .3s}.exorcise-button:hover{background:#8b5cf680;border-color:#a78bfa}.task-card.haunted{border-color:#f97316;background:#f973161a;box-shadow:0 0 20px #f9731666;animation:wobble .5s ease-in-out infinite}.task-card.haunted .task-text{color:#fed7aa;text-shadow:0 0 8px rgba(249,115,22,.6)}.task-card.haunted .exorcise-button{background:#f97316;border-color:#ea580c;color:#fff;font-weight:600}.task-card.haunted .exorcise-button:hover{background:#ea580c;box-shadow:0 0 15px #f9731699}@keyframes wobble{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}}.task-list{display:flex;flex-direction:column;gap:12px}.empty-state{text-align:center;padding:40px 20px;color:#a78bfa;font-style:italic}.app-container{width:100%;max-width:600px}.card{background:#1e003ce6;border:2px solid #6b21a8;border-radius:16px;padding:32px;box-shadow:0 8px 32px #8b45ff4d}.title{font-size:2rem;text-align:center;margin-bottom:8px;color:#f97316;text-shadow:0 0 10px rgba(249,115,22,.5)}.subtitle{text-align:center;color:#a78bfa;font-size:.9rem;margin-bottom:24px;font-style:italic}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a0033,#000);min-height:100vh;display:flex;justify-content:center;align-items:center;color:#fff}#root{width:100%;display:flex;justify-content:center;align-items:center;padding:20px}