/* Fonts: self-hosted Brand files (Google Fonts link in pages is a fallback). */
@font-face{font-family:"Bricolage Grotesque";src:url("/fonts/Bricolage.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Geist;src:url("/fonts/Geist.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/JBM.woff2") format("woff2");font-weight:100 800;font-display:swap}
/* Night Shift · Refined (v1-refined) — design tokens. Stable names shared by all 3 variations.
   Layers: bg < surface < raised < overlay. Accent (orange) = actions, selection, follow, logo cut tile ONLY.
   Aqua = live/new/info. Status/diff/badge tokens are the contract Motion keys off. */
:root,[data-theme=dark]{color-scheme:dark;
  --bg:#0A1214;
  --surface:#0F1A1D;
  --raised:#152327;
  --overlay:#1B2C31;
  --text:#E8F1EF;
  --text-2:#AFC2BF;
  --text-3:#86A09C;
  --text-on-accent:#160A02;
  --line:#1F3236;
  --line-strong:#57777B;
  --accent:#FF7A2F;
  --accent-hover:#FF9152;
  --accent-text:#FF8A47;
  --accent-weak:#2B1A10;
  --aqua:#4FD1C5;
  --aqua-text:#5ED8CC;
  --aqua-weak:#0E2A29;
  --focus:#8AB4FF;
  --logo-ink:#E8F1EF;
  --logo-cut:#FF7A2F;
  --diff-cut-fg:#FF9A90;
  --diff-cut-bg:#2A1517;
  --diff-cut-strike:#FF6B5E;
  --diff-kept-fg:#7FE3A6;
  --diff-kept-bg:#0F261B;
  --diff-kept-sign:#5BD68A;
  --status-new-fg:#04110F;
  --status-new-bg:#4FD1C5;
  --status-live:#5BD68A;
  --status-followed-fg:#FF8A47;
  --status-followed-border:#FF7A2F;
  --status-older-fg:#E6C88C;
  --status-older-bg:#262013;
  --status-notstated-fg:#86A09C;
  --status-notstated-border:#57777B;
  --status-draft-fg:#A9CBEA;
  --status-draft-bg:#122333;
  --status-dead-fg:#D2B2AE;
  --status-dead-bg:#241B1C;
  --status-risk-fg:#FFC24B;
  --status-risk-bg:#2B2210;
  --status-selfrep-fg:#C4D3D1;
  --status-error-fg:#FF7A6E;
  --badge-source-fg:#FF9A5E;
  --badge-source-bg:#2B1A10;
  --badge-job-fg:#6FDDD2;
  --badge-job-bg:#0E2A29;
  --quote-rule:#4FD1C5;
  --quote-fg:#E8F1EF;
  --scrim:rgba(2,6,7,.72);
  --status-updated:#4FD1C5;
  --status-stale:#86A09C;
  --keep:#7FE3A6;
  --cut:#FF9A90;
  --keep-bg:#0F261B;
  --cut-bg:#2A1517;
  --new:#4FD1C5;
  --new-ink:#04110F;
  --live:#5BD68A;
  --updated:#4FD1C5;
  --stale:#86A09C;
  --cut-removed-fg:#FF9A90;
  --cut-removed-strike:#FF6B5E;
  --cut-replaced-fg:#FF9A90;
  --cut-replaced-mark:#5ED8CC;
  --cut-disabled-fg:#AFC2BF;
  --cut-disabled-strike:#FF6B5E;
  --cut-minimised-fg:#AFC2BF;
  --cut-minimised-mark:#86A09C;
  --cut-flagged-fg:#FFC24B;
  --cut-flagged-mark:#FFC24B;
  --cut-avoided-fg:#86A09C;
  --cut-avoided-mark:#86A09C;
  --shadow-1:0 1px 0 rgba(255,255,255,.04) inset;
  --shadow-2:0 1px 0 rgba(255,255,255,.05) inset, 0 12px 28px -16px rgba(0,0,0,.7);
  --shadow-3:0 24px 60px -20px rgba(0,0,0,.75);
  }
[data-theme=light]{color-scheme:light;
  --bg:#F2F6F5;
  --surface:#FFFFFF;
  --raised:#FFFFFF;
  --overlay:#FFFFFF;
  --text:#0A1416;
  --text-2:#33484B;
  --text-3:#51676A;
  --text-on-accent:#FFFFFF;
  --line:#D3DEDD;
  --line-strong:#6C8487;
  --accent:#B8460C;
  --accent-hover:#9E3B08;
  --accent-text:#AD410A;
  --accent-weak:#FBEADF;
  --aqua:#0D7369;
  --aqua-text:#0B6B62;
  --aqua-weak:#DDF1EE;
  --focus:#2456C9;
  --logo-ink:#0B1416;
  --logo-cut:#B4440B;
  --diff-cut-fg:#A8231B;
  --diff-cut-bg:#FCEAE8;
  --diff-cut-strike:#C9362B;
  --diff-kept-fg:#17663A;
  --diff-kept-bg:#E2F4E9;
  --diff-kept-sign:#1C7A43;
  --status-new-fg:#FFFFFF;
  --status-new-bg:#0D7369;
  --status-live:#178A4C;
  --status-followed-fg:#AD410A;
  --status-followed-border:#B8460C;
  --status-older-fg:#6E4F00;
  --status-older-bg:#F7EED6;
  --status-notstated-fg:#51676A;
  --status-notstated-border:#6C8487;
  --status-draft-fg:#1C5580;
  --status-draft-bg:#E3EEF7;
  --status-dead-fg:#6F4440;
  --status-dead-bg:#F3E8E6;
  --status-risk-fg:#7A5000;
  --status-risk-bg:#FFF1CF;
  --status-selfrep-fg:#33484B;
  --status-error-fg:#B3261E;
  --badge-source-fg:#963807;
  --badge-source-bg:#FBEADF;
  --badge-job-fg:#0B6B62;
  --badge-job-bg:#DDF1EE;
  --quote-rule:#0D7369;
  --quote-fg:#0A1416;
  --scrim:rgba(10,20,22,.45);
  --status-updated:#0D7369;
  --status-stale:#51676A;
  --keep:#17663A;
  --cut:#A8231B;
  --keep-bg:#E2F4E9;
  --cut-bg:#FCEAE8;
  --new:#0D7369;
  --new-ink:#FFFFFF;
  --live:#178A4C;
  --updated:#0D7369;
  --stale:#51676A;
  --cut-removed-fg:#A8231B;
  --cut-removed-strike:#C9362B;
  --cut-replaced-fg:#A8231B;
  --cut-replaced-mark:#0B6B62;
  --cut-disabled-fg:#33484B;
  --cut-disabled-strike:#C9362B;
  --cut-minimised-fg:#33484B;
  --cut-minimised-mark:#51676A;
  --cut-flagged-fg:#7A5000;
  --cut-flagged-mark:#7A5000;
  --cut-avoided-fg:#51676A;
  --cut-avoided-mark:#51676A;
  --shadow-1:0 1px 2px rgba(10,20,22,.06);
  --shadow-2:0 1px 2px rgba(10,20,22,.06), 0 10px 24px -14px rgba(10,20,22,.22);
  --shadow-3:0 24px 60px -24px rgba(10,20,22,.32);
  }
:root{
  --r-1:6px;
  --r-2:10px;
  --r-3:16px;
  --bw:1px;
  --dur-instant:90ms;
  --dur-fast:160ms;
  --dur-base:240ms;
  --dur-slow:420ms;
  --dur-hero:900ms;
  --stagger:40ms;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in:cubic-bezier(.7,0,.84,0);
  --ease-inout:cubic-bezier(.65,0,.35,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --ticker-speed:60s;
  --pulse-period:2400ms;
  --type-char:18ms;
  --font-display:'Bricolage Grotesque',system-ui,sans-serif;
  --font-body:Geist,system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  }
@media (prefers-reduced-motion:reduce){:root{--dur-instant:1ms;--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--dur-hero:1ms;--stagger:0ms;--type-char:0ms}}
:root,[data-theme=dark]{--sponsor-label-fg:#C3B8F5;--sponsor-border:#7A6CC0;--sponsor-bg:#161329;--sponsor-ink:#E4DEFF;--upvote-on-fg:#FF8A47;--upvote-on-bg:#2B1A10;--trending-fg:#5ED8CC;--trending-bg:#0E2A29;}
[data-theme=light]{--sponsor-label-fg:#54479C;--sponsor-border:#8577C8;--sponsor-bg:#F4F2FC;--sponsor-ink:#241B52;--upvote-on-fg:#AD410A;--upvote-on-bg:#FBEADF;--trending-fg:#0B6B62;--trending-bg:#DDF1EE;}
/* ===== Shared component layer: ONE schema, token-driven. Variation skins override shape only. ===== */
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
body{font-family:var(--font-body);font-size:15px;line-height:1.5;background:var(--bg);color:var(--text);transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-1)}
.mono,.eyebrow,.chip,.seg,.diff,code{font-family:var(--font-mono)}
.disp{font-family:var(--font-display);letter-spacing:-.035em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
::selection{background:var(--accent);color:var(--text-on-accent)}
/* header */
.hdr{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:22px;height:60px}
.hdr .logo{color:var(--logo-ink);display:flex}.nslogo{display:block}
.nav{display:flex;gap:4px;margin-left:12px}.nav a{font-size:14px;color:var(--text-2);padding:6px 10px;border-radius:var(--r-1);transition:color var(--dur-fast),background var(--dur-fast)}.nav a:hover{color:var(--text);background:var(--raised)}.nav a[aria-current]{color:var(--text)}
.nav .navbadge{font:11px var(--font-mono);margin-left:4px;padding:1px 6px;border-radius:99px;background:var(--status-new-bg);color:var(--status-new-fg)}
.hdr .sp{flex:1}
.search{font:12.5px var(--font-mono);color:var(--text-3);border:1px solid var(--line-strong);border-radius:var(--r-2);padding:7px 11px;min-width:210px;background:var(--surface)}
.iconbtn{border:1px solid var(--line-strong);border-radius:var(--r-2);padding:7px 10px;font:12px var(--font-mono);color:var(--text-2);background:var(--surface);transition:border-color var(--dur-fast),color var(--dur-fast)}.iconbtn:hover{color:var(--text);border-color:var(--text-3)}
.followcount{font:12px var(--font-mono);color:var(--status-followed-fg)}
/* status strip */
.strip{border-bottom:1px solid var(--line);font:12px var(--font-mono);color:var(--text-2)}.strip .wrap{display:flex;gap:16px;align-items:center;height:34px;overflow:hidden;white-space:nowrap}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--status-live);vertical-align:1px;margin-right:6px}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:var(--r-2);font-weight:600;font-size:14px;border:1px solid var(--line-strong);background:var(--surface);transition:transform var(--dur-instant) var(--ease-out),background var(--dur-fast),border-color var(--dur-fast)}
.btn:hover{border-color:var(--text-3)}.btn:active{transform:scale(.98)}
.btn-pri{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.btn-pri:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
/* type */
.eyebrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11.5px;color:var(--text-3);letter-spacing:.02em}.sico{color:var(--text-2);flex:none}
.h-sec{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:-.035em;line-height:1.05}
.dek{color:var(--text-2);font-size:16px;max-width:44em;margin-top:6px}
.sec{padding-block:44px}.sec-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.sec-hd a{font:13px var(--font-mono);color:var(--accent-text)}
/* chips & states (stable names) */
.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:3px 8px;border-radius:var(--r-1);background:var(--raised);color:var(--text-2);border:1px solid var(--line);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip-h{color:var(--aqua-text)}.chip-more{font:11.5px var(--font-mono);color:var(--text-3);padding:3px 6px}
.st-new{font:600 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:var(--status-new-bg);color:var(--status-new-fg);white-space:nowrap}
.st-older{background:var(--status-older-bg);color:var(--status-older-fg);border-color:transparent}.st-older .older-tag{opacity:1;font-size:10.5px;border-left:1px solid currentColor;padding-left:6px}.st-older.sm{font:11px var(--font-mono);padding:1px 6px;border-radius:var(--r-1)}
.st-notstated{display:inline-block;font:11.5px var(--font-mono);color:var(--status-notstated-fg);border:1px dashed var(--status-notstated-border);border-radius:var(--r-1);padding:1px 7px;white-space:nowrap}
.st-undated{font:11.5px var(--font-mono);color:var(--status-notstated-fg);font-style:italic}
.st-draft{font:11px var(--font-mono);padding:2px 8px;border-radius:99px;background:var(--status-draft-bg);color:var(--status-draft-fg);white-space:nowrap}
.st-dead{font:12.5px var(--font-mono);padding:10px 12px;border-radius:var(--r-2);background:var(--status-dead-bg);color:var(--status-dead-fg)}
.st-risk{font-size:13px;padding:10px 12px;border-radius:var(--r-2);background:var(--status-risk-bg);color:var(--status-risk-fg);border-left:3px solid var(--status-risk-fg)}.st-risk.inline{display:inline;padding:1px 6px;border-left-width:2px}
.st-risk .vq{color:var(--status-risk-fg)}
.st-selfrep{font:10.5px var(--font-mono);color:var(--status-selfrep-fg);border:1px solid var(--line-strong);border-radius:99px;padding:0 6px;white-space:nowrap}
.st-error{color:var(--status-error-fg)}
.badge-source,.badge-job{display:inline-block;align-self:flex-start;font:600 10.5px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;padding:3px 8px;border-radius:var(--r-1)}
.badge-source{background:var(--badge-source-bg);color:var(--badge-source-fg)}.badge-job{background:var(--badge-job-bg);color:var(--badge-job-fg)}
/* quotes: verbatim vs paraphrase */
q.vq{quotes:"“" "”";color:var(--quote-fg);font-style:italic}q.vq::before{content:open-quote;color:var(--quote-rule);font-style:normal;font-weight:700}q.vq::after{content:close-quote;color:var(--quote-rule);font-style:normal;font-weight:700}
.legend{font:12px var(--font-mono);color:var(--text-3);margin-top:8px}
/* compact card */
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-3);box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast),box-shadow var(--dur-base),background var(--dur-fast)}
.card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow-2);background:var(--raised)}
.card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.card .follow{position:relative;z-index:2}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.hook{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
.card:hover .hook{color:var(--text)}
.line{font-size:13px;color:var(--text-2);display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.line b{font:600 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);min-width:38px}
s.cut-item,.dl-cut s{color:var(--diff-cut-fg);text-decoration:line-through;text-decoration-color:var(--diff-cut-strike);text-decoration-thickness:2px}
.kept-item{color:var(--diff-kept-fg)}.kept-item::before{content:"+ ";color:var(--diff-kept-sign)}
.card-foot{margin-top:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:6px}
.byline{font-size:12.5px;color:var(--text-2);flex:1;min-width:0}.byline b{color:var(--text);font-weight:600}
.follow{font-size:15px;line-height:1;width:30px;height:30px;border-radius:var(--r-2);border:1px solid var(--line-strong);color:var(--text-3);transition:all var(--dur-fast) var(--ease-out)}
.follow:hover{color:var(--status-followed-fg);border-color:var(--status-followed-border)}
.follow[aria-pressed=true]{color:var(--status-followed-fg);border-color:var(--status-followed-border);background:var(--accent-weak)}
.follow-lg{width:auto;height:auto;padding:9px 14px;font:13px var(--font-mono)}
.card-draft{border-style:dashed;border-width:1px;border-color:var(--line-strong)}.draft-text{font-size:14px;color:var(--text-2)}
/* use-case tile */
.ucg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.uc-tile{display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-3);box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast),box-shadow var(--dur-base)}
.uc-tile:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-2)}
.uc-outcome{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.08;letter-spacing:-.03em}
.uc-done{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.uc-n{font:600 12px var(--font-mono);color:var(--text)}
.uc-rec{font-size:13px;color:var(--text-2)}.uc-rec b{color:var(--text);font-family:var(--font-mono)}
.uc-credit{font:11.5px var(--font-mono);color:var(--text-3)}.uc-go{font:600 13px var(--font-mono);color:var(--accent-text);margin-top:auto;transition:transform var(--dur-fast) var(--ease-out)}.uc-tile:hover .uc-go{transform:translateX(4px)}
/* diff */
.diff{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden;font-size:13px;box-shadow:var(--shadow-2)}
.diff-hd{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--line);color:var(--text-3);font-size:12px}.dmeta{flex:1}
.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r-2);overflow:hidden}.seg button{font-size:12px;padding:5px 10px;color:var(--text-2);transition:background var(--dur-fast),color var(--dur-fast)}.seg button span{color:var(--text-3)}
.seg button[aria-selected=true]{background:var(--text);color:var(--bg)}.seg button[aria-selected=true] span{color:inherit;opacity:.8}.seg button:hover:not([aria-selected=true]){background:var(--raised)}
.diff-body{padding:6px 0}
.dl{display:grid;grid-template-columns:22px 1fr auto;gap:8px;padding:4px 16px;align-items:baseline;transition:opacity var(--dur-base) var(--ease-out),max-height var(--dur-slow) var(--ease-inout),padding var(--dur-slow) var(--ease-inout);max-height:60px;overflow:hidden}
.dl-cut{background:var(--diff-cut-bg);color:var(--diff-cut-fg)}.dl-cut .sign{color:var(--diff-cut-strike);font-weight:700}
.dl-kept{background:var(--diff-kept-bg);color:var(--diff-kept-fg)}.dl-kept .sign{color:var(--diff-kept-sign);font-weight:700}
.dl .dwho:has(+x){}.dwho{color:var(--text-3);font-size:11.5px;white-space:nowrap}.dl-cut .dwho,.dl-kept .dwho{color:inherit;opacity:.85}
.dtext{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.diff[data-show=cut] .dl-kept,.diff[data-show=kept] .dl-cut{opacity:0;max-height:0;padding-top:0;padding-bottom:0}
/* strike draws in when a diff appears (motion token: dur-slow) */
.dl-cut s{background:linear-gradient(var(--diff-cut-strike),var(--diff-cut-strike)) no-repeat 0 55%/100% 2px;text-decoration:none;transition:background-size var(--dur-slow) var(--ease-out)}
.diff.swap .dl-cut s{background-size:0 2px}
/* tables */
.cmp-wrap{overflow:hidden;border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface)}
.cmp{width:100%;border-collapse:collapse;font-size:13.5px}.cmp th{text-align:left;font:600 11px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);padding:12px 14px;border-bottom:1px solid var(--line-strong);background:var(--raised)}
.cmp td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--text-2)}.cmp td:first-child{color:var(--text);font-weight:600}.cmp tr:last-child td{border-bottom:0}.cmp tbody tr{transition:background var(--dur-fast)}.cmp tbody tr:hover{background:var(--raised)}
.cutwhy td:first-child{font-weight:500}.cutwhy tr.not-cut s{text-decoration:none;background:none;color:var(--text)}
/* receipts */
.receipts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rcpt{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--r-3);background:var(--surface);border:var(--bw) solid var(--line)}
.rv{font:700 28px var(--font-display);letter-spacing:-.03em;color:var(--text)}.rl{font-size:13.5px;color:var(--text-2)}.rc{font-size:13px}.rown{font:11.5px var(--font-mono);color:var(--text-3);margin-top:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.collapsed{padding:6px 0}
/* boxes */
.box{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-3);padding:20px;box-shadow:var(--shadow-1)}
.takeaway{border-left:3px solid var(--accent);background:var(--accent-weak)}.takeaway .lab,.ourread .lab{font:600 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}
.takeaway p{font-size:19px;font-weight:500;margin-top:4px;color:var(--text)}
.ourread{border-left:3px solid var(--aqua);background:var(--aqua-weak)}.ourread .lab{color:var(--aqua-text)}.ourread p{margin-top:4px;color:var(--text)}
.kv{display:grid;grid-template-columns:120px 1fr;gap:10px 16px;font-size:14px}.kv dt{font:11.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding-top:3px}.kv dd{display:flex;flex-wrap:wrap;gap:6px}
.runs{list-style:none;display:flex;flex-direction:column;gap:0}.runs li{padding:8px 0;border-bottom:1px solid var(--line);color:var(--text-2);display:grid;grid-template-columns:18px 1fr;overflow-wrap:anywhere}.runs li::before{content:"+";color:var(--diff-kept-sign);font:700 13px var(--font-mono)}
.crumb{font:12.5px var(--font-mono);color:var(--text-3);padding:22px 0 12px}.crumb a{color:var(--accent-text)}.crumb a:hover{text-decoration:underline}
/* new since last visit */
.since{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--r-3);background:var(--raised);border:1px solid var(--line-strong);font-size:14px}
.since b{font-family:var(--font-display);font-size:18px}.since .sp{flex:1}.since[hidden]{display:none}
.since.seen{opacity:.8}
.ticker{overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--line);font:12.5px var(--font-mono);color:var(--text-2);background:var(--surface)}
.ticker-in{display:inline-flex;gap:36px;padding:9px 0;animation:tick var(--ticker-speed) linear infinite}.ticker:hover .ticker-in{animation-play-state:paused}
.ticker a:hover{color:var(--text);text-decoration:underline}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pulse{animation:pulse var(--pulse-period) var(--ease-inout) infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--status-live) 60%,transparent)}50%{box-shadow:0 0 0 5px transparent}}
.reveal{animation:rise var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * var(--stagger))}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cover .cv-k{fill:var(--text)}.cover .cv-c{fill:none;stroke:var(--logo-cut);stroke-width:2;stroke-dasharray:4 3}
.skel{height:14px;border-radius:var(--r-1);background:linear-gradient(90deg,var(--line),var(--raised),var(--line));background-size:200% 100%;animation:sk 1.4s linear infinite}@keyframes sk{to{background-position:-200% 0}}
.footer{border-top:1px solid var(--line);padding:28px 0 60px;color:var(--text-3);font-size:13px}
.pager{display:flex;gap:6px;justify-content:center;margin-top:16px;font:12.5px var(--font-mono)}.pager a{padding:6px 10px;border:1px solid var(--line-strong);border-radius:var(--r-1)}.pager a[aria-current]{background:var(--text);color:var(--bg)}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:var(--overlay);color:var(--text);border:1px solid var(--line-strong);padding:10px 16px;border-radius:var(--r-2);box-shadow:var(--shadow-3);font:13px var(--font-mono);transition:all var(--dur-base) var(--ease-out);z-index:50}.toast.on{opacity:1;transform:translateX(-50%)}
/* responsive */
@media (max-width:860px){.wrap{padding:0 16px}.nav,.search,.hide-m{display:none}.grid,.ucg,.receipts{grid-template-columns:1fr}
.kv{grid-template-columns:1fr}
 .cmp thead{display:none}.cmp,.cmp tbody,.cmp tr,.cmp td{display:block;width:100%}.cmp tr{padding:12px 14px;border-bottom:1px solid var(--line-strong)}.cmp td{border:0;padding:3px 0;display:grid;grid-template-columns:96px 1fr;gap:8px}.cmp td::before{content:attr(data-col);font:600 10.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding-top:2px}
 .cutwhy td:nth-child(1)::before{content:"Cut"}.cutwhy td:nth-child(2)::before{content:"Status"}.cutwhy td:nth-child(3)::before{content:"Why"}
 .dl{grid-template-columns:18px 1fr}.dwho{grid-column:2;white-space:normal}.dtext{white-space:normal}.dl{max-height:120px}}

