:root{
  --bg:#04070d;--bg2:#070c16;--panel:#0b121e;--panel2:#101a2a;--line:#19273c;--line2:#27405e;
  --txt:#e9eef7;--dim:#94a5bd;--faint:#6e8099;
  --amber:#ffb224;--cyan:#5ec9f7;--red:#ff5d5d;--green:#3ddc7f;--violet:#a78bfa;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:'Inter',sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;position:relative}
/* starfield */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(1px 1px at 12% 18%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 78% 8%,#fff6 50%,transparent 51%),radial-gradient(1.5px 1.5px at 34% 64%,#fff5 50%,transparent 51%),radial-gradient(1px 1px at 91% 42%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 55% 31%,#fff4 50%,transparent 51%),radial-gradient(1.5px 1.5px at 5% 85%,#fff5 50%,transparent 51%),radial-gradient(1px 1px at 67% 88%,#fff6 50%,transparent 51%),radial-gradient(1px 1px at 23% 41%,#fff3 50%,transparent 51%),radial-gradient(1.5px 1.5px at 86% 71%,#fff4 50%,transparent 51%),radial-gradient(1px 1px at 44% 5%,#fff5 50%,transparent 51%);
  background-size:900px 900px;opacity:.5}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
a{color:inherit}
.mono{font-family:'JetBrains Mono',monospace}

/* nav */
.nav{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.logo{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;letter-spacing:-.02em;text-decoration:none}
.logo .lol{color:var(--amber)}
.nav-links{display:flex;gap:6px;flex-wrap:wrap;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.nav-links a{color:#393c41;text-decoration:none;padding:8px 13px;border:1px solid transparent;border-radius:99px}
.nav-links a:hover{color:var(--txt);border-color:var(--line2)}
.nav-links a.hot{background:var(--amber);color:#fff;font-weight:700}
.nav-links a.hot:hover{background:#ffc44d;color:#1a1200}

/* hero */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;padding:54px 0 40px}
.hero .sys{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.34em;color:var(--cyan);text-transform:uppercase;margin-bottom:16px}
.hero h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(38px,5.6vw,62px);line-height:1.04;letter-spacing:-.025em}
.hero h1 .glow{color:var(--amber);text-shadow:0 0 34px rgba(255,178,36,.45)}
.hero .sub{color:var(--dim);font-size:16px;margin-top:18px;max-width:54ch}
.hero .sub b{color:var(--txt)}
.hero-img{position:relative;border:1px solid var(--line2);border-radius:16px;overflow:hidden;box-shadow:0 0 80px rgba(94,201,247,.12)}
.hero-img img{display:block;width:100%;height:auto}
.hero-img .cap{position:absolute;bottom:0;left:0;right:0;padding:14px 18px;background:linear-gradient(transparent,rgba(4,7,13,.92));font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--dim);letter-spacing:.08em}

/* stat band */
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:8px 0 14px}
.stat{background:var(--panel);padding:20px 16px;text-align:center}
.stat .n{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(24px,3.6vw,38px);line-height:1}
.stat .n small{font-size:.55em;color:var(--dim)}
.stat .l{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-top:8px}
.stat.amber .n{color:var(--amber)}.stat.red .n{color:var(--red)}.stat.green .n{color:var(--green)}.stat.violet .n{color:var(--violet)}.stat.cyan .n{color:var(--cyan)}

/* section heads */
.sechead{display:flex;align-items:center;gap:14px;padding:34px 0 16px;flex-wrap:wrap}
.sechead h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:24px;letter-spacing:-.01em;white-space:nowrap}
.sechead h2::before{content:'▸ ';color:var(--amber)}
.sechead .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--line2),transparent);min-width:40px}
.sechead .mono-l{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--faint);letter-spacing:.12em}

/* filter toolbar */
.toolbar{display:flex;gap:12px;padding:4px 0 12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.toolbar .group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}
.seg button{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;padding:9px 13px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--dim);cursor:pointer}
.seg button:last-child{border-right:0}
.seg button:hover{color:var(--txt)}
.seg button.on{background:var(--amber);color:#fff;font-weight:700}
.cochips{display:inline-flex;gap:6px}
.cochip{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--line);background:var(--panel);color:var(--dim);cursor:pointer;border-radius:10px}
.cochip svg{width:15px;height:15px;fill:currentColor;flex-shrink:0}
.cochip .glyph{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;line-height:1}
.cochip:hover{color:var(--txt);border-color:var(--line2)}
.cochip.on{border-color:var(--co,#171a20);color:var(--txt);background:color-mix(in srgb,var(--co,#171a20) 16%,#fff);font-weight:700}
.cochip span.nm{display:none}
@media(min-width:1080px){.cochip span.nm{display:inline}}
select.topicsel{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:9px 12px;border:1px solid var(--line);background:var(--panel);color:var(--dim);border-radius:10px;cursor:pointer}
select.topicsel:focus{outline:none;border-color:var(--cyan)}
.search{font-family:'JetBrains Mono',monospace;font-size:12px;padding:9px 14px;border:1px solid var(--line);background:var(--panel);color:var(--txt);min-width:200px;border-radius:10px}
.search:focus{outline:none;border-color:var(--cyan)}
.searchrow{position:relative;display:flex;align-items:center;gap:14px;margin:6px 0 18px}
.searchrow .search-ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:var(--faint);pointer-events:none}
.searchrow .search{flex:1;font-size:15px;padding:14px 16px 14px 46px;min-width:0;border-radius:12px}
.searchrow #count{font-size:11px;color:var(--faint);white-space:nowrap;font-family:'JetBrains Mono',monospace}
@media(max-width:640px){.searchrow #count{display:none}}
.viewtog{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}
.viewtog button{padding:9px 11px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--dim);cursor:pointer;line-height:0}
.viewtog button:last-child{border-right:0}
.viewtog button svg{width:14px;height:14px;fill:currentColor}
.viewtog button.on{background:var(--panel2);color:var(--amber)}
/* legacy chip (kept for hub pages) */
.chip{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;padding:7px 13px;border:1px solid var(--line);background:transparent;color:var(--dim);cursor:pointer;border-radius:99px;text-transform:uppercase}
.chip:hover{border-color:var(--line2);color:var(--txt)}
.chip.on{background:var(--amber);color:#1a1200;border-color:var(--amber);font-weight:700}
/* view modes */
.feed.view-list{grid-template-columns:1fr}
.feed.view-list .card{flex-direction:row;align-items:stretch}
.feed.view-list .card .imglink{width:250px;min-width:250px;aspect-ratio:16/9;align-self:center;border-radius:10px;overflow:hidden;margin:14px 0 14px 14px}
.feed.view-list .card-body{padding:16px 20px}
.feed.view-list .refcard{flex-direction:row;align-items:center}
.feed.view-compact{grid-template-columns:1fr;gap:8px}
.feed.view-compact .card{flex-direction:row;align-items:center;gap:0}
.feed.view-compact .card .imglink{display:none}
.feed.view-compact .card-body{flex-direction:row;align-items:center;gap:14px;padding:12px 18px;width:100%}
.feed.view-compact .card h3{font-size:16.5px;flex:1;min-width:0}
.feed.view-compact .card .q,.feed.view-compact .card .gp-trail{display:none}
.feed.view-compact .chips{min-width:200px}
.feed.view-compact .card-meta{margin:0;min-width:230px;justify-content:flex-end;gap:14px}
.feed.view-compact .refcard{display:none}
@media(max-width:760px){.feed.view-list .card{flex-direction:column}.feed.view-list .card .imglink{width:auto;margin:0}.feed.view-compact .chips{display:none}.feed.view-compact .card-meta{min-width:0}}

/* feed */
.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:10px}
.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;cursor:pointer}
/* whole-card click target via the title's stretched link */
.card h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.card .chips,.card-meta{position:relative;z-index:2}
.card:hover h3 a{color:var(--amber)}
.card:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:0 12px 44px rgba(94,201,247,.10)}
.card .imglink{display:block;position:relative;aspect-ratio:16/7;overflow:hidden;background:var(--bg2)}
.card .imglink img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82;transition:opacity .18s}
.card:hover .imglink img{opacity:1}
.card .pill-float{position:absolute;top:12px;left:12px}
.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.kchip{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;border-radius:99px;text-decoration:none}
.kchip.co{background:rgba(94,201,247,.1);color:var(--cyan)}
.kchip.topic{background:rgba(167,139,250,.1);color:var(--violet)}
.card h3{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}
.card h3 a{text-decoration:none}
.card h3 a:hover{color:var(--amber)}
.card .q{font-size:13.5px;color:var(--txt);font-style:italic;border-left:2px solid var(--amber);padding-left:11px;line-height:1.45}
.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:8px}
.pill{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;border:1px solid currentColor;border-radius:6px;background:rgba(4,7,13,.72);backdrop-filter:blur(4px)}
.pill.missed{color:var(--red)}.pill.pending{color:var(--amber)}.pill.delivered{color:var(--green)}.pill.late{color:var(--violet)}.pill.disputed{color:var(--dim)}
.clock{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700}
.clock.over{color:var(--red)}.clock.left{color:var(--amber)}.clock.late{color:var(--violet)}.clock.ontime{color:var(--green)}.clock.open{color:var(--faint)}
.gp-trail{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--violet)}
.gp-trail s{color:var(--faint);text-decoration-color:var(--red)}

