@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Quicksand:wght@400;700&display=swap);@font-face{font-display:block;font-family:Shopie;font-style:normal;font-weight:400;src:url(/static/media/Shopie.73593f33fa10ae3e632f.woff2) format("woff2")}@font-face{font-display:block;font-family:Trivia Grotesk;font-style:normal;font-weight:700;src:url(/static/media/trivia-grotesk-n3-bold.3c83378155ddaa21c256.woff2) format("woff2")}body{font-family:Shopie,Trivia Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#feabc1;font-family:Shopie,Trivia Grotesk,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;height:100vh;line-height:1.4;margin:0;overflow:hidden;position:fixed;touch-action:manipulation;width:100%}.App{text-align:center}.App-header{align-items:center;background-color:#feabc1;box-shadow:0 4px 15px #0000001a;color:#333;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);height:100vh;justify-content:flex-start;overflow:hidden;padding:20px}h1{color:#880e4f;font-family:Pacifico,cursive;font-size:4rem;margin-bottom:20px;margin-top:0;text-shadow:2px 2px 4px #0000001a}.chat-container{background-color:#ffffffe6;border-radius:15px;box-shadow:0 8px 25px #00000026;gap:15px;height:65vh;margin-top:80px;max-width:700px;overflow:hidden;padding:20px;position:relative;width:90%}.chat-container,.messages-display{display:flex;flex-direction:column;justify-content:flex-start}.messages-display{flex-grow:1;gap:10px;padding-bottom:10px}.message-wrapper{align-items:flex-end;display:flex;gap:8px;width:100%}.message-wrapper.user{justify-content:flex-end}.message-wrapper.manslater{justify-content:flex-start}.avatar{border:none;box-shadow:none;display:block;flex-shrink:0;height:30px;object-fit:cover;overflow:hidden;width:30px}.message-bubble{word-wrap:break-word;border-radius:15px;font-size:1rem;line-height:1.4;max-width:80%;padding:10px 15px}.message-bubble.user{background-color:#e91e63;border-bottom-right-radius:5px;color:#fff}.message-bubble.manslater{background-color:#f0f0f0;border-bottom-left-radius:5px;color:#333}.message-bubble.manslater.loading{background-color:#454545;color:#fff;font-style:italic}.input-area{border-top:1px solid #eee;display:flex;gap:10px;padding-top:10px}.input-text{background-color:#fff;border:2px solid #ff80ab;border-radius:20px;box-shadow:inset 0 1px 3px #0000001a;color:#333;flex-grow:1;font-size:1rem;min-height:50px;padding:10px 15px;resize:none;transition:border-color .3s ease}.input-text:focus{border-color:#e91e63;outline:none}.translate-button{background-color:#e91e63;border:none;border-radius:20px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.translate-button:hover{background-color:#c2185b;transform:translateY(-2px)}.translate-button:active{box-shadow:0 2px 5px #0003;transform:translateY(0)}@media (max-width:600px){h1{font-size:2.5rem}.chat-container{height:60vh;padding:15px;width:95%}.message-bubble{font-size:.9rem;padding:8px 12px}.avatar{font-size:12px;height:24px;width:24px}.message-wrapper{gap:6px}.input-text,.translate-button{font-size:.9rem;padding:8px 15px}}@media (max-width:400px){h1{font-size:2rem;margin-bottom:15px}.chat-container{height:55vh;margin-top:20px;padding:10px}.message-bubble{font-size:.8rem;padding:6px 10px}.input-text,.translate-button{font-size:.8rem;padding:6px 12px}}.buy-me-a-coffee{bottom:auto;left:auto;margin-top:20px;position:relative;transform:none}@media (max-width:768px){.buy-me-a-coffee{margin:0;position:fixed;right:20px;top:20px;z-index:1000}iframe[title=buymeacoffee]{bottom:auto!important;left:auto!important;position:fixed!important;right:20px!important;top:20px!important;z-index:999!important}}.buy-me-a-coffee a{align-items:center;background-color:#fd0;border-radius:20px;box-shadow:0 5px 15px #0003;color:#1a1a1a;display:inline-block;display:flex;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:700;gap:10px;letter-spacing:1px;padding:8px 18px;text-decoration:none;text-transform:uppercase;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.bmc-logo{height:25px;vertical-align:middle;width:25px}.buy-me-a-coffee a:hover{background-color:#e6cb00;box-shadow:0 7px 20px #00000040;transform:translateY(-2px) scale(1.02)}.buy-me-a-coffee a:active{box-shadow:0 2px 5px #0003;transform:translateY(0)}
/*# sourceMappingURL=main.09fbaafa.css.map*/