:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f3f4f6;padding:1rem}.title{font-size:2rem;font-weight:700;margin-bottom:1rem}.cat-container{position:relative;margin-bottom:1rem}.cat-wrapper{position:relative;max-width:80vw;max-height:80vh;max-width:500px;display:flex;align-items:center;justify-content:center}.cat-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.cat-mouth{position:absolute;bottom:108px;margin-right:1px;width:17px;height:13px;background-color:#d8a6a6;border-radius:10px;border:3px solid rgb(49,49,49);z-index:1}.text-input{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;width:100%;max-width:300px;margin-bottom:1rem}.speak-button{background-color:#4f46e5;color:white;padding:.5rem 1rem;font-size:1rem;border:none;border-radius:6px;cursor:pointer}.speak-button:hover{background-color:#4338ca}@media (prefers-color-scheme:dark){html{color-scheme:dark}}