*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.container{max-width:760px;margin:0 auto;padding:32px 16px}h1{font-size:22px;margin-bottom:4px}.sub{color:#94a3b8;font-size:13px;margin-bottom:20px}.messages{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.msg{padding:12px 14px;border-radius:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.msg.user{background:#1e293b;align-self:flex-end;max-width:85%}.msg.assistant{background:#334155;align-self:flex-start;max-width:85%}.row{display:flex;gap:8px}textarea{flex:1 1;resize:none;height:52px;padding:10px 12px;border-radius:10px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:14px}button{padding:0 18px;border:0;border-radius:10px;cursor:pointer;background:#6366f1;color:#fff;font-weight:600}button:disabled{opacity:.5;cursor:default}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:#1e293b;color:#94a3b8;margin-left:8px}