.chat-page{display:flex;flex-direction:column;max-width:760px;margin:0 auto;height:calc(100vh - 64px);background:#ffffff}.chat-header{padding:16px 20px;border-bottom:1px solid #f0f0f0}.chat-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.chat-messages{flex:1 1;overflow-y:auto;padding:20px;gap:14px}.chat-messages,.chat-row{display:flex;flex-direction:column}.chat-row{max-width:100%}.chat-row--user{align-items:flex-end}.chat-row--assistant{align-items:flex-start}.chat-bubble{max-width:80%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.chat-bubble--user{background:#007aff;color:#ffffff;border-bottom-right-radius:4px}.chat-bubble--assistant{background:#f0f0f0;color:#1a1a1a;border-bottom-left-radius:4px}.chat-thinking{color:#666666;font-style:italic}.chat-reasoning{margin-top:6px;max-width:80%;font-size:12.5px;line-height:1.4;color:#8a8a8a;font-style:italic}.chat-cards-loading{color:#999999;font-size:20px;padding:4px 8px;letter-spacing:2px}.chat-cards{display:flex;flex-direction:row;gap:8px;margin-top:8px;width:100%;max-width:80%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}.chat-cards::-webkit-scrollbar{height:6px}.chat-cards::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:3px}.chat-cards::-webkit-scrollbar-track{background-color:transparent}.chat-card{display:flex;flex-direction:column;border:1px solid #e8e8e8;border-radius:12px;background:#ffffff;text-decoration:none;color:inherit;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease;flex:0 0 160px;scroll-snap-align:start}.chat-card:hover{border-color:#007aff;box-shadow:0 2px 8px rgba(0,122,255,.12)}.chat-card-image{width:100%;height:96px;object-fit:cover;flex-shrink:0;background:#f5f5f5}.chat-card-image--empty{display:flex;align-items:center;justify-content:center;font-size:28px}.chat-card-body{min-width:0;flex:1 1;padding:8px 10px 10px}.chat-card-title{font-size:14px;font-weight:600;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-card-subtitle{font-size:12px;color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-card-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chat-card-badge{font-size:11px;font-weight:600;color:#555555;background:#f2f2f2;border-radius:8px;padding:1px 6px;white-space:nowrap}.chat-card-badge--unrated{font-weight:500;color:var(--color-neutral-500);background:var(--color-neutral-50)}.chat-card-price{font-size:13px;font-weight:600;color:#007aff;margin-top:2px}.chat-examples{display:flex;gap:8px;padding:8px 20px;overflow-x:auto}.chat-example-chip{flex-shrink:0;padding:8px 14px;background:#e8f4ff;color:#007aff;border:none;border-radius:18px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.chat-example-chip:hover{background:#d6ebff}.chat-example-chip:disabled{opacity:.5;cursor:default}.chat-followups{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;max-width:80%}.chat-followup-chip{padding:7px 13px;background:transparent;color:#007aff;border:1px solid #cfe2ff;border-radius:16px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .15s,border-color .15s}.chat-followup-chip:hover{background:#e8f4ff;border-color:#007aff}.chat-input-row{display:flex;gap:8px;padding:12px 20px;border-top:1px solid #f0f0f0}.chat-input{flex:1 1;padding:10px 14px;border:1px solid #e0e0e0;border-radius:22px;font-size:15px;outline:none}.chat-input:focus{border-color:#007aff}.chat-send-button{padding:10px 20px;background:#007aff;color:#ffffff;border:none;border-radius:22px;font-size:15px;font-weight:600;cursor:pointer}.chat-send-button:disabled{opacity:.5;cursor:default}.chat-mic-button{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;color:#6b7280;border:none;border-radius:50%;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.chat-mic-button:hover:not(:disabled){background:#f3f4f6;color:#111827}.chat-mic-button:disabled{opacity:.4;cursor:default}.chat-mic-button--recording{color:#ef4444;animation:chat-mic-pulse 1.4s ease-in-out infinite}@keyframes chat-mic-pulse{0%,to{opacity:1}50%{opacity:.45}}.chat-mic-spinner{width:16px;height:16px;border:2px solid #d1d5db;border-top-color:#6b7280;border-radius:50%;animation:chat-mic-spin .6s linear infinite}@keyframes chat-mic-spin{to{transform:rotate(1turn)}}.chat-voice-error{margin:6px 12px 0;font-size:13px;text-align:center;color:#ef4444}.chat-authwall{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:16px}.chat-authwall-icon{font-size:56px}.chat-authwall-text{font-size:16px;color:#666666;max-width:320px;margin:0}.chat-authwall-button{padding:12px 28px;background:#007aff;color:#ffffff;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer}.chat-cta{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px 20px;border-top:1px solid #f0f0f0;text-align:center}.chat-cta-title{font-size:14.5px;line-height:1.4;color:#444444;max-width:420px;margin:0}.chat-cta-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chat-cta-primary{padding:10px 22px;background:#007aff;color:#ffffff;border:none;border-radius:22px;font-size:14.5px;font-weight:600;cursor:pointer}.chat-cta-primary:hover{background:#006ae0}.chat-cta-secondary{padding:10px 20px;background:transparent;color:#007aff;border:1px solid #cfe2ff;border-radius:22px;font-size:14.5px;font-weight:600;cursor:pointer}.chat-cta-secondary:hover{background:#e8f4ff;border-color:#007aff}