:root{color-scheme:dark;--bg:#06070b;--panel:rgba(255,255,255,.07);--panel2:rgba(255,255,255,.11);--text:#f8f4ea;--muted:#b8b0c7;--line:rgba(255,255,255,.14);--gold:#f6c85f;--purple:#9a6cff;--green:#50ffb8;--red:#ff5d73}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(154,108,255,.22),transparent 32%),radial-gradient(circle at 90% 10%,rgba(246,200,95,.14),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.gold{color:var(--gold)}.grad{background:linear-gradient(90deg,var(--gold),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{border:0;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--purple));color:#07070b;font-weight:900;padding:12px 16px;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text)}.input,textarea,select{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.35);color:var(--text);border-radius:15px;padding:11px 13px;outline:none}textarea{min-height:92px;resize:vertical}.hero{min-height:100vh;display:grid;place-items:center;padding:32px 18px}.card{width:min(1040px,100%);border:1px solid var(--line);border-radius:34px;padding:clamp(28px,5vw,62px);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:0 28px 100px rgba(0,0,0,.4)}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.card h1{font-size:clamp(42px,8vw,88px);line-height:.92;letter-spacing:-.07em;margin:15px 0}.card p{color:var(--muted);font-size:18px;line-height:1.65;max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.tile,.panel,.stat,.profile,.empty{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.055);padding:16px}.tile strong{display:block;margin-bottom:6px}.tile span,.micro,.empty span{color:var(--muted);font-size:13px;line-height:1.45}.actions{display:flex;gap:10px;flex-wrap:wrap}.admin{display:grid;grid-template-columns:minmax(330px,400px) 1fr;min-height:100vh}.side{border-right:1px solid var(--line);background:rgba(0,0,0,.28);padding:16px;overflow:auto}.main{padding:16px;display:flex;flex-direction:column;min-width:0}.brand{display:flex;gap:12px;align-items:center;margin-bottom:15px}.mark{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--gold),var(--purple));display:grid;place-items:center;color:#08070b;font-weight:950}.brand h1{font-size:25px;margin:0;letter-spacing:-.05em}.brand p{margin:3px 0 0;color:var(--muted);font-size:13px}.stack{display:grid;gap:10px}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.stat strong{font-size:24px;display:block}.stat span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.conv-list{display:grid;gap:9px;margin-top:10px}.conv{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:17px;padding:13px;text-align:left;color:var(--text);cursor:pointer}.conv.active{outline:2px solid var(--gold)}.conv small{display:block;color:var(--muted);margin-top:5px}.top{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.055);padding:14px;margin-bottom:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.top strong{display:block;font-size:20px}.status{display:block;color:var(--green);font-size:13px;margin-top:4px}.status.bad{color:var(--red)}.workspace-tools{display:flex;gap:8px;flex-wrap:wrap}.layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(250px,330px) 1fr;gap:12px}.profile{overflow:auto}.profile dl{margin:0;display:grid;gap:9px}.profile dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.profile dd{margin:-4px 0 0;word-break:break-word}.thread{display:flex;flex-direction:column;min-width:0;min-height:0}.messages{flex:1;overflow:auto;border:1px solid var(--line);border-radius:22px;background:rgba(0,0,0,.23);padding:14px;display:flex;flex-direction:column;gap:10px}.msg{max-width:84%;border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:11px 13px;white-space:pre-wrap}.msg.me{align-self:flex-end;background:rgba(246,200,95,.15)}.msg.them{align-self:flex-start;background:rgba(154,108,255,.15)}.msg small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.composer{display:grid;gap:9px;margin-top:10px}.widget-launcher{position:fixed;right:20px;bottom:20px;z-index:20}.widget{position:fixed;right:20px;bottom:82px;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100vh - 116px));display:none;flex-direction:column;border:1px solid var(--line);border-radius:25px;background:rgba(9,9,16,.96);box-shadow:0 24px 100px rgba(0,0,0,.58);overflow:hidden;z-index:19}.widget.open{display:flex}.whead{padding:16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;background:linear-gradient(90deg,rgba(246,200,95,.12),rgba(154,108,255,.12))}.whead strong{display:block}.whead span{display:block;color:var(--muted);font-size:12px}.wbody{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.wform{padding:14px;border-top:1px solid var(--line);display:grid;gap:9px}.chip{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 9px;margin:3px 4px 3px 0;background:rgba(255,255,255,.06);color:var(--muted);font-size:12px}.install{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word;background:rgba(0,0,0,.35);padding:12px;border-radius:14px;border:1px solid var(--line);color:var(--green)}@media(max-width:980px){.admin{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line)}.layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.top{flex-direction:column;align-items:stretch}.row{flex-direction:column}}@media(max-width:640px){.widget{right:14px;bottom:76px}.actions,.workspace-tools{flex-direction:column}.btn{width:100%}}

/* Relay13 operator room console */
.room-guide-console{position:sticky;top:0;z-index:3;background:rgba(10,10,18,.92);backdrop-filter:blur(16px)}.room-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.room-tab{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.055);color:var(--text);font-weight:900;padding:10px;cursor:pointer}.room-tab.active{border-color:rgba(246,200,95,.55);background:linear-gradient(90deg,rgba(246,200,95,.18),rgba(154,108,255,.16));color:#fff}.admin[data-admin-room="inbox"] .side [data-admin-room]:not([data-admin-room="inbox"]),.admin[data-admin-room="connect"] .side [data-admin-room]:not([data-admin-room="connect"]),.admin[data-admin-room="setup"] .side [data-admin-room]:not([data-admin-room="setup"]),.admin[data-admin-room="release"] .side [data-admin-room]:not([data-admin-room="release"]){display:none}.micro-list{margin:0;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.5}.inbox-room .conv-list{max-height:calc(100vh - 330px);overflow:auto;padding-right:2px}.side .panel{margin-bottom:12px}

/* Relay13 public launch surface */
.landing-page{overflow-x:hidden}.landing-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:22px 0 42px}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.055);backdrop-filter:blur(16px);padding:10px 12px;margin-bottom:34px;position:sticky;top:12px;z-index:10}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:950;letter-spacing:-.04em;font-size:20px}.nav-brand img{width:62px;height:44px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(154,108,255,.28))}.nav-actions{display:flex;gap:10px;align-items:center}.launch-hero{min-height:calc(100vh - 140px);display:grid;grid-template-columns:1.04fr .96fr;gap:28px;align-items:center}.hero-copy h1{font-size:clamp(48px,8vw,96px);line-height:.9;letter-spacing:-.08em;margin:18px 0}.hero-copy p{font-size:19px;line-height:1.7;color:var(--muted);max-width:760px}.launch-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.big{font-size:15px;padding:15px 20px}.truth-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.truth-strip span{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 11px;color:var(--muted);font-size:13px}.launch-panel{border:1px solid var(--line);border-radius:38px;background:radial-gradient(circle at 50% 18%,rgba(246,200,95,.16),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.035));padding:28px;box-shadow:0 28px 120px rgba(0,0,0,.42);overflow:hidden}.hero-logo{width:100%;max-height:360px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(154,108,255,.35)) drop-shadow(0 0 22px rgba(246,200,95,.18))}.console-card{margin-top:16px;border:1px solid var(--line);border-radius:22px;background:rgba(0,0,0,.46);overflow:hidden}.console-top{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line)}.console-top span{width:10px;height:10px;border-radius:99px;background:rgba(255,255,255,.24)}.console-card pre{margin:0;padding:16px;color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;white-space:pre-wrap}.launch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.launch-tile{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.055);padding:18px}.launch-tile strong{display:block;margin-bottom:7px}.launch-tile span{display:block;color:var(--muted);font-size:14px;line-height:1.5}.launch-steps{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:start;margin-top:16px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.045);padding:24px}.launch-steps h2{font-size:clamp(28px,4vw,48px);line-height:1;letter-spacing:-.055em;margin:10px 0;color:var(--text)}.launch-steps ol{margin:0;padding-left:22px;display:grid;gap:14px}.launch-steps li{color:var(--gold);padding-left:5px}.launch-steps li strong{display:block;color:var(--text);margin-bottom:4px}.launch-steps li span{display:block;color:var(--muted);line-height:1.45}.brand-logo{width:64px;height:46px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(154,108,255,.35))}.brand .mark{display:none}@media(max-width:980px){.launch-hero,.launch-steps{grid-template-columns:1fr}.launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-nav{position:static}}@media(max-width:640px){.landing-shell{width:min(100% - 24px,1180px)}.landing-nav,.nav-actions,.launch-actions{flex-direction:column;align-items:stretch}.nav-brand{justify-content:center}.launch-grid{grid-template-columns:1fr}.hero-copy h1{font-size:46px}.launch-panel{padding:18px}.hero-logo{max-height:260px}}

