@import"https://fonts.googleapis.com/css2?family=Fredoka&display=swap";.heading{font-family:Fredoka,sans-serif;color:#413c58;margin-bottom:1rem;font-size:3rem;text-align:center}.subheading{font-family:Fredoka,sans-serif;color:#6d597a;margin-bottom:2rem;font-size:2rem;text-align:center}@media (max-width: 480px){.heading{font-size:2rem}.subheading{font-size:1.2rem}}@media (min-width: 600px){.buttons{flex-direction:row}}@media (max-width: 768px){.box,.surprise-card-container{padding:1.5rem}.random-button{font-size:1rem;padding:.5rem 1.5rem}}.shared-button{background-color:#e0e0f0!important;color:#3e3c3f!important;font-size:1rem;height:56px;padding:0 24px;width:100%;transition:.2s ease-in-out;margin-top:1rem;border:none!important;cursor:pointer;box-shadow:none!important;gap:2px}.shared-button:hover{opacity:.9;background-color:#d0d0e0!important}.shared-button:focus{outline:2px solid #3e3c3f;outline-offset:2px}.shared-button[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}.app-footer{position:fixed;bottom:0;left:0;width:100%;height:60px;background-color:#f0f0f0;color:#333;text-align:center;line-height:60px;font-size:1rem;border-top:1px solid #ccc;z-index:1000;display:flex;justify-content:center;align-items:center;line-height:normal}.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:2rem 1rem 4rem;overflow-y:auto;max-width:600px;margin:0 auto}.box{padding:2rem;background-color:#8d818c;border-radius:16px;text-align:center;box-shadow:0 4px 12px #0000001a;width:100%;max-width:500px}.form-group{margin-top:1.5rem;width:100%}.input{text-align:center;width:100%;padding:1rem;border-radius:8px;border:1px solid #ccc;font-size:1rem;box-sizing:border-box}.buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.loader{display:inline-block;width:24px;height:24px;border:4px solid #8d818c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.container.no-results{max-width:1200px;margin:0 auto;padding:2rem}.results-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.results-title{font-family:Fredoka,sans-serif;font-size:2rem;color:#413c58;margin-bottom:1rem;text-align:center}.random-button{font-family:Fredoka,sans-serif;font-weight:700;font-size:1.2rem;padding:.75rem 2rem;border:none;border-radius:1rem;margin:1rem 0 2rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:transform .3s ease,box-shadow .3s ease}.random-button:hover{transform:scale(1.05);box-shadow:0 6px 14px #0000004d;opacity:.95}.grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.grid-item{flex:1 1 300px;border-radius:.5rem;padding:1rem;transition:transform .2s ease}.grid-item:hover{transform:scale(1.02)}.card-content{text-align:center}.surprise-card-container{padding:2rem;border-radius:1rem;width:100%;max-width:600px}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pulse-ring{width:24px;height:24px;border:4px solid #8d818c;border-radius:50%;animation:pulse-ring 1s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}