/* reduced motion: durations collapse, ticker stops and wraps, no pulse/skeleton shimmer */
@media (prefers-reduced-motion:reduce){:root{--dur-instant:1ms;--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--dur-hero:1ms;--stagger:0ms}
 .ticker-in{animation:none;white-space:normal;flex-wrap:wrap;gap:8px 24px;padding:9px 16px}.ticker-dup{display:none!important}.pulse,.skel,.reveal{animation:none}*{scroll-behavior:auto!important}}
.hero1>*,.console>*,.hero3-row>*,.sp-grid>*,.feature>*,.cut3>*{min-width:0}
@media (max-width:860px){.diff-hd{flex-wrap:wrap}.picker select{max-width:100%}}
/* ===== Motion integration (motion/07–10). Every animation has a final, server-rendered state. ===== */
/* 09 status lights: live pulses, updated pulses twice, stale is a hollow ring and never moves */
.sl{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--c);display:inline-block}
.sl-live{--c:var(--live)}.sl-updated{--c:var(--updated)}.sl-stale{--c:transparent;box-shadow:inset 0 0 0 1.5px var(--stale)}
.sl::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--c);opacity:0}
.on .sl-live::after,.sl-live.on::after{animation:slpulse var(--pulse-period) var(--ease-out) infinite}
.on .sl-updated::after{animation:slpulse var(--pulse-period) var(--ease-out) 2}
@keyframes slpulse{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(2.8);opacity:0}}
.sl-legend{display:flex;gap:16px;flex-wrap:wrap;font:12px var(--font-mono);color:var(--text-3)}.sl-legend span{display:inline-flex;gap:7px;align-items:center}
/* 08 diff reveal: lines stagger in, cut strike draws, why fades */
.js .diff .dl{opacity:0;transform:translateX(-10px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),max-height var(--dur-slow) var(--ease-inout),padding var(--dur-slow) var(--ease-inout);transition-delay:calc(var(--i,0) * 55ms)}
.js .diff.in .dl{opacity:1;transform:none}
.js .diff .dl-cut s{background-size:0 2px;transition:background-size var(--dur-slow) var(--ease-out);transition-delay:calc(var(--i,0) * 55ms + 300ms)}
.js .diff.in .dl-cut s{background-size:100% 2px}
.js .diff .dwho{opacity:0;transition:opacity var(--dur-base);transition-delay:calc(var(--i,0) * 55ms + 560ms)}.js .diff.in .dwho{opacity:.85}
.diff[data-show=cut] .dl-kept,.diff[data-show=kept] .dl-cut{opacity:0!important;max-height:0;padding-top:0;padding-bottom:0;transition-delay:0ms!important}
/* 07 new since visit: badge springs in, leaves with ease-in when seen; since bar drops in */
.js .card.is-new .st-new{transform:scale(0);opacity:0;transition:transform var(--dur-base) var(--ease-spring),opacity var(--dur-fast);display:inline-block}
.js.ready .card.is-new .st-new{transform:none;opacity:1;transition-delay:calc(200ms + var(--i,0) * var(--stagger))}
.js .card.is-new.seen .st-new{transform:scale(.6);opacity:0;transition:transform var(--dur-base) var(--ease-in),opacity var(--dur-base) var(--ease-in)}
.card.is-new{border-color:color-mix(in srgb,var(--new) 45%,var(--line))}.card.is-new.seen{border-color:var(--line)}
.since{animation:drop var(--dur-slow) var(--ease-out) backwards}@keyframes drop{from{opacity:0;transform:translateY(-10px) scaleY(.96)}}
.ticker:focus-within .ticker-in{animation-play-state:paused}
/* 10 terminal intro (agentic variation) */
.term{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-2);overflow:hidden;margin-bottom:18px}
.term-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);font:12px var(--font-mono);color:var(--text-3)}.term-bar i{width:9px;height:9px;border-radius:50%;background:var(--raised)}.term-bar .sp{flex:1}
.skip{font:12px var(--font-mono);border:1px solid var(--line-strong);color:var(--text-2);border-radius:var(--r-1);padding:2px 9px}
.term pre{margin:0;padding:14px 16px 16px;font:13px/1.7 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere}
.term .ln{display:block;color:var(--text-2)}.term .ln.cmd{color:var(--text)}.term .ln.cmd::first-letter{color:var(--aqua-text)}
.typing .ln{position:relative;opacity:0;overflow:hidden;width:fit-content;max-width:100%;padding-right:.7em}.typing .ln.go{opacity:1}
.typing .ln::after{content:"";position:absolute;inset:0;background:var(--surface);box-shadow:-.6em 0 0 var(--accent)}
.typing .ln.cmd.go::after{animation:type calc(var(--n) * var(--type-char)) steps(var(--n)) forwards}.typing .ln:not(.cmd).go::after{animation:type 220ms var(--ease-out) forwards}
@keyframes type{to{transform:translateX(100%)}}.typing .ln.fin::after{content:none}
.caret{display:inline-block;width:.6em;height:1.1em;vertical-align:-.2em;background:var(--accent);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.typing .caret{display:none}
@media (prefers-reduced-motion:reduce){.on .sl::after,.sl::after{animation:none!important}.caret{animation:none}.since{animation:none}
 .js .diff .dl,.js .diff .dwho,.js .card.is-new .st-new{opacity:1;transform:none;transition:none}.js .diff .dl-cut s{background-size:100% 2px;transition:none}}
/* ---- Content Design v3 ---- */
.card-corner{position:absolute;top:14px;right:14px;z-index:2;display:flex;align-items:center;gap:6px}
.card-top{padding-right:38px}.card.is-new .card-top{padding-right:76px}
.cut-item{display:inline-flex;align-items:baseline;gap:3px}
.cut-item s{text-decoration-line:line-through;text-decoration-thickness:2px}
.ck-sym{font:600 .92em var(--font-mono)}.ck-sym:empty{display:none}
.ck-removed{color:var(--cut-removed-fg)}.ck-removed s{text-decoration-color:var(--cut-removed-strike)}
.ck-replaced{color:var(--cut-replaced-fg)}.ck-replaced s{text-decoration-color:var(--cut-removed-strike)}.ck-replaced .ck-sym{color:var(--cut-replaced-mark)}
.ck-disabled{color:var(--cut-disabled-fg)}.ck-disabled s{text-decoration-style:dashed;text-decoration-color:var(--cut-disabled-strike);text-decoration-thickness:1.5px}.ck-disabled .ck-sym{color:var(--cut-disabled-strike)}
.ck-minimised{color:var(--cut-minimised-fg)}.ck-minimised s{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:var(--cut-minimised-mark);text-underline-offset:3px}.ck-minimised .ck-sym{color:var(--cut-minimised-mark)}
.ck-flagged{color:var(--cut-flagged-fg)}.ck-flagged s{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:var(--cut-flagged-mark);text-decoration-thickness:1px;text-underline-offset:3px}.ck-flagged .ck-sym{color:var(--cut-flagged-mark)}
.ck-avoided{color:var(--cut-avoided-fg)}.ck-avoided s{text-decoration:none;font-style:italic}.ck-avoided .ck-sym{color:var(--cut-avoided-mark)}
.row-draft td{color:var(--text-2)}.row-draft td:first-child{font-style:italic}.st-draft.sm,.st-draft{white-space:nowrap}
.uc-done .st-draft{margin-left:4px}
.rchip{display:inline-flex;gap:6px;align-items:baseline;font:600 14px var(--font-mono);color:var(--text)}.rchip .st-selfrep{font-weight:400;font-size:11px}
.sp-eb{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.story{display:flex;flex-direction:column;gap:12px}.st-row{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:10px 0;border-top:1px solid var(--line)}.st-lab{font:600 12px var(--font-mono);color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.st-ours .st-lab{color:var(--aqua-text)}
@media(max-width:600px){.st-row{grid-template-columns:1fr;gap:4px}}
.card .eyebrow{flex-wrap:nowrap;white-space:nowrap;flex:1 1 auto;min-width:0}
.card-foot .byline{flex:1 1 100%}.byline b,.bl-role{white-space:nowrap}
/* v7 · use cases are the hero. Built on Night Shift v1 Refined base.css + tokens. */
.v7 .h1{font-weight:800;font-size:48px;line-height:1;letter-spacing:-.035em;max-width:16em;margin:30px 0 10px}
.hero7 .dek{max-width:44em}
.cat-hero{padding:24px 0 4px}.h1c{font-weight:800;font-size:44px;line-height:1;margin:8px 0}
.srch{display:flex;align-items:center;gap:10px;margin:20px 0 18px;padding:0 14px;height:52px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-3)}
.srch:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 30%,transparent)}
.srch input{flex:1;min-width:0;height:100%;background:none;border:0;color:var(--text);font:16px var(--font-body);outline:none}.srch input::placeholder{color:var(--text-3)}
.srch>span{color:var(--text-3);font-size:18px}.srch kbd{font:11px var(--font-mono);color:var(--text-3);border:1px solid var(--line-strong);border-radius:4px;padding:1px 6px}
.layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:28px;align-items:start}
.side{position:sticky;top:76px;display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - 90px);overflow:auto;padding-bottom:10px}
.fh{font:600 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}
.flist{display:flex;flex-direction:column;gap:1px}
.fi{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:6px 8px;border-radius:var(--r-1);font-size:13.5px;color:var(--text-2);background:none;border:0}
.fi:hover{background:var(--raised);color:var(--text)}.fi[aria-pressed=true]{background:var(--accent-weak);color:var(--accent-text);font-weight:600}.fi .mono{font-size:11.5px;color:var(--text-3)}.fi[aria-pressed=true] .mono{color:var(--accent-text)}
.fsample{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text-2)}
.rbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.sort{display:inline-flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2)}
.sort button{padding:6px 12px;border-radius:var(--r-1);font-size:13px;color:var(--text-2);background:none;border:0}.sort button[aria-selected=true]{background:var(--raised);color:var(--text);font-weight:600;box-shadow:inset 0 0 0 1px var(--line-strong)}
.rcount{font-size:12px;color:var(--text-3)}
.activef{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.activef:empty{display:none}.activef .chip{cursor:pointer}
.ucgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.uc{display:flex;flex-direction:column;gap:8px;padding:14px 14px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);min-width:0;position:relative;transition:border-color var(--dur-fast),transform var(--dur-fast) var(--ease-out)}
.uc:hover{border-color:var(--line-strong)}.uc:has(.uc-t a:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.uc-top{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-height:22px}
.trend{margin-left:auto;font:600 11px var(--font-mono);color:var(--trending-fg);background:var(--trending-bg);padding:2px 7px;border-radius:99px;white-space:nowrap}
.uc-t{font:700 16.5px/1.22 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.uc-t a{color:var(--text)}.uc-t a::after{content:"";position:absolute;inset:0;border-radius:inherit}.uc-t a:focus-visible{outline:none}
.uc-s{font-size:13.5px;line-height:1.45;color:var(--text-2)}
.uc-f{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:4px}
.uc-a{font-size:12.5px;color:var(--text-3);min-width:0;overflow-wrap:anywhere}
.samp{font:600 10.5px var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--status-draft-fg);background:var(--status-draft-bg);padding:1px 6px;border-radius:99px}
.up{position:relative;z-index:2;display:inline-flex;align-items:center;gap:5px;font:600 12.5px var(--font-mono);padding:5px 10px;border-radius:var(--r-2);border:1px solid var(--line-strong);color:var(--text-2);background:var(--surface);flex:none}
.up:hover{border-color:var(--accent);color:var(--accent-text)}.up[aria-pressed=true]{color:var(--upvote-on-fg);background:var(--upvote-on-bg);border-color:var(--accent)}
.up-lg{padding:8px 14px;font-size:14px}
.more{display:flex;justify-content:center;margin:18px 0}.more .btn[hidden]{display:none}
.empty{padding:40px;text-align:center;color:var(--text-2);border:1px dashed var(--line-strong);border-radius:var(--r-3)}.linkbtn{color:var(--accent-text);text-decoration:underline;background:none;border:0}
/* sponsor */
.sp-lab{font:600 10.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sponsor-label-fg)}
.spon{background:var(--sponsor-bg);border:1px solid var(--sponsor-border);border-radius:var(--r-3)}
.spon-empty{border-style:dashed}
.spon .uc-t a,.spon .sp-t{color:var(--sponsor-ink)}.spon .uc-s,.spon .sp-l{color:var(--text-2)}.spon .uc-a{color:var(--sponsor-label-fg)}
aside.spon:not(.uc){display:flex;flex-direction:column;gap:5px;padding:14px;font-size:13.5px}.sp-t{font:700 15px var(--font-display)}.sp-cta{color:var(--accent-text);font-weight:600;font-size:13px}.sp-cta:hover{text-decoration:underline}
.sp-strip{background:var(--sponsor-bg);border-bottom:1px solid var(--sponsor-border);font-size:13px;color:var(--text-2)}
.sp-strip .wrap{display:flex;gap:12px;align-items:center;min-height:38px;flex-wrap:wrap}.sp-strip b{color:var(--sponsor-ink)}.sp-strip a{color:var(--accent-text);font-weight:600}.sp-strip .sp{flex:1}
.sp-prompt{margin-top:12px}
/* newsletter */
.news{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;margin:56px 0 30px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3)}
.news h2{font-weight:800;font-size:30px;line-height:1.05;margin:8px 0}.news .lab{font-size:11px;color:var(--aqua-text);text-transform:uppercase;letter-spacing:.06em}
.nl-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.nl-form input{flex:1;min-width:200px;height:44px;padding:0 12px;border-radius:var(--r-2);border:1px solid var(--line-strong);background:var(--bg);color:var(--text);font:15px var(--font-body)}
.news-issue{display:flex;flex-direction:column;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-3);padding:16px}.ni-hd{font-size:11px;color:var(--text-3)}
.ni-list{display:flex;flex-direction:column;gap:8px;padding-left:18px;font-size:14px}.ni-list li{display:flex;flex-direction:column}
/* detail */
.samplebar{margin:16px 0 0;padding:10px 14px;border-radius:var(--r-2);background:var(--status-draft-bg);color:var(--status-draft-fg);font-size:13.5px}
.det-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;margin-top:8px}
.det-h1{font-weight:800;font-size:42px;line-height:1.02;letter-spacing:-.03em;margin:10px 0 10px;text-wrap:balance}
.det-sum{font-size:18px;color:var(--text);max-width:38em}
.det-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:14px 0 22px;color:var(--text-2);font-size:14px}.det-meta .up{margin-left:auto}
.pblock{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-3);padding:16px}
.pb-hd{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.pb-hd .h-sm{margin:0}
.prompt{font:13.5px/1.6 var(--font-mono);color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-2);padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:440px;overflow:auto}
.prompt:focus-visible{outline:2px solid var(--focus)}
.pblock .legend{margin-top:8px}
.fb{margin:22px 0;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.fb .h-sm{margin:0}.fb-b{display:flex;gap:8px}.fb [aria-pressed=true]{border-color:var(--accent);color:var(--accent-text);background:var(--accent-weak)}.fb-msg{flex-basis:100%}
.h-sm{font:700 18px var(--font-display);letter-spacing:-.02em;margin-bottom:12px}.h-sm .legend{font:12px var(--font-body);margin-left:6px}
.blk{margin:26px 0}.kv{display:grid;grid-template-columns:130px 1fr;gap:10px 16px;font-size:14px}.kv dt{color:var(--text-3);font:12px var(--font-mono);padding-top:4px}.kv dd{display:flex;gap:6px;flex-wrap:wrap}
.tl{list-style:disc;padding-left:18px;color:var(--text-2);display:flex;flex-direction:column;gap:4px}
.srcs{display:flex;flex-direction:column;gap:10px}.srcs li{display:flex;flex-direction:column;gap:2px}.srcs a{color:var(--accent-text);font-weight:600}.srcs .legend{overflow-wrap:anywhere}
.det-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:76px;align-self:start}
.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:16px}
.mini{display:block;padding:8px 0;border-bottom:1px solid var(--line);color:var(--text);font-size:14px}.mini:hover{color:var(--accent-text)}
/* sponsor page */
.spage .dek{max-width:44em}.h-sec{font:700 24px var(--font-display);letter-spacing:-.025em;margin-bottom:14px}
.pls{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.pl{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3)}
.pl-prev{height:110px;border-radius:var(--r-2);background:var(--bg);border:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:6px;overflow:hidden}
.pl-prev i{display:block;height:8px;border-radius:4px;background:var(--raised)}
.mini-strip{display:flex;gap:8px;align-items:center;padding:6px 8px;background:var(--sponsor-bg);border:1px solid var(--sponsor-border);border-radius:6px}.mini-strip i{flex:1}
.mini-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;height:100%}.mc{height:auto!important;background:var(--surface)!important;border:1px solid var(--line)}
.mini-card{display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:6px}.spon-mini{background:var(--sponsor-bg);border:1px solid var(--sponsor-border)}.mini-card i{width:80%}.mini-card i.s{width:55%}
.mini-side{display:grid;grid-template-columns:1fr;gap:6px;width:46%;margin-left:auto}
.mini-prompt{gap:6px}.mini-prompt .sp-lab{padding:4px 6px;background:var(--sponsor-bg);border:1px solid var(--sponsor-border);border-radius:6px;align-self:flex-start}
.mini-news .sp-lab{padding:4px 6px;background:var(--sponsor-bg);border:1px solid var(--sponsor-border);border-radius:6px;align-self:flex-start;margin-top:auto}
.aud{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:8px}.aud .box{display:flex;flex-direction:column;gap:4px}.aud .lab{font-size:11px;color:var(--text-3);text-transform:uppercase}.tbd{font:800 30px var(--font-display);color:var(--text-3)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.two p{margin-bottom:10px;color:var(--text-2)}
.ladder td,.ladder th{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}.ladder{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--r-2)}
.mailto{color:var(--accent-text);font-weight:700;text-decoration:underline}
.crumb{font-size:13px;color:var(--text-3);margin-top:18px}.crumb a{color:var(--text-2)}.crumb a:hover{color:var(--accent-text)}
@media (max-width:1100px){.ucgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.v7 .h1{font-size:32px;margin-top:20px}.h1c{font-size:32px}.layout{grid-template-columns:minmax(0,1fr);gap:12px}
 .side{position:static;max-height:none;overflow:visible;gap:10px}.flist{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}
 .fi{width:auto;flex:none;border:1px solid var(--line);white-space:nowrap}.side .spon{display:none}
 .ucgrid{grid-template-columns:1fr}.news{grid-template-columns:1fr;padding:18px}.det-grid{grid-template-columns:minmax(0,1fr)}.det-side{position:static}.det-h1{font-size:30px}
 .aud{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.rbar{flex-wrap:wrap}.srch input{font-size:15px}}
.side,.results,.det-main,.det-side,.fgroup{min-width:0}
.kv{grid-template-columns:130px minmax(0,1fr)}.kv dd{min-width:0}.kv .chip{white-space:normal;max-width:100%}@media (max-width:860px){.kv{grid-template-columns:minmax(0,1fr)}}
.srcs li{gap:3px}.src-who b{color:var(--text)}.prim{font:600 10px var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--aqua-text);margin-left:6px}
.sp-strip .wrap{flex-wrap:nowrap;white-space:nowrap}.sp-strip .sp-msg{overflow:hidden;text-overflow:clip;min-width:0}
.ladder-steps{display:flex;flex-direction:column;gap:10px;padding-left:20px;color:var(--text-2);max-width:46em}.ladder-steps b{color:var(--text)}
.contact .lab{font-size:11px;color:var(--accent-text);text-transform:uppercase;letter-spacing:.06em}
.srcs a{overflow-wrap:anywhere;word-break:break-word;font-family:var(--font-mono);font-size:12.5px;font-weight:500}
/* toast: base .toast is shrink-to-fit inside left:50%, so it wrapped at ~half the viewport (~20 chars at 390); give it the full width (Visual Design v8 measure report) */
.toast{width:max-content;max-width:calc(100vw - 32px);text-align:center}
/* growth: Agent Wars, power rankings, weekly challenge, home teaser (Night Shift v1 Refined tokens only) */
.teaser{display:flex;flex-wrap:wrap;gap:6px 18px;margin:-6px 0 18px;font-size:14px}.teaser a{color:var(--text-2)}.teaser a:hover{color:var(--text)}.teaser .lab{font:600 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--aqua-text);margin-right:6px}
.btn-s{padding:6px 10px;font-size:13px}.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:20px 0}.share .legend{margin-right:4px}
.wsched{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 10px;margin:16px 0 6px}.wsched li{padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-2);font-size:13.5px;background:var(--surface)}.wsched li[aria-current]{border-color:var(--accent)}.wsched .legend{font-size:12.5px}
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px}
.wcard{border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);padding:14px 16px}.wcard-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:10px}.wcard-h .lab{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.wcard-h .tlink{font-size:13px}
.wpair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start}.vs{align-self:center;color:var(--text-3);font-size:12px;text-transform:uppercase;padding-top:2px}
.wside{min-width:0;display:flex;flex-direction:column;gap:6px}
.wvote{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n c" "b b";gap:6px 8px;align-items:center;width:100%;text-align:left;padding:10px 12px;border-radius:var(--r-2);border:1px solid var(--line-strong);background:var(--bg);color:var(--text);font:600 15px var(--font-body);cursor:pointer}
.wvote:hover:not(:disabled){border-color:var(--text-3)}.wvote:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.wvote:disabled{cursor:default}
.wvote[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.wvote .wn{grid-area:n;min-width:0;overflow-wrap:anywhere}.wvote .wc{grid-area:c;font-size:12.5px;color:var(--text-2)}
.wbar{grid-area:b;display:block;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.wbar i{display:block;height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.wside:last-child .wbar i{background:var(--aqua-text)}
.seed{font-size:11.5px;color:var(--text-3);font-weight:500;margin-right:2px}.wbasis{font-size:12.5px}
.wuc{list-style:none;padding:0;margin:0;display:grid;gap:4px}.wuc li{font-size:13px;line-height:1.35}.wuc a{color:var(--text-2)}.wuc a:hover{color:var(--text)}
.wside.won .wvote{border-color:var(--accent)}.wres,.wmsg{margin-top:8px}.wmsg:empty{display:none}
.wars .wcard{max-width:980px}
.bracket{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bcol h3{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin-bottom:8px}.bcol h3 .legend{text-transform:none;letter-spacing:0;font:12px var(--font-body)}
.bcol ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:space-around;gap:8px;height:calc(100% - 26px)}
.bm{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--text);font-size:13.5px}a.bm:hover{border-color:var(--text-3)}
.bt{display:flex;gap:6px;align-items:baseline;padding:6px 9px;min-width:0;overflow-wrap:anywhere}.bt+.bt{border-top:1px solid var(--line)}.bt.w{font-weight:700;color:var(--accent-text)}.bt.bt-tbd{color:var(--text-3);font:500 13.5px var(--font-body)}
.wseeds td.mono{width:60px}
.rktab td.rk{width:40px;font-size:18px;font-weight:700}.rktab .rr{display:block;font-size:13px;color:var(--text-2);font-weight:400;margin-top:3px}
.mv{font:600 12.5px var(--font-mono);white-space:nowrap}.mv-up{color:var(--aqua-text)}.mv-down{color:var(--status-risk-fg)}.mv-new{color:var(--accent-text)}.mv-same{color:var(--text-3)}
.chal{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-3);background:var(--surface);padding:18px 20px;margin:18px 0}.chal .lab{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}.chal h2{font-size:28px;line-height:1.1;margin:8px 0}.chal p{margin:8px 0;max-width:44em}
.steps{padding-left:20px;display:grid;gap:6px;max-width:44em}.form select{width:100%;padding:10px 12px;border-radius:var(--r-2);border:1px solid var(--line-strong);background:var(--bg);color:var(--text);font:15px var(--font-body)}
@media (max-width:860px){.wgrid{grid-template-columns:1fr}.bracket{grid-template-columns:1fr;gap:18px}.bcol ol{height:auto}.chal h2{font-size:23px}}
@media (max-width:520px){.wpair{grid-template-columns:1fr}.vs{justify-self:center;padding:0}}
@media (prefers-reduced-motion:reduce){.wbar i{transition:none}}
.rktab tbody th{background:none}.rktab .rr .tlink{font-weight:500}
/* v8 personality hooks: hidden until assets/v8/layer.js adds html.v8 (the layer degrades to exactly v7) */
.sg,.pk,.peek,.tick,.duty,.fm,.pal-k,.eg-hint,.rk-replay,.mb,.v8l{display:none}
/* v8 copy slots (Content Design v8 voice pack): plain text, shown with or without the layer */
.wpers{margin:0;display:grid;gap:1px}
.wp-l{font:700 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
.wp-t{font-size:13px;line-height:1.4;color:var(--text-2)}
.rktab .rr .blurb{display:block;color:var(--text);font-weight:500;margin-bottom:2px}
.empty-h{margin:0 0 8px;font:700 22px/1.2 var(--font-display);letter-spacing:-.02em;color:var(--text)}
.empty-b{margin:0 auto;max-width:36em;font-size:14px}
.empty-b .linkbtn{padding:0;font:inherit;cursor:pointer}
.signoff{margin:8px 0 0;color:var(--text-2)}
.so-s{display:none}
@media (max-width:520px){.so-l{display:none}.so-s{display:inline}}

.skiplink{position:absolute;left:-999px;top:8px;z-index:99;background:var(--surface);color:var(--text);padding:8px 12px;border-radius:var(--r-2)}.skiplink:focus{left:8px}
.ph-note{font:12px var(--font-mono);color:var(--text-3);margin-top:8px}.footer a{color:var(--text-2);text-decoration:underline}.footer .fl{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px}
.sp-strip .sp-msg{white-space:nowrap}@media (max-width:860px){.sp-strip .hs{display:none}}
.alist{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 16px;margin-top:12px}.alist .fi{display:flex;justify-content:space-between}
.today{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;margin:0 0 18px;padding:12px 16px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-3);background:var(--surface)}.today .lab{font:600 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}.today a{color:var(--text);font-weight:600}.today a:hover{color:var(--accent-text)}.today .ts{color:var(--text-2);font-size:14px;flex:1 1 280px;min-width:0}.today .legend{font-size:12.5px}@media (max-width:860px){.today{margin-top:14px;gap:4px 10px}}
.sv{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:32px;font:600 12.5px var(--font-mono);padding:5px 8px;border-radius:var(--r-2);border:1px solid var(--line-strong);color:var(--text-2);background:var(--surface);flex:none}.sv:hover{color:var(--text);border-color:var(--text-3)}.sv[aria-pressed=true]{color:var(--accent-text);border-color:var(--accent)}.uc-f .acts{display:flex;gap:6px}.det-act{margin-left:auto;display:flex;gap:8px}.det-meta .det-act .up{margin-left:0}.sv-lg,.up-lg{padding:8px 12px}
.fbn{font-weight:600;margin-left:4px;color:var(--text-3)}.fbn:empty{display:none}
.form{display:grid;gap:14px;max-width:640px;margin-top:16px}.form label{display:grid;gap:6px;font-weight:600;font-size:14px}.form .opt{font-weight:400;color:var(--text-3);font-size:13px}.form input,.form textarea{width:100%;padding:10px 12px;border-radius:var(--r-2);border:1px solid var(--line-strong);background:var(--bg);color:var(--text);font:15px var(--font-body)}.form textarea{min-height:120px;resize:vertical}.form input:focus-visible,.form textarea:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-msg{min-height:1.4em}.form-msg.err{color:var(--status-risk-fg)}.form-msg.ok{color:var(--accent-text)}
.svlist{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}.svlist li{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface)}.svlist a{font-weight:600;color:var(--text)}.svlist p{margin:4px 0 0;color:var(--text-2);font-size:14px}.svbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.cmp{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}.cmp th,.cmp td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.cmp td.n{font-family:var(--font-mono);text-align:right;white-space:nowrap;width:30%}.cmp tbody th{font:500 14px var(--font-body);text-transform:none;letter-spacing:0;color:var(--text)}.cmp tbody th a{color:var(--text)}.cmp tbody th a:hover{color:var(--accent-text)}.cmp .bar{margin-left:auto}.cmp th.n{text-align:right}.cmp .bar{display:block;height:6px;border-radius:3px;background:var(--accent);margin-top:4px;opacity:.8}.cmp .bar.b{background:var(--aqua-text)}.cmp-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cmp-cols ul{list-style:none;padding:0;margin:8px 0 0}.cmp-cols li{padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}.tbl-wrap{overflow-x:auto}@media (max-width:860px){.cmp-cols{grid-template-columns:1fr}}
.why-tr{margin-top:6px}.why-tr li{font-size:13px;color:var(--text-2);margin:2px 0}
:root{--ag:var(--text-2);--ag-weak:var(--raised);--ag-ink:var(--bg)}[data-theme=dark] .ag-claude{--ag:#F0754C;--ag-weak:#3C2C26;--ag-ink:#0A1214}[data-theme=dark] .ag-openclaw{--ag:#42C4F0;--ag-weak:#193C47;--ag-ink:#0A1214}[data-theme=dark] .ag-cursor{--ag:#A88EF6;--ag-weak:#2E3148;--ag-ink:#0A1214}[data-theme=dark] .ag-amp{--ag:#C4F042;--ag-weak:#334524;--ag-ink:#0A1214}[data-theme=dark] .ag-meta-muse{--ag:#639FF2;--ag-weak:#203548;--ag-ink:#0A1214}[data-theme=dark] .ag-instinct{--ag:#F0A742;--ag-weak:#3C3624;--ag-ink:#0A1214}[data-theme=dark] .ag-hermes-agent{--ag:#C27BF4;--ag-weak:#332D48;--ag-ink:#0A1214}[data-theme=dark] .ag-pi{--ag:#8BF042;--ag-weak:#284524;--ag-ink:#0A1214}[data-theme=dark] .ag-grok-bot{--ag:#F368A2;--ag-weak:#3D2A38;--ag-ink:#0A1214}[data-theme=dark] .ag-antigravity{--ag:#42F0A7;--ag-weak:#194539;--ag-ink:#0A1214}[data-theme=dark] .ag-chatgpt-dots{--ag:#42F06E;--ag-weak:#19452D;--ag-ink:#0A1214}[data-theme=dark] .ag-manus{--ag:#F25FCD;--ag-weak:#3C2840;--ag-ink:#0A1214}[data-theme=dark] .ag-opencode{--ag:#42F0E1;--ag-weak:#194544;--ag-ink:#0A1214}[data-theme=dark] .ag-perplexity-computer{--ag:#F4717C;--ag-weak:#3D2B30;--ag-ink:#0A1214}[data-theme=dark] .ag-codex{--ag:#8E96F6;--ag-weak:#283348;--ag-ink:#0A1214}[data-theme=dark] .ag-gemini-cli{--ag:#F0E142;--ag-weak:#3C4224;--ag-ink:#0A1214}[data-theme=dark] .ag-n8n{--ag:#51F042;--ag-weak:#1C4524;--ag-ink:#0A1214}[data-theme=light] .ag-claude{--ag:#AA350E;--ag-weak:#EED7CF;--ag-ink:#FFFFFF}[data-theme=light] .ag-openclaw{--ag:#0B6684;--ag-weak:#CEE0E6;--ag-ink:#FFFFFF}[data-theme=light] .ag-cursor{--ag:#3E10C6;--ag-weak:#D8CFF4;--ag-ink:#FFFFFF}[data-theme=light] .ag-amp{--ag:#506808;--ag-weak:#DCE1CE;--ag-ink:#FFFFFF}[data-theme=light] .ag-meta-muse{--ag:#105AC1;--ag-weak:#CFDEF3;--ag-ink:#FFFFFF}[data-theme=light] .ag-instinct{--ag:#89540B;--ag-weak:#E7DDCE;--ag-ink:#FFFFFF}[data-theme=light] .ag-hermes-agent{--ag:#7A10C6;--ag-weak:#E4CFF4;--ag-ink:#FFFFFF}[data-theme=light] .ag-pi{--ag:#326D09;--ag-weak:#D6E2CE;--ag-ink:#FFFFFF}[data-theme=light] .ag-grok-bot{--ag:#B30F53;--ag-weak:#F0CFDD;--ag-ink:#FFFFFF}[data-theme=light] .ag-antigravity{--ag:#096D43;--ag-weak:#CEE2D9;--ag-ink:#FFFFFF}[data-theme=light] .ag-chatgpt-dots{--ag:#096D22;--ag-weak:#CEE2D3;--ag-ink:#FFFFFF}[data-theme=light] .ag-manus{--ag:#AA0E83;--ag-weak:#EECFE6;--ag-ink:#FFFFFF}[data-theme=light] .ag-opencode{--ag:#096D64;--ag-weak:#CEE2E0;--ag-ink:#FFFFFF}[data-theme=light] .ag-perplexity-computer{--ag:#B80F1D;--ag-weak:#F1CFD2;--ag-ink:#FFFFFF}[data-theme=light] .ag-codex{--ag:#101FC6;--ag-weak:#CFD2F4;--ag-ink:#FFFFFF}[data-theme=light] .ag-gemini-cli{--ag:#686008;--ag-weak:#E1DFCE;--ag-ink:#FFFFFF}[data-theme=light] .ag-n8n{--ag:#116D09;--ag-weak:#CFE2CE;--ag-ink:#FFFFFF}.v8 .sg{display:inline-grid;place-items:center;flex:none;font:700 10px/1 var(--font-mono);letter-spacing:-.02em;padding:0 3px;margin-right:6px;vertical-align:middle;border-radius:50%;min-width:22px;height:22px;color:var(--ag-ink);background:var(--ag);border:0;box-shadow:inset 0 -2px #00000038}.v8 .chip-h[class*=ag-]{color:var(--ag);border-color:color-mix(in srgb,var(--ag) 45%,var(--line))}.v8 .chip-h .sg{min-width:16px;height:16px;font-size:8px;margin:0 2px 0 -3px;box-shadow:none}.v8 .tick{display:block;border-bottom:1px solid var(--line);background:var(--bg)}.v8 .tick .wrap{display:flex;align-items:center;gap:14px;min-width:0}.v8 .tick .ticker{flex:1;min-width:0;border:0;background:none}.v8 .tk-lab{flex:none;display:inline-flex;align-items:center;gap:8px;font:600 11px var(--font-mono);letter-spacing:.04em;color:var(--aqua-text)}.v8 .v8l{display:inline}.v8 .today .lab .v7l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.v8 .tk-lab i{width:7px;height:7px;border-radius:50%;background:var(--live);animation:pulse var(--pulse-period) var(--ease-inout) infinite}.v8 .tk-g{display:inline-flex;gap:32px;padding-right:32px}.v8 .tick .ticker-in{gap:0}.v8 .tick a{display:inline-flex;align-items:center;gap:6px;color:var(--text-2)}.v8 .tick a:hover{color:var(--text)}.v8 .tick a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.v8 .tick time{color:var(--text-3);margin-right:4px}.v8 .tick .sg{margin:0;min-width:18px;height:18px;font-size:8px}.v8 .duty{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 8px;color:var(--text-2);font:13px var(--font-mono)}.v8 .duty b{color:var(--text);font-variant-numeric:tabular-nums}.v8 .duty .dot{width:7px;height:7px;border-radius:50%;background:var(--live);animation:pulse var(--pulse-period) var(--ease-inout) infinite}.v8 .duty-x{color:var(--text-3)}.roll{display:inline-grid;overflow:hidden;height:1.25em;line-height:1.25em;vertical-align:bottom}.roll>span{grid-area:1/1;animation:rollout .38s var(--ease-out) forwards}.roll>span+span{animation-name:rollin}.roll.dn>span{animation-name:rollin-dn}.roll.dn>span+span{animation-name:rollout-dn}@keyframes rollout{to{transform:translateY(-110%)}}@keyframes rollin{0%{transform:translateY(110%)}}@keyframes rollout-dn{to{transform:translateY(110%)}}@keyframes rollin-dn{0%{transform:translateY(-110%)}}.v8 .pk{display:inline-block;position:relative;z-index:2;white-space:nowrap;font:600 12px var(--font-mono);padding:5px 9px;border-radius:var(--r-2);border:1px solid var(--line-strong);background:none;color:var(--text-2);cursor:pointer}.v8 .pk:hover,.v8 .pk[aria-expanded=true]{color:var(--text);border-color:var(--text-3)}.v8 .pk:focus-visible,.v8 .cp:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.v8 .peek{display:grid;position:relative;z-index:2;margin:2px -4px 0;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows var(--dur-base) var(--ease-out),opacity var(--dur-fast),visibility 0s var(--dur-base)}.v8 .pk-in{min-height:0;overflow:hidden;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-2);padding:10px 12px}.v8 .peeking .peek{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}.v8 .pk-pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 var(--font-mono);color:var(--text-2);max-height:7.6em;-webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent)}.v8 .pk-pre:first-line{color:var(--aqua-text)}.v8 .pk-f{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:8px}.v8 .cp{font:600 12px var(--font-mono);padding:5px 10px;border-radius:var(--r-2);border:1px solid var(--line-strong);background:var(--raised);color:var(--text);cursor:pointer;min-width:calc(12ch + 22px);text-align:center;white-space:nowrap}.v8 .cp.ok{color:var(--diff-kept-fg);border-color:var(--diff-kept-sign)}.v8 .cp .cur{display:inline-block;width:.55em;height:1em;vertical-align:-.15em;background:currentColor;animation:blink .8s steps(1) infinite;margin-left:2px}@media(min-width:1101px){.v8 .pk .pk-t{display:none}.v8 .pk{min-width:30px}}.v8 .uc-f{flex-wrap:wrap;row-gap:8px}.v8 .uc-f .uc-a{flex:1 0 auto;max-width:100%}.v8 .uc-f .acts{margin-left:auto}.v8 .hero7 h1:after{content:"";display:inline-block;width:.42em;height:.78em;margin-left:.08em;vertical-align:-.04em;background:var(--accent);animation:blink 1.1s steps(1) infinite}.v8 .today{background:var(--bg);border-left-color:var(--aqua);font-family:var(--font-mono)}.v8 .today .lab{color:var(--aqua-text);text-transform:none;letter-spacing:0}.v8 .today .sg{margin-right:4px;min-width:18px;height:18px;font-size:8px}.v8 .today>a{position:relative;font-family:var(--font-body)}.v8 .today>a:after{content:"";position:absolute;top:-2px;bottom:-2px;right:-4px;width:calc(100% + 8px);background:var(--bg);border-left:2px solid var(--accent);animation:unmask calc(var(--type-char)*50) steps(50) .3s forwards}@keyframes unmask{to{width:0;border-left-color:transparent}}.v8 .today .ts{font-family:var(--font-body)}.v8 .teaser .lab:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:1px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--text-3)}.v8 .teaser [data-st=live] .lab:before{background:var(--live);box-shadow:none}.v8 .teaser [data-st=updated] .lab:before{background:var(--updated);box-shadow:none}.v8 .pal-k{display:inline-block;margin-left:-4px;cursor:pointer}.v8 .eg-hint{display:block;margin:0 0 0 auto;order:3;font-size:11.5px;color:var(--text-3)}.v8 .uc{overflow:hidden}.v8 .uc:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--aqua-text),transparent);opacity:0;pointer-events:none}.v8 .uc:hover,.v8 .uc.peeking{border-color:color-mix(in srgb,var(--aqua-text) 60%,var(--line))}.v8 .uc:hover:before{animation:scan .9s var(--ease-out) 1 forwards}@keyframes scan{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(220px)}}.v8 .up.flash{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}.v8 .fm{display:grid;gap:6px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}.v8 .fm-row{display:grid;grid-template-columns:minmax(0,10.5em) 1fr auto;gap:10px;align-items:center;font:11px var(--font-mono);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.v8 .fm-bar{display:flex;height:8px;overflow:hidden;background:var(--line);gap:2px;border-radius:2px;-webkit-mask:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 8px);mask:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 8px)}.v8 .fm-bar i{display:block;height:100%;width:var(--w);background:var(--ag);transition:width var(--dur-slow) var(--ease-out)}.v8 .fm-tug.zero i{opacity:.35}.v8 .fm-n{color:var(--text-2);text-transform:none;letter-spacing:0;min-width:5ch;text-align:right}.v8 .wvote .wn{display:flex;align-items:center;gap:6px;overflow-wrap:normal}.v8 .wvote .wn .sg{margin:0}.v8 .wvote .seed{flex:none;white-space:nowrap}.v8 .wcard{position:relative;overflow:hidden;background:var(--bg)}[data-theme=light] .v8 .wcard{--glow-o:.09}.v8 .wside{position:relative}.v8 .wside:before{content:"";position:absolute;inset:-40px -30px;pointer-events:none;z-index:0;opacity:var(--glow-o,.14);background:radial-gradient(60% 70% at 0% 0%,var(--ag),transparent 70%)}.v8 .ws-r:before{background:radial-gradient(60% 70% at 100% 0%,var(--ag),transparent 70%)}.v8 .wside>*{position:relative}.v8 .wvote{background:color-mix(in srgb,var(--surface) 88%,transparent)}.v8 .wvote .wbar i{background:var(--ag)}.v8 .wp-l{color:var(--ag)}.v8 .vs{font-weight:700;color:var(--accent-text);letter-spacing:.1em}.v8 .vs:after{content:"_";animation:blink 1s steps(1) infinite}.v8 .wmsg:not(:empty):before{content:"> ";color:var(--aqua-text)}.v8 .wvote.lock{animation:lock .6s var(--ease-out)}@keyframes lock{0%{box-shadow:0 0 0 0 var(--ag)}to{box-shadow:0 0 0 10px transparent}}.cf{position:fixed;width:7px;height:9px;border-radius:2px;pointer-events:none;z-index:60;animation:cf .8s var(--ease-out) forwards}@keyframes cf{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}.v8 .rktab th[scope=row]{position:relative}.v8 .rktab th[scope=row]>.sg{margin-right:8px}.v8 .rktab tr.mover{position:relative;z-index:1;background:var(--raised);box-shadow:inset 3px 0 0 var(--aqua-text)}.v8 .mb{display:block;height:4px;margin:6px 0 0 auto;width:var(--w);max-width:120px;background:var(--aqua-text);opacity:.85;-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 7px);mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 7px)}.v8 .mv.pop{animation:blink .35s steps(1) 2}.v8 .rk-replay{display:block;margin:4px 0 10px}.pal{width:min(560px,calc(100vw - 32px));margin:12vh auto auto;padding:0;border:1px solid var(--line-strong);border-radius:var(--r-3);background:var(--bg);color:var(--text);font-family:var(--font-mono);box-shadow:0 30px 80px #00000073}.pal::backdrop{background:var(--scrim)}.pal-in{display:flex;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--aqua-text)}.pal input{flex:1;min-width:0;background:none;border:0;color:var(--text);font:15px var(--font-mono);outline:none}.pal ul{list-style:none;margin:0;padding:6px;max-height:50vh;overflow:auto}.pal li{padding:8px 10px;border-radius:var(--r-1);font-size:13px;color:var(--text-2);cursor:pointer;display:flex;justify-content:space-between;gap:10px}.pal li[aria-selected=true]{background:var(--raised);color:var(--text)}.pal li small{color:var(--text-3)}.pal-f{padding:8px 14px;border-top:1px solid var(--line);font-size:11px;color:var(--text-3)}@media(prefers-reduced-motion:reduce){.v8 .tick .ticker{overflow-x:auto}.v8 .tick .ticker-in{flex-wrap:nowrap;white-space:nowrap;padding:9px 0}.roll>span,.v8 .peek,.v8 .fm-bar i{animation:none!important;transition:none!important}.v8 .hero7 h1:after,.v8 .vs:after,.v8 .cp .cur,.v8 .duty .dot,.v8 .tk-lab i,.v8 .uc:hover:before,.v8 .wvote.lock,.v8 .mv.pop{animation:none}.v8 .today>a:after,.cf{display:none}}@media(max-width:860px){.v8 .duty-x{flex-basis:100%}.v8 .pal-k,.v8 .eg-hint{display:none}}@media(max-width:520px){.v8 .fm-row{grid-template-columns:auto 1fr auto}}