/* referral cards in feed */
.refcard{border-radius:14px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;position:relative;overflow:hidden}
.refcard.tesla{background:linear-gradient(150deg,#240e12,#0b121e 70%);border:1px solid #4a1d26}
.refcard.starlink{background:linear-gradient(150deg,#0a1d2e,#0b121e 70%);border:1px solid #1d3d57}
.refcard .tag{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}
.refcard .h{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;line-height:1.25}
.refcard .s{font-size:13px;color:var(--dim)}
.refcard .cta{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:11px 18px;border-radius:99px;text-decoration:none;text-align:center}
.refcard.tesla .cta{background:#e82127;color:#fff}
.refcard.starlink .cta{background:#5ec9f7;color:#04121c}

/* records */
.records{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:4px 0 10px}
.record{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:22px}
.record .t{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}
.record .v{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:27px;margin:8px 0 4px}
.record .d{font-size:13px;color:var(--dim)}
.record .d a{color:var(--cyan)}
.record .accent{color:var(--violet)}

/* prediction page */
.crumbs{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:18px 0 14px}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--txt)}
.pred-hero{position:relative;border:1px solid var(--line2);border-radius:18px;overflow:hidden;margin-bottom:26px}
.pred-hero img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}
.pred-hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,13,.1) 30%,rgba(4,7,13,.94))}
.pred-hero .inner{position:absolute;left:0;right:0;bottom:0;padding:26px 30px}
.pred-hero h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(26px,4.6vw,46px);line-height:1.08;letter-spacing:-.02em;max-width:24ch;text-shadow:0 2px 24px rgba(0,0,0,.7)}
.pred-hero .chips{margin-bottom:12px}
.stamp{display:inline-block;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12px;letter-spacing:.2em;padding:7px 15px;border:2.5px solid currentColor;border-radius:6px;transform:rotate(-3deg);text-transform:uppercase;background:rgba(4,7,13,.65);backdrop-filter:blur(4px)}
.stamp.missed{color:var(--red)}.stamp.delivered{color:var(--green)}.stamp.pending{color:var(--amber)}.stamp.late{color:var(--violet)}.stamp.disputed{color:var(--dim)}
.pred-grid{display:grid;grid-template-columns:1.55fr .45fr;gap:34px;padding:4px 0}
.quotebox{padding:24px 28px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:0 14px 14px 0}
.quotebox .q{font-family:'Space Grotesk',sans-serif;font-size:clamp(17px,2.4vw,21px);line-height:1.45;font-weight:500}
.quotebox .attr{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dim);margin-top:14px;letter-spacing:.05em}
.quotebox .attr a{color:var(--amber)}
.counterCard{border:1px solid var(--line2);background:linear-gradient(180deg,var(--panel),var(--bg2));border-radius:14px;padding:24px;text-align:center}
.counterCard .lbl{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim)}
.counterCard .big{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(44px,6vw,64px);line-height:1.1}
.counterCard .big.over{color:var(--red);text-shadow:0 0 36px rgba(255,93,93,.35)}
.counterCard .big.left{color:var(--amber);text-shadow:0 0 36px rgba(255,178,36,.35)}
.counterCard .big.late{color:var(--violet)}.counterCard .big.ontime{color:var(--green)}.counterCard .big.open{color:var(--faint);font-size:30px;padding:14px 0}
.counterCard .sub{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--faint);margin-top:6px}
.counterCard hr{border:0;border-top:1px solid var(--line);margin:16px 0}
.counterCard .vs{display:flex;justify-content:space-around;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dim)}
.counterCard .vs b{display:block;font-size:17px;color:var(--txt)}

