*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#101719;color:#f4faf7;font-family:Arial,Helvetica,sans-serif;font-size:16px}.app{max-width:540px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}header{height:51px;flex-shrink:0;padding:14px 16px;border-bottom:1px solid #354544;display:flex;justify-content:space-between;align-items:center}header strong{font-size:16px;letter-spacing:.12em}header span{font-size:13px;color:#a6c8bd}.conversation{flex:1;min-height:175px;overflow-y:auto;padding:15px}.welcome{padding-top:40px;text-align:center;color:#c8e4d9;font-size:20px}.welcome small{display:block;margin-top:14px;font-size:14px;color:#8ba79d}.message{padding:12px 14px;margin:0 0 12px;border:1px solid #364c49;border-radius:10px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.message .who{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;color:#9bb6aa}.message.user{background:#1c3430}.message.ai{background:#1b2426}.controls{padding:12px 14px 15px;border-top:1px solid #354544;background:#101719}.mic{width:100%;min-height:90px;border-radius:13px;border:2px solid #7ef0b9;background:#174b38;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:bold;letter-spacing:.07em;font-size:14px}.mic svg{width:32px;height:32px}.mic.recording{background:#7b2626;border-color:#ff9999}.mic:disabled{opacity:.55}.textrow{display:flex;gap:7px;margin-top:11px}.textrow input{min-width:0;flex:1;padding:12px 10px;border:1px solid #5a7069;border-radius:8px;background:#21302f;color:#fff;font:inherit}.textrow button{border:0;border-radius:8px;background:#cef4d9;color:#123428;font-weight:bold;padding:0 14px;font-size:15px}.bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#94a69f;font-size:12px}.bottom button{background:transparent;color:#b5d6c6;border:0;padding:5px 0;text-decoration:underline;font-size:12px}button{cursor:pointer;touch-action:manipulation}button:focus,input:focus{outline:3px solid #e9ed90;outline-offset:2px}@media(max-height:440px){.conversation{min-height:95px}.welcome{padding-top:15px}.mic{min-height:62px;flex-direction:row}.mic svg{width:23px;height:23px}}@media(max-width:260px){.controls{padding:9px}.conversation{padding:9px}.mic{min-height:75px}.textrow{flex-direction:column}.textrow button{padding:9px}}