:root{color:#1f2f4d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f6f8fd 0%,#eef3fb 100%);font:16px/1.5 Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}button,input{font:inherit}button{background:0 0;border:0}button:disabled{cursor:not-allowed}.chat-page{justify-content:center;min-height:100vh;padding:0 12px;display:flex}.phone-shell{width:min(100%,390px);height:100vh;position:relative}.chat-header,.chat-body,.chat-footer{min-width:0}.chat-header{z-index:20;background:linear-gradient(#f6f8fd 0%,#f6f8fdf5 88%,#f6f8fd00 100%);width:min(100vw - 24px,390px);padding:10px 12px;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.chat-body{flex-direction:column;height:100vh;padding-top:52px;padding-bottom:96px;display:flex}.top-bar{align-items:center;min-height:32px;display:flex}.brand{color:#2d3f63;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.brand-mark{border-radius:6px;width:18px;height:18px;box-shadow:inset 0 1px #ffffff8c}.welcome-card,.suggestion-card{background:linear-gradient(#edf4fd 0%,#e9f1fb 100%);border-radius:14px;width:100%;min-width:0;padding:14px 14px 16px;box-shadow:inset 0 1px #ffffffe6}.welcome-card--body,.suggestion-card--body{margin-right:6px}.welcome-card p{color:#38506f;margin:0;font-size:15px;line-height:1.75}.suggestion-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.suggestion-head h2{color:#253758;margin:0;font-size:15px}.ghost-button{color:#4e7ef0;cursor:pointer;align-items:center;gap:6px;min-height:44px;padding:0 6px;font-size:14px;display:inline-flex}.refresh-icon{border:2px solid;border-right-color:#0000;border-radius:999px;width:14px;height:14px;position:relative}.refresh-icon:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:4px solid;width:0;height:0;position:absolute;top:-3px;right:-2px;transform:rotate(18deg)}.suggestion-list{gap:10px;width:100%;min-width:0;display:grid}.suggestion-item{color:#394d70;text-align:left;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:14px;width:100%;min-width:0;min-height:35px;padding:8px 14px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 10px 18px #5975a814,inset 0 0 0 1px #7895c41f}.suggestion-item__text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;display:block;overflow:hidden}.suggestion-item:disabled{opacity:.65}.suggestion-item:not(:disabled):active{transform:scale(.985)}.chevron-icon{object-fit:contain;flex:0 0 20px;width:20px;height:20px;margin-left:auto;display:block}.conversation{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:12px;min-height:0;padding:2px 6px 16px;scroll-padding-bottom:16px;display:flex;overflow:auto}.conversation::-webkit-scrollbar{display:none}.message-row{align-items:flex-start;gap:8px;display:flex}.message-row--assistant{justify-content:flex-start}.message-row--user{justify-content:flex-end}.message-stack{gap:6px;max-width:calc(100% - 28px);margin-left:-2px;display:grid}.message-avatar{color:#fff;border-radius:12px;flex:0 0 32px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 10px 18px #4578f633}.message-meta{align-items:center;gap:8px;min-height:20px;display:inline-flex}.message-heading{align-items:center;gap:10px;display:flex}.message-name{color:#2d3f63;font-size:13px;font-weight:600}.message-subtitle{color:#8a9ab5;font-size:12px}.message-bubble{word-break:break-word;border-radius:18px;max-width:86%;padding:12px 14px;font-size:15px;line-height:1.7}.message-bubble p{margin:0}.message-bubble--assistant{color:#344b6a;background:#fff;border-top-left-radius:8px;max-width:100%;box-shadow:0 12px 24px #6279a514}.message-bubble--user{color:#fff;background:linear-gradient(135deg,#4b88ff 0%,#2f6bff 100%);border-top-right-radius:8px;box-shadow:0 14px 22px #2f6bff3d}.conversation-end{width:100%;min-height:1px}.typing-dots{align-items:center;gap:5px;min-height:24px;display:inline-flex}.typing-dots span{background:#8ba0c5;border-radius:999px;width:7px;height:7px;animation:1.05s ease-in-out infinite typing-pulse}.typing-dots span:nth-child(2){animation-delay:.16s}.typing-dots span:nth-child(3){animation-delay:.32s}.chat-footer{z-index:20;background:linear-gradient(#eef3fb00 0%,#eef3fb 32%);width:min(100vw - 24px,366px);padding-top:8px;padding-bottom:6px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.status-pill{color:#56709b;background:#5275b81a;border-radius:999px;width:fit-content;min-height:28px;margin:0 auto 8px;padding:5px 10px;font-size:12px}.status-pill--streaming,.status-pill--connecting{color:#386bdf;background:#396fff1f}.status-pill--failed{color:#c14d4d;background:#d74c4c1f}.composer{background:#fffffff5;border:1.5px solid #b6cef6;border-radius:999px;align-items:center;gap:10px;min-height:56px;padding:6px 6px 6px 16px;display:flex;box-shadow:0 12px 18px #617cab14,inset 0 1px #fffffff2}.composer-input{color:#20355a;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.composer-input::placeholder{color:#8da0bf}.mic-button{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#edf3ff 100%);border-radius:999px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:inset 0 0 0 1px #4f7bcd29}.mic-button:disabled{opacity:.45}.mic-button--stop{background:linear-gradient(135deg,#ffefef 0%,#ffdede 100%)}.sound-wave{align-items:center;gap:2px;height:16px;display:inline-flex}.sound-wave span{background:#1e2d46;border-radius:999px;width:3px}.sound-wave span:first-child{height:8px}.sound-wave span:nth-child(2){height:14px}.sound-wave span:nth-child(3){height:10px}.sound-wave span:nth-child(4){height:16px}.send-icon{object-fit:contain;width:18px;height:18px;display:block}.stop-icon{background:#d44f4f;border-radius:4px;width:14px;height:14px}@keyframes typing-pulse{0%,80%,to{opacity:.55;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.typing-dots span,.suggestion-item{transition:none;animation:none}}@media (width>=768px){.chat-page{padding:0 24px}.phone-shell{width:min(100%,430px);height:100vh}.chat-header{width:min(100vw - 48px,430px);padding:24px 16px 10px}.chat-body{padding-top:84px;padding-bottom:108px}.chat-footer{width:min(100vw - 48px,398px);bottom:8px}.conversation{padding-bottom:20px;scroll-padding-bottom:20px}}