:root{
  --vf-bg:#05090f;
  --vf-panel:#0b1220;
  --vf-panel-2:#0e1626;
  --vf-border:#1b2840;
  --vf-text:#edf2f7;
  --vf-text-soft:#b6c2cf;
  --vf-accent:#73d0ff;
  --vf-accent-2:#8ce1ff;
  --vf-code:#111823;
  --vf-radius:24px;
  --vf-shadow:0 18px 48px rgba(0,0,0,.28);
  --vf-max:1040px;
  --vf-gap:28px;
}


@import url("../tokens/surface.css");

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{background:var(--vf-bg);color:var(--vf-text)}
body{
  background:
    radial-gradient(1200px 700px at 15% -10%, rgba(115,208,255,.08), transparent 60%),
    radial-gradient(900px 540px at 100% 0%, rgba(115,208,255,.05), transparent 60%),
    var(--vf-bg);
  color:var(--vf-text);
  font:16px/1.58 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif
}
a{color:var(--vf-accent);text-decoration:none}
a:hover{color:var(--vf-accent-2)}
code{
  background:var(--vf-code);
  border:1px solid var(--vf-border);
  border-radius:8px;
  padding:.15rem .42rem;
  color:var(--vf-text)
}
.wrap{max-width:var(--vf-max);margin:0 auto;padding:44px 24px 80px}
.kicker{
  font:500 14px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.03em;
  color:var(--vf-accent);
  text-transform:uppercase
}
h1{
  margin:18px 0 16px;
  font-size:clamp(44px,7vw,72px);
  line-height:.95;
  letter-spacing:-.04em
}
.lead{
  max-width:820px;
  font-size:clamp(22px,2.6vw,34px);
  line-height:1.22;
  color:var(--vf-text)
}
.copy{max-width:860px;color:var(--vf-text-soft);font-size:20px}
.rule{
  margin:34px 0 36px;
  height:1px;
  background:linear-gradient(90deg,rgba(115,208,255,.18),rgba(115,208,255,.04))
}
.grid{display:grid;gap:var(--vf-gap)}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card{
  background:linear-gradient(180deg,rgba(14,22,38,.96),rgba(8,13,22,.98));
  border:1px solid var(--vf-border);
  border-radius:var(--vf-radius);
  box-shadow:var(--vf-shadow);
  padding:28px 28px 24px
}
.card h2{margin:0 0 16px;font-size:20px;line-height:1.15}
.card p{margin:0 0 14px;color:var(--vf-text-soft)}
.list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.row{
  display:grid;
  grid-template-columns:minmax(150px,190px) minmax(0,1fr);
  gap:16px;
  align-items:start
}
.label{
  color:#98a9be;
  font:500 14px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.03em;
  text-transform:none
}
.value{color:var(--vf-text);word-break:break-word}
.pills{display:flex;flex-wrap:wrap;gap:12px}
.pill{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--vf-border);
  background:rgba(13,21,35,.88);
  color:var(--vf-accent)
}
.note{
  margin-top:16px;
  color:#98a9be;
  font-size:14px
}
.footer{
  margin-top:34px;
  color:#98a9be;
  font-size:14px
}
@media (max-width:720px){
  .wrap{padding:32px 18px 56px}
  .row{grid-template-columns:1fr}
}



