:root{
  --bg:#03060a;
  --bg2:#060a10;
  --panel:#080d14;
  --surface-raised:#0b111a;
  --line:#111b28;
  --line2:#1b2b3e;
  --text:#d9e2ec;
  --muted:#5f6d7d;
  --muted2:#8d9cac;
  --blue:#087ff5;
  --blue-hi:#42a3ff;
  --blue-d:#0755a4;
  --blue-deep:#031a35;
  --blue-mid:#075fc4;
  --blue-electric:#0788ff;
  --blue-bright:#65b9ff;
  --blue-soft:#9bd4ff;
  --blue-glow:rgba(24,139,255,.16);
  --blue-glow-soft:rgba(62,166,255,.08);
  --blue-green:#168ca4;
  --green-deep:#123d3b;
  --green:#238b67;
  --green-emerald:#1c8862;
  --green-mint:#52d593;
  --green-soft:#8be1b6;
  --green-glow:rgba(82,213,147,.13);
  --green-glow-soft:rgba(82,213,147,.065);
  --gradient-blue:linear-gradient(105deg,var(--blue-mid) 0%,var(--blue-electric) 43%,var(--blue-bright) 60%,var(--blue-green) 76%,var(--green-emerald) 90%,var(--green-mint) 100%);
  --gradient-blue-soft:linear-gradient(105deg,#2c91eb 0%,var(--blue-bright) 58%,var(--blue-green) 78%,var(--green-mint) 100%);
  --gradient-energy:linear-gradient(90deg,var(--blue-deep) 0%,var(--blue-mid) 24%,var(--blue-electric) 50%,var(--blue-green) 72%,var(--green-emerald) 88%,var(--green-mint) 100%);
  --gradient-border:linear-gradient(120deg,rgba(101,185,255,.44),rgba(7,136,255,.18) 47%,rgba(22,140,164,.19) 72%,rgba(82,213,147,.24) 100%);
  --gradient-panel:linear-gradient(145deg,rgba(10,19,31,.98),rgba(4,9,16,.99));
  --blue-wash:rgba(8,127,245,.08);
  --status:#42a3ff;
  --warning:#9aa8b8;
  --critical:#c9d3de;
  --green-d:var(--blue-d);
  --yellow:var(--status);
  --yellow-d:var(--blue-d);
  --red:var(--critical);
  --mono:ui-monospace,"JetBrains Mono","SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --max:940px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--text);
  font-family:var(--mono);font-size:14px;line-height:1.5;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
  letter-spacing:.2px;
}
a{color:inherit;text-decoration:none}
b{font-weight:700;font-variant-numeric:tabular-nums}
.g{color:var(--green)}
.y{color:var(--yellow)}
.r{color:var(--red)}

.grain{
  position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.18) 2px 3px);
  mix-blend-mode:multiply;
}
.dot{width:6px;height:6px;border-radius:0;background:var(--blue);
  box-shadow:0 0 7px rgba(8,127,245,.65);display:inline-block;animation:pulse 1.5s steps(2,end) infinite}
.dot.y{background:var(--yellow);box-shadow:0 0 7px var(--yellow)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.2}}

/* pending / pre-launch placeholders */
.pending{color:var(--muted);font-style:italic;font-weight:400;font-size:13px}
.pending-lg{color:var(--yellow);font-style:italic;font-weight:400;font-size:15px;margin-left:auto}

/* ===== HEADER ===== */
.hdr{
  max-width:var(--max);margin:0 auto;padding:20px 20px 14px;
  display:flex;align-items:center;gap:14px;
}
.hdr-id{display:flex;align-items:center;gap:12px}
.hdr-logo{width:42px;height:42px;image-rendering:pixelated}
.hdr-txt{display:flex;flex-direction:column;gap:2px}
.hdr-name{font-size:16px;font-weight:700;letter-spacing:.5px}
.hdr-serial{color:var(--muted);font-weight:400;font-size:12px}
.hdr-sub{font-size:11.5px;color:var(--muted)}
.hdr-live{margin-left:auto;font-size:11px;color:var(--green);letter-spacing:1px;
  border:1px solid var(--line2);border-radius:4px;padding:3px 8px;display:inline-flex;gap:6px;align-items:center}
.hdr-live.pre{color:var(--blue-hi);border-color:var(--blue-d);background:var(--blue-wash)}

