@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;600&display=swap";:root{--blue-night: #2c3e50;--cream: #fdfcf0;--sage-green: #b2ac88;--sage-light: #a39f88;--pastel-blue: #a8dadc;--background: var(--cream);--text: var(--blue-night);--primary: var(--sage-green);--secondary: var(--pastel-blue);--accent: #e63946;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--cream) 0%,#f0f4f8 100%)}#root{width:100%;margin:0;padding:0}h1{font-family:Outfit,sans-serif;font-weight:600;font-size:2.5rem;margin-bottom:2rem;color:var(--blue-night);text-align:center}.chat-container{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;height:500px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;padding:.8rem 1.2rem;border-radius:15px;font-size:.95rem;line-height:1.4;position:relative;animation:fadeIn .3s ease-out}.message.user{align-self:flex-end;background-color:var(--sage-green)!important;color:#1a1a1a!important;border-bottom-right-radius:2px;-webkit-text-fill-color:#1a1a1a!important}.message.ai{align-self:flex-start;background-color:#fff;color:var(--blue-night);border-bottom-left-radius:2px;border:1px solid var(--sage-light)}.input-area{margin-top:1rem;display:flex;gap:.5rem}input{flex:1;padding:.8rem 1.2rem;border-radius:25px;border:1px solid var(--sage-light);background:#fff;font-size:1rem;transition:all .2s}input:focus{outline:none;border-color:var(--sage-green);box-shadow:0 0 0 2px #b2ac8833}button{background-color:var(--sage-green);color:#fff;border:none;padding:.8rem 1.2rem;border-radius:25px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center}button:hover{background-color:#9a9470;transform:translateY(-1px)}button:disabled{background-color:var(--sage-light);cursor:not-allowed}.audio-player{background:#fff;border-radius:20px;margin-top:2rem;padding:1.5rem;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;gap:1rem;animation:slideUp .5s ease-out}.player-controls{display:flex;align-items:center;gap:1.5rem}.progress-bar{flex:1;height:6px;background:#eee;border-radius:3px;position:relative;cursor:pointer}.progress{position:absolute;left:0;top:0;height:100%;background:var(--sage-green);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.secondary-btn{background-color:transparent!important;color:var(--sage-green)!important;border:1px solid var(--sage-green)!important;flex:1}.secondary-btn:hover{background-color:var(--sage-green)!important;color:#fff!important}.primary-btn{flex:1.5}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--sage-light);border-radius:3px}