:root{
  --bg:#000;
  --panel:rgba(255,255,255,.025);
  --panel-2:rgba(255,255,255,.04);
  --line:rgba(255,255,255,.10);
  --text:#f4f4f4;
  --muted:rgba(255,255,255,.58);
  --soft:rgba(255,255,255,.36);
  --ghost:rgba(255,255,255,.08);
  --shadow:0 12px 50px rgba(0,0,0,.45);
  --radius:28px;
  --mono: "American Typewriter", "Courier New", Courier, "Nimbus Mono PS", "Liberation Mono", monospace;
  --sans: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
}

:root,
body[data-theme="blackhole"]{
  --bg:#000000;
  --panel:rgba(255,255,255,.025);
  --panel-2:rgba(255,255,255,.04);
  --line:rgba(255,255,255,.10);
  --text:#f4f4f4;
  --muted:rgba(255,255,255,.58);
  --soft:rgba(255,255,255,.36);
  --ghost:rgba(255,255,255,.08);
  --shadow:0 12px 50px rgba(0,0,0,.45);
  --ascii:rgba(255,255,255,.08);
  --halo:rgba(255,255,255,.02);
  --core-ring:rgba(255,255,255,.08);
}

body[data-theme="fallout"]{
  --bg:#0a0906;
  --panel:rgba(167,181,104,.08);
  --panel-2:rgba(120,132,70,.14);
  --line:rgba(181,196,110,.20);
  --text:rgba(226,232,176,.95);
  --muted:rgba(181,188,133,.70);
  --soft:rgba(181,188,133,.50);
  --ghost:rgba(210,180,84,.10);
  --shadow:0 12px 50px rgba(0,0,0,.55);
  --ascii:rgba(193,212,110,.10);
  --halo:rgba(181,196,110,.03);
  --core-ring:rgba(181,196,110,.14);
}

body[data-theme="matrix"]{
  --bg:#020403;
  --panel:rgba(70,255,140,.05);
  --panel-2:rgba(40,180,100,.10);
  --line:rgba(90,255,150,.18);
  --text:rgba(180,255,210,.96);
  --muted:rgba(120,210,150,.68);
  --soft:rgba(120,210,150,.46);
  --ghost:rgba(90,255,140,.10);
  --shadow:0 12px 50px rgba(0,0,0,.55);
  --ascii:rgba(90,255,140,.12);
  --halo:rgba(90,255,140,.03);
  --core-ring:rgba(90,255,140,.16);
}

body[data-theme="pixelcraft"]{
  --bg:#0d0f12;
  --panel:rgba(120,130,110,.08);
  --panel-2:rgba(88,98,78,.14);
  --line:rgba(150,160,136,.18);
  --text:rgba(220,224,210,.92);
  --muted:rgba(168,176,154,.64);
  --soft:rgba(168,176,154,.44);
  --ghost:rgba(120,170,110,.09);
  --shadow:0 12px 50px rgba(0,0,0,.52);
  --ascii:rgba(190,210,170,.08);
  --halo:rgba(150,160,136,.03);
  --core-ring:rgba(150,160,136,.14);
}

