*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}html{height:100vh}body{height:100%;font-family:Amaranth,sans-serif}button{cursor:pointer;background-color:#fff;border:1px solid #333f5eb5;transition:background-color .2s}button:hover{background-color:#f2f4f9}#root{display:flex;background-image:linear-gradient(20deg,#6689e1 0%,#6e8fe2 8%,#7695e5 17%,#7e9ce7 25%,#86a2ea 33%,#8ea8ec 42%,#9ab2ef 50%,#a2b9f1 58%,#aabff3 67%,#b2c5f5 75%,#bbccf7 83%,#c3d2f9 92%,#cbd9fb 100%);background-attachment:fixed;flex-direction:column;align-items: center;height:100%;min-height:-moz-fit-content;min-height:fit-content;padding-bottom:16px}.responsive-container{width:clamp(650px,80%,800px);max-width:100%;padding:0 16px}.bare-text{color:#fff;text-shadow:.3px 1px 2px #333f5eb5}.pseudolink{text-decoration:underline;cursor:pointer}.pseudolink:hover{color:#f0f4fd}.app-heading{display:flex;text-align:center;color:#fff;text-shadow:.3px 1px 2px #333f5eb5;flex-direction:column;align-items: center;margin-bottom:16px;font-size:42px;font-weight:700}.app-heading-explaination{font-size:20px;font-weight:400}.page-header{display:flex;color:#4c6992;background-color:#fff;justify-content:center;width:100%;box-shadow:.3px .5px .7px #697eb55c,.8px 1.6px 2px -.8px #697eb55c,2.1px 4.1px 5.2px -1.7px #697eb55c,5px 10px 12.6px -2.5px #697eb55c}.page-header-contents{display:flex;justify-content:space-between;align-items: center;padding:4px 16px}.page-title{font-size:24px}.score-container{display:flex;flex-direction:column;align-items: flex-end;font-size:16px;line-height:1}.main{display:flex;flex-direction:column;align-items: center;gap:16px}.buttons-container{position:relative;display:flex;justify-content:flex-end;align-items: center;width:100%;height:128px}.audio-container{position:absolute;left:50%;transform:translate(-50%)}.audio-button{position:relative;overflow:hidden;border:6px groove #78a5e6;border-radius:50%;padding:8px;transition-property:box-shadow,background-color,border-color;transition-duration:.2s;box-shadow:.3px .5px .7px #697eb55c,.8px 1.6px 2px -.8px #697eb55c,2.1px 4.1px 5.2px -1.7px #697eb55c,5px 10px 12.6px -2.5px #697eb55c}.audio-button svg{position:relative;width:48px;height:48px}.audio-button svg path{stroke:#4c6992}.audio-button:hover{background-color:#dae5e7;border-color:#5988ca}.audio-button:hover .audio-button-background{background-color:#b1d7df}.audio-button .audio-button-background{position:absolute;background-color:#bee1e8;width:100%;height:100%;transition-property:transform;transition-duration:5s;transition-timing-function:linear;top:0;left:-50%;transform:scaleX(0)}.choice-container{display:flex;flex-wrap:wrap;gap:8px}.choice-button{display:flex;color:#4c6992;border:1px solid #4c6992;border-radius:4px;flex-direction:column;flex:40%;justify-content:center;gap:4px;min-height:64px;padding:8px;line-height:1.2;box-shadow:.3px .5px .7px #697eb55c,.8px 1.6px 2px -.8px #697eb55c,2.1px 4.1px 5.2px -1.7px #697eb55c,5px 10px 12.6px -2.5px #697eb55c}.choice-button-title{font-size:20px}.icon-button{display:flex;color:#4c6992;align-items: center;gap:4px;box-shadow:.3px .5px .7px #697eb55c,.8px 1.6px 2px -.8px #697eb55c,2.1px 4.1px 5.2px -1.7px #697eb55c,5px 10px 12.6px -2.5px #697eb55c}.icon-button svg{width:20px;height:20px}.icon-button svg path{stroke:#4c6992}.icon-reversed{transform:rotate(180deg)}.panel{color:#4c6992;background-color:#fff;border-radius:8px;width:min(400px,100vw - 16px);padding:8px 16px;box-shadow:.3px .5px .7px #697eb55c,.8px 1.6px 2px -.8px #697eb55c,2.1px 4.1px 5.2px -1.7px #697eb55c,5px 10px 12.6px -2.5px #697eb55c}.input-container{display:flex;flex-direction:column;align-items: center;gap:4px;width:min(400px,100vw - 16px)}.input-control{display:flex;border-radius:12px;align-items:stretch;width:100%;box-shadow:.3px .5px .7px #697eb55c,.8px 1.6px 2px -.8px #697eb55c,2.1px 4.1px 5.2px -1.7px #697eb55c,5px 10px 12.6px -2.5px #697eb55c}.input{color:#4c6992;border:1px solid #4c6992;border-right-width:0;border-radius:12px 0 0 12px;flex-grow:1;height:38px;padding:0 8px}.input-submit-button{color:#4c6992;border:1px solid #4c6992;border-radius:0 12px 12px 0;width:48px}.search-match-container{overflow:auto;background-color:#fff;border-radius:8px;width:100%;max-height:calc(100vh - 220px);padding:0}.search-match{color:#4c6992;list-style-type:none;cursor:pointer;background-color:#fff;padding:4px 8px;transition-property:color,background-color;transition-duration:.2s}.search-match:hover{color:#253347;background-color:#dae5e7}.voice-container h3{text-align:center;font-size:1rem}.voice-body{display:flex;align-items: center;gap:16px}.mic-status{display:flex;color:#4c6992;flex-direction:column;align-items: center;min-width:72px;transition:color .4s}.mic-status .icon-wrapper{border:3px solid #4c6992;transition:border-color .4s}.mic-status svg{fill:#4c6992;transition:fill .4s}.mic-status.is-waiting{color:#869fc1}.mic-status.is-waiting .icon-wrapper{border-color:#869fc1}.mic-status.is-waiting svg{fill:#869fc1}.mic-status.is-processing{color:#c79c12}.mic-status.is-processing .icon-wrapper{border-color:#c79c12}.mic-status.is-processing svg{fill:#c79c12}.icon-wrapper{border-radius:50%;width:36px;height:auto}.icon-wrapper svg{width:auto;height:32px}.bird-card{display:flex;overflow:hidden;color:#4c6992;background-color:#7281a5;border-radius:16px;flex-direction:column;min-width:min(280px,100vw - 32px);max-width:min(280px,100vw - 32px);box-shadow:.3px .5px .7px #697eb55c,.8px 1.6px 2px -.8px #697eb55c,2.1px 4.1px 5.2px -1.7px #697eb55c,5px 10px 12.6px -2.5px #697eb55c}.bird-card-image{max-height:280px;margin:auto}.bird-card-body{background-color:#fff;padding:8px}.bird-card-caption{display:flex;flex-direction:column}.bird-card-audio-container{display:flex;background-color:#fff;justify-content:space-evenly;width:100%;padding-bottom:8px}.bird-card-audio-button{border:1px solid #4c6992;border-radius:50%;padding:2px}.bird-card-audio-button svg{position:relative;width:24px;height:24px}.bird-card-audio-button svg path{stroke:#4c6992}.all-cards-container{padding:16px}@media (min-width:500px){.all-cards-container{padding:32px}}.all-cards-container .icon-button{margin-bottom:32px}.family-card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding-bottom:32px}.birthday-message{position:fixed;display:flex;opacity:1;background-color:#fff;justify-content:center;align-items: center;width:100vw;height:100vh;transition:opacity 3s ease-out;top:0;left:0}.birthday-message h1{text-align:center;color:#4c6992;font-size:5rem}.birthday-message.fade-out{opacity:0}