:root{
  color-scheme:dark;
  --aeom-void:#010605;
  --aeom-black:#020a08;
  --aeom-deep:#04140f;
  --aeom-panel:#061914;
  --aeom-panel-2:#08211a;
  --aeom-panel-3:#0a291f;
  --aeom-line:#13533a;
  --aeom-line-hi:#1d8054;
  --aeom-line-soft:#0b3425;
  --aeom-text:#f5fff8;
  --aeom-muted:#93b7a3;
  --aeom-dim:#5d806d;
  --aeom-green:#2cff9b;
  --aeom-mint:#a0ffc4;
  --aeom-emerald:#08c876;
  --aeom-teal:#1ad7b2;
  --aeom-gold:#f3cb68;
  --aeom-amber:#e9a947;
  --aeom-danger:#ff7378;
  --aeom-blue:#58d9f2;
  --aeom-radius:14px;
  --aeom-radius-lg:18px;
  --aeom-shadow:0 26px 80px rgba(0,0,0,.55);
  --aeom-shadow-soft:0 16px 45px rgba(0,0,0,.34);
  --aeom-glow:0 0 34px rgba(44,255,155,.20);
  --aeom-glow-gold:0 0 28px rgba(243,203,104,.16);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{background:var(--aeom-void);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:
radial-gradient(1100px 620px at 72% -15%,rgba(14,78,53,.38) 0,transparent 64%),
radial-gradient(780px 520px at 100% 60%,rgba(4,72,49,.22) 0,transparent 68%),
linear-gradient(180deg,#010706,#030c09 54%,#010504);
color:var(--aeom-text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:
linear-gradient(rgba(44,255,155,.028) 1px,transparent 1px),
linear-gradient(90deg,rgba(44,255,155,.028) 1px,transparent 1px);
background-size:48px 48px;mask-image:linear-gradient(to bottom,#000b,transparent 83%);z-index:-1}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
radial-gradient(circle at 24% 16%,rgba(243,203,104,.045),transparent 18%),
radial-gradient(circle at 78% 38%,rgba(44,255,155,.06),transparent 22%)}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--aeom-green);outline-offset:2px}
::selection{background:rgba(44,255,155,.22);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#02100b}
::-webkit-scrollbar-thumb{background:#175b3c;border:2px solid #02100b;border-radius:10px}
.hidden{display:none!important}
.aeom-glass{background:linear-gradient(180deg,rgba(10,32,24,.94),rgba(4,15,11,.95));border:1px solid var(--aeom-line);box-shadow:inset 0 1px rgba(255,255,255,.035),var(--aeom-shadow);backdrop-filter:blur(20px)}
.aeom-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--aeom-line);background:#071611;padding:6px 9px;border-radius:999px;color:var(--aeom-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.aeom-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--aeom-green);box-shadow:0 0 14px rgba(44,255,155,.65)}
.aeom-dot.warn{background:var(--aeom-amber);box-shadow:0 0 13px rgba(233,169,71,.58)}
.aeom-dot.bad{background:var(--aeom-danger);box-shadow:0 0 13px rgba(255,115,120,.58)}
.brand-logo-full{display:block;object-fit:contain}
.brand-mark{display:inline-block;background:url('/assets/brand/aeom-mark-r2.svg') center/contain no-repeat}
.aeom-kicker{font-size:10px;font-weight:850;letter-spacing:.2em;color:var(--aeom-green);text-transform:uppercase}
.status-good{color:var(--aeom-green)!important}
.status-warn{color:var(--aeom-gold)!important}
.status-bad{color:var(--aeom-danger)!important}

/* AETERNA R3.1 DELUXE — full-surface polish layer
   One consolidated visual patch to avoid deploy spam while Vercel build-rate is constrained. */
:root{
  --aeom-lime:#b9ff73;
  --aeom-cream:#f5efd9;
  --aeom-glass-line:rgba(100,255,174,.22);
  --aeom-glass-line-hi:rgba(100,255,174,.48);
  --aeom-gold-line:rgba(243,203,104,.46);
  --aeom-card-hi:rgba(9,34,25,.98);
  --aeom-card-lo:rgba(3,15,11,.98);
}
html body{background-color:#010605}
html body .panel,
html body .dash-panel,
html body .vital-card,
html body .metric,
html body .command,
html body .growth-stage-card,
html body .data-row,
html body .commandment,
html body .resource-stat,
html body .plugin,
html body .source-card,
html body .audit{
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease,filter .22s ease
}
html body .panel:hover,
html body .dash-panel:hover{border-color:rgba(54,173,112,.62)}
html body .vital-card:hover,
html body .metric:hover,
html body .command:hover,
html body .growth-stage-card:hover,
html body .resource-stat:hover,
html body .plugin:hover,
html body .source-card:hover{
  transform:translateY(-1px);
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 16px 36px rgba(0,0,0,.24),0 0 24px rgba(44,255,155,.035)
}

/* Fine ambient texture */
html body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.34;
  background:
    radial-gradient(circle at 73% 13%,rgba(45,255,157,.08),transparent 16%),
    radial-gradient(circle at 37% 76%,rgba(243,203,104,.035),transparent 18%),
    linear-gradient(115deg,transparent 0 44%,rgba(44,255,155,.018) 50%,transparent 56% 100%);
  background-size:auto,auto,520px 520px
}

/* COMMAND / APP chrome */
html body .sidebar{
  border-right-color:rgba(49,183,118,.24)!important;
  box-shadow:20px 0 70px rgba(0,0,0,.25)!important
}
html body .sidebar .brand img,
html body .control-brand img{
  filter:drop-shadow(0 0 16px rgba(44,255,155,.10)) drop-shadow(0 5px 18px rgba(0,0,0,.5))
}
html body .nav-btn,
html body .control-sidebar nav a{
  letter-spacing:.01em
}
html body .nav-btn.active,
html body .control-sidebar nav a.active{
  box-shadow:inset 3px 0 var(--aeom-green),inset 0 1px rgba(255,255,255,.03),0 0 28px rgba(44,255,155,.055)!important
}
html body .nav-btn.active:after{
  content:"";
  width:5px;height:5px;border-radius:50%;
  background:var(--aeom-green);
  box-shadow:0 0 10px rgba(44,255,155,.85);
  position:absolute;right:9px
}
html body .nav-btn{position:relative}
html body .system-card,
html body .control-system{
  backdrop-filter:blur(14px)
}
html body .status-row,
html body .control-system>div{position:relative}
html body .status-row:before,
html body .control-system>div:before{
  content:"";
  position:absolute;left:0;bottom:-1px;width:32%;height:1px;
  background:linear-gradient(90deg,rgba(44,255,155,.16),transparent)
}
html body .topbar{
  backdrop-filter:blur(20px) saturate(115%);
  border-color:rgba(49,154,103,.44)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 20px 50px rgba(0,0,0,.19)!important
}
html body .quick-command,
html body .control-search{position:relative;overflow:hidden}
html body .quick-command:before,
html body .control-search:before{
  content:"";
  position:absolute;inset:0 auto 0 0;width:80px;
  background:linear-gradient(90deg,rgba(44,255,155,.035),transparent);
  pointer-events:none
}
html body .owner-badge,
html body .owner-chip{
  box-shadow:inset 0 0 18px rgba(44,255,155,.04),0 0 16px rgba(44,255,155,.025)
}

/* Hero glass chamber refinement */
html body .genesis-hero{
  box-shadow:inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(44,255,155,.04),0 28px 70px rgba(0,0,0,.36)!important
}
html body .genesis-hero .genesis-copy{
  filter:drop-shadow(0 5px 24px rgba(0,0,0,.22))
}
html body .genesis-copy h1{
  color:#f6fff9!important;
  text-shadow:0 2px 22px rgba(0,0,0,.72),0 0 38px rgba(44,255,155,.028)!important
}
html body .genesis-copy p{color:#c6dbcf!important}
html body .genesis-core:after{
  content:"";
  position:absolute;
  width:68%;height:22px;bottom:42px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(44,255,155,.22),rgba(44,255,155,.045) 45%,transparent 72%);
  filter:blur(7px);
  z-index:1
}
html body #organism{filter:drop-shadow(0 28px 42px rgba(0,0,0,.74)) drop-shadow(0 0 16px rgba(44,255,155,.07))!important}
html body .hero-cta{
  letter-spacing:.04em;
  text-transform:none;
  box-shadow:inset 0 1px rgba(255,245,210,.08),0 10px 26px rgba(0,0,0,.20),0 0 28px rgba(243,203,104,.05)!important
}
html body .hero-cta:hover{
  box-shadow:inset 0 1px rgba(255,245,210,.11),0 12px 30px rgba(0,0,0,.26),0 0 34px rgba(243,203,104,.09)!important
}
html body .stage-track{padding-bottom:15px!important}
html body .stage-node:after{text-shadow:0 1px 7px rgba(0,0,0,.8)}
html body .score-sigil{animation:deluxeSigil 3.8s ease-in-out infinite}

/* Vitals become information instruments, not generic cards */
html body .vital-card{
  backdrop-filter:blur(12px);
  border-color:rgba(33,121,81,.58)!important
}
html body .vital-card:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(118deg,rgba(255,255,255,.018),transparent 35%);
  pointer-events:none
}
html body .vital-card:after{
  content:"";
  position:absolute;right:0;bottom:0;width:42%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(44,255,155,.32))
}
html body .memory-card:after{background:linear-gradient(90deg,transparent,rgba(243,203,104,.30))}
html body .vital-icon{
  box-shadow:inset 0 0 24px rgba(44,255,155,.035),0 8px 22px rgba(0,0,0,.2),0 0 19px rgba(44,255,155,.035)!important
}
html body .vital-card b i{font-variant-numeric:tabular-nums}
html body .meter{box-shadow:inset 0 1px 2px rgba(0,0,0,.55)}
html body .meter u{position:relative}
html body .meter u:after{
  content:"";position:absolute;right:0;top:-2px;width:4px;height:9px;border-radius:50%;
  background:#dffff0;box-shadow:0 0 9px rgba(44,255,155,.8)
}
html body .meter.amber u:after{background:#fff0b8;box-shadow:0 0 9px rgba(243,203,104,.75)}
html body .boundary{
  box-shadow:inset 0 1px rgba(255,235,171,.035),0 12px 25px rgba(0,0,0,.18)!important
}
html body .boundary-icon{box-shadow:inset 0 0 16px rgba(243,203,104,.04),0 0 14px rgba(243,203,104,.03)}

/* Console deluxe */
html body .console{
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 24px 58px rgba(0,0,0,.28)!important
}
html body .console-head{
  background:
    linear-gradient(90deg,rgba(44,255,155,.025),transparent 26%),
    linear-gradient(180deg,rgba(5,24,18,.98),rgba(3,16,12,.97))!important
}
html body .live-dot{animation:deluxePulse 2.1s ease-in-out infinite}
html body .messages{
  background:
    linear-gradient(180deg,rgba(1,13,10,.66),rgba(1,9,7,.68)),
    url('/assets/ui/genesis-terrain.svg') center bottom/cover no-repeat!important
}
html body .messages:after{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(44,255,155,.025) 1px,transparent 1px),
    linear-gradient(rgba(44,255,155,.018) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(transparent 20%,#000 100%);
  opacity:.45
}
html body .message{position:relative;z-index:1}
html body .message>div:last-child{
  backdrop-filter:blur(10px);
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 25px rgba(0,0,0,.15)
}
html body .message.assistant>div:last-child{border-left:2px solid rgba(44,255,155,.36)!important}
html body .message.user>div:last-child{border-right:2px solid rgba(243,203,104,.34)!important}
html body .prompt-shell{
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 22px rgba(44,255,155,.025)
}
html body .prompt-shell:focus-within{
  border-color:#35d98d!important;
  box-shadow:0 0 0 3px rgba(44,255,155,.045),0 0 28px rgba(44,255,155,.05)
}
html body .primary{
  background:linear-gradient(180deg,#72ffad 0%,#39e88c 44%,#20bd71 100%)!important;
  border-color:#9effc2!important;
  color:#011108!important;
  text-shadow:0 1px rgba(255,255,255,.18);
  box-shadow:inset 0 1px rgba(255,255,255,.32),0 10px 25px rgba(0,0,0,.18),0 0 22px rgba(44,255,155,.09)!important
}
html body .prompt-suggestions button:hover{background:#09251a!important;transform:translateY(-1px)}

/* Secondary app surfaces */
html body .section-title{
  padding:12px 14px 13px;
  border:1px solid rgba(25,95,66,.42);
  border-radius:12px;
  background:
    linear-gradient(90deg,rgba(44,255,155,.026),transparent 36%),
    linear-gradient(180deg,rgba(5,21,16,.72),rgba(3,14,11,.78));
  box-shadow:inset 0 1px rgba(255,255,255,.02),0 14px 36px rgba(0,0,0,.15)
}
html body .section-title h1{
  color:#f7fff9;
  font-size:36px!important;
  font-weight:720;
  text-shadow:0 2px 18px rgba(0,0,0,.55)
}
html body .growth-visual{
  min-height:292px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 24px 60px rgba(0,0,0,.3)!important
}
html body .growth-organism:before{
  content:"";position:absolute;width:232px;height:232px;border-radius:50%;
  background:radial-gradient(circle,rgba(44,255,155,.08),transparent 70%);
  filter:blur(6px)
}
html body .growth-organism img{filter:drop-shadow(0 21px 35px rgba(0,0,0,.72)) drop-shadow(0 0 13px rgba(44,255,155,.06))!important}
html body .growth-spark{background:linear-gradient(90deg,rgba(44,255,155,.015),transparent)}
html body .growth-stage-card{position:relative;overflow:hidden}
html body .growth-stage-card:before{
  content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#173f2d
}
html body .growth-stage-card.done:before{background:#c3a745}
html body .growth-stage-card.active:before{background:#2cff9b;box-shadow:0 0 12px #2cff9b}
html body .principle-card{
  background:
    linear-gradient(180deg,rgba(7,25,18,.96),rgba(3,14,10,.98)),
    url('/assets/ui/genesis-terrain.svg') center bottom/cover no-repeat!important
}
html body .lock-list span{position:relative;padding-left:27px!important}
html body .lock-list span:before{
  content:"✓";position:absolute;left:9px;color:var(--aeom-green);font-weight:900
}

/* Memory / Audit */
html body .data-toolbar{
  padding:11px 13px!important;
  background:linear-gradient(180deg,rgba(5,22,16,.92),rgba(3,15,11,.94))
}
html body .filter-group button,
html body .tag{
  backdrop-filter:blur(8px)
}
html body .filter-group button.active{
  border-color:#2b9c65!important;
  background:linear-gradient(180deg,#0d3021,#082219)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 0 16px rgba(44,255,155,.035)
}
html body .data-toolbar input{
  border-color:#19553a!important;
  background:#03110d!important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.25)
}
html body .data-toolbar input:focus{border-color:#34d98c!important;outline:none;box-shadow:0 0 0 3px rgba(44,255,155,.04)}
html body .data-list{background:
  linear-gradient(180deg,rgba(3,16,12,.78),rgba(2,11,8,.92)),
  radial-gradient(circle at 90% 20%,rgba(44,255,155,.035),transparent 24%)}
html body .data-row{
  margin:7px 0;
  padding:12px 13px!important;
  border:1px solid rgba(20,68,48,.72)!important;
  border-radius:9px;
  background:linear-gradient(180deg,rgba(6,24,18,.74),rgba(3,16,12,.78))
}
html body .data-row:hover{border-color:rgba(35,126,83,.78)!important;background:linear-gradient(180deg,rgba(8,31,23,.82),rgba(4,20,15,.84))}
html body .data-row p{font-size:11px!important;color:#abc5b6!important}
html body .data-row .tag{background:#061a12}

/* Constitution */
html body .constitution{
  background:
    linear-gradient(180deg,rgba(4,18,13,.94),rgba(2,11,8,.98)),
    url('/assets/ui/genesis-terrain.svg') center bottom/cover no-repeat!important
}
html body .constitution-summary{
  background:linear-gradient(180deg,rgba(4,19,14,.92),rgba(3,14,11,.92));
  border-bottom:1px solid rgba(29,91,64,.4)
}
html body .constitution-summary>div{
  border-color:rgba(31,99,69,.58)!important;
  background:linear-gradient(180deg,#071a13,#04120e)!important;
  position:relative;overflow:hidden
}
html body .constitution-summary>div:after{
  content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(44,255,155,.35),transparent)
}
html body .constitution-summary>div:first-child b{color:var(--aeom-green)}
html body .constitution-summary>div:last-child b{color:var(--aeom-gold)}
html body .commandment{
  border-color:rgba(22,70,50,.78)!important;
  background:linear-gradient(180deg,rgba(6,23,17,.88),rgba(3,15,11,.9))!important
}
html body .commandment:hover{border-color:rgba(42,127,87,.82)!important;transform:translateY(-1px)}
html body .commandment.zero{
  border-color:rgba(137,103,37,.75)!important;
  background:linear-gradient(180deg,rgba(37,27,9,.82),rgba(16,14,7,.9))!important;
  box-shadow:0 0 34px rgba(243,203,104,.035)
}

/* Auth = first impression */
html body .auth-gate,
html body .password-setup{
  background:
    linear-gradient(180deg,rgba(1,8,6,.16),rgba(1,7,5,.72)),
    url('/assets/ui/genesis-terrain.svg') center bottom/cover no-repeat,
    radial-gradient(700px 540px at 50% 37%,#0a3926 0,#04110d 48%,#010605 100%)!important
}
html body .auth-gate:after,
html body .password-setup:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 39%,rgba(44,255,155,.07),transparent 22%)
}
html body .auth-card,
html body .setup-card{
  border-color:rgba(44,156,101,.62)!important;
  background:linear-gradient(180deg,rgba(4,21,16,.91),rgba(2,13,10,.94))!important;
  backdrop-filter:blur(18px) saturate(115%);
  box-shadow:0 38px 120px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.035)!important
}
html body .auth-card:before,
html body .setup-card:before{
  content:"";position:absolute;left:12%;right:12%;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(121,255,183,.7),transparent)
}
html body .auth-core-orbit{animation:aeomOrbit 28s linear infinite}
html body .auth-card input,
html body .setup-card input{
  background:rgba(1,11,8,.88)!important;
  border-color:#1a563b!important
}
html body .auth-card input:focus,
html body .setup-card input:focus{
  border-color:#36de90!important;
  outline:none;
  box-shadow:0 0 0 3px rgba(44,255,155,.045)
}

/* TOTAL CONTROL — observability cockpit */
html body .control-app{
  background:
    radial-gradient(900px 520px at 72% 0,rgba(13,67,46,.22),transparent 64%),
    linear-gradient(180deg,#010706,#020a08 56%,#010605)!important
}
html body .control-sidebar{
  background:
    linear-gradient(180deg,rgba(2,14,10,.985),rgba(1,9,7,.98)),
    url('/assets/ui/genesis-terrain.svg') center bottom/auto 54% no-repeat!important;
  border-right-color:rgba(45,153,101,.34)!important;
  box-shadow:18px 0 58px rgba(0,0,0,.24)
}
html body .control-main{padding-top:11px!important}
html body .control-top{
  padding:12px 14px;
  border:1px solid rgba(30,103,72,.48);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(5,22,16,.88),rgba(2,14,10,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 45px rgba(0,0,0,.16)
}
html body .control-title h1{
  color:#f5fff8;
  font-size:clamp(28px,3vw,46px)!important;
  font-weight:760;
  letter-spacing:.035em!important;
  text-shadow:0 2px 20px rgba(0,0,0,.65)
}
html body .control-title p{color:#8dac9b!important;letter-spacing:.03em}
html body .status-strip{
  border-radius:8px;
  overflow:hidden;
  border:1px solid rgba(25,82,58,.52);
  background:#03110d
}
html body .operator-status{margin:0!important;border:0!important;background:transparent!important}
html body .metrics{gap:8px!important}
html body .metric{
  position:relative;overflow:hidden;
  border-color:rgba(27,92,64,.68)!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(44,255,155,.045),transparent 25%),
    linear-gradient(180deg,rgba(7,27,20,.96),rgba(3,16,12,.98))!important
}
html body .metric:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(44,255,155,.25),transparent)
}
html body .metric-icon{
  border-color:#228158!important;
  background:linear-gradient(180deg,#0a2e20,#061b13)!important;
  box-shadow:inset 0 0 17px rgba(44,255,155,.035),0 0 16px rgba(44,255,155,.03)
}
html body .metric-copy b{font-variant-numeric:tabular-nums}
html body .dash-panel{
  border-color:rgba(24,85,60,.72)!important;
  background:
    linear-gradient(180deg,rgba(6,24,18,.96),rgba(3,14,11,.975))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 45px rgba(0,0,0,.22)!important
}
html body .telemetry-panel{
  background:
    linear-gradient(180deg,rgba(5,24,18,.94),rgba(2,14,10,.965)),
    url('/assets/ui/genesis-terrain.svg') center bottom/cover no-repeat!important
}
html body .telemetry-chart{
  position:relative;overflow:hidden;
  border-color:rgba(23,84,58,.72)!important;
  background:linear-gradient(180deg,rgba(5,22,16,.80),rgba(2,13,10,.86))!important
}
html body .telemetry-chart:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(rgba(44,255,155,.025) 1px,transparent 1px);
  background-size:100% 23px
}
html body .spark-line{filter:drop-shadow(0 0 4px rgba(44,255,155,.34))}
html body .command{
  min-height:154px!important;
  border-color:rgba(23,80,55,.72)!important;
  background:linear-gradient(180deg,rgba(6,24,17,.94),rgba(3,15,11,.96))!important
}
html body .command-icon{
  border-radius:10px!important;
  background:linear-gradient(180deg,#0b3021,#071b14)!important;
  box-shadow:inset 0 0 18px rgba(44,255,155,.035),0 0 20px rgba(44,255,155,.035)!important
}
html body .command.warn{border-color:rgba(114,84,31,.66)!important;background:linear-gradient(180deg,rgba(26,21,9,.90),rgba(9,15,10,.96))!important}
html body .command.cyan{border-color:rgba(34,102,121,.62)!important}
html body .panel-head{position:relative}
html body .panel-head:after{
  content:"";position:absolute;left:0;bottom:-7px;width:72px;height:1px;
  background:linear-gradient(90deg,rgba(44,255,155,.38),transparent)
}
html body .row{
  border-bottom-color:rgba(18,57,41,.72)!important;
  padding:8px 1px!important
}
html body .row:hover{background:linear-gradient(90deg,rgba(44,255,155,.018),transparent)}
html body .resource-stat{
  border-color:rgba(22,69,49,.75)!important;
  background:linear-gradient(180deg,rgba(6,23,17,.88),rgba(3,15,11,.9))!important
}
html body .resource-stat i:before{box-shadow:0 0 10px rgba(44,255,155,.22)}
html body .plugin,
html body .source-card{
  border-color:rgba(22,69,49,.72)!important;
  background:linear-gradient(180deg,rgba(6,23,17,.88),rgba(3,15,11,.91))!important
}
html body .audit{
  border-color:rgba(20,62,45,.72)!important;
  background:linear-gradient(180deg,rgba(6,22,17,.84),rgba(3,14,11,.9))!important;
  position:relative;overflow:hidden
}
html body .audit:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#1a6545}
html body .diag{
  border-color:rgba(24,77,55,.72)!important;
  background:linear-gradient(180deg,rgba(6,23,17,.88),rgba(3,15,11,.91))!important
}
html body .diag.ok i{box-shadow:0 0 12px rgba(44,255,155,.72)}
html body .btn{
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 6px 16px rgba(0,0,0,.12)
}
html body .btn:hover{background:#09231a!important;transform:translateY(-1px)}
html body .btn.good:hover{box-shadow:0 0 18px rgba(44,255,155,.055)}
html body .pill.live{box-shadow:0 0 16px rgba(44,255,155,.055)}

/* Large-screen density and mobile finish */
@media(min-width:1550px){
  html body main{padding-left:20px!important;padding-right:20px!important}
  html body .genesis-hero{min-height:510px!important}
  html body .messages{height:320px!important}
  html body .vital-card{min-height:121px!important}
}
@media(max-width:900px){
  html body .sidebar,
  html body .control-sidebar{box-shadow:0 16px 45px rgba(0,0,0,.22)!important}
  html body .section-title{padding:10px 11px}
  html body .control-top{border-radius:9px}
}
@media(max-width:620px){
  html body .section-title h1{font-size:30px!important}
  html body .data-row{padding:10px!important}
  html body .constitution-summary>div{min-height:68px}
  html body .hero-cta{width:100%;justify-content:center}
  html body .vital-spark{opacity:.35!important}
}

/* Motion discipline */
@keyframes deluxePulse{0%,100%{opacity:.72;box-shadow:0 0 9px rgba(44,255,155,.52)}50%{opacity:1;box-shadow:0 0 18px rgba(44,255,155,.92)}}
@keyframes deluxeSigil{0%,100%{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){
  html body *,html body *:before,html body *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* AETERNA R3.2 PRECISION — interaction, accessibility, responsiveness, data-viz polish */
html{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
html body button,html body a,html body input,html body textarea,html body select{touch-action:manipulation}
html body button,html body a{transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease}
html body button:active,html body a:active{transform:translateY(1px) scale(.995)}
html body :is(button,a,input,textarea,select):focus-visible{
  outline:2px solid rgba(94,255,167,.92)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 4px rgba(44,255,155,.07)!important
}
html body :is(.panel,.dash-panel,.growth-stage-card,.commandment,.metric,.command,.resource-stat,.plugin,.source-card,.audit):focus-within{
  border-color:rgba(74,218,143,.72)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 0 0 2px rgba(44,255,155,.035),0 18px 44px rgba(0,0,0,.24)!important
}

/* Sticky working chrome */
@media(min-width:901px){
  html body .topbar{
    position:sticky!important;
    top:8px;
    z-index:20;
    isolation:isolate
  }
  html body .control-top{
    position:sticky;
    top:8px;
    z-index:20;
    backdrop-filter:blur(22px) saturate(120%)
  }
  html body .control-top:before,
  html body .topbar:before{
    content:"";
    position:absolute;
    inset:-9px -2px auto;
    height:9px;
    background:#010706;
    pointer-events:none
  }
}
html body [id]{scroll-margin-top:90px}

/* Brand hierarchy */
html body .aeom-kicker{
  text-shadow:0 0 16px rgba(44,255,155,.16)
}
html body .brand,
html body .control-brand{position:relative}
html body .brand:after,
html body .control-brand:after{
  content:"";
  position:absolute;
  left:8px;right:22%;
  bottom:7px;
  height:1px;
  background:linear-gradient(90deg,rgba(243,203,104,.42),rgba(44,255,155,.28),transparent)
}
html body .owner-badge,
html body .owner-chip{
  font-variant-numeric:tabular-nums;
  letter-spacing:.13em!important
}

/* Hero composition precision */
html body .genesis-hero{overflow:hidden}
html body .genesis-hero .genesis-copy:after{
  content:"";
  display:block;
  width:74px;
  height:1px;
  margin-top:18px;
  background:linear-gradient(90deg,rgba(243,203,104,.82),rgba(44,255,155,.48),transparent)
}
html body .genesis-core{
  perspective:900px
}
html body .core-halo{
  background:radial-gradient(circle,transparent 56%,rgba(44,255,155,.035) 66%,transparent 75%);
  filter:drop-shadow(0 0 20px rgba(44,255,155,.045))
}
html body .orbit-a{border-style:solid!important}
html body .orbit-b{border-style:dashed!important}
html body .orbit-c{
  background:radial-gradient(circle,rgba(44,255,155,.025),transparent 64%)
}
html body #organism{
  transform-origin:50% 62%;
  will-change:transform
}
html body .genesis-score{
  font-variant-numeric:tabular-nums
}
html body .genesis-score b{
  background:linear-gradient(180deg,#fff 15%,#dfffea 82%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent
}
html body .genesis-score small{
  display:inline-flex!important;
  align-items:center;
  gap:6px
}
html body .genesis-score small:before{
  content:"";
  width:5px;height:5px;border-radius:50%;
  background:var(--aeom-green);
  box-shadow:0 0 10px rgba(44,255,155,.75)
}

/* Live score rings driven by --vital-score from app.js */
html body .vital-icon{position:relative;isolation:isolate}
html body .vital-icon:before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:13px;
  padding:1px;
  background:conic-gradient(from -90deg,var(--aeom-green) calc(var(--vital-score,0) * 1%),rgba(44,255,155,.08) 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.52;
  z-index:-1
}
html body .memory-card .vital-icon:before,
html body .autonomy-card .vital-icon:before{
  background:conic-gradient(from -90deg,var(--aeom-gold) calc(var(--vital-score,0) * 1%),rgba(243,203,104,.08) 0)
}
html body .vital-spark path{
  stroke-dasharray:140;
  stroke-dashoffset:140;
  animation:vitalDraw 1.4s cubic-bezier(.2,.8,.2,1) forwards
}
html body .vital-card:hover .vital-spark{opacity:.82!important}
html body .vital-card:hover .vital-icon{
  filter:brightness(1.08)
}

/* Better information density in console */
html body .console-head{
  backdrop-filter:blur(12px)
}
html body .console-head>div:first-child span:not(.live-dot){
  white-space:nowrap
}
html body .messages{
  scrollbar-gutter:stable;
  overscroll-behavior:contain
}
html body .message.pending>div:last-child{
  position:relative;
  overflow:hidden;
  border-color:rgba(50,166,108,.5)!important
}
html body .message.pending>div:last-child:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent 15%,rgba(101,255,174,.05) 45%,transparent 75%);
  transform:translateX(-120%);
  animation:aeomShimmer 1.65s ease-in-out infinite
}
html body .message small{
  font-weight:800;
  letter-spacing:.12em!important
}
html body .prompt-suggestions{
  scrollbar-width:thin;
  scroll-snap-type:x proximity
}
html body .prompt-suggestions button{scroll-snap-align:start}
html body .composer textarea::placeholder,
html body .quick-command input::placeholder,
html body .data-toolbar input::placeholder,
html body .control-search input::placeholder{color:#6f917f!important}

/* Growth visualization becomes a coherent instrument */
html body .growth-stage-grid{
  counter-reset:stage;
}
html body .growth-stage-card{
  min-width:0;
  box-shadow:inset 0 1px rgba(255,255,255,.018)
}
html body .growth-stage-card b{
  line-height:1.25
}
html body .growth-stage-card span{
  line-height:1.45
}
html body .growth-stage-card.active{
  background:
    radial-gradient(circle at 84% 12%,rgba(44,255,155,.075),transparent 28%),
    linear-gradient(180deg,#09261b,#061711)!important
}
html body .growth-stage-card.done{
  background:
    radial-gradient(circle at 85% 10%,rgba(243,203,104,.045),transparent 24%),
    linear-gradient(180deg,#081d15,#05140f)!important
}
html body .growth-live-metrics span{
  background:rgba(3,19,13,.72);
  backdrop-filter:blur(8px)
}
html body .growth-spark svg{
  overflow:visible
}
html body .growth-trend{
  stroke-linecap:round;
  stroke-linejoin:round
}
html body .timeline-row{
  transition:background .18s ease,padding .18s ease
}
html body .timeline-row:hover{
  background:linear-gradient(90deg,rgba(44,255,155,.022),transparent);
  padding-left:8px
}

/* Data surfaces */
html body .data-row-head{
  align-items:flex-start!important
}
html body .data-row-head b{
  color:#dff1e7
}
html body .data-row time{
  white-space:nowrap;
  font-variant-numeric:tabular-nums
}
html body .tag{
  background:rgba(4,20,14,.62);
  box-shadow:inset 0 1px rgba(255,255,255,.018)
}
html body .constitution-grid{
  align-items:stretch
}
html body .commandment{
  min-height:76px
}
html body .commandment b{
  font-variant-numeric:tabular-nums;
  line-height:1
}

/* Total Control: readable at a glance */
html body .control-app .metrics{
  grid-template-columns:repeat(6,minmax(0,1fr))!important
}
html body .control-app .metric{
  min-height:88px!important
}
html body .control-app .metric-copy span{
  letter-spacing:.11em!important
}
html body .control-app .metric-copy b{
  font-size:21px!important;
  letter-spacing:-.025em
}
html body .control-app .command-grid{
  grid-template-columns:repeat(auto-fit,minmax(158px,1fr))!important
}
html body .control-app .command{
  min-height:160px!important
}
html body .control-app .command b{
  font-size:11px!important;
  letter-spacing:.015em
}
html body .control-app .command small{
  font-size:8px!important;
  line-height:1.5!important
}
html body .control-app .dashboard-grid{
  align-items:start
}
html body .telemetry-grid{
  gap:8px!important
}
html body .telemetry-chart{
  min-height:145px
}
html body .telemetry-chart>span{
  letter-spacing:.09em;
  text-transform:uppercase
}
html body .telemetry-chart>b{
  font-variant-numeric:tabular-nums
}
html body .spark-area{
  opacity:.74
}
html body .spark-grid{
  stroke-dasharray:2 5
}
html body .control-app .row{
  min-height:42px
}
html body .control-app .row>b{
  line-height:1.35
}
html body .control-app .row>span{
  line-height:1.45
}
html body .resource-grid,
html body .plugin-grid{
  align-items:stretch
}
html body .resource-stat b{
  font-variant-numeric:tabular-nums
}
html body .chain-summary .statline{
  min-height:38px;
  align-items:center
}
html body .source-fields input{
  min-height:34px
}
html body .audit-grid{
  align-items:stretch
}
html body .audit{
  min-height:70px
}
html body .diag{
  min-height:58px
}

/* Touch / mobile: compact but not cramped */
@media(pointer:coarse){
  html body button,
  html body .nav-btn,
  html body .control-sidebar nav a,
  html body .ghost,
  html body .icon-btn,
  html body .btn{
    min-height:44px
  }
  html body input,
  html body textarea,
  html body select{font-size:16px}
}
@media(max-width:1320px){
  html body .control-app .metrics{
    grid-template-columns:repeat(3,minmax(0,1fr))!important
  }
}
@media(max-width:900px){
  html body .sidebar nav,
  html body .control-sidebar nav{
    display:flex!important;
    gap:6px!important;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding-bottom:5px;
    scrollbar-width:thin
  }
  html body .sidebar nav .nav-btn{
    min-width:142px;
    scroll-snap-align:start
  }
  html body .control-sidebar nav a{
    min-width:155px;
    scroll-snap-align:start;
    justify-content:flex-start
  }
  html body .control-nav{
    margin-top:0!important;
    border-top:0!important;
    padding-top:9px!important
  }
  html body .topbar,
  html body .control-top{position:relative!important;top:auto!important}
  html body [id]{scroll-margin-top:16px}
}
@media(max-width:620px){
  html body .sidebar nav .nav-btn{min-width:128px}
  html body .control-sidebar nav a{min-width:142px}
  html body .genesis-copy h1{font-size:clamp(44px,16vw,58px)!important}
  html body .genesis-copy p{font-size:12px!important}
  html body .stage-track{
    gap:4px!important
  }
  html body .stage-node:after{
    display:none
  }
  html body .vital-card{
    min-height:106px!important
  }
  html body .vital-icon{
    width:42px!important;height:42px!important
  }
  html body .console-head{
    align-items:flex-start!important;
    gap:8px;
    flex-wrap:wrap
  }
  html body .console-actions{
    width:100%;
    justify-content:flex-end
  }
  html body .prompt-suggestions{
    padding-bottom:10px!important
  }
  html body .control-app .metrics{
    grid-template-columns:1fr 1fr!important
  }
  html body .control-app .command-grid{
    grid-template-columns:1fr!important
  }
  html body .telemetry-grid{
    grid-template-columns:1fr!important
  }
}
@media(max-width:390px){
  html body .control-app .metrics{grid-template-columns:1fr!important}
  html body .constitution-summary{grid-template-columns:1fr!important}
}

/* animation budget: subtle, GPU-safe */
@keyframes vitalDraw{to{stroke-dashoffset:0}}
@keyframes aeomShimmer{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){
  html body .vital-spark path,
  html body .message.pending>div:last-child:after{animation:none!important}
}

/* AETERNA R4 INTERACTION — native product feedback layer */
.aeom-ui-root{position:relative;z-index:9999}
.aeom-toast-stack{
  position:fixed;right:18px;top:18px;
  width:min(390px,calc(100vw - 28px));
  display:grid;gap:9px;
  pointer-events:none;
  z-index:9999
}
.aeom-toast{
  display:grid;grid-template-columns:34px minmax(0,1fr) 24px;gap:10px;align-items:start;
  padding:11px 11px 11px 10px;
  border:1px solid rgba(45,130,90,.58);
  border-radius:11px;
  background:
    linear-gradient(180deg,rgba(7,28,21,.96),rgba(3,16,12,.98)),
    radial-gradient(circle at 92% 0,rgba(44,255,155,.06),transparent 28%);
  color:#eafff0;
  box-shadow:0 22px 60px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.03);
  backdrop-filter:blur(18px) saturate(125%);
  transform:translateY(-8px) scale(.985);
  opacity:0;
  pointer-events:auto;
  transition:opacity .18s ease,transform .18s ease,border-color .18s ease
}
.aeom-toast.visible{opacity:1;transform:translateY(0) scale(1)}
.aeom-toast.leaving{opacity:0;transform:translateY(-6px) scale(.985)}
.aeom-toast.success{border-color:rgba(44,214,133,.68)}
.aeom-toast.warning{border-color:rgba(225,178,72,.62);background:linear-gradient(180deg,rgba(30,25,11,.96),rgba(11,17,11,.98))}
.aeom-toast.error{border-color:rgba(255,104,112,.62);background:linear-gradient(180deg,rgba(32,14,16,.96),rgba(15,12,11,.98))}
.aeom-toast-icon{
  width:32px;height:32px;border-radius:9px;
  display:grid;place-items:center;
  border:1px solid rgba(44,255,155,.34);
  background:#08251a;color:#54f9a2;
  font-weight:900;font-size:15px;
  box-shadow:inset 0 0 18px rgba(44,255,155,.05),0 0 18px rgba(44,255,155,.04)
}
.aeom-toast.warning .aeom-toast-icon{border-color:rgba(243,203,104,.42);background:#251d0b;color:#f1ca68}
.aeom-toast.error .aeom-toast-icon{border-color:rgba(255,115,120,.4);background:#251013;color:#ff8f94}
.aeom-toast-copy b{display:block;font-size:9px;letter-spacing:.13em;color:#baf8d2;text-transform:uppercase;margin:1px 0 4px}
.aeom-toast-copy p{margin:0;font-size:11px;line-height:1.45;color:#d7e8de}
.aeom-toast-close{
  width:24px;height:24px;border:0;background:transparent;color:#739180;
  cursor:pointer;font-size:17px;display:grid;place-items:center;border-radius:6px
}
.aeom-toast-close:hover{color:#fff;background:rgba(255,255,255,.04)}

.aeom-network-banner{
  position:fixed;left:50%;top:13px;transform:translate(-50%,-18px);
  max-width:min(720px,calc(100vw - 30px));
  padding:8px 12px;
  border:1px solid rgba(243,203,104,.48);
  border-radius:999px;
  background:rgba(27,22,9,.94);
  color:#f0cf78;
  font-size:9px;font-weight:760;letter-spacing:.05em;text-align:center;
  box-shadow:0 12px 35px rgba(0,0,0,.38);
  opacity:0;pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
  z-index:9998
}
.aeom-network-banner.visible{opacity:1;transform:translate(-50%,0)}

.aeom-dialog-overlay{
  position:fixed;inset:0;
  display:grid;place-items:center;
  padding:20px;
  background:rgba(0,5,4,.72);
  backdrop-filter:blur(14px) saturate(105%);
  z-index:10000;
  opacity:0;
  transition:opacity .16s ease
}
.aeom-dialog-overlay.open{opacity:1}
.aeom-dialog-overlay.closing{opacity:0}
.aeom-dialog{
  width:min(520px,100%);
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:52px minmax(0,1fr);
  gap:0 14px;
  padding:18px;
  border:1px solid rgba(49,161,105,.62);
  border-radius:15px;
  background:
    linear-gradient(180deg,rgba(6,28,20,.985),rgba(2,14,10,.99)),
    radial-gradient(circle at 90% 0,rgba(44,255,155,.07),transparent 28%);
  box-shadow:0 42px 140px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.04);
  transform:translateY(10px) scale(.985);
  transition:transform .18s ease
}
.aeom-dialog-overlay.open .aeom-dialog{transform:translateY(0) scale(1)}
.aeom-dialog:before{
  content:"";position:absolute;left:12%;right:12%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(133,255,190,.72),transparent)
}
.aeom-dialog-sigil{
  grid-column:1;grid-row:1/4;
  width:46px;height:46px;border-radius:12px;
  display:grid;place-items:center;
  border:1px solid rgba(44,255,155,.42);
  background:linear-gradient(180deg,#0a3021,#061b14);
  color:#54f6a0;font-size:23px;
  box-shadow:inset 0 0 20px rgba(44,255,155,.04),0 0 25px rgba(44,255,155,.04)
}
.aeom-dialog-copy{grid-column:2}
.aeom-dialog-copy h2{margin:4px 0 5px;font-size:21px;letter-spacing:-.025em;color:#f7fff9}
.aeom-dialog-copy p{margin:0;color:#9db8a9;font-size:11px;line-height:1.55}
.aeom-dialog-input{grid-column:2;margin-top:14px}
.aeom-dialog-input input{
  width:100%;min-height:43px;
  border:1px solid #1d6747;
  border-radius:9px;
  background:#02110c;
  color:#fff;
  padding:9px 11px;
  outline:0
}
.aeom-dialog-input input:focus{border-color:#43e697;box-shadow:0 0 0 3px rgba(44,255,155,.045)}
.aeom-dialog-input input.invalid{border-color:#d95f67;animation:aeomNudge .22s ease}
.aeom-dialog-actions{
  grid-column:2;
  display:flex;justify-content:flex-end;gap:8px;
  margin-top:16px
}
.aeom-dialog-btn{
  min-height:39px;
  border-radius:8px;
  padding:8px 12px;
  cursor:pointer;
  font-weight:800;font-size:10px;
  letter-spacing:.02em
}
.aeom-dialog-btn.secondary{border:1px solid #20513a;background:#061711;color:#91b3a1}
.aeom-dialog-btn.primary{border:1px solid #83ffb8;background:linear-gradient(180deg,#61f79e,#2ac879);color:#021109}
.aeom-dialog-btn.primary.danger{border-color:#ff9ca0;background:linear-gradient(180deg,#db6c72,#9e3e45);color:#fff}
.aeom-dialog-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.aeom-busy{position:relative;cursor:progress!important}
.aeom-busy:after{
  content:"";width:11px;height:11px;border-radius:50%;
  border:1.5px solid currentColor;border-right-color:transparent;
  display:inline-block;margin-left:7px;vertical-align:-2px;
  animation:aeomSpin .7s linear infinite
}
html[data-network="offline"] .live-dot,
html[data-network="offline"] .aeom-dot{filter:saturate(.55);opacity:.75}
html[data-network="offline"] .quick-command,
html[data-network="offline"] .control-search{border-color:rgba(243,203,104,.38)!important}

@keyframes aeomSpin{to{transform:rotate(360deg)}}
@keyframes aeomNudge{0%,100%{transform:translateX(0)}33%{transform:translateX(-4px)}66%{transform:translateX(4px)}}
@media(max-width:620px){
  .aeom-toast-stack{right:8px;top:8px;width:calc(100vw - 16px)}
  .aeom-dialog-overlay{padding:10px}
  .aeom-dialog{grid-template-columns:42px minmax(0,1fr);padding:14px;gap:0 10px;border-radius:12px}
  .aeom-dialog-sigil{width:39px;height:39px;border-radius:10px;font-size:19px}
  .aeom-dialog-copy h2{font-size:18px}
  .aeom-dialog-actions{flex-direction:column-reverse}
  .aeom-dialog-btn{width:100%}
  .aeom-network-banner{top:8px;border-radius:9px;width:calc(100vw - 16px)}
}
@media(prefers-reduced-motion:reduce){
  .aeom-toast,.aeom-dialog-overlay,.aeom-dialog,.aeom-network-banner{transition:none!important}
  .aeom-busy:after{animation-duration:1.2s}
}


/* R4 Control search / discovery feedback */
.control-search-empty{
  display:none;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin:9px 0;
  padding:12px 13px;
  border:1px dashed rgba(48,132,91,.52);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(5,22,16,.82),rgba(3,14,11,.9));
  color:#8eb09e
}
.control-search-empty.visible{display:grid}
.control-search-empty>span{
  grid-row:1/3;
  width:40px;height:40px;
  display:grid;place-items:center;
  border:1px solid rgba(44,255,155,.24);
  border-radius:10px;
  background:#061b13;
  color:#53e99a;
  font-size:18px
}
.control-search-empty b{font-size:10px;color:#d5e9dd}
.control-search-empty small{font-size:8px;color:#6f8e7c;line-height:1.45}


/* AETERNA R4.1 — resilient interaction, truthful state, adaptive telemetry */
.cancel-chat{
  min-width:88px;
  border-color:rgba(243,203,104,.35)!important;
  color:#e6c66e!important;
  background:rgba(36,28,8,.54)!important
}
.cancel-chat:not(.hidden){display:inline-grid!important;place-items:center}
.message-meta{
  display:block;
  margin-top:7px;
  font-size:8px;
  line-height:1.4;
  letter-spacing:.055em;
  color:#5f8972;
  font-variant-numeric:tabular-nums
}
#modelBadge.fallback{
  border-color:rgba(243,203,104,.42)!important;
  color:#efcd72!important;
  background:rgba(35,27,8,.58)!important
}
.vital-card.is-low{
  border-color:rgba(232,177,73,.28)!important;
  background:
    radial-gradient(circle at 96% 0,rgba(243,203,104,.04),transparent 31%),
    linear-gradient(180deg,rgba(10,31,23,.92),rgba(5,20,15,.96))!important
}
.vital-card.is-critical{
  border-color:rgba(240,99,105,.42)!important;
  background:
    radial-gradient(circle at 96% 0,rgba(255,105,110,.055),transparent 31%),
    linear-gradient(180deg,rgba(31,14,16,.94),rgba(17,13,12,.97))!important
}
.vital-card.is-critical .vital-icon{
  border-color:rgba(255,125,130,.34)!important;
  color:#ff9b9f!important
}
[aria-busy="true"]{cursor:progress}
#app[aria-busy="true"] .vital-card,
#app[aria-busy="true"] .genesis-hero{border-color:rgba(53,125,89,.4)}
.control-stale .telemetry-chart{opacity:.72;filter:saturate(.72)}
.control-stale #streamState{box-shadow:none!important}
html[data-network="offline"] .send-btn,
html[data-network="offline"] [data-control],
html[data-network="offline"] [data-source-save],
html[data-network="offline"] [data-source-toggle]{filter:saturate(.5)}
@media(max-width:620px){
  .composer{grid-template-columns:minmax(0,1fr) auto!important}
  .cancel-chat{grid-column:1/-1;width:100%;order:3}
}