body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:linear-gradient(180deg,#97b6e5,#ffc2c2);color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;text-align:center}.container{background:#fffc;border-radius:25px;box-shadow:0 8px 25px #0000001a;max-width:800px;padding:40px;width:90%}.App-header{margin-bottom:20px}.App-logo{display:inline-block;position:relative;transition:transform .3s ease,filter .3s ease;width:400px}.App-logo:hover{filter:drop-shadow(0 0 10px #97b6e5) drop-shadow(0 0 20px #ffc2c2) drop-shadow(0 0 30px #ff7da4);transform:scale(1.05)}.App-logo:after{background:linear-gradient(120deg,#0000,#ffffffb3,#0000);content:"";height:100%;left:-75%;pointer-events:none;position:absolute;top:0;transform:skewX(-25deg);width:50%}.App-logo:hover:after{animation:shimmer 1.5s forwards}@keyframes shimmer{0%{left:-75%}to{left:125%}}.App-footer{color:#555;font-size:.9rem;margin-top:20px}.Results{animation:fadeIn .5s ease-in-out;margin:30px auto;max-width:700px;text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.Results h2{color:#97b6e5;font-weight:600;margin-bottom:5px}.Results p.fst-italic{color:#555;margin-bottom:15px}audio{border-radius:10px;margin-bottom:10px;transition:all .3s ease;width:100%}audio:hover{box-shadow:0 4px 10px #97b6e54d}.Meaning.card.pastel-card{background:#ffc2c2;border:2px solid #ff7da4;border-radius:20px;margin-bottom:15px;opacity:0;padding:15px;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease,box-shadow .3s ease,border-color .3s ease}.Meaning.card.pastel-card.fade-in{opacity:1;transform:translateY(0)}.Meaning.card.pastel-card:hover{border-color:#97b6e5;box-shadow:0 10px 20px #0000001f,0 0 25px #97b6e526;transform:translateY(-4px)}.Meaning h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#97b6e5,#ffc2c2);-webkit-background-clip:text;font-weight:600}.btn-pastel.show-more{background:linear-gradient(90deg,#97b6e5,#ffc2c2);border:2px solid #ff7da4;border-radius:50px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;margin:20px auto 0;outline:none;padding:10px 25px;transition:all .3s ease}.btn-pastel.show-more:active,.btn-pastel.show-more:focus,.btn-pastel.show-more:hover{background:linear-gradient(90deg,#ffc2c2,#97b6e5);border-color:#ff7da4;box-shadow:0 6px 15px #00000026,0 0 20px #97b6e566,0 0 15px #ffc2c280;transform:translateY(-2px)}.search-container{align-items:center;display:flex;flex-direction:column;margin-top:30px}.search-container form{align-items:stretch;background:#ffc2c233;border-radius:50px;box-shadow:0 4px 15px #ffc2c259,0 0 20px #97b6e54d;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px;transition:box-shadow .3s ease}.search-container button.btn-pastel:hover,.search-container form:hover,.search-container input:focus{box-shadow:0 6px 20px #ffc2c280,0 0 30px #97b6e566}.search-container input{all:unset;background:#ffc2c2;border:2px solid #ff7da4;border-radius:50px;box-sizing:border-box;color:#fff;display:block;font-size:16px;font-weight:500;height:45px;max-width:90%;padding:0 20px;transition:all .3s ease;width:300px}.search-container input::placeholder{color:#fffc;font-weight:500}@keyframes glow{0%{box-shadow:0 0 5px #97b6e54d}50%{box-shadow:0 0 15px #97b6e580}to{box-shadow:0 0 5px #97b6e54d}}.search-container input:focus{animation:glow 1.5s ease-in-out infinite;border-color:#97b6e5;outline:none}.search-container button.btn-pastel{all:unset;align-items:center;background:linear-gradient(90deg,#97b6e5,#ffc2c2);border:2px solid #ff7da4;border-radius:50px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:45px;justify-content:center;padding:0 25px;transition:all .3s ease}.search-container button.btn-pastel:hover{background:linear-gradient(90deg,#ffc2c2,#97b6e5);box-shadow:0 6px 15px #00000026,0 0 20px #97b6e566,0 0 15px #ffc2c280;transform:translateY(-2px)}
/*# sourceMappingURL=main.fbb67f98.css.map*/