/* progression timeline */
.timeline{position:relative;padding-left:36px;margin:14px 0}
.timeline::before{content:'';position:absolute;left:8px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,var(--line2),var(--line))}
.tl-item{position:relative;margin-bottom:26px}
.tl-item:last-child{margin-bottom:4px}
.tl-dot{position:absolute;left:-36px;top:2px;width:18px;height:18px;border-radius:50%;border:3px solid var(--bg)}
.tl-dot.orig{background:var(--cyan);box-shadow:0 0 16px rgba(94,201,247,.6)}
.tl-dot.moved{background:var(--violet);box-shadow:0 0 14px rgba(167,139,250,.55)}
.tl-dot.now{background:var(--amber);box-shadow:0 0 16px rgba(255,178,36,.6);animation:pulse 2.2s infinite}
.tl-dot.hit{background:var(--green);box-shadow:0 0 16px rgba(61,220,127,.55)}
.tl-dot.miss{background:var(--red);box-shadow:0 0 16px rgba(255,93,93,.55)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}
.tl-date{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;margin-bottom:4px;color:var(--txt)}
.tl-body{font-size:14px;color:var(--dim);max-width:62ch}
.tl-body a{color:var(--amber)}
.tl-tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);border:1px solid var(--violet);padding:2px 9px;border-radius:99px;margin-top:7px}
.evidence{background:var(--panel2);border:1px solid var(--line2);border-radius:14px;padding:20px 24px;margin:20px 0}
.evidence .t{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
.evidence p{font-size:14px;color:var(--dim)}
.evidence a{color:var(--amber)}
.prose p{font-size:15px;color:var(--dim);max-width:68ch;margin:12px 0}
.share{border:1px solid rgba(255,178,36,.5);border-radius:16px;padding:26px 30px;margin:28px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(255,178,36,.16),rgba(255,93,93,.07) 60%,var(--panel));box-shadow:0 0 50px rgba(255,178,36,.10)}
.share .h{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:21px}
.share .s{font-size:13px;color:var(--dim);margin-top:4px;max-width:46ch}
.share .btns{display:flex;gap:12px}
.share a,.share button{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:0;padding:13px 22px;border-radius:99px;text-decoration:none;cursor:pointer}
.share a.x-btn{background:#fff;color:#000}
.share a.x-btn:hover{background:var(--amber);color:#1a1200}
.share button.copy-btn{background:rgba(255,255,255,.1);color:var(--txt);border:1px solid var(--line2)}
.share button.copy-btn:hover{border-color:var(--amber);color:var(--amber)}
.share svg{width:15px;height:15px;fill:currentColor}
/* youtube click-to-play facade */
.yt-facade{position:relative;border:1px solid var(--line2);border-radius:14px;overflow:hidden;margin:18px 0;cursor:pointer;aspect-ratio:16/9;background:#000}
.yt-facade img{width:100%;height:100%;object-fit:cover;opacity:.75;display:block}
.yt-facade:hover img{opacity:.9}
.yt-facade .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:52px;background:rgba(4,7,13,.8);border:2px solid var(--amber);border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}
.yt-facade:hover .play{background:var(--amber)}
.yt-facade .play svg{width:22px;height:22px;fill:var(--amber)}
.yt-facade:hover .play svg{fill:#1a1200}
.yt-facade .yt-label{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(transparent,rgba(4,7,13,.95));font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--txt);letter-spacing:.06em}
.yt-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* tweet click-to-reveal facade (prediction pages) */
.tw-facade{display:flex;align-items:center;gap:13px;margin:18px 0;padding:14px 16px;border:1px solid var(--line2);border-radius:14px;cursor:pointer;background:var(--panel)}
.tw-facade:hover{border-color:var(--txt)}
.tw-facade.loaded{display:block;margin:18px 0;padding:0;border:0;background:none;cursor:default}
.tw-facade .tw-x{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0f1419;border-radius:8px}
.tw-facade .tw-x svg{width:15px;height:15px;fill:#fff}
.tw-facade-txt{display:flex;flex-direction:column;line-height:1.3}
.tw-facade-txt b{font-size:14px;color:var(--txt)}
.tw-facade-txt span{font-size:12px;color:var(--faint)}
.tw-go{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--red);text-transform:uppercase;white-space:nowrap}
.tw-facade .twitter-tweet{margin:0 auto !important}
.tw-loading{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--faint);padding:10px 0}
/* elon time hero split */
.et-split{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch;margin:20px 0}
.et-img{position:relative;border:1px solid var(--line2);border-radius:14px;overflow:hidden;box-shadow:0 0 60px rgba(255,178,36,.12)}
.et-img img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:860px){.et-split{grid-template-columns:1fr}}
.receipts li{font-size:14px;color:var(--dim);margin:8px 0}
.receipts a{color:var(--amber)}
.receipts .rtype{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cyan)}
.lastcheck{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--faint);letter-spacing:.08em}
.prevnext{display:flex;justify-content:space-between;gap:16px;padding:14px 0 30px;font-family:'JetBrains Mono',monospace;font-size:12px}
.prevnext a{color:var(--dim);text-decoration:none;max-width:45%}
.prevnext a:hover{color:var(--amber)}

/* hubs + prose pages */
.hub-intro{padding:34px 0 8px}
.hub-intro h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(30px,5.4vw,50px);letter-spacing:-.02em;margin-bottom:10px}
.hub-intro h1 .glow{color:var(--amber)}
.hub-intro p{color:var(--dim);font-size:15.5px;max-width:64ch}
.prose-page{padding:8px 0 34px}
.prose-page h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:23px;margin:30px 0 10px}
.prose-page h2::before{content:'▸ ';color:var(--amber)}
.prose-page p,.prose-page li{font-size:15px;color:var(--dim);max-width:70ch;margin:10px 0}
.prose-page ul{padding-left:22px}
.prose-page a{color:var(--amber);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,178,36,.45)}
.prose-page b{color:var(--txt)}
.prose a,.evidence a,.tl-body a,.quotebox .attr a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,178,36,.45)}

/* elon-time */
.bars{padding:4px 0 8px}
.bar-row{display:grid;grid-template-columns:150px 1fr 130px;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:12px}
.bar-row a{color:var(--dim);text-decoration:none}
.bar-row a:hover{color:var(--amber)}
.bar-track{height:9px;background:var(--panel2);border-radius:99px;overflow:hidden}
.bar-fill{height:100%;background:linear-gradient(90deg,var(--amber),var(--red));border-radius:99px}
.calc-box{border:1px solid var(--line2);border-radius:14px;padding:26px;margin:20px 0;background:linear-gradient(180deg,var(--panel),var(--bg2))}
.calc-box .row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-family:'JetBrains Mono',monospace}
.calc-box input,.calc-box select{font-family:'JetBrains Mono',monospace;font-size:14px;padding:11px 14px;border:1px solid var(--line2);background:var(--bg2);color:var(--txt);border-radius:8px}
.calc-box .out{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:30px;color:var(--amber);text-shadow:0 0 26px rgba(255,178,36,.4)}
.calc-box .note{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--faint);margin-top:12px}

