:root{--bg: #0d0b09;--panel: #171310;--panel2: #1f1a16;--line: #2e2721;--ink: #f6f1e8;--dim: #c9cfd4;--faint: #9a917f;--accent: #e86a2c;--accent-ink: #ffffff;--good: #7bc47f;--warn: #e8b13c;--bad: #e05d5d;--radius: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}a{color:var(--accent)}button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);padding:8px 14px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.danger{border-color:var(--bad);color:var(--bad);background:transparent}button:disabled{opacity:.5;cursor:default}input,textarea{font:inherit;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px}header.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5}header.topbar .brand{font-size:19px;font-weight:700;letter-spacing:.2px}header.topbar .brand span{color:var(--accent)}header.topbar .sub{color:var(--faint);font-size:13px}nav.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}nav.tabs button{border:none;background:transparent;color:var(--dim);padding:8px 12px}nav.tabs button.active{background:var(--panel2);color:var(--ink);font-weight:600}nav.tabs .badge{background:var(--accent);color:#fff;border-radius:999px;font-size:12px;padding:0 7px;margin-left:5px;font-weight:700}main{max-width:1060px;margin:0 auto;padding:22px 20px 64px}h1.view-title{font-size:26px;margin:4px 0}.view-sub{color:var(--dim);margin:0 0 18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:0 0 14px}.card h3{margin:0 0 6px;font-size:16px}.card .meta{color:var(--faint);font-size:13px}.card pre{white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--dim)}.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:12px;color:var(--dim);margin-right:6px}.pill.hot{border-color:var(--accent);color:var(--accent)}.pill.good{border-color:var(--good);color:var(--good)}.pill.warn{border-color:var(--warn);color:var(--warn)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spread{justify-content:space-between}.chatlog{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.msg{max-width:82%;padding:11px 14px;border-radius:14px;white-space:pre-wrap}.msg.user{align-self:flex-end;background:var(--accent);color:#fff}.msg.agent{align-self:flex-start;background:var(--panel);border:1px solid var(--line)}.msg .mode{display:block;font-size:11px;color:var(--faint);margin-top:6px}.chatbox{display:flex;gap:10px}.chatbox textarea{flex:1;min-height:52px;resize:vertical}.searchbar{width:100%;margin-bottom:14px}table.money{width:100%;border-collapse:collapse}table.money td,table.money th{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left}table.money td.n{text-align:right;font-variant-numeric:tabular-nums}.steps{margin:8px 0 0;padding-left:18px;color:var(--dim);font-size:14px}.steps li{margin:2px 0}.steps .ts{color:var(--faint);font-size:12px;margin-right:6px}#dropveil{position:fixed;inset:0;z-index:50;display:none;background:#0d0b09e0;color:var(--ink);align-items:center;justify-content:center;text-align:center;border:3px dashed var(--accent);font-size:22px;font-weight:600}#dropveil.on{display:flex}#toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--panel2);border:1px solid var(--accent);color:var(--ink);padding:11px 16px;border-radius:12px;display:none;z-index:60;max-width:min(92vw,640px);font-size:14px}#gate{max-width:430px;margin:12vh auto 0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px}#gate h1{font-size:22px;margin:0 0 6px}#gate p{color:var(--dim)}#gate input{width:100%;margin:10px 0}#gate button{width:100%}.placeholder-note{border:1px dashed var(--warn);border-radius:var(--radius);padding:18px;color:var(--dim);background:var(--panel)}.placeholder-note strong{color:var(--warn)}.pane-screen{background:#000;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;width:100%;aspect-ratio:8 / 5;margin:10px 0}.pane-screen>div{width:100%;height:100%}.pane-screen canvas{display:block}@media (max-width: 640px){main{padding:16px 12px 56px}.msg{max-width:94%}header.topbar{padding:12px}nav.tabs{margin-left:0}}