/* THOTH UIX GOD — Mercury material overrides. No blur/glass panels. */
body[data-ari="online"] #identity{ color:#dce3ea; text-shadow:0 0 12px rgba(255,255,255,.22); }
body[data-ari="offline"] #identity,body[data-ari="degraded"] #identity{ color:#a9a9a9; }

.topology{
  width:min(58rem,100vw)!important;
  max-height:100vh!important;
  min-height:100vh;
  border-radius:0!important;
  border:0!important;
  padding:max(7rem,calc(env(safe-area-inset-top) + 6rem)) 1rem max(6.7rem,calc(env(safe-area-inset-bottom) + 5.7rem))!important;
  background:
    radial-gradient(80% 55% at 50% 45%,rgba(var(--acc),.10),transparent 65%),
    linear-gradient(#020304,#000 70%)!important;
  box-shadow:none!important;
}
.t-head,.t-continuity{ position:relative; z-index:4; max-width:56rem; margin-left:auto; margin-right:auto; }
.t-close{ position:fixed!important; top:max(.75rem,env(safe-area-inset-top))!important; right:.75rem!important; z-index:30; background:linear-gradient(145deg,#f7f7f7,#1b1b1b 34%,#d4d4d4 52%,#060606 73%,#aaa)!important; color:#fff!important; border:0!important; }
.t-body{ position:relative; z-index:2; max-width:56rem; margin:0 auto; }

.uix-instrument-rail{
  position:fixed; left:0; right:0; bottom:0; z-index:24;
  display:grid; grid-template-columns:repeat(5,1fr); gap:5px;
  padding:7px 8px max(8px,env(safe-area-inset-bottom));
  background:radial-gradient(ellipse at 50% -20%,#fff 0,#777 8%,#111 23%,#e5e5e5 36%,#181818 52%,#bdbdbd 69%,#050505 84%,#777 100%);
  filter:contrast(1.4) brightness(.82);
}
.uix-dock-key{
  min-height:48px; border:0; color:white; cursor:pointer;
  border-radius:47% 53% 44% 56% / 51% 45% 55% 49%;
  background:linear-gradient(155deg,#fff 0,#444 12%,#e5e5e5 26%,#111 42%,#bdbdbd 58%,#030303 72%,#ececec 88%,#333 100%);
  box-shadow:inset 0 2px 5px #fff,inset 0 -5px 9px #000,0 3px 9px #000;
  font-size:.56rem; font-weight:800; letter-spacing:.11em;
}
.uix-dock-key:active{ transform:scale(.94) translateY(2px); }

.uix-horus-view{ position:relative; height:min(67vh,42rem); overflow:hidden; background:#000; }
.uix-camera-feed,.uix-camera-processing{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.uix-camera-processing{ pointer-events:none; }
.uix-reticle{ position:absolute; inset:18% 16%; pointer-events:none; }
.uix-reticle i{ position:absolute; width:2.2rem; height:2.2rem; border-color:rgba(255,255,255,.82); }
.uix-reticle i:nth-child(1){left:0;top:0;border-left:1px solid;border-top:1px solid}
.uix-reticle i:nth-child(2){right:0;top:0;border-right:1px solid;border-top:1px solid}
.uix-reticle i:nth-child(3){left:0;bottom:0;border-left:1px solid;border-bottom:1px solid}
.uix-reticle i:nth-child(4){right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}
.uix-camera-state{ position:absolute; top:1rem; left:50%; transform:translateX(-50%); font-size:.55rem; letter-spacing:.28em; color:#aaa; }
.uix-camera-state.ok{color:#fff}.uix-camera-state.fail{color:#bbb}
.uix-camera-readout{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:1px; background:#111; }
.uix-camera-readout span{ padding:.55rem; background:linear-gradient(#1b1b1b,#050505); font-size:.48rem; letter-spacing:.15em; color:#777; text-align:center; }
.uix-camera-readout strong{ display:block; color:#fff; margin-top:.2rem; font-size:.7rem; }
.uix-ev{ position:absolute; left:.55rem; top:24%; bottom:24%; width:2rem; display:flex; flex-direction:column; align-items:center; justify-content:space-between; color:#bbb; font-size:.5rem; z-index:5; }
.uix-ev input{ writing-mode:vertical-lr; direction:rtl; height:8rem; accent-color:#fff; }
.uix-capture{ position:absolute; bottom:1rem; left:50%; transform:translateX(-50%); width:3.4rem; height:3.4rem; border-radius:50%; border:2px solid #fff; background:radial-gradient(circle,#fff 0 42%,#111 46% 58%,#eee 62%,#333 100%); color:transparent; }
.uix-analysis-overlay span{ position:absolute; padding:.35rem .5rem; background:#050505; border-left:1px solid #fff; font-size:.52rem; letter-spacing:.12em; color:#fff; }
.uix-analysis-overlay .a{left:14%;top:35%}.uix-analysis-overlay .b{right:10%;bottom:31%}

.uix-engine-title{ display:flex; align-items:end; justify-content:space-between; padding:.7rem 0 1rem; border-bottom:1px solid rgba(255,255,255,.12); }
.uix-engine-title small{font-size:.5rem;letter-spacing:.22em;color:#777}.uix-engine-title strong{font-family:Didot,Georgia,serif;font-size:1.35rem;letter-spacing:.22em;color:#fff}
.uix-harmonic{ text-align:center; padding:1.2rem 0; }
.uix-harmonic small,.uix-harmonic span{display:block;font-size:.5rem;letter-spacing:.2em;color:#777}.uix-harmonic strong{display:block;font-size:2.5rem;color:#fff;font-family:ui-monospace,monospace;margin:.25rem 0}
.uix-keybed{ display:flex; height:9rem; gap:2px; overflow-x:auto; }
.uix-key{ flex:1; min-width:2.5rem; border:0; background:linear-gradient(#fff,#aaa); color:#111; border-radius:0 0 .6rem .6rem; font-size:.58rem; font-weight:800; align-content:end; padding-bottom:.7rem; }
.uix-key.down{ transform:translateY(3px); filter:brightness(.7); }
.uix-drum-matrix{ display:grid; grid-template-columns:repeat(4,1fr); gap:.55rem; }
.uix-pad{ min-height:4.7rem; border:1px solid rgba(255,255,255,.14); background:linear-gradient(145deg,#343434,#050505 55%,#888); color:#ddd; padding:.6rem; display:flex; flex-direction:column; justify-content:space-between; text-align:left; }
.uix-pad span{font-size:.48rem;color:#777}.uix-pad strong{text-align:right;font-size:.62rem;letter-spacing:.14em}
.uix-mixer-bank{ display:grid; grid-template-columns:repeat(6,1fr); gap:.3rem; min-height:13rem; }
.uix-fader{ display:flex; flex-direction:column; align-items:center; justify-content:space-between; background:linear-gradient(#181818,#030303); padding:.55rem .3rem; }
.uix-fader span{font-size:.45rem;letter-spacing:.08em}.uix-fader input{ writing-mode:vertical-lr; direction:rtl; height:8rem; accent-color:#fff}.uix-fader i{width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff}
.uix-spectrum{ margin-top:.8rem; border-top:1px solid rgba(255,255,255,.12); padding-top:.6rem; }.uix-spectrum small{font-size:.5rem;letter-spacing:.16em;color:#777}.uix-spectrum canvas{width:100%;height:8rem;display:block;background:linear-gradient(#080808,#000)}
.uix-sample>div{display:flex;justify-content:space-between;font-size:.55rem;letter-spacing:.15em;color:#888}.uix-wave{ height:9rem; display:flex; align-items:center; gap:2px; margin-top:1rem; }.uix-wave i{flex:1;min-width:2px;background:linear-gradient(#fff,#555);border-radius:999px}
.uix-loop-grid{ display:grid; grid-template-columns:4rem repeat(8,1fr); gap:.32rem; align-items:center; }.uix-lane{font-size:.5rem;letter-spacing:.12em;color:#777}.uix-step{height:2rem;border:1px solid #222;background:#070707}.uix-step.on{background:linear-gradient(#fff,#555)}.uix-step.tick{box-shadow:0 0 14px #fff}.uix-transport{margin-top:1rem;padding:.7rem 1.4rem;border:0;background:linear-gradient(#fff,#555);color:#000;font-weight:900;letter-spacing:.16em}

.uix-thoth-body{ color:#171717; }
.uix-doc-head{ display:flex; justify-content:space-between; gap:1rem; padding:.6rem .9rem; background:#d9d0bd; border-bottom:1px solid #817a6d; font:600 .5rem ui-monospace,monospace; letter-spacing:.12em; color:#575247; }
.uix-paper{ min-height:58vh; background:linear-gradient(90deg,rgba(90,70,40,.06),transparent 13%,transparent 87%,rgba(90,70,40,.05)),#eee5cf; padding:2rem clamp(1rem,6vw,4rem); font-family:Georgia,serif; color:#26231f; }
.uix-transcript{ max-width:38rem; margin:0 auto 1.6rem; padding-left:1rem; border-left:1px solid #bbb19c; }.uix-transcript small{display:block;margin-bottom:.45rem;font:600 .52rem ui-monospace,monospace;letter-spacing:.12em;color:#8c6334}.uix-transcript p{font-size:.93rem;line-height:1.7}.uix-marginalia{max-width:32rem;margin:1.7rem auto;padding:1rem;background:#e5d6ad;border:1px solid #c2ad7c;transform:rotate(.5deg);font-family:system-ui,sans-serif}.uix-marginalia small{font:.55rem ui-monospace,monospace;letter-spacing:.13em;color:#7f5a2d}.uix-marginalia p{margin-top:.45rem;font-size:.78rem;line-height:1.55}.uix-doc-empty{display:grid;place-items:center;min-height:40vh;font:600 .65rem ui-monospace,monospace;letter-spacing:.2em;color:#847a68}

@media(max-width:600px){
  .topology{ padding-left:.55rem!important; padding-right:.55rem!important; }
  .t-sub{ display:none; }
  .uix-horus-view{ height:62vh; }
  .uix-camera-readout span{ padding:.45rem .2rem; }
  .uix-dock-key{ font-size:.46rem; letter-spacing:.06em; }
  .uix-mixer-bank{ gap:1px; }
}