:root{--bg: #0f1216;--panel: #171b21;--panel-2: #1e242c;--border: #2a313b;--text: #e7ecf2;--muted: #9aa6b2;--accent: #4f9dff;--accent-2: #2f7ad6;--user: #294057;--ok: #2fbf87}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:1180px;margin:0 auto;padding:20px 20px 40px}.topbar h1{margin:6px 0 2px;font-size:22px}.topbar .sub{margin:0 0 16px;color:var(--muted)}.layout{display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;position:sticky;top:16px;max-height:calc(100vh - 40px);overflow:auto}.panel h2{margin:0 0 4px;font-size:16px}.panel h3{margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.muted{color:var(--muted);margin:0 0 10px;font-size:13px}.notes{margin:0;padding-left:18px;color:var(--muted);font-size:13px}.notes li{margin-bottom:6px}.cats{display:flex;flex-direction:column;gap:10px}.cat{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px}.cat-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.cat-name{font-weight:600;text-transform:capitalize}.cat-payout{color:var(--ok);font-size:13px}.offers{list-style:none;margin:0;padding:0}.offers li{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:2px 0}.offer-meta{color:var(--muted);white-space:nowrap}.ladder{list-style:none;margin:0;padding:0;font-size:13px;color:var(--muted)}.ladder li{padding:2px 0}.ladder b{color:var(--text);display:inline-block;width:14px}.chat{background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;min-height:calc(100vh - 120px)}.messages{flex:1;overflow:auto;padding:18px}.empty{color:var(--muted)}.examples{display:flex;flex-direction:column;gap:8px;margin-top:12px}.example{text-align:left;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;cursor:pointer;font-size:13.5px}.example:hover{border-color:var(--accent)}.msg{display:flex;margin-bottom:12px}.msg.user{justify-content:flex-end}.bubble{max-width:82%;padding:10px 14px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border)}.msg.user .bubble{background:var(--user);border-color:transparent}.msg.error .bubble{border-color:#d9534f;color:#ffb3b0}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.bubble ul,.bubble ol{margin:6px 0;padding-left:20px}.bubble li{margin:2px 0}.bubble code{background:#0c0f13;padding:1px 5px;border-radius:4px;font-size:13px}.bubble.thinking{color:var(--muted);font-style:italic}.composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.composer input{flex:1;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:11px 12px;font-size:14px}.composer input:focus{outline:none;border-color:var(--accent)}.composer button{background:var(--accent-2);color:#fff;border:none;border-radius:8px;padding:0 18px;font-weight:600;cursor:pointer}.composer button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 860px){.layout{grid-template-columns:1fr}.panel{position:static;max-height:none}.chat{min-height:60vh}}
