:root{--sp-xs: 2px;--sp-sm: 4px;--sp-md: 8px;--sp-lg: 12px;--sp-xl: 16px;--fz-xs: 10px;--fz-sm: 11px;--fz-md: 12px;--fz-base: 13px;--fz-lg: 14px;--fz-xl: 16px;--bg: #fff;--bg-alt: #f4f4f4;--bg-hover: #eaeaea;--fg: #000;--fg-dim: #666;--fg-faint: #999;--line: #000;--line-soft: #ccc}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--fz-base);line-height:1.45;color:var(--fg);background:var(--bg)}a{color:inherit;text-decoration:none}.app{height:100%;display:flex;flex-direction:column}.header{display:flex;align-items:center;gap:var(--sp-lg);padding:var(--sp-md) var(--sp-lg);border-bottom:2px solid var(--line)}.brand{font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tabs{display:flex}.tab{padding:var(--sp-xs) var(--sp-md);border:1px solid var(--line);border-left-width:0;background:var(--bg);color:var(--fg-dim);cursor:pointer;text-transform:uppercase;font-size:var(--fz-sm);letter-spacing:.08em}.tab:first-child{border-left-width:1px}.tab.active{color:var(--bg);background:var(--fg)}.tab .count{margin-left:var(--sp-sm);opacity:.7}.search{flex:1}.search input{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--line);padding:var(--sp-sm) var(--sp-md);font-family:inherit;font-size:var(--fz-base)}.search input:focus{outline:2px solid var(--line);outline-offset:-1px}.htools{display:flex;gap:var(--sp-md);align-items:center}.stalebtn{background:var(--bg);color:var(--fg-dim);border:1px solid var(--line);padding:var(--sp-xs) var(--sp-md);cursor:pointer;font-size:var(--fz-sm);text-transform:uppercase;letter-spacing:.06em}.stalebtn.on{background:var(--fg);color:var(--bg)}.main{flex:1;display:flex;overflow:hidden}.list{width:42%;min-width:360px;max-width:560px;overflow-y:auto;border-right:2px solid var(--line)}.detail{flex:1;overflow-y:auto;padding:var(--sp-xl)}.group-label{padding:var(--sp-sm) var(--sp-lg);font-size:var(--fz-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--fg);background:var(--bg-alt);position:sticky;top:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:700}.row{display:block;padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--line-soft);cursor:pointer}.row:hover{background:var(--bg-hover)}.row.selected{background:var(--fg);color:var(--bg)}.row.selected .row-sub,.row.selected .age,.row.selected .meta{color:var(--bg);opacity:.85}.row-top{display:flex;align-items:center;gap:var(--sp-md)}.row-title{font-weight:700}.row.paused .row-title{font-weight:400;color:var(--fg-dim)}.row.paused:not(.selected){background:var(--bg-alt)}.row.paused:not(.selected) .row-sub{opacity:.8}.row-sub{color:var(--fg-dim);font-size:var(--fz-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:var(--sp-xs)}.row-meta{display:flex;gap:var(--sp-md);align-items:center;margin-left:auto}.badge{font-size:var(--fz-xs);text-transform:uppercase;letter-spacing:.06em;padding:0 var(--sp-sm);border:1px solid currentColor;white-space:nowrap}.badge.invert{background:var(--fg);color:var(--bg);border-color:var(--fg)}.row.selected .badge{border-color:var(--bg)}.row.selected .badge.invert{background:var(--bg);color:var(--fg)}.tag{font-size:var(--fz-xs);text-transform:uppercase;letter-spacing:.06em;border:1px solid currentColor;padding:0 var(--sp-sm);white-space:nowrap}.tag.solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}.tag.dom{font-size:9px;color:var(--fg-dim)}.row.selected .tag.dom{color:var(--bg)}.row.selected .tag.solid{background:var(--bg);color:var(--fg)}.age,.meta{font-size:var(--fz-sm);color:var(--fg-dim);white-space:nowrap}.age.cold{color:var(--fg);font-weight:700;text-decoration:underline}.d-title{font-size:var(--fz-xl);font-weight:700;margin-bottom:var(--sp-sm);display:flex;gap:var(--sp-md);align-items:center;flex-wrap:wrap}.d-meta{color:var(--fg-dim);font-size:var(--fz-md);margin-bottom:var(--sp-lg);display:flex;gap:var(--sp-lg);flex-wrap:wrap}.d-section{margin-top:var(--sp-xl)}.d-h{text-transform:uppercase;letter-spacing:.1em;font-size:var(--fz-sm);border-bottom:2px solid var(--line);padding-bottom:var(--sp-xs);margin-bottom:var(--sp-md);font-weight:700}.d-next{background:var(--bg-alt);border:1px solid var(--line);border-left:4px solid var(--line);padding:var(--sp-md);white-space:pre-wrap}.wo,.dec{border:1px solid var(--line-soft);border-left:4px solid var(--line);padding:var(--sp-sm) var(--sp-md);margin-bottom:var(--sp-md)}.wo .who{font-weight:700}.notes{white-space:pre-wrap;font-size:var(--fz-base)}.notes-md-h{font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:var(--sp-sm)}.empty{color:var(--fg-faint);padding:var(--sp-xl)}.err{border:2px solid var(--line);padding:var(--sp-md);margin-bottom:var(--sp-lg);white-space:pre-wrap}.permalink{font-size:var(--fz-sm);color:var(--fg-dim)}