:root {
    --bg: #faf8f3; --bg2: #f1ede4; --panel: #ffffff; --panel-hover: #f6f3ec;
    --line: #e3ddcf; --line-soft: #ece6d9; --text: #2a2621; --text-dim: #4d473c;
    --muted: #7c7566; --faint: #a89f8c; --accent: #b1631c;
    --new: #3f8a5c; --returning: #7c7566;
    --model: #3c6cad; --platform: #8657bf; --enterprise: #3f8a5c; --enabler: #a3781c;
    --scrim: rgba(250, 248, 243, 0.92);
    --serif: "Iowan Old Style", "Palatino Linotype", "Palatino", Georgia, ui-serif, serif;
    --sans: ui-sans-serif, -apple-system, "Segoe UI", system-ui, sans-serif;
    --mono: ui-monospace, "SF Mono", "Menlo", Consolas, monospace;
  }
  :root[data-theme="dark"] {
    --bg: #0c0d10; --bg2: #101216; --panel: #15171c; --panel-hover: #1a1d23;
    --line: #23262d; --line-soft: #1c1f25; --text: #e9e8e4; --text-dim: #c7c5be;
    --muted: #82868f; --faint: #565a63; --accent: #d98b3f;
    --new: #6fbf8a; --returning: #82868f;
    --model: #7cb7ff; --platform: #c9a0ff; --enterprise: #6fbf8a; --enabler: #e0b158;
    --scrim: rgba(12, 13, 16, 0.92);
  }
  * { box-sizing: border-box; }
  ::selection { background: #b1631c33; }
  body { margin: 0; font: 15px/1.6 var(--sans); background: var(--bg); color: var(--text); }
  header {
    padding: 44px 40px 26px; max-width: 900px; margin: 0 auto;
    display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-end; justify-content: space-between;
  }
  h1 {
    font: 400 32px/1.15 var(--serif); margin: 0; letter-spacing: -0.01em; color: var(--text);
  }
  .sub { color: var(--muted); font-size: 13px; margin-top: 8px; letter-spacing: 0.01em; }
  nav.site {
    display: flex; gap: 14px; flex-wrap: wrap; font: 13px/1.3 var(--sans);
  }
  nav.site a { color: var(--muted); text-decoration: none; border-bottom: 1px solid var(--line); padding-bottom: 1px; }
  nav.site a:hover { color: var(--accent); border-color: var(--accent); }
  nav.site a.here { color: var(--text); border-color: var(--text); }
  .stats { display: flex; gap: 20px; color: var(--faint); font: 12px/1 var(--mono); text-transform: uppercase; letter-spacing: 0.04em; }
  .stats b { color: var(--text-dim); font-weight: 600; font-family: var(--sans); font-size: 13px; text-transform: none; letter-spacing: 0; margin-right: 4px; }
  .filters {
    padding: 14px 40px; max-width: 900px; margin: 0 auto; box-sizing: content-box;
    display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
    border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
    position: sticky; top: 0; background: var(--scrim); backdrop-filter: blur(10px);
    z-index: 2;
  }
  .theme-toggle {
    -webkit-appearance: none; appearance: none; cursor: pointer;
    background: var(--panel); color: var(--muted); border: 1px solid var(--line);
    border-radius: 999px; padding: 6px 13px; font: 12px/1.3 var(--sans);
    display: inline-flex; align-items: center; gap: 6px; transition: border-color .15s ease, color .15s ease;
  }
  .theme-toggle:hover { border-color: var(--faint); color: var(--text-dim); }
  select, input[type="search"] {
    -webkit-appearance: none; appearance: none;
    background: var(--panel); color: var(--text-dim); border: 1px solid var(--line);
    border-radius: 7px; padding: 7px 11px; font: 13px/1.3 var(--sans);
    transition: border-color .15s ease, background .15s ease;
  }
  select:hover, input[type="search"]:hover { border-color: var(--faint); }
  select:focus, input[type="search"]:focus { outline: none; border-color: var(--accent); background: var(--panel-hover); }
  input[type="search"] { min-width: 240px; flex: 1 1 240px; }
  input[type="search"]::placeholder { color: var(--faint); }
  .chip {
    display: inline-flex; align-items: center; gap: 6px; background: transparent;
    border: 1px solid currentColor; border-radius: 999px; padding: 2px 9px;
    font: 600 10px/1.6 var(--mono); letter-spacing: 0.06em; text-transform: uppercase;
  }
  .chip.new { color: var(--new); } .chip.returning { color: var(--returning); border-color: var(--line); }
  .chip.model { color: var(--model); } .chip.platform { color: var(--platform); }
  .chip.enterprise { color: var(--enterprise); } .chip.enabler { color: var(--enabler); }
  main { padding: 32px 40px 96px; max-width: 900px; margin: 0 auto; display: grid; gap: 22px; }
  .company {
    background: var(--panel); border: 1px solid var(--line); border-radius: 12px; overflow: hidden;
  }
  .company h2 {
    margin: 0; padding: 18px 22px 14px; font: 500 18px/1.3 var(--sans); letter-spacing: -0.005em;
    display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
    border-bottom: 1px solid var(--line-soft);
  }
  .company h2 span.meta { color: var(--faint); font-size: 12px; font-weight: 400; margin-left: auto; }
  .item { padding: 20px 22px 22px; border-top: 1px solid var(--line-soft); }
  .item:first-of-type { border-top: none; }
  .item .when {
    color: var(--faint); font: 11px/1 var(--mono); letter-spacing: 0.03em;
    text-transform: uppercase; margin-bottom: 10px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
  }
  .item h3 { margin: 0 0 8px; font: 500 17px/1.35 var(--serif); color: var(--text); letter-spacing: -0.005em; }
  .item p { margin: 0 0 12px; color: var(--text-dim); }
  .why { color: var(--muted); font-size: 13px; font-style: italic; border-left: 2px solid var(--line); padding-left: 12px; }
  details.tweet {
    margin-top: 12px; background: var(--bg2); border: 1px solid var(--line); border-radius: 8px;
  }
  details.tweet > summary {
    cursor: pointer; padding: 8px 16px;
    font: 11px/1.4 var(--mono); letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted);
    list-style: none;
  }
  details.tweet > summary::-webkit-details-marker { display: none; }
  details.tweet[open] > summary { border-bottom: 1px solid var(--line); }
  details.tweet .tweet-body {
    white-space: pre-wrap; padding: 14px 16px; font: 13.5px/1.55 var(--mono); color: var(--text-dim);
  }
  .x-quotes { margin-top: 12px; display: grid; gap: 8px; }
  blockquote.x-quote {
    margin: 0; padding: 12px 16px; background: var(--bg2); border: 1px solid var(--line); border-radius: 8px;
  }
  blockquote.x-quote p { margin: 0 0 8px; white-space: pre-wrap; color: var(--text); font-size: 14px; }
  blockquote.x-quote a { color: var(--muted); font: 11px/1 var(--mono); text-decoration: none; border-bottom: 1px solid var(--line); }
  blockquote.x-quote a:hover { color: var(--accent); border-color: var(--accent); }
  .sources { margin-top: 12px; font-size: 12px; display: flex; gap: 14px; flex-wrap: wrap; }
  .sources a { color: var(--muted); text-decoration: none; border-bottom: 1px solid var(--line); padding-bottom: 1px; }
  .sources a:hover { color: var(--accent); border-color: var(--accent); }
  .company h2 a.name { color: inherit; text-decoration: none; }
  .company h2 a.name:hover { color: var(--accent); }
  .company h2 a.handle { color: var(--muted); font: 12px/1 var(--mono); text-decoration: none; border-bottom: 1px solid var(--line); }
  .company h2 a.handle:hover { color: var(--accent); border-color: var(--accent); }
  .sources a.x { color: var(--text-dim); }
  .empty { color: var(--muted); padding: 60px 8px; text-align: center; font-style: italic; font-family: var(--serif); font-size: 16px; }
  .empty a { color: var(--accent); }
  .week-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
  .week-list a {
    display: flex; justify-content: space-between; gap: 16px; align-items: baseline;
    padding: 14px 18px; background: var(--panel); border: 1px solid var(--line); border-radius: 10px;
    color: inherit; text-decoration: none;
  }
  .week-list a:hover { border-color: var(--accent); }
  .week-list .n { color: var(--faint); font: 12px/1 var(--mono); }