*{box-sizing:border-box;margin:0}#root{display:flex;flex-direction:column;height:100vh}body{font-family:Arial,system-ui,sans-serif;background:#f0f9ff}.hdr{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#0ea5e9;color:#fff}.hdr-mark{width:32px;height:32px;border-radius:50%;background:#fff;color:#0ea5e9;display:flex;align-items:center;justify-content:center;font-weight:800}.log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.msg{max-width:88%;padding:12px 14px;border-radius:16px;font-size:16px;line-height:1.45;white-space:pre-wrap}.msg.user{align-self:flex-end;background:#0ea5e9;color:#fff;border-bottom-right-radius:4px}.msg.elsa{align-self:flex-start;background:#fff;border:1px solid #e0f2fe;border-bottom-left-radius:4px}.msg.speaking{border-color:#0ea5e9;box-shadow:0 0 0 2px #bae6fd}.composer{display:flex;gap:8px;padding:10px;background:#fff;border-top:1px solid #e0f2fe}.composer input{flex:1;border:1px solid #e0f2fe;border-radius:22px;padding:12px 16px;font-size:16px;outline:none}.icobtn{width:44px;height:44px;border-radius:50%;border:none;background:#e0f2fe;color:#0369a1;font-size:19px;flex:none}.icobtn.send{background:#0ea5e9;color:#fff}.icobtn.listening{background:#dc2626;color:#fff}.login{margin:auto;width:300px;background:#fff;padding:24px;border-radius:16px;border:1px solid #e0f2fe;display:flex;flex-direction:column;gap:10px}.login input{padding:12px;border:1px solid #e0f2fe;border-radius:10px;font-size:16px}.login button{padding:12px;border:none;border-radius:10px;background:#0ea5e9;color:#fff;font-size:16px;font-weight:700}.confirm{display:flex;gap:8px;align-self:flex-start}.confirm button{padding:10px 18px;border-radius:18px;border:none;font-size:15px;font-weight:700}.confirm .yes{background:#16a34a;color:#fff}.confirm .no{background:#e5e7eb;color:#111827}.voicechip{margin-left:auto;font-size:12px;opacity:.85}.login .err{color:#dc2626;font-size:14px}.aloud{font-size:13px;display:flex;align-items:center;gap:4px}.msg{position:relative;padding-right:30px}.kebab{position:relative}.msg-kebab{position:absolute;top:6px;right:4px}.hdr-kebab{margin-left:4px}.kebab-btn{background:transparent;border:none;width:22px;height:22px;position:relative;color:#64748b;opacity:.7}.kebab-btn:before{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%);box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}.msg.user .kebab-btn,.hdr .kebab-btn{color:#fff;opacity:.9}.kebab-panel{position:absolute;top:calc(100% + 4px);right:0;min-width:9rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0f172a1f;z-index:100;padding:6px 0}.kebab-panel button{display:block;width:100%;padding:9px 14px;border:none;background:none;text-align:left;font-size:14px;color:#334155;white-space:nowrap}.kebab-panel button.danger{color:#dc2626}.selbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef3c7;border-bottom:1px solid #fcd34d;font-size:14px}.selbar span{flex:1;font-weight:700}.selbar button{padding:5px 10px;border-radius:6px;border:1px solid #d1d5db;background:#fff;font-size:14px}.selbar button.danger{background:#dc2626;color:#fff;border-color:#dc2626}.selbar button:disabled{opacity:.5}.log.selecting .msg{cursor:pointer;padding-left:36px;padding-right:14px}.msg .pick{position:absolute;left:10px;top:12px;width:18px;height:18px}.msg.picked{outline:2px solid #0ea5e9}.thinking{display:inline-flex;align-items:center;gap:4px;color:#64748b;font-size:14px}.thinking i{width:8px;height:8px;border-radius:50%;background:#0ea5e9;animation:think 1.2s infinite ease-in-out}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s;margin-right:4px}@keyframes think{0%,80%,to{opacity:.25;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}@media(min-width:600px){html{background:#0c4a6e}body{background:linear-gradient(160deg,#0c4a6e,#0369a1);min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:390px;height:min(844px,calc(100vh - 32px));background:#f0f9ff;border-radius:36px;overflow:hidden;border:10px solid #0f172a;box-shadow:0 24px 60px #00000073}.login{width:300px;max-width:calc(100% - 32px)}}