@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap");

:root,
html[data-theme="ink-gold"]{
  --ink:#0b1220;--navy:#1b2740;--paper:#f4f0e6;--card:#fffdf8;--surface:#fff;
  --gold:#b8954a;--gold-soft:#e8d5a3;--accent:#b8954a;--teal:#0f766e;--ok:#1e7a3b;
  --text:#1c2333;--muted:#5a6270;--line:rgba(11,18,32,.12);
  --chrome:#0b1220;--chrome-text:#d8d2c6;--chrome-muted:#9aa3b2;--chrome-line:#3a4558;
  --note-bg:#fff6e8;--note-line:#ead8b0;--note-text:#6a5420;
  --desk-border:#c5d0db;--desk-who:#f4f7fa;--jobs-bg:#f4f7fa;--jobs-text:#5b6573;
  --you-who:#1b2740;--you-text:#e8d5a3;--you-glow:rgba(184,149,74,.22);
  --bank-who:#10243c;--bank-text:#d8deea;--bank-border:#2e6ca4;--bank-muted:#8aa0b5;
  --bank-jobs:#10243c;--bank-jobs-line:#1c3a58;--bank-jobs-text:#9db4c9;
  --rail-chip:#efe8d8;--rail-chip-text:#6a6158;--rail-on-fg:#e8d5a3;
  --hero-from:#0b1220;--hero-to:#161f32;--hero-lead:#cfc8b8;
  --msg-hover:#faf7ef;--pill-bg:#efe8d8;--env-pill:#e8eef4;--edge:#c5d0db;
  --on-glow:rgba(15,118,110,.16);--bank-glow:rgba(46,108,164,.22);
  --done-bg:#e8f7ee;--select-bg:#fff;--btn-ghost-bg:#fff;
  --btn-fg:#fff;--on-gold:#0b1220;
  --radius:4px;--radius-btn:4px;
  --font:"Source Sans 3",system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;
}
html[data-theme="slate-sky"]{
  --ink:#0f172a;--navy:#1e293b;--paper:#f1f5f9;--card:#fff;--surface:#fff;
  --gold:#38bdf8;--gold-soft:#7dd3fc;--accent:#38bdf8;--teal:#2dd4bf;--ok:#0f766e;
  --text:#0f172a;--muted:#64748b;--line:rgba(15,23,42,.12);
  --chrome:#0b1120;--chrome-text:#e2e8f0;--chrome-muted:#94a3b8;--chrome-line:#1e293b;
  --note-bg:#e0f2fe;--note-line:#bae6fd;--note-text:#0c4a6e;
  --desk-border:#cbd5e1;--desk-who:#f8fafc;--jobs-bg:#f8fafc;--jobs-text:#475569;
  --you-who:#0f172a;--you-text:#7dd3fc;--you-glow:rgba(56,189,248,.28);
  --bank-who:#0b1120;--bank-text:#cbd5e1;--bank-border:#38bdf8;--bank-muted:#94a3b8;
  --bank-jobs:#0b1120;--bank-jobs-line:#1e293b;--bank-jobs-text:#94a3b8;
  --rail-chip:#e2e8f0;--rail-chip-text:#475569;--rail-on-fg:#e0f2fe;
  --hero-from:#0b1120;--hero-to:#0f172a;--hero-lead:#94a3b8;
  --msg-hover:#e0f2fe;--pill-bg:#e0f2fe;--env-pill:#ccfbf1;--edge:#cbd5e1;
  --on-glow:rgba(45,212,191,.2);--bank-glow:rgba(56,189,248,.22);
  --done-bg:#ccfbf1;--select-bg:#fff;--btn-ghost-bg:#fff;
  --btn-fg:#fff;--on-gold:#0b1120;
  --radius:10px;--radius-btn:8px;
  --font:"Inter",system-ui,sans-serif;--serif:"Inter",system-ui,sans-serif;
}
html[data-theme="charcoal-amber"]{
  --ink:#1a1819;--navy:#1a1819;--paper:#f5f3f1;--card:#fff;--surface:#fff;
  --gold:#fd8401;--gold-soft:#ffebd6;--accent:#fd8401;--teal:#c56a00;--ok:#1e8a4c;
  --text:#1a1819;--muted:#4a4746;--line:#e7e2dd;
  --chrome:#1a1819;--chrome-text:#fff;--chrome-muted:#d8d3cf;--chrome-line:#3a3532;
  --note-bg:#ffebd6;--note-line:#ffd4a8;--note-text:#6a3d00;
  --desk-border:#d4cdc6;--desk-who:#f7f4f1;--jobs-bg:#f7f4f1;--jobs-text:#5b5550;
  --you-who:#1a1819;--you-text:#ffebd6;--you-glow:rgba(253,132,1,.25);
  --bank-who:#1a1819;--bank-text:#d8d3cf;--bank-border:#fd8401;--bank-muted:#c4b8ae;
  --bank-jobs:#221f1e;--bank-jobs-line:#3a3532;--bank-jobs-text:#c4b8ae;
  --rail-chip:#efeae4;--rail-chip-text:#4a4746;--rail-on-fg:#ffebd6;
  --hero-from:#1a1819;--hero-to:#2a2422;--hero-lead:#d8d3cf;
  --msg-hover:#fff6ed;--pill-bg:#ffebd6;--env-pill:#efeae4;--edge:#d4cdc6;
  --on-glow:rgba(253,132,1,.18);--bank-glow:rgba(253,132,1,.22);
  --done-bg:#e8f7ee;--select-bg:#fff;--btn-ghost-bg:#fff;
  --btn-fg:#fff;--on-gold:#1a1819;
  --radius:4px;--radius-btn:4px;
  --font:"Source Sans 3",system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;
}
html[data-theme="navy-teal"]{
  --ink:#12324e;--navy:#1f4e79;--paper:#eef2f6;--card:#fff;--surface:#fff;
  --gold:#0f766e;--gold-soft:#99f6e4;--accent:#0f766e;--teal:#0f766e;--ok:#1e7a3b;
  --text:#1c2430;--muted:#667085;--line:#d7dee6;
  --chrome:#0b1220;--chrome-text:#d8deea;--chrome-muted:#8b95a8;--chrome-line:#2a4560;
  --note-bg:#e6f4f2;--note-line:#b7ddd8;--note-text:#0d4f4a;
  --desk-border:#c5d0db;--desk-who:#f4f7fa;--jobs-bg:#f4f7fa;--jobs-text:#5b6573;
  --you-who:#12324e;--you-text:#99f6e4;--you-glow:rgba(15,118,110,.22);
  --bank-who:#10243c;--bank-text:#d8deea;--bank-border:#2e6ca4;--bank-muted:#8aa0b5;
  --bank-jobs:#10243c;--bank-jobs-line:#1c3a58;--bank-jobs-text:#9db4c9;
  --rail-chip:#e8eef4;--rail-chip-text:#4a5564;--rail-on-fg:#99f6e4;
  --hero-from:#12324e;--hero-to:#1f4e79;--hero-lead:#9db4cc;
  --msg-hover:#f4faf9;--pill-bg:#e8f4f2;--env-pill:#e8eef4;--edge:#c5d0db;
  --on-glow:rgba(15,118,110,.16);--bank-glow:rgba(46,108,164,.22);
  --done-bg:#dcfce7;--select-bg:#fff;--btn-ghost-bg:#fff;
  --btn-fg:#fff;--on-gold:#fff;
  --radius:8px;--radius-btn:6px;
  --font:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--serif:-apple-system,"Segoe UI",sans-serif;
}
html[data-theme="navy-amber"]{
  --ink:#10263d;--navy:#10263d;--paper:#f3f2f1;--card:#fff;--surface:#fff;
  --gold:#fd8401;--gold-soft:#ffebd6;--accent:#fd8401;--teal:#0f766e;--ok:#1e8a4c;
  --text:#1a1819;--muted:#5b5550;--line:#e7e2dd;
  --chrome:#10263d;--chrome-text:#fff;--chrome-muted:#9db4cc;--chrome-line:#2a4560;
  --note-bg:#ffebd6;--note-line:#ffd4a8;--note-text:#6a3d00;
  --desk-border:#d2d0ce;--desk-who:#f4f1ee;--jobs-bg:#f4f1ee;--jobs-text:#5b5550;
  --you-who:#10263d;--you-text:#ffebd6;--you-glow:rgba(253,132,1,.22);
  --bank-who:#10243c;--bank-text:#d8deea;--bank-border:#fd8401;--bank-muted:#8aa0b5;
  --bank-jobs:#10243c;--bank-jobs-line:#1c3a58;--bank-jobs-text:#9db4c9;
  --rail-chip:#efeae4;--rail-chip-text:#5b5550;--rail-on-fg:#ffebd6;
  --hero-from:#10263d;--hero-to:#16324d;--hero-lead:#9db4cc;
  --msg-hover:#fff6ed;--pill-bg:#ffebd6;--env-pill:#e8eef4;--edge:#d2d0ce;
  --on-glow:rgba(15,118,110,.16);--bank-glow:rgba(253,132,1,.22);
  --done-bg:#e8f7ee;--select-bg:#fff;--btn-ghost-bg:#fff;
  --btn-fg:#fff;--on-gold:#1a1819;
  --radius:4px;--radius-btn:4px;
  --font:"Source Sans 3",system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;
}
html[data-theme="ivory"]{
  --ink:#2a2418;--navy:#3d3424;--paper:#faf6ee;--card:#fffdf8;--surface:#fffdf8;
  --gold:#8c7340;--gold-soft:#c4a35a;--accent:#8c7340;--teal:#3d6b63;--ok:#3d6b4a;
  --text:#2a2418;--muted:#6b6254;--line:rgba(42,36,24,.12);
  --chrome:#2a2418;--chrome-text:#faf6ee;--chrome-muted:#cfc4b0;--chrome-line:#4a4030;
  --note-bg:#f4efe4;--note-line:#e4d8c0;--note-text:#5a4e38;
  --desk-border:#e4d8c0;--desk-who:#f4efe4;--jobs-bg:#f4efe4;--jobs-text:#6b6254;
  --you-who:#3d3424;--you-text:#c4a35a;--you-glow:rgba(140,115,64,.22);
  --bank-who:#3d3424;--bank-text:#efe6d4;--bank-border:#8c7340;--bank-muted:#cfc4b0;
  --bank-jobs:#3d3424;--bank-jobs-line:#4a4030;--bank-jobs-text:#cfc4b0;
  --rail-chip:#f0e8d8;--rail-chip-text:#6b6254;--rail-on-fg:#faf6ee;
  --hero-from:#2a2418;--hero-to:#3d3424;--hero-lead:#cfc4b0;
  --msg-hover:#f4efe4;--pill-bg:#f0e8d8;--env-pill:#efe6d4;--edge:#e4d8c0;
  --on-glow:rgba(61,107,99,.18);--bank-glow:rgba(140,115,64,.22);
  --done-bg:#e8f0e6;--select-bg:#fff;--btn-ghost-bg:#fff;
  --btn-fg:#faf6ee;--on-gold:#faf6ee;
  --radius:0;--radius-btn:0;
  --font:"Source Sans 3",Georgia,serif;--serif:"Instrument Serif",Georgia,serif;
}
html[data-theme="mint"]{
  --ink:#0b3d3a;--navy:#14534e;--paper:#f7fbfa;--card:#fff;--surface:#fff;
  --gold:#14b8a6;--gold-soft:#99f6e4;--accent:#14b8a6;--teal:#14b8a6;--ok:#15803d;
  --text:#12332f;--muted:#5b736e;--line:#d7e6e2;
  --chrome:#0b3d3a;--chrome-text:#ecfdf8;--chrome-muted:#a7d4cc;--chrome-line:#14534e;
  --note-bg:#ecfdf5;--note-line:#a7f3d0;--note-text:#115e59;
  --desk-border:#d7e6e2;--desk-who:#f7fbfa;--jobs-bg:#f7fbfa;--jobs-text:#5b736e;
  --you-who:#0b3d3a;--you-text:#99f6e4;--you-glow:rgba(20,184,166,.22);
  --bank-who:#0b3d3a;--bank-text:#d1fae5;--bank-border:#14b8a6;--bank-muted:#a7d4cc;
  --bank-jobs:#0b3d3a;--bank-jobs-line:#14534e;--bank-jobs-text:#a7d4cc;
  --rail-chip:#e8f4f1;--rail-chip-text:#5b736e;--rail-on-fg:#ecfdf8;
  --hero-from:#0b3d3a;--hero-to:#14534e;--hero-lead:#a7d4cc;
  --msg-hover:#ecfdf5;--pill-bg:#ccfbf1;--env-pill:#dcfce7;--edge:#d7e6e2;
  --on-glow:rgba(20,184,166,.18);--bank-glow:rgba(20,184,166,.22);
  --done-bg:#dcfce7;--select-bg:#fff;--btn-ghost-bg:#fff;
  --btn-fg:#ecfdf8;--on-gold:#04332f;
  --radius:12px;--radius-btn:10px;
  --font:-apple-system,"Segoe UI",sans-serif;--serif:-apple-system,"Segoe UI",sans-serif;
}
html[data-theme="light"]{
  --ink:#1c2430;--navy:#eef2f6;--paper:#f6f8fa;--card:#fff;--surface:#fff;
  --gold:#0f766e;--gold-soft:#0f766e;--accent:#0f766e;--teal:#0f766e;--ok:#1b7a45;
  --text:#1c2430;--muted:#667085;--line:#e4e8ee;
  --chrome:#fff;--chrome-text:#1c2430;--chrome-muted:#667085;--chrome-line:#d7dee6;
  --note-bg:#eef2f6;--note-line:#d7dee6;--note-text:#3a4558;
  --desk-border:#c5d0db;--desk-who:#f4f7fa;--jobs-bg:#f4f7fa;--jobs-text:#5b6573;
  --you-who:#10263d;--you-text:#d5eeea;--you-glow:rgba(15,118,110,.18);
  --bank-who:#10243c;--bank-text:#d8deea;--bank-border:#2e6ca4;--bank-muted:#8aa0b5;
  --bank-jobs:#10243c;--bank-jobs-line:#1c3a58;--bank-jobs-text:#9db4c9;
  --rail-chip:#e8eef4;--rail-chip-text:#4a5564;--rail-on-fg:#fff;
  --hero-from:#f6f8fa;--hero-to:#eef2f6;--hero-lead:#667085;
  --msg-hover:#f4f7fa;--pill-bg:#e8eef4;--env-pill:#e8f4f2;--edge:#c5d0db;
  --on-glow:rgba(15,118,110,.16);--bank-glow:rgba(46,108,164,.22);
  --done-bg:#e8f7ee;--select-bg:#fff;--btn-ghost-bg:#fff;
  --btn-fg:#fff;--on-gold:#fff;
  --radius:4px;--radius-btn:4px;
  --font:"Source Sans 3",system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;
}
html[data-theme="night"]{
  --ink:#e8edf4;--navy:#141c2c;--paper:#0b1220;--card:#141c2c;--surface:#141c2c;
  --gold:#d4b36a;--gold-soft:#e8d5a3;--accent:#d4b36a;--teal:#4fd1c5;--ok:#34d399;
  --text:#e8edf4;--muted:#9aa3b2;--line:rgba(255,255,255,.1);
  --chrome:#05080f;--chrome-text:#fff;--chrome-muted:#9aa3b2;--chrome-line:#1b2740;
  --note-bg:#141c2c;--note-line:#2a3548;--note-text:#e8d5a3;
  --desk-border:#2a3548;--desk-who:#1b2740;--jobs-bg:#101828;--jobs-text:#9aa3b2;
  --you-who:#1b2740;--you-text:#e8d5a3;--you-glow:rgba(212,179,106,.28);
  --bank-who:#05080f;--bank-text:#d8deea;--bank-border:#2e6ca4;--bank-muted:#8aa0b5;
  --bank-jobs:#05080f;--bank-jobs-line:#1c3a58;--bank-jobs-text:#9db4c9;
  --rail-chip:#1b2740;--rail-chip-text:#9aa3b2;--rail-on-fg:#e8d5a3;
  --hero-from:#05080f;--hero-to:#0b1220;--hero-lead:#9aa3b2;
  --msg-hover:#1b2740;--pill-bg:#1b2740;--env-pill:#14302c;--edge:#2a3548;
  --on-glow:rgba(79,209,197,.2);--bank-glow:rgba(46,108,164,.28);
  --done-bg:#134e4a;--select-bg:#1b2740;--btn-ghost-bg:#141c2c;
  --btn-fg:#0b1220;--on-gold:#0b1220;
  --radius:4px;--radius-btn:4px;
  --font:"Source Sans 3",system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:var(--font);background:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.top{
  background:var(--chrome);color:var(--chrome-text);
  display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  padding:12px 20px;border-bottom:1px solid var(--chrome-line);
  position:sticky;top:0;z-index:50;
}
.brand{font-family:var(--serif);font-size:22px;color:var(--chrome-text)}
.brand em{font-style:normal;color:var(--gold-soft)}
html[data-theme="light"] .brand em{color:var(--accent)}
.brand small{font-family:var(--font);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--chrome-muted);margin-left:8px}
.house{font-size:13px;color:var(--chrome-muted)}
.apps{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.apps a,.apps span{
  font-size:12px;font-weight:700;padding:6px 10px;border-radius:var(--radius-btn);
  border:1px solid var(--chrome-line);color:var(--chrome-muted);
}
.apps a:hover{border-color:var(--gold);color:var(--chrome-text)}
.apps .on{background:var(--navy);border-color:var(--gold);color:var(--gold-soft)}
html[data-theme="light"] .apps .on{background:var(--ink);color:#fff;border-color:var(--ink)}
.look{
  display:flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;color:var(--chrome-muted);white-space:nowrap;
}
.apps + .look{margin-left:0}
.top > .look:last-child{margin-left:auto}
.top > .apps + .look{margin-left:0}
.look select{
  font:inherit;font-weight:700;color:var(--text);
  background:var(--select-bg);border:1px solid var(--line);
  border-radius:var(--radius-btn);padding:6px 8px;min-width:168px;
}
.page-zoom{
  position:fixed;right:16px;bottom:16px;z-index:10000;
  display:flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;color:var(--chrome-muted);white-space:nowrap;
  background:var(--chrome);padding:8px 12px;border-radius:8px;
  border:1px solid var(--chrome-line);
  box-shadow:0 8px 24px rgba(11,18,32,.28);
}
.page-zoom input[type="range"]{width:90px;accent-color:var(--accent)}
.zoom-btn{
  width:24px;height:24px;padding:0;line-height:1;cursor:pointer;
  border:1px solid var(--chrome-line);border-radius:999px;
  background:transparent;color:var(--chrome-text);font:inherit;font-weight:700;
}
.zoom-btn:hover{border-color:var(--gold);color:var(--chrome-text)}
#pageZoomPct{color:var(--chrome-text);min-width:2.6rem}
.note-bar{background:var(--note-bg);border-bottom:1px solid var(--note-line);padding:8px 20px;font-size:13px;color:var(--note-text)}
.wrap{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:18px 0 48px}
.lead{color:var(--muted);max-width:44rem}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.1rem);margin:.2rem 0 .4rem}
h2{font-family:var(--serif);font-weight:400;font-size:1.25rem;margin:0 0 .4rem}
.ctl{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:12px 0 16px}
.ctl label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.ctl select,.btn{
  font:inherit;padding:8px 12px;border-radius:var(--radius-btn);border:1px solid var(--line);background:var(--select-bg);color:var(--text);
}
.btn{font-weight:700;cursor:pointer;background:var(--ink);color:var(--btn-fg);border-color:var(--ink)}
a.btn{display:inline-flex;align-items:center;text-decoration:none}
html[data-theme="night"] .btn{background:var(--gold);border-color:var(--gold)}
.btn.ghost{background:var(--btn-ghost-bg);color:var(--text);border-color:var(--line)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
@media(max-width:900px){.layout{grid-template-columns:1fr}}
.board{
  position:relative;min-height:680px;height:min(760px,calc(100vh - 280px));
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
}
.wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.edge{stroke:var(--edge);stroke-width:2}
.edge.on{stroke:var(--teal);stroke-width:3}
.desk{
  position:absolute;width:240px;background:var(--card);border:1.5px solid var(--desk-border);
  text-align:center;overflow:hidden;z-index:1;border-radius:var(--radius);
}
.desk.you{border-color:var(--gold);box-shadow:0 0 0 3px var(--you-glow);width:260px}
.desk.on{border-color:var(--teal);box-shadow:0 0 0 3px var(--on-glow)}
.desk.done{border-color:#8fbf9a}
.desk.k{width:200px;border-color:var(--bank-border)}
.desk.k.on{border-color:var(--bank-border);box-shadow:0 0 0 3px var(--bank-glow)}
.desk .who{background:var(--desk-who);padding:8px 10px;border-bottom:1px solid var(--line)}
.desk.you .who{background:var(--you-who);color:var(--you-text)}
.desk.k .who{background:var(--bank-who);color:var(--bank-text)}
.desk h3{margin:0;font-size:13px}
.desk .role{margin:2px 0 0;font-size:11px;color:var(--muted)}
.desk.you .role{color:var(--you-text);opacity:.85}
.desk.k .role{color:var(--bank-muted)}
.pixa-app{
  display:inline-flex;margin:6px 0 0;padding:2px 7px;
  border:1px solid var(--gold);background:var(--you-who);color:var(--you-text);
  font-size:10px;font-weight:700;letter-spacing:.04em;border-radius:var(--radius-btn);
}
.desk.k .no-app{margin:6px 0 0;font-size:10px;color:var(--bank-muted)}
.jobs{list-style:none;margin:0;padding:8px 10px;text-align:left;font-size:11px;max-height:168px;overflow:auto;background:var(--jobs-bg);border-top:1px solid var(--line)}
.desk.k .jobs{background:var(--bank-jobs);border-top-color:var(--bank-jobs-line)}
.desk.k .jobs li{color:var(--bank-jobs-text)}
.desk.k .jobs li.done{color:#b7d4c0}
.desk.k .jobs li.now{color:#fff}
.jobs li{display:flex;gap:6px;padding:2px 0;color:var(--jobs-text)}
.jobs li i{flex:0 0 14px;width:14px;height:14px;border:1px solid var(--desk-border);border-radius:3px;font-style:normal;font-size:10px;display:flex;align-items:center;justify-content:center}
.jobs li.done{color:var(--ok)}.jobs li.done i{border-color:var(--ok);background:var(--done-bg);color:var(--ok)}
.jobs li.now{color:var(--teal);font-weight:700}
.rail{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.rail span{
  font-size:11px;font-weight:700;padding:5px 8px;border-radius:99px;background:var(--rail-chip);color:var(--rail-chip-text);
}
.rail span.on{background:var(--ink);color:var(--rail-on-fg)}
html[data-theme="night"] .rail span.on{background:#05080f;color:var(--gold-soft)}
.rail span.done{background:var(--done-bg);color:var(--ok)}
.card{background:var(--card);border:1px solid var(--line);padding:14px 16px;border-radius:var(--radius)}
.msg{border-bottom:1px solid var(--line);padding:8px 0;cursor:pointer}
.msg:hover{background:var(--msg-hover)}
.msg .t{font-weight:700;font-size:14px}
.msg .m{font-size:12px;color:var(--muted);margin-top:2px}
.pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-btn);background:var(--pill-bg);margin-right:6px}
.pill.env{background:var(--env-pill);color:var(--text)}
.empty{color:var(--muted);font-size:13px}
.grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:800px){.grid4{grid-template-columns:repeat(4,1fr)}}
.pick{
  display:flex;flex-direction:column;min-height:160px;background:var(--card);
  border:1px solid var(--line);padding:16px 18px;border-radius:var(--radius);
}
.pick:hover{border-color:var(--gold)}
.pick h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:4px 0 8px}
.pick p{color:var(--muted);font-size:13.5px;margin:0 0 12px;flex:1}
.pick .go{font-weight:700;font-size:13px;color:var(--accent)}
.hero{background:linear-gradient(180deg,var(--hero-from),var(--hero-to));color:var(--chrome-text);padding:36px 0 28px}
html[data-theme="light"] .hero{color:var(--text)}
.hero h1{color:inherit;margin:.4rem 0}
.hero .lead{color:var(--hero-lead)}
.hero .brand{color:inherit}
.sec{padding:22px 0 8px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.tabs{display:flex;gap:6px;margin:0 0 12px}
.tabs button{font:inherit;font-weight:700;font-size:12px;padding:6px 10px;border:1px solid var(--line);background:var(--select-bg);color:var(--text);cursor:pointer;border-radius:var(--radius-btn)}
.tabs button.on{background:var(--ink);color:var(--btn-fg);border-color:var(--ink)}
html[data-theme="night"] .tabs button.on{color:#0b1220;background:var(--gold);border-color:var(--gold)}