.theme-dots{
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 4px;
}
.theme-dot{
  width:14px;
  height:14px;
  border-radius:4px;
  border:1px solid var(--line);
  opacity:.72;
  transition:transform .25s ease, opacity .25s ease, box-shadow .25s ease, border-color .25s ease;
  animation:breathe 3.2s ease-in-out infinite;
}
.theme-dot.active{
  opacity:1;
  transform:scale(1.08);
  border-color:rgba(255,255,255,.28);
  box-shadow:0 0 10px rgba(255,255,255,.12);
}
.theme-dot.blackhole{ background:#d7dbe0; animation-duration:4.2s; }
.theme-dot.fallout{ background:#a8b36a; animation-duration:3.8s; }
.theme-dot.matrix{ background:#55ff99; animation-duration:2.8s; }
.theme-dot.pixelcraft{ background:#7c8a6a; animation-duration:4.8s; }

@keyframes breathe {
  0%,100% { opacity:.62; }
  50% { opacity:.95; }
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--sans);transition:background-color .3s ease,color .3s ease,border-color .3s ease}
body{min-height:100vh;overflow-x:hidden}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
.hidden{display:none !important}

.blackhole-bg{
  position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;
}
.blackhole-halo{
  position:absolute;left:50%;top:18%;width:42vw;height:42vw;min-width:240px;min-height:240px;
  transform:translateX(-50%);border-radius:999px;background:var(--panel);
  filter:blur(48px);animation:haloPulse 14s ease-in-out infinite;
}
.blackhole-core{
  position:absolute;left:50%;top:18%;width:18vw;height:18vw;min-width:120px;min-height:120px;
  transform:translateX(-50%);border-radius:999px;background:#000;border:1px solid var(--core-ring);
  animation:corePulse 10s ease-in-out infinite;
}
.ascii-layer{
  position:absolute;inset:0;padding:40px 16px 0 16px;
  font-family:var(--mono);font-size:9px;line-height:1.55;letter-spacing:.18em;color:var(--ascii);
}
.ascii-row{
  white-space:nowrap;margin-bottom:10px;animation:asciiDrift 16s ease-in-out infinite;
}
.ascii-row:nth-child(2){animation-duration:20s}
.ascii-row:nth-child(3){animation-duration:18s}
.ascii-row:nth-child(4){animation-duration:22s}
.bg-vignette{
  position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,.14), rgba(0,0,0,.86));
}

.app-shell{
  position:relative;z-index:1;max-width:1720px;margin:0 auto;padding:12px 12px 80px;
}
.topbar{
  position:sticky;top:0;z-index:40;margin-bottom:16px;padding:12px;border:1px solid var(--line);
  border-radius:22px;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);
}
.topbar-meta{
  font-family:var(--mono);font-size:10px;letter-spacing:.38em;text-transform:uppercase;color:var(--soft);
}
.topbar-sub{margin-top:4px;font-size:12px;color:var(--soft)}
.controls{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;
}
.chip{
  text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);
}
.chip-label{
  display:block;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--text);
}
.chip-sub{display:block;margin-top:4px;font-size:11px;color:var(--soft)}
.chip:hover{border-color:rgba(255,255,255,.2)}
.section-mini-title{
  font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--soft);
}
.mobile-note,.state-banner,.deploy-note,.footer-state{
  padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.02)
}
.mobile-note,.state-banner,.deploy-note{margin-bottom:16px}
.mobile-note p,.state-banner p,.deploy-note p{margin:12px 0 0;line-height:1.8}
.mobile-note p:last-child,.state-banner p:last-child,.deploy-note p:last-child{color:var(--muted)}