/* BEGIN quantumskyes:adaptive-neon-scrollbar-css */
/*
  Adaptive Neon Scrollbar

  Optional MCP part. Add data-mcp-neon-scrollbar to html, body, or a scroll
  container when a site explicitly asks for visible neon scrollbars.
  This keeps native scrollbars visible and adds always-visible, draggable
  neon rails on the exact viewport edges.
*/

:root{
  --mcp-neon-scrollbar-size:18px;
  --mcp-neon-scrollbar-bg:rgba(3,7,11,.62);
  --mcp-neon-scrollbar-track:rgba(7,16,23,.52);
  --mcp-neon-scrollbar-rail:rgba(53,183,255,.34);
  --mcp-neon-scrollbar-a:var(--gold2,var(--gold,var(--brand-gold,var(--accent,#f3d483))));
  --mcp-neon-scrollbar-b:var(--cyan,var(--brand-cyan,var(--accent-2,#35b7ff)));
  --mcp-neon-scrollbar-c:var(--mint,var(--brand-mint,var(--success,#6ff2c7)));
  --mcp-neon-scrollbar-d:var(--violet,var(--brand-violet,var(--accent-3,#a88cff)));
}

html[data-mcp-neon-scrollbar],
html[data-mcp-neon-scrollbar] body,
[data-mcp-neon-scrollbar]{
  scrollbar-width:auto !important;
  scrollbar-color:var(--mcp-neon-scrollbar-b) var(--mcp-neon-scrollbar-track);
  -ms-overflow-style:auto !important;
}

html[data-mcp-neon-scrollbar] *,
[data-mcp-neon-scrollbar] *{
  scrollbar-width:auto !important;
  scrollbar-color:var(--mcp-neon-scrollbar-b) var(--mcp-neon-scrollbar-track);
  -ms-overflow-style:auto !important;
}

html[data-mcp-neon-scrollbar]::-webkit-scrollbar,
html[data-mcp-neon-scrollbar] body::-webkit-scrollbar,
html[data-mcp-neon-scrollbar] *::-webkit-scrollbar,
[data-mcp-neon-scrollbar]::-webkit-scrollbar,
[data-mcp-neon-scrollbar] *::-webkit-scrollbar{
  width:14px !important;
  height:14px !important;
  display:block !important;
  background:var(--mcp-neon-scrollbar-track) !important;
}

.mcp-neon-scroll-rail{
  position:fixed;
  z-index:9999;
  pointer-events:auto;
  opacity:.94;
  border:1px solid var(--mcp-neon-scrollbar-rail);
  border-radius:999px;
  background:
    linear-gradient(180deg,rgba(243,212,131,.16),rgba(53,183,255,.12) 45%,rgba(168,140,255,.12) 76%,rgba(111,242,199,.10)),
    var(--mcp-neon-scrollbar-track);
  box-shadow:
    inset 0 0 10px rgba(53,183,255,.22),
    inset 0 0 18px rgba(243,212,131,.10),
    0 0 14px rgba(53,183,255,.20),
    0 0 22px rgba(243,212,131,.10);
  contain:layout style paint;
  transform:translateZ(0);
  touch-action:none;
  user-select:none;
}

.mcp-neon-scroll-rail-y{
  top:0;
  right:0;
  bottom:var(--mcp-neon-scrollbar-size);
  width:var(--mcp-neon-scrollbar-size);
  cursor:ns-resize;
}

.mcp-neon-scroll-rail-x{
  left:0;
  right:var(--mcp-neon-scrollbar-size);
  bottom:0;
  height:var(--mcp-neon-scrollbar-size);
  cursor:ew-resize;
  background:
    linear-gradient(90deg,rgba(243,212,131,.16),rgba(53,183,255,.12) 45%,rgba(168,140,255,.12) 76%,rgba(111,242,199,.10)),
    var(--mcp-neon-scrollbar-track);
}

.mcp-neon-scroll-corner{
  position:fixed;
  right:0;
  bottom:0;
  z-index:9999;
  width:var(--mcp-neon-scrollbar-size);
  height:var(--mcp-neon-scrollbar-size);
  border:1px solid var(--mcp-neon-scrollbar-rail);
  border-radius:12px 0 0 0;
  background:
    radial-gradient(circle,var(--mcp-neon-scrollbar-b),transparent 64%),
    var(--mcp-neon-scrollbar-bg);
  box-shadow:0 0 22px rgba(53,183,255,.30);
  pointer-events:none;
  contain:layout style paint;
  transform:translateZ(0);
}

.mcp-neon-scroll-thumb{
  position:absolute;
  border:3px solid transparent;
  border-radius:999px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.20)) padding-box,
    linear-gradient(180deg,var(--mcp-neon-scrollbar-a),var(--mcp-neon-scrollbar-b),var(--mcp-neon-scrollbar-d),var(--mcp-neon-scrollbar-c)) border-box;
  box-shadow:
    0 0 11px rgba(53,183,255,.72),
    0 0 22px rgba(243,212,131,.32),
    0 0 30px rgba(111,242,199,.16),
    inset 0 0 12px rgba(255,255,255,.36);
  cursor:grab;
  pointer-events:auto;
  touch-action:none;
  will-change:transform,width,height;
}

.mcp-neon-scroll-thumb:active,
.mcp-neon-scroll-rail.is-dragging .mcp-neon-scroll-thumb{
  cursor:grabbing;
  box-shadow:
    0 0 13px rgba(53,183,255,.86),
    0 0 26px rgba(243,212,131,.40),
    0 0 34px rgba(168,140,255,.20),
    inset 0 0 15px rgba(255,255,255,.44);
}

html.mcp-neon-scroll-dragging,
html.mcp-neon-scroll-dragging *{
  scroll-behavior:auto !important;
}

html.mcp-neon-scroll-dragging .mcp-neon-scroll-rail{
  opacity:1;
}

.mcp-neon-scroll-rail-y .mcp-neon-scroll-thumb{
  top:0;
  left:0;
  width:100%;
  min-height:78px;
  transform:translate3d(0,var(--mcp-scroll-y,0px),0);
}

.mcp-neon-scroll-rail-x .mcp-neon-scroll-thumb{
  top:0;
  left:0;
  height:100%;
  min-width:84px;
  transform:translate3d(var(--mcp-scroll-x,0px),0,0);
  background:
    linear-gradient(90deg,rgba(255,255,255,.76),rgba(255,255,255,.20)) padding-box,
    linear-gradient(90deg,var(--mcp-neon-scrollbar-a),var(--mcp-neon-scrollbar-b),var(--mcp-neon-scrollbar-d),var(--mcp-neon-scrollbar-c)) border-box;
}

@media(max-width:680px){
  :root{--mcp-neon-scrollbar-size:15px}
  .mcp-neon-scroll-thumb{border-width:2px}
  .mcp-neon-scroll-rail-y .mcp-neon-scroll-thumb{min-height:72px}
  .mcp-neon-scroll-rail-x .mcp-neon-scroll-thumb{min-width:78px}
}

.mcp-neon-scroll-rail{
  position:fixed;
  z-index:180;
  pointer-events:none;
  opacity:.94;
  border:1px solid var(--mcp-neon-scrollbar-rail);
  border-radius:999px;
  background:
    linear-gradient(180deg,rgba(243,212,131,.14),rgba(53,183,255,.10) 45%,rgba(168,140,255,.11) 76%,rgba(111,242,199,.09)),
    rgba(3,7,11,.50);
  box-shadow:
    inset 0 0 13px rgba(53,183,255,.24),
    0 0 18px rgba(53,183,255,.20),
    0 0 28px rgba(243,212,131,.12);
  backdrop-filter:blur(10px);
}

.mcp-neon-scroll-rail-y{
  top:92px;
  right:8px;
  bottom:16px;
  width:15px;
}

.mcp-neon-scroll-rail-x{
  left:16px;
  right:16px;
  bottom:8px;
  height:15px;
  background:
    linear-gradient(90deg,rgba(243,212,131,.14),rgba(53,183,255,.10) 45%,rgba(168,140,255,.11) 76%,rgba(111,242,199,.09)),
    rgba(3,7,11,.50);
}

.mcp-neon-scroll-thumb{
  position:absolute;
  border:3px solid transparent;
  border-radius:999px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.18)) padding-box,
    linear-gradient(180deg,var(--mcp-neon-scrollbar-a),var(--mcp-neon-scrollbar-b),var(--mcp-neon-scrollbar-d),var(--mcp-neon-scrollbar-c)) border-box;
  box-shadow:
    0 0 14px rgba(53,183,255,.86),
    0 0 30px rgba(243,212,131,.42),
    0 0 44px rgba(111,242,199,.22),
    inset 0 0 12px rgba(255,255,255,.34);
}

.mcp-neon-scroll-rail-y .mcp-neon-scroll-thumb{
  top:0;
  left:0;
  width:100%;
  min-height:78px;
  transform:translate3d(0,var(--mcp-scroll-y,0px),0);
}

.mcp-neon-scroll-rail-x .mcp-neon-scroll-thumb{
  top:0;
  left:0;
  height:100%;
  min-width:78px;
  transform:translate3d(var(--mcp-scroll-x,0px),0,0);
  background:
    linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.18)) padding-box,
    linear-gradient(90deg,var(--mcp-neon-scrollbar-a),var(--mcp-neon-scrollbar-b),var(--mcp-neon-scrollbar-d),var(--mcp-neon-scrollbar-c)) border-box;
}

@media(max-width:680px){
  .mcp-neon-scroll-rail-y{top:112px;right:5px;bottom:12px;width:12px}
  .mcp-neon-scroll-rail-x{left:10px;right:10px;bottom:5px;height:12px}
  .mcp-neon-scroll-thumb{border-width:2px}
}
/* END quantumskyes:adaptive-neon-scrollbar-css */

/* BEGIN quantumskyes:skyesol-living-background-css */
.skyesol-living-field {
  position: fixed;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.skyesol-grain,
.skyesol-scanline {
  position: fixed;
  inset: 0;
  pointer-events: none;
}

.skyesol-grain {
  z-index: -1;
  opacity: .1;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E");
}

.skyesol-scanline {
  z-index: 10;
  opacity: .045;
  background: repeating-linear-gradient(to bottom, rgba(255,255,255,.22), rgba(255,255,255,.22) 1px, transparent 1px, transparent 6px);
}

.skyesol-living-page {
  background:
    linear-gradient(180deg, rgba(5,5,11,.94), rgba(3,3,7,.98)),
    radial-gradient(1200px 760px at 14% 4%, rgba(138,99,255,.2), transparent 58%),
    radial-gradient(1100px 760px at 82% 16%, rgba(39,242,255,.12), transparent 58%),
    radial-gradient(900px 660px at 55% 92%, rgba(201,168,76,.12), transparent 60%);
}

.skyesol-living-page.motion-paused *,
.skyesol-living-page.motion-paused *::before,
.skyesol-living-page.motion-paused *::after {
  animation-play-state: paused !important;
  transition-duration: .01ms !important;
}

@media (prefers-reduced-motion: reduce), (max-width: 760px) {
  .skyesol-scanline {
    opacity: .028;
  }

  .skyesol-grain {
    opacity: .065;
  }
}
/* END quantumskyes:skyesol-living-background-css */

/* BEGIN quantumskyes:neon-motion-chrome-css */
:root {
  --neon-bg: #05030b;
  --neon-gold: #ffd76a;
  --neon-cyan: #61f6ff;
  --neon-pink: #ff4fd8;
  --neon-violet: #9b5cff;
  --neon-ink: #fff8e7;
  --neon-scrollbar-track: rgba(5, 3, 11, .58);
  --neon-scrollbar-rail: rgba(97, 246, 255, .28);
}

html {
  scrollbar-gutter: stable;
  scrollbar-width: auto;
  scrollbar-color: color-mix(in srgb, var(--neon-cyan) 78%, transparent) var(--neon-scrollbar-track);
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

::-webkit-scrollbar-track {
  border: 1px solid var(--neon-scrollbar-rail);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 215, 106, .16), rgba(97, 246, 255, .12) 46%, rgba(155, 92, 255, .13) 78%, rgba(255, 79, 216, .10)),
    rgba(5, 3, 11, .46);
  box-shadow:
    inset 0 0 14px rgba(97, 246, 255, .24),
    inset 0 0 24px rgba(255, 215, 106, .13),
    0 0 18px rgba(97, 246, 255, .12);
}

::-webkit-scrollbar-track:horizontal {
  background:
    linear-gradient(90deg, rgba(255, 215, 106, .16), rgba(97, 246, 255, .12) 46%, rgba(155, 92, 255, .13) 78%, rgba(255, 79, 216, .10)),
    rgba(5, 3, 11, .46);
}

::-webkit-scrollbar-thumb {
  min-width: 72px;
  min-height: 70px;
  border: 4px solid transparent;
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .18)) padding-box,
    linear-gradient(180deg, var(--neon-gold), var(--neon-cyan), var(--neon-violet), var(--neon-pink)) border-box;
  box-shadow:
    0 0 12px rgba(97, 246, 255, .78),
    0 0 24px rgba(255, 215, 106, .38),
    0 0 36px rgba(155, 92, 255, .20),
    inset 0 0 12px rgba(255, 255, 255, .34);
}

::-webkit-scrollbar-thumb:horizontal {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .18)) padding-box,
    linear-gradient(90deg, var(--neon-gold), var(--neon-cyan), var(--neon-violet), var(--neon-pink)) border-box;
}

::-webkit-scrollbar-thumb:hover {
  border-width: 3px;
  box-shadow:
    0 0 16px rgba(97, 246, 255, .92),
    0 0 34px rgba(255, 215, 106, .50),
    0 0 48px rgba(255, 79, 216, .25),
    inset 0 0 14px rgba(255, 255, 255, .42);
}

.neon-motion-chrome {
  position: relative;
  isolation: isolate;
  min-height: 100%;
  color: var(--neon-ink);
}

.neon-motion-chrome::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(rgba(255, 255, 255, .026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .026) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .82), transparent 78%);
}

.neon-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 4px;
  transform-origin: left center;
  background: linear-gradient(90deg, var(--neon-gold), var(--neon-cyan), var(--neon-pink));
  box-shadow: 0 0 22px rgba(97, 246, 255, .42);
}