/* ===== CA BAR ===== */
.ca-bar{
  max-width:var(--max);margin:0 auto;padding:10px 20px 0;
  display:flex;align-items:center;gap:10px;
}
.ca-label{font-size:11px;letter-spacing:2px;color:var(--muted);flex-shrink:0}
.ca-val{
  flex:1;font-family:var(--mono);font-size:14px;letter-spacing:.5px;
  color:var(--yellow);font-weight:700;
  border:1px dashed var(--yellow-d);border-radius:6px;padding:8px 12px;
  background:rgba(255,210,63,.05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ca-copy{
  font-family:var(--mono);font-size:12px;color:var(--muted);
  background:transparent;border:1px solid var(--line2);border-radius:6px;
  padding:8px 12px;cursor:not-allowed;opacity:.5;
}
.ca-copy:not([disabled]){cursor:pointer;color:var(--yellow);opacity:1}
.ca-copy:not([disabled]):hover{border-color:var(--yellow-d)}

/* ===== NAV ===== */
.nav{
  max-width:var(--max);margin:0 auto;padding:10px 20px;
  display:flex;gap:22px;align-items:center;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  font-size:12px;letter-spacing:1.2px;
  position:sticky;top:0;z-index:20;background:rgba(7,9,10,.9);backdrop-filter:blur(6px);
}
.nav a{color:var(--green);transition:color .15s}
.nav a:hover,.nav a.on{color:var(--blue-hi)}
.nav-ext{margin-left:0;color:var(--green)}
.nav-ext:first-of-type{margin-left:auto}
.nav-ext:hover{color:var(--blue-hi)}

main{max-width:var(--max);margin:0 auto;padding:0 20px}

/* ===== INTRO ===== */
.intro{padding:38px 4px 30px;border-bottom:1px solid var(--line)}
.hero-identity{display:flex;align-items:center;gap:12px;margin:0 0 22px;width:max-content;max-width:100%;padding:7px 11px 7px 7px;border:1px solid var(--line2);background:#050910;box-shadow:inset 3px 0 0 var(--blue)}
.hero-logo{width:58px;height:58px;object-fit:cover;image-rendering:pixelated;background:#000}
.hero-id-meta{display:flex;flex-direction:column;gap:4px;font-size:9px;letter-spacing:.16em;color:var(--muted)}
.hero-id-meta b{font-size:10px;color:var(--blue-hi);font-weight:700;letter-spacing:.09em}
.identity-placeholder{color:var(--blue-hi)}
.intro h1{font-size:34px;line-height:1.1;letter-spacing:-.5px;font-weight:700;margin-bottom:16px}
.intro-lead{font-size:16.5px;line-height:1.75;color:#dfe7df;max-width:730px}
.intro-lead b{color:#fff;font-weight:700}
.intro-lead b.g{color:var(--green)}
.intro-lead b.y{color:var(--yellow)}
.intro-lead .ylink{color:var(--yellow);font-weight:700;border-bottom:1px solid var(--yellow-d)}
.intro-lead .ylink:hover{border-bottom-color:var(--yellow)}
.intro-lead .dim{color:var(--muted);font-size:14px}
.intro-note{font-size:13px;color:var(--muted);margin-top:14px;max-width:730px;font-style:italic}
.intro-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.intro-facts span{font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;
  border:1px solid var(--line2);border-radius:6px;padding:6px 11px}
.intro-facts b{font-weight:700;margin-left:4px}

/* ===== STAT STRIP ===== */
.strip{
  display:flex;justify-content:space-between;gap:30px;
  padding:22px 4px;border-bottom:1px solid var(--line);flex-wrap:wrap;
}
.strip-col{display:flex;flex-direction:column;gap:9px;min-width:220px;flex:1}
.kv{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  border-bottom:1px dotted var(--line2);padding-bottom:5px}
.kv span{font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.kv b{font-size:15px;font-variant-numeric:tabular-nums}
.strip-col.right .kv b{font-size:16px}
.kv b em{font-style:normal;color:var(--muted);font-size:11px;font-weight:400;margin-left:6px}

/* ===== THE NEST (centerpiece) ===== */
.nest{padding:34px 0 10px}
.nest-frame{
  max-width:560px;margin:0 auto;
  border:1px solid var(--line2);border-radius:12px;
  background:linear-gradient(180deg,var(--surface-raised),#050910);
  padding:22px 24px;
  box-shadow:0 0 0 1px #0c1420, 0 24px 60px -30px rgba(8,127,245,.3);
}
.nest-head{display:flex;justify-content:space-between;align-items:baseline;
  font-size:11px;letter-spacing:2px;color:var(--muted);margin-bottom:20px}
.nest-head span:first-child{color:var(--green);font-weight:700}
.nest-seed{letter-spacing:.5px;text-transform:none}

.nest-life{margin-bottom:20px}
.life-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.life-label{font-size:12px;letter-spacing:2px;color:var(--muted2)}
.core-pulse{display:inline-grid;grid-template-columns:repeat(5,4px);align-items:end;gap:2px;height:16px;padding:2px 3px;border-left:1px solid var(--blue-d);border-right:1px solid var(--blue-d)}
.core-pulse i{display:block;width:4px;background:var(--blue);animation:signal 1.2s steps(2,end) infinite}
.core-pulse i:nth-child(1),.core-pulse i:nth-child(5){height:4px;animation-delay:-.2s}
.core-pulse i:nth-child(2),.core-pulse i:nth-child(4){height:8px;animation-delay:-.4s}
.core-pulse i:nth-child(3){height:12px;animation-delay:-.6s}
@keyframes signal{0%,100%{opacity:.25;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1)}}
.life-pct{margin-left:auto;font-size:30px;font-weight:700;color:var(--green);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.life-bar{height:12px;background:#0a0f0c;border:1px solid var(--line2);border-radius:7px;overflow:hidden}
.life-fill{height:100%;width:100%;border-radius:0;
  background:repeating-linear-gradient(90deg,var(--blue) 0 12px,#064f9b 12px 15px,transparent 15px 17px);
  transition:width 1s ease}
.life-sub{display:flex;justify-content:space-between;margin-top:9px;font-size:12px;color:var(--muted2)}
.life-clock{color:var(--muted)}

.nest-vitals{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.vital{display:flex;flex-direction:column;gap:6px}
.vital-label{font-size:10.5px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.vital-bar{height:7px;background:#0a0f0c;border:1px solid var(--line2);border-radius:5px;overflow:hidden}
.vital-fill{height:100%;width:0;transition:width .8s ease}
.vital-fill.fomo{background:repeating-linear-gradient(90deg,var(--blue-d) 0 8px,var(--blue) 8px 11px)}
.vital-fill.beat{background:var(--blue-hi)}
.vital-num{font-size:12px;color:var(--muted2);font-variant-numeric:tabular-nums}

.nest-warn{font-size:12px;line-height:1.65;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}

/* pixel banner */
.banner{display:block;max-width:880px;width:100%;margin:26px auto 0;
  image-rendering:pixelated;border:1px solid var(--line);border-radius:0;background:#03060a}

/* creed */
.creed{max-width:640px;margin:36px auto;text-align:center;color:var(--muted2);
  font-size:15px;line-height:1.7;font-style:italic}

/* ===== PANELS ===== */
.panel{padding:26px 0;border-top:1px solid var(--line)}
.panel-head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.panel-head h2{font-size:13px;letter-spacing:2px;color:var(--green);font-weight:700}
.panel-head span{font-size:11.5px;color:var(--muted);display:inline-flex;gap:6px;align-items:center}
.panel-note{font-size:12.5px;color:var(--muted);margin-bottom:14px;max-width:640px}

/* ledger tables (book/coulda/history) */
.book,.coulda,.hist{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.row{display:grid;gap:12px;align-items:center;padding:11px 16px;font-size:13px;
  border-bottom:1px solid var(--line);background:var(--bg2)}
.row:last-child{border-bottom:none}
.row.head{color:var(--muted);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;background:#080b0a}
.num{font-variant-numeric:tabular-nums;text-align:right}
.tok{display:flex;align-items:center;gap:9px;font-weight:700}
.badge{width:18px;height:18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:700;color:#04140a;flex-shrink:0}

.book .row{grid-template-columns:1.5fr 1fr 1fr 1fr}
.coulda .row{grid-template-columns:1.3fr 2.4fr 1fr}
.hist .row{grid-template-columns:1.3fr 1.4fr 1fr 1fr}

/* watchlist */
.watch{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.watch .row{grid-template-columns:1fr 3fr 0.8fr}
.watch .note{color:var(--muted2);font-size:12.5px}
.sig{font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.sig.warm{color:var(--green)}
.sig.caution{color:var(--yellow)}
.sig.cold{color:var(--muted)}

/* journal */
.journal{display:flex;flex-direction:column;gap:14px}
.entry{border:1px solid var(--line);border-left:2px solid var(--green-d);border-radius:8px;
  padding:16px 18px 18px;background:var(--bg2)}
.entry-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px;
  font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.entry-no{color:var(--green);font-weight:700}
.entry-title{font-size:17px;font-weight:700;margin-bottom:11px;color:var(--text);letter-spacing:.2px}
.entry-body p{font-size:13.5px;line-height:1.8;color:var(--muted2);margin-bottom:9px}
.entry-body p:last-child{margin-bottom:0}

/* empty / pre-launch panel state */
.empty{
  border:1px dashed var(--line2);border-radius:8px;background:var(--bg2);
  padding:26px 18px;text-align:center;
  color:var(--yellow);font-size:15px;font-weight:700;letter-spacing:.5px;
  display:flex;flex-direction:column;gap:8px;align-items:center;
}
.empty-sub{color:var(--muted);font-size:12px;font-weight:400;letter-spacing:0;font-style:italic;max-width:520px}

.coulda-verdict{font-size:12px;color:var(--muted2)}
.coulda-miss{color:var(--red);font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.coulda-good{color:var(--green);font-weight:700;text-align:right;font-variant-numeric:tabular-nums}

/* ===== THESES ===== */
.theses{display:flex;flex-direction:column;gap:10px}
.thesis{border:1px solid var(--line);border-left:2px solid var(--green-d);border-radius:6px;
  padding:13px 16px;background:var(--bg2)}
.thesis-tok{color:var(--green);font-weight:700;margin-bottom:5px;font-size:13px}
.thesis-body{font-size:12.5px;color:var(--muted2);line-height:1.6}

/* ===== TERMINAL ===== */
.terminal{height:330px;overflow-y:auto;background:#050706;border:1px solid var(--line);
  border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.75}
.terminal::-webkit-scrollbar{width:7px}
.terminal::-webkit-scrollbar-thumb{background:var(--line2);border-radius:4px}
.logline{display:flex;gap:10px;padding:1px 0;animation:fade .3s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
.log-time{color:var(--muted);flex-shrink:0}
.log-tag{flex-shrink:0;font-weight:700;width:62px}
.tag-READ{color:var(--muted2)}
.tag-DID{color:var(--green)}
.tag-REFUSED{color:var(--red)}
.tag-FED{color:var(--yellow)}
.log-msg{color:var(--text)}

/* ===== FOOTER ===== */
.foot{max-width:var(--max);margin:44px auto 30px;padding:24px 20px;text-align:center;
  color:var(--muted);font-size:12px;border-top:1px solid var(--line)}
.foot-logo{width:36px;height:36px;image-rendering:pixelated;opacity:.7;margin-bottom:8px}
.foot p{margin:3px 0}
.fine{font-size:11px;opacity:.6}

@media(max-width:720px){
  .nav{gap:14px;overflow-x:auto}
  .strip{gap:20px}
  .strip-col{min-width:140px}
  .nest-vitals{grid-template-columns:1fr}
  .book .row{grid-template-columns:1.4fr 1fr 1fr}
  .book .row .hide,.hist .row .hide{display:none}
  .hist .row{grid-template-columns:1.3fr 1fr 1fr}
  .coulda .row{grid-template-columns:1.2fr 2fr 1fr}
}

/* 2026-08 reconstruction — compact pre-launch survival terminal */
:root{
  --max:920px;
}

html{scroll-padding-top:52px}
body{
  min-height:100vh;
  background:
    linear-gradient(rgba(8,127,245,.018) 1px,transparent 1px),
    var(--bg);
  background-size:100% 34px;
  font-size:13px;
  line-height:1.58;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 50% 12%,rgba(8,127,245,.08),transparent 34%);
}
.grain{opacity:.34}

.hdr,.ca-bar,.nav,main,.foot{width:min(var(--max),calc(100% - 40px))}

.hdr{
  min-height:72px;
  padding:15px 0 10px;
  border-bottom:1px solid rgba(8,127,245,.07);
}
.hdr-id{min-width:0}
.hdr-logo{
  width:38px;
  height:38px;
  padding:5px;
  background:#000;
  border:1px solid var(--line);
}
.hdr-name{font-size:15px;line-height:1.2;color:#edf3ef}
.hdr-serial{font-size:10px;letter-spacing:.1em}
.hdr-sub{font-size:10px;line-height:1.45;letter-spacing:.04em}
.hdr-live{
  border-radius:3px;
  padding:4px 9px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.16em;
}

.ca-bar{padding:8px 0 0;gap:9px}
.ca-label{width:20px;font-size:9px;text-align:left}
.ca-val{
  min-height:36px;
  border-radius:3px;
  padding:8px 12px;
  font-size:12px;
  background:var(--blue-wash);
}
.ca-copy{border-radius:3px;padding:8px 12px;font-size:10px}

.nav{
  top:0;
  padding:9px 0;
  gap:19px;
  border-color:var(--line);
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  background:rgba(3,6,10,.94);
  scrollbar-width:none;
}
.nav::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap}

main{padding:0}
.intro{padding:38px 4px 27px}
.intro h1{
  margin-bottom:14px;
  font-size:29px;
  line-height:1.08;
  letter-spacing:0;
  color:#e8eee9;
}
.intro-lead{max-width:710px;font-size:14px;line-height:1.75}
.intro-note{max-width:710px;margin-top:12px;font-size:11px;line-height:1.55}
.intro-facts{gap:8px;margin-top:18px}
.intro-facts span{
  padding:5px 9px;
  border-radius:3px;
  font-size:9px;
  letter-spacing:.11em;
}

.strip{gap:32px;padding:20px 4px 22px}
.strip-col{gap:8px}
.kv{min-height:29px;padding-bottom:5px}
.kv span{font-size:9px;letter-spacing:.12em}
.kv b,.strip-col.right .kv b{font-size:12px}
.pending{font-size:11px}

.nest{padding:34px 0 12px}
.nest-frame{
  max-width:570px;
  border-radius:8px;
  padding:22px 24px 20px;
  background:#060b12;
  box-shadow:0 18px 55px -36px rgba(8,127,245,.42),inset 0 0 0 1px rgba(8,127,245,.03);
}
.nest-head{font-size:9px;margin-bottom:23px}
.nest-life{margin-bottom:18px}
.life-top{margin-bottom:9px}
.life-label{font-size:10px}
.core-pulse{height:15px}
.pending-lg{font-size:22px}
.life-bar{height:9px;border-radius:3px}
.life-fill{border-radius:2px}
.life-sub{font-size:10px}
.nest-vitals{gap:18px;margin-bottom:16px}
.vital-label{font-size:9px}
.vital-num{font-size:10px}
.nest-warn{font-size:10px;line-height:1.7}
.banner{margin-top:22px;border-radius:0}
.creed{margin:31px auto;font-size:12px}

.panel{padding:25px 0}
.panel-head{margin-bottom:13px}
.panel-head h2{font-size:10px;letter-spacing:.18em}
.panel-head span,.panel-note{font-size:10px}
.watch,.book,.coulda,.hist,.entry,.empty,.terminal{border-radius:4px}
.row{padding:10px 13px;font-size:11px;background:#050a08}
.row.head{font-size:9px}
.watch .note{font-size:10px}
.sig{font-size:9px}
.entry{padding:15px 17px;background:#050a08}
.entry-meta{font-size:9px}
.entry-title{font-size:14px}
.entry-body p{font-size:11px;line-height:1.75}
.empty{padding:23px 16px;border-radius:4px;font-size:12px;background:#050a08}
.empty-sub{font-size:10px}

.foot{margin-top:36px;padding:22px 0;font-size:10px}
.foot-logo{width:30px;height:30px}
.fine{font-size:9px}

@media(min-width:1100px){
  body{padding-top:12px}
}

@media(max-width:760px){
  :root{--max:100%}
  .hdr,.ca-bar,.nav,main,.foot{width:calc(100% - 28px)}
  .hdr{align-items:flex-start;padding-top:12px}
  .hdr-sub{display:none}
  .hdr-logo{width:34px;height:34px}
  .hdr-live{margin-top:3px}
  .ca-bar{padding-top:5px}
  .nav{gap:16px;overflow-x:auto}
  .nav-ext:first-of-type{margin-left:0}
  .intro{padding-top:30px}
  .intro h1{font-size:27px}
  .intro-lead{font-size:13px;line-height:1.72}
  .strip{display:grid;grid-template-columns:1fr;gap:18px}
  .nest-frame{padding:19px 16px}
  .pending-lg{font-size:16px}
  .life-sub{display:block}
  .panel{overflow:hidden}
  .watch,.book,.coulda,.hist{overflow-x:auto}
  .watch .row{min-width:620px}
  .book .row,.coulda .row,.hist .row{min-width:620px}
}

@media(max-width:430px){
  .hdr,.ca-bar,.nav,main,.foot{width:calc(100% - 22px)}
  .hdr-name{font-size:14px}
  .hdr-serial{display:block;margin-top:3px}
  .ca-copy{display:none}
  .intro{padding-left:0;padding-right:0}
  .intro h1{font-size:25px}
  .intro-facts span{font-size:8px}
  .nest-head{align-items:flex-start;gap:12px}
  .nest-seed{text-align:right}
  .creed{font-size:11px}
}

/* 2026-08 final visual polish — quiet blue depth and readable hierarchy */
:root{
  --bg:#020509;
  --bg2:#060b12;
  --panel:#08101a;
  --surface-raised:#0a1420;
  --line:#142235;
  --line2:#213853;
  --text:#d9e3ee;
  --muted:#667589;
  --muted2:#9aa8b8;
  --max:1040px;
}

body{
  color:var(--text);
  font-size:14px;
  line-height:1.68;
  background:
    linear-gradient(rgba(37,117,190,.018) 1px,transparent 1px),
    var(--bg);
  background-size:100% 38px;
}
body::before{
  background:
    radial-gradient(ellipse at 50% 9%,rgba(7,95,196,.11),transparent 34%),
    radial-gradient(ellipse at 43% 43%,rgba(3,54,110,.065),transparent 25%),
    radial-gradient(ellipse at 59% 45%,rgba(28,136,98,.035),transparent 23%);
}
.grain{opacity:.22}

.hdr,.ca-bar,.nav,main,.foot{width:min(var(--max),calc(100% - 48px))}
.hdr{min-height:80px;padding:18px 0 12px;border-bottom-color:rgba(75,156,230,.12)}
.hdr-logo{
  width:42px;height:42px;padding:5px;
  border-color:rgba(67,156,239,.3);
  box-shadow:0 0 0 1px rgba(7,136,255,.08),-5px 0 22px rgba(7,136,255,.13),7px 2px 24px rgba(82,213,147,.055);
}
.hdr-name{font-size:16px;letter-spacing:.025em;color:#eef5fc}
.hdr-name .identity-placeholder{
  background:var(--gradient-blue-soft);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;
}
.hdr-serial{color:#748397}
.hdr-sub{font-size:11px;line-height:1.5;color:#78879a}
.hdr-live.pre{
  color:var(--blue-bright);
  border-color:rgba(49,146,235,.4);
  background:linear-gradient(110deg,rgba(9,61,112,.27),rgba(6,54,69,.2),rgba(16,71,55,.14));
  box-shadow:inset 0 1px 0 rgba(132,202,255,.08),-4px 0 18px rgba(7,136,255,.07),5px 0 19px rgba(82,213,147,.045);
}
.hdr-live.pre{background-clip:padding-box}
.hdr-live.pre{
  background-image:linear-gradient(110deg,rgba(9,61,112,.27),rgba(6,54,69,.2),rgba(16,71,55,.14));
}
.hdr-x{
  margin-left:auto;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;
  color:var(--blue-bright);border:1px solid rgba(49,146,235,.38);border-radius:3px;
  background:linear-gradient(135deg,rgba(7,65,120,.22),rgba(18,72,59,.14));
  box-shadow:inset 0 1px 0 rgba(132,202,255,.07),-3px 0 14px rgba(7,136,255,.06),4px 0 15px rgba(82,213,147,.04);
  transition:color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.hdr-x svg{width:11px;height:11px;fill:currentColor}
.hdr-x:hover{
  color:var(--green-mint);border-color:rgba(82,213,147,.42);
  box-shadow:0 0 14px rgba(22,140,164,.16);transform:translateY(-1px);
}
.hdr-x + .hdr-live{margin-left:8px}
.dot,.dot.y{background:var(--blue-electric);box-shadow:0 0 8px rgba(54,162,255,.45),3px 0 8px rgba(82,213,147,.22)}

.ca-bar{padding-top:10px}
.ca-label{color:#718095}
.ca-val{
  color:var(--blue-bright);
  border-color:rgba(48,139,225,.42);
  background:linear-gradient(90deg,rgba(5,49,94,.24),rgba(5,18,33,.42));
  box-shadow:inset 0 1px 0 rgba(101,185,255,.055);
}
.ca-copy{border-color:rgba(64,112,158,.3);color:#6e7c8e}

.nav{
  padding:11px 0;gap:21px;
  border-color:rgba(65,114,160,.2);
  font-size:10px;
  background:rgba(2,6,11,.91);
  box-shadow:0 10px 28px rgba(0,0,0,.2);
}
.nav a{position:relative;color:#218eea;transition:color .18s ease,text-shadow .18s ease}
.nav a:hover,.nav a.on{
  color:var(--blue-bright);
  text-shadow:0 0 12px rgba(48,155,255,.23),4px 0 13px rgba(82,213,147,.1);
}
.nav a.on::after,.nav a:hover::after{
  content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;
  background:var(--gradient-blue);opacity:.72;box-shadow:-3px 0 8px rgba(7,136,255,.22),3px 0 9px rgba(82,213,147,.12);
}

.intro{position:relative;padding:48px 4px 38px;border-bottom:0}
.intro::after,.strip::after,.panel::before,.foot::before{
  content:"";position:absolute;left:0;right:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(71,151,224,.3) 18%,rgba(27,79,126,.2) 72%,transparent);
}
.intro::after,.strip::after{bottom:0}
.hero-identity{
  margin-bottom:26px;padding:8px 13px 8px 8px;
  border:1px solid transparent;
  background:
    linear-gradient(145deg,rgba(8,16,27,.96),rgba(3,8,15,.98)) padding-box,
    var(--gradient-border) border-box;
  box-shadow:inset 3px 0 0 var(--blue-electric),0 14px 38px rgba(0,0,0,.22),-5px 0 24px rgba(7,136,255,.06),7px 0 26px rgba(82,213,147,.035);
}
.hero-logo{width:62px;height:62px;box-shadow:-5px 0 25px rgba(7,136,255,.13),7px 2px 27px rgba(82,213,147,.055)}
.hero-id-meta{font-size:10px;color:#748297}
.hero-id-meta b{font-size:11px;color:var(--blue-bright);text-shadow:0 0 10px rgba(46,154,255,.18)}
.identity-placeholder,.intro h1 .g{
  color:var(--blue-bright);
  background:var(--gradient-blue-soft);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.intro h1{
  margin-bottom:18px;font-size:36px;line-height:1.12;letter-spacing:-.025em;
  color:#f0f5fa;text-shadow:0 1px 18px rgba(195,223,247,.035);
}
.intro-lead{max-width:790px;font-size:15.5px;line-height:1.86;color:#cbd6e2}
.intro-lead b{color:#f3f7fb}
.intro-lead b.g,.intro-lead b.y{color:var(--blue-bright)}
.intro-note{max-width:790px;margin-top:17px;font-size:12.5px;line-height:1.72;color:#8190a2}
.intro-facts{gap:9px;margin-top:23px}
.intro-facts span{
  padding:6px 10px;font-size:9.5px;color:#748397;
  border-color:rgba(72,119,164,.3);
  background:linear-gradient(180deg,rgba(11,20,31,.65),rgba(4,9,15,.5));
  box-shadow:inset 0 1px 0 rgba(126,191,246,.035);
}
.intro-facts b{
  color:var(--blue-bright);
  background:var(--gradient-blue-soft);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

.strip{position:relative;gap:40px;padding:27px 4px 30px;border-bottom:0}
.strip-col{gap:10px}
.kv{min-height:32px;border-bottom-color:rgba(74,112,151,.35)}
.kv span{font-size:9.5px;color:#728196}
.kv b,.strip-col.right .kv b{font-size:13px;color:#dce6f0}
.kv b.g,.kv b.y,.kv b:not(.pending){
  color:var(--blue-bright);
  background:var(--gradient-blue-soft);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;
}
.strip-col.right .kv:nth-child(2n) .pending,
.strip-col:first-child .kv:nth-child(5) .pending{color:#80bfa6}
.pending{font-size:11.5px;color:#7e8da0}

.nest{padding:46px 0 17px}
.nest-frame{
  position:relative;max-width:630px;padding:27px 29px 25px;
  border:1px solid transparent;border-radius:9px;
  background:
    radial-gradient(ellipse at 34% 48%,rgba(8,105,204,.115),transparent 53%) padding-box,
    radial-gradient(ellipse at 73% 40%,rgba(28,136,98,.075),transparent 46%) padding-box,
    var(--gradient-panel) padding-box,
    var(--gradient-border) border-box;
  box-shadow:
    inset 0 1px 0 rgba(120,192,251,.075),
    inset 0 -24px 55px rgba(0,0,0,.12),
    -10px 24px 70px -44px rgba(18,135,245,.48),
    12px 22px 74px -48px rgba(82,213,147,.25);
}
.nest-head{margin-bottom:26px;font-size:9.5px;color:#728196}
.nest-head span:first-child{color:var(--blue-bright);text-shadow:0 0 12px rgba(35,148,255,.19)}
.life-label{color:#9aa9b9}
.pending-lg,.life-pct{
  color:var(--blue-bright);
  background:var(--gradient-blue-soft);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;
}
.core-pulse{border-color:rgba(56,154,246,.5)}
.core-pulse i{background:var(--blue-electric);box-shadow:0 0 6px rgba(45,154,255,.3)}
.core-pulse i:nth-child(4){background:var(--blue-green)}
.core-pulse i:nth-child(5){background:var(--green-mint);box-shadow:0 0 6px rgba(82,213,147,.26)}
.life-bar{
  height:10px;border-color:rgba(66,133,197,.36);border-radius:3px;
  background:#030912;box-shadow:inset 0 1px 3px rgba(0,0,0,.8),0 0 12px rgba(7,136,255,.05);
}
.life-fill{
  background:
    repeating-linear-gradient(90deg,transparent 0 13px,rgba(1,8,15,.85) 13px 16px),
    var(--gradient-energy);
  box-shadow:-3px 0 12px rgba(7,136,255,.2),4px 0 13px rgba(82,213,147,.14),inset 0 1px 0 rgba(205,239,225,.25);
}
.life-sub{margin-top:10px;font-size:10.5px;color:#8998a9}
.vital-label{font-size:9.5px;color:#758499}
.vital-bar{border-color:rgba(60,113,164,.34);background:#030912;box-shadow:inset 0 1px 2px #000}
.vital-num{font-size:10.5px;color:#8998a9}
.nest-warn{font-size:11px;line-height:1.78;color:#8594a6;border-top-color:rgba(63,105,147,.26);padding-top:17px}
.banner{margin-top:26px;border-color:rgba(45,101,154,.32);box-shadow:0 18px 45px -36px rgba(22,132,234,.45)}
.creed{margin:41px auto;font-size:13px;line-height:1.8;color:#a0adbc}

.panel{position:relative;padding:34px 0;border-top:0}
.panel::before{top:0}
.panel-head{margin-bottom:17px}
.panel-head h2{
  font-size:11px;color:var(--blue-bright);
  background:var(--gradient-blue-soft);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;
}
.panel-head span{font-size:10.5px;color:#748397}
.panel-note{max-width:720px;margin-bottom:17px;font-size:11.5px;line-height:1.7;color:#8795a6}

.watch,.book,.coulda,.hist{
  border-color:transparent;
  background:
    linear-gradient(145deg,rgba(8,15,24,.9),rgba(3,8,13,.95)) padding-box,
    linear-gradient(115deg,rgba(39,132,217,.42),rgba(22,140,164,.2) 72%,rgba(82,213,147,.28)) border-box;
  box-shadow:inset 0 1px 0 rgba(107,180,241,.035),8px 12px 36px -34px rgba(82,213,147,.22);
}
.row{padding:12px 15px;font-size:12px;border-bottom-color:rgba(47,81,113,.29);background:rgba(5,10,17,.72)}
.row:hover:not(.head){background:linear-gradient(90deg,rgba(7,69,130,.09),rgba(5,10,17,.78))}
.row.head{font-size:9.5px;color:#748397;background:#050a11}
.tok{color:#e3ebf3}
.watch .note{font-size:11.5px;line-height:1.55;color:#98a6b6}
.sig{font-size:9.5px}
.sig.warm{color:var(--blue-bright)}
.sig.caution{color:var(--green-mint);text-shadow:0 0 9px rgba(82,213,147,.12)}

.journal{gap:17px}
.entry{
  position:relative;
  padding:20px 22px 22px;
  border:1px solid transparent;
  background:
    radial-gradient(ellipse at 92% 8%,rgba(28,136,98,.035),transparent 38%) padding-box,
    linear-gradient(145deg,rgba(7,14,22,.94),rgba(4,9,15,.97)) padding-box,
    linear-gradient(115deg,rgba(7,136,255,.54),rgba(22,140,164,.16) 72%,rgba(82,213,147,.2)) border-box;
  box-shadow:inset 0 1px 0 rgba(104,177,238,.035),-8px 16px 40px -36px rgba(7,136,255,.28),10px 16px 40px -38px rgba(82,213,147,.18);
}
.entry::before{
  content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:2px;
  background:linear-gradient(180deg,var(--blue-electric),var(--blue-green) 70%,var(--green-mint));
  box-shadow:0 0 9px rgba(7,136,255,.17);
}
.entry-meta{margin-bottom:12px;font-size:9.5px;color:#748397}
.entry-meta time{color:#758f8c}
.entry-no{
  color:var(--blue-bright);background:var(--gradient-blue-soft);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.entry-title{margin-bottom:13px;font-size:16px;color:#e7eef5}
.entry-body p{font-size:13px;line-height:1.86;color:#aebbc9;margin-bottom:11px}

.empty{
  padding:28px 18px;
  border-color:rgba(54,119,173,.45);
  background:
    radial-gradient(ellipse at 78% 50%,rgba(28,136,98,.04),transparent 42%),
    linear-gradient(145deg,rgba(7,14,22,.9),rgba(3,8,13,.96));
  color:var(--blue-bright);font-size:13px;
  box-shadow:inset 0 1px 0 rgba(109,181,241,.035),9px 16px 42px -40px rgba(82,213,147,.24);
}
.empty{border-image:linear-gradient(105deg,rgba(7,136,255,.55),rgba(22,140,164,.3),rgba(82,213,147,.36)) 1}
.empty-sub{border-image:none}
.empty-sub{font-size:11px;line-height:1.65;color:#8190a2}

.foot{position:relative;margin-top:47px;padding:30px 0;font-size:11px;color:#79889b;border-top:0}
.foot::before{top:0}
.foot-logo{width:34px;height:34px;opacity:.82;box-shadow:-4px 0 21px rgba(7,136,255,.12),5px 0 22px rgba(82,213,147,.045)}
.fine{font-size:9.5px;opacity:.72}

.panel:nth-of-type(odd) .panel-head h2,
.panel:nth-of-type(odd) .entry-no{
  background-image:linear-gradient(105deg,var(--blue-bright) 0%,var(--blue-green) 72%,var(--green-mint) 100%);
}

@media(min-width:1600px){
  :root{--max:1080px}
  body{font-size:14.5px}
  .intro{padding-top:54px;padding-bottom:42px}
  .intro h1{font-size:39px}
  .intro-lead{font-size:16px;max-width:820px}
  .nest-frame{max-width:650px}
}

@media(max-width:760px){
  :root{--max:100%}
  body{font-size:13.5px;line-height:1.66}
  .hdr,.ca-bar,.nav,main,.foot{width:calc(100% - 28px)}
  .hdr{min-height:72px;padding-top:13px}
  .hdr-logo{width:36px;height:36px}
  .hdr-x{width:24px;height:24px}
  .nav{gap:17px;font-size:9.5px}
  .nav a.on::after,.nav a:hover::after{bottom:-12px}
  .intro{padding-top:36px;padding-bottom:32px}
  .hero-identity{margin-bottom:24px}
  .hero-logo{width:58px;height:58px}
  .intro h1{font-size:29px;line-height:1.15}
  .intro-lead{font-size:13.5px;line-height:1.82}
  .intro-note{font-size:11.5px;line-height:1.68}
  .strip{gap:20px;padding:25px 4px 27px}
  .kv b,.strip-col.right .kv b{font-size:12.5px}
  .nest{padding-top:38px}
  .nest-frame{padding:23px 19px 22px}
  .nest-warn{font-size:10.5px}
  .panel{padding:31px 0}
  .panel-head h2{font-size:10.5px}
  .panel-head span,.panel-note{font-size:10.5px}
  .entry{padding:18px 17px 20px}
  .entry-title{font-size:15px}
  .entry-body p{font-size:12.5px;line-height:1.82}
}

@media(max-width:430px){
  .hdr,.ca-bar,.nav,main,.foot{width:calc(100% - 22px)}
  .hdr-name{font-size:14px}
  .hdr-x{margin-left:auto}
  .intro h1{font-size:27px}
  .intro-lead{font-size:13.25px}
  .hero-id-meta{font-size:9px}
  .hero-id-meta b{font-size:10px}
  .intro-facts span{font-size:8.5px}
  .life-pct,.pending-lg{font-size:17px}
  .creed{font-size:11.5px}
}
