*{box-sizing:border-box}body{margin:0;overflow-x:hidden;font-family:Quicksand,sans-serif;background-color:Fff7ec;color:#4a403a;text-align:center}.app{max-width:500px;margin:0 auto;padding:20px}.header-text{font-size:clamp(1rem,3.8vw,1.5rem);font-weight:500;text-align:center;margin-bottom:1.5rem;color:#5c443b;white-space:nowrap}.logo{width:180px;height:auto;margin:0 auto 20px;display:block}.vibe-instruction{font-size:1rem;margin-bottom:1rem}.vibe-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:2rem}.vibe-button{padding:10px 18px;border:2px solid #4a403a;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.anxious{background:#fcdada}.lonely{background:#fde2b7}.lost{background:#d6f8d6}.sad{background:#d9eaff}.tired{background:#fff6b2}.heartbroken{background:#fbd3db}.hopeless{background:#c7f6f6}.angry{background:#ffe0b2}.numb{background:#e2d2ff}.vibe-button:hover{transform:scale(1.05)}.submit-light{background-color:#ffeae2;padding:20px;border-radius:20px;margin:30px auto;max-width:90%;box-shadow:0 4px 6px #0000001a}.submit-light h2{color:#c65134;font-size:1.4rem;margin-bottom:10px}.submit-light p{color:#e57449;font-size:1rem;margin-bottom:15px}.pay-it-forward{padding:12px 24px;border:2px solid #4a403a;border-radius:25px;background-color:#ffe0b3;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pay-it-forward:hover{transform:scale(1.05)}.footer{padding:30px 0;font-size:.9rem;color:#4a403a}.footer-section{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap}.footer-divider{width:1px;height:40px;background-color:#aaa}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pay-it-forward:hover{background-color:#fca311;color:#fff;transform:scale(1.05);transition:all .2s ease}.task-input-pair{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.task-input{width:140px;padding:8px 12px;border-radius:12px;font-size:.95rem;border:1px solid #f1c98e;background-color:#fff8ee}.task-emphasis{font-weight:800;font-style:italic;letter-spacing:.5px;text-transform:uppercase;color:#ff7a00}.spinner-container{height:60px;overflow:hidden;display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:2rem}.spinner-reel{display:flex;flex-direction:column;animation:spin-up 3.2s ease-out forwards}.spinner-item{font-size:1.5rem;padding:.75rem 1rem;text-align:center;background-color:#fff7f2;border-top:1px solid #ffe0b3;border-bottom:1px solid #ffe0b3;min-width:280px}@keyframes spin-up{0%{transform:translateY(0)}80%{transform:translateY(-95%)}90%{transform:translateY(-97%)}95%{transform:translateY(-95%)}to{transform:translateY(-96%)}}.close-button{position:absolute;top:.2rem;right:.8rem;background:none;border:none;font-size:1.5rem;cursor:pointer;z-index:10;color:#555}