.neon-scanline {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .34;
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, .12), transparent),
    repeating-linear-gradient(180deg, rgba(97, 246, 255, .04) 0 1px, transparent 1px 8px);
  background-size: 38vw 100%, 100% 8px;
  mix-blend-mode: screen;
}

.neon-cursor-trail {
  position: fixed;
  left: -150px;
  top: -150px;
  z-index: 70;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(255, 215, 106, .18), rgba(97, 246, 255, .11) 38%, rgba(255, 79, 216, .08) 56%, transparent 72%);
  filter: blur(10px);
  mix-blend-mode: screen;
}

.neon-motion-chrome__label {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 75;
  max-width: min(280px, calc(100vw - 36px));
  border: 1px solid rgba(255, 215, 106, .28);
  border-radius: 999px;
  padding: 9px 12px;
  background: rgba(5, 3, 11, .72);
  color: rgba(255, 248, 231, .84);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: .12em;
  text-transform: uppercase;
  backdrop-filter: blur(14px);
}

.neon-gradient-text {
  background: linear-gradient(92deg, #fff8e7 0%, var(--neon-gold) 30%, var(--neon-cyan) 60%, var(--neon-pink) 86%, #fff8e7 100%);
  background-size: 220% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
  animation: neonTitleShimmer 7s linear infinite;
}

.neon-glow-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .035));
  box-shadow: 0 24px 80px rgba(0, 0, 0, .42), 0 0 34px rgba(97, 246, 255, .1);
}