.feed-grid{
  display:grid;grid-template-columns:1fr;gap:12px;
}
.feed-card{
  position:relative;overflow:hidden;padding:16px;border:1px solid var(--line);border-radius:28px;
  background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(6px);
  min-height:180px;transition:border-color .24s ease, transform .24s ease, opacity .24s ease;
}
.feed-card.large{min-height:320px;background:var(--panel-2)}
.feed-card.medium{min-height:220px}
.feed-card.partial{min-height:160px}
.feed-card.void{background:rgba(255,255,255,.012)}
.feed-card.threshold,.feed-card.threshold_hidden{background:rgba(255,255,255,.02)}
.feed-card.corrupt{background:rgba(255,255,255,.018)}
.feed-card.active-pulse{border-color:rgba(255,255,255,.22);transform:translateY(-2px)}
.feed-card-shine{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 16% 18%, rgba(255,255,255,.08), transparent 24%),
    radial-gradient(circle at 82% 70%, rgba(255,255,255,.04), transparent 22%),
    linear-gradient(to bottom, rgba(255,255,255,.02), transparent 34%);
}
.signal-loss-line{
  position:absolute;left:0;right:0;top:48px;height:1px;
  background:linear-gradient(to right, transparent, rgba(255,255,255,.14), transparent);
  animation:signalLoss 2.8s ease-in-out infinite;
}
.feed-card-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%}
.feed-top{display:flex;justify-content:space-between;gap:12px}
.feed-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--soft)}
.feed-kicker-sub{margin-top:4px;font-size:12px;color:var(--soft)}
.feed-code{
  max-width:48%;text-align:right;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--soft)
}
.feed-en{margin-top:20px;font-size:16px;line-height:1.75;color:var(--text)}
.feed-zh{margin-top:12px;font-size:16px;line-height:1.75;color:var(--muted)}
.feed-card.large .feed-en{margin-top:28px;font-size:30px;line-height:1.02}
.feed-card.large .feed-zh{font-size:22px;line-height:1.12}
.feed-card.fracture .feed-en{font-size:22px;line-height:1.5}
.feed-card.fracture .feed-zh{font-size:20px;line-height:1.6}
.feed-bottom{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-top:24px}
.feed-meta{
  display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--soft)
}
.feed-dot{width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.34)}
.open-btn{
  flex-shrink:0;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.2);
}
.open-btn-row{
  display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.82)
}
.hero-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hero-chip{
  padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.22)
}
.hero-chip-label{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.hero-chip-sub{margin-top:4px;font-size:11px;color:var(--soft)}
.pip-badge{animation:pipPulse 2.2s ease-in-out infinite}
.void-skeleton{display:flex;flex-direction:column;gap:16px}
.void-line{height:20px;border-radius:999px;background:rgba(255,255,255,.05)}
.void-line.short{width:50%}
.void-line.long{width:74%}
.half-mask{position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(to top,#000,rgba(0,0,0,.8),transparent)}
.footer-state{
  display:grid;gap:12px
}
.footer-label{
  font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--soft)
}
.footer-sub{margin-top:8px;font-size:14px;color:var(--muted)}

.overlay{
  position:fixed;inset:0;z-index:60;
}
.overlay-backdrop{
  position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px)
}
.overlay-panel{
  position:relative;z-index:2;max-width:760px;margin:auto;
  width:min(100% - 24px, 760px);
  border:1px solid var(--line);border-radius:28px;background:#060606;
  box-shadow:0 20px 80px rgba(0,0,0,.55);
  padding:20px;
  transform:translateY(calc(100vh - 88px));
  animation:sheetIn .28s ease forwards;
}
.overlay-header,.subsheet-header{display:flex;justify-content:space-between;gap:16px}
.overlay-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--soft)}
.overlay-kicker-sub{margin-top:4px;font-size:12px;color:var(--soft);display:block}
.close-btn{
  padding:9px 12px;border:1px solid var(--line);border-radius:999px;
  font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)
}
.overlay-code{
  margin-top:20px;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--soft)
}
.overlay-en{margin-top:20px;font-size:28px;line-height:1.14;color:var(--text)}
.overlay-zh{margin-top:14px;font-size:22px;line-height:1.22;color:var(--muted)}
.overlay-info-grid{display:grid;gap:12px;margin-top:24px}
.overlay-info{
  padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)
}
.overlay-info-title{
  font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--soft)
}
.overlay-info-body{margin-top:12px;color:var(--text);line-height:1.7}
.overlay-info-sub{margin-top:8px;color:var(--muted);line-height:1.7}
.ascii-box{
  margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--panel);
  font-family:var(--mono);font-size:10px;line-height:1.8;letter-spacing:.18em;color:var(--soft);
  animation:asciiPulse 2.4s ease-in-out infinite;
}
.overlay-lower{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.02)}
.descend-btn{
  margin-top:16px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;
  font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text);
  background:rgba(0,0,0,.22)
}
.subsheet{
  position:fixed;left:0;right:0;bottom:0;z-index:70;padding:0 0 0;
}
.subsheet-panel{
  border:1px solid var(--line);border-radius:28px 28px 0 0;background:rgba(0,0,0,.95);
  box-shadow:0 -20px 80px rgba(0,0,0,.6);padding:20px;
}

