:root { color-scheme:light dark; --text:#1a1a1a; --muted:#6b6b6b; --bg:#fff; --surface:#f5f5f5; --border:#d9d9d9; --card:#fff; --chart-ink:#1f3a5f; --positive:#3d7a4a; --negative:#a04545; --neutral:#8a8a8a; --sensitive-text:#9a4a00; --sensitive-bg:#fdf0e1; --sensitive-border:#e3a96f; --email-bg:#fff; --email-text:#1a1a1a; }
@media (prefers-color-scheme: dark) { :root { --bg:#262626; --card:#303030; --surface:#303030; --border:#444; --text:#fff; --muted:#fff; --chart-ink:#8fb3d9; --positive:#91c99d; --negative:#f0a0a0; --neutral:#fff; --sensitive-text:#fff; --sensitive-bg:#5a3415; --sensitive-border:#e3a96f; }
  .inbox,.mail { --text:#1a1a1a; --muted:#6b6b6b; --bg:#fff; --surface:#f5f5f5; --border:#d9d9d9; --card:#fff; --chart-ink:#1f3a5f; --positive:#3d7a4a; --negative:#a04545; --neutral:#8a8a8a; --sensitive-text:#9a4a00; --sensitive-bg:#fdf0e1; --sensitive-border:#e3a96f; } }
* { box-sizing:border-box; } body { margin:0; background:var(--bg); color:var(--text); font:15px/1.55 Inter,system-ui,sans-serif; } main { max-width:1240px; margin:auto; padding:24px 16px 48px; } h1,h2,h3,.serif,.subj { font-family:"Source Serif 4",Georgia,serif; } code,.data { font-family:ui-monospace,SFMono-Regular,monospace; } a { color:var(--chart-ink); } .muted { color:var(--muted); }
.inbox,.mail { background:var(--email-bg); color:var(--email-text); border:1px solid #cfcfcf; } .inbox { margin-bottom:12px; } .row { display:grid; grid-template-columns:70px 150px 1fr 90px; gap:10px; padding:9px 14px; border-top:1px solid #cfcfcf; font-size:13px; align-items:baseline; } .row:first-child { border-top:0; } .row .tag,.row .t { color:#5c5c5c; font-size:11px; } .row .s { font-weight:600; } .row .preview { color:#5c5c5c; font-weight:400; }
.internal-note { margin:6px 0 10px; font-size:13px; } .honesty-note { margin:0 0 16px; padding:2px 0 2px 12px; border-left:3px solid var(--chart-ink); font-size:13px; } .cols { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; align-items:start; } .head { padding:12px 16px; border-bottom:1px solid #cfcfcf; font-size:12px; line-height:1.6; } .subj { font-size:19px; font-weight:600; margin:2px 0 4px; line-height:1.3; } .body { padding:16px; max-width:600px; font-size:14px; line-height:1.55; } .body h4 { font-family:Inter,system-ui,sans-serif; font-size:11px; letter-spacing:.06em; text-transform:uppercase; margin:22px 0 8px; } .lead { font-size:15px; margin-top:0; }
.item { border:1px solid #cfcfcf; background:#f3f3f3; padding:10px 12px; margin-bottom:8px; font-size:13px; } .item.sensitive { border-left:3px solid var(--sensitive-border); } .h { display:block; font-size:14px; margin-bottom:3px; } .premise { margin:0 0 5px; } .test,.status,.result-line { font-size:12px; margin-top:5px; } .stance { font-size:12px; margin-top:6px; padding-top:5px; border-top:1px solid #cfcfcf; } .stance a { margin-right:8px; } .full-story { font-size:12px; margin-top:6px; } .sensitive-tag { color:var(--sensitive-text); background:var(--sensitive-bg); border:1px solid var(--sensitive-border); font-size:10px; font-weight:600; letter-spacing:.04em; padding:0 5px; text-transform:uppercase; } .chart { display:block; width:100%; border:1px solid #cfcfcf; background:#fff; padding:5px; margin:7px 0; } .reply-box { border:2px solid #1a1a1a; padding:10px 12px; margin-top:16px; font-size:13px; } .chip { display:inline-block; border:1px dashed #6b6b6b; padding:1px 7px; margin:3px 4px 0 0; font-size:12px; } .foot,.reply-thread { border-top:1px solid #cfcfcf; padding:10px 16px; font-size:11px; } .reply-thread { font-size:13px; } .simulated { border:1px solid #cfcfcf; padding:0 4px; font-size:10px; } .legacy-check { display:none!important; }
.board { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:18px; } .angle { border:1px solid var(--border); border-radius:8px; padding:12px; margin:10px 0; } .detail-header,.detail-grid { background:var(--card); border:1px solid var(--border); } .detail-header { border-radius:12px 12px 0 0; padding:16px; } .detail-grid { border-top:0; border-radius:0 0 12px 12px; display:grid; grid-template-columns:minmax(0,1fr) 300px; } .detail-main,.detail-side { padding:16px; } .detail-side { border-left:1px solid var(--border); } .detail-actions { margin-top:10px; } .detail-actions a { display:inline-block; color:var(--text); background:var(--card); border:1px solid var(--border); border-radius:5px; padding:4px 7px; margin:0 6px 4px 0; font-size:13px; text-decoration:none; } .breadcrumb,.run-cost,.source-row small { color:var(--muted); font-size:12px; } .stance-record { margin:4px 0; font-size:13px; } .source-row { border-top:1px solid var(--border); padding:8px 0; } .quote { border-left:3px solid var(--chart-ink); padding-left:10px; margin:10px 0; } button { color:var(--text); background:var(--card); border:1px solid var(--border); border-radius:5px; padding:4px 7px; }
.board-grid { display:grid; grid-template-columns:220px minmax(0,1fr) 260px; gap:0; } .board-left,.board-angles,.board-right { padding:12px; } .board-angles,.board-right { border-left:1px solid var(--border); } .board-label { color:var(--muted); font-size:11px; letter-spacing:.05em; text-transform:uppercase; } .directive,.request-row { border-left:3px solid var(--chart-ink); background:var(--surface); margin:7px 0; padding:7px; font-size:13px; } .held-strip { border:1px dashed var(--sensitive-border); padding:8px; margin:8px 0; font-size:13px; }
svg { max-width:100%; height:auto; } pre { white-space:pre-wrap; overflow:auto; margin:6px 0; } .mail a { color:#1f3a5f; }
.pill { display:inline-block; border:1px solid var(--border); border-radius:99px; padding:1px 8px; font-size:12px; line-height:1.4; margin:2px 4px 2px 0; white-space:nowrap; }
.pill.held { white-space:normal; color:var(--sensitive-text); background:var(--sensitive-bg); border-color:var(--sensitive-border); }
.table-wrap { overflow-x:auto; } .runs-table { border-collapse:collapse; width:100%; font-size:13px; } .runs-table td,.runs-table th { text-align:left; padding:6px 8px; border-bottom:1px solid var(--border); vertical-align:top; } .runs-section { margin-top:28px; } .runs-section details { margin:10px 0; }
.board-top { display:flex; flex-wrap:wrap; gap:6px 16px; justify-content:space-between; padding:10px 14px; margin:-18px -18px 0; border-bottom:1px solid var(--border); background:var(--surface); border-radius:12px 12px 0 0; } .board-summary { padding:10px 0; border-bottom:1px solid var(--border); font-size:13px; } .board-summary details { margin-top:6px; } .board-label.gap { margin-top:18px; }
.angle-title { font-weight:700; } .angle-claim { font-size:13px; margin:4px 0 8px; } .angle-evidence { display:block; background:var(--surface); border-radius:7px; padding:8px 10px; } .angle-evidence svg { display:block; width:100%; height:auto; max-width:640px; } .angle-evidence > div + * { margin-top:8px; } .angle-evidence.chartless { display:block; } .evidence-summary { font-size:12px; }
.extra-chart { margin:12px 0 0; } .extra-chart svg { display:block; } .extra-chart details { font-size:12px; margin-top:4px; }
.chart-card { border:1px solid var(--border); border-radius:9px; padding:12px; margin:14px 0; } .chart-title { font-weight:700; margin-bottom:6px; } .how-we-know { margin-top:8px; background:var(--surface); border-radius:6px; padding:6px 10px; font-size:12px; } .how-we-know details { margin-top:4px; }
.timeline { border-left:2px solid var(--border); margin-left:6px; padding-left:16px; } .timeline-step { margin:10px 0; font-size:13px; } .timeline-step p { margin:3px 0; } .step-tag { background:var(--surface); border:1px solid var(--border); font-size:10px; font-weight:700; letter-spacing:.05em; padding:0 5px; border-radius:4px; text-transform:uppercase; }
.follow-card { border:1px dashed var(--border); border-radius:8px; margin:8px 0; padding:9px; } .follow-card > strong { display:block; line-height:1.35; } .follow-card p { font-size:13px; margin:4px 0; } .request-answers { margin:4px 0 0; padding-left:16px; font-size:12px; } .request-row small,.directive small { display:block; font-size:12px; } .quote small { display:block; font-size:12px; margin-top:4px; } .quote blockquote { margin:0; } .stance-records { font-size:12px; margin-top:5px; } .result-link { font-size:12px; margin-top:5px; }
@media (max-width:760px) { main { padding:16px 8px; } .cols,.detail-grid,.board-grid { grid-template-columns:1fr; } .detail-side,.board-angles,.board-right { border-left:0; border-top:1px solid var(--border); } .row { grid-template-columns:60px 1fr; } .row>span:nth-child(2),.row .tag { display:none; } .angle-evidence { display:block; } }