.neon-glow-panel::before {
  content: "";
  position: absolute;
  inset: -80% -20%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent);
  transform: rotate(18deg);
  animation: neonSweep 7s ease-in-out infinite;
}

.neon-magnetic {
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  will-change: transform;
}

.neon-magnetic:hover {
  transform: translateY(-3px) scale(1.015);
  border-color: rgba(97, 246, 255, .62);
  box-shadow: 0 18px 54px rgba(97, 246, 255, .14), 0 0 28px rgba(255, 215, 106, .16);
}

@keyframes neonTitleShimmer {
  from { background-position: 0% center; }
  to { background-position: 220% center; }
}

@keyframes neonSweep {
  0%, 62% { translate: -120% 0; }
  100% { translate: 120% 0; }
}

@media (pointer: coarse), (max-width: 760px) {
  .neon-cursor-trail {
    display: none;
  }

  .neon-motion-chrome__label {
    position: static;
    display: inline-flex;
    margin: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }

  .neon-cursor-trail,
  .neon-scanline {
    display: none;
  }
}
/* END quantumskyes:neon-motion-chrome-css */

/* BEGIN quantumskyes:premium-text-effects-css */
.neon-gradient-text,.premium-text-effects-lab,.skye-gradient-text{
  color:transparent;
  background:linear-gradient(90deg,#fff 0%,var(--mcp-neon-scrollbar-a,#f3d483) 31%,var(--mcp-neon-scrollbar-b,#35b7ff) 63%,var(--mcp-neon-scrollbar-c,#6ff2c7) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 28px rgba(53,183,255,.18),0 0 34px rgba(243,212,131,.12);
}
/* END quantumskyes:premium-text-effects-css */

.micro-list {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.micro-list li + li {
  margin-top: 4px;
}

/* Relay13 v1.8 responsive inbox workspace */
.relay-console-app {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 100vh;
  padding: 14px;
  gap: 14px;
}

.operator-topbar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 26px;
  background: rgba(7, 7, 13, .82);
  backdrop-filter: blur(18px);
  padding: 12px;
  box-shadow: 0 20px 70px rgba(0, 0, 0, .34);
}

.operator-nav {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 3px;
}

.operator-nav .room-tab {
  flex: 0 0 auto;
  min-width: 104px;
}

.relay-console-app[data-admin-room="inbox"] > .admin-page:not([data-admin-room="inbox"]),
.relay-console-app[data-admin-room="connect"] > .admin-page:not([data-admin-room="connect"]),
.relay-console-app[data-admin-room="setup"] > .admin-page:not([data-admin-room="setup"]),
.relay-console-app[data-admin-room="release"] > .admin-page:not([data-admin-room="release"]) {
  display: none;
}

.admin-page {
  min-height: 0;
}

.inbox-workspace {
  display: grid;
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr) minmax(250px, 320px);
  gap: 14px;
  min-height: calc(100vh - 118px);
}