@keyframes haloPulse{
  0%,100%{transform:translateX(-50%) scale(1);opacity:.45}
  50%{transform:translateX(-50%) scale(1.04);opacity:.8}
}
@keyframes corePulse{
  0%,100%{transform:translateX(-50%) scale(1)}
  50%{transform:translateX(-50%) scale(.985)}
}
@keyframes asciiDrift{
  0%,100%{transform:translateX(0);opacity:.08}
  50%{transform:translateX(10px);opacity:.18}
}
@keyframes signalLoss{
  0%,100%{opacity:.18;transform:scaleX(.96)}
  50%{opacity:.7;transform:scaleX(1)}
}
@keyframes pipPulse{
  0%,100%{opacity:.72}
  50%{opacity:1}
}
@keyframes asciiPulse{
  0%,100%{opacity:.25}
  50%{opacity:.5}
}
@keyframes sheetIn{
  from{transform:translateY(calc(100vh - 80px))}
  to{transform:translateY(0)}
}

@media (min-width: 768px){
  .app-shell{padding:20px 24px 96px}
  .topbar{padding:14px 16px;border-radius:24px}
  .controls{display:flex;flex-wrap:wrap;margin-top:0}
  .feed-grid{gap:16px}
  .overlay-panel{
    margin-top:80px;transform:none;animation:fadePanel .26s ease forwards;
  }
  .overlay-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-state{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width: 1280px){
  .feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .feed-card.span-2{grid-column:span 2}
}
@keyframes fadePanel{
  from{opacity:0;transform:translateY(28px)}
  to{opacity:1;transform:translateY(0)}
}


.topbar-countdown-wrap{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.topbar-countdown-label{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:var(--soft);
}
.topbar-countdown{
  font-family:var(--mono);
  font-size:24px;
  line-height:1;
  letter-spacing:.18em;
  color:rgba(255,255,255,.9);
}
@media (min-width: 768px){
  .topbar-countdown{
    font-size:30px;
  }
}

.topbar.glitching .topbar-countdown{
  text-shadow: 1px 0 rgba(255,255,255,.25), -1px 0 rgba(255,255,255,.15);
  transform: translateX(1px);
}


.feed-kicker-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.feed-kicker-sub.inline{
  margin-top:0;
  font-size:12px;
  color:var(--soft);
}
.overlay-kicker-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.overlay-kicker-sub.inline{
  margin-top:0;
  font-size:12px;
  color:var(--soft);
}
.kicker-divider{
  color:var(--soft);
  opacity:.8;
}


.topbar-left{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.hero-tag{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:var(--panel);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,255,255,.76);
}
.feed-card.large .feed-en{
  font-size:34px;
  line-height:1.02;
}
.feed-card.large .feed-zh{
  font-size:24px;
  line-height:1.08;
}
@media (min-width: 768px){
  .feed-card.large .feed-en{
    font-size:54px;
  }
  .feed-card.large .feed-zh{
    font-size:34px;
  }
}


body{
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.feed-en,
.topbar-countdown,
.topbar-countdown-label,
.topbar-meta,
.feed-kicker,
.feed-code,
.section-mini-title,
.footer-label,
.hero-tag,
.chip-label,
.overlay-kicker,
.overlay-code,
.overlay-info-title,
.ascii-box,
.ascii-layer,
.open-btn-row,
.close-btn,
.descend-btn{
  font-family: var(--mono);
}

.feed-zh,
.feed-kicker-sub,
.chip-sub,
.footer-sub,
.overlay-zh,
.overlay-info-sub,
.topbar-sub,
.mobile-note p,
.state-banner p,
.deploy-note p{
  font-family: var(--sans);
}


/* v12 visible field switch */
.field-switch{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.02);
  min-height:44px;
}
.theme-dots{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0;
}
.theme-dot{
  position:relative;
  width:18px;
  height:18px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.18);
  opacity:.88;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18);
  transition:transform .25s ease, opacity .25s ease, box-shadow .25s ease, border-color .25s ease, filter .25s ease;
}
.theme-dot::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:10px;
}
.theme-dot:hover{
  transform:scale(1.08);
  filter:brightness(1.08);
}
.theme-dot.active{
  opacity:1;
  transform:scale(1.12);
  border-color:rgba(255,255,255,.42);
  box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 0 14px rgba(255,255,255,.16);
}
.theme-dot.blackhole{ background:linear-gradient(135deg,#f0f2f5,#8f98a3 65%,#2b2f35); animation-duration:4.2s; }
.theme-dot.fallout{ background:linear-gradient(135deg,#d7d097,#93a25a 60%,#4f5732); animation-duration:3.8s; }
.theme-dot.matrix{ background:linear-gradient(135deg,#9dffd0,#47ff92 55%,#0e4d2b); animation-duration:2.8s; }
.theme-dot.pixelcraft{ background:linear-gradient(135deg,#c9cfbf,#7d8b68 58%,#48513d); animation-duration:4.8s; }

@media (max-width: 767px){
  .controls{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .field-switch{
    grid-column:1 / -1;
    justify-content:center;
    min-height:48px;
  }
  .theme-dot{
    width:20px;
    height:20px;
  }
}

.mobile-note,
.state-banner,
.deploy-note{
  display:none !important;
}


/* v13 signal-bar field switch before countdown */
.topbar-left{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.field-switch{
  width:max-content;
  padding:8px 10px;
  border-radius:14px;
}
.theme-dots{
  gap:12px;
}
.theme-dot{
  width:8px;
  height:22px;
  border-radius:4px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:none;
}
.theme-dot::after{
  inset:-8px -6px;
  border-radius:8px;
}
.theme-dot:hover{
  transform:scaleY(1.08);
}
.theme-dot.active{
  transform:scaleY(1.12);
  box-shadow:0 0 0 1px rgba(255,255,255,.10), 0 0 10px rgba(255,255,255,.16);
}
.theme-dot.blackhole{ background:linear-gradient(to top,#2b2f35,#8f98a3 60%,#f0f2f5); }
.theme-dot.fallout{ background:linear-gradient(to top,#4f5732,#93a25a 58%,#d7d097); }
.theme-dot.matrix{ background:linear-gradient(to top,#0e4d2b,#47ff92 55%,#9dffd0); }
.theme-dot.pixelcraft{ background:linear-gradient(to top,#48513d,#7d8b68 58%,#c9cfbf); }

.topbar-countdown-label{
  font-size:9px;
  letter-spacing:.28em;
}
.topbar-countdown{
  font-size:18px;
  letter-spacing:.14em;
}
@media (min-width:768px){
  .topbar-left{
    gap:10px;
  }
  .topbar-countdown{
    font-size:22px;
  }
  .field-switch{
    min-height:38px;
  }
  .theme-dot{
    width:8px;
    height:20px;
  }
}
@media (max-width:767px){
  .field-switch{
    width:max-content;
    justify-content:flex-start;
    min-height:42px;
  }
  .theme-dot{
    width:9px;
    height:22px;
  }
  .topbar-countdown{
    font-size:16px;
  }
}


/* v14 top split + dirty surface */
.topbar-left{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.topbar-topline{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.field-switch{
  width:auto;
  padding:6px 8px;
  min-height:30px;
  border-radius:10px;
  background:rgba(255,255,255,.015);
}
.theme-dots{
  gap:8px;
}
.theme-dot{
  width:5px;
  height:18px;
  border-radius:3px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:none;
}
.theme-dot::after{
  inset:-9px -8px;
}
.theme-dot.active{
  transform:scaleY(1.08);
  box-shadow:0 0 8px rgba(255,255,255,.12);
}
.topbar-countdown-wrap{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.topbar-countdown-label{
  font-size:8px;
  letter-spacing:.34em;
  color:rgba(255,255,255,.28);
}
.topbar-countdown{
  font-size:15px;
  letter-spacing:.12em;
  color:rgba(255,255,255,.82);
}
.controls{
  margin-top:4px;
}
.feed-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.008)),
    repeating-linear-gradient(90deg, transparent 0, transparent 17px, rgba(255,255,255,.015) 18px, transparent 19px),
    var(--panel);
}
.feed-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.015), transparent 34%),
    radial-gradient(circle at 78% 82%, rgba(255,255,255,.025), transparent 18%);
  mix-blend-mode:screen;
  pointer-events:none;
}
.feed-card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:38%;
  height:1px;
  background:linear-gradient(to right, transparent, rgba(255,255,255,.06), transparent);
  opacity:.65;
  pointer-events:none;
}
.feed-card.large::after{
  top:24%;
}
.blackhole-halo{
  filter:blur(62px);
}
.ascii-layer{
  padding-top:56px;
  font-size:10px;
  color:var(--ascii);
  opacity:.95;
}
.ascii-row{
  text-shadow:0 0 6px rgba(255,255,255,.02);
}
.hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.hero-tag{
  padding:5px 8px;
  border:0;
  border-radius:0;
  background:transparent;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:rgba(255,255,255,.50);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.open-btn{
  border-radius:999px;
  background:rgba(255,255,255,.01);
}
.feed-card.large .feed-en{
  max-width:86%;
}
.feed-card.large .feed-zh{
  max-width:74%;
}
.feed-card.large .feed-bottom{
  justify-content:flex-start;
}
.signal-loss-line{
  opacity:.75;
}
.footer-state{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.008)),
    var(--panel);
}
@media (min-width:768px){
  .topbar-countdown{
    font-size:18px;
  }
  .theme-dot{
    width:4px;
    height:16px;
  }
  .field-switch{
    min-height:28px;
  }
}
@media (max-width:767px){
  .topbar-topline{
    justify-content:space-between;
  }
  .topbar-countdown{
    font-size:14px;
  }
  .controls{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* v20 minimal v14 topbar patch */
.topbar-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.topbar-spacer{
  flex:1 1 auto;
  min-width:0;
}
.topbar-rightcluster{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin-left:auto;
  flex:0 0 auto;
}
.signalbar{
  display:flex;
  align-items:flex-end;
  gap:4px;
  height:12px;
  margin-bottom:1px;
}
.signalbar-item{
  width:4px;
  padding:0;
  margin:0;
  border:none;
  border-radius:1px;
  background:rgba(255,255,255,.16);
  opacity:.42;
  transition:opacity .2s ease, background-color .2s ease;
}
.signalbar-item.level-1{height:4px}
.signalbar-item.level-2{height:7px}
.signalbar-item.level-3{height:10px}
.signalbar-item.level-4{height:12px}
.signalbar-item.active{
  background:rgba(255,255,255,.88);
  opacity:.96;
}
.topbar-countdown{
  font-family:var(--mono);
  font-size:11px;
  line-height:1;
  letter-spacing:.08em;
  color:rgba(255,255,255,.74);
  white-space:nowrap;
}
@media (min-width:768px){
  .topbar-rightcluster{gap:10px}
  .signalbar{height:13px}
  .signalbar-item.level-1{height:4px}
  .signalbar-item.level-2{height:8px}
  .signalbar-item.level-3{height:10px}
  .signalbar-item.level-4{height:13px}
  .topbar-countdown{font-size:12px}
}


/* v25 full delete topbar */
.topbar{
  display: none !important;
}

.app-shell{
  padding-top: 0 !important;
}

#feedGrid{
  margin-top: 18px !important;
}

#feedGrid > .feed-card:first-child{
  margin-top: 0 !important;
}


/* V25C overlay top spacing */
.overlay-panel{
  margin: 14px auto 0 !important;
}

@media (min-width: 768px){
  .overlay-panel{
    margin-top: 14px !important;
  }
}