/* subscribe */
.sub-block{border:1px solid rgba(94,201,247,.4);border-radius:16px;padding:28px 30px;margin-top:44px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;background:linear-gradient(135deg,rgba(94,201,247,.10),rgba(255,178,36,.06) 60%,var(--panel));box-shadow:0 0 50px rgba(94,201,247,.08)}
.sub-block .k{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan)}
.sub-block .h{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;margin-top:8px}
.sub-block .s{font-size:13.5px;color:var(--dim);margin-top:6px;max-width:48ch}
.sub-form{display:flex;gap:10px;flex-wrap:wrap}
.sub-form input[type=email]{flex:1;min-width:200px;font-family:'JetBrains Mono',monospace;font-size:13px;padding:13px 16px;border:1px solid var(--line2);background:var(--bg2);color:var(--txt);border-radius:99px}
.sub-form input[type=email]:focus{outline:none;border-color:var(--cyan)}
.sub-form button{font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:13px 22px;border:0;border-radius:99px;background:var(--amber);color:#1a1200;cursor:pointer}
.sub-form button:hover{background:#ffc44d}
.sub-msg{font-family:'JetBrains Mono',monospace;font-size:11.5px;margin-top:10px;min-height:16px}
.sub-msg.ok{color:var(--green)}.sub-msg.err{color:var(--red)}
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0}
@media(max-width:860px){.sub-block{grid-template-columns:1fr}}
footer.foot{border-top:1px solid var(--line);margin-top:42px;padding:24px 0 48px;display:flex;justify-content:space-between;gap:14px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--faint);flex-wrap:wrap}
.foot a{text-decoration:none}
.foot a:hover{color:var(--txt)}
.disclaimer{font-size:10.5px;max-width:74ch;line-height:1.7}
.disclaimer a{color:var(--dim)}

