:root{--bg: #f3f5f9;--card-bg: #fff;--primary: #2563eb;--muted: #6b7280}.app-shell{height:100vh;overflow:hidden;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;display:flex;align-items:center;justify-content:center;padding:32px 8px;box-sizing:border-box}.chat-wrapper{width:100%;max-width:920px;height:100%}.chat-card{height:100%;min-height:480px;background:var(--card-bg);border-radius:12px;box-shadow:0 10px 35px #0206170f;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:12px;background:linear-gradient(90deg,#fff,#f7f9fc);box-shadow:0 6px 18px #1c273c0f}.chat-header .title{font-weight:700}.chat-header .meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.messages{flex:1;overflow-y:auto;padding:20px}.message-row{display:flex;gap:12px;margin-bottom:8px;align-items:flex-end;width:100%}.message-row.right{justify-content:flex-end}.message-row.left{justify-content:flex-start}.avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.avatar.assistant{background:#81f2d3;color:#065f46}.avatar.user{background:#c7d2fe;color:#3730a3}.message-bubble{margin-bottom:6px;padding:14px;border-radius:14px;box-shadow:0 6px 18px #0f172a0a;max-width:72%;white-space:pre-wrap}.message-bubble.user{background:#e7f0ff;align-self:flex-end}.message-bubble.assistant{background:#ecfdf5;align-self:flex-start}.meta-card{background:#fff3e0;border:1px solid #ffe0b2;padding:8px;margin-bottom:10px;border-radius:6px;font-size:13px;max-width:65%}.meta-card pre{font-size:12px;white-space:pre-wrap}.input-bar{padding:12px;border-top:1px solid #eef2f6;display:flex;gap:10px;align-items:center;background:#fbfdff}.input-bar textarea{flex:1;padding:12px 14px;border-radius:8px;border:1px solid #e6eef8;resize:none;outline:none;font-size:14px;box-shadow:inset 0 1px 3px #02061705}.input-bar .send-btn{padding:10px 14px;border:none;border-radius:10px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 640px){.app-shell{padding:0;height:100vh;min-height:100vh;align-items:stretch}.chat-wrapper{padding:0;height:100vh;min-height:100vh}.chat-card{height:100vh;min-height:100vh;border-radius:0;box-shadow:none}.chat-header{padding:12px 14px}.chat-header .title{font-size:16px}.chat-header .meta{font-size:12px}.messages{padding:12px}.message-bubble{max-width:95%;border-radius:12px;padding:12px}.message-bubble.user{align-self:flex-end}.message-bubble.assistant{align-self:flex-start}.avatar{width:28px;height:28px;border-radius:8px;font-size:12px}.meta-card{max-width:88%;font-size:12px}.input-bar{position:sticky;bottom:0;padding:10px;border-radius:0;background:#fff;z-index:5}.input-bar textarea{font-size:14px;padding:10px 12px}.input-bar .send-btn{padding:8px 10px;border-radius:9px}}@media (min-width: 641px){.messages::-webkit-scrollbar{width:10px}.messages::-webkit-scrollbar-thumb{background:#0000000f;border-radius:10px}}