:root{--bg:#0b0b0f;--surface:#14141a;--border:#22222d;--text:#eeede8;--muted:#7a7970;--accent:#f0b35e;--green:#5ea88a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}header{border-bottom:1px solid var(--border);align-items:baseline;gap:1rem;padding:1rem 1.5rem;display:flex}header h1{letter-spacing:.04em;margin:0;font-size:1rem}header .muted{color:var(--muted)}nav button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;padding:.25rem .5rem}nav button.active{color:var(--accent);border-color:var(--border)}main{grid-template-columns:minmax(18rem,24rem) 1fr;height:calc(100vh - 3.5rem);display:grid}.list{border-right:1px solid var(--border);overflow-y:auto}.detail{padding:1rem 1.5rem;overflow-y:auto}.row{border:0;border-bottom:1px solid var(--border);color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;width:100%;padding:.6rem 1.5rem;display:block}.row:hover,.row.selected{background:var(--surface)}.row .title{justify-content:space-between;gap:1rem;display:flex}.row .what{color:var(--accent)}.row .when,.row .sub{color:var(--muted);font-size:12px}.row .sub{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.badge{border:1px solid var(--border);color:var(--green);border-radius:999px;padding:0 .4rem;font-size:11px}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:1.2rem 0 .4rem;font-size:.9rem}pre{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;padding:.75rem;overflow-x:auto}button.action{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;font:inherit;padding:.35rem .7rem}button.action:hover{border-color:var(--accent);color:var(--accent)}.entry{border-left:2px solid var(--border);margin:.5rem 0;padding:.25rem .75rem}.entry.assistant{border-color:var(--accent)}.entry.tool{border-color:var(--green)}.entry .role{color:var(--muted);text-transform:uppercase;font-size:11px}.entry.error{border-color:#c07070}.added{color:var(--green)}.removed{color:#c07070}form.kind{border-bottom:1px solid var(--border);gap:.5rem;padding:.75rem 1.5rem;display:flex}input[type=text]{background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;width:16rem;padding:.35rem .6rem}.empty{color:var(--muted);padding:1.5rem}