.observatory-render-gate{
  margin:28px 0 0;
  padding:16px;
  border:1px solid rgba(115,208,255,.22);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,14,24,.88),rgba(5,9,15,.96));
  box-shadow:0 18px 60px rgba(0,0,0,.32);
  color:var(--vf-text,#edf2f7);
}
.observatory-gate-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.observatory-gate-kicker{display:block;margin-bottom:6px;color:var(--vf-accent,#73d0ff);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em}
.observatory-gate-head strong{font:700 18px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.observatory-gate-toggle{appearance:none;border:1px solid rgba(115,208,255,.32);border-radius:999px;padding:9px 13px;background:rgba(115,208,255,.08);color:var(--vf-text,#edf2f7);font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer}
.observatory-gate-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;color:var(--vf-text-soft,#b6c2cf);font:600 11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.observatory-gate-strip span{padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035)}
.observatory-gate-detail{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.09);color:var(--vf-text-soft,#b6c2cf)}
.observatory-gate-detail p{margin:0 0 12px}
.observatory-gate-detail dl{display:grid;gap:6px;margin:0}
.observatory-gate-check{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.035)}
.observatory-gate-check dt,.observatory-gate-check dd{margin:0;font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.observatory-gate-check.is-pass dd{color:#9ee6b8}
.observatory-gate-check.is-fail dd{color:#ff9b9b}
body.vf-observatory-full .observatory-render-gate{border-color:rgba(115,208,255,.42)}
body.vf-observatory-safe .observatory-render-gate,body.vf-observatory-blocked .observatory-render-gate{border-color:rgba(255,139,139,.46)}
@media (max-width:720px){.observatory-gate-head{align-items:flex-start;flex-direction:column}.observatory-gate-check{grid-template-columns:1fr}}



.observatory-webgl-runtime{
  position:relative;width:min(100vw,calc(100vw - 12px));min-height:calc(100vh - 6px);
  margin:0 0 44px calc(50% - 50vw + 6px);
  border:1px solid rgba(115,208,255,.20);border-radius:0 0 30px 30px;overflow:hidden;
  background:#02060b;box-shadow:0 44px 120px rgba(0,0,0,.62);
  isolation:isolate;
}
.observatory-webgl-runtime:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.70),transparent 18%,transparent 77%,rgba(0,0,0,.78)),
    radial-gradient(circle at 50% 46%,transparent 0,transparent 36%,rgba(0,0,0,.52) 75%);
}
.oc-stage{position:absolute;inset:0;z-index:0}
.oc-stage canvas{display:block;width:100%;height:100%}
.oc-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(115,208,255,.10),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.54),transparent 18%,transparent 70%,rgba(0,0,0,.78))}
.oc-topbar,.oc-hero,.oc-left,.oc-right,.oc-inspector,.oc-bottom{position:absolute;z-index:2}
.oc-topbar{top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(1,5,9,.82),rgba(1,5,9,.20));backdrop-filter:blur(12px)}
.oc-brand{display:flex;gap:14px;align-items:baseline}
.oc-brand strong{color:#f4f9ff;font:900 28px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.20em}
.oc-brand span{color:#9fb4c7;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}
.oc-topbar nav{display:flex;gap:22px}
.oc-topbar a{color:#d5e4f4;text-decoration:none;font:700 13px/1 Inter,ui-sans-serif,system-ui,sans-serif}
.oc-hero{top:88px;left:34px;width:min(430px,calc(100% - 68px))}
.oc-hero span{color:#73d0ff;font:900 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em}
.oc-hero h2{margin:10px 0 8px;color:#f3f8ff;font:900 clamp(42px,5.7vw,94px)/.86 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.07em}
.oc-hero p{max-width:390px;color:#c4d1df;font:600 16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}
.oc-hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.oc-hero code,.oc-proofline span{display:inline-flex;gap:8px;align-items:center;padding:9px 11px;border:1px solid rgba(115,208,255,.20);border-radius:999px;background:rgba(2,8,14,.68);color:#9ee6b8;font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-left{left:18px;bottom:150px;width:338px;display:grid;gap:10px}
.oc-right{right:18px;top:88px;width:374px;display:grid;gap:10px}
.oc-left section,.oc-right section,.oc-inspector,.oc-bottom{border:1px solid rgba(115,208,255,.15);border-radius:18px;background:linear-gradient(180deg,rgba(4,13,22,.82),rgba(3,8,14,.64));backdrop-filter:blur(12px);box-shadow:0 18px 56px rgba(0,0,0,.34)}
.oc-left section,.oc-right section{padding:14px}
.oc-left h3,.oc-right h3,.oc-bottom h3{margin:0 0 10px;color:#e8f5ff;font:900 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}
.oc-left dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.oc-left dl div{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035)}
.oc-left dt{color:#8fa5b9;font:800 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}
.oc-left dd{margin:5px 0 0;color:#eaf6ff;font:900 18px/1 Inter,ui-sans-serif,system-ui,sans-serif}
.oc-left ol,.oc-right ul,.oc-journey ol{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.oc-left li{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;color:#dcecff;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-left li span,.oc-journey li span{color:#73d0ff}
.oc-left li em{color:#8fa5b9;font-style:normal}
.oc-right p{margin:0 0 12px;color:#aebed0;font:600 13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}
.oc-enterprise{display:grid;gap:9px}
.oc-enterprise button{appearance:none;text-align:left;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.04);color:#edf8ff}
.oc-enterprise strong{display:block;margin-bottom:4px;font:900 14px/1.2 Inter,ui-sans-serif,system-ui,sans-serif}
.oc-enterprise span{display:block;color:#73d0ff;font:800 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}
.oc-enterprise small{display:block;margin-top:5px;color:#9fafbf;font:600 12px/1.35 Inter,ui-sans-serif,system-ui,sans-serif}
.oc-right li{display:flex;justify-content:space-between;gap:12px;color:#dcecff;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-right li span{color:#73d0ff}
.oc-inspector{right:408px;bottom:138px;width:380px;padding:14px;color:#dcecff}
.oc-inspector-head{display:flex;justify-content:space-between;gap:12px}
.oc-inspector strong{color:#f2f8ff;font:900 13px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-inspector span{color:#73d0ff;font:800 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}
.oc-inspector p{margin:10px 0;color:#b8c7d6;font:600 12px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}
.oc-inspector code{display:block;padding:8px;border-radius:10px;color:#9ee6b8;background:rgba(115,208,255,.08);font:800 10px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-inspector h4{margin:10px 0 6px;color:#eaf6ff;font:900 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}
.oc-inspector ul{margin:0;padding-left:16px;color:#9fafbf;font:600 11px/1.35 Inter,ui-sans-serif,system-ui,sans-serif}
.oc-bottom{left:14px;right:14px;bottom:12px;padding:10px}
.oc-journey ol{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.oc-journey li{min-height:48px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035);color:#dcecff}
.oc-journey strong{display:block;font:900 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-journey em{display:block;margin-top:4px;color:#8fa5b9;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-style:normal}
.oc-proofline{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
@media (max-width:1200px){.oc-left,.oc-right,.oc-inspector{position:relative;inset:auto;width:auto;margin:12px 14px}.oc-left,.oc-right{display:grid;grid-template-columns:1fr}.observatory-webgl-runtime{min-height:1160px}.oc-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:12px 14px 14px}}
/* VERIFRAX_OBSERVATORY_COLLISION_REPAIR_CSS */

/* Observatory collision repair: first viewport remains dominant without covering inspector content. */
html,body{overflow-x:hidden}
.observatory-webgl-runtime{
  contain:layout paint;
}
.oc-stage{
  min-height:calc(100vh - 8px);
}
.oc-left{
  max-height:calc(100vh - 270px);
  overflow:hidden;
}
.oc-left .oc-panel{
  backdrop-filter:blur(18px);
}
.oc-left .oc-stack-list{
  max-height:188px;
  overflow:hidden;
}
.oc-right{
  max-height:calc(100vh - 170px);
  overflow:auto;
  scrollbar-width:thin;
}
.oc-inspector{
  right:320px;
  bottom:150px;
  width:min(420px,28vw);
  max-height:32vh;
  overflow:auto;
  z-index:8;
}
.oc-bottom{
  z-index:12;
  max-height:142px;
  overflow:hidden;
}
.oc-journey ol{
  grid-template-columns:repeat(9,minmax(120px,1fr));
}
.oc-journey li{
  min-height:44px;
  padding:10px 12px;
}
.oc-journey small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.oc-topbar{
  z-index:16;
}
.oc-hero{
  z-index:7;
}
@media (max-width:1180px){
  .oc-inspector{right:18px;bottom:154px;width:380px}
  .oc-right{display:none}
}

/* VERIFRAX_OBSERVATORY_PANEL_CONTAINMENT_BOUNDARY
   The 3D scene owns the first viewport. Panels may inform it; panels may not invade it. */
html,
body{
  margin:0;
  min-width:0;
  overflow-x:hidden !important;
  background:#00050a;
}

.observatory-webgl-runtime{
  position:relative !important;
  width:100% !important;
  min-height:100svh !important;
  height:100svh !important;
  max-height:100svh !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#00050a !important;
}

.oc-stage,
.observatory-webgl-runtime canvas{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
}

.oc-topbar{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:70px !important;
  z-index:30 !important;
  display:flex !important;
  align-items:center !important;
  padding:0 28px !important;
  pointer-events:auto !important;
  background:linear-gradient(180deg,rgba(0,5,10,.92),rgba(0,5,10,.36),rgba(0,5,10,0)) !important;
}

.oc-hero{
  position:absolute !important;
  top:92px !important;
  left:28px !important;
  width:360px !important;
  max-width:calc(100vw - 56px) !important;
  z-index:18 !important;
  pointer-events:none !important;
}

.oc-hero h2{
  margin:8px 0 10px !important;
  max-width:360px !important;
  font-size:clamp(54px,6.2vw,96px) !important;
  line-height:.84 !important;
  letter-spacing:-.055em !important;
}

.oc-hero p{
  max-width:330px !important;
  font-size:14px !important;
  line-height:1.42 !important;
}

.oc-left{
  position:absolute !important;
  left:18px !important;
  bottom:140px !important;
  width:330px !important;
  max-height:calc(100svh - 430px) !important;
  z-index:18 !important;
  display:grid !important;
  gap:10px !important;
  overflow:hidden !important;
  pointer-events:auto !important;
}

.oc-right{
  position:absolute !important;
  right:18px !important;
  top:86px !important;
  width:365px !important;
  max-height:calc(100svh - 238px) !important;
  z-index:18 !important;
  display:grid !important;
  gap:10px !important;
  overflow:hidden !important;
  pointer-events:auto !important;
}

.oc-panel{
  min-width:0 !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,rgba(4,12,20,.88),rgba(2,7,12,.94)) !important;
  border:1px solid rgba(132,216,255,.17) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.38) !important;
}

.oc-panel *{
  min-width:0 !important;
}

.oc-inspector{
  position:absolute !important;
  right:390px !important;
  bottom:150px !important;
  width:390px !important;
  max-width:calc(100vw - 780px) !important;
  max-height:300px !important;
  z-index:22 !important;
  overflow:auto !important;
  pointer-events:auto !important;
  background:linear-gradient(180deg,rgba(2,8,14,.96),rgba(1,5,10,.98)) !important;
}

.oc-inspector ul,
.oc-inspector ol{
  margin-bottom:0 !important;
}

.oc-bottom{
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:14px !important;
  height:106px !important;
  max-height:106px !important;
  z-index:24 !important;
  overflow:hidden !important;
  pointer-events:auto !important;
  background:linear-gradient(180deg,rgba(3,10,17,.94),rgba(1,5,10,.98)) !important;
}

.oc-journey,
.oc-journey ol{
  height:100% !important;
  max-height:100% !important;
  overflow:hidden !important;
}

.oc-journey ol{
  display:grid !important;
  grid-template-columns:repeat(9,minmax(112px,1fr)) !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
}

.oc-journey li{
  min-height:0 !important;
  height:64px !important;
  padding:8px 10px !important;
  overflow:hidden !important;
}

.oc-journey strong,
.oc-journey span,
.oc-journey small{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.oc-journey strong{
  font-size:13px !important;
}

.oc-journey small{
  font-size:9px !important;
}

/* Static fallback belongs below the Observatory, never inside the command viewport. */
.observatory-webgl-runtime + .surface,
.observatory-webgl-runtime ~ .surface,
main.surface{
  clear:both !important;
}

/* Medium screens: keep first viewport clean; remove secondary panels before overlap begins. */
@media (max-width:1320px), (max-height:780px){
  .oc-left{
    width:270px !important;
    bottom:132px !important;
    max-height:220px !important;
  }

  .oc-right{
    width:300px !important;
    max-height:calc(100svh - 218px) !important;
  }

  .oc-inspector{
    display:none !important;
  }

  .oc-bottom{
    height:96px !important;
    max-height:96px !important;
  }

  .oc-journey ol{
    grid-template-columns:repeat(9,minmax(96px,1fr)) !important;
  }

  .oc-journey li{
    height:56px !important;
  }
}

/* Small screens: no dashboard panels over the 3D scene. The Observatory becomes scene + top identity + verification strip only. */
@media (max-width:900px), (max-height:640px){
  .observatory-webgl-runtime{
    height:100svh !important;
    min-height:100svh !important;
  }

  .oc-topbar{
    height:58px !important;
    padding:0 16px !important;
  }

  .oc-hero{
    top:82px !important;
    left:16px !important;
    width:calc(100vw - 32px) !important;
  }

  .oc-hero h2{
    font-size:clamp(44px,13vw,72px) !important;
    max-width:calc(100vw - 32px) !important;
  }

  .oc-hero p{
    max-width:320px !important;
    font-size:13px !important;
  }

  .oc-left,
  .oc-right,
  .oc-inspector{
    display:none !important;
  }

  .oc-bottom{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    height:86px !important;
    max-height:86px !important;
    overflow:hidden !important;
  }

  .oc-journey ol{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
  }

  .oc-journey ol::-webkit-scrollbar{
    display:none !important;
  }

  .oc-journey li{
    flex:0 0 156px !important;
    height:54px !important;
  }
}

/* Ultra-short windows: preserve scene, show only proof strip. */
@media (max-height:540px){
  .oc-left,
  .oc-right,
  .oc-inspector,
  .oc-bottom{
    display:none !important;
  }
}

@media (max-width:780px){
  .oc-inspector{display:none}
  .oc-left{display:none}
  .oc-bottom{max-height:154px;overflow:auto}
  .oc-journey ol{grid-template-columns:1fr 1fr}
}

@media (max-width:780px){.oc-topbar nav,.oc-left,.oc-right{display:none}.oc-hero{top:90px;left:16px;right:16px}.oc-hero h2{font-size:54px}.oc-inspector{margin-top:720px}.oc-journey ol{grid-template-columns:1fr 1fr}}

.surface-fallback-root{
  max-width:1180px;
  margin:28px auto 44px;
  padding:18px;
  border:1px solid rgba(115,208,255,.14);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(5,12,20,.72),rgba(3,8,14,.92));
  box-shadow:0 24px 80px rgba(0,0,0,.38);
}
.surface-fallback-root .surface-id,
.surface-fallback-root .surface-title,
.surface-fallback-root .surface-role,
.surface-fallback-root .surface-boundary,
.surface-fallback-root .divider,
.surface-fallback-root .panel{
  max-width:none;
}
.surface-fallback-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
.surface-fallback-head span{
  color:#73d0ff;
  font:900 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.14em;
}
.surface-fallback-head strong{
  color:#dcecff;
  font:800 13px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;
}
body.vf-observatory-full .surface-fallback-root,
body[data-observatory-render-permission="FULL_OBSERVATORY"] .surface-fallback-root,
body.vf-observatory-command-dominant .surface-fallback-root{
  display:none;
}
body.vf-observatory-blocked .surface-fallback-root,
body.vf-observatory-safe .surface-fallback-root{
  display:block;
}

/* BEGIN VCO OBSERVATORY DEEP REPAIR REAL3D COMMAND AUTHORITY */
:root{
  --vco-topbar-h:76px;
  --vco-bottom-rail-h:128px;
  --vco-blue:#78d9ff;
  --vco-green:#a9ffd2;
  --vco-line:rgba(127,210,255,.28);
  --vco-line-strong:rgba(162,229,255,.54);
}
html,body{margin:0;min-height:100%;overflow-x:hidden;background:#02060a;color:#edf7ff}
.oc-topbar{
  position:sticky!important;top:0!important;z-index:80!important;min-height:var(--vco-topbar-h)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 26px!important;
  background:linear-gradient(180deg,rgba(1,5,10,.98),rgba(1,5,10,.82))!important;
  border-bottom:1px solid rgba(127,210,255,.18)!important;backdrop-filter:blur(16px) saturate(1.2)!important
}
.oc-topbar nav{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.oc-topbar a{
  display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:0 15px!important;border-radius:12px!important;
  border:1px solid rgba(127,210,255,.34)!important;background:rgba(12,27,43,.76)!important;color:#eef7ff!important;text-decoration:none!important;font-weight:850!important
}
.observatory-webgl-runtime{
  position:relative!important;width:100vw!important;height:calc(100vh - var(--vco-topbar-h))!important;min-height:780px!important;
  overflow:hidden!important;isolation:isolate!important;background:#02060a!important
}
.observatory-webgl-runtime canvas{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;z-index:1!important;
  filter:contrast(1.1) saturate(1.08) brightness(.98)!important
}
.oc-hero{
  position:absolute!important;z-index:14!important;top:clamp(30px,5vh,72px)!important;left:28px!important;width:min(520px,38vw)!important;
  pointer-events:none!important;text-shadow:0 10px 34px rgba(0,0,0,.78)!important
}
.oc-hero h2{margin:10px 0 12px!important;font-size:clamp(72px,7.6vw,142px)!important;line-height:.82!important;letter-spacing:-.08em!important;color:#fff!important}
.oc-hero p{max-width:460px!important;font-size:clamp(15px,1.12vw,20px)!important;line-height:1.35!important;font-weight:850!important}
.oc-left{
  position:absolute!important;z-index:16!important;left:28px!important;bottom:calc(var(--vco-bottom-rail-h) + 28px)!important;
  width:min(360px,22vw)!important;display:grid!important;gap:12px!important;max-height:42vh!important;overflow:hidden!important
}
.oc-right{
  position:absolute!important;z-index:17!important;right:28px!important;top:calc(var(--vco-topbar-h) + 30px)!important;
  width:min(370px,23vw)!important;max-height:calc(100vh - var(--vco-topbar-h) - var(--vco-bottom-rail-h) - 70px)!important;
  overflow:auto!important;display:grid!important;gap:12px!important;scrollbar-width:thin!important
}
.oc-panel,.oc-left>*,.oc-right>*,.oc-inspector,.vco-deep-inspector,.vco-command-shell{
  border:1px solid var(--vco-line)!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(10,20,32,.88),rgba(4,9,16,.84))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(14px) saturate(1.16)!important
}
.oc-journey{
  position:absolute!important;z-index:24!important;left:18px!important;right:18px!important;bottom:18px!important;
  min-height:96px!important;max-height:128px!important;padding:14px 16px!important;border:1px solid var(--vco-line-strong)!important;
  border-radius:20px!important;background:linear-gradient(180deg,rgba(5,12,20,.94),rgba(3,8,14,.90))!important;
  box-shadow:0 -18px 70px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.05)!important;overflow:hidden!important
}
.oc-journey ol,[data-journey-list]{display:grid!important;grid-template-columns:repeat(9,minmax(96px,1fr))!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!important}
.oc-journey li{
  position:relative!important;min-height:58px!important;padding:11px 12px!important;border:1px solid rgba(127,210,255,.18)!important;
  border-radius:14px!important;background:linear-gradient(180deg,rgba(12,22,34,.86),rgba(5,10,17,.80))!important;color:#e9f6ff!important;
  cursor:pointer!important;overflow:hidden!important
}
.oc-journey li::after{
  content:""!important;position:absolute!important;left:-50%!important;top:0!important;width:42%!important;height:100%!important;
  background:linear-gradient(90deg,transparent,rgba(119,218,255,.22),transparent)!important;animation:vcoJourneySweep 5.2s linear infinite!important
}
.oc-journey li.is-active{border-color:rgba(153,236,255,.76)!important;box-shadow:0 0 0 1px rgba(153,236,255,.22),0 0 32px rgba(62,183,255,.25)!important}
@keyframes vcoJourneySweep{0%{transform:translateX(0)}100%{transform:translateX(360%)}}
.vco-deep-inspector{
  position:fixed!important;z-index:120!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(.98)!important;
  width:min(620px,calc(100vw - 42px))!important;max-height:min(620px,calc(100vh - 110px))!important;padding:22px!important;
  opacity:0!important;pointer-events:none!important;overflow:auto!important;transition:opacity .16s ease,transform .16s ease!important
}
.vco-deep-inspector.is-open{opacity:1!important;pointer-events:auto!important;transform:translate(-50%,-50%) scale(1)!important}
.vco-deep-close{
  position:absolute!important;right:14px!important;top:12px!important;width:34px!important;height:34px!important;border-radius:999px!important;
  border:1px solid rgba(127,210,255,.28)!important;background:rgba(8,17,28,.88)!important;color:#fff!important;cursor:pointer!important
}
.vco-deep-kicker{color:var(--vco-blue)!important;font:900 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:.12em!important}
.vco-deep-inspector h3{margin:8px 44px 6px 0!important;font-size:30px!important;line-height:1!important}
.vco-deep-badge{
  padding:10px 12px!important;border:1px solid rgba(169,255,210,.22)!important;border-radius:12px!important;
  background:rgba(13,40,32,.42)!important;color:var(--vco-green)!important;font:900 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important
}
.vco-deep-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:18px!important}
.vco-command-palette{
  position:fixed!important;inset:0!important;z-index:140!important;display:grid!important;place-items:start center!important;padding-top:12vh!important;
  background:rgba(0,4,8,.48)!important;opacity:0!important;pointer-events:none!important;backdrop-filter:blur(5px)!important;transition:opacity .14s ease!important
}
.vco-command-palette.is-open{opacity:1!important;pointer-events:auto!important}
.vco-command-shell{width:min(760px,calc(100vw - 40px))!important;padding:14px!important}
.vco-command-input{
  width:100%!important;box-sizing:border-box!important;padding:16px 18px!important;border:1px solid rgba(127,210,255,.34)!important;
  border-radius:14px!important;outline:none!important;background:rgba(1,7,13,.96)!important;color:#fff!important;
  font:900 18px/1.2 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif!important
}
.vco-command-list{display:grid!important;gap:8px!important;margin-top:12px!important;max-height:52vh!important;overflow:auto!important}
.vco-command-row{
  display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;padding:13px 14px!important;
  border:1px solid rgba(127,210,255,.16)!important;border-radius:12px!important;background:rgba(8,16,26,.78)!important;color:#eaf7ff!important;
  cursor:pointer!important;text-align:left!important
}
.vco-command-row.is-active,.vco-command-row:hover{border-color:rgba(133,219,255,.68)!important;background:rgba(15,39,58,.88)!important}
.vco-command-row em{color:var(--vco-blue)!important;font-style:normal!important;font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;text-transform:uppercase!important}
@media (max-width:1280px){.oc-right{width:330px!important}.oc-left{width:300px!important}.oc-hero{width:420px!important}.oc-hero h2{font-size:72px!important}}
@media (max-width:980px){
  .observatory-webgl-runtime{min-height:820px!important}
  .oc-right,.oc-left{display:none!important}
  .oc-hero{top:28px!important;left:18px!important;right:18px!important;width:auto!important}
  .oc-hero h2{font-size:clamp(56px,15vw,88px)!important}
  .oc-journey{left:8px!important;right:8px!important;bottom:8px!important;overflow:auto!important}
  .oc-journey ol,[data-journey-list]{display:flex!important;min-width:900px!important}
  .vco-deep-grid{grid-template-columns:1fr!important}
}
/* END VCO OBSERVATORY DEEP REPAIR REAL3D COMMAND AUTHORITY */



/* BEGIN VCO TERMINAL INSTITUTIONAL RENDER AUTHORITY CSS */
#observatory-webgl-runtime{
  background:#010409!important;
}
#observatory-webgl-runtime canvas{
  filter:contrast(1.16) saturate(.86) brightness(.82)!important;
}
#observatory-webgl-runtime::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:
    radial-gradient(circle at 50% 46%, rgba(70,180,220,.13), transparent 22%),
    radial-gradient(circle at 50% 66%, rgba(0,0,0,.08), rgba(0,0,0,.52) 76%),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.42));
}
#observatory-webgl-runtime::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:
    linear-gradient(90deg, rgba(0,0,0,.40), transparent 20%, transparent 80%, rgba(0,0,0,.42)),
    linear-gradient(180deg, rgba(0,0,0,.22), transparent 28%, rgba(0,0,0,.30));
  mix-blend-mode:multiply;
}
.oc-hero h2{
  text-shadow:0 18px 80px rgba(0,0,0,.96)!important;
}
.oc-topbar,
.oc-bottom,
.oc-left,
.oc-right{
  backdrop-filter:blur(20px) saturate(.82)!important;
}
[data-vco-institutional-render="accepted"] .oc-stage canvas{
  image-rendering:auto!important;
}
[data-vco-institutional-render="accepted"] .oc-journey{
  box-shadow:0 0 0 1px rgba(140,220,255,.18),0 20px 80px rgba(0,0,0,.70)!important;
}
/* END VCO TERMINAL INSTITUTIONAL RENDER AUTHORITY CSS */



/* BEGIN VCO VISUAL TRUTH ANTI FAKE */
html,body{margin:0!important;min-height:100%!important;background:#02050a!important;overflow-x:hidden!important}
.surface.stack{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:#02050a!important}
.observatory-webgl-runtime{height:100vh!important;min-height:900px!important;max-height:100vh!important;overflow:hidden!important;isolation:isolate!important;background:radial-gradient(circle at 54% 42%,rgba(16,50,72,.34),rgba(1,4,8,.96) 68%,#010306 100%)!important}
.oc-stage,.observatory-webgl-runtime canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important}
.observatory-webgl-runtime:before{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:radial-gradient(circle at 50% 47%,rgba(110,215,255,.10),transparent 30%),linear-gradient(90deg,rgba(0,0,0,.58),transparent 24%,transparent 74%,rgba(0,0,0,.64)),linear-gradient(180deg,rgba(0,0,0,.24),transparent 18%,transparent 78%,rgba(0,0,0,.56))!important}
.oc-topbar{height:58px!important;padding:0 18px!important;z-index:6!important;background:rgba(1,5,9,.78)!important}
.oc-hero{top:76px!important;left:22px!important;width:min(315px,22vw)!important;max-height:198px!important;overflow:hidden!important;z-index:4!important;pointer-events:none!important}
.oc-hero h2{font-size:clamp(52px,5.4vw,86px)!important;line-height:.82!important;letter-spacing:-.075em!important;margin:6px 0 8px!important}
.oc-hero p{max-width:300px!important;font-size:clamp(13px,.92vw,16px)!important;line-height:1.28!important}
.oc-left{left:16px!important;top:auto!important;bottom:128px!important;width:252px!important;max-height:220px!important;overflow:hidden!important;z-index:4!important}
.oc-right{right:16px!important;top:92px!important;width:286px!important;max-height:424px!important;overflow:auto!important;z-index:4!important}
.oc-left section,.oc-right section,.oc-inspector,.oc-bottom{background:linear-gradient(180deg,rgba(5,16,26,.78),rgba(2,7,12,.60))!important;border:1px solid rgba(115,208,255,.18)!important;box-shadow:0 22px 68px rgba(0,0,0,.42)!important;backdrop-filter:blur(14px)!important}
.oc-bottom{left:220px!important;right:330px!important;bottom:10px!important;height:92px!important;max-height:92px!important;overflow:hidden!important;z-index:5!important}
.oc-journey{height:auto!important;max-height:68px!important;overflow:hidden!important}
.oc-journey ol,[data-journey-list]{grid-template-columns:repeat(9,minmax(72px,1fr))!important;gap:6px!important}
.oc-journey li{min-height:42px!important;max-height:52px!important;padding:6px!important;overflow:hidden!important}
.oc-journey li.is-active{border-color:rgba(155,236,255,.82)!important;box-shadow:0 0 0 1px rgba(155,236,255,.25),0 0 36px rgba(65,190,255,.28)!important}
.oc-inspector,.vco-deep-inspector{left:auto!important;right:318px!important;bottom:116px!important;top:auto!important;transform:none!important;max-width:270px!important;max-height:126px!important;overflow:hidden!important;z-index:5!important}
@media (max-width:1180px){.oc-left,.oc-right{display:none!important}.oc-hero{width:420px!important}}
@media (max-width:820px){.observatory-webgl-runtime{min-height:820px!important}.oc-hero{top:70px!important;left:16px!important;width:calc(100% - 32px)!important}.oc-hero h2{font-size:clamp(56px,15vw,88px)!important}.oc-bottom{height:112px!important}.oc-journey ol,[data-journey-list]{display:flex!important;min-width:860px!important}}
/* BEGIN VCO PANEL AREA HARD CLOSE */
.oc-hero{top:76px!important;left:22px!important;width:260px!important;max-width:260px!important;max-height:172px!important;overflow:hidden!important}
.oc-hero h2{font-size:clamp(44px,4.8vw,72px)!important;line-height:.82!important;margin:5px 0 7px!important}
.oc-hero p{max-width:248px!important;font-size:13px!important;line-height:1.22!important}
.oc-hero-badges{gap:6px!important;margin-top:10px!important}
.oc-hero code,.oc-proofline span{padding:6px 8px!important;font-size:9px!important}

.oc-left{left:14px!important;bottom:112px!important;width:218px!important;max-width:218px!important;max-height:184px!important;overflow:hidden!important}
.oc-left section{padding:10px!important}
.oc-left dl{gap:6px!important}
.oc-left dl div{padding:7px!important}
.oc-left dd{font-size:15px!important}
.oc-left li{font-size:9px!important;line-height:1.08!important}

.oc-right{right:14px!important;top:90px!important;width:244px!important;max-width:244px!important;max-height:352px!important;overflow:hidden!important}
.oc-right section{padding:10px!important}
.oc-right p{font-size:11px!important;line-height:1.25!important;margin-bottom:8px!important}
.oc-enterprise article,.oc-right li{padding:8px!important;font-size:9px!important}

.oc-bottom{left:330px!important;right:392px!important;bottom:10px!important;height:76px!important;max-height:76px!important;overflow:hidden!important}
.oc-bottom h3{font-size:10px!important;margin-bottom:5px!important}
.oc-journey{max-height:56px!important;overflow:hidden!important}
.oc-journey ol,[data-journey-list]{grid-template-columns:repeat(9,minmax(58px,1fr))!important;gap:5px!important}
.oc-journey li{min-height:36px!important;max-height:42px!important;padding:5px!important;border-radius:10px!important}
.oc-journey strong{font-size:8px!important}
.oc-journey em,.oc-journey small{display:none!important}

.oc-inspector,.vco-deep-inspector{right:272px!important;bottom:92px!important;max-width:232px!important;max-height:96px!important;padding:9px!important;overflow:hidden!important}
.oc-inspector p,.vco-deep-inspector p{font-size:10px!important;line-height:1.22!important;margin:4px 0 0!important}
.oc-inspector-head strong{font-size:10px!important}
.oc-inspector-head span{font-size:8px!important}
/* END VCO PANEL AREA HARD CLOSE */
/* END VCO VISUAL TRUTH ANTI FAKE */

/* BEGIN VCO REAL3D VIEWPORT HARDENING */
html,body{margin:0!important;min-height:100%!important;background:#02050a!important;color:#edf7ff!important;overflow-x:hidden!important}
.surface.stack{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:#02050a!important}
.observatory-webgl-runtime{position:relative!important;width:100%!important;height:100svh!important;min-height:840px!important;max-height:100svh!important;overflow:hidden!important;isolation:isolate!important;background:radial-gradient(circle at 50% 34%,rgba(28,103,151,.22),transparent 42%),linear-gradient(180deg,#040911 0%,#010307 100%)!important;border-bottom:1px solid rgba(115,208,255,.16)!important}
.observatory-webgl-runtime canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;display:block!important;filter:contrast(1.13) saturate(1.08) brightness(.84)!important}
.oc-topbar{top:0!important;left:0!important;right:0!important;height:66px!important;padding:0 28px!important;z-index:12!important;background:linear-gradient(180deg,rgba(0,5,10,.94),rgba(0,5,10,.44),rgba(0,5,10,0))!important;backdrop-filter:blur(14px)!important}
.oc-hero{top:86px!important;left:28px!important;width:min(440px,calc(100vw - 56px))!important;z-index:6!important;pointer-events:none!important}
.oc-hero h2{margin:8px 0 12px!important;font-size:clamp(68px,8.4vw,128px)!important;line-height:.78!important;letter-spacing:-.085em!important;color:#fff!important;text-shadow:0 20px 70px rgba(0,0,0,.88)!important}
.oc-hero p{max-width:470px!important;font-size:clamp(15px,1.08vw,19px)!important;line-height:1.32!important;font-weight:850!important;color:#dbe8f6!important;text-shadow:0 10px 34px rgba(0,0,0,.88)!important}
.oc-hero-badges{pointer-events:auto!important}
.oc-left{left:22px!important;top:430px!important;bottom:auto!important;width:330px!important;max-height:calc(100svh - 570px)!important;overflow:hidden!important;z-index:7!important}
.oc-right{right:22px!important;top:94px!important;width:360px!important;max-height:calc(100svh - 210px)!important;overflow:auto!important;z-index:7!important;scrollbar-width:thin!important}
.oc-left section,.oc-right section,.oc-inspector,.oc-bottom,.vco-command-shell,.vco-deep-inspector{border:1px solid rgba(126,215,255,.20)!important;background:linear-gradient(180deg,rgba(8,20,32,.82),rgba(3,8,14,.68))!important;box-shadow:0 18px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(18px) saturate(1.12)!important}
.oc-bottom{left:14px!important;right:14px!important;bottom:12px!important;height:112px!important;padding:12px 16px!important;z-index:10!important;overflow:hidden!important}
.oc-journey{position:relative!important;overflow:hidden!important}
.oc-journey h3{margin:0 0 8px!important}
.oc-journey ol,[data-journey-list]{display:grid!important;grid-template-columns:repeat(9,minmax(118px,1fr))!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!important;overflow:hidden!important}
.oc-journey li{min-height:54px!important;padding:9px 12px!important;border-radius:14px!important;border:1px solid rgba(126,215,255,.18)!important;background:linear-gradient(90deg,rgba(6,15,25,.76),rgba(13,37,53,.72),rgba(6,15,25,.76))!important;color:#eaf7ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;cursor:pointer!important}
.oc-journey li::after{content:""!important;display:block!important;height:2px!important;margin-top:8px!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,rgba(116,218,255,.72),transparent)!important;opacity:.42!important}
.oc-journey li.is-active{border-color:rgba(150,237,255,.88)!important;box-shadow:0 0 0 1px rgba(150,237,255,.22),0 0 34px rgba(65,190,255,.28)!important}
.oc-inspector{right:380px!important;bottom:154px!important;max-width:330px!important;z-index:8!important}
@media (max-width:1300px){.oc-right{width:330px!important}.oc-left{width:300px!important}.oc-hero h2{font-size:76px!important}}
@media (max-width:980px){.observatory-webgl-runtime{height:auto!important;min-height:900px!important;max-height:none!important;overflow:hidden!important}.oc-right,.oc-left{display:none!important}.oc-hero{top:82px!important;left:18px!important;right:18px!important;width:auto!important}.oc-hero h2{font-size:clamp(56px,15vw,94px)!important}.oc-bottom{left:8px!important;right:8px!important;bottom:8px!important;height:112px!important;overflow:auto!important}.oc-journey ol,[data-journey-list]{display:flex!important;min-width:980px!important}}
/* END VCO REAL3D VIEWPORT HARDENING */



/* BEGIN VCO PANEL QUARANTINE FINAL */
html,body{margin:0!important;width:100%!important;min-height:100%!important;overflow:hidden!important;background:#02050a!important}
.surface.stack{width:100%!important;max-width:none!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#02050a!important}
#static-root-contract,.surface-fallback-root,.observatory-render-gate{display:none!important}
.observatory-webgl-runtime{position:relative!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;margin:0!important;overflow:hidden!important;isolation:isolate!important;border:0!important;border-radius:0!important;background:#02050a!important}
.oc-stage,.observatory-webgl-runtime canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:block!important;z-index:0!important}
.observatory-webgl-runtime:before{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(0,0,0,.54),transparent 19%,transparent 78%,rgba(0,0,0,.58)),linear-gradient(180deg,rgba(0,0,0,.22),transparent 18%,transparent 78%,rgba(0,0,0,.48)),radial-gradient(circle at 51% 48%,rgba(105,212,255,.10),transparent 26%)!important}
.oc-topbar{position:absolute!important;top:0!important;left:0!important;right:0!important;height:58px!important;min-height:58px!important;padding:0 24px!important;z-index:40!important;background:linear-gradient(180deg,rgba(0,5,10,.94),rgba(0,5,10,.42),rgba(0,5,10,0))!important;border-bottom:1px solid rgba(120,217,255,.16)!important}
.oc-brand strong{font-size:22px!important;letter-spacing:.24em!important}.oc-brand span{font-size:9px!important}.oc-topbar nav{display:flex!important;gap:8px!important}.oc-topbar a{min-height:30px!important;padding:0 12px!important;border-radius:10px!important;font-size:11px!important}

.oc-hero{position:absolute!important;top:78px!important;left:24px!important;width:292px!important;max-width:292px!important;max-height:184px!important;overflow:hidden!important;z-index:12!important;pointer-events:none!important}
.oc-hero span{font-size:9px!important;letter-spacing:.16em!important}.oc-hero h2{margin:6px 0 8px!important;font-size:clamp(46px,5.2vw,78px)!important;line-height:.82!important;letter-spacing:-.075em!important}.oc-hero p{max-width:280px!important;font-size:13px!important;line-height:1.28!important}.oc-hero-badges{gap:7px!important;margin-top:10px!important}.oc-hero code,.oc-proofline span{padding:6px 8px!important;font-size:9px!important}

.oc-left{position:absolute!important;left:18px!important;bottom:108px!important;width:214px!important;max-width:214px!important;max-height:178px!important;overflow:hidden!important;z-index:12!important;display:grid!important;gap:8px!important;pointer-events:auto!important}
.oc-left section{padding:9px!important}.oc-left h3,.oc-right h3,.oc-bottom h3{font-size:9px!important;margin-bottom:6px!important}.oc-left dl{gap:5px!important}.oc-left dl div{padding:7px!important}.oc-left dt{font-size:8px!important}.oc-left dd{font-size:15px!important}.oc-left li{grid-template-columns:20px 1fr auto!important;gap:5px!important;font-size:8px!important;line-height:1.05!important}

.oc-right{position:absolute!important;right:18px!important;top:78px!important;width:244px!important;max-width:244px!important;max-height:342px!important;overflow:hidden!important;z-index:12!important;display:grid!important;gap:8px!important;pointer-events:auto!important}
.oc-right section{padding:9px!important}.oc-right p{font-size:10px!important;line-height:1.24!important;margin-bottom:7px!important}.oc-enterprise{gap:7px!important}.oc-enterprise button,.oc-enterprise article{padding:8px!important;border-radius:12px!important}.oc-enterprise strong{font-size:11px!important}.oc-enterprise span,.oc-enterprise small,.oc-right li{font-size:8px!important;line-height:1.15!important}

.oc-inspector,.vco-deep-inspector{position:absolute!important;left:auto!important;top:auto!important;right:274px!important;bottom:96px!important;transform:none!important;width:236px!important;max-width:236px!important;max-height:94px!important;padding:9px!important;overflow:hidden!important;z-index:16!important;pointer-events:auto!important;background:linear-gradient(180deg,rgba(3,12,20,.92),rgba(1,5,10,.96))!important;border:1px solid rgba(120,217,255,.22)!important;border-radius:14px!important;box-shadow:0 18px 44px rgba(0,0,0,.42)!important}
.oc-inspector-head{gap:8px!important}.oc-inspector-head strong,.oc-inspector strong,.vco-deep-inspector h3{font-size:9px!important;line-height:1.05!important}.oc-inspector-head span,.oc-inspector span{font-size:7px!important}.oc-inspector p,.vco-deep-inspector p{font-size:9px!important;line-height:1.18!important;margin:4px 0 0!important}.oc-inspector code{padding:5px 6px!important;font-size:8px!important}.vco-deep-inspector ul,.vco-deep-inspector ol,.vco-deep-inspector .owns,.vco-deep-inspector .must-not-own{display:none!important}

.oc-bottom{position:absolute!important;left:286px!important;right:306px!important;bottom:10px!important;height:72px!important;max-height:72px!important;padding:8px!important;overflow:hidden!important;z-index:14!important;pointer-events:auto!important;background:linear-gradient(180deg,rgba(4,13,21,.90),rgba(1,5,10,.96))!important;border:1px solid rgba(120,217,255,.18)!important;border-radius:18px!important}
.oc-journey{max-height:54px!important;overflow:hidden!important}.oc-journey ol,[data-journey-list]{display:grid!important;grid-template-columns:repeat(9,minmax(52px,1fr))!important;gap:5px!important;margin:0!important;padding:0!important;overflow:hidden!important}.oc-journey li{height:38px!important;min-height:38px!important;max-height:38px!important;padding:5px!important;border-radius:9px!important;overflow:hidden!important}.oc-journey strong{font-size:8px!important}.oc-journey em,.oc-journey small{display:none!important}.oc-journey li.is-active{border-color:rgba(155,236,255,.88)!important;box-shadow:0 0 0 1px rgba(155,236,255,.22),0 0 28px rgba(65,190,255,.25)!important}

.vco-command-palette,.vco-command{opacity:0!important;pointer-events:none!important}.vco-command-palette.is-open,.vco-command.is-open{opacity:1!important;pointer-events:auto!important;position:fixed!important;inset:0!important;z-index:80!important;display:grid!important;place-items:center!important;background:rgba(0,4,8,.56)!important}.vco-command-shell{width:min(620px,calc(100vw - 44px))!important;max-height:min(560px,calc(100vh - 80px))!important;overflow:auto!important}

@media (max-width:1280px),(max-height:760px){.oc-left,.oc-right{display:none!important}.oc-inspector,.vco-deep-inspector{right:18px!important;bottom:92px!important}.oc-bottom{left:18px!important;right:18px!important}}
@media (max-width:820px),(max-height:620px){.oc-left,.oc-right,.oc-inspector,.vco-deep-inspector{display:none!important}.oc-hero{top:72px!important;left:16px!important;width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important}.oc-hero h2{font-size:clamp(48px,14vw,78px)!important}.oc-bottom{left:8px!important;right:8px!important;bottom:8px!important;height:74px!important}.oc-journey ol,[data-journey-list]{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.oc-journey ol::-webkit-scrollbar{display:none!important}.oc-journey li{flex:0 0 118px!important}}
/* END VCO PANEL QUARANTINE FINAL */



/* BEGIN VCO MACHINE FIRST PANEL EJECTION */
html,body{margin:0!important;width:100%!important;height:100%!important;min-height:100%!important;overflow:hidden!important;background:#02050a!important;color:#edf7ff!important}
.surface.stack{width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#02050a!important}
#static-root-contract,.surface-fallback-root,.observatory-render-gate{display:none!important}

.observatory-webgl-runtime{
  position:relative!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  margin:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:0!important;
  border-radius:0!important;
  background:#02050a!important;
}
.oc-stage,.observatory-webgl-runtime canvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  z-index:0!important;
}
.observatory-webgl-runtime:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.44),transparent 18%,transparent 82%,rgba(0,0,0,.44)),
    linear-gradient(180deg,rgba(0,0,0,.16),transparent 20%,transparent 82%,rgba(0,0,0,.42)),
    radial-gradient(circle at 52% 50%,rgba(105,212,255,.10),transparent 27%)!important;
}

/* Top chrome only. */
.oc-topbar{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:58px!important;
  min-height:58px!important;
  padding:0 24px!important;
  z-index:30!important;
  background:linear-gradient(180deg,rgba(0,5,10,.94),rgba(0,5,10,.34),rgba(0,5,10,0))!important;
  border-bottom:1px solid rgba(120,217,255,.14)!important;
}
.oc-brand strong{font-size:22px!important;letter-spacing:.24em!important}
.oc-brand span{font-size:9px!important}
.oc-topbar nav{display:flex!important;gap:8px!important}
.oc-topbar a{min-height:30px!important;padding:0 12px!important;border-radius:10px!important;font-size:11px!important}

/* Brand may not be clipped. */
.oc-hero{
  position:absolute!important;
  top:78px!important;
  left:24px!important;
  width:min(438px,30vw)!important;
  max-width:min(438px,30vw)!important;
  max-height:210px!important;
  overflow:visible!important;
  z-index:8!important;
  pointer-events:none!important;
}
.oc-hero span{font-size:9px!important;letter-spacing:.16em!important}
.oc-hero h2{
  margin:8px 0 10px!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
  font-size:clamp(54px,5.15vw,74px)!important;
  line-height:.82!important;
  letter-spacing:-.082em!important;
}
.oc-hero p{
  max-width:410px!important;
  font-size:14px!important;
  line-height:1.24!important;
}
.oc-hero-badges{gap:7px!important;margin-top:10px!important}
.oc-hero code{padding:6px 8px!important;font-size:9px!important}

/* Hard rule: no permanent side panels in the machine viewport. */
.oc-left,.oc-right{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
  overflow:hidden!important;
}

/* Inspector is machine state, not a panel. Keep DOM text for audits, make visual footprint zero. */
.oc-inspector,.vco-deep-inspector{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:1px!important;
  height:1px!important;
  max-width:1px!important;
  max-height:1px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:1!important;
}

/* Artifact rail is allowed, but only as a thin instrument strip. */
.oc-bottom{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:10px!important;
  width:min(780px,calc(100vw - 48px))!important;
  height:58px!important;
  max-height:58px!important;
  padding:7px!important;
  overflow:hidden!important;
  transform:translateX(-50%)!important;
  z-index:12!important;
  pointer-events:auto!important;
  background:linear-gradient(180deg,rgba(4,13,21,.78),rgba(1,5,10,.90))!important;
  border:1px solid rgba(120,217,255,.18)!important;
  border-radius:16px!important;
  box-shadow:0 18px 60px rgba(0,0,0,.42)!important;
}
.oc-bottom h3{font-size:8px!important;margin:0 0 4px!important}
.oc-proofline{display:none!important}
.oc-journey{height:40px!important;max-height:40px!important;overflow:hidden!important}
.oc-journey ol,[data-journey-list]{
  display:grid!important;
  grid-template-columns:repeat(9,minmax(46px,1fr))!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.oc-journey li{
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:4px!important;
  border-radius:8px!important;
  overflow:hidden!important;
}
.oc-journey strong{font-size:7px!important}
.oc-journey em,.oc-journey small{display:none!important}
.oc-journey li.is-active{
  border-color:rgba(155,236,255,.95)!important;
  box-shadow:0 0 0 1px rgba(155,236,255,.26),0 0 24px rgba(65,190,255,.22)!important;
}

/* Command palette is the only large panel, and only when requested. */
.vco-command-palette:not(.is-open),.vco-command:not(.is-open){display:none!important}
.vco-command-palette.is-open,.vco-command.is-open{
  opacity:1!important;
  pointer-events:auto!important;
  position:fixed!important;
  inset:0!important;
  z-index:80!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(0,4,8,.58)!important;
}
.vco-command-shell{
  width:min(620px,calc(100vw - 44px))!important;
  max-height:min(560px,calc(100vh - 80px))!important;
  overflow:auto!important;
}

@media (max-width:980px){
  .oc-hero{top:76px!important;left:16px!important;width:min(420px,calc(100vw - 32px))!important;max-width:min(420px,calc(100vw - 32px))!important}
  .oc-hero h2{font-size:clamp(48px,12vw,72px)!important}
  .oc-bottom{width:calc(100vw - 20px)!important;bottom:8px!important}
}
@media (max-height:720px){
  .oc-hero{top:70px!important}
  .oc-bottom{height:46px!important;max-height:46px!important}
}
/* END VCO MACHINE FIRST PANEL EJECTION */



/* BEGIN VCO CINEMATIC REAL3D AUTHORITY */
#observatory-webgl-runtime{
  background:
    radial-gradient(circle at 50% 52%, rgba(82,190,255,.18), transparent 24%),
    radial-gradient(circle at 50% 72%, rgba(10,30,44,.82), transparent 44%),
    #010409 !important;
}
#observatory-webgl-runtime canvas{
  filter: contrast(1.12) saturate(1.18) brightness(.96) !important;
}
#observatory-webgl-runtime::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 46%, transparent 0 31%, rgba(0,0,0,.10) 48%, rgba(0,0,0,.48) 100%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 24%, transparent 72%, rgba(0,0,0,.28));
  mix-blend-mode:screen;
  opacity:.62;
}
.oc-topbar,.oc-bottom{backdrop-filter:blur(18px) saturate(1.18)!important}
.oc-hero h2{text-shadow:0 16px 58px rgba(0,0,0,.92),0 0 38px rgba(115,208,255,.16)!important}
.oc-journey li.is-active{box-shadow:0 0 0 1px rgba(162,238,255,.34),0 0 24px rgba(53,188,255,.32),inset 0 0 18px rgba(77,204,255,.12)!important}
/* END VCO CINEMATIC REAL3D AUTHORITY */



/* BEGIN VCO REFERENCE GEOMETRY AUTHORITY */
#observatory-webgl-runtime canvas{
  filter: contrast(1.18) saturate(1.22) brightness(.91) !important;
}
#observatory-webgl-runtime::after{
  background:
    radial-gradient(circle at 50% 48%, transparent 0 28%, rgba(0,0,0,.12) 46%, rgba(0,0,0,.58) 100%),
    linear-gradient(180deg, rgba(255,255,255,.026), transparent 26%, transparent 72%, rgba(0,0,0,.34)) !important;
  opacity:.72 !important;
}
.oc-hero{
  mix-blend-mode:normal !important;
}
.oc-hero h2{
  text-shadow:0 18px 70px rgba(0,0,0,.96),0 0 46px rgba(130,220,255,.12)!important;
}
/* END VCO REFERENCE GEOMETRY AUTHORITY */



/* VERIFRAX_MAIN_STACK_TIMELINE_SELECTABLE_CSS */
.oc-main-stack-timeline{
  position:absolute;
  z-index:19;
  top:86px;
  left:50%;
  transform:translateX(-50%);
  width:min(680px,calc(100vw - 820px));
  min-width:420px;
  pointer-events:auto;
  border:1px solid rgba(115,208,255,.18);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(2,8,14,.86),rgba(1,5,10,.72));
  box-shadow:0 18px 56px rgba(0,0,0,.34);
  backdrop-filter:blur(14px);
  padding:12px;
}
.oc-timeline-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.oc-timeline-head span{
  color:#73d0ff;
  font:900 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.14em;
}
.oc-timeline-head strong{
  color:#9fafbf;
  font:800 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  text-transform:uppercase;
}
.oc-timeline-track{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:6px;
}
.oc-timeline-node{
  appearance:none;
  display:grid;
  gap:3px;
  min-width:0;
  min-height:58px;
  padding:8px 6px;
  text-align:left;
  cursor:pointer;
  color:#dcecff;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 0 0 1px rgba(115,208,255,0);
}
.oc-timeline-node span{
  color:#73d0ff;
  font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.oc-timeline-node strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:900 10px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.oc-timeline-node em{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8fa5b9;
  font:800 9px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-style:normal;
}
.oc-timeline-node:hover,
.oc-timeline-node:focus-visible,
.oc-timeline-node.is-selected{
  outline:none;
  border-color:rgba(115,208,255,.72);
  background:linear-gradient(180deg,rgba(115,208,255,.18),rgba(115,208,255,.07));
  box-shadow:0 0 0 1px rgba(115,208,255,.32),0 12px 34px rgba(0,0,0,.28);
}
.oc-timeline-node.is-selected em{
  color:#9ee6b8;
}
@media (max-width:1320px), (max-height:780px){
  .oc-main-stack-timeline{
    top:auto;
    left:300px;
    right:320px;
    bottom:132px;
    transform:none;
    width:auto;
    min-width:0;
  }
  .oc-timeline-track{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:900px), (max-height:640px){
  .oc-main-stack-timeline{
    display:none;
  }
}

/* BEGIN VCO CINEMATIC COMMAND KEYBOARD CLICK AUTHORITY */
.vco-command{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:start center;
  padding-top:8vh;
  background:rgba(1,5,10,.58);
  backdrop-filter:blur(18px) saturate(1.2);
}
.vco-command-shell{
  width:min(760px,calc(100vw - 32px));
  border:1px solid rgba(126,207,255,.34);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(8,16,28,.96),rgba(3,8,14,.94));
  box-shadow:0 28px 90px rgba(0,0,0,.58),0 0 80px rgba(70,170,255,.12);
  overflow:hidden;
}
.vco-command-head{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-bottom:1px solid rgba(126,207,255,.18);
  color:#eaf6ff;
}
.vco-command-head strong{
  font:900 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.vco-command-head span{
  flex:1;
  color:#8ea9bd;
  font:800 11px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.vco-command-head button{
  border:1px solid rgba(126,207,255,.24);
  border-radius:10px;
  color:#dff5ff;
  background:rgba(255,255,255,.05);
}
.vco-command input{
  width:100%;
  box-sizing:border-box;
  padding:18px 20px;
  border:0;
  border-bottom:1px solid rgba(126,207,255,.16);
  outline:0;
  background:rgba(4,12,20,.86);
  color:#f4fbff;
  font:900 18px/1.2 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;
}
.vco-command-grid{
  display:grid;
  gap:8px;
  max-height:min(58vh,560px);
  overflow:auto;
  padding:12px;
}
.vco-command-grid button{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
  min-height:46px;
  padding:12px 14px;
  border:1px solid rgba(126,207,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:#eaf6ff;
  text-align:left;
}
.vco-command-grid button.is-selected,
.vco-command-grid button:hover{
  border-color:rgba(126,207,255,.62);
  background:linear-gradient(90deg,rgba(38,132,210,.22),rgba(255,255,255,.045));
  box-shadow:inset 0 0 22px rgba(93,190,255,.08);
}
.vco-command-grid span{
  font:900 13px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.vco-command-grid em{
  color:#72d3ff;
  font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-style:normal;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.oc-journey li{
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.oc-journey li:hover,
.oc-journey li:focus-within,
.oc-journey li.is-active{
  transform:translateY(-2px);
  border-color:rgba(120,212,255,.5);
  background:linear-gradient(180deg,rgba(38,132,210,.15),rgba(255,255,255,.04));
  box-shadow:0 0 28px rgba(82,180,255,.13);
}
.observatory-webgl-runtime canvas{
  cursor:crosshair;
}
/* END VCO CINEMATIC COMMAND KEYBOARD CLICK AUTHORITY */

/* VERIFRAX_COMPLETE_MAIN_STACK_TIMELINE_CSS */
.oc-main-stack-timeline{
  position:absolute;
  z-index:26;
  top:86px;
  left:50%;
  transform:translateX(-50%);
  width:min(760px,calc(100vw - 820px));
  min-width:460px;
  pointer-events:auto;
  border:1px solid rgba(115,208,255,.22);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(2,8,14,.92),rgba(1,5,10,.78));
  box-shadow:0 18px 56px rgba(0,0,0,.36);
  backdrop-filter:blur(14px);
  padding:12px;
}
.oc-timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.oc-timeline-head span{display:block;color:#73d0ff;font:900 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em}
.oc-timeline-head strong{display:block;margin-top:4px;color:#eaf6ff;font:900 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-timeline-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.oc-timeline-actions button{appearance:none;cursor:pointer;color:#cfe6f8;border:1px solid rgba(115,208,255,.18);border-radius:999px;background:rgba(255,255,255,.04);padding:6px 9px;font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}
.oc-timeline-actions b{display:inline-grid;place-items:center;min-width:15px;height:15px;margin-left:4px;border-radius:999px;background:rgba(115,208,255,.12);color:#9ee6b8;font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-timeline-actions button[aria-pressed="true"],.oc-timeline-actions button.is-selected{color:#9ee6b8;border-color:rgba(115,208,255,.72);background:rgba(115,208,255,.14)}
.oc-timeline-instruction{margin:0 0 10px;color:#8fa5b9;font:800 10px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-timeline-track{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}
.oc-timeline-node{appearance:none;display:grid;gap:3px;min-width:0;min-height:62px;padding:8px 6px;text-align:left;cursor:pointer;color:#dcecff;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035)}
.oc-timeline-node span{color:#73d0ff;font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-timeline-node strong,.oc-timeline-node em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oc-timeline-node strong{font:900 10px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-timeline-node em{color:#8fa5b9;font:800 9px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-style:normal}
.oc-timeline-node:hover,.oc-timeline-node:focus-visible,.oc-timeline-node.is-selected{outline:none;border-color:rgba(115,208,255,.72);background:linear-gradient(180deg,rgba(115,208,255,.18),rgba(115,208,255,.07));box-shadow:0 0 0 1px rgba(115,208,255,.32),0 12px 34px rgba(0,0,0,.28)}
.oc-timeline-node.is-selected em{color:#9ee6b8}
.oc-timeline-detail{margin-top:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035)}
.oc-timeline-detail strong{display:block;color:#f2f8ff;font:900 12px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-timeline-detail p{margin:5px 0 8px;color:#b8c7d6;font:600 12px/1.35 Inter,ui-sans-serif,system-ui,sans-serif}
.oc-timeline-detail dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.oc-timeline-detail div{min-width:0;padding:6px;border-radius:10px;background:rgba(0,0,0,.18)}
.oc-timeline-detail dt,.oc-timeline-detail dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.oc-timeline-detail dt{color:#73d0ff}.oc-timeline-detail dd{color:#dcecff;margin-top:3px}
@media (max-width:1320px), (max-height:780px){.oc-main-stack-timeline{top:auto;left:300px;right:320px;bottom:132px;transform:none;width:auto;min-width:0}.oc-timeline-track{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-timeline-detail{display:none}}
@media (max-width:900px), (max-height:640px){.oc-main-stack-timeline{display:none}}

/* VERIFRAX_EMERGENCY_MAIN_STACK_TIMELINE_POINTER_QUARANTINE
   Static timeline is a support control, not the center WebGL selection plane.
   It must remain selectable without consuming the machine pointer plane or panel-area budget.
*/
.oc-main-stack-timeline{
  top:112px !important;
  left:auto !important;
  right:14px !important;
  bottom:auto !important;
  transform:none !important;
  width:min(240px,calc(100vw - 44px)) !important;
  min-width:0 !important;
  max-height:min(280px,calc(100vh - 300px)) !important;
  overflow:auto !important;
  z-index:18 !important;
  pointer-events:none !important;
}
.oc-main-stack-timeline :is(button,a,input,select,textarea,[tabindex]){
  pointer-events:auto !important;
}
.oc-main-stack-timeline .oc-timeline-instruction,
.oc-main-stack-timeline .oc-timeline-detail{
  display:none !important;
}
.oc-main-stack-timeline .oc-timeline-track{
  grid-template-columns:1fr !important;
  gap:5px !important;
}
.oc-main-stack-timeline .oc-timeline-node{
  min-height:36px !important;
  padding:4px 5px !important;
}
.oc-main-stack-timeline .oc-timeline-node .oc-node-role,
.oc-main-stack-timeline .oc-timeline-node .oc-node-desc{
  display:none !important;
}
@media (max-width:1100px), (max-height:720px){
  .oc-main-stack-timeline{
    display:none !important;
  }
}

/* VERIFRAX_STATIC_TIMELINE_NATIVE_INTERACTION_AUTHORITY */
.oc-static-timeline-details {
  margin-top: 1rem;
  display: grid;
  gap: 0.75rem;
}
.oc-static-timeline-detail {
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 1rem;
  padding: 0.9rem;
  background: rgba(0,0,0,0.24);
}
.oc-static-timeline-detail:target {
  outline: 2px solid rgba(255,255,255,0.5);
  background: rgba(255,255,255,0.08);
}
.oc-static-timeline-detail h4,
.oc-static-timeline-detail h5 {
  margin: 0 0 0.45rem;
}

/* VERIFRAX_STATIC_TIMELINE_NATIVE_INTERACTION_AUTHORITY_LAYOUT_INERT */
.oc-static-timeline-details {
  position: relative;
  z-index: 6;
  margin-top: 0.65rem;
  contain: layout paint;
}

.oc-static-timeline-detail {
  display: none;
  max-height: min(36vh, 22rem);
  overflow: auto;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 1rem;
  padding: 0.85rem;
  background: rgba(3,8,18,0.84);
  box-shadow: 0 18px 50px rgba(0,0,0,0.28);
}

.oc-static-timeline-detail:first-of-type {
  display: block;
}

.oc-static-timeline-detail:target {
  display: block;
}

.oc-static-timeline-details:has(.oc-static-timeline-detail:target)
  .oc-static-timeline-detail:first-of-type:not(:target) {
  display: none;
}

.oc-static-timeline-detail h4,
.oc-static-timeline-detail h5 {
  margin: 0.25rem 0;
}

.oc-static-timeline-detail p {
  margin: 0.35rem 0 0.65rem;
}

.oc-static-timeline-detail ul {
  margin: 0.25rem 0 0.65rem 1rem;
  padding: 0;
}

/* /VERIFRAX_STATIC_TIMELINE_NATIVE_INTERACTION_AUTHORITY_LAYOUT_INERT */

/* VERIFRAX_STATIC_TIMELINE_NATIVE_HITTEST_QUARANTINE */
.oc-static-timeline-details,
.oc-static-timeline-detail,
.oc-static-timeline-detail:target {
  pointer-events: none;
}

.oc-static-timeline-details {
  position: relative;
  z-index: 1;
  contain: layout paint style;
}

.oc-static-timeline-detail {
  display: none;
  max-height: 0;
  overflow: hidden;
}

.oc-static-timeline-detail:target {
  display: block;
  max-height: min(28vh, 18rem);
  overflow: auto;
}