@media(max-width:980px){.feed{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;gap:28px}.pred-grid{grid-template-columns:1fr}}
@media(max-width:640px){.feed{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.records{grid-template-columns:1fr}.pred-hero img{aspect-ratio:16/10}}

/* ===== TESLA RECOLOR — light/ink/grey + Tesla red, Inter (the approved redesign) ===== */
:root{
  --bg:#f4f4f4; --bg2:#ffffff; --panel:#ffffff; --panel2:#f0f1f2;
  --line:#dadbdc; --line2:#c7c8ca;
  --txt:#171a20; --dim:#42454b; --faint:#5e6166;
  --amber:#e82127; --cyan:#42454b; --red:#e82127; --green:#1b8f3a; --violet:#9a6b00;
}
*{ font-family:'Inter','Helvetica Neue',Arial,sans-serif !important; text-shadow:none !important; }
body{ background:var(--bg); color:var(--txt); }
.logo .lol{ color:var(--amber); }
.refcard .h{ color:#ffffff !important; }
.refcard .s{ color:rgba(255,255,255,.82) !important; }
.refcard .tag{ color:rgba(255,255,255,.6) !important; }

/* --- recolor polish (2026-06-25 sitewide audit) --- */
/* status pills: clean SOLID fill + white text (was colored-text on a dark frosted pill) */
.pill{ border:0 !important; border-radius:99px; color:#fff !important; background:#4b4e54;
       -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:0 1px 4px rgba(0,0,0,.28); }
.pill.missed{ background:var(--red); } .pill.cancelled{ background:#6a6d72; }
.pill.pending{ background:#4b4e54; } .pill.delivered{ background:var(--green); }
.pill.late{ background:#b07900; } .pill.disputed{ background:#6a6d72; }
/* white text on every red surface + red (never yellow) hovers */
.chip.on, .share a.x-btn:hover, .sub-form button{ color:#fff !important; }
.nav-links a.hot:hover, .sub-form button:hover, .yt-facade:hover .play{ background:#c4121f !important; }
.nav-links a.hot:hover{ color:#fff !important; }
.yt-facade:hover .play svg{ fill:#fff !important; }
/* hover: gentle lift + soft NEUTRAL shadow (was a leftover cyan glow), accent on the title */
.card:hover{ transform:translateY(-2px); border-color:var(--line2); box-shadow:0 8px 26px rgba(0,0,0,.10) !important; }
.card:hover h3 a, .card h3 a:hover{ color:var(--red); }

/* ---- nav "Explore" dropdown + content/actions split ---- */
.navdd{ position:relative; display:inline-flex; }
.navdd-btn{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  display:inline-flex; align-items:center; gap:5px; color:#393c41; background:none; border:1px solid transparent;
  border-radius:99px; padding:8px 13px; cursor:pointer; }
.navdd-btn:hover, .navdd.open .navdd-btn{ color:var(--txt); border-color:var(--line2); }
.navdd-btn .caret{ opacity:.6; font-size:9px; }
.navdd-menu{ position:absolute; top:calc(100% + 8px); left:0; z-index:70; width:300px; max-width:calc(100vw - 40px); display:none;
  background:var(--panel); border:1px solid var(--line2); border-radius:14px; box-shadow:0 14px 38px rgba(0,0,0,.16); padding:9px; }
.navdd.open .navdd-menu{ display:block; }
.navdd-lbl{ font-family:'JetBrains Mono',monospace; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint); padding:5px 9px 6px; }
.navdd-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1px; }
.navdd-menu a{ display:block; font-family:'Inter','Helvetica Neue',Arial,sans-serif; text-transform:none; letter-spacing:0;
  font-size:13px; color:var(--txt); text-decoration:none; padding:8px 9px; border:0; border-radius:8px; }
.navdd-menu a:hover{ background:var(--panel2); color:var(--txt); border:0; }
.navdd-sep{ height:1px; background:var(--line); margin:7px 5px; }
.nav-sep{ width:1px; height:18px; align-self:center; background:var(--line2); margin:0 5px; }
@media(max-width:680px){ .nav-sep{ display:none; } }

/* ---- membership: nav sign-in + member menu ---- */
.membernav{ position:relative; display:inline-flex; align-items:center; }
.signin{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--txt) !important; text-decoration:none; padding:8px 13px; border:1px solid var(--line2); border-radius:99px; }
.signin:hover{ border-color:var(--txt); }
.member-chip{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.06em; text-transform:uppercase;
  display:inline-flex; align-items:center; gap:5px; cursor:pointer; color:var(--txt);
  background:var(--panel2); border:1px solid var(--line2); border-radius:99px; padding:7px 12px; }
.member-chip:hover{ border-color:var(--txt); }
.member-chip .mc-name{ max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.member-chip .caret{ opacity:.6; }
.pro-badge{ font-size:9px; font-weight:700; letter-spacing:.1em; color:#fff; background:var(--violet); border-radius:4px; padding:1px 5px; }
.member-menu{ position:absolute; top:calc(100% + 8px); right:0; min-width:208px; z-index:60;
  background:var(--panel); border:1px solid var(--line2); border-radius:12px; box-shadow:0 12px 34px rgba(0,0,0,.16);
  padding:6px; display:none; }
.member-menu.open{ display:block; }
.member-menu .mm-email{ font-size:11px; color:var(--faint); padding:7px 10px 8px; border-bottom:1px solid var(--line); margin-bottom:4px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.member-menu .mm-item{ display:block; font-size:13px; color:var(--txt); text-decoration:none; padding:9px 10px; border-radius:8px; }
.member-menu .mm-item:hover{ background:var(--panel2); }

/* ---- membership: sign-in modal ---- */
.authmodal{ position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:20px; }
.authmodal[hidden]{ display:none; }
.authmodal-bg{ position:absolute; inset:0; background:rgba(15,17,20,.55); backdrop-filter:blur(2px); }
.authbox{ position:relative; width:100%; max-width:420px; background:var(--panel); border:1px solid var(--line2);
  border-radius:16px; box-shadow:0 24px 70px rgba(0,0,0,.30); padding:30px 28px 24px; }
.authx{ position:absolute; top:12px; right:14px; background:none; border:0; font-size:24px; line-height:1; color:var(--faint); cursor:pointer; padding:4px; }
.authx:hover{ color:var(--txt); }
.authtitle{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:20px; color:var(--txt); margin-bottom:7px; }
.authsub{ font-size:13.5px; line-height:1.5; color:var(--dim); margin:0 0 18px; }
.authform{ display:flex; flex-direction:column; gap:10px; }
.authform input[type=email]{ width:100%; box-sizing:border-box; font-size:15px; padding:13px 14px;
  background:var(--bg2); border:1px solid var(--line2); border-radius:10px; color:var(--txt); }
.authform input[type=email]:focus{ outline:none; border-color:var(--red); box-shadow:0 0 0 3px rgba(232,33,39,.14); }
.authform button{ font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:700; letter-spacing:.04em;
  padding:13px 16px; background:var(--red); color:#fff !important; border:0; border-radius:10px; cursor:pointer; }
.authform button:hover{ background:#c4121f; }
.authmsg{ font-size:13px; line-height:1.5; margin-top:12px; min-height:1px; color:var(--dim); }
.authmsg.ok{ color:var(--green); }
.authmsg.err{ color:var(--red); }
.authfine{ font-size:11px; color:var(--faint); margin:16px 0 0; line-height:1.5; }
.auth-toast{ position:fixed; left:50%; bottom:26px; transform:translate(-50%,16px); z-index:300; opacity:0;
  font-size:13.5px; font-weight:600; color:#fff; padding:12px 20px; border-radius:99px; box-shadow:0 10px 30px rgba(0,0,0,.25);
  transition:opacity .35s, transform .35s; background:#2b2e33; }
.auth-toast.ok{ background:var(--green); }
.auth-toast.err{ background:var(--red); }
.auth-toast.show{ opacity:1; transform:translate(-50%,0); }
@media(max-width:560px){ .member-menu{ right:auto; left:0; } }

/* ---- comments on prediction pages ---- */
.comments{ margin:46px 0 8px; }
.cm-compose{ background:var(--panel); border:1px solid var(--line2); border-radius:14px; padding:16px; margin-bottom:22px; }
.cm-compose textarea{ width:100%; box-sizing:border-box; resize:vertical; min-height:74px; font-family:inherit; font-size:15px;
  line-height:1.5; color:var(--txt); background:var(--bg2); border:1px solid var(--line2); border-radius:10px; padding:12px 13px; }
.cm-compose textarea:focus{ outline:none; border-color:var(--red); box-shadow:0 0 0 3px rgba(232,33,39,.12); }
.cm-compose-foot{ display:flex; align-items:center; justify-content:space-between; margin-top:11px; gap:12px; }
.cm-rules{ font-size:12px; }
.cm-rules a{ color:var(--faint); text-decoration:underline; text-underline-offset:2px; }
.cm-compose-foot button{ font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700; letter-spacing:.04em;
  padding:10px 18px; background:var(--red); color:#fff; border:0; border-radius:99px; cursor:pointer; }
.cm-compose-foot button:hover{ background:#c4121f; }
.cm-compose-foot button:disabled{ opacity:.55; cursor:default; }
.cm-msg{ font-size:13px; margin-top:10px; color:var(--dim); }
.cm-msg.ok{ color:var(--green); } .cm-msg.err{ color:var(--red); }
.cm-signin{ background:var(--panel2); border:1px dashed var(--line2); border-radius:12px; padding:15px 16px; margin-bottom:22px;
  font-size:14px; color:var(--dim); }
.cm-signin a{ color:var(--red); font-weight:600; text-decoration:none; }
.cm-list{ display:flex; flex-direction:column; gap:14px; }
.cm-item{ background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:14px 16px; }
.cm-head{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; font-size:13px; }
.cm-author{ font-weight:700; color:var(--txt); }
.cm-badge{ font-size:9px; font-weight:700; letter-spacing:.08em; padding:1px 5px; border-radius:4px; color:#fff; }
.cm-badge.admin{ background:var(--red); } .cm-badge.pro{ background:var(--violet); }
.cm-time{ color:var(--faint); font-size:12px; }
.cm-reports{ color:var(--red); font-size:12px; margin-left:auto; }
.cm-body{ margin-top:7px; font-size:15px; line-height:1.55; color:var(--txt); white-space:pre-wrap; overflow-wrap:anywhere; }
.cm-foot{ margin-top:9px; display:flex; gap:8px; }
.cm-foot:empty{ display:none; }
.cm-act{ font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.05em; text-transform:uppercase;
  background:none; border:1px solid var(--line2); color:var(--faint); border-radius:99px; padding:4px 11px; cursor:pointer; }
.cm-act:hover{ color:var(--txt); border-color:var(--txt); }
.cm-act.danger:hover{ color:#fff; background:var(--red); border-color:var(--red); }
.cm-empty{ font-size:14px; color:var(--faint); padding:8px 2px; }

/* ---- admin dashboard ---- */
.admin-root{ margin:8px 0 20px; }
.ad-gate{ background:var(--panel); border:1px solid var(--line2); border-radius:12px; padding:24px; font-size:15px; color:var(--dim); }
.ad-gate a{ color:var(--red); font-weight:600; text-decoration:none; }
.ad-tiles{ display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:12px; margin-bottom:8px; }
.ad-tile{ background:var(--panel); border:1px solid var(--line2); border-radius:12px; padding:16px; }
.ad-n{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:26px; color:var(--txt); }
.ad-l{ font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--faint); margin-top:2px; }
.ad-h{ font-family:'Space Grotesk',sans-serif; font-size:18px; margin:30px 0 12px; color:var(--txt); }
.ad-table{ width:100%; border-collapse:collapse; font-size:13.5px; background:var(--panel); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.ad-table th{ text-align:left; font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--faint);
  padding:10px 12px; border-bottom:1px solid var(--line); }
.ad-table td{ padding:11px 12px; border-bottom:1px solid var(--line); vertical-align:top; color:var(--txt); }
.ad-table tr:last-child td{ border-bottom:0; }
.ad-body{ overflow-wrap:anywhere; }
.ad-meta{ font-size:11.5px; color:var(--faint); margin-top:4px; }
.ad-meta a{ color:var(--faint); }
.ad-actions{ white-space:nowrap; }
.ad-act{ font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.04em; background:none; border:1px solid var(--line2);
  color:var(--dim); border-radius:7px; padding:5px 9px; cursor:pointer; margin:2px 3px 2px 0; }
.ad-act:hover{ border-color:var(--txt); color:var(--txt); }
.ad-act.danger:hover{ background:var(--red); border-color:var(--red); color:#fff; }
.ad-pill{ font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:2px 7px; border-radius:5px; color:#fff; }
.ad-pill.visible{ background:var(--green); } .ad-pill.flagged{ background:var(--violet); }
.ad-pill.hidden{ background:#6a6d72; } .ad-pill.banned{ background:var(--red); }
.ad-rep{ color:var(--red); font-size:11px; }
.ad-empty{ color:var(--faint); text-align:center; padding:16px; }
@media(max-width:620px){ .ad-table thead{ display:none; } .ad-table,.ad-table tbody,.ad-table tr,.ad-table td{ display:block; }
  .ad-table tr{ border-bottom:1px solid var(--line); } .ad-table td{ border:0; padding:5px 12px; } }

/* ---- Timeline page (every prediction, newest claim first) ---- */
.tlfilter{ display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 14px; }
.tlf{ font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:.04em; display:inline-flex; align-items:center; gap:6px;
  background:var(--panel); border:1px solid var(--line2); color:var(--dim); border-radius:99px; padding:7px 13px; cursor:pointer; }
.tlf:hover{ border-color:var(--txt); color:var(--txt); }
.tlf.on{ background:var(--txt); border-color:var(--txt); color:#fff; }
.tlf b{ font-weight:700; opacity:.7; }
.tlf.on b{ opacity:.85; }
.tlf .dot{ width:8px; height:8px; border-radius:50%; display:inline-block; }
.tl-count-row{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--faint); margin-bottom:14px; }
.tl{ border-top:1px solid var(--line); }
.tl-year{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:15px; color:var(--faint); letter-spacing:.04em;
  padding:18px 0 8px; border-bottom:1px solid var(--line); position:sticky; top:0; background:var(--bg); z-index:2; }
.tlrow{ border-bottom:1px solid var(--line); }
.tlrow-head{ display:flex; align-items:center; gap:14px; width:100%; padding:13px 6px; background:none; border:0; cursor:pointer; font:inherit; color:inherit; text-align:left; }
.tlrow-head:hover{ background:var(--panel2); }
.tlrow.open .tlrow-head{ background:var(--panel2); }
.tl-date{ flex:0 0 62px; font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--faint); white-space:nowrap; }
.tl-title{ flex:1 1 auto; font-size:15.5px; font-weight:600; color:var(--txt); line-height:1.35; }
.tlrow-head:hover .tl-title, .tlrow.open .tl-title{ color:var(--red); }
.tl-meta{ flex:0 0 auto; display:flex; align-items:center; gap:10px; }
.tl-co{ font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--faint); }
.tl-src{ font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.03em; color:var(--dim); display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }
.tl-src .dot{ width:7px; height:7px; border-radius:50%; display:inline-block; }
.tl-meta .pill{ font-size:9.5px; padding:2px 8px; }
.tl-caret{ color:var(--faint); font-size:10px; transition:transform .15s; }
.tlrow.open .tl-caret{ transform:rotate(180deg); color:var(--red); }
.tlrow-panel{ padding:2px 6px 22px; max-width:600px; animation:tlfade .2s ease; }
@keyframes tlfade{ from{opacity:0; transform:translateY(-4px);} to{opacity:1; transform:none;} }
.tlp-quote{ font-size:16px; line-height:1.55; color:var(--txt); margin:6px 0 16px; padding:2px 0 2px 16px; border-left:3px solid var(--red); }
.tlp-quote cite{ display:block; font-family:'JetBrains Mono',monospace; font-style:normal; font-size:11.5px; letter-spacing:.03em; color:var(--faint); margin-top:9px; }
.tlp-embed{ margin:0 0 16px; }
.tlp-embed .twitter-tweet{ margin:0 !important; }
.tlp-video{ position:relative; width:100%; padding-bottom:56.25%; height:0; border-radius:12px; overflow:hidden; background:#000; }
.tlp-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.tlp-loading{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--faint); padding:14px 0; }
.tlp-vidcap{ font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:.02em; color:var(--dim); margin:0 0 7px; }
.tlp-src, .tlp-link{ display:inline-block; font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.03em; text-decoration:none; margin:0 18px 6px 0; }
.tlp-src{ color:var(--dim); } .tlp-src:hover{ color:var(--txt); }
.tlp-link{ color:var(--red); font-weight:700; } .tlp-link:hover{ text-decoration:underline; }
@media(max-width:680px){
  .tlrow-head{ flex-wrap:wrap; gap:6px 10px; padding:12px 4px; }
  .tl-date{ flex-basis:auto; order:1; }
  .tl-meta{ order:2; margin-left:auto; }
  .tl-title{ flex-basis:100%; order:3; font-size:15px; }
  .tl-co{ display:none; }
}

/* ===== AUDIT FIX-PASS (2026-07-04 full-site audit) ===== */
/* 1. detail-page hero: the recolor turned the H1/chips ink-on-dark-veil (~1.1:1). White over the image. */
.pred-hero .inner{ color:#fff; }
.pred-hero .inner h1{ color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.65) !important; }
.pred-hero .inner .kchip{ background:rgba(0,0,0,.5); }
.pred-hero .inner .kchip.co{ color:#9fd8f7; }
.pred-hero .inner .kchip.topic{ color:#d4c5fa; }
/* 2. pending ≠ missed: waiting tier gets its own gold; #e82127 is reserved for missed/overdue */
.stat.amber .n{ color:#b07900; }
.pill.pending{ background:#b07900; }
.stamp.pending{ color:#b07900; }
.clock.left{ color:#b07900; }
.counterCard .big.left{ color:#b07900; }
/* 3. referral + capture cards get a compact style instead of display:none (compact is the DEFAULT view) */
.feed.view-compact .refcard, .feed.view-compact .subcard{ display:flex; flex-direction:row; align-items:center; gap:14px; padding:14px 18px; }
.feed.view-compact .refcard .s, .feed.view-compact .subcard .s{ display:none; }
.feed.view-compact .refcard .h, .feed.view-compact .subcard .h{ font-size:15.5px; }
.feed.view-compact .refcard > div, .feed.view-compact .subcard > div{ flex:1; min-width:0; }
.feed.view-compact .refcard .cta{ white-space:nowrap; padding:9px 14px; }
/* 4. mobile: no horizontal scroll (nowrap headings + rigid segments forced 451-511px layouts) */
@media(max-width:640px){
  .sechead h2{ white-space:normal; }
  .seg{ flex-wrap:wrap; }
}
/* 5. subscribe block: light-theme restyle (was the dark theme's cyan/amber gradient) */
.sub-block{ background:var(--panel); border:1px solid var(--line2); box-shadow:0 6px 24px rgba(0,0,0,.06); }
.sub-block .k{ color:var(--red); }
.sub-form input[type=email]{ background:#fff; }
.sub-form input[type=email]:focus{ border-color:var(--red); }
/* 6. in-feed / detail-page newsletter capture card */
.subcard{ border-radius:14px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; gap:12px; background:var(--panel); border:1.5px solid var(--red); }
.subcard .tag{ font-family:'JetBrains Mono',monospace; font-size:9px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--red); }
.subcard .h{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:19px; line-height:1.25; }
.subcard .s{ font-size:13px; color:var(--dim); }
/* capture-card email input must shrink inside tight flex slots (390px verify caught 12px overflow) */
.subcard .sub-form input[type=email]{ min-width:120px; }
@media(max-width:640px){
  .feed.view-compact .refcard, .feed.view-compact .subcard{ flex-direction:column; align-items:stretch; }
}
/* 7. feed empty state (search/filters with zero hits were a silent dead end) */
.feed-empty{ display:none; padding:38px 20px; text-align:center; color:var(--dim); border:1px dashed var(--line2); border-radius:14px; margin-bottom:10px; }
.feed-empty button{ margin-top:12px; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; padding:9px 16px; border:1px solid var(--line2); background:#fff; color:var(--txt); border-radius:99px; cursor:pointer; }
.feed-empty button:hover{ border-color:var(--txt); }

/* ===== BLEND-IN PASS (2026-07-05 — Howard: promo units read as ads; people are ad-blind) =====
   Referral + newsletter cards take the neutral content-card surface and quiet CTAs so they read
   as part of the page, not banners. Shown at most once each in the body (see feed_html); the nav
   pill (header) and footer sub-block are the exempt header/footer asks. Referral cards keep a
   small honest "Referral" label — subtle, not hidden. */
.refcard, .refcard.tesla, .refcard.starlink, .subcard{
  background:var(--panel) !important; border:1px solid var(--line) !important;
  box-shadow:none !important; border-radius:14px; padding:16px 20px; }
.refcard:hover, .subcard:hover{ border-color:var(--line2) !important; }
.refcard .tag, .subcard .tag{ color:var(--faint) !important; font-weight:600 !important;
  font-size:9.5px !important; letter-spacing:.16em !important; }
.refcard .h, .subcard .h{ color:var(--txt) !important; font-size:16px !important;
  font-weight:700 !important; margin-top:6px !important; }
.refcard .s, .subcard .s{ color:var(--dim) !important; font-size:13px !important; }
/* referral CTA -> quiet inline link, not a filled pill */
.refcard .cta, .refcard.tesla .cta, .refcard.starlink .cta{
  background:none !important; color:var(--dim) !important; padding:0 !important;
  border-radius:0 !important; text-align:left !important; text-transform:none !important;
  letter-spacing:0 !important; font-family:'Inter',sans-serif !important;
  font-size:13.5px !important; font-weight:600 !important; }
.refcard .cta:hover{ color:var(--red) !important; }
/* newsletter submit -> low-key ink button, not bright red (footer band included) */
.subcard .sub-form button, .sub-block .sub-form button{
  background:var(--txt) !important; color:#fff !important; border-radius:8px !important;
  letter-spacing:.04em !important; }
.subcard .sub-form button:hover, .sub-block .sub-form button:hover{ background:#000 !important; }
.subcard .sub-form input[type=email], .sub-block .sub-form input[type=email]{ border-radius:8px !important; }

/* ===== WRAP STUDIO (/wraps/) ===== */
.wrapgrid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:start; margin:6px 0 10px; }
@media(max-width:860px){ .wrapgrid{ grid-template-columns:1fr; } }
.wrapctl label{ display:block; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--faint); margin:16px 0 7px; }
.modelrow{ display:flex; flex-wrap:wrap; gap:7px; }
.modelrow button{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.04em; padding:8px 13px;
  border:1px solid var(--line2); background:var(--panel); color:var(--dim); border-radius:99px; cursor:pointer; }
.modelrow button:hover{ border-color:var(--txt); color:var(--txt); }
.modelrow button.on{ background:var(--txt); border-color:var(--txt); color:#fff; font-weight:700; }
#wprompt{ width:100%; box-sizing:border-box; min-height:78px; resize:vertical; font-family:inherit; font-size:15px;
  line-height:1.5; padding:12px 13px; border:1px solid var(--line2); border-radius:10px; background:#fff; color:var(--txt); }
#wprompt:focus{ outline:none; border-color:var(--red); box-shadow:0 0 0 3px rgba(232,33,39,.12); }
.presets{ display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
.presets button{ font-size:12px; padding:6px 11px; border:1px solid var(--line); background:var(--panel2);
  color:var(--dim); border-radius:99px; cursor:pointer; }
.presets button:hover{ border-color:var(--txt); color:var(--txt); }
#wgo{ margin-top:18px; width:100%; font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; padding:15px 20px; border:0; border-radius:10px;
  background:var(--red); color:#fff; cursor:pointer; }
#wgo:hover{ background:#c4121f; }
#wgo:disabled{ opacity:.55; cursor:default; }
.wstage{ border:1px solid var(--line2); border-radius:14px; background:var(--panel2); aspect-ratio:1/1;
  display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative; }
.wstage canvas, .wstage img{ width:100%; height:100%; object-fit:cover; display:block; }
.wstage .ph{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--faint); text-align:center; padding:22px; line-height:1.7; }
#wmsg{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--dim); margin-top:11px; min-height:18px; }
#wmsg.err{ color:var(--red); }
#wmsg.ok{ color:var(--green); }
#wdl{ display:none; margin-top:12px; width:100%; text-align:center; font-family:'JetBrains Mono',monospace;
  font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:14px 18px;
  border:1px solid var(--txt); border-radius:10px; background:var(--txt); color:#fff; text-decoration:none; }
#wdl:hover{ background:#000; }
.paths{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; }
@media(max-width:760px){ .paths{ grid-template-columns:1fr; } }
.path{ border:1px solid var(--line); border-radius:12px; background:var(--panel); padding:20px 22px 18px; }
.ptag{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--faint); margin-bottom:14px; }
.path .steps{ gap:10px; }
.path .steps li{ font-size:14.5px; }
.pnote{ font-size:12.5px; color:var(--faint); line-height:1.65; margin:14px 0 0; }
.steps{ counter-reset:s; display:grid; gap:12px; max-width:70ch; padding:0; }
.steps li{ list-style:none; counter-increment:s; position:relative; padding-left:38px; font-size:15px; line-height:1.6; }
.steps li::before{ content:counter(s); position:absolute; left:0; top:1px; width:25px; height:25px; border-radius:50%;
  background:var(--txt); color:#fff; font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700;
  display:flex; align-items:center; justify-content:center; }

/* ===== WRAP STUDIO v2 (interactive designer) ===== */
.wsbar{ display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; align-items:center; margin:4px 0 14px; }
.wsviews{ display:flex; gap:7px; }
.wsviews button, #ws-toolbtns button{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.03em;
  padding:8px 12px; border:1px solid var(--line2); background:var(--panel); color:var(--dim); border-radius:99px; cursor:pointer; }
.wsviews button:hover, #ws-toolbtns button:hover{ border-color:var(--txt); color:var(--txt); }
.wsviews button.on, #ws-toolbtns button.on{ background:var(--txt); border-color:var(--txt); color:#fff; font-weight:700; }
.wsviews button span{ font-size:9px; opacity:.65; margin-left:3px; }
#ws-toolbtns button:disabled{ opacity:.4; cursor:default; }
.wsgrid{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:22px; align-items:start; margin-bottom:8px; }
@media(max-width:960px){ .wsgrid{ grid-template-columns:1fr; } }
.wsstage canvas{ width:100%; display:block; border:1px solid var(--line2); border-radius:14px; background:#0d0e10; touch-action:none; }
.wsstage canvas[hidden]{ display:none; }
#ws-panelcard[hidden], #ws-textcard[hidden]{ display:none; }
#ws-hint{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--faint); margin-top:9px; }
#ws-msg{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--dim); min-height:18px; margin-top:4px; }
#ws-msg.err{ color:var(--red); }
#ws-msg.ok{ color:var(--green); }
.wstools{ border:1px solid var(--line); border-radius:14px; background:var(--panel); padding:15px 16px; display:grid; gap:13px; }
.wstools details{ border-top:1px solid var(--line); padding-top:11px; }
.wstools summary{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--faint); cursor:pointer; }
.wstoolrow{ display:flex; flex-wrap:wrap; gap:7px; align-items:center; }
.wsbtn{ font-family:'JetBrains Mono',monospace; font-size:12px; padding:9px 13px; border:0; border-radius:8px;
  background:var(--txt); color:#fff; cursor:pointer; }
.wsbtn:hover{ background:#000; }
.wsbtn.ghost{ background:var(--panel2); color:var(--dim); border:1px solid var(--line); }
.wsbtn.ghost:hover{ color:var(--txt); border-color:var(--txt); background:var(--panel2); }
.wsbtn.big{ width:100%; box-sizing:border-box; padding:14px; background:var(--red); font-weight:700; text-transform:uppercase;
  letter-spacing:.06em; text-align:center; text-decoration:none; display:block; }
.wsbtn.big:hover{ background:#c4121f; }
.wsbtn:disabled{ opacity:.55; cursor:default; }
.wscardtitle{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; color:var(--txt); }
#ws-panelcard, #ws-textcard{ border:1px solid var(--line2); background:var(--panel2); border-radius:10px; padding:12px; display:grid; gap:9px; }
.wstools textarea, .wstools input[type=text]{ width:100%; box-sizing:border-box; font-family:inherit; font-size:14px;
  padding:9px 10px; border:1px solid var(--line2); border-radius:8px; background:#fff; color:var(--txt); }
.wstools textarea{ min-height:52px; resize:vertical; }
.wstools textarea:focus, .wstools input[type=text]:focus{ outline:none; border-color:var(--red); }
.wstools select{ font-family:inherit; font-size:13px; padding:8px 9px; border:1px solid var(--line2); border-radius:8px; background:#fff; color:var(--txt); }
.wsrange{ display:flex; align-items:center; gap:8px; font-size:12px; color:var(--dim); }
.wsrange input{ flex:1; min-width:0; }
.wscheck{ font-size:12.5px; color:var(--dim); display:flex; gap:7px; align-items:center; }
.wstools input[type=color]{ width:38px; height:31px; border:1px solid var(--line2); border-radius:7px; background:none; padding:1px; cursor:pointer; }
#ws-bgswatches{ display:inline-flex; gap:6px; }
#ws-bgswatches button{ width:26px; height:26px; border-radius:50%; border:1px solid var(--line2); cursor:pointer; padding:0; }
#ws-modal{ position:fixed; inset:0; background:rgba(10,11,13,.62); display:flex; align-items:center; justify-content:center; z-index:80; padding:18px; }
#ws-modal[hidden]{ display:none; }
.wsmodalbox{ background:var(--panel); border-radius:16px; max-width:560px; width:100%; padding:22px; display:grid; gap:12px; max-height:92vh; overflow:auto; }
.wsmodalbox img{ width:100%; border-radius:10px; border:1px solid var(--line2); background:#0d0e10; }
#ws-modalmeta{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--dim); }
.wsmodalbox p{ font-size:13px; color:var(--faint); margin:0; line-height:1.6; }