.page{background:#f9f4f4;display:flex;flex-direction:column;height:100dvh}@media (min-width:769px){.msg-ai .bubble,.msg-user .bubble{max-width:60%}}.header{background:#fff0f0;border-bottom:1px solid #eee;padding:16px 20px;text-align:center}.header h1{color:#333;font-size:20px;font-weight:700;margin:0 0 6px}.header p{color:#666;font-size:13px;margin:0}.messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 16px}.empty{color:#888;font-size:15px;margin-top:60px;text-align:center}.empty-title{color:#555;font-size:16px;margin-bottom:20px}.usage{flex-direction:column}.usage,.usage-item{align-items:center;display:flex;gap:10px}.usage-item{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;max-width:340px;padding:10px 16px;width:100%}.usage-label{background:#eef5fd;border-radius:8px;color:#4a90e2;font-size:12px;font-weight:700;padding:3px 8px;white-space:nowrap}.usage-desc{color:#555;font-size:14px;text-align:left}.msg-user{display:flex;justify-content:flex-end}.msg-user .bubble{background:#4a90e2;border-radius:18px 18px 2px 18px;color:#fff;font-size:15px;line-height:1.6;max-width:80%;padding:10px 16px;word-break:break-word}.msg-ai{align-items:flex-start;display:flex;flex-direction:column}.msg-ai .label{color:#aaa;font-size:11px;margin-bottom:4px;margin-left:4px}.msg-ai .bubble{background:#fff;border-radius:2px 18px 18px 18px;box-shadow:0 2px 8px #0000000f;color:#2e2e2e;font-size:15px;line-height:1.6;max-width:80%;padding:12px 16px;white-space:pre-wrap}.typing-indicator{align-items:flex-start;display:flex;flex-direction:column}.typing-indicator .label{color:#aaa;font-size:11px;margin-bottom:4px;margin-left:4px}.typing-bubble{align-items:center;background:#fff;border-radius:2px 18px 18px 18px;box-shadow:0 2px 8px #0000000f;display:flex;gap:5px;padding:14px 18px}.typing-bubble span{animation:typing 1.2s ease-in-out infinite;background:#bbb;border-radius:50%;height:8px;width:8px}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{background:#bbb;transform:translateY(0)}30%{background:#4a90e2;transform:translateY(-6px)}}.input-area{background:#fff;border-top:1px solid #eee;padding:12px 16px}.input-row{align-items:center;background:#fff;border:1px solid #dfe1e5;border-radius:32px;box-shadow:0 2px 8px #0000000d;display:flex;gap:8px;padding:6px 12px}.input-row input{background:#0000;border:none;color:#2e2e2e;flex:1 1;font-size:15px;outline:none;padding:8px 4px}.input-row button{background:#4a90e2;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:700;height:38px;width:38px}@media (max-width:480px){.header h1{font-size:17px}.header p{font-size:12px}.msg-ai .bubble,.msg-user .bubble{font-size:14px;max-width:90%}}
/*# sourceMappingURL=main.9aa883b3.css.map*/