:root{--bg:#0d1117;--panel:#161b22;--border:#30363d;--fg:#e6edf3;--muted:#8b949e;--accent:#58a6ff;--green:#3fb950;--amber:#d29922;--red:#f85149}*{box-sizing:border-box}html,body{max-width:100%;margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--fg);overflow-wrap:break-word;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:880px;margin:0 auto;padding:32px 20px 80px}h1{margin:0;font-size:20px}.sub{color:var(--muted);margin:4px 0 24px;font-size:13px}header.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}textarea{background:var(--panel);width:100%;min-height:160px;color:var(--fg);border:1px solid var(--border);resize:vertical;border-radius:8px;padding:12px;font:14px/1.5 ui-monospace,monospace}button{background:var(--accent);color:#03101f;cursor:pointer;border:0;border-radius:7px;padding:9px 16px;font-weight:600}button:disabled{opacity:.5;cursor:default}button.ghost{color:var(--fg);border:1px solid var(--border);background:0 0;padding:6px 12px;font-weight:500}.row{align-items:center;gap:10px;margin-top:12px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;margin-top:10px;padding:12px 14px}.card .head{justify-content:space-between;align-items:center;gap:10px;display:flex}.tag{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.tag.done{color:var(--green);border-color:var(--green)}.tag.queued{color:var(--amber);border-color:var(--amber)}.tag.failed,.tag.undone{color:var(--red);border-color:var(--red)}.reason{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:12px}a{color:var(--accent);overflow-wrap:anywhere}.pill{border:1px solid var(--border);border-radius:999px;padding:5px 10px;font-size:12px}.pill.paused{color:var(--amber);border-color:var(--amber)}.pill.active{color:var(--green);border-color:var(--green)}main.chat{flex-direction:column;max-width:820px;height:100dvh;padding-bottom:16px;display:flex}.thread{flex:1;padding:8px 0 16px;overflow-y:auto}.empty{color:var(--muted);text-align:center;margin-top:40px}.msg{margin:14px 0}.msg .who{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;margin-bottom:4px;font-size:11px;display:flex}.copy-btn{font:inherit;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);cursor:pointer;opacity:0;background:0 0;border-radius:6px;padding:1px 7px;font-size:10px;transition:opacity .12s,color .12s,border-color .12s}.msg.bigboss:hover .copy-btn,.copy-btn:focus-visible{opacity:1}.copy-btn:hover{color:var(--fg,#e6edf3);border-color:#1f4a73}.bubble{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:10px 13px}.msg.user .bubble{background:#14304d;border-color:#1f4a73}.msg.user{margin-left:15%}.msg.bigboss{margin-right:10%}.msg.system .bubble{color:var(--muted);background:0 0;border-style:dashed}.bubble.thinking{color:var(--muted);font-style:italic}.composer{border-top:1px solid var(--border);align-items:flex-end;gap:10px;padding-top:12px;display:flex}.composer textarea{flex:1;min-height:0}.composer button{height:40px}.usage{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.usage th{color:var(--muted);text-align:right;padding:4px 6px;font-weight:600}.usage th:first-child{text-align:left}.usage td{text-align:right;padding:5px 6px}.usage td:first-child{text-align:left}.usage tbody tr{border-top:1px solid var(--border)}.usage tr.total{border-top:2px solid var(--border);font-weight:600}.usage td.muted{color:var(--muted)}@media (max-width:640px){main{padding:20px 14px 64px}main.chat{padding-left:14px;padding-right:14px}h1{font-size:18px}.msg.user{margin-left:8%}.msg.bigboss{margin-right:4%}.composer button{padding:9px 14px}.usage thead{display:none}.usage,.usage tbody,.usage tr,.usage td{width:100%;display:block}.usage tr{padding:8px 0}.usage td{text-align:right;border:0;justify-content:space-between;gap:12px;padding:2px 0;display:flex}.usage td:before{content:attr(data-label);color:var(--muted);text-align:left;font-weight:400}.usage td:first-child{font-weight:600}.usage td:first-child:before{content:""}}