.mailbox-column,
.conversation-column,
.context-column,
.workspace-page-grid > .panel,
.workspace-page-grid > .stats {
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255, 255, 255, .055);
  padding: 16px;
  min-width: 0;
}

.mailbox-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
}

.mailbox-title h2 {
  margin: 4px 0 6px;
  font-size: 32px;
  line-height: 1;
}

.folder-strip {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.folder-strip span {
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  padding: 7px 10px;
}

.mailbox-column .conv-list {
  overflow: auto;
  min-height: 0;
  padding-right: 2px;
}

.conversation-column {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.conversation-column .top {
  margin: 0 0 12px;
}

.conversation-column .thread {
  flex: 1;
  min-height: 0;
}

.conversation-column .messages {
  min-height: 0;
}

.context-column {
  overflow: auto;
}

.context-column::before {
  content: "Thread profile";
  display: block;
  color: var(--green);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 12px;
}

.workspace-page-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}

.workspace-page-grid > .stats {
  grid-column: 1 / -1;
  margin: 0;
}

.release-grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
}

@media (max-width: 1120px) {
  .operator-topbar {
    grid-template-columns: 1fr;
  }

  .operator-topbar > .btn {
    width: 100%;
  }

  .inbox-workspace {
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
    min-height: auto;
  }

  .context-column {
    grid-column: 1 / -1;
  }

  .workspace-page-grid,
  .release-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .relay-console-app {
    padding: 10px;
  }

  .operator-topbar {
    border-radius: 20px;
  }

  .operator-nav .room-tab {
    min-width: auto;
  }

  .inbox-workspace {
    grid-template-columns: 1fr;
  }

  .mailbox-column,
  .conversation-column,
  .context-column,
  .workspace-page-grid > .panel,
  .workspace-page-grid > .stats {
    border-radius: 20px;
    padding: 13px;
  }

  .conversation-column .top {
    flex-direction: column;
    align-items: stretch;
  }

  .workspace-tools {
    display: grid;
    grid-template-columns: 1fr;
  }

  .conversation-column .messages {
    min-height: 52vh;
  }

  .row {
    flex-direction: column;
  }

  .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Relay13 routed admin pages */
.operator-nav a.room-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.admin-short-surface {
  width: min(1380px, calc(100vw - 28px));
  min-height: 100vh;
  margin: 0 auto;
  padding: 14px 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 14px;
}

.admin-short-main {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(320px, .85fr) minmax(0, 1.35fr);
  gap: 14px;
}

.admin-short-hero,
.admin-short-panel,
.admin-short-card,
.admin-thread,
.admin-message {
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255, 255, 255, .06);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .34);
}

