/* MetaBoner v0.3 — private neon observatory */
body.mb-secret-mode{--mb-glow:rgba(242,167,223,.30)}
.meta-hero{position:relative;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.03)}
.meta-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 12% 0%,rgba(126,94,255,.16),transparent 34%),
  radial-gradient(circle at 90% 15%,rgba(72,190,255,.12),transparent 30%),
  linear-gradient(rgba(117,197,255,.022) 1px,transparent 1px),
  linear-gradient(90deg,rgba(117,197,255,.022) 1px,transparent 1px);
  background-size:auto,auto,26px 26px,26px 26px;mask-image:linear-gradient(#000,rgba(0,0,0,.55) 70%,transparent)}
.meta-hero>*{position:relative;z-index:1}
.meta-hero .lab-kicker{display:inline-flex;align-items:center;gap:7px;cursor:pointer;user-select:none}
.meta-hero .lab-kicker:after{content:"LIVE";font:850 8px/1 var(--sans);letter-spacing:.1em;color:#9fe0b6;border:1px solid rgba(139,214,167,.23);border-radius:999px;padding:4px 6px;background:rgba(139,214,167,.05)}
.meta-hero .lab-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:#82d9a1;box-shadow:0 0 0 0 rgba(130,217,161,.45);animation:mb-live 2s infinite}
.mb-diagnosis{position:relative;overflow:hidden;backdrop-filter:blur(8px)}
.mb-diagnosis:before{content:"POPSY READ";display:block;color:#8ea2ae;font-size:8px;letter-spacing:.14em;margin-bottom:5px}
.mb-diagnosis:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#bc9fff,#72cbff,#8bd6a7)}
.mb-command{position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.mb-command:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(0,0,0,.25)}
.mb-command:active{transform:translateY(0) scale(.985)}
.mb-command:after{content:"";position:absolute;width:140px;height:140px;right:-66px;top:-75px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 66%);pointer-events:none}
.mb-command.deep:before{content:"DEEP SPACE";position:absolute;right:12px;bottom:10px;color:rgba(218,199,255,.20);font:900 8px/1 var(--sans);letter-spacing:.15em}
.mb-pipeline{position:relative}
.mb-stage{overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.mb-stage:hover{transform:translateY(-2px);border-color:rgba(117,197,255,.28);background:rgba(117,197,255,.045)}
.mb-stage:before{content:"";position:absolute;left:0;bottom:0;height:2px;width:45%;background:linear-gradient(90deg,transparent,#7bcfff,transparent);animation:mb-flow 3.6s linear infinite}
.mb-stage:nth-child(2):before{animation-delay:.3s}.mb-stage:nth-child(3):before{animation-delay:.6s}.mb-stage:nth-child(4):before{animation-delay:.9s}.mb-stage:nth-child(5):before{animation-delay:1.2s}.mb-stage:nth-child(6):before{animation-delay:1.5s}
.meta-metric{position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease}
.meta-metric:hover{transform:translateY(-2px);border-color:rgba(117,197,255,.20)}
.meta-metric:after{content:"";position:absolute;right:-24px;bottom:-35px;width:90px;height:90px;background:radial-gradient(circle,rgba(117,197,255,.08),transparent 66%);pointer-events:none}
.mb-shadow-card{position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.mb-shadow-card:hover{transform:translateY(-4px);border-color:rgba(177,140,255,.48);box-shadow:0 20px 48px rgba(0,0,0,.30)}
.mb-shadow-card:after{content:"SHADOW";position:absolute;right:9px;top:9px;border:1px solid rgba(230,220,255,.16);background:rgba(5,10,16,.62);backdrop-filter:blur(8px);border-radius:999px;padding:4px 6px;color:#cbbcf1;font:850 7px/1 var(--sans);letter-spacing:.12em}
.mb-shadow-image{position:relative}
.mb-shadow-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,12,18,.72),transparent 65%)}
.mb-scout-row{transition:background .16s ease}.mb-scout-row:hover{background:rgba(117,197,255,.025)}
.mb-run-stats{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.mb-run-stat{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:9px;padding:5px 7px;font-size:8px;color:#8fa0aa}
.mb-run-stat b{color:#dce6ec;font-size:10px;margin-right:3px}.mb-run-stat.ok b{color:#9eddb6}.mb-run-stat.warn b{color:#efd59d}
.mb-console{margin:16px 0 0;border:1px solid rgba(117,197,255,.13);background:rgba(3,10,16,.72);border-radius:16px;padding:12px 14px;font:600 10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8ca5b3;box-shadow:inset 0 0 30px rgba(76,178,255,.025)}
.mb-console-head{display:flex;justify-content:space-between;margin-bottom:5px;color:#b5c6cf}.mb-console b{color:#8cddb0}.mb-console .violet{color:#bea5ff}.mb-console .gold{color:#efd59d}.mb-cursor{display:inline-block;width:6px;height:10px;margin-left:4px;background:#83ccff;vertical-align:-1px;animation:mb-blink 1.1s steps(1) infinite}
.mb-secret-pop{position:fixed;z-index:220;left:50%;top:20px;transform:translate(-50%,-18px);opacity:0;pointer-events:none;border:1px solid rgba(177,140,255,.35);background:rgba(6,12,20,.94);backdrop-filter:blur(18px);border-radius:999px;padding:10px 15px;color:#eadfff;font:800 11px/1 var(--sans);letter-spacing:.06em;box-shadow:0 20px 65px rgba(0,0,0,.42);transition:.25s}.mb-secret-pop.show{opacity:1;transform:translate(-50%,0)}
body.mb-secret-mode .meta-hero{box-shadow:0 0 0 1px rgba(242,167,223,.12),0 24px 85px var(--mb-glow,rgba(177,140,255,.22))}
body.mb-secret-mode .meta-hero:before{background:
 radial-gradient(circle at 15% 0%,rgba(255,93,207,.18),transparent 34%),
 radial-gradient(circle at 88% 15%,rgba(75,204,255,.17),transparent 30%),
 linear-gradient(rgba(177,140,255,.035) 1px,transparent 1px),
 linear-gradient(90deg,rgba(177,140,255,.035) 1px,transparent 1px);background-size:auto,auto,22px 22px,22px 22px}
@keyframes mb-live{70%{box-shadow:0 0 0 8px rgba(130,217,161,0)}100%{box-shadow:0 0 0 0 rgba(130,217,161,0)}}
@keyframes mb-flow{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}
@keyframes mb-blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.meta-hero .lab-kicker:before,.mb-stage:before,.mb-cursor{animation:none!important}.mb-command,.mb-stage,.mb-shadow-card,.meta-metric{transition:none!important}}

/* MetaBoner v0.4 — terminal-first control room */
.meta-state{font-size:8px!important;line-height:1.05!important;max-width:104px;text-align:center;white-space:normal;padding:6px 8px!important;letter-spacing:.07em!important}
.mb-terminal{margin:16px 0 14px;border:1px solid rgba(95,224,173,.22);border-radius:18px;overflow:hidden;background:#030b0d;box-shadow:0 0 0 1px rgba(78,204,166,.025),inset 0 0 55px rgba(47,170,128,.045),0 22px 65px rgba(0,0,0,.28)}
.mb-terminal-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid rgba(95,224,173,.14);background:linear-gradient(180deg,rgba(16,38,38,.95),rgba(8,22,24,.95));font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#a5bcb8}
.mb-terminal-bar strong{text-align:center;color:#c9ded8;font-size:9px}.mb-term-lights{color:#71918a;letter-spacing:3px}.mb-term-online{color:#79d6a5}
.mb-terminal-screen{padding:14px 14px 16px;font:600 10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#789b92;text-shadow:0 0 8px rgba(96,230,176,.08);background:
 linear-gradient(rgba(63,225,165,.018) 1px,transparent 1px);background-size:100% 4px}
.mb-term-command{margin:2px 0 8px;color:#d2e8df}.mb-term-command span{color:#77d4a5;margin-right:7px}
.mb-term-grid{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(95px,.8fr) minmax(160px,1.6fr);gap:4px 12px;padding:0 0 11px 12px;margin-bottom:10px;border-left:1px solid rgba(95,224,173,.14)}
.mb-term-grid>span{color:#73958c}.mb-term-grid>b{color:#9ce1bb;font-weight:800}.mb-term-grid>em{color:#728780;font-style:normal}
.mb-term-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px;padding:0 0 12px 12px;margin-bottom:8px;border-left:1px solid rgba(95,224,173,.14);color:#748a84}.mb-term-help b{color:#c0d7d0;font-weight:800}
.mb-shadow-actions{display:grid;grid-template-columns:auto 1fr;gap:7px;margin-top:12px}.mb-shadow-actions button{border-radius:11px;padding:8px 9px;font:800 9px/1.15 var(--sans);cursor:pointer}
.mb-inspect{border:1px solid var(--line2);background:rgba(255,255,255,.035);color:#aebbc3}.mb-light{border:1px solid rgba(139,214,167,.32);background:linear-gradient(135deg,rgba(83,197,133,.18),rgba(117,197,255,.10));color:#c9f0d6;box-shadow:0 0 22px rgba(102,211,150,.08)}
.mb-light:hover{border-color:rgba(139,214,167,.55);box-shadow:0 0 30px rgba(102,211,150,.16)}.mb-light:disabled{opacity:.65;cursor:progress}
@media(max-width:620px){.mb-term-grid{grid-template-columns:82px 1fr}.mb-term-grid>em{grid-column:2;margin-top:-3px;margin-bottom:4px}.mb-term-help{grid-template-columns:1fr}.mb-terminal-bar{grid-template-columns:auto 1fr}.mb-term-online{display:none}}

/* MetaBoner v0.5 — source radar, photo health, terminal whispers */
.mb-term-whisper{margin:11px 0 8px;padding:7px 9px;border:1px dashed rgba(95,224,173,.14);border-radius:8px;color:#9bd6b3;background:rgba(69,176,127,.035);font-size:9px;letter-spacing:.05em;min-height:14px}
.mb-photo-health{border:1px solid rgba(117,197,255,.12);background:rgba(255,255,255,.018);border-radius:20px;padding:16px}
.mb-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mb-photo-grid>div{border:1px solid var(--line);border-radius:15px;padding:13px;background:rgba(5,13,19,.44)}.mb-photo-grid strong{display:block;font:700 24px/1 var(--serif)}.mb-photo-grid span{display:block;margin-top:5px;color:#aebac1;font-size:10px}.mb-photo-grid i{display:block;position:relative;height:5px;border-radius:999px;background:rgba(255,255,255,.07);margin:11px 0 7px;overflow:hidden}.mb-photo-grid i b{position:absolute;inset:0 auto 0 0;width:var(--p);background:linear-gradient(90deg,#82d9a1,#77c5ff);box-shadow:0 0 18px rgba(119,197,255,.35)}.mb-photo-grid small{color:#7f929c;font-size:9px}
.mb-source-radar{border:1px solid rgba(95,224,173,.14);border-radius:18px;overflow:hidden;background:#061014;max-height:440px;overflow-y:auto}.mb-source-row{display:grid;grid-template-columns:minmax(150px,1.3fr) 74px 120px 100px;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.045);font:600 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.mb-source-row:last-child{border-bottom:0}.mb-source-row strong{color:#c5ddd5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-source-row>span{color:#8dac9f}.mb-source-row>span:nth-of-type(2){color:#88c8aa}.mb-source-row small{color:#667b75;text-align:right}
.mb-shadow-fallback{flex-direction:column;gap:4px;background:
radial-gradient(circle at 25% 20%,rgba(177,140,255,.19),transparent 36%),
linear-gradient(145deg,#142232,#09141d)}.mb-shadow-fallback span{position:absolute;left:10px;top:10px;max-width:78%;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;color:#9fb2bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-shadow-fallback b{font:700 48px/1 var(--serif);color:#d9ccf5;opacity:.72}.mb-shadow-fallback small{font:700 8px/1 var(--sans);text-transform:uppercase;letter-spacing:.11em;color:#81919c}
@media(max-width:700px){.mb-source-row{grid-template-columns:1fr auto}.mb-source-row>span:nth-of-type(2),.mb-source-row small{grid-column:1/-1;text-align:left}.mb-photo-grid{grid-template-columns:1fr}.mb-photo-health .mb-section-head{align-items:flex-start;flex-direction:column}}

/* MetaBoner v0.6 — clickable source radar */
.mb-source-domain{color:#c7dfd7;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-source-domain:hover{color:#a8efd0;text-shadow:0 0 14px rgba(95,224,173,.2)}
.mb-source-count{border:0;background:transparent;padding:0;color:#8dac9f;font:inherit;text-align:left;cursor:pointer}
.mb-source-count:hover{color:#c4ead8;text-decoration:underline;text-underline-offset:3px}
.mb-source-count.pictured{color:#88c8aa}
