*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Outfit,sans-serif;overflow-x:hidden;font-size:16px;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:1rem;transition:background .2s,color .2s,box-shadow .2s}input,button,textarea,select{font:inherit;font-size:1rem}a{color:inherit;text-decoration:none;word-break:break-word}body{font-family:Outfit,Arial,sans-serif;margin:0;padding:0;background-color:#f5f5f5;min-height:100vh;width:100vw;box-sizing:border-box}.app-container{width:95vw;max-width:600px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;display:flex;flex-direction:column;min-height:70vh;margin:0 auto}.chat-window{flex:1;padding:4vw 3vw;overflow-y:auto;background-color:#f9f9f9;min-height:200px}.input-container{display:flex;padding:2vw 3vw;border-top:1px solid #eee;background-color:#fff;gap:1vw}#userInput{flex:1;padding:.8em 1em;border:1px solid #ddd;border-radius:20px;margin-right:.5em;outline:none;font-size:1em;min-width:0}button{padding:.7em 1.2em;background-color:#4285f4;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:1em;min-width:44px;min-height:44px}button:hover{background-color:#3367d6}button:disabled{background-color:#ccc;cursor:not-allowed}.message{margin-bottom:15px;display:flex}.message.user{justify-content:flex-end}.message.ai{justify-content:flex-start}.message.system{justify-content:center;opacity:.7}.bubble{padding:.7em 1.1em;border-radius:18px;max-width:80vw;word-wrap:break-word;font-size:1em}.user .bubble{background-color:#4285f4;color:#fff}.ai .bubble{background-color:#e9e9e9;color:#000}.system .bubble{background-color:#f0f0f0;color:#666;font-style:italic}.welcome-message{text-align:center;padding:20px}.welcome-message h2{margin-top:0;color:#4285f4}.welcome-message input{width:100%;padding:.7em 1em;margin:1em 0;border:1px solid #ddd;border-radius:5px;font-size:1em}.welcome-message button{margin-top:10px}.choice-buttons{display:flex;justify-content:center;gap:2vw;margin-top:1em}#speakBtn.active{background-color:#ea4335}.stress-level-container{margin:2em 0}.stress-level-options{display:flex;justify-content:space-between;gap:2vw}.stress-button{display:flex;flex-direction:column;align-items:center;padding:1em .7em;border-radius:8px;border:1px solid #ddd;background-color:#fff;cursor:pointer;transition:all .2s ease;flex:1;min-width:0}.stress-button:hover{background-color:#f0f0f0}.stress-button.selected{background-color:#4285f4;color:#fff;border-color:#4285f4}.stress-button span{font-size:.9em;margin-top:.3em}@media(max-width:1200px){.app-container{max-width:90vw}}@media(max-width:768px){.app-container{max-width:98vw;min-height:60vh;border-radius:6px}.chat-window{padding:3vw 2vw}.input-container{padding:2vw;gap:2vw}.bubble{font-size:.95em}button{font-size:.95em;min-width:40px;min-height:40px}}@media(max-width:480px){.app-container{max-width:100vw;min-height:50vh;border-radius:0}.chat-window{padding:2vw 1vw}.input-container{padding:2vw 1vw;gap:1vw}.bubble{font-size:.9em}button{font-size:.9em;min-width:36px;min-height:36px}}