.admin-short-hero {
  padding: clamp(22px, 4vw, 42px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 22px;
}

.admin-short-hero h1 {
  margin: 10px 0;
  max-width: 800px;
  font-size: clamp(42px, 6vw, 82px);
  line-height: .96;
  letter-spacing: 0;
}

.admin-short-hero p,
.admin-short-card p,
.admin-thread p,
.admin-message p {
  color: var(--muted);
  line-height: 1.55;
}

.admin-short-panel {
  padding: 16px;
  display: grid;
  gap: 12px;
}

.admin-short-grid,
.admin-inbox-preview {
  display: grid;
  gap: 12px;
}

.admin-short-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-inbox-preview {
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) minmax(220px, 300px);
}

.admin-short-card,
.admin-thread,
.admin-message {
  padding: 15px;
}

.admin-short-card span,
.admin-thread span,
.admin-message span {
  display: block;
  color: var(--green);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.admin-short-card h2,
.admin-thread h2 {
  margin: 8px 0;
}

.admin-short-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.admin-message.me {
  margin-left: min(15%, 120px);
  border-color: rgba(246, 200, 95, .3);
  background: rgba(246, 200, 95, .08);
}

@media (max-width: 1100px) {
  .admin-short-main,
  .admin-inbox-preview {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .admin-short-surface {
    width: min(100vw - 18px, 1380px);
    padding: 9px 0;
  }

  .admin-short-grid {
    grid-template-columns: 1fr;
  }

  .admin-short-actions {
    flex-direction: column;
  }

  .admin-short-actions .btn {
    width: 100%;
  }

  .admin-short-hero h1 {
    font-size: 42px;
  }
}

/* Relay13 researched admin inbox */
.admin-inbox-app {
  width: min(1580px, calc(100vw - 28px));
  min-height: 100vh;
  margin: 0 auto;
  padding: 14px 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
}

.admin-mail-topbar {
  border-radius: 20px;
}

.admin-mail-main {
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 12px;
}

.admin-mail-command,
.admin-mail-shell,
.admin-mail-rail,
.admin-thread-list,
.admin-reading-pane,
.admin-context-panel,
.admin-context-panel section,
.admin-reply-box {
  border: 1px solid var(--line);
  background: rgba(7, 7, 13, .82);
  box-shadow: 0 22px 80px rgba(0, 0, 0, .34);
  backdrop-filter: blur(20px);
}

.admin-mail-command {
  border-radius: 22px;
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(260px, .58fr) auto;
  gap: 14px;
  align-items: center;
}

.admin-mail-command h1,
.admin-pane-head h2,
.admin-reading-head h2,
.admin-context-panel h2 {
  margin: 4px 0;
  letter-spacing: 0;
}

.admin-mail-command p,
.admin-reading-head p,
.admin-context-panel p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.admin-mail-search {
  display: grid;
  gap: 6px;
}

.admin-mail-search span,
.admin-reply-box div span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.admin-mail-search input {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(0, 0, 0, .26);
  color: var(--text);
  padding: 0 13px;
}

.admin-mail-actions,
.admin-mobile-jumps,
.admin-reading-actions,
.admin-reply-box div,
.admin-reply-box footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.admin-mail-actions button,
.admin-mobile-jumps a,
.admin-pane-head button,
.admin-reading-actions button,
.admin-reply-box button {
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  color: var(--text);
  font-weight: 900;
  font-size: 12px;
  text-decoration: none;
  padding: 0 12px;
}

.admin-reply-box .send {
  border-color: rgba(246, 200, 95, .45);
  background: linear-gradient(90deg, var(--gold), var(--purple));
  color: #07070b;
}

.admin-mobile-jumps {
  display: none;
}

.admin-mail-shell {
  min-height: 0;
  height: min(760px, calc(100vh - 184px));
  border-radius: 24px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 224px 376px minmax(0, 1fr) 304px;
}

.admin-mail-rail,
.admin-thread-list,
.admin-reading-pane,
.admin-context-panel {
  min-width: 0;
  min-height: 0;
  border-width: 0 1px 0 0;
  border-radius: 0;
  box-shadow: none;
  overflow: auto;
}

.admin-context-panel {
  border-right: 0;
  padding: 14px;
  display: grid;
  align-content: start;
  gap: 12px;
}

.admin-mail-rail {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.admin-mail-identity {
  display: flex;
  gap: 10px;
  align-items: center;
}

.admin-mail-identity > span {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--gold), var(--purple));
  color: #07070b;
  font-size: 12px;
  font-weight: 950;
}

.admin-mail-identity strong,
.admin-mail-identity small {
  display: block;
}

.admin-mail-identity small {
  color: var(--muted);
  font-size: 12px;
}

.admin-folder-group {
  display: grid;
  gap: 5px;
}

.admin-folder-group p {
  margin: 0 0 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.admin-folder-group a {
  min-height: 36px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  border-radius: 12px;
  color: var(--muted);
  text-decoration: none;
  padding: 0 10px;
}

.admin-folder-group a.active,
.admin-folder-group a:hover {
  background: rgba(255, 255, 255, .07);
  color: var(--text);
}

.admin-mail-actions button.is-active,
.admin-pane-head button:active,
.admin-reading-actions button:active,
.admin-reply-box button:active {
  border-color: rgba(246, 200, 95, .45);
  background: rgba(246, 200, 95, .13);
  color: var(--gold);
}

.admin-folder-group b {
  color: var(--gold);
  font-size: 12px;
}

.admin-thread-list {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.admin-pane-head {
  flex: 0 0 auto;
  padding: 14px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  border-bottom: 1px solid var(--line);
}

.admin-mail-row {
  position: relative;
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .03);
  color: var(--muted);
  padding: 13px 14px;
  cursor: pointer;
}

.admin-mail-row.selected,
.admin-mail-row:hover {
  background: rgba(154, 108, 255, .11);
}

.admin-mail-row:focus-visible,
.admin-mail-actions button:focus-visible,
.admin-pane-head button:focus-visible,
.admin-reading-actions button:focus-visible,
.admin-reply-box button:focus-visible,
.admin-folder-group a:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

.admin-mail-row[hidden] {
  display: none;
}

.admin-mail-row.selected::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--gold), var(--purple));
}

