body.desktop-hub-preview.is-secret-mode .content-frame {
  position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; overflow:hidden!important;
}
body.desktop-hub-preview.is-secret-mode .frame-line,
body.desktop-hub-preview.is-secret-mode .frame-dot,
body.desktop-hub-preview.is-secret-mode .frame-noise { opacity:0!important; }
.secret-panel { position:absolute; inset:0; width:100%; height:100%; padding:0; display:none; }
.secret-panel.is-active { display:block; }
.secret-space {
  position:absolute; left:50%; top:49%; width:min(960px,72vw); height:min(380px,46vh);
  transform:translate(-50%,-50%); display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(48px,6vw,96px); font-family:Monaco,Menlo,"SFMono-Regular",Consolas,monospace; color:#242424;
}
.secret-process { position:relative; min-width:0; }
.secret-process-label { margin:0 0 22px; font-size:8px; letter-spacing:.14em; color:rgba(20,20,20,.30); }
.secret-boot,.secret-web-build {
  position:relative; width:100%; min-height:220px; font-size:9px; line-height:1.7;
  letter-spacing:.045em; color:rgba(25,25,25,.60);
}
.secret-boot pre,.secret-web-build pre { display:inline; margin:0; white-space:pre-wrap; font:inherit; }
.secret-boot-cursor,.secret-web-cursor { animation:secretBlink .9s steps(1,end) infinite; }
.secret-status {
  position:absolute; right:0; bottom:0; margin:0; font-size:8px; letter-spacing:.13em; color:rgba(20,20,20,.38);
}
.secret-status span {
  display:inline-block; width:4px; height:4px; margin-right:8px; border-radius:50%;
  background:currentColor; animation:secretPulse 1.15s steps(2,end) infinite;
}
@keyframes secretBlink { 50% { opacity:0; } }
@keyframes secretPulse { 50% { opacity:.18; } }
@media (max-width:800px) {
  .secret-space { width:74vw; height:auto; grid-template-columns:1fr; gap:30px; }
  .secret-boot,.secret-web-build { min-height:120px; }
}
@media (prefers-reduced-motion:reduce) {
  .secret-boot-cursor,.secret-web-cursor,.secret-status span { animation:none; }
}


/* r3 — additional hidden processes */
.secret-space {
  left:50%; top:49%; width:min(1040px,76vw); height:min(470px,56vh);
  grid-template-columns:minmax(210px,.86fr) minmax(170px,.55fr) minmax(210px,.86fr) minmax(230px,.72fr);
  gap:clamp(30px,3.6vw,64px); align-items:start;
}
.secret-process--euler {
  display:flex; flex-direction:column; align-items:center; min-height:285px;
}
.secret-euler-stage {
  position:relative; width:100%; min-height:245px; display:flex; flex-direction:column;
  align-items:center; justify-content:center;
}
.secret-euler-formula {
  min-height:188px; writing-mode:vertical-rl; text-orientation:upright;
  font-size:18px; line-height:1.25; letter-spacing:.16em; color:rgba(18,18,18,.68);
}
.secret-euler-formula span {
  display:inline-block; opacity:0; transform:translateY(4px);
  transition:opacity .08s linear, transform .08s linear;
}
.secret-euler-formula span.is-visible { opacity:1; transform:none; }
.secret-euler-formula span.is-flash { animation:secretEulerFlash .18s steps(2,end) 1; }
.secret-euler-note {
  margin:18px 0 0; font-size:7px; letter-spacing:.14em; color:rgba(20,20,20,.28);
  white-space:nowrap;
}
.secret-process--dna { min-height:285px; }
.secret-dna-stream {
  width:100%; min-height:220px; max-height:240px; overflow:hidden;
  display:grid; grid-template-columns:repeat(10,1fr); gap:4px 7px;
  align-content:start; font-size:8px; line-height:1.35; letter-spacing:.08em;
  color:rgba(20,20,20,.34);
}
.secret-dna-stream span {
  opacity:.10; transition:opacity .12s linear, transform .12s linear;
  transform:translateY(2px);
}
.secret-dna-stream span.is-active {
  opacity:.78; transform:none;
}
.secret-dna-key {
  margin:16px 0 0; font-size:7px; letter-spacing:.12em; color:rgba(20,20,20,.26);
}
@keyframes secretEulerFlash {
  0%,100% { opacity:1; }
  50% { opacity:.14; }
}
@media (max-width:1100px) {
  .secret-space {
    width:82vw; grid-template-columns:repeat(2,minmax(0,1fr));
    height:auto; max-height:70vh; overflow:auto; gap:34px 58px;
  }
  .secret-process--euler,.secret-process--dna { min-height:220px; }
  .secret-euler-stage { min-height:190px; }
  .secret-euler-formula { min-height:150px; }
}
@media (max-width:700px) {
  .secret-space {
    width:76vw; grid-template-columns:1fr; max-height:72vh; gap:26px;
    overflow:auto; padding-right:8px;
  }
  .secret-process--euler { align-items:flex-start; }
  .secret-euler-stage { align-items:flex-start; min-height:150px; }
  .secret-euler-formula { min-height:130px; margin-left:18px; }
  .secret-dna-stream { grid-template-columns:repeat(8,1fr); min-height:150px; }
}