.admin-mail-row.unread h3,
.admin-mail-row.unread .admin-row-line strong {
  color: var(--text);
}

.admin-dot {
  width: 9px;
  height: 9px;
  border-radius: 99px;
  margin-top: 4px;
  background: var(--gold);
  box-shadow: 0 0 16px rgba(246, 200, 95, .5);
}

.admin-dot.cyan { background: #7ee7ff; box-shadow: 0 0 16px rgba(126, 231, 255, .45); }
.admin-dot.green { background: var(--green); box-shadow: 0 0 16px rgba(80, 255, 184, .42); }
.admin-dot.muted { background: var(--muted); box-shadow: none; }

.admin-row-line {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
}

.admin-row-line time {
  color: var(--muted);
  font-size: 12px;
}

.admin-mail-row h3,
.admin-mail-row p {
  margin: 4px 0 0;
}

.admin-mail-row h3 {
  font-size: 14px;
  line-height: 1.25;
}

.admin-mail-row p {
  display: -webkit-box;
  overflow: hidden;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.admin-row-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}

.admin-row-tags span {
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  background: rgba(255, 255, 255, .05);
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 800;
  padding: 4px 7px;
}

.admin-reading-pane {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.admin-reading-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 18px 18px 14px;
  border-bottom: 1px solid var(--line);
}

.admin-message-log {
  min-height: 0;
  overflow: auto;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: rgba(0, 0, 0, .12);
}

.admin-chat-msg {
  width: min(680px, 92%);
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .06);
  padding: 14px;
}

.admin-chat-msg.me {
  align-self: flex-end;
  border-color: rgba(246, 200, 95, .3);
  background: rgba(246, 200, 95, .09);
}

.admin-chat-msg strong,
.admin-chat-msg span {
  display: block;
  font-size: 12px;
}

.admin-chat-msg span {
  color: var(--muted);
}

.admin-chat-msg p {
  margin: 7px 0;
  color: var(--muted);
  line-height: 1.5;
}

.admin-reply-box {
  border-width: 1px 0 0;
  border-radius: 0;
  box-shadow: none;
  padding: 12px;
}

.admin-reply-box div,
.admin-reply-box footer {
  justify-content: space-between;
}

.admin-reply-box textarea {
  width: 100%;
  min-height: 74px;
  margin: 10px 0;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(0, 0, 0, .3);
  color: var(--text);
  padding: 12px;
  resize: vertical;
}

.admin-context-panel section {
  border-radius: 18px;
  box-shadow: none;
  padding: 14px;
}

.admin-inbox-toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 50;
  max-width: min(360px, calc(100vw - 36px));
  border: 1px solid rgba(246, 200, 95, .36);
  border-radius: 14px;
  background: rgba(7, 7, 13, .94);
  box-shadow: 0 18px 60px rgba(0, 0, 0, .36);
  color: var(--text);
  font-weight: 900;
  padding: 12px 14px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity .18s ease, transform .18s ease;
}

.admin-inbox-toast.show {
  opacity: 1;
  transform: translateY(0);
}

.admin-context-panel dl {
  margin: 12px 0 0;
  display: grid;
  gap: 9px;
}

.admin-context-panel dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.admin-context-panel dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 13px;
}

.admin-context-panel ol {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.7;
}

/* Live console inbox: make the functional app feel like a real mail client. */
.relay-console-app {
  width: min(1580px, calc(100vw - 28px));
  margin: 0 auto;
  padding: 14px 0;
}

.relay-console-app .operator-topbar {
  border-radius: 20px;
}

.relay-console-app .inbox-workspace {
  grid-template-columns: minmax(310px, 370px) minmax(0, 1fr) minmax(260px, 320px);
  height: min(760px, calc(100vh - 116px));
  min-height: 0;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(7, 7, 13, .82);
  box-shadow: 0 22px 80px rgba(0, 0, 0, .34);
}

.relay-console-app .mailbox-column,
.relay-console-app .conversation-column,
.relay-console-app .context-column {
  border-width: 0 1px 0 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.relay-console-app .context-column {
  border-right: 0;
}

.relay-console-app .mailbox-title h2 {
  font-size: 24px;
  letter-spacing: 0;
}

.relay-console-app .mailbox-title .micro {
  max-width: 34ch;
}

.relay-console-app .mailbox-column .conv-list {
  display: block;
  margin-top: 0;
  overflow: auto;
}

.relay-console-app .conv {
  width: 100%;
  border-width: 0 0 1px;
  border-radius: 0;
  background: transparent;
  padding: 13px 8px 13px 12px;
  transition: background .18s ease;
}

.relay-console-app .conv:hover,
.relay-console-app .conv.active {
  outline: 0;
  background: rgba(154, 108, 255, .12);
}

.relay-console-app .conv.active {
  box-shadow: inset 3px 0 0 var(--gold);
}

.relay-console-app .conversation-column .top {
  border-width: 0 0 1px;
  border-radius: 0;
  background: transparent;
}

.relay-console-app .messages {
  border: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, .14);
}

.relay-console-app .msg {
  border-radius: 18px;
}

.relay-console-app .composer {
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

.relay-console-app .profile dl {
  gap: 12px;
}

@media (max-width: 1320px) {
  .admin-mail-shell {
    grid-template-columns: 212px 340px minmax(0, 1fr);
  }

  .admin-context-panel {
    display: none;
  }
}

@media (max-width: 1120px) {
  .admin-mail-command,
  .admin-mail-shell,
  .relay-console-app .inbox-workspace {
    grid-template-columns: 1fr;
  }

  .admin-mail-shell,
  .relay-console-app .inbox-workspace {
    height: auto;
    overflow: visible;
  }

  .admin-mail-rail,
  .admin-thread-list,
  .admin-reading-pane,
  .admin-context-panel,
  .relay-console-app .mailbox-column,
  .relay-console-app .conversation-column,
  .relay-console-app .context-column {
    border-width: 0 0 1px;
    display: block;
    overflow: visible;
  }

  .admin-reading-pane,
  .relay-console-app .conversation-column {
    display: grid;
  }

  .admin-message-log,
  .relay-console-app .messages {
    max-height: 58vh;
    min-height: 360px;
  }

  .admin-mobile-jumps {
    display: flex;
  }
}

@media (max-width: 680px) {
  .operator-topbar,
  .relay-console-app .operator-topbar,
  .admin-mail-topbar {
    overflow: hidden;
  }

  .operator-nav {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
  }

  .operator-nav .room-tab,
  .operator-nav a.room-tab {
    width: 100%;
    min-width: 0;
    justify-content: center;
    padding-inline: 8px;
  }

  .admin-inbox-app,
  .relay-console-app {
    width: min(100vw - 18px, 1580px);
    padding: 9px 0;
  }

  .admin-mail-command,
  .admin-mail-shell,
  .admin-context-panel section,
  .relay-console-app .inbox-workspace {
    border-radius: 18px;
  }

  .admin-mail-command,
  .admin-mail-rail,
  .admin-pane-head,
  .admin-reading-head,
  .admin-context-panel,
  .relay-console-app .mailbox-column,
  .relay-console-app .conversation-column,
  .relay-console-app .context-column {
    padding: 12px;
  }

  .admin-reading-head {
    grid-template-columns: 1fr;
  }

  .admin-chat-msg {
    width: 100%;
  }

  .admin-mail-actions button,
  .admin-reading-actions button,
  .admin-reply-box button,
  .relay-console-app .workspace-tools .btn {
    flex: 1 1 auto;
  }

  .mcp-neon-scroll-rail-x,
  .mcp-neon-scroll-corner {
    display: none !important;
  }

  .mcp-neon-scroll-rail-y {
    right: 2px;
    width: 8px;
    opacity: .42;
  }
}