/* 2026-06-19
   Recovery authority sheet.
   This file exists only to restore the real Ghost OS shell after late-style regressions.
   Keep it small, specific, and stronger than the duplicate legacy blocks in style.css. */

#hover-intel,
.hover-intel,
#memory-glitch,
.memory-glitch,
#ghost-interrupt,
.ghost-interrupt,
.ghost-os-tip,
.surface-tip {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#running-dock,
.running-dock,
#dock-constellation,
.dock-constellation,
.ghost-bleed,
.ghost-bleed span {
  opacity: 1 !important;
  visibility: visible !important;
}

#running-dock,
.running-dock,
#dock-constellation,
.dock-constellation,
.ghost-bleed {
  display: block !important;
}

#objective-spine[hidden],
.objective-spine[hidden] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#objective-spine:not([hidden]),
.objective-spine:not([hidden]) {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#running-dock,
.running-dock,
#dock-constellation,
.dock-constellation,
.ghost-bleed,
.ghost-bleed span {
  pointer-events: none !important;
}

body,
.desktop,
.desktop::before,
.desktop::after {
  filter: none !important;
}

.operator-gate-bg {
  z-index: 0 !important;
  opacity: 1 !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(8, 16, 26, 0.28) 0%, rgba(4, 8, 14, 0.78) 56%, rgba(2, 4, 8, 0.92) 100%),
    linear-gradient(180deg, rgba(255,255,255,0.02), transparent 38%) !important;
}

.matrix-bg-canvas {
  z-index: 1 !important;
  opacity: 0.96 !important;
  mix-blend-mode: screen !important;
  filter: saturate(1.34) contrast(1.18) brightness(1.12) !important;
}

body[data-world="ghostos"] .matrix-bg-canvas {
  opacity: 1 !important;
}

body.home-shell-live .matrix-bg-canvas,
body:has(#home-command-core[aria-hidden="false"]) .matrix-bg-canvas {
  opacity: 0.42 !important;
  filter: saturate(1.08) contrast(1.04) brightness(0.88) !important;
}

body.is-immersive-idle .desktop-icons,
body.is-immersive-idle .taskbar,
body.is-immersive-idle #running-dock,
body.is-immersive-idle .ghost-interrupt,
body.is-immersive-idle .window {
  opacity: 1 !important;
  filter: none !important;
}

body.home-shell-live::after,
body:has(#home-command-core[aria-hidden="false"])::after,
body.home-shell-live .desktop::before,
body:has(#home-command-core[aria-hidden="false"]) .desktop::before {
  opacity: 0 !important;
}

#note-starfield,
.note-starfield {
  z-index: 3 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
}

.note-star {
  pointer-events: auto !important;
  opacity: 1 !important;
  z-index: 18 !important;
  filter: drop-shadow(0 0 14px rgba(120, 220, 255, 0.42)) !important;
  width: 22px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--note-color, #a78bfa) 82%, rgba(255,255,255,0.22)) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,0.96) 0 16%, color-mix(in srgb, var(--note-color, #a78bfa) 92%, #fff 8%) 18% 42%, rgba(6,12,18,0.78) 44% 100%) !important;
  box-shadow:
    0 0 18px color-mix(in srgb, var(--note-color, #a78bfa) 34%, transparent),
    inset 0 0 16px rgba(255,255,255,0.06) !important;
  overflow: visible !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
}

.note-star:hover,
.note-star.dragging {
  transform: scale(1.08) !important;
  z-index: 24 !important;
  filter: drop-shadow(0 0 22px color-mix(in srgb, var(--note-color, #a78bfa) 58%, #9ee8ff)) !important;
}

.note-star-label {
  position: absolute !important;
  left: 28px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  padding: 4px 8px !important;
  border: 1px solid color-mix(in srgb, var(--note-color, #a78bfa) 66%, transparent) !important;
  border-radius: 999px !important;
  background: rgba(4, 10, 18, 0.86) !important;
  color: color-mix(in srgb, var(--note-color, #a78bfa) 86%, #fff 10%) !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.18s ease, transform 0.18s ease !important;
}

.note-star:hover .note-star-label,
.note-star.dragging .note-star-label {
  opacity: 1 !important;
  transform: translateY(-50%) translateX(2px) !important;
}

.note-star-delete,
.atlas-note-delete {
  pointer-events: none !important;
}

.note-star:hover .note-star-delete,
.note-star.dragging .note-star-delete,
.atlas-note-cluster:hover .atlas-note-delete,
.atlas-note-cluster.dragging .atlas-note-delete {
  pointer-events: auto !important;
}

.home-command-core {
  position: absolute;
  inset: 28px 28px 112px 196px;
  z-index: 2;
  pointer-events: none;
  opacity: 0.96;
}

.home-shell-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.92fr) minmax(250px, 0.78fr);
  grid-template-rows: auto minmax(170px, 0.72fr) minmax(220px, 0.94fr) minmax(190px, 0.82fr);
  grid-template-areas:
    "hero hero system"
    "route personas activity"
    "terminal mission activity"
    "terminal memory memory";
  gap: 16px;
  height: 100%;
}

.home-shell-panel {
  position: relative;
  overflow: hidden;
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid rgba(106, 226, 255, 0.18);
  background:
    linear-gradient(180deg, rgba(7, 13, 22, 0.88), rgba(4, 8, 14, 0.82)),
    radial-gradient(circle at 20% 0%, rgba(104, 228, 255, 0.1), transparent 38%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 22px 42px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
}

.home-shell-panel > b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: rgba(227, 249, 255, 0.96);
  font: 700 13px/1.1 var(--font-display);
  letter-spacing: 0.16em;
}

.home-shell-panel > b::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--home-accent, var(--cyan)) 78%, white);
  box-shadow: 0 0 14px color-mix(in srgb, var(--home-accent, var(--cyan)) 42%, transparent);
}

.home-shell-hero {
  grid-area: hero;
  min-height: 192px;
  padding: 22px 26px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 136px;
  gap: 20px;
  align-items: center;
}

.home-shell-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 68% 34%, rgba(255, 76, 139, 0.12), transparent 28%),
    radial-gradient(circle at 28% 72%, rgba(101, 245, 255, 0.13), transparent 28%);
  pointer-events: none;
}

.home-shell-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
}

.home-shell-eyebrow {
  color: rgba(137, 226, 247, 0.74);
  font: 700 11px/1 var(--font-display);
  letter-spacing: 0.22em;
}

.home-shell-copy h2 {
  margin: 0;
  max-width: 18ch;
  color: rgba(247, 252, 255, 0.98);
  font: 700 clamp(30px, 2.8vw, 46px)/1.02 var(--font-display);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.home-shell-copy p {
  margin: 0;
  max-width: 78ch;
  color: rgba(208, 236, 242, 0.76);
  font: 500 13px/1.55 var(--font-mono);
}

.home-shell-next {
  color: rgba(255, 210, 117, 0.86) !important;
}

.home-shell-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.home-shell-tags span {
  padding: 7px 10px 6px;
  border-radius: 999px;
  border: 1px solid rgba(113, 225, 255, 0.16);
  background: rgba(4, 8, 14, 0.52);
  color: rgba(222, 246, 255, 0.86);
  font: 700 10px/1 var(--font-display);
  letter-spacing: 0.16em;
}

.home-shell-tags button {
  appearance: none !important;
  padding: 7px 10px 6px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(113, 225, 255, 0.16) !important;
  background: rgba(4, 8, 14, 0.52) !important;
  color: rgba(222, 246, 255, 0.86) !important;
  font: 700 10px/1 var(--font-display) !important;
  letter-spacing: 0.16em !important;
}

.home-shell-sigil {
  position: relative;
  z-index: 1;
  width: 132px;
  height: 132px;
  margin-left: auto;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(115, 226, 255, 0.16);
  background:
    radial-gradient(circle at 50% 50%, rgba(102, 244, 255, 0.16), transparent 55%),
    linear-gradient(180deg, rgba(7, 13, 21, 0.92), rgba(3, 7, 12, 0.84));
  box-shadow:
    inset 0 0 24px rgba(255, 255, 255, 0.04),
    0 0 38px rgba(102, 244, 255, 0.16);
}

.home-shell-sigil::before,
.home-shell-sigil::after {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: 999px;
  border: 1px dashed rgba(104, 224, 255, 0.14);
  animation: home-shell-orbit 16s linear infinite;
}

.home-shell-sigil::after {
  inset: -28px;
  border-style: solid;
  border-color: rgba(255, 92, 155, 0.14);
  animation-direction: reverse;
  animation-duration: 24s;
}

.home-shell-sigil span {
  color: rgba(241, 249, 255, 0.96);
  font-size: 58px;
  line-height: 1;
  filter: drop-shadow(0 0 18px rgba(101, 245, 255, 0.32));
}

.home-system-panel { grid-area: system; }
.home-route-panel { grid-area: route; }
.home-persona-panel { grid-area: personas; }
.home-mission-panel { grid-area: mission; }
.home-activity-panel { grid-area: activity; }
.home-terminal-panel { grid-area: terminal; }
.home-memory-panel { grid-area: memory; }

.home-system-ring {
  --ring-progress: 82%;
  width: 128px;
  height: 128px;
  margin: 2px 0 14px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at center, rgba(5, 11, 18, 0.98) 0 56%, transparent 57%),
    conic-gradient(from -90deg, color-mix(in srgb, var(--home-accent, var(--cyan)) 86%, white) 0 var(--ring-progress), rgba(255, 255, 255, 0.08) var(--ring-progress) 100%);
  box-shadow:
    inset 0 0 18px rgba(255, 255, 255, 0.03),
    0 0 26px rgba(103, 214, 255, 0.16);
}

.home-system-ring span {
  color: rgba(248, 253, 255, 0.98);
  font: 700 30px/1 var(--font-display);
  letter-spacing: 0.06em;
}

.home-system-metrics,
.home-route-grid,
.home-persona-stack,
.home-mission-pipeline,
.home-activity-stream,
.home-memory-core {
  display: grid;
  gap: 10px;
}

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

.home-system-metric,
.home-route-node,
.home-persona-card,
.home-activity-row,
.home-memory-row,
.home-memory-summary,
.home-terminal-panel pre,
.home-mission-row {
  padding: 11px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(9, 16, 26, 0.78), rgba(4, 8, 13, 0.72));
}

.home-system-metric b,
.home-route-node b,
.home-persona-card b,
.home-activity-row b,
.home-memory-row b,
.home-mission-row b {
  display: block;
  margin-bottom: 5px;
  color: rgba(239, 250, 255, 0.96);
  font: 700 11px/1.15 var(--font-display);
  letter-spacing: 0.14em;
}

.home-system-metric span,
.home-route-node span,
.home-persona-card span,
.home-activity-row span,
.home-memory-row span,
.home-memory-summary span,
.home-mission-row span,
.home-terminal-panel pre {
  color: rgba(184, 223, 230, 0.72);
  font: 500 12px/1.45 var(--font-mono);
}

.home-system-metric small,
.home-route-node small,
.home-persona-card small,
.home-activity-row small,
.home-memory-row small,
.home-mission-row small {
  display: block;
  margin-top: 6px;
  color: rgba(128, 209, 224, 0.56);
  font: 500 10px/1.3 var(--font-mono);
}

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

.home-route-node {
  min-height: 88px;
  border-color: color-mix(in srgb, var(--node-color, var(--cyan)) 32%, rgba(255,255,255,0.05));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.home-route-node em,
.home-persona-card em,
.home-memory-summary em {
  color: color-mix(in srgb, var(--node-color, var(--cyan)) 72%, white);
  font: 700 11px/1 var(--font-display);
  letter-spacing: 0.14em;
  font-style: normal;
}

.home-persona-stack {
  grid-template-columns: minmax(0, 1fr);
}

.home-persona-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
}

.home-persona-card i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(0, 0, 0, 0.22);
  color: rgba(245, 250, 255, 0.96);
  font-style: normal;
  font-size: 18px;
}

.home-persona-meter {
  width: 74px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  overflow: hidden;
}

.home-persona-meter u,
.home-mission-meter u {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, color-mix(in srgb, var(--meter-color, var(--cyan)) 42%, white), var(--meter-color, var(--cyan)));
}

.home-mission-pipeline {
  align-content: start;
}

.home-mission-row {
  display: grid;
  gap: 8px;
}

.home-mission-meter {
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}

.home-activity-stream,
.home-memory-core {
  align-content: start;
}

.home-activity-row {
  border-left: 2px solid color-mix(in srgb, var(--row-color, var(--cyan)) 72%, transparent);
}

.home-terminal-panel pre {
  min-height: 100%;
  margin: 0;
  white-space: pre-wrap;
  overflow: auto;
}

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

.home-memory-summary {
  grid-column: 1 / -1;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
}

.home-memory-summary strong {
  color: rgba(247, 252, 255, 0.98);
  font: 700 20px/1 var(--font-display);
  letter-spacing: 0.08em;
}

.home-memory-summary small {
  color: rgba(255, 211, 124, 0.78);
  font: 700 11px/1 var(--font-display);
  letter-spacing: 0.14em;
}

@keyframes home-shell-orbit {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 1600px) {
  .home-command-core {
    inset: 24px 22px 108px 184px;
  }

  .home-shell-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.9fr);
    grid-template-rows: auto auto auto minmax(180px, 1fr) auto;
    grid-template-areas:
      "hero system"
      "route personas"
      "terminal activity"
      "mission activity"
      "memory memory";
  }
}

.desktop,
.window-bar,
.window-body {
  position: relative;
  z-index: 4;
}

.desktop-icons {
  position: fixed !important;
  z-index: 8 !important;
}

.window {
  position: absolute !important;
  z-index: 10 !important;
}

.window-bar span,
.window-bar span *,
.desk-icon,
.desk-icon span,
.desk-icon b,
.progress-panel *,
.start-menu *,
.start-shell * {
  font-style: normal !important;
}

.desktop-icons {
  width: 156px !important;
  gap: 18px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding-right: 4px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-launch="desktop"] .music-scope-window {
  left: min(18vw, 320px);
  top: 96px;
  width: min(920px, calc(100vw - 72px));
  height: min(620px, calc(100vh - 132px));
  --surface-color: #a78bfa;
  border-color: rgba(167, 139, 250, 0.62);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 44px rgba(167,139,250,.26),
    0 0 120px rgba(101,245,255,.12);
}

html body[data-launch="desktop"] .music-scope-window .window-bar {
  background:
    radial-gradient(circle at 4% 50%, rgba(245,251,255,.18), transparent 18%),
    linear-gradient(90deg, rgba(167,139,250,.28), rgba(3,7,13,.9) 44%, rgba(101,245,255,.16));
}

html body[data-launch="desktop"] .ghost-scope-body {
  position: relative;
  height: calc(100% - 31px);
  min-height: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 35%, rgba(101,245,255,.15), transparent 34%),
    radial-gradient(circle at 72% 66%, rgba(167,139,250,.12), transparent 28%),
    repeating-linear-gradient(to bottom, rgba(255,255,255,.035), rgba(255,255,255,.035) 1px, transparent 2px, transparent 5px),
    #02050a;
}

html body[data-launch="desktop"] .ghost-scope-canvas {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
}

html body[data-launch="desktop"] .ghost-scope-hud {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  display: grid;
  grid-template-columns: minmax(160px, .35fr) 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(167,139,250,.42);
  background:
    linear-gradient(90deg, rgba(3,6,12,.86), rgba(4,12,18,.64)),
    repeating-linear-gradient(to bottom, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 2px, transparent 5px);
  box-shadow: 0 0 32px rgba(167,139,250,.18), inset 0 0 24px rgba(101,245,255,.08);
  color: #eef8ff;
  letter-spacing: .14em;
  pointer-events: none;
}

html body[data-launch="desktop"] .ghost-scope-hud b {
  color: #fff;
  font-size: 15px;
}

html body[data-launch="desktop"] .ghost-scope-hud span {
  color: #9fefff;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html body[data-launch="desktop"] .ghost-scope-hud i {
  color: #ffe8a3;
  font-style: normal;
  font-size: 11px;
}

html body[data-launch="desktop"] .provider-controls {
  grid-template-columns: repeat(auto-fit, minmax(82px, 1fr)) !important;
}

html body[data-launch="desktop"] .provider-controls #music-visualizer-open {
  border-color: rgba(167,139,250,.78);
  color: #f2eaff;
  box-shadow: 0 0 18px rgba(167,139,250,.18) inset, 0 0 18px rgba(167,139,250,.18);
}

@media (max-width: 980px) {
  html body[data-launch="desktop"] .music-scope-window {
    left: 12px !important;
    top: 82px !important;
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 126px) !important;
  }

  html body[data-launch="desktop"] .ghost-scope-hud {
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
  }
}

/* 2026-07-19 // CIPHER CUT: beat the old nav-specific clamp that crushed Start */
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) > .start-core,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  place-self: stretch !important;
  width: 100% !important;
  inline-size: 100% !important;
  min-width: 0 !important;
  min-inline-size: 0 !important;
  max-width: none !important;
  max-inline-size: none !important;
  height: auto !important;
  min-height: 112px !important;
  aspect-ratio: auto !important;
  border-radius: 22px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) > .start-galaxy-shell,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-galaxy-shell {
  flex: 1 1 auto !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  place-self: stretch !important;
  width: 100% !important;
  inline-size: 100% !important;
  min-width: 0 !important;
  min-inline-size: 0 !important;
  max-width: none !important;
  max-inline-size: none !important;
  height: auto !important;
  min-height: 0 !important;
}

/* 2026-07-20 // CIPHER CUT: final Start execution law */
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) {
  width: min(960px, calc(100vw - 96px)) !important;
  height: min(620px, calc(100vh - 128px)) !important;
  max-width: calc(100vw - 96px) !important;
  max-height: calc(100vh - 128px) !important;
  padding: 16px !important;
  gap: 12px !important;
  border-radius: 28px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) > .start-core,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core {
  min-height: 96px !important;
  grid-template-columns: minmax(178px, .34fr) minmax(280px, 1fr) !important;
  grid-template-rows: 40px 38px !important;
  padding: 12px 14px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core > b {
  font-size: clamp(22px, 2vw, 30px) !important;
  letter-spacing: .16em !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-command-input {
  height: 40px !important;
  min-height: 40px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core-actions {
  grid-template-columns: repeat(6, minmax(68px, 1fr)) !important;
  gap: 7px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core-actions button {
  min-height: 38px !important;
  height: 38px !important;
  font-size: 10px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) > .start-galaxy-shell,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-galaxy-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 270px !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "orbit list" !important;
  gap: 12px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-galaxy-stage {
  grid-area: orbit !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) 92px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-galaxy {
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-galaxy .shared-ghost-orbit-core {
  width: clamp(130px, 15vw, 176px) !important;
  height: clamp(130px, 15vw, 176px) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-galaxy .shared-ghost-orbit-node {
  width: clamp(58px, 5vw, 76px) !important;
  height: clamp(58px, 5vw, 76px) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-galaxy-detail {
  min-height: 78px !important;
  max-height: 92px !important;
  overflow: hidden !important;
  margin-top: 8px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-window-overview,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-command-memory {
  display: none !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list {
  grid-area: list !important;
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  inset: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 8px !important;
  padding: 10px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(133, 238, 255, .20) !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(167, 139, 250, .10), transparent 42%),
    rgba(2, 7, 12, .90) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list > button {
  min-height: 54px !important;
  height: auto !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px 8px 54px !important;
  border-radius: 999px !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list > button::before {
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 999px !important;
}

@media (max-width: 980px) {
  html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) {
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 104px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 104px) !important;
    padding: 12px !important;
  }

  html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) > .start-galaxy-shell,
  html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-galaxy-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) 210px !important;
    grid-template-areas:
      "orbit"
      "list" !important;
  }

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core-actions {
    grid-template-columns: repeat(3, minmax(68px, 1fr)) !important;
  }
}

/* 2026-08-06 // CIPHER CUT:
   start_menu_final.css is the only clean start-menu authority.
   Any earlier clean-menu override here was mutating the live shell. */

/* 2026-07-30 // CIPHER TRUE EOF START MENU LAW
   Public shell serves workspace/gui. This block stays last so dead start-menu
   rescue layers stop mutating the live summon.
*/
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) {
  left: max(24px, calc((100vw - min(980px, calc(100vw - 64px))) / 2)) !important;
  top: 56px !important;
  width: min(980px, calc(100vw - 64px)) !important;
  height: min(596px, calc(100vh - 132px)) !important;
  min-width: 760px !important;
  min-height: 500px !important;
  max-width: calc(100vw - 48px) !important;
  max-height: calc(100vh - 112px) !important;
  padding: 14px !important;
  gap: 12px !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) > .start-core,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core {
  display: grid !important;
  grid-template-columns: 146px minmax(0, 1fr) !important;
  grid-template-rows: 40px 36px !important;
  grid-template-areas:
    "brand input"
    "brand actions" !important;
  min-height: 88px !important;
  padding: 12px 52px 12px 16px !important;
  gap: 8px 12px !important;
  align-items: center !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core > b {
  display: grid !important;
  gap: 4px !important;
  align-content: center !important;
  min-width: 0 !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core > b span {
  font-size: clamp(15px, 1.1vw, 18px) !important;
  line-height: 0.92 !important;
  letter-spacing: 0.15em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core > b small,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-menu-status {
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-command-input {
  height: 38px !important;
  min-height: 38px !important;
  font-size: 12px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core-actions {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core-actions button {
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 8px !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  white-space: nowrap !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) > .start-galaxy-shell,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-galaxy-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 12px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-galaxy-stage {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  padding: 12px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-galaxy {
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-galaxy .shared-ghost-orbit {
  transform: scale(0.92) translateY(2px) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-galaxy .shared-ghost-orbit-core {
  width: clamp(140px, 16vw, 188px) !important;
  height: clamp(140px, 16vw, 188px) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-galaxy .shared-ghost-orbit-node {
  width: clamp(58px, 5vw, 72px) !important;
  height: clamp(58px, 5vw, 72px) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-galaxy-detail {
  max-height: 84px !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-window-overview,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) #start-command-memory {
  display: none !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-auto-rows: minmax(66px, auto) !important;
  gap: 8px !important;
  padding: 10px !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  align-content: start !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list > button {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 4px 10px !important;
  min-height: 66px !important;
  width: 100% !important;
  padding: 10px 12px !important;
  border-radius: 18px !important;
  text-align: left !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(8, 16, 26, 0.94), rgba(4, 9, 15, 0.9)) !important;
  box-shadow: inset 0 0 0 1px rgba(129, 228, 255, 0.12), 0 8px 22px rgba(0, 0, 0, 0.16) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list > button::before,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list > button::after,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core-actions button::before,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core-actions button::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list > button > i,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list > button > .start-launch-icon {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(6, 12, 20, 0.94) !important;
  box-shadow: inset 0 0 0 1px rgba(129, 228, 255, 0.14), 0 0 18px rgba(129, 228, 255, 0.1) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list > button .start-launch-label,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list > button strong {
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.06em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list > button .start-launch-desc,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-menu-list > button span {
  font-size: 10px !important;
  line-height: 1.34 !important;
  color: rgba(184, 225, 237, 0.74) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 980px) {
  html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) {
    left: 12px !important;
    top: 12px !important;
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 104px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 104px) !important;
    padding: 12px !important;
  }

  html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) > .start-core,
  html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas:
      "brand"
      "input"
      "actions" !important;
    min-height: 148px !important;
  }

  html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) > .start-galaxy-shell,
  html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-galaxy-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) 232px !important;
  }

  html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* 2026-07-30 // CIPHER START MENU RECUT
   Final override after legacy desktop fixes.
*/
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]),
html body[data-launch="desktop"] #start-menu.start-menu:not(.start-menu-clean):not([hidden]) {
  width: min(1040px, calc(100vw - 112px)) !important;
  height: min(640px, calc(100vh - 156px)) !important;
  max-width: calc(100vw - 80px) !important;
  max-height: calc(100vh - 120px) !important;
  padding: 12px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) > .start-core,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core,
html body[data-launch="desktop"] #start-menu.start-menu:not(.start-menu-clean):not([hidden]) > .start-core,
html body[data-launch="desktop"] #start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core {
  grid-template-columns: 132px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  min-height: 76px !important;
  padding: 10px 48px 10px 14px !important;
  gap: 8px 12px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core > b,
html body[data-launch="desktop"] #start-menu.start-menu:not(.start-menu-clean):not([hidden]) .start-core > b {
  display: grid !important;
  gap: 4px !important;
  align-content: center !important;
  font-size: inherit !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core > b span,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) .start-core > b span {
  font-size: clamp(15px, 1.15vw, 18px) !important;
  line-height: 0.94 !important;
  letter-spacing: 0.16em !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core > b small,
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-menu-status,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) .start-core > b small,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) #start-menu-status {
  font-size: 9px !important;
  letter-spacing: 0.2em !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core-actions,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) .start-core-actions {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core-actions button,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) .start-core-actions button {
  min-height: 32px !important;
  height: 32px !important;
  font-size: 9px !important;
  border-radius: 13px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) > .start-galaxy-shell,
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) > .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) .start-galaxy-shell {
  grid-template-columns: minmax(0, 1fr) 296px !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) .start-galaxy-stage {
  padding: 12px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-galaxy,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) #start-galaxy {
  min-height: 260px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit-core,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit-core {
  width: clamp(146px, 16vw, 210px) !important;
  height: clamp(146px, 16vw, 210px) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit-node,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit-node {
  width: calc(58px * var(--node-size, 1)) !important;
  height: calc(58px * var(--node-size, 1)) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) .start-menu-list {
  width: 100% !important;
  grid-auto-rows: minmax(72px, auto) !important;
  gap: 10px !important;
  padding: 12px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list > button,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) .start-menu-list > button {
  min-height: 72px !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 4px 12px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list > button::before,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) .start-menu-list > button::before {
  content: none !important;
  display: none !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list > button > i,
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list > button > .start-launch-icon,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) .start-menu-list > button > i,
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) .start-menu-list > button > .start-launch-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  font-size: 18px !important;
}

/* start menu final law: appended at file end so the live route cannot drift underneath older clones */
html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) > .start-core,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) > .start-core,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) > .start-core,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) > .start-core {
  grid-template-columns: minmax(184px, 0.26fr) minmax(0, 1fr) !important;
  grid-template-areas:
    "brand search"
    "actions actions" !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 108px !important;
  padding: 14px 16px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) > .start-core b span,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) > .start-core b span,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) > .start-core b span,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) > .start-core b span {
  display: block !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  line-height: 0.94 !important;
  letter-spacing: 0.14em !important;
  white-space: nowrap !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) > .start-core small,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) > .start-core small,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) > .start-core small,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) > .start-core small {
  display: block !important;
  margin-top: 4px !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) > .start-core .start-core-actions,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) > .start-core .start-core-actions,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) > .start-core .start-core-actions,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) > .start-core .start-core-actions {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) > .start-core .start-core-actions button,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) > .start-core .start-core-actions button,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) > .start-core .start-core-actions button,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) > .start-core .start-core-actions button {
  min-width: 0 !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 8px !important;
  border-radius: 14px !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  white-space: nowrap !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]),
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]),
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]),
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) {
  width: min(1320px, calc(100vw - 56px)) !important;
  height: min(820px, calc(100vh - 126px)) !important;
  min-height: min(690px, calc(100vh - 126px)) !important;
  max-height: calc(100vh - 126px) !important;
  padding: 20px !important;
  gap: 18px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) > .start-galaxy-shell,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) > .start-galaxy-shell,
html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) .start-galaxy-shell,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) > .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) > .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) .start-galaxy-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 340px) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "orbit list" !important;
  gap: 16px !important;
  min-height: 0 !important;
  height: 100% !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) .start-galaxy-stage,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) .start-galaxy-stage {
  grid-template-rows: auto minmax(0, 1fr) 118px !important;
  padding: 18px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) #start-galaxy,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) #start-galaxy,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) #start-galaxy,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) #start-galaxy {
  min-height: 420px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) #start-galaxy .shared-ghost-orbit-core,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) #start-galaxy .shared-ghost-orbit-core,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) #start-galaxy .shared-ghost-orbit-core,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) #start-galaxy .shared-ghost-orbit-core {
  width: clamp(188px, 18vw, 252px) !important;
  height: clamp(188px, 18vw, 252px) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) #start-galaxy .shared-ghost-orbit-node,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) #start-galaxy .shared-ghost-orbit-node,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) #start-galaxy .shared-ghost-orbit-node,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) #start-galaxy .shared-ghost-orbit-node {
  width: clamp(68px, 5.4vw, 88px) !important;
  height: clamp(68px, 5.4vw, 88px) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) .start-menu-list,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) .start-menu-list,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) .start-menu-list,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) .start-menu-list {
  padding: 12px !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) .start-menu-list > button,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) .start-menu-list > button,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) .start-menu-list > button,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) .start-menu-list > button {
  min-height: 62px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu.start-orbit-only:not([hidden]) .start-window-overview,
html body[data-launch="desktop"] nav#start-menu.start-menu:not(.command-searching):not([hidden]) .start-window-overview,
html body[data-launch="desktop"] #start-menu.start-menu.start-orbit-only:not([hidden]) .start-window-overview,
html body[data-launch="desktop"] #start-menu.start-menu:not(.command-searching):not([hidden]) .start-window-overview {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -99999px !important;
  top: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* 2026-07-24 // CIPHER FINAL LEDGER LAW: Phantom reads clean or the cut is invalid */
html body[data-launch="desktop"] .job-window.ghost-ledger-mode,
html body[data-launch="desktop"] .job-window.window-active.ghost-ledger-mode {
  width: min(1540px, calc(100vw - 56px)) !important;
  height: min(860px, calc(100vh - 96px)) !important;
  min-width: 1120px !important;
  min-height: 680px !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100vh - 48px) !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-body {
  height: calc(100% - 42px) !important;
  min-height: 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.78fr) minmax(0, 1.5fr) minmax(240px, 0.72fr) !important;
  grid-template-areas: "job-left job-stage job-right" !important;
  gap: 16px !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell-resizer,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-return,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-toggle-row,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-doctrine-shell,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-route-hint {
  display: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-left,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-stage,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-right,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-rail {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 16px !important;
  overflow: hidden !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 96, 140, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(9, 15, 24, 0.9), rgba(4, 8, 14, 0.84)),
    linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px) !important;
  background-size: auto, 100% 28px, 28px 100% !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-input,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-memory,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-hover-panel,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-matrix {
  position: relative !important;
  inset: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.52 !important;
  letter-spacing: 0.03em !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-input {
  flex: 0 0 170px !important;
  min-height: 170px !important;
  max-height: 170px !important;
  padding: 14px !important;
  overflow: auto !important;
  resize: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-memory {
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-auto-rows: min-content !important;
  gap: 12px !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: 12px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-hover-panel,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-matrix {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-search-shell {
  min-height: 100% !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 14px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-lane-grid,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-grid,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 12px !important;
  min-width: 0 !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-grid article,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-pressure-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-rule-card {
  position: relative !important;
  display: block !important;
  inset: auto !important;
  min-width: 0 !important;
  min-height: auto !important;
  padding: 14px !important;
  overflow: hidden !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 96, 140, 0.18) !important;
  background: rgba(5, 9, 16, 0.78) !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket::before,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket::after,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card::before,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card::after,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card::before,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card::after {
  content: none !important;
  display: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket *,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card *,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card *,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-grid article *,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output *,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-hover-panel * {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket b,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card-top b,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-head b,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-pressure-card b,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-rule-card b {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.12em !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket b span,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card > span,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card span {
  display: block !important;
  margin-top: 6px !important;
  font-size: clamp(18px, 1.3vw, 24px) !important;
  line-height: 1.12 !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output .job-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output .job-snapshot-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output .job-detail-grid article {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-height: 180px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output .job-card-top,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output .job-detail-head {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output .job-card > span,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output .job-card p,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output .job-snapshot-card span,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output .job-snapshot-card p {
  margin: 0 !important;
  width: 100% !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output .job-summary-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: normal !important;
}

@media (max-width: 1180px) {
  html body[data-launch="desktop"] .job-window.ghost-ledger-mode,
  html body[data-launch="desktop"] .job-window.window-active.ghost-ledger-mode {
    width: calc(100vw - 20px) !important;
    height: calc(100vh - 72px) !important;
    min-width: 0 !important;
    left: 10px !important;
    top: 48px !important;
  }

  html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "job-left"
      "job-stage"
      "job-right" !important;
    overflow: auto !important;
  }
}

/* 2026-07-22 // TRUE EOF CIPHER CUT: Start obeys one visible law */
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) {
  position: fixed !important;
  z-index: 4200 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(1120px, calc(100vw - 96px)) !important;
  height: min(760px, calc(100vh - 128px)) !important;
  min-width: min(720px, calc(100vw - 24px)) !important;
  min-height: min(520px, calc(100vh - 104px)) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100vh - 88px) !important;
  resize: both !important;
  overflow: hidden !important;
  padding: 18px !important;
  gap: 14px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(137, 237, 255, .32) !important;
  background:
    radial-gradient(circle at 48% 46%, rgba(241, 253, 255, .18) 0 5%, rgba(142, 238, 255, .11) 10%, transparent 37%),
    radial-gradient(circle at 22% 76%, rgba(167, 139, 250, .12), transparent 34%),
    radial-gradient(circle at 82% 34%, rgba(255, 77, 121, .10), transparent 31%),
    linear-gradient(180deg, rgba(5, 10, 17, .978), rgba(2, 5, 10, .952)) !important;
  box-shadow: 0 28px 86px rgba(0,0,0,.58), 0 0 74px rgba(91,218,255,.13), inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

html body[data-launch="desktop"] #start-menu.start-menu.start-full-field:not([hidden]) {
  left: 16px !important;
  top: 16px !important;
  width: calc(100vw - 32px) !important;
  height: calc(100vh - 112px) !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 112px) !important;
}

html body[data-launch="desktop"] #start-menu.start-menu > .start-radar,
html body[data-launch="desktop"] #start-menu.start-menu > .start-world-petals,
html body[data-launch="desktop"] #start-menu.start-menu .start-core-identity,
html body[data-launch="desktop"] #start-menu.start-menu #start-command-memory,
html body[data-launch="desktop"] #start-menu.start-menu .start-window-overview {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-core {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-height: 112px !important;
  display: grid !important;
  grid-template-columns: minmax(220px, .34fr) minmax(360px, 1fr) !important;
  grid-template-rows: 48px 44px !important;
  grid-template-areas: "brand input" "brand actions" !important;
  align-items: stretch !important;
  gap: 10px 14px !important;
  padding: 14px 18px !important;
  border-radius: 24px !important;
  cursor: grab !important;
  border: 1px solid rgba(137, 237, 255, .16) !important;
  background: linear-gradient(90deg, rgba(137,237,255,.07), rgba(167,139,250,.045), rgba(255,77,121,.035)), rgba(2,6,13,.86) !important;
}

html body[data-launch="desktop"] #start-menu.start-menu.is-dragging .start-core {
  cursor: grabbing !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-core > b {
  grid-area: brand !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  margin: 0 !important;
  min-width: 0 !important;
  text-align: left !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-core > b span {
  font-size: clamp(26px, 3vw, 44px) !important;
  line-height: .95 !important;
  letter-spacing: .16em !important;
}

html body[data-launch="desktop"] #start-menu.start-menu #start-command-input {
  grid-area: input !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  border-radius: 16px !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-core-actions {
  grid-area: actions !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(72px, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-core-actions button {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 10px !important;
  border-radius: 14px !important;
  white-space: nowrap !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-galaxy-shell {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(460px, 1fr) minmax(280px, 340px) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "orbit list" !important;
  gap: 14px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-galaxy-stage {
  grid-area: orbit !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  padding: 18px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(137, 237, 255, .14) !important;
  background: radial-gradient(circle at 50% 46%, rgba(234,252,255,.16), transparent 36%), linear-gradient(rgba(137,237,255,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(137,237,255,.022) 1px, transparent 1px), rgba(2,7,12,.72) !important;
  background-size: auto, 100% 28px, 28px 100%, auto !important;
}

html body[data-launch="desktop"] #start-menu.start-menu #start-galaxy {
  position: relative !important;
  min-width: 0 !important;
  min-height: 360px !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu.start-menu #start-galaxy .shared-ghost-orbit {
  position: absolute !important;
  inset: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
}

html body[data-launch="desktop"] #start-menu.start-menu #start-galaxy .shared-ghost-orbit-core {
  width: clamp(170px, 20vw, 238px) !important;
  height: clamp(170px, 20vw, 238px) !important;
}

html body[data-launch="desktop"] #start-menu.start-menu #start-galaxy .shared-ghost-orbit-node {
  width: calc(34px * var(--node-size, 1)) !important;
  height: calc(34px * var(--node-size, 1)) !important;
  margin-left: calc((34px * var(--node-size, 1)) / -2) !important;
  margin-top: calc((-1 * var(--orbit-radius)) - ((34px * var(--node-size, 1)) / 2)) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-galaxy-detail {
  position: relative !important;
  z-index: 6 !important;
  min-height: 96px !important;
  max-height: 128px !important;
  overflow: hidden !important;
  margin: 0 !important;
  border-radius: 18px !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-menu-list {
  grid-area: list !important;
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  inset: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  overflow: auto !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 9px !important;
  padding: 12px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(137, 237, 255, .16) !important;
  background: radial-gradient(circle at 50% 8%, rgba(167,139,250,.10), transparent 38%), rgba(2,7,12,.76) !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-menu-list > button {
  min-height: 66px !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 12px 10px 62px !important;
  border-radius: 20px !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-menu-list > button::before {
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 16px !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-menu-list > button .start-launch-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 980px), (pointer: coarse) {
  html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) {
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 104px) !important;
    min-width: calc(100vw - 24px) !important;
    min-height: min(560px, calc(100vh - 104px)) !important;
    padding: 12px !important;
  }

  html body[data-launch="desktop"] #start-menu.start-menu .start-core {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto 46px auto !important;
    grid-template-areas: "brand" "input" "actions" !important;
    min-height: 178px !important;
  }

  html body[data-launch="desktop"] #start-menu.start-menu .start-core-actions {
    grid-template-columns: repeat(3, minmax(74px, 1fr)) !important;
  }

  html body[data-launch="desktop"] #start-menu.start-menu .start-galaxy-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(360px, 1fr) minmax(210px, 32%) !important;
    grid-template-areas: "orbit" "list" !important;
  }

  html body[data-launch="desktop"] #start-menu.start-menu #start-galaxy {
    min-height: 300px !important;
  }

  html body[data-launch="desktop"] #start-menu.start-menu .start-menu-list {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  }
}

/* 2026-07-22 // CIPHER CUT: Start summon law, dashboard restore lane */
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]),
html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) {
  position: fixed !important;
  z-index: 4200 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(1120px, calc(100vw - 96px)) !important;
  height: min(760px, calc(100vh - 128px)) !important;
  min-width: min(720px, calc(100vw - 24px)) !important;
  min-height: min(520px, calc(100vh - 104px)) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100vh - 88px) !important;
  resize: both !important;
  overflow: hidden !important;
  padding: 18px !important;
  gap: 14px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(137, 237, 255, .32) !important;
  background:
    radial-gradient(circle at 48% 46%, rgba(241, 253, 255, .18) 0 5%, rgba(142, 238, 255, .11) 10%, transparent 37%),
    radial-gradient(circle at 22% 76%, rgba(167, 139, 250, .12), transparent 34%),
    radial-gradient(circle at 82% 34%, rgba(255, 77, 121, .10), transparent 31%),
    linear-gradient(180deg, rgba(5, 10, 17, .978), rgba(2, 5, 10, .952)) !important;
  box-shadow:
    0 28px 86px rgba(0, 0, 0, .58),
    0 0 0 1px rgba(255, 255, 255, .035) inset,
    0 0 74px rgba(91, 218, 255, .13) !important;
}

html body[data-launch="desktop"] #start-menu.start-menu.start-full-field:not([hidden]) {
  left: 16px !important;
  top: 16px !important;
  width: calc(100vw - 32px) !important;
  height: calc(100vh - 112px) !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 112px) !important;
}

html body[data-launch="desktop"] #start-menu.start-menu.is-dragging {
  cursor: grabbing !important;
  user-select: none !important;
}

html body[data-launch="desktop"] #start-menu.start-menu > .start-radar,
html body[data-launch="desktop"] #start-menu.start-menu > .start-world-petals,
html body[data-launch="desktop"] #start-menu.start-menu .start-core-identity,
html body[data-launch="desktop"] #start-menu.start-menu #start-command-memory,
html body[data-launch="desktop"] #start-menu.start-menu .start-window-overview {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-hard-close {
  z-index: 18 !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-core {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-height: 112px !important;
  display: grid !important;
  grid-template-columns: minmax(220px, .34fr) minmax(360px, 1fr) !important;
  grid-template-rows: 48px 44px !important;
  grid-template-areas:
    "brand input"
    "brand actions" !important;
  align-items: stretch !important;
  gap: 10px 14px !important;
  padding: 14px 18px !important;
  border-radius: 24px !important;
  cursor: grab !important;
  border: 1px solid rgba(137, 237, 255, .16) !important;
  background:
    linear-gradient(90deg, rgba(137, 237, 255, .07), rgba(167, 139, 250, .045), rgba(255, 77, 121, .035)),
    rgba(2, 6, 13, .86) !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-core > b {
  grid-area: brand !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  margin: 0 !important;
  min-width: 0 !important;
  text-align: left !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-core > b span {
  font-size: clamp(26px, 3vw, 44px) !important;
  line-height: .95 !important;
  letter-spacing: .16em !important;
  color: rgba(242, 249, 255, .96) !important;
  text-shadow: 0 0 24px rgba(137, 237, 255, .24) !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-core > b small {
  color: rgba(163, 235, 255, .68) !important;
  letter-spacing: .22em !important;
}

html body[data-launch="desktop"] #start-menu.start-menu #start-command-input {
  grid-area: input !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  border-radius: 16px !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-core-actions {
  grid-area: actions !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(72px, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-core-actions button {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 10px !important;
  border-radius: 14px !important;
  white-space: nowrap !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-galaxy-shell {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(460px, 1fr) minmax(280px, 340px) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "orbit list" !important;
  gap: 14px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-galaxy-stage {
  grid-area: orbit !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  padding: 18px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(137, 237, 255, .14) !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(234, 252, 255, .16), transparent 36%),
    linear-gradient(rgba(137, 237, 255, .026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(137, 237, 255, .022) 1px, transparent 1px),
    rgba(2, 7, 12, .72) !important;
  background-size: auto, 100% 28px, 28px 100%, auto !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-galaxy-head {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 30px !important;
  position: relative !important;
  z-index: 5 !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-galaxy-head span {
  max-width: none !important;
  color: rgba(151, 225, 246, .82) !important;
}

html body[data-launch="desktop"] #start-menu.start-menu #start-galaxy {
  position: relative !important;
  min-width: 0 !important;
  min-height: 360px !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu.start-menu #start-galaxy .shared-ghost-orbit {
  position: absolute !important;
  inset: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
}

html body[data-launch="desktop"] #start-menu.start-menu #start-galaxy .shared-ghost-orbit-core {
  width: clamp(170px, 20vw, 238px) !important;
  height: clamp(170px, 20vw, 238px) !important;
}

html body[data-launch="desktop"] #start-menu.start-menu #start-galaxy .shared-ghost-orbit-node {
  width: calc(34px * var(--node-size, 1)) !important;
  height: calc(34px * var(--node-size, 1)) !important;
  margin-left: calc((34px * var(--node-size, 1)) / -2) !important;
  margin-top: calc((-1 * var(--orbit-radius)) - ((34px * var(--node-size, 1)) / 2)) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-galaxy-detail {
  position: relative !important;
  z-index: 6 !important;
  min-height: 96px !important;
  max-height: 128px !important;
  overflow: hidden !important;
  margin: 0 !important;
  border-radius: 18px !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-menu-list {
  grid-area: list !important;
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  inset: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  overflow: auto !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 9px !important;
  padding: 12px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(137, 237, 255, .16) !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(167, 139, 250, .10), transparent 38%),
    rgba(2, 7, 12, .76) !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-menu-list > button {
  min-height: 66px !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 12px 10px 62px !important;
  border-radius: 20px !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-menu-list > button::before {
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 16px !important;
}

html body[data-launch="desktop"] #start-menu.start-menu .start-menu-list > button .start-launch-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-launch="desktop"] #start-menu.start-menu #start-command-results:not([hidden]) {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 142px !important;
  width: auto !important;
  max-height: 260px !important;
  z-index: 24 !important;
}

@media (max-width: 980px), (pointer: coarse) {
  html body[data-launch="desktop"] #start-menu.start-menu:not([hidden]) {
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 104px) !important;
    min-width: calc(100vw - 24px) !important;
    min-height: min(560px, calc(100vh - 104px)) !important;
    padding: 12px !important;
  }

  html body[data-launch="desktop"] #start-menu.start-menu .start-core {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto 46px auto !important;
    grid-template-areas:
      "brand"
      "input"
      "actions" !important;
    min-height: 178px !important;
  }

  html body[data-launch="desktop"] #start-menu.start-menu .start-core-actions {
    grid-template-columns: repeat(3, minmax(74px, 1fr)) !important;
  }

  html body[data-launch="desktop"] #start-menu.start-menu .start-galaxy-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(360px, 1fr) minmax(210px, 32%) !important;
    grid-template-areas:
      "orbit"
      "list" !important;
  }

  html body[data-launch="desktop"] #start-menu.start-menu #start-galaxy {
    min-height: 300px !important;
  }

  html body[data-launch="desktop"] #start-menu.start-menu .start-galaxy-detail {
    min-height: 84px !important;
  }

  html body[data-launch="desktop"] #start-menu.start-menu .start-menu-list {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  }
}

/* 2026-07-21 // CIPHER CUT: demo-recording functional law */
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) {
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 88px !important;
  transform: translateX(-50%) !important;
  width: min(1080px, calc(100vw - 170px)) !important;
  height: min(660px, calc(100vh - 144px)) !important;
  max-width: min(1080px, calc(100vw - 170px)) !important;
  max-height: min(660px, calc(100vh - 144px)) !important;
  min-width: min(760px, calc(100vw - 170px)) !important;
  min-height: min(520px, calc(100vh - 144px)) !important;
  padding: 18px !important;
  resize: both !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core"
    "galaxy" !important;
  gap: 16px !important;
  border-radius: 30px !important;
  z-index: 560 !important;
  background:
    radial-gradient(circle at 26% 24%, rgba(139, 232, 255, .18), transparent 38%),
    radial-gradient(circle at 72% 22%, rgba(255, 78, 128, .10), transparent 34%),
    linear-gradient(180deg, rgba(6, 12, 22, .96), rgba(3, 7, 14, .94)) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core {
  grid-area: core !important;
  display: grid !important;
  grid-template-columns: minmax(220px, .72fr) minmax(360px, 1.3fr) !important;
  grid-template-rows: auto auto !important;
  gap: 10px 16px !important;
  align-items: center !important;
  padding: 14px 16px !important;
  min-height: 118px !important;
  max-height: 146px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core h2 {
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
  font-size: clamp(30px, 3.2vw, 48px) !important;
  line-height: .92 !important;
  letter-spacing: .16em !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-command {
  grid-column: 2 !important;
  width: 100% !important;
  min-height: 54px !important;
  max-height: 64px !important;
  margin: 0 !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core-actions {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(74px, 1fr)) !important;
  gap: 8px !important;
  min-height: 50px !important;
  max-height: 56px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core-actions button {
  min-height: 46px !important;
  padding: 8px 10px !important;
  border-radius: 16px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-galaxy-shell {
  grid-area: galaxy !important;
  display: grid !important;
  grid-template-columns: minmax(410px, 1fr) minmax(290px, 340px) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "orbit list" !important;
  gap: 16px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-galaxy-stage {
  grid-area: orbit !important;
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 26px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-galaxy {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit-node {
  width: clamp(58px, 5.4vw, 78px) !important;
  height: clamp(58px, 5.4vw, 78px) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit-node-glyph {
  display: grid !important;
  place-items: center !important;
  font-size: clamp(20px, 2.2vw, 28px) !important;
  line-height: 1 !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit-node-state,
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-galaxy-detail,
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-window-overview,
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-command-memory {
  display: none !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list {
  grid-area: list !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  padding: 10px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(130, 244, 255, .75) transparent !important;
  border-radius: 24px !important;
  border: 1px solid rgba(133, 238, 255, .22) !important;
  background: rgba(3, 8, 14, .78) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list::-webkit-scrollbar {
  width: 4px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list > button {
  min-height: 62px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  align-items: center !important;
  padding: 10px 12px 10px 58px !important;
  border-radius: 20px !important;
  white-space: normal !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list > button::before {
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list > button strong,
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list > button span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .note-star .note-star-delete,
html body .atlas-note-delete {
  position: absolute !important;
  right: -6px !important;
  top: -6px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  opacity: 0 !important;
  transform: scale(.72) !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

html body .note-star:hover .note-star-delete,
html body .note-star:focus-within .note-star-delete,
html body .atlas-note:hover .atlas-note-delete,
html body .atlas-note:focus-within .atlas-note-delete {
  opacity: .92 !important;
  transform: scale(1) !important;
  pointer-events: auto !important;
}

html body .note-star .note-star-core,
html body .atlas-note .atlas-note-core {
  pointer-events: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode,
html body[data-launch="desktop"] .job-window.window-active.ghost-ledger-mode {
  width: min(1540px, calc(100vw - 84px)) !important;
  height: min(840px, calc(100vh - 104px)) !important;
  min-width: min(1040px, calc(100vw - 84px)) !important;
  min-height: min(660px, calc(100vh - 104px)) !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 32px) !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-body {
  height: calc(100% - 42px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell {
  display: grid !important;
  grid-template-columns: minmax(250px, 300px) minmax(0, 1fr) minmax(260px, 320px) !important;
  grid-template-areas: "job-left job-stage job-right" !important;
  gap: 14px !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell-resizer,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-return {
  display: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-left {
  grid-area: job-left !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-stage {
  grid-area: job-stage !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-right {
  grid-area: job-right !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-left,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-stage,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-right {
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  padding: 14px !important;
  border-radius: 24px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-input {
  min-height: 118px !important;
  max-height: 170px !important;
  overflow: auto !important;
  resize: vertical !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-memory {
  display: grid !important;
  gap: 10px !important;
  max-height: 278px !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output {
  min-height: 0 !important;
  height: 100% !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-matrix,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-hover-panel {
  max-height: 260px !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-rule-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-pressure-card {
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 14px !important;
  border-radius: 18px !important;
  line-height: 1.42 !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card::before,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card::after,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket::before,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket::after,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-pressure-card::before,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-pressure-card::after {
  content: none !important;
  display: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card *,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket *,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-rule-card *,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-pressure-card * {
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 1100px) {
  html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) {
    left: 12px !important;
    right: 12px !important;
    bottom: 82px !important;
    transform: none !important;
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 114px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 114px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    max-height: 184px !important;
  }

  html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-command,
  html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core-actions {
    grid-column: 1 !important;
  }

  html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core-actions {
    grid-template-columns: repeat(3, minmax(72px, 1fr)) !important;
  }

  html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-galaxy-shell {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(260px, 1fr) 210px !important;
    grid-template-areas:
      "orbit"
      "list" !important;
  }

  html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(190px, auto) minmax(300px, 1fr) minmax(190px, auto) !important;
    grid-template-areas:
      "job-left"
      "job-stage"
      "job-right" !important;
  }
}

/* 2026-07-21 // CIPHER CUT: preboot/public shell obeys the same layout law */
html body nav#start-menu.start-menu:not([hidden]) {
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 88px !important;
  transform: translateX(-50%) !important;
  width: min(1080px, calc(100vw - 170px)) !important;
  height: min(660px, calc(100vh - 144px)) !important;
  max-width: min(1080px, calc(100vw - 170px)) !important;
  max-height: min(660px, calc(100vh - 144px)) !important;
  min-width: min(760px, calc(100vw - 170px)) !important;
  min-height: min(520px, calc(100vh - 144px)) !important;
  padding: 18px !important;
  resize: both !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core"
    "galaxy" !important;
  gap: 16px !important;
}

html body nav#start-menu.start-menu:not([hidden]) .start-core {
  grid-area: core !important;
  display: grid !important;
  grid-template-columns: minmax(220px, .72fr) minmax(360px, 1.3fr) !important;
  grid-template-rows: auto auto !important;
  gap: 10px 16px !important;
  align-items: center !important;
  min-height: 118px !important;
  max-height: 146px !important;
  overflow: hidden !important;
}

html body nav#start-menu.start-menu:not([hidden]) .start-core h2 {
  grid-row: 1 / span 2 !important;
  font-size: clamp(30px, 3.2vw, 48px) !important;
  line-height: .92 !important;
}

html body nav#start-menu.start-menu:not([hidden]) .start-command,
html body nav#start-menu.start-menu:not([hidden]) .start-core-actions {
  grid-column: 2 !important;
}

html body nav#start-menu.start-menu:not([hidden]) .start-core-actions {
  grid-template-columns: repeat(6, minmax(74px, 1fr)) !important;
  gap: 8px !important;
}

html body nav#start-menu.start-menu:not([hidden]) .start-galaxy-shell {
  grid-area: galaxy !important;
  display: grid !important;
  grid-template-columns: minmax(410px, 1fr) minmax(290px, 340px) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "orbit list" !important;
  gap: 16px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body nav#start-menu.start-menu:not([hidden]) .start-galaxy-stage {
  grid-area: orbit !important;
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body nav#start-menu.start-menu:not([hidden]) #start-galaxy,
html body nav#start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

html body nav#start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit-node {
  width: clamp(58px, 5.4vw, 78px) !important;
  height: clamp(58px, 5.4vw, 78px) !important;
  border-radius: 999px !important;
}

html body nav#start-menu.start-menu:not([hidden]) .start-window-overview,
html body nav#start-menu.start-menu:not([hidden]) #start-command-memory,
html body nav#start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit-node-state,
html body nav#start-menu.start-menu:not([hidden]) .start-galaxy-detail {
  display: none !important;
}

html body nav#start-menu.start-menu:not([hidden]) .start-menu-list {
  grid-area: list !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  padding: 10px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

html body nav#start-menu.start-menu:not([hidden]) .start-menu-list > button {
  min-height: 62px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  align-items: center !important;
  padding: 10px 12px 10px 58px !important;
  overflow: hidden !important;
}

html body .job-window.ghost-ledger-mode,
html body .job-window.window-active.ghost-ledger-mode {
  width: min(1540px, calc(100vw - 84px)) !important;
  height: min(840px, calc(100vh - 104px)) !important;
  min-width: min(1040px, calc(100vw - 84px)) !important;
  min-height: min(660px, calc(100vh - 104px)) !important;
}

html body .job-window.ghost-ledger-mode .job-body {
  height: calc(100% - 42px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body .job-window.ghost-ledger-mode .job-shell {
  display: grid !important;
  grid-template-columns: minmax(250px, 300px) minmax(0, 1fr) minmax(260px, 320px) !important;
  grid-template-areas: "job-left job-stage job-right" !important;
  gap: 14px !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body .job-window.ghost-ledger-mode .job-shell-resizer,
html body .job-window.ghost-ledger-mode .surface-rail-return,
html body .job-window.ghost-ledger-mode .surface-rail-toggle-row,
html body .job-window.ghost-ledger-mode .job-doctrine-shell {
  display: none !important;
}

html body .job-window.ghost-ledger-mode .job-rail-left {
  grid-area: job-left !important;
}

html body .job-window.ghost-ledger-mode .job-rail-right {
  grid-area: job-right !important;
}

html body .job-window.ghost-ledger-mode .job-rail,
html body .job-window.ghost-ledger-mode .job-stage {
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

@media (max-width: 1100px) {
  html body nav#start-menu.start-menu:not([hidden]) {
    left: 12px !important;
    right: 12px !important;
    bottom: 82px !important;
    transform: none !important;
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 114px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  html body nav#start-menu.start-menu:not([hidden]) .start-core {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    max-height: 184px !important;
  }

  html body nav#start-menu.start-menu:not([hidden]) .start-command,
  html body nav#start-menu.start-menu:not([hidden]) .start-core-actions {
    grid-column: 1 !important;
  }

  html body nav#start-menu.start-menu:not([hidden]) .start-core-actions {
    grid-template-columns: repeat(3, minmax(72px, 1fr)) !important;
  }

  html body nav#start-menu.start-menu:not([hidden]) .start-galaxy-shell {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(260px, 1fr) 210px !important;
    grid-template-areas:
      "orbit"
      "list" !important;
  }

  html body .job-window.ghost-ledger-mode .job-shell {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "job-left"
      "job-stage"
      "job-right" !important;
  }
}

/* 2026-07-20 // CIPHER CUT: Start is a front-gate program orbit, not a takeover panel */
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) {
  width: min(960px, calc(100vw - 96px)) !important;
  height: min(620px, calc(100vh - 128px)) !important;
  max-width: calc(100vw - 96px) !important;
  max-height: calc(100vh - 128px) !important;
  padding: 16px !important;
  gap: 12px !important;
  border-radius: 28px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) > .start-core,
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core {
  min-height: 96px !important;
  grid-template-columns: minmax(178px, .34fr) minmax(280px, 1fr) !important;
  grid-template-rows: 40px 38px !important;
  padding: 12px 14px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core > b {
  font-size: clamp(22px, 2vw, 30px) !important;
  letter-spacing: .16em !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-command-input {
  height: 40px !important;
  min-height: 40px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core-actions {
  grid-template-columns: repeat(6, minmax(68px, 1fr)) !important;
  gap: 7px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core-actions button {
  min-height: 38px !important;
  height: 38px !important;
  font-size: 10px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) > .start-galaxy-shell,
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-galaxy-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 270px !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-areas: "orbit list" !important;
  gap: 12px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-galaxy-stage {
  grid-area: orbit !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) 92px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-galaxy {
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit-core {
  width: clamp(130px, 15vw, 176px) !important;
  height: clamp(130px, 15vw, 176px) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-galaxy .shared-ghost-orbit-node {
  width: clamp(58px, 5vw, 76px) !important;
  height: clamp(58px, 5vw, 76px) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-galaxy-detail {
  min-height: 78px !important;
  max-height: 92px !important;
  overflow: hidden !important;
  margin-top: 8px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-window-overview,
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-command-memory {
  display: none !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list {
  grid-area: list !important;
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  inset: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 8px !important;
  padding: 10px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(133, 238, 255, .20) !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(167, 139, 250, .10), transparent 42%),
    rgba(2, 7, 12, .90) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list > button {
  min-height: 54px !important;
  height: auto !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px 8px 54px !important;
  border-radius: 999px !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list > button::before {
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 999px !important;
}

@media (max-width: 980px) {
  html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) {
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 104px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 104px) !important;
    padding: 12px !important;
  }

  html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) > .start-galaxy-shell,
  html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-galaxy-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) 210px !important;
    grid-template-areas:
      "orbit"
      "list" !important;
  }

  html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core-actions {
    grid-template-columns: repeat(3, minmax(68px, 1fr)) !important;
  }
}

/* 2026-08-06 // CIPHER CUT:
   duplicate clean start-menu authority removed.
   start_menu_final.css now governs size, title scale, field layout, and mobile collapse alone. */

/* 2026-07-20 // CIPHER CUT: no visible Start program scrollbar */
html body[data-launch="desktop"] #start-menu .start-menu-list,
html body[data-launch="desktop"] #start-menu .start-window-overview-list {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scrollbar-gutter: auto !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list::-webkit-scrollbar,
html body[data-launch="desktop"] #start-menu .start-window-overview-list::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* 2026-07-19 // Phantom ledger final readability law: no more war of boxes */
html body[data-launch="desktop"] .job-window.ghost-ledger-mode,
html body[data-launch="desktop"] .job-window {
  width: min(1500px, calc(100vw - 40px)) !important;
  height: min(760px, calc(100vh - 96px)) !important;
  left: max(20px, calc((100vw - min(1500px, calc(100vw - 40px))) / 2)) !important;
  top: max(34px, env(safe-area-inset-top, 0px)) !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-body,
html body[data-launch="desktop"] .job-window .job-body {
  height: calc(100% - 38px) !important;
  padding: 14px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell,
html body[data-launch="desktop"] .job-window .job-shell {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(250px, 0.72fr) minmax(520px, 1.45fr) minmax(250px, 0.72fr) !important;
  gap: 14px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window .job-rail,
html body[data-launch="desktop"] .job-window .job-stage {
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .job-window .job-rail {
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  padding: 14px !important;
}

html body[data-launch="desktop"] .job-window .job-stage {
  grid-template-rows: auto minmax(150px, 0.48fr) minmax(260px, 1fr) !important;
  padding: 14px !important;
}

html body[data-launch="desktop"] .job-window #job-input {
  min-height: 108px !important;
  max-height: 150px !important;
  width: 100% !important;
}

html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .job-window #job-hover-panel,
html body[data-launch="desktop"] .job-window #job-matrix {
  min-width: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: auto !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html body[data-launch="desktop"] .job-window #job-memory {
  display: grid !important;
  grid-auto-rows: min-content !important;
  align-content: start !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .job-window #job-output {
  display: block !important;
  padding: 12px !important;
}

html body[data-launch="desktop"] .job-window #job-output .job-search-shell {
  display: grid !important;
  min-height: 100% !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .job-window .job-lane-grid,
html body[data-launch="desktop"] .job-window .job-detail-grid,
html body[data-launch="desktop"] .job-window .job-snapshot-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .job-window .job-bucket,
html body[data-launch="desktop"] .job-window .job-bucket-simple,
html body[data-launch="desktop"] .job-window .job-card,
html body[data-launch="desktop"] .job-window .job-snapshot-card,
html body[data-launch="desktop"] .job-window .job-detail-grid article,
html body[data-launch="desktop"] .job-window .job-lane,
html body[data-launch="desktop"] .job-window .job-packet,
html body[data-launch="desktop"] .job-window .job-route-hint {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  min-width: 0 !important;
  min-height: auto !important;
  max-width: 100% !important;
  padding: 12px !important;
  display: grid !important;
  gap: 7px !important;
  overflow: hidden !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .job-window .job-bucket *,
html body[data-launch="desktop"] .job-window .job-bucket-simple *,
html body[data-launch="desktop"] .job-window .job-card *,
html body[data-launch="desktop"] .job-window .job-snapshot-card *,
html body[data-launch="desktop"] .job-window .job-detail-grid article *,
html body[data-launch="desktop"] .job-window .job-route-hint * {
  position: static !important;
  transform: none !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .job-window .job-bucket::before,
html body[data-launch="desktop"] .job-window .job-bucket::after,
html body[data-launch="desktop"] .job-window .job-card::before,
html body[data-launch="desktop"] .job-window .job-card::after,
html body[data-launch="desktop"] .job-window .job-snapshot-card::before,
html body[data-launch="desktop"] .job-window .job-snapshot-card::after {
  display: none !important;
  content: none !important;
}

html body[data-launch="desktop"] .job-window .surface-rail-head b,
html body[data-launch="desktop"] .job-window .job-stage-head b,
html body[data-launch="desktop"] .job-window .job-card-top b,
html body[data-launch="desktop"] .job-window .job-bucket b,
html body[data-launch="desktop"] .job-window .job-detail-head b {
  font-size: 12px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.12em !important;
}

html body[data-launch="desktop"] .job-window .surface-rail-head span,
html body[data-launch="desktop"] .job-window .job-stage-head span,
html body[data-launch="desktop"] .job-window .job-card p,
html body[data-launch="desktop"] .job-window .job-card small,
html body[data-launch="desktop"] .job-window .job-bucket small,
html body[data-launch="desktop"] .job-window .job-detail-grid span,
html body[data-launch="desktop"] .job-window .job-snapshot-card small {
  font-size: 12px !important;
  line-height: 1.45 !important;
  letter-spacing: 0.035em !important;
}

html body[data-launch="desktop"] .job-window .job-card,
html body[data-launch="desktop"] .job-window .job-snapshot-card,
html body[data-launch="desktop"] .job-window .job-bucket,
html body[data-launch="desktop"] .job-window .job-bucket-simple,
html body[data-launch="desktop"] .job-window .job-detail-grid article {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  align-content: start !important;
}

html body[data-launch="desktop"] .job-window .job-card-top,
html body[data-launch="desktop"] .job-window .job-bucket b,
html body[data-launch="desktop"] .job-window .job-detail-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body[data-launch="desktop"] .job-window .job-card > span,
html body[data-launch="desktop"] .job-window .job-snapshot-card span,
html body[data-launch="desktop"] .job-window .job-bucket b span {
  display: block !important;
  position: static !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.03em !important;
}

html body[data-launch="desktop"] .job-window .job-card p,
html body[data-launch="desktop"] .job-window .job-card small,
html body[data-launch="desktop"] .job-window .job-bucket small,
html body[data-launch="desktop"] .job-window .job-detail-grid span,
html body[data-launch="desktop"] .job-window .job-snapshot-card small,
html body[data-launch="desktop"] .job-window #job-hover-panel * {
  position: static !important;
  transform: none !important;
}

@media (max-width: 1420px) {
  html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell,
  html body[data-launch="desktop"] .job-window .job-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-launch="desktop"] .job-window .job-rail-left,
  html body[data-launch="desktop"] .job-window .job-rail-right {
    display: none !important;
  }
}

.desktop-icons > * {
  background: transparent !important;
  box-shadow: none !important;
}

.desk-icon {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  min-height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  justify-items: center !important;
  align-content: start !important;
  gap: 8px !important;
}

.desk-icon::before {
  content: none !important;
  display: none !important;
}

.desk-icon span {
  width: 64px !important;
  height: 64px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--persona-color, var(--cyan)) 18%, transparent), transparent 68%),
    linear-gradient(180deg, rgba(9, 15, 24, 0.9), rgba(5, 9, 15, 0.84)) !important;
  border: 1px solid color-mix(in srgb, var(--persona-color, var(--cyan)) 44%, rgba(255,255,255,.08)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 26px color-mix(in srgb, var(--persona-color, var(--cyan)) 24%, transparent) !important;
  filter: none !important;
}

.desk-icon b {
  width: 100% !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 12px !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--persona-color, var(--cyan)) 76%, transparent) !important;
  background: linear-gradient(180deg, rgba(7, 12, 20, 0.88), rgba(5, 9, 15, 0.82)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 18px color-mix(in srgb, var(--persona-color, var(--cyan)) 18%, transparent) !important;
  text-align: center !important;
}

.desk-icon::after {
  display: block !important;
  min-height: 11px !important;
  margin-top: -2px !important;
}

@media (max-height: 860px) {
  .desktop-icons {
    width: 136px !important;
    gap: 10px !important;
  }

  .desk-icon {
    gap: 6px !important;
  }

  .desk-icon span {
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
  }

  .desk-icon b {
    min-height: 30px !important;
    padding: 8px 8px !important;
    font-size: 10px !important;
    letter-spacing: 0.07em !important;
  }

  .glyph-window {
    width: min(1100px, calc(100vw - 68px)) !important;
    height: min(560px, calc(100vh - 132px)) !important;
    min-width: min(980px, calc(100vw - 68px)) !important;
    min-height: min(560px, calc(100vh - 132px)) !important;
  }
}

/* 2026-07-18 // CIPHER BOXCUT: gate title above, Start orbit contained, Phantom Ledger readable */
html body.launch-gate-live #launch-gate .launch-gate-shell::before,
html body:not([data-launch="desktop"]) #launch-gate .launch-gate-shell::before {
  content: "GHOST_OS" !important;
  position: absolute !important;
  left: 50% !important;
  top: clamp(78px, 11vh, 132px) !important;
  z-index: 7 !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  max-width: calc(100vw - 48px) !important;
  color: rgba(238, 250, 255, 0.82) !important;
  font: 900 clamp(24px, 4vw, 62px)/0.95 var(--font-display) !important;
  letter-spacing: clamp(0.14em, 1.1vw, 0.32em) !important;
  opacity: 0.92 !important;
  text-align: center !important;
  text-shadow:
    0 0 18px rgba(238, 252, 255, 0.34),
    0 0 60px rgba(142, 238, 255, 0.22),
    0 0 120px rgba(255, 255, 255, 0.08) !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  animation: gateGhostOsHeaderBreath 6.8s ease-in-out infinite !important;
}

html body.launch-gate-live #launch-gate .gate-constellation-stage,
html body:not([data-launch="desktop"]) #launch-gate .gate-constellation-stage {
  z-index: 3 !important;
}

html body.launch-gate-live #launch-gate .launch-auth-card,
html body:not([data-launch="desktop"]) #launch-gate .launch-auth-card,
html body.launch-gate-live #launch-gate .launch-sound-toggle,
html body:not([data-launch="desktop"]) #launch-gate .launch-sound-toggle {
  z-index: 8 !important;
}

@keyframes gateGhostOsHeaderBreath {
  0%, 100% {
    opacity: 0.72;
    filter: blur(0.1px);
    transform: translateX(-50%) scale(0.988);
  }
  50% {
    opacity: 0.96;
    filter: blur(0);
    transform: translateX(-50%) scale(1.012);
  }
}

html body[data-launch="desktop"] #start-menu[hidden],
html body[data-launch="desktop"] #start-menu[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only:not([hidden]),
html body[data-launch="desktop"] #start-menu:not(.command-searching):not([hidden]) {
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  width: min(1180px, calc(100vw - clamp(72px, 18vw, 320px))) !important;
  height: min(740px, calc(100vh - 142px)) !important;
  min-height: min(620px, calc(100vh - 142px)) !important;
  max-height: calc(100vh - 142px) !important;
  transform: translateX(-50%) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core"
    "galaxy" !important;
  gap: 16px !important;
  overflow: hidden !important;
  padding: 18px !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 50% 52%, rgba(241, 253, 255, 0.2) 0 4%, rgba(142, 238, 255, 0.12) 8%, transparent 35%),
    radial-gradient(circle at 28% 74%, rgba(186, 140, 255, 0.13), transparent 28%),
    radial-gradient(circle at 78% 30%, rgba(255, 92, 132, 0.11), transparent 27%),
    linear-gradient(180deg, rgba(8, 13, 22, 0.96), rgba(2, 5, 10, 0.93)) !important;
  box-shadow:
    0 0 0 1px rgba(163, 234, 255, 0.26),
    0 0 54px rgba(91, 218, 255, 0.12),
    inset 0 0 68px rgba(142, 238, 255, 0.055) !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only .start-core,
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-core {
  grid-area: core !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: minmax(180px, 0.42fr) minmax(320px, 1fr) !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  min-height: 104px !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only .start-core-actions,
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-core-actions {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(84px, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-input,
html body[data-launch="desktop"] #start-menu:not(.command-searching) #start-command-input {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0 !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-galaxy-shell {
  grid-area: galaxy !important;
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-galaxy-stage {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  height: 100% !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only #start-galaxy,
html body[data-launch="desktop"] #start-menu:not(.command-searching) #start-galaxy {
  width: 100% !important;
  height: 100% !important;
  min-height: min(500px, calc(100vh - 330px)) !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only .start-menu-list,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-window-overview,
html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-results:not([hidden]),
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-menu-list,
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-window-overview,
html body[data-launch="desktop"] #start-menu:not(.command-searching) #start-command-results:not([hidden]) {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node {
  width: clamp(72px, 7.2vw, 104px) !important;
  height: clamp(72px, 7.2vw, 104px) !important;
  border-radius: 999px !important;
  aspect-ratio: 1 / 1 !important;
  overflow: visible !important;
  transform: translate(-50%, -50%) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::after {
  display: none !important;
  content: none !important;
}

html body[data-launch="desktop"] #start-menu.command-searching:not(.start-orbit-only):not([hidden]) {
  left: 50% !important;
  right: auto !important;
  width: min(1120px, calc(100vw - clamp(72px, 18vw, 320px))) !important;
  transform: translateX(-50%) !important;
}

html body[data-launch="desktop"] #start-menu.command-searching:not(.start-orbit-only) .start-menu-list {
  display: grid !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode {
  width: min(1680px, calc(100vw - 72px)) !important;
  height: min(900px, calc(100vh - 110px)) !important;
  left: max(36px, env(safe-area-inset-left, 0px)) !important;
  top: max(54px, env(safe-area-inset-top, 0px)) !important;
  color: rgba(239, 250, 255, 0.96) !important;
  letter-spacing: 0.025em !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-body {
  padding: 16px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell {
  display: grid !important;
  grid-template-columns: minmax(300px, 0.72fr) minmax(620px, 1.65fr) minmax(300px, 0.72fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 16px !important;
  min-height: 0 !important;
  height: 100% !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell-resizer,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-return,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-toggle-row,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-doctrine-shell {
  display: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-rail,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-stage {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 90, 132, 0.28) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(9, 17, 25, 0.78), rgba(3, 7, 12, 0.72)),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 6px) !important;
  box-shadow: inset 0 0 34px rgba(255, 92, 132, 0.035) !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-head,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-stage-head {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-input {
  flex: 0 0 178px !important;
  width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 14px !important;
  overflow: auto !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  white-space: pre-wrap !important;
  border-radius: 16px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-memory,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-hover-panel {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: auto !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-memory {
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output {
  flex: 1 1 auto !important;
  display: block !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-hover-panel {
  flex: 1 1 auto !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-search-shell {
  min-height: 100% !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 14px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-search-summary {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-lane-grid,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-grid,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 12px !important;
  min-width: 0 !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-grid article,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-route-hint {
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 90, 132, 0.32) !important;
  border-radius: 16px !important;
  background: rgba(4, 8, 14, 0.72) !important;
  box-shadow: inset 0 0 22px rgba(255, 92, 132, 0.025) !important;
  transform: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket::before,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket::after,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card::before,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card::after,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card::before,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card::after {
  display: none !important;
  content: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-head b,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-stage-head b,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card-top b,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-head b,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket b,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card b,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-grid strong {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.11em !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket b span,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card > span,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card span {
  display: block !important;
  margin-top: 6px !important;
  font-size: clamp(18px, 1.35vw, 26px) !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
  white-space: normal !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-head span,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-stage-head span,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card p,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card small,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket small,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-grid span,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card small {
  font-size: 13px !important;
  line-height: 1.55 !important;
  letter-spacing: 0.035em !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 1180px) {
  html body[data-launch="desktop"] #start-menu.start-orbit-only:not([hidden]),
  html body[data-launch="desktop"] #start-menu:not(.command-searching):not([hidden]) {
    width: calc(100vw - 36px) !important;
    height: min(700px, calc(100vh - 118px)) !important;
    min-height: min(560px, calc(100vh - 118px)) !important;
    bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body[data-launch="desktop"] #start-menu.start-orbit-only .start-core,
  html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-core {
    grid-template-columns: 1fr !important;
  }

  html body[data-launch="desktop"] #start-menu.start-orbit-only .start-core-actions,
  html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-core-actions {
    grid-template-columns: repeat(3, minmax(84px, 1fr)) !important;
  }

  html body[data-launch="desktop"] .job-window.ghost-ledger-mode {
    width: calc(100vw - 36px) !important;
    height: calc(100vh - 100px) !important;
    left: 18px !important;
    top: 18px !important;
  }

  html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell {
    grid-template-columns: 1fr !important;
    overflow: auto !important;
  }
}

@media (max-height: 760px) {
  .desktop-icons {
    top: 16px !important;
    bottom: 84px !important;
    height: auto !important;
    max-height: calc(100vh - 100px) !important;
    width: 126px !important;
    gap: 4px !important;
    padding-right: 2px !important;
  }

  .desk-icon {
    gap: 4px !important;
  }

  .desk-icon span {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  }

  .desk-icon b {
    min-height: 24px !important;
    padding: 6px 6px !important;
    font-size: 9px !important;
    line-height: 1.08 !important;
    letter-spacing: 0.05em !important;
  }

  .desk-icon::after {
    min-height: 4px !important;
    margin-top: 0 !important;
  }
}

.start-menu {
  width: min(1640px, calc(100vw - 34px)) !important;
  max-height: calc(100vh - 28px) !important;
  padding: 16px 16px 20px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(98, 230, 255, 0.06), transparent 24%),
    linear-gradient(180deg, rgba(6, 12, 20, 0.96), rgba(4, 8, 15, 0.94)) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
}

.start-menu .start-core {
  padding: 16px !important;
}

.start-menu .start-core b {
  width: 100% !important;
  justify-items: center !important;
  text-align: center !important;
}

.start-menu .start-core b span {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

.start-menu #start-command-input {
  width: min(100%, 1220px) !important;
  margin: 0 auto !important;
}

.start-menu .start-core-actions {
  width: 100% !important;
  grid-template-columns: repeat(5, minmax(132px, 164px)) !important;
  justify-content: center !important;
}

.start-menu .start-core-actions button {
  min-height: 46px !important;
}

.start-galaxy-shell,
.start-window-overview,
.start-galaxy-stage {
  min-height: 0 !important;
}

.start-window-overview-list {
  max-height: 480px !important;
}

.taskbar {
  min-height: 60px !important;
  height: 60px !important;
  padding: 8px 14px !important;
  gap: 6px !important;
}

.taskbar button {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
}

#media-widget,
#music-mute-toggle,
#progress-widget,
#task-widget {
  min-width: 88px !important;
  padding-inline: 10px !important;
}

#media-widget b,
#music-mute-toggle b,
#progress-widget b,
#task-widget b,
#progress-widget span {
  font-size: 10px !important;
  line-height: 1 !important;
}

#clock,
#clock-shell {
  min-width: 88px !important;
  width: auto !important;
}

.files-window {
  background: linear-gradient(180deg, rgba(7, 12, 20, 0.94), rgba(5, 9, 16, 0.92)) !important;
}

.files-window {
  overflow: hidden !important;
  display: grid !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto auto !important;
}

.files-window > * {
  min-width: 0 !important;
}

.window[hidden] {
  display: none !important;
}

.file-browser-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) repeat(3, max-content) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 14px 16px 0 !important;
}

#file-browser-filter {
  min-width: 0 !important;
}

.file-browser-shell {
  display: grid !important;
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr) !important;
  gap: 14px !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 14px 16px !important;
}

.file-browser-list {
  grid-column: 1 !important;
  min-height: 0 !important;
  overflow: auto !important;
  display: grid !important;
  grid-auto-rows: minmax(64px, auto) !important;
  gap: 8px !important;
  align-content: start !important;
}

.file-browser-item {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 64px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(10, 18, 28, 0.92), rgba(5, 10, 18, 0.9)) !important;
  border: 1px solid rgba(104, 212, 255, 0.22) !important;
}

.file-browser-item i {
  width: 30px !important;
  text-align: center !important;
  color: var(--cyan) !important;
  font-style: normal !important;
}

.file-browser-item div {
  min-width: 0 !important;
}

.file-browser-item b,
.file-browser-item span,
.file-browser-item small {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.file-preview-shell {
  grid-column: 3 !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(9, 15, 24, 0.94), rgba(5, 9, 15, 0.9)) !important;
  border: 1px solid rgba(104, 212, 255, 0.18) !important;
}

.file-preview-stage {
  width: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-rows: minmax(220px, 0.92fr) minmax(180px, 1.08fr) !important;
  gap: 12px !important;
}

.file-drive-map-shell {
  width: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at top left, rgba(116, 192, 252, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(8, 14, 24, 0.96), rgba(5, 9, 16, 0.92)) !important;
  border: 1px solid rgba(104, 212, 255, 0.14) !important;
}

.file-drive-map-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.file-drive-map-head b,
.file-drive-map-head span {
  min-width: 0 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.file-drive-map {
  width: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  border-radius: 14px !important;
  border: 1px solid rgba(104, 212, 255, 0.14) !important;
  background:
    linear-gradient(135deg, rgba(9, 18, 29, 0.98), rgba(4, 8, 15, 0.98)),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.025) 0,
      rgba(255, 255, 255, 0.025) 1px,
      transparent 1px,
      transparent 48px
    ) !important;
}

.file-drive-map-grid {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 220px !important;
}

.file-drive-map-empty {
  width: 100% !important;
  height: 100% !important;
  min-height: 220px !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
  text-align: center !important;
  color: rgba(216, 236, 255, 0.74) !important;
}

.file-drive-tile {
  position: absolute !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  padding: 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
  color: #f4fbff !important;
  text-align: left !important;
  overflow: hidden !important;
  transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease !important;
}

.file-drive-tile:hover,
.file-drive-tile:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(151, 223, 255, 0.58) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24), inset 0 0 0 1px rgba(151, 223, 255, 0.12) !important;
}

.file-drive-tile.active {
  border-color: rgba(116, 223, 255, 0.96) !important;
  box-shadow: 0 0 0 2px rgba(116, 223, 255, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

.file-drive-tile[data-kind="dir"] {
  background: linear-gradient(160deg, rgba(46, 119, 255, 0.42), rgba(7, 22, 44, 0.98)) !important;
}

.file-drive-tile[data-kind="code"] {
  background: linear-gradient(160deg, rgba(70, 196, 255, 0.36), rgba(5, 22, 34, 0.98)) !important;
}

.file-drive-tile[data-kind="document"] {
  background: linear-gradient(160deg, rgba(79, 255, 169, 0.32), rgba(6, 28, 21, 0.98)) !important;
}

.file-drive-tile[data-kind="image"] {
  background: linear-gradient(160deg, rgba(255, 149, 92, 0.34), rgba(36, 14, 7, 0.98)) !important;
}

.file-drive-tile[data-kind="file"] {
  background: linear-gradient(160deg, rgba(180, 124, 255, 0.32), rgba(22, 10, 34, 0.98)) !important;
}

.file-drive-tile-copy {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.file-drive-tile-copy b,
.file-drive-tile-copy span,
.file-drive-tile-copy small {
  min-width: 0 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.file-drive-tile-copy b {
  font-size: 12px !important;
  letter-spacing: 0.09em !important;
}

.file-drive-tile-copy span,
.file-drive-tile-copy small {
  font-size: 11px !important;
  line-height: 1.45 !important;
}

.file-drive-tile.is-tiny {
  padding: 6px !important;
}

.file-drive-tile.is-tiny .file-drive-tile-copy span,
.file-drive-tile.is-tiny .file-drive-tile-copy small {
  display: none !important;
}

.file-preview {
  width: 100% !important;
  min-height: 0 !important;
  overflow: auto !important;
}

.file-browser-resizer {
  grid-column: 2 !important;
}

.file-image-preview {
  display: grid !important;
  gap: 12px !important;
  justify-items: center !important;
}

.file-image-preview img {
  max-width: 100% !important;
  max-height: 60vh !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 14px !important;
}

.drop-zone {
  margin: 0 16px 14px !important;
}

.job-window {
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(8, 13, 22, 0.94), rgba(6, 10, 18, 0.92)) !important;
}

.job-window .job-body {
  display: block !important;
  height: calc(100% - 34px) !important;
  padding: 14px !important;
  overflow: hidden !important;
}

.job-window .job-shell {
  position: relative !important;
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) minmax(300px, 340px) !important;
  grid-template-areas: "job-left job-stage job-right" !important;
  gap: 14px !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

.job-window .job-shell[data-left-rail-open="false"] {
  grid-template-columns: 0 minmax(0, 1fr) minmax(300px, 340px) !important;
}

.job-window .job-shell[data-right-rail-open="false"] {
  grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) 0 !important;
}

.job-window .job-shell[data-left-rail-open="false"][data-right-rail-open="false"] {
  grid-template-columns: minmax(0, 1fr) !important;
}

.job-window .job-shell > * {
  min-width: 0 !important;
  min-height: 0 !important;
}

.job-window .job-rail-left {
  grid-area: job-left !important;
}

.job-window .job-stage {
  grid-area: job-stage !important;
}

.job-window .job-rail-right {
  grid-area: job-right !important;
}

.job-window .job-rail,
.job-window .job-stage {
  min-height: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(8, 14, 24, 0.92), rgba(8, 11, 19, 0.88)) !important;
  border: 1px solid rgba(103, 214, 255, 0.18) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
}

.job-window .job-stage-head,
.job-window .surface-rail-head {
  min-height: 54px !important;
  align-items: center !important;
}

.job-window #job-output .job-search-shell,
.job-window #job-output .job-lane-grid {
  display: grid !important;
}

.job-window #job-output .job-lane-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.job-window #job-output .job-lane {
  min-height: 0 !important;
}

.job-window #job-hover-panel {
  align-content: start !important;
}

.job-window .job-rail {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-content: start !important;
  padding: 14px !important;
}

.job-window .job-stage {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(186px, 240px) minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 14px !important;
}

.job-window .job-rail-left,
.job-window .job-stage,
.job-window .job-rail-right,
.job-window #job-memory,
.job-window #job-matrix,
.job-window #job-output,
.job-window #job-hover-panel {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  transform: none !important;
  float: none !important;
}

.job-window #job-memory,
.job-window #job-matrix,
.job-window #job-output,
.job-window #job-hover-panel,
.job-window .job-route-hint,
.job-window .job-doctrine-shell,
.job-window #job-doctrine-editor {
  min-height: 0 !important;
  overflow: auto !important;
}

.job-window #job-output,
.job-window #job-hover-panel {
  padding-right: 6px !important;
}

.job-window .job-card,
.job-window .job-card-compact,
.job-window .job-detail-card,
.job-window .job-packet,
.job-window .job-lane,
.job-window .job-links-compact,
.job-window .job-detail-grid {
  min-width: 0 !important;
  overflow: hidden !important;
}

.job-window .job-card *,
.job-window .job-card-compact *,
.job-window .job-detail-card *,
.job-window .job-packet *,
.job-window .job-detail-grid * {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.surface-shell .surface-rail-return {
  display: none !important;
  position: absolute !important;
  top: 22px !important;
  z-index: 30 !important;
  width: 42px !important;
  height: 72px !important;
  border-radius: 18px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(103, 214, 255, 0.28) !important;
  background: linear-gradient(180deg, rgba(8, 14, 24, 0.92), rgba(7, 11, 18, 0.88)) !important;
  box-shadow: 0 0 22px rgba(103, 214, 255, 0.12) !important;
}

.surface-shell[data-left-rail-open="false"] .surface-rail-return-left {
  display: inline-flex !important;
  left: 14px !important;
}

.surface-shell[data-right-rail-open="false"] .surface-rail-return-right {
  display: inline-flex !important;
  right: 14px !important;
}

@media (max-width: 1500px) {
  .job-window .job-shell,
  .job-window .job-shell[data-left-rail-open="true"][data-right-rail-open="true"] {
    grid-template-columns: minmax(230px, 280px) minmax(420px, 1fr) minmax(250px, 300px) !important;
  }
}

@media (max-width: 1180px) {
  .file-browser-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .job-window .job-shell,
  .job-window .job-shell[data-left-rail-open="true"][data-right-rail-open="true"] {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "job-stage"
      "job-left"
      "job-right" !important;
  }
}

/* 2026-06-24
   Visual recovery: keep the shell atmospheric, stop flooding the backdrop,
   and move the idle desktop closer to the cleaner doctrine reference. */

.ghost-bleed,
.ghost-bleed span {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.home-command-core {
  position: absolute !important;
  inset: 36px 24px 94px 196px !important;
  z-index: 5 !important;
  pointer-events: none !important;
  opacity: 0.97 !important;
}

.home-shell-grid {
  display: grid !important;
  grid-template-columns: minmax(240px, 0.84fr) minmax(260px, 0.92fr) minmax(260px, 0.92fr) minmax(270px, 0.84fr) !important;
  grid-template-rows: 260px 170px 170px 150px !important;
  grid-template-areas:
    "route hero hero system"
    "route hero hero activity"
    "terminal personas mission activity"
    "memory memory mission activity" !important;
  gap: 16px !important;
  height: 100% !important;
}

.home-shell-panel {
  border-radius: 8px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(104, 224, 255, 0.12) !important;
  background: linear-gradient(180deg, rgba(7, 12, 19, 0.76), rgba(3, 7, 12, 0.68)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.025),
    0 18px 40px rgba(0, 0, 0, 0.14) !important;
  backdrop-filter: blur(8px) !important;
}

.home-shell-panel > b {
  margin-bottom: 10px !important;
  color: rgba(225, 246, 255, 0.94) !important;
  font: 700 11px/1 var(--font-display) !important;
  letter-spacing: 0.22em !important;
}

.home-shell-panel > b::after {
  width: 6px !important;
  height: 6px !important;
}

.home-shell-hero {
  grid-area: hero !important;
  position: relative !important;
  min-height: 0 !important;
  padding: 22px 28px 18px !important;
  display: block !important;
  overflow: hidden !important;
}

.home-shell-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 78%, rgba(101, 245, 255, 0.18), transparent 22%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 22%),
    linear-gradient(90deg, transparent 0 14%, rgba(101, 245, 255, 0.06) 50%, transparent 86%),
    radial-gradient(circle at 22% 66%, rgba(101, 245, 255, 0.09), transparent 18%),
    radial-gradient(circle at 78% 66%, rgba(255, 77, 121, 0.08), transparent 18%) !important;
  pointer-events: none !important;
}

.home-shell-hero::after {
  content: "" !important;
  position: absolute !important;
  left: 14%;
  right: 14%;
  bottom: 14px;
  height: 46%;
  background:
    linear-gradient(to top, rgba(255, 255, 255, 0.04), transparent 38%),
    repeating-linear-gradient(to right, rgba(101, 245, 255, 0.1) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(to bottom, rgba(101, 245, 255, 0.09) 0 1px, transparent 1px 18px);
  clip-path: polygon(0 100%, 100% 100%, 66% 26%, 34% 26%);
  opacity: 0.44;
  pointer-events: none;
}

.home-shell-copy {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  justify-items: center !important;
  text-align: center !important;
  gap: 10px !important;
}

.home-shell-eyebrow {
  color: rgba(137, 226, 247, 0.72) !important;
  font-size: 10px !important;
  letter-spacing: 0.28em !important;
}

.home-shell-copy h2 {
  max-width: 16ch !important;
  color: rgba(247, 252, 255, 0.98) !important;
  font: 700 clamp(34px, 2.7vw, 52px)/1.04 var(--font-display) !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
  text-shadow: 0 0 26px rgba(101, 245, 255, 0.14) !important;
}

.home-shell-copy p {
  max-width: 42ch !important;
  color: rgba(202, 231, 238, 0.74) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.home-shell-tags {
  justify-content: center !important;
  gap: 8px !important;
}

.home-shell-tags span {
  padding: 6px 10px !important;
  border-radius: 999px !important;
  border-color: rgba(113, 225, 255, 0.14) !important;
  background: rgba(4, 8, 14, 0.54) !important;
  font-size: 10px !important;
}

.home-shell-sigil {
  position: absolute !important;
  left: 50% !important;
  bottom: 20px !important;
  transform: translateX(-50%) !important;
  width: 220px !important;
  height: 164px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  place-items: end center !important;
  z-index: 1 !important;
}

.home-shell-sigil::before,
.home-shell-sigil::after {
  content: "" !important;
  position: absolute !important;
  bottom: 26px !important;
  width: 126px !important;
  height: 56px !important;
  border: 0 !important;
  border-radius: 0 !important;
  animation: none !important;
  opacity: 0.44 !important;
}

.home-shell-sigil::before {
  left: -132px !important;
  background:
    linear-gradient(180deg, rgba(101, 245, 255, 0.2), transparent 72%),
    repeating-linear-gradient(to right, rgba(101, 245, 255, 0.66) 0 8px, transparent 8px 18px) !important;
  filter: drop-shadow(0 0 18px rgba(101, 245, 255, 0.2)) !important;
}

.home-shell-sigil::after {
  right: -132px !important;
  background:
    linear-gradient(180deg, rgba(255, 77, 121, 0.18), transparent 72%),
    repeating-linear-gradient(to right, rgba(255, 77, 121, 0.62) 0 8px, transparent 8px 18px) !important;
  filter: drop-shadow(0 0 18px rgba(255, 77, 121, 0.18)) !important;
}

.home-shell-sigil span {
  width: 88px !important;
  height: 96px !important;
  display: block !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' shape-rendering='crispEdges'%3E%3Cpath fill='%23f5fbff' d='M5 1h6v1h1v1h1v8h-1v4h-2v-1H9v1H7v-1H6v1H4v-4H3V3h1V2h1z'/%3E%3Crect x='6' y='5' width='1' height='2' fill='%23050a10'/%3E%3Crect x='10' y='5' width='1' height='2' fill='%23050a10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: drop-shadow(0 0 18px rgba(255, 255, 255, 0.16)) drop-shadow(0 0 22px rgba(101, 245, 255, 0.18)) !important;
}

.launch-emoji-sigil {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' shape-rendering='crispEdges'%3E%3Cpath fill='%23f5fbff' d='M5 1h6v1h1v1h1v8h-1v4h-2v-1H9v1H7v-1H6v1H4v-4H3V3h1V2h1z'/%3E%3Crect x='6' y='5' width='1' height='2' fill='%23050a10'/%3E%3Crect x='10' y='5' width='1' height='2' fill='%23050a10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 78px 88px !important;
  filter: drop-shadow(0 0 20px rgba(255, 179, 71, 0.22)) drop-shadow(0 0 32px rgba(101, 245, 255, 0.18)) !important;
}

.home-route-panel { grid-area: route !important; }
.home-system-panel { grid-area: system !important; }
.home-persona-panel { grid-area: personas !important; }
.home-mission-panel { grid-area: mission !important; }
.home-activity-panel { grid-area: activity !important; }
.home-terminal-panel { grid-area: terminal !important; }
.home-memory-panel { grid-area: memory !important; }

.home-system-ring {
  width: 118px !important;
  height: 118px !important;
  margin: 0 0 12px !important;
  box-shadow:
    inset 0 0 18px rgba(255, 255, 255, 0.03),
    0 0 22px rgba(103, 214, 255, 0.12) !important;
}

.home-system-metrics {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

.home-system-metric,
.home-route-node,
.home-persona-card,
.home-activity-row,
.home-memory-row,
.home-memory-summary,
.home-terminal-panel pre,
.home-mission-row {
  border-radius: 8px !important;
  border-color: rgba(255, 255, 255, 0.04) !important;
  background: linear-gradient(180deg, rgba(8, 14, 22, 0.72), rgba(4, 8, 13, 0.66)) !important;
}

.home-route-grid {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

.home-route-node {
  min-height: 0 !important;
  padding: 12px 14px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--node-color, var(--cyan)) 8%, transparent), rgba(4, 8, 13, 0.7)) !important;
}

.home-persona-stack {
  gap: 10px !important;
}

.home-persona-card {
  padding: 10px 12px !important;
  grid-template-columns: auto 1fr auto !important;
}

.home-persona-card i {
  width: 28px !important;
  height: 28px !important;
  font-size: 14px !important;
}

.home-persona-meter {
  width: 58px !important;
  height: 6px !important;
}

.home-mission-row {
  gap: 7px !important;
}

.home-activity-row {
  border-left-width: 1px !important;
}

.home-terminal-panel pre {
  min-height: 100% !important;
  margin: 0 !important;
  white-space: pre-wrap !important;
}

.home-memory-core {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.home-memory-summary {
  padding: 11px 14px !important;
}

@media (max-width: 1680px) {
  .home-shell-grid {
    grid-template-columns: minmax(240px, 0.8fr) minmax(250px, 0.92fr) minmax(250px, 0.92fr) minmax(240px, 0.8fr) !important;
    grid-template-rows: 240px 160px 164px 146px !important;
  }
}

@media (max-width: 1380px) {
  .home-command-core {
    inset: 28px 18px 94px 182px !important;
  }

  .home-shell-grid {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 240px repeat(5, minmax(124px, auto)) !important;
    grid-template-areas:
      "hero hero"
      "route system"
      "terminal personas"
      "memory mission"
      "activity activity" !important;
  }

  .home-shell-sigil::before,
  .home-shell-sigil::after {
    display: none !important;
  }
}

/* 2026-06-25
   Home shell recovery: keep the desktop open and legible, restore the
   ambient ghost, and stop the hero from clipping at laptop heights. */

.ghost-bleed {
  display: block !important;
  visibility: visible !important;
  opacity: 0 !important;
  transition: opacity .45s ease, filter .45s ease !important;
}

body[data-launch="desktop"] .ghost-bleed {
  opacity: 0.12 !important;
}

body.home-shell-live .ghost-bleed,
body:has(#home-command-core[aria-hidden="false"]) .ghost-bleed {
  opacity: 0.22 !important;
}

body.command-ring-open .ghost-bleed {
  opacity: 0.08 !important;
  filter: blur(1px) saturate(.88) !important;
}

.ghost-bleed span {
  display: grid !important;
  visibility: visible !important;
  width: clamp(92px, 9vw, 148px) !important;
  height: clamp(92px, 9vw, 148px) !important;
  border-color: rgba(122, 220, 255, 0.12) !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(255, 255, 255, 0.08), transparent 22%),
    radial-gradient(circle at 50% 52%, rgba(111, 236, 255, 0.12), transparent 58%),
    rgba(2, 6, 11, 0.22) !important;
  box-shadow:
    inset 0 0 32px rgba(255, 255, 255, 0.02),
    0 0 42px rgba(101, 245, 255, 0.12) !important;
  opacity: 0.34 !important;
  font-size: clamp(40px, 4.8vw, 72px) !important;
  filter: blur(.1px) drop-shadow(0 0 26px rgba(101, 245, 255, 0.16)) !important;
}

.ghost-bleed span:nth-child(1) {
  left: 74% !important;
  top: 12% !important;
  width: clamp(170px, 16vw, 240px) !important;
  height: clamp(170px, 16vw, 240px) !important;
  font-size: clamp(84px, 7vw, 122px) !important;
  opacity: 0.52 !important;
}

.ghost-bleed span:nth-child(2) {
  left: 12% !important;
  top: 62% !important;
  font-size: clamp(34px, 3vw, 48px) !important;
  opacity: 0.18 !important;
}

.ghost-bleed span:nth-child(3) {
  left: 56% !important;
  top: 76% !important;
  width: clamp(76px, 7vw, 112px) !important;
  height: clamp(76px, 7vw, 112px) !important;
  font-size: clamp(28px, 2.6vw, 38px) !important;
  opacity: 0.1 !important;
}

.home-command-core {
  inset: 18px 18px 82px 182px !important;
  z-index: 5 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-right: 6px !important;
  scrollbar-gutter: stable !important;
}

.home-command-core::-webkit-scrollbar {
  width: 6px !important;
}

.home-command-core::-webkit-scrollbar-thumb {
  background: rgba(106, 226, 255, 0.28) !important;
  border-radius: 999px !important;
}

.home-shell-grid {
  min-height: 100% !important;
  height: auto !important;
  align-content: stretch !important;
  grid-template-columns: minmax(220px, 0.88fr) minmax(0, 1.08fr) minmax(226px, 0.88fr) minmax(208px, 0.78fr) !important;
  grid-template-rows: minmax(82px, 0.38fr) minmax(118px, 0.78fr) minmax(136px, 0.94fr) !important;
  grid-template-areas:
    "route hero hero system"
    "terminal terminal personas activity"
    "memory mission mission activity" !important;
  gap: 8px !important;
}

.home-shell-panel {
  min-height: 0 !important;
  border-radius: 7px !important;
  border-color: rgba(104, 224, 255, 0.1) !important;
  background:
    linear-gradient(180deg, rgba(6, 11, 18, 0.74), rgba(3, 7, 12, 0.62)),
    radial-gradient(circle at 18% 0%, rgba(104, 228, 255, 0.06), transparent 34%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.024),
    0 10px 22px rgba(0, 0, 0, 0.14) !important;
  backdrop-filter: blur(6px) !important;
}

.home-shell-panel > b {
  color: rgba(232, 247, 255, 0.96) !important;
  margin-bottom: 6px !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
}

.home-shell-panel > b::after {
  width: 7px !important;
  height: 7px !important;
}

.home-shell-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 3px 8px !important;
  align-items: start !important;
  padding: 7px 10px 6px !important;
}

.home-shell-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 22%),
    repeating-linear-gradient(90deg, rgba(101, 245, 255, 0.05) 0 1px, transparent 1px 18px),
    linear-gradient(90deg, transparent 0 24%, rgba(101, 245, 255, 0.08) 24% 38%, rgba(255, 77, 121, 0.06) 64% 76%, transparent 76% 100%),
    radial-gradient(circle at 26% 60%, rgba(101, 245, 255, 0.1), transparent 22%),
    radial-gradient(circle at 22% 72%, rgba(101, 245, 255, 0.06), transparent 18%) !important;
}

.home-shell-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 34px 14% 18px !important;
  border: 0 !important;
  background:
    linear-gradient(180deg, rgba(101, 245, 255, 0.04), transparent 48%),
    repeating-linear-gradient(90deg, rgba(101, 245, 255, 0.08) 0 2px, transparent 2px 14px),
    linear-gradient(90deg, transparent 0 30%, rgba(101, 245, 255, 0.16) 30% 52%, rgba(255, 77, 121, 0.14) 52% 72%, transparent 72% 100%) !important;
  clip-path: polygon(0 78%, 24% 48%, 76% 48%, 100% 78%, 100% 100%, 0 100%) !important;
  opacity: 0.18 !important;
  pointer-events: none !important;
  animation: homeHeroSweep 14s linear infinite !important;
}

.home-shell-hero-top,
.home-shell-hero-foot {
  position: relative !important;
  z-index: 2 !important;
}

.home-shell-hero-top {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.home-shell-eyebrow {
  margin: 0 !important;
  color: rgba(137, 226, 247, 0.74) !important;
  font-size: 9px !important;
  letter-spacing: 0.22em !important;
}

.home-shell-focus-pill {
  margin: 0 !important;
  max-width: min(42%, 320px) !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(106, 226, 255, 0.12) !important;
  background: rgba(5, 9, 15, 0.56) !important;
  color: rgba(228, 245, 255, 0.88) !important;
  font: 700 8px/1.3 var(--font-display) !important;
  letter-spacing: 0.15em !important;
  text-align: right !important;
}

.home-shell-sigil {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  left: auto !important;
  bottom: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  transform: none !important;
  place-self: auto !important;
  justify-self: auto !important;
  align-self: auto !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.home-shell-sigil::before,
.home-shell-sigil::after {
  content: none !important;
  display: none !important;
}

.home-shell-sigil span {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' shape-rendering='crispEdges'%3E%3Cpath fill='%23f5fbff' d='M5 1h6v1h1v1h1v8h-1v4h-2v-1H9v1H7v-1H6v1H4v-4H3V3h1V2h1z'/%3E%3Crect x='6' y='5' width='1' height='2' fill='%23050a10'/%3E%3Crect x='10' y='5' width='1' height='2' fill='%23050a10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.12)) drop-shadow(0 0 14px rgba(101, 245, 255, 0.1)) !important;
}

.home-shell-hero-foot {
  grid-column: 1 / -1 !important;
  display: grid !important;
  align-content: start !important;
  justify-items: start !important;
  text-align: left !important;
  gap: 4px !important;
  max-width: min(82%, 760px) !important;
  padding-right: 0 !important;
}

.home-shell-next {
  margin: 0 !important;
  max-width: 46ch !important;
  color: rgba(255, 210, 117, 0.84) !important;
  font: 500 8px/1.34 var(--font-mono) !important;
  letter-spacing: 0.08em !important;
}

.home-shell-tags {
  justify-content: flex-start !important;
  gap: 5px !important;
}

.home-shell-tags span {
  border-color: rgba(113, 225, 255, 0.12) !important;
  background: rgba(4, 8, 14, 0.5) !important;
  font-size: 8px !important;
  padding: 3px 6px 2px !important;
}

@keyframes homeHeroSweep {
  0% { transform: translateX(-2%); opacity: 0.14; }
  50% { transform: translateX(2%); opacity: 0.22; }
  100% { transform: translateX(-2%); opacity: 0.14; }
}

.home-route-grid,
.home-persona-stack,
.home-mission-pipeline,
.home-activity-stream,
.home-memory-core,
#home-terminal-feed {
  min-height: 0 !important;
  overflow: auto !important;
}

@media (max-width: 1380px) {
  .home-command-core {
    inset: 18px 16px 84px 168px !important;
  }

  .home-shell-grid {
    grid-template-columns: minmax(200px, 0.84fr) minmax(0, 1fr) minmax(220px, 0.84fr) !important;
    grid-template-rows: minmax(170px, 1.02fr) minmax(136px, 0.82fr) minmax(144px, 0.84fr) !important;
    grid-template-areas:
      "route hero system"
      "terminal personas activity"
      "memory mission activity" !important;
  }

  .home-shell-hero-top {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .home-shell-focus-pill {
    max-width: 100% !important;
    text-align: left !important;
  }
}

@media (max-height: 780px) {
  .home-command-core {
    inset: 14px 12px 76px 154px !important;
  }

  .home-shell-grid {
    gap: 8px !important;
    grid-template-rows: minmax(96px, 0.54fr) minmax(104px, 0.72fr) minmax(112px, 0.84fr) !important;
  }

  .home-shell-panel {
    border-radius: 10px !important;
    padding: 11px 12px !important;
  }

  .home-shell-panel > b {
    font-size: 10px !important;
    margin-bottom: 7px !important;
  }

  .home-shell-hero {
    padding: 8px 10px 7px !important;
  }

  .home-shell-sigil {
    width: 0 !important;
    height: 0 !important;
    right: 0 !important;
    top: 0 !important;
  }

  .home-shell-next {
    font-size: 9px !important;
    max-width: 48ch !important;
  }

  .home-shell-hero-foot {
    padding-right: 0 !important;
  }

  .home-system-panel {
    grid-template-columns: 88px minmax(0, 1fr) !important;
  }

  .home-system-ring {
    width: 88px !important;
    height: 88px !important;
  }
}

/* 2026-06-25
   Launcher recovery: keep the launcher compact, preserve the dock
   constellation above it, and keep all three working lanes visible. */

body.command-ring-open .desktop-icons,
body.command-ring-open .taskbar,
body.command-ring-open .ghost-interrupt,
body.command-ring-open #hover-intel,
body.command-ring-open #memory-glitch {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(0, 10px, 0) !important;
}

body.command-ring-open #running-dock {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 96 !important;
}

body.command-ring-open #dock-constellation {
  opacity: 0.42 !important;
  z-index: 95 !important;
}

.start-menu {
  position: fixed !important;
  inset: 18px 18px 82px !important;
  z-index: 80 !important;
  margin: 0 !important;
  width: auto !important;
  min-height: 0 !important;
  max-height: calc(100vh - 100px) !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 1.04fr) minmax(250px, 0.82fr) minmax(340px, 1fr) !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core core core"
    "memory memory memory"
    "galaxy stack list" !important;
  gap: 12px !important;
  align-content: stretch !important;
  overflow: hidden !important;
  padding: 14px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(116, 192, 252, 0.16) !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(116, 192, 252, 0.06), transparent 26%),
    radial-gradient(circle at 82% 100%, rgba(255, 77, 121, 0.06), transparent 30%),
    linear-gradient(180deg, rgba(5, 10, 17, 0.96), rgba(4, 7, 13, 0.95)) !important;
  backdrop-filter: blur(14px) saturate(1.02) !important;
  box-shadow:
    0 24px 72px rgba(0, 0, 0, 0.4),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
  isolation: isolate !important;
  transform: none !important;
}

.start-menu[hidden] {
  display: none !important;
}

.start-menu .start-radar,
.start-menu .start-world-petals {
  display: none !important;
}

.start-menu .start-hard-close {
  top: 16px !important;
  right: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(116, 192, 252, 0.14) !important;
  background: rgba(6, 10, 16, 0.76) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.start-menu b {
  grid-column: auto !important;
  margin: 0 !important;
}

.start-menu b::before {
  content: none !important;
  display: none !important;
}

.start-menu .start-core {
  grid-area: core !important;
  display: grid !important;
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr) auto !important;
  grid-template-areas: "brand input actions" !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.12)),
    rgba(5, 10, 16, 0.72) !important;
}

.start-menu .start-core b {
  grid-area: brand !important;
  justify-items: start !important;
  text-align: left !important;
  gap: 4px !important;
}

.start-menu .start-core b span {
  font-size: clamp(20px, 1.5vw, 30px) !important;
  letter-spacing: 0.16em !important;
}

.start-menu .start-core small {
  color: rgba(164, 184, 201, 0.76) !important;
  letter-spacing: 0.16em !important;
}

.start-menu #start-command-input {
  grid-area: input !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(116, 192, 252, 0.14) !important;
  background: rgba(3, 7, 12, 0.84) !important;
  text-align: left !important;
  font-size: 14px !important;
  letter-spacing: 0.12em !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

.start-menu #start-command-input::placeholder {
  text-align: left !important;
  letter-spacing: 0.12em !important;
}

.start-menu .start-core-actions {
  grid-area: actions !important;
  width: auto !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(90px, 1fr)) !important;
  justify-content: end !important;
  gap: 8px !important;
}

.start-menu .start-core-actions button {
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
}

#start-command-memory {
  grid-area: memory !important;
  min-height: 0 !important;
  max-height: 84px !important;
  overflow: auto !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.1)),
    rgba(4, 8, 13, 0.7) !important;
}

#start-command-results {
  position: absolute !important;
  left: 50% !important;
  top: 92px !important;
  transform: translateX(-50%) !important;
  width: min(520px, calc(100% - 220px)) !important;
  max-height: 230px !important;
  overflow: auto !important;
  z-index: 8 !important;
}

.start-galaxy-shell {
  display: contents !important;
}

.start-galaxy-stage,
.start-window-overview {
  min-height: 0 !important;
  height: 100% !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.12)),
    rgba(5, 9, 15, 0.7) !important;
}

.start-galaxy-stage {
  grid-area: galaxy !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 10px !important;
}

.start-window-overview {
  grid-area: stack !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 10px !important;
}

.start-galaxy,
.start-window-overview-list,
.start-window-stack {
  min-height: 0 !important;
}

.start-galaxy {
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(8, 14, 22, 0.92), rgba(3, 6, 10, 0.96)) !important;
}

.start-galaxy-detail,
.start-window-stack,
.start-window-row,
.start-window-card,
.start-result {
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.12)),
    rgba(5, 9, 15, 0.76) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.16) !important;
}

.start-window-overview-list {
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

.start-menu .start-menu-list {
  grid-area: list !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-content: start !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

.start-menu .start-menu-list > button {
  position: relative !important;
  min-height: 66px !important;
  padding: 12px 14px 12px 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border-radius: 16px !important;
  border: 1px solid color-mix(in srgb, var(--start-accent, var(--active-color)) 24%, rgba(255,255,255,.08)) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.12)),
    rgba(5, 9, 15, 0.78) !important;
  color: #eff8ff !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  line-height: 1.18 !important;
  text-align: left !important;
  box-shadow: 0 12px 22px rgba(0,0,0,.14) !important;
}

.start-launch-label {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  max-width: 100% !important;
  white-space: normal !important;
}

.start-menu .start-menu-list > button::before {
  position: absolute !important;
  left: 14px !important;
  top: 12px !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  border: 1px solid color-mix(in srgb, var(--start-accent, var(--active-color)) 32%, rgba(255,255,255,.08)) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.14)),
    rgba(6, 11, 18, 0.9) !important;
  color: var(--start-accent, var(--active-color)) !important;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", var(--font-mono) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.start-menu .start-menu-list > button::after {
  content: none !important;
}

.start-menu .start-menu-list > button:hover,
.start-menu .start-menu-list > button:focus-visible,
.start-menu .start-menu-list > button.active {
  transform: translateY(-1px) !important;
  border-color: color-mix(in srgb, var(--start-accent, var(--active-color)) 50%, rgba(255,255,255,.18)) !important;
  box-shadow:
    0 18px 32px rgba(0,0,0,.18),
    0 0 0 1px color-mix(in srgb, var(--start-accent, var(--active-color)) 16%, transparent) !important;
}

.desk-icon span,
.taskbar-cluster > button,
.taskbar .atlas-chip,
.taskbar .core-widget {
  font-family: var(--font-mono) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.desk-icon span {
  font-size: 12px !important;
  color: #eff8ff !important;
}

.taskbar-cluster > button,
.taskbar .atlas-chip {
  font-size: 10px !important;
}

.core-widget-glyph {
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
}

@media (max-width: 1420px) {
  .start-menu {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.92fr) !important;
    grid-template-rows: auto auto minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "core core"
      "memory memory"
      "galaxy list"
      "stack list" !important;
  }

  .start-menu .start-core {
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) !important;
    grid-template-areas:
      "brand actions"
      "input input" !important;
  }

  .start-menu .start-core-actions {
    grid-template-columns: repeat(5, minmax(84px, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  .start-menu {
    inset: 16px 14px 78px !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "core"
      "memory"
      "list"
      "galaxy"
      "stack" !important;
  }

  .start-menu .start-core {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "brand"
      "input"
      "actions" !important;
  }

  .start-menu .start-core-actions,
  .start-menu .start-menu-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px), (max-height: 760px) {
  .start-menu {
    gap: 10px !important;
    padding: 12px !important;
  }

  .start-menu .start-core {
    padding: 10px 12px !important;
  }

  .start-menu #start-command-input {
    min-height: 44px !important;
    font-size: 13px !important;
  }

  .start-menu .start-core-actions button {
    min-height: 34px !important;
    padding: 0 10px !important;
  }

  .start-menu .start-menu-list > button {
    min-height: 60px !important;
    padding: 11px 12px 11px 54px !important;
    font-size: 10px !important;
  }

  .start-menu .start-menu-list > button::before {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    font-size: 13px !important;
  }
}

/* 2026-06-25
   Ghost recovery: remove the wrong ambient ghost layer, restore the pixel
   ghost as a restrained field anchor, and mount the Mythic-grade chat shell
   inside the desktop window without breaking the live desktop controls. */

.ghost-bleed {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.home-shell-live .home-shell-hero {
  position: relative !important;
  overflow: hidden !important;
}

body.home-shell-live .home-shell-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 7% 16% 28% !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle, rgba(120, 233, 255, 0.14), transparent 56%),
    linear-gradient(90deg, rgba(103, 241, 255, 0.08), rgba(255, 98, 159, 0.08)) !important;
  filter: blur(28px) !important;
  opacity: 0.82 !important;
  pointer-events: none !important;
}

body.home-shell-live .home-shell-sigil {
  position: absolute !important;
  right: clamp(40px, 7vw, 84px) !important;
  top: 54% !important;
  left: auto !important;
  bottom: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: clamp(94px, 8vw, 126px) !important;
  height: clamp(108px, 9vw, 150px) !important;
  margin: 0 !important;
  place-self: auto !important;
  justify-self: auto !important;
  align-self: auto !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 1 !important;
  opacity: 0.94 !important;
  pointer-events: none !important;
  animation: ghostChatFieldFloat 15s ease-in-out infinite !important;
}

body.home-shell-live .home-shell-sigil::before,
body.home-shell-live .home-shell-sigil::after {
  content: "" !important;
  position: absolute !important;
  border-radius: 999px !important;
  pointer-events: none !important;
}

body.home-shell-live .home-shell-sigil::before {
  inset: -22px !important;
  border: 1px solid rgba(113, 226, 255, 0.15) !important;
  box-shadow:
    inset 0 0 18px rgba(255, 255, 255, 0.02),
    0 0 38px rgba(101, 245, 255, 0.16) !important;
  opacity: 0.9 !important;
  animation: home-shell-orbit 18s linear infinite !important;
}

body.home-shell-live .home-shell-sigil::after {
  inset: -54px -76px !important;
  background:
    radial-gradient(circle, rgba(246, 252, 255, 0.08), transparent 18%),
    radial-gradient(circle, rgba(99, 241, 255, 0.14), transparent 58%) !important;
  filter: blur(24px) !important;
  opacity: 0.76 !important;
}

body.home-shell-live .home-shell-sigil span {
  width: 72px !important;
  height: 86px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' shape-rendering='crispEdges'%3E%3Cpath fill='%23f5fbff' d='M5 1h6v1h1v1h1v8h-1v4h-2v-1H9v1H7v-1H6v1H4v-4H3V3h1V2h1z'/%3E%3Crect x='6' y='5' width='1' height='2' fill='%23050a10'/%3E%3Crect x='10' y='5' width='1' height='2' fill='%23050a10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter:
    drop-shadow(0 0 18px rgba(255, 255, 255, 0.16))
    drop-shadow(0 0 28px rgba(100, 241, 255, 0.22)) !important;
}

body.home-shell-live .home-shell-hero-top,
body.home-shell-live .home-shell-hero-foot {
  position: relative !important;
  z-index: 2 !important;
}

.chat-window {
  left: 16vw !important;
  top: 74px !important;
  width: min(1180px, 72vw) !important;
  min-width: 820px !important;
  height: min(720px, calc(100vh - 166px)) !important;
  min-height: 540px !important;
}

.chat-window .chat-body {
  height: calc(100% - 30px) !important;
  display: block !important;
  padding: 0 !important;
  background:
    linear-gradient(180deg, rgba(6, 10, 16, 0.98), rgba(3, 6, 10, 0.98)),
    rgba(0, 0, 0, 0.42) !important;
}

.ghost-chat-shell {
  height: 100% !important;
  display: grid !important;
  grid-template-rows: minmax(208px, 248px) minmax(0, 1fr) !important;
}

.ghost-chat-altar {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(180px, 0.72fr) minmax(0, 0.96fr) !important;
  align-items: stretch !important;
  gap: 18px !important;
  padding: 18px 20px 16px !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(110, 225, 255, 0.1) !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(103, 245, 255, 0.08), transparent 30%),
    radial-gradient(circle at 84% 18%, rgba(255, 94, 155, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(8, 12, 18, 0.94), rgba(3, 5, 9, 0.9)) !important;
}

.ghost-chat-altar::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px) !important;
  background-size: 100% 22px, 24px 100% !important;
  opacity: 0.28 !important;
  pointer-events: none !important;
}

.ghost-chat-altar::after {
  content: "" !important;
  position: absolute !important;
  left: 24%;
  right: 10%;
  bottom: 22px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(100, 242, 255, 0.18), rgba(255, 96, 155, 0.18), transparent) !important;
  box-shadow: 0 0 18px rgba(100, 242, 255, 0.2) !important;
  pointer-events: none !important;
}

.ghost-chat-state {
  position: absolute !important;
  top: 18px !important;
  z-index: 3 !important;
  display: grid !important;
  gap: 6px !important;
}

.ghost-chat-state-left {
  left: 20px !important;
}

.ghost-chat-state-right {
  right: 20px !important;
  text-align: right !important;
}

.ghost-chat-state span,
.ghost-chat-metric-label {
  color: rgba(204, 226, 238, 0.58) !important;
  font: 700 10px/1 var(--font-display) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.ghost-chat-state strong {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #f4faff !important;
  font: 700 12px/1.25 var(--font-display) !important;
  letter-spacing: 0.14em !important;
}

.ghost-chat-state strong i {
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: rgba(255, 92, 148, 0.95) !important;
  box-shadow: 0 0 12px rgba(255, 92, 148, 0.6) !important;
}

.ghost-chat-state-right strong {
  justify-content: flex-end !important;
}

.ghost-chat-state strong b {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
}

.ghost-chat-orb-stage {
  position: relative !important;
  align-self: center !important;
  justify-self: center !important;
  width: min(220px, 100%) !important;
  aspect-ratio: 1 !important;
  display: grid !important;
  place-items: center !important;
  z-index: 2 !important;
}

.ghost-chat-ring,
.ghost-chat-orb-glow,
.ghost-chat-sigil {
  position: absolute !important;
  border-radius: 999px !important;
}

.ghost-chat-ring {
  inset: 0 !important;
  border: 1px dashed rgba(255, 255, 255, 0.14) !important;
}

.ghost-chat-ring-a {
  animation: ghostChatSpin 14s linear infinite !important;
}

.ghost-chat-ring-b {
  inset: 10% !important;
  border-style: dotted !important;
  border-color: rgba(100, 242, 255, 0.26) !important;
  animation: ghostChatSpin 18s linear infinite reverse !important;
}

.ghost-chat-ring-c {
  inset: 20% !important;
  border-color: rgba(255, 100, 158, 0.26) !important;
  animation: ghostChatSpin 12s linear infinite !important;
}

.ghost-chat-ring-d {
  inset: 31% !important;
  border: 2px solid rgba(242, 248, 255, 0.2) !important;
  box-shadow:
    inset 0 0 18px rgba(255, 255, 255, 0.03),
    0 0 18px rgba(103, 245, 255, 0.12) !important;
  animation: ghostChatSpin 9s linear infinite reverse !important;
}

.ghost-chat-orb-glow {
  width: 42% !important;
  aspect-ratio: 1 !important;
  background: radial-gradient(circle, rgba(110, 244, 255, 0.34), transparent 62%) !important;
  filter: blur(32px) !important;
  animation: ghostChatPulse 3.6s ease-in-out infinite !important;
}

.ghost-chat-sigil {
  width: 96px !important;
  height: 114px !important;
  display: grid !important;
  place-items: center !important;
  z-index: 3 !important;
}

.ghost-chat-sigil span {
  width: 78px !important;
  height: 92px !important;
  display: block !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' shape-rendering='crispEdges'%3E%3Cpath fill='%23f5fbff' d='M5 1h6v1h1v1h1v8h-1v4h-2v-1H9v1H7v-1H6v1H4v-4H3V3h1V2h1z'/%3E%3Crect x='6' y='5' width='1' height='2' fill='%23050a10'/%3E%3Crect x='10' y='5' width='1' height='2' fill='%23050a10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter:
    drop-shadow(0 0 18px rgba(255, 255, 255, 0.16))
    drop-shadow(0 0 26px rgba(98, 240, 255, 0.24)) !important;
}

.ghost-chat-identity,
.ghost-chat-telemetry {
  position: relative !important;
  z-index: 2 !important;
}

.ghost-chat-identity {
  display: grid !important;
  align-content: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding-right: 18px !important;
}

.ghost-chat-identity p,
.ghost-chat-identity span {
  margin: 0 !important;
  color: rgba(187, 215, 230, 0.72) !important;
  font: 700 11px/1.4 var(--font-display) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.ghost-chat-identity h1 {
  margin: 0 !important;
  color: #f7fbff !important;
  font: 700 clamp(22px, 2vw, 34px)/1.08 var(--font-display) !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-wrap: balance !important;
  text-shadow: 0 0 24px rgba(100, 242, 255, 0.12) !important;
}

.ghost-chat-telemetry {
  display: grid !important;
  align-content: center !important;
  gap: 12px !important;
}

.ghost-chat-metric-card {
  display: grid !important;
  gap: 10px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(109, 224, 255, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(9, 13, 19, 0.78), rgba(4, 7, 12, 0.76)),
    rgba(0, 0, 0, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.ghost-chat-metric-card strong {
  color: #f4faff !important;
  font: 700 14px/1.25 var(--font-display) !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

.ghost-chat-metric-card small {
  color: rgba(185, 210, 222, 0.58) !important;
  font: 700 10px/1.55 var(--font-display) !important;
  letter-spacing: 0.1em !important;
}

.ghost-chat-wave {
  height: 54px !important;
  display: grid !important;
  align-items: center !important;
}

.ghost-chat-wave svg {
  width: 100% !important;
  height: 100% !important;
}

.ghost-chat-wave path {
  fill: none !important;
  stroke: rgba(240, 244, 249, 0.48) !important;
  stroke-width: 2 !important;
}

.ghost-chat-wave .active-wave {
  stroke: rgba(255, 101, 158, 0.92) !important;
  stroke-width: 3 !important;
  filter: drop-shadow(0 0 12px rgba(255, 101, 158, 0.3)) !important;
}

.ghost-chat-console {
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
}

.ghost-chat-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid rgba(109, 224, 255, 0.08) !important;
  background:
    linear-gradient(90deg, rgba(102, 244, 255, 0.08), transparent 42%),
    rgba(0, 0, 0, 0.18) !important;
}

.ghost-chat-head > span {
  color: #f2f8ff !important;
  font: 700 12px/1 var(--font-display) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.ghost-chat-head-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.ghost-chat-head-actions button,
.chat-window .chat-form button {
  border: 1px solid rgba(110, 225, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: #f5fbff !important;
  font: 700 10px/1 var(--font-display) !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.ghost-chat-head-actions button {
  min-height: 34px !important;
  padding: 0 14px !important;
}

.ghost-chat-head-actions button.active {
  border-color: rgba(255, 102, 160, 0.4) !important;
  color: rgba(255, 215, 229, 0.96) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 102, 160, 0.12),
    0 0 16px rgba(255, 102, 160, 0.14) !important;
}

.chat-window .chat-control-row {
  grid-template-columns: 180px 190px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid rgba(109, 224, 255, 0.08) !important;
  background: rgba(2, 6, 11, 0.72) !important;
}

.chat-window .chat-control-row select {
  min-height: 40px !important;
  border: 1px solid rgba(109, 224, 255, 0.14) !important;
  background: rgba(0, 0, 0, 0.36) !important;
  color: #edf8ff !important;
  font: 700 10px/1 var(--font-display) !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.chat-window .chat-log {
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 16px 18px !important;
  overflow: auto !important;
  background:
    linear-gradient(180deg, rgba(7, 10, 16, 0.18), rgba(0, 0, 0, 0)),
    rgba(4, 7, 12, 0.4) !important;
  mask-image: linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%) !important;
}

.chat-window .ghost-line,
.chat-window .operator-line {
  max-width: min(84%, 760px) !important;
  display: grid !important;
  gap: 7px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(110, 225, 255, 0.12) !important;
  border-left: 1px solid rgba(110, 225, 255, 0.2) !important;
  background:
    linear-gradient(180deg, rgba(9, 13, 19, 0.88), rgba(5, 8, 12, 0.8)),
    rgba(0, 0, 0, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.chat-window .ghost-line {
  align-self: flex-start !important;
}

.chat-window .operator-line {
  align-self: flex-end !important;
  text-align: right !important;
  border-color: rgba(255, 105, 160, 0.14) !important;
  border-left-color: rgba(255, 105, 160, 0.28) !important;
}

.chat-window .ghost-line b,
.chat-window .operator-line b {
  margin: 0 !important;
  color: #f5fbff !important;
  font: 700 11px/1 var(--font-display) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.chat-window .ghost-line > span,
.chat-window .operator-line > span {
  color: rgba(230, 238, 244, 0.92) !important;
  line-height: 1.7 !important;
}

.chat-window .thinking-line {
  color: rgba(113, 226, 255, 0.95) !important;
}

.chat-window .chat-form {
  display: flex !important;
  align-items: flex-end !important;
  gap: 12px !important;
  padding: 14px 18px !important;
  border-top: 1px solid rgba(109, 224, 255, 0.08) !important;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0)),
    rgba(2, 6, 11, 0.82) !important;
}

.chat-window .chat-form::before {
  content: ">" !important;
  color: rgba(255, 101, 158, 0.96) !important;
  font: 700 28px/1 var(--font-display) !important;
  transform: translateY(-6px) !important;
}

.chat-window .chat-form textarea {
  min-height: 82px !important;
  max-height: 168px !important;
  flex: 1 !important;
  border: 0 !important;
  background: transparent !important;
  color: #edf8ff !important;
  font: 700 15px/1.55 var(--font) !important;
  letter-spacing: 0.02em !important;
  resize: none !important;
}

.chat-window .chat-form textarea::placeholder {
  color: rgba(197, 211, 220, 0.44) !important;
}

.chat-window .chat-form button {
  min-width: 108px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
}

@keyframes ghostChatSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes ghostChatPulse {
  50% { transform: scale(1.08); opacity: 0.92; }
}

@keyframes ghostChatFieldFloat {
  0%, 100% { transform: translateY(-50%) translateX(0); }
  50% { transform: translateY(calc(-50% - 10px)) translateX(-8px); }
}

@media (max-width: 1440px) {
  .ghost-chat-shell {
    grid-template-rows: minmax(194px, 228px) minmax(0, 1fr) !important;
  }

  .ghost-chat-altar {
    grid-template-columns: minmax(0, 1fr) 190px 0.9fr !important;
    gap: 14px !important;
  }

  .ghost-chat-identity h1 {
    font-size: clamp(19px, 1.7vw, 28px) !important;
  }
}

@media (max-width: 1180px) {
  .chat-window {
    width: min(95vw, 1120px) !important;
    min-width: 0 !important;
    left: 24px !important;
    top: 88px !important;
  }

  .ghost-chat-altar {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    padding-top: 52px !important;
  }

  .ghost-chat-orb-stage,
  .ghost-chat-identity,
  .ghost-chat-telemetry {
    justify-self: stretch !important;
  }

  .ghost-chat-identity {
    padding-right: 0 !important;
    text-align: center !important;
  }

  .ghost-chat-telemetry {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .chat-window .chat-control-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 900px) {
  .ghost-chat-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .ghost-chat-head-actions,
  .ghost-chat-telemetry {
    width: 100% !important;
  }

  .ghost-chat-head-actions {
    justify-content: flex-start !important;
  }
}

/* 2026-06-26
   Final recovery override:
   - restore the running dock and black-hole drag lane
   - bring back the single pixel ghost field instead of random mascot drift
   - mount the desktop chat onto the Mythic console structure */

#running-dock,
.running-dock {
  display: flex !important;
  pointer-events: auto !important;
  gap: 12px !important;
  top: 18px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  min-height: 58px !important;
  z-index: 52 !important;
}

#dock-constellation,
.dock-constellation {
  display: block !important;
  pointer-events: none !important;
  opacity: 0.92 !important;
  z-index: 51 !important;
  filter: drop-shadow(0 0 10px rgba(134, 228, 255, 0.26)) !important;
}

.dock-constellation path {
  stroke-width: 1.45px !important;
}

.dock-constellation .dock-spoke {
  opacity: 0.42 !important;
}

.dock-constellation .dock-halo {
  fill: none !important;
  opacity: 0.38 !important;
  stroke-width: 0.95px !important;
  stroke-dasharray: 2 9 !important;
  animation: dockTrace 22s linear infinite reverse !important;
}

.dock-constellation .dock-halo-ring {
  fill: none !important;
  stroke: rgba(182, 231, 255, 0.34) !important;
  stroke-width: 0.9px !important;
  stroke-dasharray: 5 11 !important;
  opacity: 0.46 !important;
}

#running-dock .mini-dot,
.running-dock .mini-dot {
  width: 54px !important;
  height: 54px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(255, 255, 255, 0.18), transparent 32%),
    radial-gradient(circle at 50% 56%, color-mix(in srgb, var(--dot-color, var(--active-color)) 32%, transparent), transparent 66%),
    rgba(3, 7, 12, 0.84) !important;
  border: 1px solid color-mix(in srgb, var(--dot-color, var(--active-color)) 62%, rgba(255, 255, 255, 0.08)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    0 0 24px color-mix(in srgb, var(--dot-color, var(--active-color)) 34%, transparent) !important;
  font-size: 22px !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
  cursor: pointer !important;
}

#running-dock .mini-dot.dragging,
.running-dock .mini-dot.dragging {
  cursor: grabbing !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 0 26px color-mix(in srgb, var(--dot-color, var(--active-color)) 42%, transparent),
    0 16px 34px rgba(0, 0, 0, 0.3) !important;
}

#running-dock .mini-dot span,
.running-dock .mini-dot span {
  line-height: 1 !important;
  filter: drop-shadow(0 0 14px color-mix(in srgb, var(--dot-color, var(--active-color)) 42%, transparent)) !important;
}

#running-dock .mini-dot small,
.running-dock .mini-dot small {
  top: 58px !important;
  min-width: 104px !important;
}

.ghost-bleed {
  display: block !important;
  visibility: visible !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

body[data-launch="desktop"] .ghost-bleed,
body:not(.home-shell-live) .ghost-bleed {
  opacity: 0 !important;
}

body.home-shell-live .ghost-bleed,
body:has(#home-command-core[aria-hidden="false"]) .ghost-bleed {
  opacity: 0 !important;
}

.ghost-bleed span:not(:first-child) {
  display: none !important;
}

.ghost-bleed .ghost-bleed-core:nth-child(1) {
  left: 51% !important;
  top: 54% !important;
  width: 210px !important;
  height: 230px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 56%, rgba(120, 234, 255, 0.08), transparent 28%),
    radial-gradient(circle at 50% 56%, rgba(255, 93, 153, 0.04), transparent 54%) !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 0.32 !important;
  animation: ghostFieldDrift 14s ease-in-out infinite !important;
}

.ghost-bleed .ghost-bleed-core::before {
  content: "" !important;
  position: absolute !important;
  inset: 18px 42px 24px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' shape-rendering='crispEdges'%3E%3Cpath fill='%23f5fbff' d='M5 1h6v1h1v1h1v8h-1v4h-2v-1H9v1H7v-1H6v1H4v-4H3V3h1V2h1z'/%3E%3Crect x='6' y='5' width='1' height='2' fill='%23050a10'/%3E%3Crect x='10' y='5' width='1' height='2' fill='%23050a10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter:
    drop-shadow(0 0 18px rgba(255, 255, 255, 0.22))
    drop-shadow(0 0 38px rgba(102, 236, 255, 0.24)) !important;
}

.ghost-bleed .ghost-bleed-core::after {
  content: "" !important;
  position: absolute !important;
  inset: 12% 16% !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(104, 226, 255, 0.12), transparent 70%) !important;
  filter: blur(12px) !important;
  opacity: 0.52 !important;
  animation: ghostFieldPulse 5.6s ease-in-out infinite !important;
}

body.home-shell-live .home-shell-hero {
  position: relative !important;
  overflow: hidden !important;
}

body.home-shell-live .home-shell-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 18% 18% 24% !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;
  background-size: 100% 22px, 28px 100% !important;
  mask-image: radial-gradient(circle at 50% 50%, #000 0 62%, transparent 100%) !important;
  opacity: 0.32 !important;
}

body.home-shell-live .home-shell-hero::after {
  content: "" !important;
  position: absolute !important;
  right: 8% !important;
  bottom: 20% !important;
  width: 26% !important;
  height: 34% !important;
  background:
    repeating-linear-gradient(90deg, rgba(104, 228, 255, 0.22) 0 8px, transparent 8px 16px),
    linear-gradient(180deg, rgba(255, 93, 153, 0.18), transparent 78%) !important;
  opacity: 0.26 !important;
  filter: blur(0.2px) !important;
}

body.home-shell-live .home-shell-hero-top,
body.home-shell-live .home-shell-hero-foot {
  position: relative !important;
  z-index: 2 !important;
}

body.home-shell-live .home-shell-focus-pill {
  max-width: 44% !important;
  font-size: 8px !important;
  line-height: 1.3 !important;
}

body.home-shell-live .home-shell-next {
  max-width: 48% !important;
  font-size: 8px !important;
  line-height: 1.34 !important;
}

body.home-shell-live .home-shell-tags {
  max-width: 52% !important;
  gap: 5px !important;
}

body.home-shell-live .home-shell-tags span {
  font-size: 8px !important;
}

body.home-shell-live .home-shell-sigil {
  width: 0 !important;
  height: 0 !important;
  left: auto !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  animation: none !important;
}

body.home-shell-live .home-shell-sigil::before,
body.home-shell-live .home-shell-sigil::after {
  content: none !important;
  display: none !important;
}

body.home-shell-live .home-shell-sigil span {
  font-size: 0 !important;
  color: transparent !important;
  background: none !important;
  filter: none !important;
}

.chat-window {
  --chat-accent: #ff4d79;
  left: max(120px, 12vw) !important;
  top: 62px !important;
  width: min(1180px, calc(100vw - 212px));
  min-width: 820px !important;
  max-width: calc(100vw - 212px) !important;
  height: min(780px, calc(100vh - 116px));
  min-height: 560px !important;
  max-height: calc(100vh - 116px) !important;
  overflow: hidden !important;
}

.chat-window .window-bar {
  position: relative !important;
  z-index: 3 !important;
  background:
    linear-gradient(90deg, rgba(255, 94, 155, 0.1), transparent 42%),
    rgba(6, 8, 12, 0.92) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--chat-accent) 22%, rgba(255, 255, 255, 0.08)) !important;
}

.chat-window .window-bar span {
  color: #f3f7fb !important;
  letter-spacing: 0.16em !important;
}

.chat-window .chat-body {
  height: calc(100% - 32px) !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--chat-accent) 12%, transparent), transparent 30%),
    linear-gradient(180deg, rgba(7, 9, 14, 0.98), rgba(3, 5, 8, 0.99)) !important;
}

.chat-window .glass-panel {
  position: relative !important;
  overflow: hidden !important;
  background: rgba(9, 10, 15, 0.72) !important;
  border: 1px solid color-mix(in srgb, var(--chat-accent) 18%, rgba(255, 255, 255, 0.08)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 38px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(18px) saturate(1.06) !important;
}

.chat-window .bracketed::before,
.chat-window .bracketed::after {
  content: "" !important;
  position: absolute !important;
  width: 10px !important;
  height: 10px !important;
  border: 1px solid color-mix(in srgb, var(--chat-accent) 52%, rgba(255, 255, 255, 0.18)) !important;
  opacity: 0.56 !important;
  pointer-events: none !important;
}

.chat-window .bracketed::before {
  top: 0 !important;
  left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}

.chat-window .bracketed::after {
  right: 0 !important;
  bottom: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
}

.chat-window .communion-zone {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  height: 100% !important;
  padding: 14px !important;
}

.chat-window .altar {
  flex: 0 0 clamp(248px, 30vh, 340px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.chat-window .field-grid {
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px) !important;
  background-size: 64px 64px !important;
  mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, #000 70%, transparent 100%) !important;
  opacity: 0.58 !important;
}

.chat-window .state-chip {
  position: absolute !important;
  top: 18px !important;
  z-index: 2 !important;
}

.chat-window .state-left {
  left: 18px !important;
}

.chat-window .state-right {
  right: 18px !important;
  text-align: right !important;
  opacity: 0.62 !important;
}

.chat-window .state-chip span,
.chat-window .metric-label {
  display: block !important;
  color: rgba(182, 196, 214, 0.62) !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}

.chat-window .state-chip strong {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #f1f5f9 !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
}

.chat-window .state-right strong {
  justify-content: flex-end !important;
}

.chat-window .state-chip i {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--chat-accent) !important;
  box-shadow: 0 0 12px var(--chat-accent) !important;
}

.chat-window .orb-stage {
  position: relative !important;
  width: min(30vh, 300px) !important;
  aspect-ratio: 1 !important;
  display: grid !important;
  place-items: center !important;
}

.chat-window .ring,
.chat-window .orb-glow,
.chat-window .emoji-sigil {
  position: absolute !important;
  border-radius: 50% !important;
}

.chat-window .ring {
  border: 1px dashed rgba(255, 255, 255, 0.16) !important;
  z-index: 1 !important;
}

.chat-window .ring-a { inset: 0 !important; animation: homeGhostOrbit 12s linear infinite !important; }
.chat-window .ring-b {
  inset: 8% !important;
  border-color: color-mix(in srgb, var(--chat-accent) 28%, transparent) !important;
  border-style: dotted !important;
  animation: homeGhostOrbit 16s linear infinite reverse !important;
}
.chat-window .ring-c {
  inset: 16% !important;
  border-color: color-mix(in srgb, var(--chat-accent) 42%, transparent) !important;
  animation: homeGhostOrbit 10s linear infinite !important;
}
.chat-window .ring-d {
  inset: 26% !important;
  border: 2px solid color-mix(in srgb, var(--chat-accent) 62%, transparent) !important;
  box-shadow:
    inset 0 0 20px color-mix(in srgb, var(--chat-accent) 22%, transparent),
    0 0 20px color-mix(in srgb, var(--chat-accent) 22%, transparent) !important;
  animation: homeGhostOrbit 8s linear infinite reverse !important;
}

.chat-window .orb-glow {
  width: 42% !important;
  aspect-ratio: 1 !important;
  background: color-mix(in srgb, var(--chat-accent) 24%, transparent) !important;
  filter: blur(52px) !important;
  animation: ghostFieldPulse 3s ease-in-out infinite !important;
  z-index: 2 !important;
}

.chat-window .emoji-sigil {
  inset: 50% auto auto 50% !important;
  z-index: 4 !important;
  width: clamp(72px, 10vh, 118px) !important;
  height: clamp(72px, 10vh, 118px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: clamp(52px, 8vh, 98px) !important;
  line-height: 1 !important;
  transform: translate(-50%, -50%) translateY(-2px) !important;
  filter: drop-shadow(0 0 60px color-mix(in srgb, var(--chat-accent) 52%, transparent)) !important;
}

.chat-window .entity-identity {
  position: absolute !important;
  bottom: 10px !important;
  left: 50% !important;
  z-index: 8 !important;
  max-width: min(88%, 420px) !important;
  text-align: center !important;
  padding: 6px 12px !important;
  background: rgba(0, 0, 0, 0.48) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  backdrop-filter: blur(10px) !important;
  transform: translateX(-50%) !important;
}

.chat-window .entity-identity h1 {
  color: #fff !important;
  font-size: clamp(18px, 1.8vw, 24px) !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 12px var(--chat-accent) !important;
}

.chat-window .entity-identity p {
  margin-top: 6px !important;
  color: rgba(169, 183, 199, 0.78) !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.chat-window .altar-telemetry {
  position: absolute !important;
  inset: 0 !important;
  z-index: 9 !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}

.chat-window .altar-telemetry > div {
  position: absolute !important;
  display: grid !important;
  gap: 8px !important;
  padding: 10px !important;
  pointer-events: auto !important;
}

.chat-window .telemetry-resonance {
  left: 16px !important;
  bottom: 10px !important;
  width: clamp(118px, 10vw, 150px) !important;
}

.chat-window .telemetry-tone {
  display: none !important;
}

.chat-window .telemetry strong {
  color: #f1f5f9 !important;
  font-size: 16px !important;
  text-shadow: 0 0 10px color-mix(in srgb, var(--chat-accent) 35%, transparent) !important;
}

.chat-window .bar-stack {
  height: 12px !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 4px !important;
}

.chat-window .bar-stack span {
  flex: 1 !important;
  background: color-mix(in srgb, var(--chat-accent) 62%, transparent) !important;
  box-shadow: 0 0 5px color-mix(in srgb, var(--chat-accent) 55%, transparent) !important;
}

.chat-window .tone-vector {
  position: relative !important;
  min-height: 56px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,0.024) 1px, transparent 1px),
    rgba(0, 0, 0, 0.35) !important;
  background-size: 38px 100%, 100% 18px, 100% 100% !important;
  overflow: hidden !important;
}

.chat-window .tone-vector::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--chat-accent) 18%, transparent), transparent) !important;
  transform: translateX(-120%) !important;
  opacity: 0.28 !important;
  animation: toneScan 4.8s linear infinite !important;
}

.chat-window .tone-vector svg {
  width: 100% !important;
  height: calc(100% - 24px) !important;
  min-height: 38px !important;
}

.chat-window .tone-vector path {
  fill: none !important;
  stroke: #52525b !important;
  stroke-width: 2 !important;
  stroke-dasharray: 9 12 !important;
  animation: toneGhostDrift 13s linear infinite !important;
}

.chat-window .tone-vector .active-wave {
  stroke: var(--chat-accent) !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 18 8 4 8 !important;
  filter: drop-shadow(0 0 4px var(--chat-accent)) drop-shadow(0 0 14px color-mix(in srgb, var(--chat-accent) 42%, transparent)) !important;
  animation: toneWaveFlow 3.4s linear infinite !important;
}

.chat-window .tone-vector small {
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 6px !important;
  color: #f1f5f9 !important;
  font-size: 9px !important;
  letter-spacing: 0.08em !important;
  background: rgba(0, 0, 0, 0.58) !important;
  padding: 4px 6px !important;
}

.chat-window .chat-shell {
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.chat-window .chat-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.chat-window .chat-head > span {
  color: #f1f5f9 !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
}

.chat-window .chat-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.chat-window .chat-tools button {
  min-height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: #dfe7ef !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
}

.chat-window .chat-tools button.active,
.chat-window .chat-tools button:hover {
  border-color: color-mix(in srgb, var(--chat-accent) 70%, rgba(255, 255, 255, 0.16)) !important;
  color: #fff !important;
  box-shadow: 0 0 12px color-mix(in srgb, var(--chat-accent) 18%, transparent) !important;
}

.chat-window .ghost-wake-strip,
.chat-window .record-mode-panel {
  display: grid !important;
  grid-template-columns: 1fr repeat(3, auto) !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--chat-accent) 10%, transparent), transparent 72%),
    rgba(0,0,0,0.24) !important;
}

.chat-window .ghost-wake-strip strong,
.chat-window .record-mode-panel strong {
  display: block !important;
  color: #f2f7fb !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
}

.chat-window .ghost-wake-strip span,
.chat-window .record-mode-panel span {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(180, 192, 208, 0.74) !important;
  font-size: 12px !important;
}

.chat-window .ghost-wake-strip button,
.chat-window .record-mode-panel button {
  min-height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255,255,255,0.035) !important;
  color: #dfe7ef !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
}

.chat-window .record-mode-panel {
  display: none !important;
  border-bottom-color: color-mix(in srgb, var(--chat-accent) 20%, transparent) !important;
  background: rgba(0,0,0,0.34) !important;
}

.chat-window .record-mode-panel.show {
  display: grid !important;
}

.chat-window .chat-control-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.chat-window .chat-control-row select {
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(0, 0, 0, 0.48) !important;
  color: #f1f5f9 !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
}

.chat-window .chat-stream {
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  mask-image: linear-gradient(to bottom, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%) !important;
}

.chat-window .message {
  max-width: 86% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.chat-window .message.operator {
  align-self: flex-end !important;
  text-align: right !important;
}

.chat-window .message.system {
  align-self: flex-start !important;
}

.chat-window .msg-meta {
  color: rgba(175, 188, 204, 0.72) !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.chat-window .msg-content {
  line-height: 1.62 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 12px 14px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  overflow-wrap: anywhere !important;
  font-size: 14px !important;
  color: #f1f5f9 !important;
}

.chat-window .message.system .msg-content {
  border-left: 2px solid var(--chat-accent) !important;
  background: color-mix(in srgb, var(--chat-accent) 7%, transparent) !important;
}

.chat-window .message.typing .msg-content::after {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 16px !important;
  margin-left: 4px !important;
  background: var(--chat-accent) !important;
  vertical-align: -2px !important;
  animation: cursorBlink 0.8s steps(2, end) infinite !important;
}

.chat-window .persona-chat-orb {
  display: none !important;
  justify-items: center !important;
  gap: 8px !important;
  padding: 6px 0 12px !important;
}

body.voice-transcription-active .chat-window .persona-chat-orb {
  display: grid !important;
}

.chat-window .persona-chat-orb-core {
  width: 72px !important;
  height: 72px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 1px solid color-mix(in srgb, var(--chat-accent) 48%, rgba(255, 255, 255, 0.08)) !important;
  background:
    radial-gradient(circle at 35% 28%, rgba(255,255,255,0.9), color-mix(in srgb, var(--chat-accent) 72%, #111827) 36%, rgba(0,0,0,0.94) 100%) !important;
  box-shadow:
    0 0 38px color-mix(in srgb, var(--chat-accent) 42%, transparent),
    inset 0 0 18px rgba(255,255,255,0.12) !important;
  font-size: 34px !important;
}

.chat-window .persona-chat-orb-words {
  min-height: 20px !important;
  max-width: min(520px, 90%) !important;
  text-align: center !important;
  color: rgba(178, 192, 207, 0.72) !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.chat-window .persona-chat-orb-words span {
  margin: 0 4px !important;
  opacity: 0.34 !important;
}

.chat-window .persona-chat-orb-words span.hot {
  opacity: 1 !important;
  color: #fff !important;
  text-shadow: 0 0 14px var(--chat-accent) !important;
}

.chat-window .input-dock {
  min-height: 64px !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(0, 0, 0, 0.35) !important;
}

.chat-window .input-dock > span {
  color: var(--chat-accent) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.chat-window .input-dock textarea {
  min-width: 0 !important;
  flex: 1 !important;
  min-height: 52px !important;
  max-height: 132px !important;
  border: 0 !important;
  background: transparent !important;
  color: #f1f5f9 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  resize: none !important;
  overflow-y: auto !important;
  padding: 6px 0 !important;
}

.chat-window .input-dock textarea::placeholder {
  color: rgba(177, 191, 208, 0.48) !important;
}

.chat-window #voice-dock-button,
.chat-window #send-button {
  align-self: stretch !important;
  min-width: 88px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: #f1f5f9 !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
}

.chat-window #voice-dock-button.active,
.chat-window #send-button:hover,
.chat-window #voice-dock-button:hover {
  border-color: color-mix(in srgb, var(--chat-accent) 70%, rgba(255, 255, 255, 0.16)) !important;
  color: #fff !important;
}

/* 2026-06-26
   Dock + ghost polish pass:
   - make the background ghost visible as a separate lower-field hologram
   - reduce dock clipping by flowing the mesh downward from the minimized lane
   - compact the bottom rail so it fits the viewport more like the reference shell */

#running-dock,
.running-dock {
  top: 8px !important;
  gap: 8px !important;
  min-height: 42px !important;
  max-width: min(42vw, 560px) !important;
  width: max-content !important;
  min-width: 0 !important;
  padding: 4px 6px 6px !important;
  justify-content: center !important;
  border-radius: 18px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

#running-dock[hidden],
.running-dock[hidden] {
  display: none !important;
}

#running-dock .mini-dot,
.running-dock .mini-dot {
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
}

#running-dock .mini-dot small,
.running-dock .mini-dot small {
  top: 40px !important;
  min-width: 84px !important;
  font-size: 8px !important;
}

body.home-shell-live .ghost-bleed,
body:has(#home-command-core[aria-hidden="false"]) .ghost-bleed {
  opacity: 0 !important;
}

body.home-shell-live .ghost-bleed span,
body:has(#home-command-core[aria-hidden="false"]) .ghost-bleed span {
  display: none !important;
}

body.home-shell-live .ghost-bleed::before,
body:has(#home-command-core[aria-hidden="false"]) .ghost-bleed::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 10% !important;
  width: min(42vw, 720px) !important;
  height: 22vh !important;
  transform: translateX(-50%) !important;
  background:
    radial-gradient(circle at 50% 86%, rgba(111, 236, 255, 0.18), transparent 24%),
    repeating-linear-gradient(90deg, rgba(104, 228, 255, 0.08) 0 2px, transparent 2px 28px),
    linear-gradient(180deg, rgba(104, 228, 255, 0.1), rgba(255, 91, 145, 0.02) 70%, transparent) !important;
  clip-path: polygon(28% 0, 72% 0, 100% 100%, 0 100%) !important;
  opacity: 0.16 !important;
  filter: blur(0.2px) !important;
}

.ghost-bleed .ghost-bleed-core:nth-child(1) {
  left: 50% !important;
  top: 62% !important;
  width: 182px !important;
  height: 206px !important;
  opacity: 0.11 !important;
  animation-duration: 22s !important;
}

.ghost-bleed .ghost-bleed-core::before {
  inset: 28px 44px 34px !important;
  opacity: 0.28 !important;
  filter:
    drop-shadow(0 0 10px rgba(255, 255, 255, 0.14))
    drop-shadow(0 0 22px rgba(102, 236, 255, 0.12)) !important;
}

.ghost-bleed .ghost-bleed-core::after {
  inset: 18% 16% !important;
  opacity: 0.24 !important;
}

.ghost-bleed .ghost-bleed-echo {
  left: 50% !important;
  top: 62% !important;
  width: 246px !important;
  height: 118px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 56%, rgba(112, 232, 255, 0.16), transparent 18%),
    radial-gradient(circle at 50% 56%, rgba(255, 90, 146, 0.08), transparent 44%),
    repeating-linear-gradient(90deg, rgba(118, 228, 255, 0.08) 0 2px, transparent 2px 20px) !important;
  box-shadow: none !important;
  filter: blur(0.2px) !important;
  opacity: 0.18 !important;
  animation:
    ghostFieldPulse 6.8s ease-in-out infinite,
    ghostFieldDrift 19s ease-in-out infinite !important;
}

.ghost-bleed .ghost-bleed-echo::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 34px !important;
  width: 76px !important;
  height: 92px !important;
  transform: translateX(-50%) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' shape-rendering='crispEdges'%3E%3Cpath fill='%23f5fbff' d='M5 1h6v1h1v1h1v8h-1v4h-2v-1H9v1H7v-1H6v1H4v-4H3V3h1V2h1z'/%3E%3Crect x='6' y='5' width='1' height='2' fill='%23050a10'/%3E%3Crect x='10' y='5' width='1' height='2' fill='%23050a10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: 0.74 !important;
  filter:
    drop-shadow(0 0 12px rgba(255, 255, 255, 0.14))
    drop-shadow(0 0 22px rgba(100, 240, 255, 0.16)) !important;
}

.ghost-bleed .ghost-bleed-echo::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 6px !important;
  width: 138px !important;
  height: 32px !important;
  transform: translateX(-50%) !important;
  border-radius: 50% !important;
  border: 1px solid rgba(103, 241, 255, 0.22) !important;
  background:
    radial-gradient(circle, rgba(114, 236, 255, 0.2), transparent 64%) !important;
  box-shadow:
    0 0 14px rgba(102, 236, 255, 0.1),
    inset 0 0 12px rgba(102, 236, 255, 0.08) !important;
}

.taskbar {
  position: fixed !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 12px !important;
  width: auto !important;
  min-height: 74px !important;
  padding: 8px 12px !important;
  gap: 7px !important;
  align-items: center !important;
  border-radius: 28px !important;
  border: 1px solid rgba(136, 223, 255, 0.24) !important;
  background:
    linear-gradient(180deg, rgba(17, 25, 34, 0.9), rgba(5, 9, 14, 0.88)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 0 1px rgba(110, 226, 255, 0.04),
    0 24px 60px rgba(0, 0, 0, 0.34) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  z-index: 58 !important;
}

body.home-shell-live .home-command-core {
  position: absolute !important;
}

body.home-shell-live .home-command-core::before {
  content: none !important;
  display: none !important;
}

body.home-shell-live .home-command-core::after {
  content: none !important;
  display: none !important;
}

body.home-shell-live .home-shell-grid {
  position: relative !important;
  z-index: 2 !important;
}

.taskbar::-webkit-scrollbar {
  display: none !important;
}

.taskbar::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(108, 233, 255, 0.06) 24%, transparent 42%, rgba(255, 102, 168, 0.05) 74%, transparent 100%) !important;
  pointer-events: none !important;
}

.taskbar > *,
.taskbar-cluster,
.taskbar-widgets,
.theme-switcher,
#daemon-text,
#latency-readout,
#clock {
  position: relative !important;
  z-index: 1 !important;
}

.taskbar-cluster {
  gap: 8px !important;
}

.taskbar-divider {
  height: 38px !important;
  opacity: 0.4 !important;
}

.taskbar button,
.taskbar .start,
.notify-galaxy,
#admin-focus,
#agentic-focus {
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  pointer-events: auto !important;
}

.taskbar .start {
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  border-radius: 15px !important;
}

#media-widget,
#music-mute-toggle,
#progress-widget,
#task-widget,
#sleep-toggle {
  min-width: auto !important;
  width: auto !important;
  height: 42px !important;
  padding: 0 12px !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  white-space: nowrap !important;
}

#sleep-toggle {
  min-width: 64px !important;
}

#media-widget b,
#music-mute-toggle b,
#progress-widget b,
#task-widget b,
#progress-widget span {
  font-size: 11px !important;
}

#music-mute-toggle {
  color: rgba(120, 231, 255, 0.86) !important;
  border-color: rgba(91, 216, 255, 0.26) !important;
}

#music-mute-toggle.is-live {
  box-shadow:
    inset 0 0 0 1px rgba(119, 235, 255, 0.14),
    0 0 20px rgba(84, 225, 255, 0.14) !important;
}

#music-mute-toggle.is-muted {
  color: rgba(159, 168, 182, 0.72) !important;
  border-color: rgba(82, 92, 112, 0.24) !important;
  box-shadow: none !important;
}

.mini-tone {
  min-width: 92px !important;
  height: 40px !important;
  padding: 0 10px !important;
}

.theme-switcher {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: 4px !important;
}

.theme-switcher button {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
}

#daemon-text,
#latency-readout,
#clock {
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  white-space: nowrap !important;
}

#clock {
  min-width: 72px !important;
  text-align: right !important;
}

@media (max-width: 1680px) {
  .taskbar {
    left: 14px !important;
    right: 14px !important;
    bottom: 12px !important;
    gap: 6px !important;
    padding: 10px 12px !important;
  }

  .taskbar button,
  .taskbar .start,
  .notify-galaxy,
  #admin-focus,
  #agentic-focus {
    min-width: 40px !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 15px !important;
  }

  .taskbar .start {
    min-width: 46px !important;
    width: 46px !important;
    height: 46px !important;
  }

#media-widget,
#music-mute-toggle,
#progress-widget,
#task-widget,
#sleep-toggle {
  padding: 0 10px !important;
  font-size: 9px !important;
  }

  .mini-tone {
    min-width: 82px !important;
  }

  .theme-switcher button {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
  }

  #daemon-text {
    display: none !important;
  }
}

@media (max-width: 1480px) {
  #latency-readout {
    display: none !important;
  }
}

@media (max-width: 1380px) {
  .taskbar-widgets {
    gap: 6px !important;
  }

#media-widget,
#music-mute-toggle,
#progress-widget,
#task-widget,
#sleep-toggle {
  padding: 0 8px !important;
  font-size: 8px !important;
  }

#media-widget b,
#music-mute-toggle b,
#progress-widget span,
#task-widget b {
  display: none !important;
}

  .mini-tone {
    min-width: 70px !important;
    padding: 0 8px !important;
  }

  .theme-switcher {
    gap: 6px !important;
  }

  .theme-switcher button {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
  }
}

@media (max-width: 1320px) {
  .taskbar {
    gap: 5px !important;
    padding: 10px 10px !important;
  }

  .theme-switcher {
    gap: 4px !important;
    margin-left: 2px !important;
  }

  .theme-switcher button {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
  }

  .taskbar-cluster {
    gap: 6px !important;
  }

  #clock {
    min-width: 60px !important;
  }
}

/* 2026-06-26
   Home shell motif pass:
   - orbit/router map panel
   - job genome DNA strand
   - kernel wall module
   - richer activity stream rows */

.home-route-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;
}

.home-orbit-map {
  position: relative !important;
  min-height: 114px !important;
  padding: 10px 10px 38px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(112, 229, 255, 0.08) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 20%),
    radial-gradient(circle at 50% 50%, rgba(105, 240, 255, 0.08), transparent 42%),
    linear-gradient(180deg, rgba(8, 14, 22, 0.82), rgba(4, 8, 12, 0.7)) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.home-orbit-gridlines {
  position: absolute !important;
  inset: 0 !important;
  background:
    repeating-linear-gradient(0deg, rgba(110, 220, 244, 0.03) 0 1px, transparent 1px 14px),
    repeating-linear-gradient(90deg, rgba(110, 220, 244, 0.028) 0 1px, transparent 1px 18px) !important;
  opacity: 0.7 !important;
  pointer-events: none !important;
}

.home-orbit-svg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.home-orbit-svg path,
.home-orbit-ring {
  fill: none !important;
  stroke: rgba(105, 240, 255, 0.22) !important;
  stroke-width: 0.9 !important;
  stroke-dasharray: 3 6 !important;
}

.home-orbit-ring-wide {
  stroke: rgba(255, 95, 155, 0.12) !important;
}

.home-orbit-floorline {
  stroke: rgba(255, 211, 124, 0.18) !important;
}

.home-orbit-core,
.home-route-readout-row,
.home-memory-log .home-memory-row {
  border: 1px solid color-mix(in srgb, var(--node-color, var(--home-accent, var(--cyan))) 22%, rgba(255, 255, 255, 0.05)) !important;
  background: linear-gradient(180deg, rgba(8, 15, 24, 0.78), rgba(4, 8, 13, 0.64)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02) !important;
}

.home-orbit-core,
.home-orbit-lane i,
.home-activity-row i {
  font-style: normal !important;
}

.home-orbit-side {
  position: absolute !important;
  top: 12px !important;
  bottom: 40px !important;
  width: 92px !important;
  display: grid !important;
  align-content: space-between !important;
  gap: 6px !important;
  z-index: 2 !important;
}

.home-orbit-side-left { left: 10px !important; }
.home-orbit-side-right { right: 10px !important; }

.home-orbit-node-chip {
  padding: 5px 6px !important;
  border-radius: 999px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 5px !important;
  z-index: 2 !important;
  border: 1px solid color-mix(in srgb, var(--node-color, var(--cyan)) 24%, rgba(255,255,255,0.05)) !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--node-color, var(--cyan)) 10%, transparent), transparent 68%),
    rgba(5, 9, 15, 0.56) !important;
}

.home-orbit-node-chip i {
  color: color-mix(in srgb, var(--node-color, var(--cyan)) 82%, white) !important;
  font-size: 11px !important;
}

.home-orbit-node-chip b,
.home-route-readout-row b,
.home-panel-head b,
.home-kernel-stat b,
.home-kernel-readout-head b,
.home-genome-trace-row b {
  display: block !important;
  margin: 0 !important;
  color: rgba(239, 250, 255, 0.96) !important;
  font: 700 10px/1.12 var(--font-display) !important;
  letter-spacing: 0.13em !important;
}

.home-orbit-node-chip b,
.home-route-readout-copy b,
.home-genome-trace-row b {
  white-space: nowrap !important;
}

.home-route-readout-row small,
.home-panel-head small,
.home-kernel-stat span,
.home-kernel-readout-head small,
.home-activity-copy span,
.home-genome-meta span {
  color: rgba(133, 210, 224, 0.64) !important;
  font: 500 9px/1.28 var(--font-mono) !important;
}

.home-orbit-core-meter,
.home-route-readout-meter,
.home-kernel-readout-meter {
  height: 2px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  overflow: hidden !important;
}

.home-orbit-core-meter u,
.home-route-readout-meter u,
.home-kernel-readout-meter u {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, color-mix(in srgb, var(--meter-color, var(--cyan)) 82%, white), color-mix(in srgb, var(--meter-color, var(--cyan)) 42%, transparent)) !important;
  box-shadow: 0 0 14px color-mix(in srgb, var(--meter-color, var(--cyan)) 28%, transparent) !important;
}

.home-orbit-core {
  position: absolute !important;
  left: 50% !important;
  top: 53% !important;
  width: 112px !important;
  padding: 8px 10px 9px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 16px !important;
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
  text-align: center !important;
  --node-color: var(--cyan) !important;
  z-index: 2 !important;
}

.home-orbit-core i {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(0, 0, 0, 0.26) !important;
}

.home-orbit-core-meter {
  width: 100% !important;
  margin-top: 2px !important;
}

.home-orbit-floor {
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  z-index: 2 !important;
}

.home-orbit-floor span {
  padding: 3px 6px 2px !important;
  border: 1px solid rgba(113, 225, 255, 0.1) !important;
  border-radius: 999px !important;
  background: rgba(5, 9, 15, 0.56) !important;
  color: rgba(228, 245, 255, 0.82) !important;
  font: 700 8px/1.2 var(--font-display) !important;
  letter-spacing: 0.14em !important;
}

.home-route-readout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
}

.home-route-readout-row {
  padding: 4px 7px !important;
  border-radius: 10px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) 62px !important;
  align-items: center !important;
  gap: 7px !important;
}

.home-route-readout-row i {
  color: color-mix(in srgb, var(--node-color, var(--cyan)) 82%, white) !important;
  font-style: normal !important;
  font-size: 12px !important;
}

.home-route-readout-copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.home-route-readout-copy small,
.home-genome-trace-row span,
.home-memory-row span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.home-panel-head small,
.home-kernel-stat span,
.home-activity-copy span {
  color: rgba(184, 223, 230, 0.72) !important;
  font: 500 10px/1.35 var(--font-mono) !important;
}

.home-memory-core {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}

.home-memory-board {
  display: grid !important;
  gap: 8px !important;
}

.home-genome-rack,
.home-kernel-rack {
  display: grid !important;
  gap: 7px !important;
}

.home-kernel-rack {
  padding-top: 8px !important;
  border-top: 1px solid rgba(111, 223, 246, 0.1) !important;
}

.home-panel-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.home-genome-rack-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.home-dna-strand {
  display: grid !important;
  gap: 5px !important;
  min-height: 62px !important;
}

.home-dna-rung {
  position: relative !important;
  height: 8px !important;
}

.home-dna-node,
.home-dna-bridge {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.home-dna-node {
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--strand-color, var(--cyan)) 78%, white) !important;
  box-shadow: 0 0 14px color-mix(in srgb, var(--strand-color, var(--cyan)) 52%, transparent) !important;
}

.home-dna-node-a { left: var(--left-a) !important; }
.home-dna-node-b { left: var(--left-b) !important; }

.home-dna-bridge {
  left: calc(var(--left-a) + 5px) !important;
  width: calc(var(--left-b) - var(--left-a) - 10px) !important;
  height: 1px !important;
  background: linear-gradient(90deg, color-mix(in srgb, var(--strand-color, var(--cyan)) 60%, transparent), rgba(255,255,255,0.75), color-mix(in srgb, var(--strand-color, var(--cyan)) 60%, transparent)) !important;
  opacity: 0.8 !important;
}

.home-dna-label {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: rgba(255, 211, 124, 0.76) !important;
  font: 700 8px/1 var(--font-display) !important;
  letter-spacing: 0.16em !important;
}

.home-genome-meta {
  display: grid !important;
  gap: 2px !important;
  min-width: 112px !important;
  justify-items: end !important;
  text-align: right !important;
}

.home-genome-meta strong {
  color: rgba(247, 252, 255, 0.98) !important;
  font: 700 18px/1 var(--font-display) !important;
  letter-spacing: 0.08em !important;
}

.home-genome-meta small {
  color: color-mix(in srgb, var(--node-color, var(--cyan)) 72%, white) !important;
  font: 700 9px/1.25 var(--font-display) !important;
  letter-spacing: 0.12em !important;
}

.home-genome-trace {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 4px !important;
}

.home-genome-trace-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  gap: 6px !important;
  padding-top: 3px !important;
  border-top: 1px solid color-mix(in srgb, var(--node-color, var(--cyan)) 18%, rgba(255,255,255,0.05)) !important;
}

.home-genome-trace-row small {
  color: color-mix(in srgb, var(--node-color, var(--cyan)) 72%, white) !important;
  font: 600 8px/1.2 var(--font-mono) !important;
}

.home-kernel-rack-body {
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
}

.home-kernel-cube {
  width: 60px !important;
  height: 60px !important;
  display: grid !important;
  place-items: center !important;
}

.home-kernel-cube svg {
  width: 100% !important;
  height: 100% !important;
  fill: none !important;
  stroke: color-mix(in srgb, var(--node-color, var(--cyan)) 74%, rgba(255, 255, 255, 0.6)) !important;
  stroke-width: 1.8 !important;
  filter: drop-shadow(0 0 18px color-mix(in srgb, var(--node-color, var(--cyan)) 28%, transparent)) !important;
}

.home-kernel-stack {
  display: grid !important;
  gap: 5px !important;
}

.home-kernel-stat {
  display: grid !important;
  grid-template-columns: auto auto !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.home-kernel-readout {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.home-kernel-readout-row {
  display: grid !important;
  gap: 4px !important;
}

.home-kernel-readout-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.home-memory-log {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 5px !important;
}

.home-memory-log .home-memory-row {
  padding: 6px 8px !important;
  border-radius: 10px !important;
  display: grid !important;
  gap: 2px !important;
}

.home-activity-stream {
  display: grid !important;
  gap: 8px !important;
}

.home-system-ring {
  width: 98px !important;
  height: 98px !important;
  margin: 0 !important;
}

.home-system-ring span {
  font-size: 20px !important;
}

.home-system-metrics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  align-content: start !important;
}

.home-system-panel {
  display: grid !important;
  grid-template-columns: 98px minmax(0, 1fr) !important;
  align-content: start !important;
  column-gap: 12px !important;
}

.home-system-panel > b {
  grid-column: 1 / -1 !important;
}

.home-system-metric {
  min-height: 0 !important;
  padding: 6px 7px !important;
}

.home-system-metric b {
  font-size: 9px !important;
}

.home-system-metric span {
  font-size: 10px !important;
}

.home-system-metric small {
  font-size: 8px !important;
  line-height: 1.28 !important;
}

.home-activity-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: start !important;
  border-left: 2px solid color-mix(in srgb, var(--row-color, var(--cyan)) 72%, transparent) !important;
}

.home-activity-row i {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(0, 0, 0, 0.24) !important;
  color: color-mix(in srgb, var(--row-color, var(--cyan)) 78%, white) !important;
}

.home-activity-copy {
  display: grid !important;
  gap: 4px !important;
}

.home-activity-row small {
  margin-top: 2px !important;
  white-space: nowrap !important;
}

@media (max-width: 1380px) {
  .home-kernel-readout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home-memory-log {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@keyframes ghostFieldDrift {
  0%, 100% { transform: translate(-50%, -50%) translateY(0); }
  50% { transform: translate(-50%, -50%) translateY(-14px); }
}

@keyframes ghostFieldPulse {
  0%, 100% { opacity: 0.72; }
  50% { opacity: 1; }
}

@keyframes homeGhostFloat {
  0%, 100% { transform: translate(-50%, -16%); }
  50% { transform: translate(-50%, -21%); }
}

@keyframes homeGhostOrbit {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* 2026-06-29
   Home shell density cut:
   - restore the pixel ghost as an environmental field
   - pull the hero back from billboard mode
   - sharpen panels and reduce toy-rounding
   - give the home shell its own scroll lane above the dock */

body.home-shell-live .home-command-core {
  inset: 16px 18px 88px 182px !important;
  z-index: 3 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 6px !important;
  pointer-events: auto !important;
  scrollbar-gutter: stable both-edges !important;
}

body.home-shell-live .home-command-core::before {
  content: "" !important;
  position: absolute !important;
  inset: 6% 14% 11% 11% !important;
  background:
    linear-gradient(rgba(104, 228, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(104, 228, 255, 0.035) 1px, transparent 1px) !important;
  background-size: 100% 22px, 34px 100% !important;
  mask-image: linear-gradient(180deg, transparent 0 7%, #000 16% 84%, transparent 100%) !important;
  opacity: 0.32 !important;
  pointer-events: none !important;
}

body.home-shell-live .home-command-core::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 10% !important;
  width: min(48vw, 760px) !important;
  height: 26vh !important;
  transform: translateX(-50%) !important;
  background:
    radial-gradient(circle at 50% 82%, rgba(104, 228, 255, 0.22), transparent 18%),
    repeating-linear-gradient(90deg, rgba(104, 228, 255, 0.08) 0 2px, transparent 2px 24px),
    linear-gradient(180deg, rgba(104, 228, 255, 0.12), rgba(255, 94, 155, 0.04) 68%, transparent) !important;
  clip-path: polygon(28% 0, 72% 0, 100% 100%, 0 100%) !important;
  opacity: 0.2 !important;
  pointer-events: none !important;
}

body.home-shell-live .home-shell-grid {
  min-height: max-content !important;
  height: auto !important;
  align-content: start !important;
  grid-template-columns: minmax(204px, 0.82fr) minmax(0, 1.16fr) minmax(212px, 0.8fr) minmax(188px, 0.74fr) !important;
  grid-template-rows: minmax(70px, auto) minmax(120px, auto) minmax(132px, auto) !important;
  gap: 8px !important;
}

body.home-shell-live .home-shell-panel {
  padding: 8px 10px !important;
  border-radius: 5px !important;
  border-color: rgba(104, 224, 255, 0.1) !important;
  background:
    linear-gradient(180deg, rgba(5, 10, 17, 0.78), rgba(2, 5, 10, 0.66)),
    radial-gradient(circle at 16% 0%, rgba(104, 228, 255, 0.06), transparent 34%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.02),
    0 8px 18px rgba(0, 0, 0, 0.16) !important;
  backdrop-filter: blur(4px) saturate(1.03) !important;
}

body.home-shell-live .home-shell-panel::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 14px !important;
  height: 14px !important;
  border-top: 1px solid rgba(104, 228, 255, 0.24) !important;
  border-right: 1px solid rgba(104, 228, 255, 0.24) !important;
  opacity: 0.58 !important;
  pointer-events: none !important;
}

body.home-shell-live .home-shell-panel > b {
  margin-bottom: 5px !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
}

body.home-shell-live .home-shell-panel > b::after {
  width: 5px !important;
  height: 5px !important;
}

body.home-shell-live .home-shell-hero {
  min-height: 0 !important;
  padding: 8px 10px 7px !important;
  gap: 4px 7px !important;
}

body.home-shell-live .home-shell-hero::before {
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 22%),
    repeating-linear-gradient(90deg, rgba(101, 245, 255, 0.042) 0 1px, transparent 1px 22px),
    linear-gradient(90deg, transparent 0 26%, rgba(101, 245, 255, 0.1) 26% 40%, rgba(255, 77, 121, 0.07) 63% 76%, transparent 76% 100%),
    radial-gradient(circle at 28% 62%, rgba(101, 245, 255, 0.1), transparent 22%) !important;
}

body.home-shell-live .home-shell-hero::after {
  inset: auto !important;
  right: 7% !important;
  bottom: 8% !important;
  width: 38% !important;
  height: 46% !important;
  background:
    linear-gradient(180deg, rgba(101, 245, 255, 0.04), transparent 48%),
    repeating-linear-gradient(90deg, rgba(101, 245, 255, 0.08) 0 2px, transparent 2px 14px),
    linear-gradient(90deg, transparent 0 30%, rgba(101, 245, 255, 0.14) 30% 52%, rgba(255, 77, 121, 0.1) 52% 72%, transparent 72% 100%) !important;
  clip-path: polygon(0 82%, 26% 44%, 74% 44%, 100% 82%, 100% 100%, 0 100%) !important;
  opacity: 0.24 !important;
}

body.home-shell-live .home-shell-focus-pill {
  max-width: 34% !important;
  padding: 3px 6px !important;
  font-size: 7px !important;
}

body.home-shell-live .home-shell-next {
  max-width: 50ch !important;
  font-size: 8px !important;
  line-height: 1.36 !important;
}

body.home-shell-live .home-shell-tags {
  max-width: 62% !important;
  gap: 4px !important;
}

body.home-shell-live .home-shell-tags span,
body.home-shell-live .home-orbit-node-chip,
body.home-shell-live .home-orbit-floor span {
  border-radius: 4px !important;
}

body.home-shell-live .home-shell-tags button {
  appearance: none !important;
  padding: 4px 6px 3px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(113, 225, 255, 0.16) !important;
  background: rgba(4, 8, 14, 0.52) !important;
  color: rgba(222, 246, 255, 0.86) !important;
  font: 700 8px/1 var(--font-display) !important;
  letter-spacing: 0.14em !important;
}

body.home-shell-live .home-system-panel {
  grid-template-columns: 84px minmax(0, 1fr) !important;
  column-gap: 8px !important;
}

body.home-shell-live .home-system-ring {
  width: 84px !important;
  height: 84px !important;
}

body.home-shell-live .home-system-ring span {
  font-size: 18px !important;
}

body.home-shell-live .home-system-metrics,
body.home-shell-live .home-route-grid,
body.home-shell-live .home-persona-stack,
body.home-shell-live .home-mission-pipeline,
body.home-shell-live .home-activity-stream,
body.home-shell-live .home-memory-core {
  gap: 6px !important;
}

body.home-shell-live .home-system-metric,
body.home-shell-live .home-route-readout-row,
body.home-shell-live .home-persona-card,
body.home-shell-live .home-activity-row,
body.home-shell-live .home-mission-row,
body.home-shell-live .home-memory-log .home-memory-row {
  padding: 6px 7px !important;
  border-radius: 5px !important;
}

body.home-shell-live .home-orbit-map {
  min-height: 104px !important;
  padding: 8px 8px 34px !important;
  border-radius: 6px !important;
}

body.home-shell-live .home-orbit-core {
  width: 104px !important;
  padding: 7px 8px 8px !important;
  border-radius: 8px !important;
}

body.home-shell-live .home-route-readout-row {
  grid-template-columns: auto minmax(0, 1fr) 54px !important;
}

body.home-shell-live .home-persona-card {
  grid-template-columns: auto minmax(0, 1fr) 54px !important;
  gap: 8px !important;
}

body.home-shell-live .home-persona-card i {
  width: 24px !important;
  height: 24px !important;
  font-size: 12px !important;
  border-radius: 4px !important;
}

body.home-shell-live .home-persona-meter {
  width: 54px !important;
  height: 5px !important;
}

body.home-shell-live .home-terminal-panel pre {
  padding: 8px 9px !important;
  font-size: 10px !important;
  line-height: 1.38 !important;
}

body.home-shell-live .home-genome-rack-body {
  grid-template-columns: minmax(0, 1fr) 94px !important;
  gap: 8px !important;
}

body.home-shell-live .home-dna-strand {
  min-height: 54px !important;
}

body.home-shell-live .home-genome-meta {
  min-width: 94px !important;
}

body.home-shell-live .home-genome-meta strong {
  font-size: 16px !important;
}

body.home-shell-live .home-kernel-rack-body {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 8px !important;
}

body.home-shell-live .home-kernel-cube {
  width: 48px !important;
  height: 48px !important;
}

body.home-shell-live .home-kernel-readout {
  gap: 5px !important;
}

body.home-shell-live .home-activity-row i {
  width: 22px !important;
  height: 22px !important;
  font-size: 11px !important;
  border-radius: 4px !important;
}

body.home-shell-live .home-activity-copy {
  gap: 2px !important;
}

body.home-shell-live .desktop-icons {
  width: 144px !important;
  gap: 14px !important;
}

body.home-shell-live .desk-icon span {
  width: 58px !important;
  height: 58px !important;
  border-radius: 14px !important;
}

body.home-shell-live .desk-icon b {
  min-height: 34px !important;
  padding: 8px 10px !important;
  font-size: 10px !important;
}

body.home-shell-live .taskbar {
  min-height: 66px !important;
  padding: 7px 10px !important;
  gap: 6px !important;
  border-radius: 20px !important;
}

body.home-shell-live .taskbar button,
body.home-shell-live .taskbar .start,
body.home-shell-live .notify-galaxy,
body.home-shell-live #admin-focus,
body.home-shell-live #agentic-focus {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
}

body.home-shell-live .taskbar .start {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
}

body.home-shell-live #media-widget,
body.home-shell-live #progress-widget,
body.home-shell-live #task-widget,
body.home-shell-live #sleep-toggle,
body.home-shell-live .mini-tone {
  height: 36px !important;
  min-width: auto !important;
  padding: 0 10px !important;
}

body.home-shell-live .theme-switcher button {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
}

body.home-shell-live .ghost-bleed {
  opacity: 0.82 !important;
  z-index: 1 !important;
}

body.home-shell-live .ghost-bleed span {
  display: block !important;
}

body.home-shell-live .ghost-bleed::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 11% !important;
  width: min(46vw, 760px) !important;
  height: 24vh !important;
  transform: translateX(-50%) !important;
  background:
    radial-gradient(circle at 50% 86%, rgba(111, 236, 255, 0.18), transparent 22%),
    repeating-linear-gradient(90deg, rgba(104, 228, 255, 0.08) 0 2px, transparent 2px 22px),
    linear-gradient(180deg, rgba(104, 228, 255, 0.1), rgba(255, 91, 145, 0.03) 70%, transparent) !important;
  clip-path: polygon(28% 0, 72% 0, 100% 100%, 0 100%) !important;
  opacity: 0.22 !important;
  pointer-events: none !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1) {
  left: 50% !important;
  top: 61% !important;
  width: 210px !important;
  height: 236px !important;
  opacity: 0.26 !important;
  animation-duration: 18s !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::before {
  inset: 20px 42px 28px !important;
  opacity: 0.96 !important;
  filter:
    drop-shadow(0 0 12px rgba(255, 255, 255, 0.18))
    drop-shadow(0 0 28px rgba(102, 236, 255, 0.18)) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::after {
  opacity: 0.42 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-echo {
  display: block !important;
  top: 68% !important;
  width: 300px !important;
  height: 142px !important;
  opacity: 0.24 !important;
}

/* 2026-07-02
   Desktop readability cut:
   - remove the toy corner brackets
   - make orbit/router readable at desktop density
   - rely on the lower-field hologram ghost instead of the bad canvas sprite
   - strengthen panel contrast so the shell reads like an operator surface */

body.home-shell-live .home-command-core {
  inset: 18px 20px 94px 186px !important;
  padding-right: 10px !important;
}

body.home-shell-live .home-shell-grid {
  grid-template-columns: minmax(250px, 0.95fr) minmax(0, 1.18fr) minmax(244px, 0.9fr) minmax(224px, 0.84fr) !important;
  grid-template-rows: minmax(96px, auto) minmax(200px, auto) minmax(236px, auto) !important;
  grid-template-areas:
    "route hero hero system"
    "terminal terminal personas activity"
    "memory mission mission activity" !important;
  gap: 10px !important;
}

body.home-shell-live .home-shell-panel {
  padding: 10px 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(112, 230, 255, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(5, 10, 16, 0.94), rgba(2, 5, 10, 0.9)),
    radial-gradient(circle at 18% 0%, rgba(104, 228, 255, 0.08), transparent 36%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 12px 24px rgba(0, 0, 0, 0.24) !important;
  backdrop-filter: blur(8px) saturate(1.02) !important;
}

body.home-shell-live .home-shell-panel::after {
  content: none !important;
  display: none !important;
}

body.home-shell-live .home-shell-panel > b {
  margin-bottom: 7px !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
}

body.home-shell-live .home-shell-hero {
  min-height: 118px !important;
  padding: 10px 12px !important;
  grid-template-columns: minmax(0, 1fr) 96px !important;
  gap: 8px 10px !important;
}

body.home-shell-live .home-shell-hero::after {
  width: 30% !important;
  height: 34% !important;
  opacity: 0.14 !important;
}

body.home-shell-live .home-shell-focus-pill {
  max-width: 42% !important;
}

body.home-shell-live .home-shell-next {
  max-width: 44ch !important;
  color: rgba(255, 213, 128, 0.92) !important;
  font-size: 9px !important;
}

body.home-shell-live .home-shell-sigil {
  width: 88px !important;
  height: 88px !important;
  opacity: 0.9 !important;
}

body.home-shell-live .home-shell-sigil span {
  font-size: 36px !important;
}

body.home-shell-live .home-shell-sigil::before,
body.home-shell-live .home-shell-sigil::after {
  opacity: 0.38 !important;
}

body.home-shell-live .home-system-metrics,
body.home-shell-live .home-route-grid,
body.home-shell-live .home-persona-stack,
body.home-shell-live .home-mission-pipeline,
body.home-shell-live .home-activity-stream,
body.home-shell-live .home-memory-core {
  gap: 8px !important;
}

body.home-shell-live .home-orbit-map {
  min-height: 164px !important;
  padding: 12px 12px 42px !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(11, 18, 27, 0.96), rgba(4, 8, 12, 0.88)),
    radial-gradient(circle at 50% 50%, rgba(105, 240, 255, 0.08), transparent 46%) !important;
}

body.home-shell-live .home-orbit-svg path,
body.home-shell-live .home-orbit-ring {
  stroke-width: 1.1 !important;
  opacity: 0.86 !important;
}

body.home-shell-live .home-orbit-node-chip {
  position: absolute !important;
  width: clamp(76px, 22%, 92px) !important;
  min-height: 44px !important;
  padding: 6px 7px !important;
  border-radius: 12px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 3px !important;
  background:
    linear-gradient(180deg, rgba(10, 18, 28, 0.96), rgba(4, 8, 12, 0.84)),
    linear-gradient(90deg, color-mix(in srgb, var(--node-color, var(--cyan)) 10%, transparent), transparent 76%) !important;
}

body.home-shell-live .home-orbit-northwest {
  left: 12px !important;
  top: 12px !important;
}

body.home-shell-live .home-orbit-northeast {
  right: 12px !important;
  top: 12px !important;
}

body.home-shell-live .home-orbit-southwest {
  left: 12px !important;
  bottom: 48px !important;
}

body.home-shell-live .home-orbit-southeast {
  right: 12px !important;
  bottom: 48px !important;
}

body.home-shell-live .home-orbit-chip-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

body.home-shell-live .home-orbit-chip-head small {
  color: rgba(184, 223, 230, 0.78) !important;
  font: 600 7px/1.1 var(--font-mono) !important;
  letter-spacing: 0.08em !important;
  white-space: nowrap !important;
}

body.home-shell-live .home-orbit-node-chip b {
  white-space: normal !important;
  line-height: 1.16 !important;
  letter-spacing: 0.12em !important;
  font-size: 9px !important;
}

body.home-shell-live .home-orbit-core {
  width: 72px !important;
  top: 54% !important;
  padding: 7px 6px !important;
  border-radius: 12px !important;
  z-index: 3 !important;
  background: linear-gradient(180deg, rgba(12, 18, 26, 0.96), rgba(4, 8, 12, 0.86)) !important;
}

body.home-shell-live .home-orbit-core i {
  width: 20px !important;
  height: 20px !important;
}

body.home-shell-live .home-orbit-core b {
  font-size: 8px !important;
  letter-spacing: 0.12em !important;
}

body.home-shell-live .home-orbit-core small {
  color: rgba(194, 224, 232, 0.82) !important;
  font: 600 7px/1.15 var(--font-mono) !important;
  letter-spacing: 0.08em !important;
}

body.home-shell-live .home-orbit-floor {
  left: 12px !important;
  right: 12px !important;
  bottom: 10px !important;
  gap: 4px !important;
}

body.home-shell-live .home-system-metric,
body.home-shell-live .home-route-readout-row,
body.home-shell-live .home-persona-card,
body.home-shell-live .home-activity-row,
body.home-shell-live .home-mission-row,
body.home-shell-live .home-memory-log .home-memory-row,
body.home-shell-live .home-genome-rack,
body.home-shell-live .home-kernel-rack {
  border: 1px solid rgba(113, 226, 255, 0.14) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(8, 14, 22, 0.94), rgba(3, 7, 11, 0.86)),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02), transparent 22%) !important;
}

body.home-shell-live .home-system-metric,
body.home-shell-live .home-route-readout-row,
body.home-shell-live .home-persona-card,
body.home-shell-live .home-activity-row,
body.home-shell-live .home-mission-row,
body.home-shell-live .home-memory-log .home-memory-row {
  padding: 8px 9px !important;
}

body.home-shell-live .home-route-readout-copy b,
body.home-shell-live .home-persona-card b,
body.home-shell-live .home-activity-row b,
body.home-shell-live .home-mission-row b,
body.home-shell-live .home-system-metric b,
body.home-shell-live .home-kernel-stat b,
body.home-shell-live .home-kernel-readout-head b,
body.home-shell-live .home-panel-head b {
  font-size: 10px !important;
  color: rgba(242, 249, 255, 0.98) !important;
}

body.home-shell-live .home-route-readout-row small,
body.home-shell-live .home-activity-copy span,
body.home-shell-live .home-mission-row span,
body.home-shell-live .home-system-metric small,
body.home-shell-live .home-system-metric span,
body.home-shell-live .home-panel-head small,
body.home-shell-live .home-kernel-stat span,
body.home-shell-live .home-kernel-readout-head small,
body.home-shell-live .home-genome-meta span,
body.home-shell-live .home-memory-row span,
body.home-shell-live .home-genome-trace-row span {
  color: rgba(198, 225, 233, 0.84) !important;
}

body.home-shell-live .home-terminal-panel pre {
  min-height: 210px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(115, 230, 255, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(3, 7, 11, 0.9), rgba(2, 5, 9, 0.84)),
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 16px) !important;
  color: rgba(225, 244, 255, 0.92) !important;
  font-size: 11px !important;
  line-height: 1.52 !important;
}

body.home-shell-live .home-memory-core {
  gap: 10px !important;
}

body.home-shell-live .home-system-panel {
  grid-template-columns: 92px minmax(0, 1fr) !important;
  column-gap: 10px !important;
}

body.home-shell-live .home-system-metrics {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.home-shell-live .home-memory-board {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr) !important;
  gap: 10px !important;
  align-items: start !important;
}

.home-shell-action {
  cursor: pointer !important;
  pointer-events: auto !important;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    filter 160ms ease !important;
}

.home-shell-action:focus-visible {
  outline: none !important;
}

body.home-shell-live .home-shell-action:hover,
body.home-shell-live .home-shell-action:focus-visible {
  transform: translateY(-1px) !important;
  border-color: color-mix(in srgb, var(--node-color, var(--home-accent, var(--cyan))) 42%, rgba(255, 255, 255, 0.12)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 0 0 1px color-mix(in srgb, var(--node-color, var(--home-accent, var(--cyan))) 18%, transparent),
    0 14px 28px rgba(0, 0, 0, 0.18) !important;
  filter: saturate(1.06) brightness(1.03) !important;
}

body.home-shell-live .home-shell-action:active {
  transform: translateY(0) scale(0.995) !important;
}

body.home-shell-live .home-system-metric.home-shell-action,
body.home-shell-live .home-orbit-node-chip.home-shell-action,
body.home-shell-live .home-orbit-core.home-shell-action,
body.home-shell-live .home-route-readout-row.home-shell-action,
body.home-shell-live .home-persona-card.home-shell-action,
body.home-shell-live .home-activity-row.home-shell-action,
body.home-shell-live .home-mission-row.home-shell-action {
  pointer-events: auto !important;
}

body.home-shell-live .home-genome-rack,
body.home-shell-live .home-kernel-rack {
  padding: 10px 12px !important;
  min-height: 0 !important;
}

body.home-shell-live .home-kernel-rack {
  padding-top: 10px !important;
  border-top: 1px solid rgba(113, 226, 255, 0.14) !important;
}

body.home-shell-live .home-genome-rack-body {
  grid-template-columns: minmax(0, 1fr) 104px !important;
  gap: 12px !important;
}

body.home-shell-live .home-dna-strand {
  min-height: 88px !important;
}

body.home-shell-live .home-dna-rung {
  height: 12px !important;
}

body.home-shell-live .home-dna-label {
  font-size: 9px !important;
}

body.home-shell-live .home-kernel-rack-body {
  grid-template-columns: 56px minmax(0, 1fr) !important;
}

body.home-shell-live .home-memory-log {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.home-shell-live .home-memory-log .home-memory-row {
  min-height: 72px !important;
}

body.home-shell-live .home-activity-stream {
  gap: 10px !important;
}

body.home-shell-live .home-activity-row {
  border-left-width: 3px !important;
  padding-right: 10px !important;
}

body.home-shell-live .home-activity-row small {
  color: rgba(196, 220, 232, 0.72) !important;
}

body.home-shell-live .ghost-bleed {
  opacity: 1 !important;
  z-index: 2 !important;
  mix-blend-mode: screen !important;
}

body.home-shell-live .ghost-bleed span {
  display: block !important;
}

body.home-shell-live .ghost-bleed::before {
  bottom: 11% !important;
  width: min(38vw, 620px) !important;
  opacity: 0.08 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1) {
  left: 55% !important;
  top: 58% !important;
  width: 248px !important;
  height: 276px !important;
  opacity: 0.36 !important;
  filter: drop-shadow(0 0 34px rgba(108, 235, 255, 0.12)) !important;
  animation:
    ghostFieldDrift 11.5s ease-in-out infinite,
    ghostFieldPulse 5.2s ease-in-out infinite !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::before {
  inset: 12px 30px 16px !important;
  opacity: 0.94 !important;
  transform: translate3d(0, 0, 0) !important;
  animation: ghostFieldPulse 5.2s ease-in-out infinite !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::after {
  opacity: 0.62 !important;
  filter: blur(22px) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-echo {
  left: 55% !important;
  top: 64% !important;
  width: 336px !important;
  height: 162px !important;
  opacity: 0.16 !important;
  animation:
    ghostFieldPulse 6.6s ease-in-out infinite,
    ghostFieldDrift 14.5s ease-in-out infinite !important;
}

/* 2026-07-05
   Final desktop clarity cut:
   - keep one softer moving background ghost
   - shrink the hero ghost so it supports the layout instead of dominating it
   - give the orbit/router map enough room to breathe */

body[data-launch="desktop"] .ghost-bleed,
body.home-shell-live .ghost-bleed {
  mix-blend-mode: screen !important;
}

body:not(.home-shell-live) .ghost-bleed .ghost-bleed-core:nth-child(1) {
  left: 53.5% !important;
  top: 57% !important;
  width: 188px !important;
  height: 208px !important;
  opacity: 0.24 !important;
  animation:
    ghostFieldDrift 13.6s ease-in-out infinite,
    ghostFieldPulse 6.4s ease-in-out infinite !important;
}

body:not(.home-shell-live) .ghost-bleed .ghost-bleed-core::before {
  inset: 18px 36px 22px !important;
  opacity: 0.88 !important;
  animation: ghostFieldPulse 6.4s ease-in-out infinite !important;
}

body:not(.home-shell-live) .ghost-bleed .ghost-bleed-core::after {
  opacity: 0.3 !important;
  filter: blur(18px) !important;
}

body:not(.home-shell-live) .ghost-bleed .ghost-bleed-echo {
  left: 53% !important;
  top: 63.5% !important;
  width: 244px !important;
  height: 114px !important;
  opacity: 0.12 !important;
  animation:
    ghostFieldPulse 7.4s ease-in-out infinite,
    ghostFieldDrift 18.4s ease-in-out infinite !important;
}

body.home-shell-live .home-shell-grid {
  grid-template-columns: minmax(220px, 0.88fr) minmax(0, 1.24fr) minmax(228px, 0.88fr) minmax(204px, 0.82fr) !important;
  grid-template-rows: minmax(84px, auto) minmax(150px, auto) minmax(172px, auto) !important;
  gap: 10px !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1) {
  left: 57.2% !important;
  top: 58.5% !important;
  width: 196px !important;
  height: 222px !important;
  opacity: 0.22 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::before {
  inset: 16px 34px 20px !important;
  opacity: 0.86 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::after {
  opacity: 0.34 !important;
  filter: blur(18px) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-echo {
  left: 57% !important;
  top: 64.5% !important;
  width: 260px !important;
  height: 126px !important;
  opacity: 0.1 !important;
}

body.home-shell-live .home-shell-hero {
  grid-template-columns: minmax(0, 1fr) 124px !important;
  align-items: end !important;
  gap: 8px 10px !important;
  padding: 10px 12px 10px !important;
}

body.home-shell-live .home-shell-hero::after {
  right: 10% !important;
  bottom: 10% !important;
  width: 30% !important;
  height: 42% !important;
  opacity: 0.16 !important;
}

body.home-shell-live .home-shell-focus-pill {
  max-width: 42% !important;
}

body.home-shell-live .home-shell-next {
  max-width: 56ch !important;
}

body.home-shell-live .home-shell-sigil {
  width: 124px !important;
  height: 132px !important;
  min-width: 124px !important;
  min-height: 132px !important;
  margin: 0 !important;
  align-self: end !important;
  justify-self: end !important;
  border-radius: 22px !important;
  border: 1px solid rgba(118, 233, 255, 0.22) !important;
  background:
    radial-gradient(circle at 50% 24%, rgba(118, 233, 255, 0.18), transparent 46%),
    linear-gradient(180deg, rgba(11, 22, 34, 0.86), rgba(4, 8, 14, 0.76)) !important;
  box-shadow:
    inset 0 0 22px rgba(102, 229, 255, 0.06),
    0 0 34px rgba(102, 229, 255, 0.08) !important;
}

body.home-shell-live .home-shell-sigil span {
  font-size: 70px !important;
  opacity: 0.86 !important;
}

body.home-shell-live .home-shell-sigil::before,
body.home-shell-live .home-shell-sigil::after {
  opacity: 0.4 !important;
  filter: blur(8px) !important;
}

body.home-shell-live .home-orbit-map {
  min-height: 142px !important;
  padding: 10px 10px 30px !important;
}

body.home-shell-live .home-orbit-side {
  top: 10px !important;
  bottom: 34px !important;
  width: 76px !important;
}

body.home-shell-live .home-orbit-node-chip {
  padding: 4px 5px !important;
  gap: 4px !important;
}

body.home-shell-live .home-orbit-node-chip b {
  font-size: 8px !important;
  letter-spacing: 0.11em !important;
}

body.home-shell-live .home-orbit-node-chip small {
  font-size: 7px !important;
}

body.home-shell-live .home-orbit-core {
  width: 92px !important;
  top: 50% !important;
  padding: 7px 8px !important;
  border-radius: 10px !important;
}

body.home-shell-live .home-route-readout-row {
  grid-template-columns: auto minmax(0, 1fr) 46px !important;
}

body.home-shell-live .home-terminal-panel pre {
  min-height: 146px !important;
}

@keyframes ghostFieldTraverse {
  0% {
    transform: translate(-50%, -50%) translate3d(-32px, 12px, 0) scale(0.985);
  }
  14% {
    transform: translate(-50%, -50%) translate3d(-20px, 2px, 0) scale(0.995);
  }
  28% {
    transform: translate(-50%, -50%) translate3d(-6px, -10px, 0) scale(1.01);
  }
  42% {
    transform: translate(-50%, -50%) translate3d(14px, -18px, 0) scale(1.024);
  }
  58% {
    transform: translate(-50%, -50%) translate3d(26px, -6px, 0) scale(1.018);
  }
  74% {
    transform: translate(-50%, -50%) translate3d(12px, 9px, 0) scale(0.998);
  }
  88% {
    transform: translate(-50%, -50%) translate3d(-10px, 18px, 0) scale(0.988);
  }
  100% {
    transform: translate(-50%, -50%) translate3d(-32px, 12px, 0) scale(0.985);
  }
}

@keyframes ghostFieldEchoDrift {
  0% {
    transform: translate(-50%, -50%) translate3d(-28px, 18px, 0) scale(0.92);
  }
  25% {
    transform: translate(-50%, -50%) translate3d(-6px, 2px, 0) scale(0.96);
  }
  50% {
    transform: translate(-50%, -50%) translate3d(22px, -10px, 0) scale(1.02);
  }
  75% {
    transform: translate(-50%, -50%) translate3d(6px, 10px, 0) scale(0.97);
  }
  100% {
    transform: translate(-50%, -50%) translate3d(-28px, 18px, 0) scale(0.92);
  }
}

/* 2026-07-05 // ghost discipline + desktop doctrine follow-up
   - one readable ghost, not a stacked double sprite
   - stepped curve motion to keep the pixel drift crisp
   - darker, cleaner desktop field panels */

body[data-launch="desktop"] .ghost-bleed .ghost-bleed-echo::before,
body.home-shell-live .ghost-bleed .ghost-bleed-echo::before {
  content: none !important;
}

body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core:nth-child(1),
body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1) {
  animation:
    ghostFieldTraverse 18.4s steps(24, end) infinite,
    ghostFieldPulse 6.8s ease-in-out infinite !important;
}

body:not(.home-shell-live) .ghost-bleed .ghost-bleed-core:nth-child(1) {
  left: var(--ghost-anchor-x, 52.8%) !important;
  top: var(--ghost-core-y, 59.2%) !important;
  width: 202px !important;
  height: 228px !important;
  opacity: 0.34 !important;
}

body:not(.home-shell-live) .ghost-bleed .ghost-bleed-core::before {
  inset: 16px 34px 20px !important;
  opacity: 0.96 !important;
  image-rendering: pixelated !important;
}

body:not(.home-shell-live) .ghost-bleed .ghost-bleed-core::after {
  inset: 18% 20% !important;
  opacity: 0.22 !important;
  filter: blur(20px) !important;
}

body:not(.home-shell-live) .ghost-bleed .ghost-bleed-echo {
  left: var(--ghost-anchor-x, 52.5%) !important;
  top: var(--ghost-echo-y, 66.5%) !important;
  width: 276px !important;
  height: 132px !important;
  opacity: 0.16 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(110, 232, 255, 0.16), transparent 18%),
    radial-gradient(circle at 50% 54%, rgba(255, 90, 146, 0.07), transparent 42%),
    repeating-linear-gradient(90deg, rgba(118, 228, 255, 0.06) 0 2px, transparent 2px 16px) !important;
  filter: blur(0.6px) !important;
  animation:
    ghostFieldEchoDrift 18.4s steps(24, end) infinite,
    ghostFieldPulse 7.4s ease-in-out infinite !important;
}

body:not(.home-shell-live) .ghost-bleed .ghost-bleed-echo::after {
  left: 50% !important;
  bottom: 2px !important;
  width: 164px !important;
  height: 24px !important;
  transform: translateX(-50%) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(118, 232, 255, 0.22), transparent 54%),
    repeating-linear-gradient(90deg, rgba(118, 232, 255, 0.08) 0 2px, transparent 2px 14px) !important;
  opacity: 0.64 !important;
  filter: blur(5px) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1) {
  left: var(--ghost-anchor-x, 56.8%) !important;
  top: var(--ghost-core-y, 59.5%) !important;
  width: 184px !important;
  height: 210px !important;
  opacity: 0.3 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::before {
  inset: 16px 32px 18px !important;
  opacity: 0.92 !important;
  image-rendering: pixelated !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::after {
  opacity: 0.18 !important;
  filter: blur(16px) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-echo {
  left: var(--ghost-anchor-x, 56.5%) !important;
  top: var(--ghost-echo-y, 66.5%) !important;
  width: 228px !important;
  height: 108px !important;
  opacity: 0.08 !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(110, 232, 255, 0.12), transparent 20%),
    radial-gradient(circle at 50% 56%, rgba(255, 90, 146, 0.05), transparent 44%) !important;
  animation:
    ghostFieldEchoDrift 18.4s steps(24, end) infinite,
    ghostFieldPulse 7.2s ease-in-out infinite !important;
}

body.home-shell-live .home-shell-grid {
  grid-template-columns: minmax(224px, 0.92fr) minmax(0, 1.26fr) minmax(232px, 0.9fr) minmax(208px, 0.84fr) !important;
  grid-template-rows: minmax(88px, auto) minmax(154px, auto) minmax(184px, auto) !important;
  gap: 11px !important;
}

body.home-shell-live .home-shell-panel {
  border-color: rgba(104, 224, 255, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(5, 10, 17, 0.9), rgba(2, 5, 10, 0.82)),
    radial-gradient(circle at 16% 0%, rgba(104, 228, 255, 0.04), transparent 32%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.018),
    0 10px 24px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(3px) saturate(1.01) !important;
}

body.home-shell-live .home-shell-hero::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.014), transparent 20%),
    repeating-linear-gradient(90deg, rgba(101, 245, 255, 0.032) 0 1px, transparent 1px 28px),
    linear-gradient(90deg, transparent 0 30%, rgba(101, 245, 255, 0.08) 30% 42%, rgba(255, 77, 121, 0.05) 62% 74%, transparent 74% 100%),
    radial-gradient(circle at 28% 62%, rgba(101, 245, 255, 0.08), transparent 20%) !important;
}

body.home-shell-live .home-orbit-map {
  min-height: 156px !important;
  padding: 10px 10px 28px !important;
}

body.home-shell-live .home-terminal-panel pre,
body.home-shell-live .home-memory-panel,
body.home-shell-live .home-route-panel {
  background-color: rgba(4, 8, 14, 0.78) !important;
}

/* 2026-07-05 // full cockpit polish pass from desktop reference
   Keep the real modules clickable while pushing the home field toward the
   cleaner Ghost OS console layout: quieter glass, denser mesh, readable lanes. */

body.home-shell-live .home-command-core {
  inset: 22px 24px 88px 178px !important;
  overflow: hidden !important;
  border-color: rgba(95, 218, 255, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(2, 6, 11, 0.76), rgba(1, 4, 8, 0.7)),
    linear-gradient(90deg, rgba(89, 218, 255, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(89, 218, 255, 0.025) 1px, transparent 1px) !important;
  background-size: auto, 34px 34px, 34px 34px !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.018),
    inset 0 0 80px rgba(0, 0, 0, 0.34),
    0 0 46px rgba(76, 206, 255, 0.05) !important;
}

body.home-shell-live .home-command-core::before {
  opacity: 0.4 !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(112, 238, 255, 0.1), transparent 25%),
    linear-gradient(90deg, transparent 0 38%, rgba(112, 238, 255, 0.045) 38% 51%, transparent 51% 100%) !important;
}

body.home-shell-live .home-command-core::after {
  opacity: 0.18 !important;
}

body.home-shell-live .home-shell-grid {
  grid-template-columns: minmax(300px, 0.9fr) minmax(430px, 1.38fr) minmax(300px, 0.92fr) !important;
  grid-template-rows: minmax(192px, 0.62fr) minmax(222px, 0.78fr) minmax(210px, 0.72fr) !important;
  grid-template-areas:
    "route hero system"
    "terminal terminal personas"
    "memory mission activity" !important;
  gap: 12px !important;
  height: 100% !important;
}

body.home-shell-live .home-shell-panel {
  border-radius: 8px !important;
  border-color: rgba(103, 222, 255, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(7, 12, 20, 0.88), rgba(2, 5, 10, 0.8)),
    radial-gradient(circle at 16% 0%, rgba(101, 230, 255, 0.045), transparent 32%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.015),
    inset 0 0 30px rgba(0, 0, 0, 0.22),
    0 12px 30px rgba(0, 0, 0, 0.18) !important;
}

body.home-shell-live .home-shell-panel::before {
  opacity: 0.46 !important;
}

body.home-shell-live .home-panel-head {
  min-height: 26px !important;
  padding-bottom: 7px !important;
  border-bottom: 1px solid rgba(103, 222, 255, 0.08) !important;
}

body.home-shell-live .home-panel-head b {
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
}

body.home-shell-live .home-shell-hero {
  grid-template-columns: minmax(0, 1fr) 96px !important;
  min-height: 0 !important;
  padding: 14px 16px 12px !important;
  align-content: center !important;
  border-color: rgba(103, 222, 255, 0.13) !important;
}

body.home-shell-live .home-shell-hero h1,
body.home-shell-live .home-shell-hero .home-shell-title {
  display: none !important;
}

body.home-shell-live .home-shell-next {
  max-width: 48ch !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: rgba(255, 218, 145, 0.88) !important;
}

body.home-shell-live .home-shell-tags {
  justify-content: start !important;
}

body.home-shell-live .home-shell-tags button,
body.home-shell-live .home-shell-focus-pill,
body.home-shell-live .home-orbit-floor span {
  min-height: 22px !important;
  border-radius: 999px !important;
  background: rgba(3, 8, 14, 0.72) !important;
  border-color: rgba(103, 222, 255, 0.14) !important;
  box-shadow: none !important;
}

body.home-shell-live .home-shell-sigil {
  width: 88px !important;
  height: 96px !important;
  min-width: 88px !important;
  min-height: 96px !important;
  border-radius: 8px !important;
  opacity: 0.78 !important;
  background:
    radial-gradient(circle at 50% 36%, rgba(220, 248, 255, 0.14), transparent 46%),
    rgba(3, 8, 14, 0.38) !important;
  box-shadow:
    inset 0 0 18px rgba(103, 222, 255, 0.035),
    0 0 28px rgba(103, 222, 255, 0.06) !important;
}

body.home-shell-live .home-shell-sigil span {
  font-size: 46px !important;
}

body.home-shell-live .home-orbit-map {
  min-height: 156px !important;
  border-radius: 7px !important;
  background:
    radial-gradient(circle at 50% 54%, rgba(103, 222, 255, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(5, 11, 18, 0.92), rgba(2, 5, 10, 0.86)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 8px) !important;
}

body.home-shell-live .home-orbit-gridlines {
  opacity: 0.22 !important;
}

body.home-shell-live .home-orbit-node-chip {
  width: clamp(88px, 24%, 112px) !important;
  min-height: 50px !important;
  border-radius: 7px !important;
  padding: 7px 8px !important;
  border-color: color-mix(in srgb, var(--node-color, #72eaff) 36%, rgba(255, 255, 255, 0.08)) !important;
  background:
    linear-gradient(180deg, rgba(9, 16, 25, 0.96), rgba(2, 6, 11, 0.86)),
    linear-gradient(90deg, color-mix(in srgb, var(--node-color, #72eaff) 12%, transparent), transparent 74%) !important;
}

body.home-shell-live .home-orbit-node-chip i {
  width: 20px !important;
  height: 20px !important;
  border-radius: 7px !important;
  display: inline-grid !important;
  place-items: center !important;
  background: rgba(0, 0, 0, 0.34) !important;
}

body.home-shell-live .home-orbit-node-chip b {
  font-size: 10px !important;
  line-height: 1.08 !important;
}

body.home-shell-live .home-orbit-core {
  width: 82px !important;
  min-height: 64px !important;
  border-radius: 8px !important;
  border-color: rgba(230, 248, 255, 0.18) !important;
}

body.home-shell-live .home-orbit-svg path,
body.home-shell-live .home-orbit-ring {
  opacity: 0.52 !important;
}

body.home-shell-live .home-orbit-signal-path {
  opacity: 0.76 !important;
  stroke-width: 1.35 !important;
  stroke-dasharray: 7 10 !important;
  animation: homeSignalDash 3.2s linear infinite !important;
}

body.home-shell-live .home-route-readout {
  grid-template-columns: 1fr !important;
}

body.home-shell-live .home-route-readout-row,
body.home-shell-live .home-persona-card,
body.home-shell-live .home-activity-row,
body.home-shell-live .home-mission-row,
body.home-shell-live .home-memory-log .home-memory-row,
body.home-shell-live .home-system-metric {
  border-radius: 7px !important;
  background:
    linear-gradient(180deg, rgba(6, 12, 20, 0.86), rgba(2, 6, 11, 0.76)),
    linear-gradient(90deg, color-mix(in srgb, var(--node-color, var(--row-color, #72eaff)) 7%, transparent), transparent 52%) !important;
}

body.home-shell-live .home-terminal-panel pre {
  min-height: 190px !important;
  font-size: 12px !important;
  line-height: 1.48 !important;
  color: rgba(223, 244, 255, 0.92) !important;
  overflow: auto !important;
}

body.home-shell-live .home-persona-stack,
body.home-shell-live .home-activity-stream,
body.home-shell-live .home-mission-pipeline,
body.home-shell-live .home-memory-core {
  overflow: auto !important;
  scrollbar-gutter: stable !important;
}

body.home-shell-live .home-memory-board {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr) !important;
  gap: 10px !important;
}

body.home-shell-live .home-genome-rack,
body.home-shell-live .home-kernel-rack {
  border-radius: 7px !important;
  padding: 10px !important;
}

body.home-shell-live .home-dna-strand {
  min-height: 106px !important;
  background:
    linear-gradient(90deg, transparent, rgba(103, 222, 255, 0.05), transparent),
    repeating-linear-gradient(0deg, rgba(103, 222, 255, 0.025) 0 1px, transparent 1px 14px) !important;
}

body.home-shell-live .home-dna-rung {
  height: 16px !important;
}

body.home-shell-live .home-dna-node {
  width: 9px !important;
  height: 9px !important;
  box-shadow: 0 0 12px color-mix(in srgb, var(--strand-color, #bba3ff) 46%, transparent) !important;
}

body.home-shell-live .home-dna-bridge {
  height: 1px !important;
  opacity: 0.72 !important;
}

body.home-shell-live .home-kernel-cube {
  opacity: 0.9 !important;
  filter: drop-shadow(0 0 16px rgba(255, 215, 151, 0.14)) !important;
}

body.home-shell-live .home-kernel-rack-body {
  grid-template-columns: 62px minmax(0, 1fr) !important;
}

body.home-shell-live .ghost-bleed {
  z-index: 1 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1) {
  width: 150px !important;
  height: 174px !important;
  opacity: 0.24 !important;
  filter: drop-shadow(0 0 18px rgba(119, 236, 255, 0.08)) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::before {
  inset: 14px 28px 18px !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-echo {
  width: 210px !important;
  height: 92px !important;
  opacity: 0.1 !important;
}

.glyph-window {
  border-radius: 8px !important;
  border-color: rgba(103, 222, 255, 0.28) !important;
  background:
    linear-gradient(180deg, rgba(4, 9, 16, 0.96), rgba(2, 5, 10, 0.94)),
    linear-gradient(90deg, rgba(103, 222, 255, 0.03) 1px, transparent 1px),
    linear-gradient(180deg, rgba(103, 222, 255, 0.025) 1px, transparent 1px) !important;
  background-size: auto, 30px 30px, 30px 30px !important;
}

.glyph-body {
  grid-template-columns: minmax(260px, 0.86fr) minmax(520px, 1.54fr) minmax(300px, 0.9fr) !important;
  gap: 14px !important;
}

.glyph-panel {
  border-radius: 8px !important;
  border-color: rgba(103, 222, 255, 0.2) !important;
  background:
    linear-gradient(180deg, rgba(8, 15, 24, 0.9), rgba(3, 7, 12, 0.84)),
    radial-gradient(circle at 50% 0%, rgba(103, 222, 255, 0.045), transparent 38%) !important;
}

.glyph-panel-head,
.glyph-organizer-head,
.glyph-editor-head {
  min-height: 42px !important;
  padding: 9px 12px !important;
  background: linear-gradient(90deg, rgba(103, 222, 255, 0.075), transparent 72%) !important;
}

.glyph-project,
.glyph-window button,
.glyph-window input,
.glyph-window textarea,
.glyph-window select,
#glyph-output,
#glyph-preview,
.glyph-folder-plan-view,
.glyph-folder-trace,
.glyph-queue {
  border-radius: 6px !important;
}

.glyph-project {
  min-height: 54px !important;
  padding: 9px 10px 9px 16px !important;
}

.glyph-project span {
  font-size: 12px !important;
}

#glyph-code {
  font-size: 13px !important;
  line-height: 1.62 !important;
  color: #dcf8ff !important;
}

#glyph-output {
  font-size: 12px !important;
  line-height: 1.56 !important;
  color: rgba(230, 246, 255, 0.94) !important;
}

#glyph-output .glyph-log-entry {
  border-radius: 6px !important;
  background: rgba(6, 12, 20, 0.78) !important;
}

@keyframes homeSignalDash {
  from { stroke-dashoffset: 34; }
  to { stroke-dashoffset: 0; }
}

@media (max-width: 1320px) {
  body.home-shell-live .home-command-core {
    inset: 16px 16px 84px 150px !important;
    overflow: auto !important;
  }

  body.home-shell-live .home-shell-grid {
    grid-template-columns: minmax(280px, 1fr) minmax(330px, 1fr) !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    grid-template-areas:
      "hero system"
      "route personas"
      "terminal terminal"
      "memory mission"
      "activity activity" !important;
    height: auto !important;
    min-height: 100% !important;
    align-items: start !important;
  }

  body.home-shell-live .home-shell-panel {
    overflow: hidden !important;
  }

  body.home-shell-live .home-shell-hero,
  body.home-shell-live .home-system-panel {
    min-height: 138px !important;
  }

  body.home-shell-live .home-route-panel {
    min-height: 340px !important;
  }

  body.home-shell-live .home-route-grid {
    overflow: visible !important;
  }

  body.home-shell-live .home-orbit-map {
    min-height: 190px !important;
  }

  body.home-shell-live .home-terminal-panel {
    min-height: 252px !important;
  }

  body.home-shell-live .home-terminal-panel pre {
    min-height: 178px !important;
  }

  body.home-shell-live .home-persona-panel {
    min-height: 300px !important;
  }

  body.home-shell-live .home-memory-panel,
  body.home-shell-live .home-mission-panel {
    min-height: 310px !important;
  }

  body.home-shell-live .home-activity-panel {
    min-height: 280px !important;
  }

  .glyph-window {
    left: 172px !important;
    top: 16px !important;
    width: calc(100vw - 192px) !important;
    height: calc(100vh - 116px) !important;
    max-height: calc(100vh - 116px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .glyph-body {
    height: calc(100% - 36px) !important;
    grid-template-columns: minmax(226px, 0.72fr) minmax(0, 1.28fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(236px, 0.56fr) !important;
    gap: 10px !important;
    overflow: auto !important;
    scrollbar-gutter: stable !important;
  }

  .glyph-side-left {
    grid-row: 1 / span 2 !important;
    grid-column: 1 !important;
    grid-template-rows: minmax(0, 1fr) minmax(244px, 0.62fr) !important;
  }

  .glyph-center-shell {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-height: 0 !important;
    grid-template-rows: minmax(240px, 1fr) minmax(190px, 0.54fr) !important;
  }

  .glyph-side-right {
    grid-column: 2 !important;
    grid-row: 2 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: 0 !important;
  }

  .glyph-editor-shell {
    grid-template-rows: auto minmax(170px, 1fr) auto auto !important;
  }

  .glyph-editor-stage {
    min-height: 170px !important;
  }

  #glyph-code {
    min-height: 168px !important;
  }

  .glyph-shell-shell {
    min-height: 0 !important;
  }

  .glyph-chat-shell,
  .glyph-preview-shell,
  .glyph-queue-shell {
    min-width: 0 !important;
  }
}

/* 2026-07-05 // ownership + 100 percent zoom cleanup
   Active programs must own the screen; the launcher must read as a launcher,
   and the desktop must stop crushing panels at normal browser zoom. */

.window {
  z-index: 72 !important;
}

.window.window-active {
  z-index: 118 !important;
  opacity: 1 !important;
  filter: none !important;
  isolation: isolate !important;
}

.window.dragging {
  z-index: 119 !important;
}

.surface-splash {
  z-index: 3 !important;
}

body.window-surface-active .desktop-icons {
  z-index: 7 !important;
  opacity: 0.34 !important;
  filter: saturate(0.8) brightness(0.72) !important;
}

body.window-surface-active .desktop-icons:hover {
  opacity: 0.82 !important;
  filter: none !important;
}

.taskbar {
  z-index: 126 !important;
}

.running-dock,
#running-dock {
  z-index: 124 !important;
}

.dock-constellation,
#dock-constellation {
  z-index: 123 !important;
}

.start-menu {
  z-index: 140 !important;
}

body.command-ring-open #running-dock {
  z-index: 143 !important;
}

body.command-ring-open #dock-constellation {
  z-index: 142 !important;
}

.glyph-window.window-active {
  background:
    linear-gradient(180deg, rgba(3, 8, 14, 0.985), rgba(1, 4, 8, 0.975)),
    linear-gradient(90deg, rgba(103, 222, 255, 0.026) 1px, transparent 1px),
    linear-gradient(180deg, rgba(103, 222, 255, 0.022) 1px, transparent 1px) !important;
  box-shadow:
    0 30px 74px rgba(0, 0, 0, 0.56),
    0 0 0 1px rgba(103, 222, 255, 0.24),
    inset 0 0 54px rgba(103, 222, 255, 0.035) !important;
}

.glyph-window.window-active::after {
  opacity: 0.18 !important;
}

body.home-shell-live .home-command-core {
  inset: 16px 22px 92px 174px !important;
  overflow: auto !important;
}

body.home-shell-live .home-shell-grid {
  min-height: 0 !important;
  align-items: stretch !important;
}

body.home-shell-live .home-shell-panel {
  border-radius: 7px !important;
}

body.home-shell-live .home-orbit-map {
  min-height: 176px !important;
  padding: 12px 12px 34px !important;
}

body.home-shell-live .home-orbit-node-chip {
  width: clamp(84px, 20%, 104px) !important;
  min-height: 42px !important;
  padding: 6px 7px !important;
}

body.home-shell-live .home-orbit-northwest {
  left: 12px !important;
  top: 14px !important;
}

body.home-shell-live .home-orbit-northeast {
  right: 12px !important;
  top: 14px !important;
}

body.home-shell-live .home-orbit-southwest {
  left: 12px !important;
  bottom: 34px !important;
}

body.home-shell-live .home-orbit-southeast {
  right: 12px !important;
  bottom: 34px !important;
}

body.home-shell-live .home-orbit-chip-head small,
body.home-shell-live .home-orbit-node-chip b {
  font-size: 8px !important;
  line-height: 1.1 !important;
}

body.home-shell-live .home-orbit-core {
  width: 74px !important;
  min-height: 58px !important;
}

body.home-shell-live .home-route-readout-row,
body.home-shell-live .home-persona-card,
body.home-shell-live .home-activity-row,
body.home-shell-live .home-mission-row,
body.home-shell-live .home-memory-log .home-memory-row,
body.home-shell-live .home-system-metric {
  min-height: 48px !important;
  padding: 7px 8px !important;
}

body.home-shell-live .home-terminal-panel pre {
  min-height: 150px !important;
}

body.home-shell-live .home-memory-panel,
body.home-shell-live .home-mission-panel,
body.home-shell-live .home-activity-panel,
body.home-shell-live .home-persona-panel {
  overflow: hidden !important;
}

body.home-shell-live .home-memory-core,
body.home-shell-live .home-mission-pipeline,
body.home-shell-live .home-activity-stream,
body.home-shell-live .home-persona-stack {
  max-height: 100% !important;
  overflow: auto !important;
}

.start-menu {
  inset: auto auto 86px 20px !important;
  width: min(1040px, calc(100vw - 40px)) !important;
  height: min(760px, calc(100vh - 112px)) !important;
  max-height: calc(100vh - 112px) !important;
  grid-template-columns: minmax(360px, 0.98fr) minmax(360px, 1.02fr) !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core core"
    "memory memory"
    "list stack" !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.start-menu .start-core {
  grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) auto !important;
  grid-template-areas: "brand input actions" !important;
  min-height: 74px !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
}

.start-menu .start-core b span {
  font-size: 22px !important;
}

.start-menu #start-command-input {
  min-height: 42px !important;
  font-size: 12px !important;
}

.start-menu .start-core-actions {
  grid-template-columns: repeat(5, minmax(72px, 1fr)) !important;
  gap: 6px !important;
}

.start-menu .start-core-actions button {
  min-height: 34px !important;
  padding: 0 8px !important;
  font-size: 9px !important;
}

#start-command-memory {
  max-height: 74px !important;
  border-radius: 8px !important;
}

.start-galaxy-stage {
  display: none !important;
}

.start-window-overview {
  grid-area: stack !important;
  min-height: 0 !important;
  height: 100% !important;
  border-radius: 8px !important;
  padding: 12px !important;
}

.start-window-stack {
  display: none !important;
}

.start-window-overview {
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.start-window-overview-list {
  display: grid !important;
  gap: 8px !important;
  overflow: auto !important;
}

.start-menu .start-menu-list {
  grid-area: list !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  overflow: auto !important;
  align-content: start !important;
}

.start-menu .start-menu-list > button {
  min-height: 58px !important;
  padding: 9px 12px 9px 54px !important;
  border-radius: 7px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: center !important;
  gap: 3px !important;
}

.start-launch-label {
  font-size: 11px !important;
  line-height: 1.18 !important;
  letter-spacing: 0.13em !important;
  color: rgba(247, 252, 255, 0.96) !important;
}

.start-launch-desc {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(178, 208, 220, 0.76) !important;
  font: 600 9px/1.25 var(--font-mono) !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
}

.start-menu .start-menu-list > button::before {
  left: 12px !important;
  top: 50% !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  transform: translateY(-50%) !important;
  border-radius: 7px !important;
}

#start-command-results {
  left: 50% !important;
  top: 84px !important;
  width: min(560px, calc(100% - 280px)) !important;
  z-index: 145 !important;
  border-radius: 8px !important;
}

.start-window-row {
  min-height: 56px !important;
  border-radius: 7px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
}

.start-window-actions {
  display: grid !important;
  grid-template-columns: repeat(3, 58px) !important;
  gap: 5px !important;
}

.start-window-actions button {
  min-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  font-size: 8px !important;
}

@media (max-width: 1180px) {
  .start-menu {
    width: calc(100vw - 28px) !important;
    left: 14px !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto minmax(260px, 1fr) minmax(220px, 0.72fr) !important;
    grid-template-areas:
      "core"
      "memory"
      "list"
      "stack" !important;
  }

  .start-menu .start-core {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "brand"
      "input"
      "actions" !important;
  }

  .start-menu .start-core-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* 2026-07-05 // hard cockpit readability pass
   Active windows now visually own the field; side rails and background bleed
   stop competing with the selected program at normal browser zoom. */

.window.window-active {
  z-index: 132 !important;
  background:
    linear-gradient(180deg, rgba(4, 9, 15, 0.99), rgba(1, 4, 8, 0.985)),
    linear-gradient(90deg, rgba(103, 222, 255, 0.018) 1px, transparent 1px),
    linear-gradient(180deg, rgba(103, 222, 255, 0.018) 1px, transparent 1px) !important;
  background-size: auto, 20px 20px, 20px 20px !important;
}

.window.window-active::before,
.window.window-active::after {
  opacity: 0.16 !important;
}

body.window-surface-active .desktop-icons {
  opacity: 0.06 !important;
  filter: saturate(0.48) brightness(0.38) blur(0.2px) !important;
  pointer-events: auto !important;
}

body.window-surface-active .desktop-icons:hover {
  opacity: 0.26 !important;
  filter: saturate(0.72) brightness(0.62) !important;
}

body.window-surface-active .desktop-icons .desk-icon span,
body.window-surface-active .desktop-icons .desk-icon b {
  opacity: 0.86 !important;
}

.glyph-window.window-active {
  left: max(94px, 2vw) !important;
  top: 8px !important;
  width: calc(100vw - 112px) !important;
  height: calc(100vh - 84px) !important;
  max-width: none !important;
  min-width: 0 !important;
}

.glyph-window.window-active .window-bar {
  min-height: 44px !important;
  padding: 0 16px 0 20px !important;
  background:
    linear-gradient(90deg, rgba(103, 222, 255, 0.22), rgba(103, 222, 255, 0.045) 42%, rgba(255,255,255,0.018)),
    rgba(3, 8, 13, 0.98) !important;
}

.glyph-window.window-active .glyph-body {
  height: calc(100% - 44px) !important;
  padding: 14px !important;
  grid-template-columns: minmax(300px, 0.88fr) minmax(0, 1.72fr) minmax(320px, 0.94fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 14px !important;
  background:
    linear-gradient(180deg, rgba(1, 6, 11, 0.76), rgba(1, 4, 8, 0.88)),
    linear-gradient(90deg, rgba(103, 222, 255, 0.018) 1px, transparent 1px),
    linear-gradient(180deg, rgba(103, 222, 255, 0.014) 1px, transparent 1px) !important;
  background-size: auto, 18px 18px, 18px 18px !important;
  overflow: hidden !important;
}

.glyph-window.window-active .glyph-side-left {
  grid-column: 1 !important;
  grid-row: 1 !important;
  grid-template-rows: minmax(340px, 0.92fr) minmax(252px, 0.6fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active .glyph-center-shell {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: minmax(392px, 0.74fr) minmax(248px, 0.42fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active .glyph-side-right {
  grid-column: 3 !important;
  grid-row: 1 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(224px, 0.78fr) minmax(214px, 0.86fr) minmax(214px, 0.9fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active .glyph-chat-shell,
.glyph-window.window-active .glyph-organizer-panel {
  overflow: hidden !important;
}

.glyph-window.window-active .glyph-preview-shell,
.glyph-window.window-active .glyph-queue-shell {
  overflow: hidden !important;
}

.glyph-window.window-active #glyph-preview {
  min-height: 0 !important;
  height: calc(100% - 12px) !important;
}

.glyph-window.window-active .glyph-editor-shell {
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
}

.glyph-window.window-active .glyph-editor-stage {
  min-height: 0 !important;
}

.glyph-window.window-active #glyph-code {
  min-height: 0 !important;
}

.glyph-window.window-active .glyph-file-lane {
  min-height: 0 !important;
  padding: 8px 14px 14px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
}

.glyph-window.window-active .glyph-panel,
.glyph-window.window-active .glyph-code-card,
.glyph-window.window-active .glyph-shell,
.glyph-window.window-active .glyph-preview-panel,
.glyph-window.window-active .glyph-queue,
.glyph-window.window-active #glyph-output,
.glyph-window.window-active #glyph-preview,
.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-folder-trace {
  background:
    linear-gradient(180deg, rgba(3, 10, 16, 0.97), rgba(1, 5, 10, 0.94)) !important;
  border-color: rgba(103, 222, 255, 0.24) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.018),
    0 12px 28px rgba(0,0,0,0.18) !important;
}

.glyph-window.window-active .glyph-project {
  min-height: 72px !important;
  padding: 12px 12px 12px 16px !important;
  align-items: start !important;
  overflow: hidden !important;
}

.glyph-window.window-active .glyph-project-badge {
  min-width: 52px !important;
  min-height: 28px !important;
  font-size: 8px !important;
}

.glyph-window.window-active .glyph-project-copy {
  gap: 4px !important;
}

.glyph-window.window-active .glyph-project-copy > strong {
  font-size: 10px !important;
  line-height: 1.34 !important;
}

.glyph-window.window-active .glyph-project-copy > span {
  font-size: 13px !important;
  line-height: 1.34 !important;
}

.glyph-window.window-active .glyph-project-copy > small {
  font-size: 9px !important;
  line-height: 1.34 !important;
}

.glyph-window.window-active .glyph-project-copy > span,
.glyph-window.window-active .glyph-project-copy > small,
.glyph-window.window-active .glyph-panel-head,
.glyph-window.window-active .glyph-title-group,
.glyph-window.window-active .glyph-folder-trace,
.glyph-window.window-active #glyph-output {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.glyph-window.window-active .glyph-side,
.glyph-window.window-active .glyph-main,
.glyph-window.window-active .glyph-project-rail,
.glyph-window.window-active .glyph-shell-shell,
.glyph-window.window-active .glyph-chat-shell,
.glyph-window.window-active .glyph-preview-shell,
.glyph-window.window-active .glyph-queue-shell {
  min-height: 0 !important;
  overflow: hidden !important;
}

.glyph-window.window-active textarea,
.glyph-window.window-active input,
.glyph-window.window-active select {
  background: rgba(1, 5, 10, 0.92) !important;
}

.glyph-window.window-active .glyph-panel-head,
.glyph-window.window-active .glyph-organizer-head,
.glyph-window.window-active .glyph-editor-head {
  min-height: 46px !important;
  padding: 10px 14px !important;
}

.glyph-window.window-active .glyph-panel-head b,
.glyph-window.window-active .glyph-organizer-head b,
.glyph-window.window-active .glyph-title-group b {
  font-size: 11px !important;
}

.glyph-window.window-active .glyph-panel-head span,
.glyph-window.window-active .glyph-organizer-head > span,
.glyph-window.window-active .glyph-title-group span,
.glyph-window.window-active .glyph-editor-copy {
  font-size: 10px !important;
}

.glyph-window.window-active .glyph-editor-meta {
  gap: 6px !important;
}

.glyph-window.window-active .glyph-editor-tools {
  gap: 8px !important;
}

.glyph-window.window-active .glyph-editor-tools button {
  min-width: 108px !important;
  min-height: 31px !important;
}

.glyph-window.window-active #glyph-projects {
  padding: 10px 14px 14px !important;
  gap: 8px !important;
}

.glyph-window.window-active .glyph-organizer-form {
  grid-template-rows: 38px auto minmax(60px, 1fr) !important;
  gap: 8px !important;
}

.glyph-window.window-active .glyph-organizer-presets {
  gap: 6px !important;
}

.glyph-window.window-active .glyph-organizer-actions {
  gap: 6px !important;
}

.glyph-window.window-active .glyph-panel-tabs {
  padding: 0 14px 12px !important;
}

.glyph-window.window-active .glyph-actions {
  padding: 12px 14px 0 !important;
  gap: 10px !important;
}

.glyph-window.window-active .glyph-field-wrap {
  gap: 6px !important;
}

.glyph-window.window-active .glyph-field-wrap span {
  font-size: 9px !important;
}

.glyph-window.window-active .glyph-file-path-wrap input,
.glyph-window.window-active .glyph-chat-field input,
.glyph-window.window-active #glyph-folder-path,
.glyph-window.window-active #glyph-folder-scope {
  min-height: 42px !important;
}

.glyph-window.window-active .glyph-command-lane {
  padding: 14px !important;
  gap: 12px !important;
}

.glyph-window.window-active .glyph-chat-shell {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

.glyph-window.window-active .glyph-chat-notice {
  min-height: 0 !important;
  overflow: auto !important;
}

.glyph-window.window-active .glyph-chat-notice {
  margin: 0 14px 14px !important;
  padding: 12px 14px !important;
}

.glyph-window.window-active .glyph-preview-shell,
.glyph-window.window-active .glyph-queue-shell {
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.glyph-window.window-active #glyph-preview {
  min-height: 188px !important;
}

.glyph-window.window-active #glyph-code {
  padding: 18px 20px !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

.glyph-window.window-active #glyph-output {
  margin: 0 14px 14px !important;
  padding: 14px 16px !important;
  font-size: 12px !important;
  line-height: 1.62 !important;
}

.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-folder-trace,
.glyph-window.window-active .glyph-queue {
  font-size: 10px !important;
  line-height: 1.55 !important;
}

@media (max-width: 1366px), (max-height: 820px) {
  .glyph-window.window-active {
    left: max(82px, 1.25vw) !important;
    top: 6px !important;
    width: calc(100vw - 98px) !important;
    height: calc(100vh - 24px) !important;
  }

  .glyph-window.window-active .window-bar {
    min-height: 40px !important;
    padding: 0 14px 0 18px !important;
  }

  .glyph-window.window-active .glyph-body {
    height: calc(100% - 40px) !important;
    padding: 12px !important;
    grid-template-columns: minmax(236px, 0.74fr) minmax(0, 1.16fr) !important;
    grid-template-rows: minmax(0, 1fr) 150px 204px !important;
    gap: 10px !important;
    align-items: start !important;
    overflow: hidden !important;
    scrollbar-gutter: stable !important;
  }

  .glyph-window.window-active .glyph-side-left {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    grid-template-rows: minmax(0, 1fr) 150px !important;
    gap: 10px !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    align-self: stretch !important;
  }

  .glyph-window.window-active .glyph-center-shell {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    grid-template-rows: minmax(0, 1fr) 150px !important;
    gap: 10px !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    align-self: stretch !important;
  }

  .glyph-window.window-active .glyph-side-right {
    grid-column: 1 / span 2 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    align-self: stretch !important;
  }

  .glyph-window.window-active .glyph-project-rail,
  .glyph-window.window-active .glyph-organizer-panel,
  .glyph-window.window-active .glyph-editor-shell,
  .glyph-window.window-active .glyph-shell-shell {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    align-self: stretch !important;
  }

  .glyph-window.window-active .glyph-panel-head,
  .glyph-window.window-active .glyph-organizer-head,
  .glyph-window.window-active .glyph-editor-head {
    min-height: 40px !important;
    padding: 8px 12px !important;
    align-items: start !important;
    flex-wrap: wrap !important;
  }

  .glyph-window.window-active .glyph-editor-meta {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
  }

  .glyph-window.window-active .glyph-editor-tools {
    gap: 6px !important;
  }

  .glyph-window.window-active .glyph-editor-tools button,
  .glyph-window.window-active .glyph-actions button,
  .glyph-window.window-active .glyph-organizer-actions button,
  .glyph-window.window-active .glyph-command-mode button,
  .glyph-window.window-active .glyph-chat-shell #glyph-shell-run {
    min-height: 30px !important;
  }

  .glyph-window.window-active .glyph-editor-shell {
    grid-template-rows: auto minmax(0, 1fr) auto auto !important;
  }

  .glyph-window.window-active .glyph-editor-stage,
  .glyph-window.window-active #glyph-code {
    min-height: 0 !important;
  }

  .glyph-window.window-active #glyph-code {
    padding: 16px 18px !important;
    font-size: 14px !important;
    line-height: 1.62 !important;
  }

  .glyph-window.window-active #glyph-projects {
    padding: 8px 12px 12px !important;
    gap: 6px !important;
  }

  .glyph-window.window-active .glyph-project {
    min-height: 60px !important;
    padding: 10px 10px 10px 14px !important;
  }

  .glyph-window.window-active .glyph-project-copy > span {
    font-size: 12px !important;
  }

  .glyph-window.window-active .glyph-project-copy > small {
    font-size: 8px !important;
  }

  .glyph-window.window-active .glyph-organizer-form {
    grid-template-rows: 36px auto minmax(54px, 1fr) !important;
    gap: 6px !important;
  }

  .glyph-window.window-active .glyph-organizer-presets,
  .glyph-window.window-active .glyph-organizer-actions {
    gap: 6px !important;
  }

  .glyph-window.window-active .glyph-file-path-wrap input,
  .glyph-window.window-active .glyph-chat-field input,
  .glyph-window.window-active #glyph-folder-path,
  .glyph-window.window-active #glyph-folder-scope {
    min-height: 38px !important;
  }

  .glyph-window.window-active .glyph-command-lane {
    padding: 12px !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) 96px !important;
    grid-template-areas:
      "mode mode"
      "input trigger" !important;
    align-items: end !important;
  }

  .glyph-window.window-active .glyph-chat-shell,
  .glyph-window.window-active .glyph-preview-shell,
  .glyph-window.window-active .glyph-queue-shell {
    min-width: 0 !important;
    min-height: 204px !important;
    height: 204px !important;
    max-height: 204px !important;
  }

  .glyph-window.window-active .glyph-chat-shell {
    grid-template-rows: auto minmax(0, 1fr) auto !important;
  }

  .glyph-window.window-active .glyph-chat-notice {
    margin: 0 12px 12px !important;
    padding: 10px 12px !important;
    max-height: 74px !important;
  }

  .glyph-window.window-active .glyph-chat-notice p {
    font-size: 9px !important;
    line-height: 1.42 !important;
  }

  .glyph-window.window-active #glyph-preview {
    min-height: 128px !important;
    height: 128px !important;
    max-height: 128px !important;
    margin: 0 12px 12px !important;
  }

  .glyph-window.window-active #glyph-output {
    margin: 0 12px 12px !important;
    padding: 12px 14px !important;
    font-size: 11px !important;
    line-height: 1.52 !important;
  }

  .glyph-window.window-active .glyph-folder-plan-view,
  .glyph-window.window-active .glyph-folder-trace,
  .glyph-window.window-active .glyph-queue {
    font-size: 9px !important;
    line-height: 1.46 !important;
  }
}

.start-menu {
  background:
    linear-gradient(180deg, rgba(3, 8, 14, 0.985), rgba(1, 4, 8, 0.975)),
    linear-gradient(90deg, rgba(103, 222, 255, 0.018) 1px, transparent 1px),
    linear-gradient(180deg, rgba(103, 222, 255, 0.016) 1px, transparent 1px) !important;
  background-size: auto, 18px 18px, 18px 18px !important;
}

.start-menu .start-core,
#start-command-memory,
.start-menu .start-menu-list,
.start-window-overview,
.start-window-row {
  background: rgba(2, 7, 12, 0.92) !important;
}

.start-menu .start-core,
.start-window-overview-head {
  overflow: hidden !important;
}

.start-menu .start-core-actions button,
.start-window-actions button,
.start-menu .start-menu-list > button {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.start-window-row b,
.start-window-row small,
.start-window-row span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 2026-07-06 // ORION cartography pass for Astra, Task Orbit, Atlas, and Start */
:root {
  --orion-void: #050614;
  --orion-panel: rgba(9, 12, 29, 0.78);
  --orion-panel-deep: rgba(5, 8, 20, 0.9);
  --orion-border: rgba(143, 157, 255, 0.2);
  --orion-border-strong: rgba(143, 157, 255, 0.42);
  --orion-blue: #8f9dff;
  --orion-cyan: #2bb2e8;
  --orion-magenta: #bd4cab;
  --orion-muted: rgba(182, 194, 226, 0.64);
}

.browser-window.window-active,
.task-window.window-active,
.atlas-window.window-active {
  background:
    radial-gradient(circle at 50% 35%, rgba(143, 157, 255, 0.16), transparent 34%),
    radial-gradient(circle at 72% 72%, rgba(43, 178, 232, 0.12), transparent 28%),
    linear-gradient(145deg, rgba(7, 8, 24, 0.98), rgba(5, 9, 21, 0.98) 58%, rgba(3, 5, 14, 0.99)) !important;
  border-color: rgba(143, 157, 255, 0.2) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.02),
    0 26px 80px rgba(0, 0, 0, 0.5),
    inset 0 0 42px rgba(143, 157, 255, 0.04) !important;
}

.browser-window.window-active .window-bar,
.task-window.window-active .window-bar,
.atlas-window.window-active .window-bar {
  min-height: 42px !important;
  background:
    linear-gradient(90deg, rgba(143, 157, 255, 0.16), rgba(43, 178, 232, 0.05) 46%, rgba(189, 76, 171, 0.08)),
    rgba(5, 7, 18, 0.88) !important;
  border-color: rgba(143, 157, 255, 0.22) !important;
  color: rgba(239, 244, 255, 0.94) !important;
}

.browser-window.window-active {
  left: max(96px, 2vw) !important;
  top: 18px !important;
  width: calc(100vw - 128px) !important;
  height: calc(100vh - 104px) !important;
  max-width: none !important;
}

.browser-window.window-active .browser-form,
.browser-window.window-active .astra-actions {
  margin: 8px 12px 0 !important;
  border-radius: 8px !important;
  background: rgba(5, 8, 20, 0.74) !important;
  border-color: rgba(143, 157, 255, 0.2) !important;
}

.browser-window.window-active .browser-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 104px !important;
  gap: 10px !important;
  padding: 10px !important;
}

.browser-window.window-active .astra-actions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 10px !important;
}

.browser-window.window-active .astra-actions button,
.browser-window.window-active .surface-rail-toggle {
  min-height: 40px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(143, 157, 255, 0.2) !important;
  background:
    linear-gradient(180deg, rgba(11, 15, 34, 0.92), rgba(5, 8, 20, 0.84)),
    rgba(5, 8, 20, 0.82) !important;
  color: rgba(240, 244, 255, 0.9) !important;
  font: 700 10px/1 var(--font-mono) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.browser-window.window-active .astra-actions button:hover,
.browser-window.window-active .astra-actions button:focus-visible,
.browser-window.window-active .surface-rail-toggle:hover,
.browser-window.window-active .surface-rail-toggle:focus-visible {
  border-color: rgba(143, 157, 255, 0.42) !important;
  box-shadow: 0 0 20px rgba(143, 157, 255, 0.16) !important;
}

.browser-window.window-active .astra-shell {
  position: relative !important;
  height: calc(100% - 126px) !important;
  padding: 12px !important;
  gap: 14px !important;
  grid-template-columns: minmax(238px, 0.24fr) minmax(620px, 1fr) minmax(288px, 0.28fr) !important;
  background:
    radial-gradient(circle at 50% 52%, rgba(143, 157, 255, 0.16), transparent 31%),
    radial-gradient(circle at 71% 64%, rgba(43, 178, 232, 0.12), transparent 24%),
    repeating-radial-gradient(circle at 50% 52%, rgba(143, 157, 255, 0.08) 0 1px, transparent 1px 62px),
    linear-gradient(145deg, rgba(7, 7, 25, 0.88), rgba(5, 10, 25, 0.9)) !important;
  overflow: hidden !important;
}

.browser-window.window-active .astra-shell::before,
.task-window.window-active .task-galaxy::before,
.atlas-window.window-active .atlas-map::before,
#start-menu .start-galaxy::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.38 !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.8) 0 1px, transparent 2px),
    radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.65) 0 1px, transparent 2px),
    radial-gradient(circle at 64% 72%, rgba(143, 157, 255, 0.82) 0 1px, transparent 2px),
    radial-gradient(circle at 38% 58%, rgba(43, 178, 232, 0.72) 0 1px, transparent 2px),
    radial-gradient(circle at 86% 82%, rgba(189, 76, 171, 0.82) 0 1px, transparent 2px) !important;
}

.browser-window.window-active .astra-shell::after,
.task-window.window-active .task-galaxy::after,
.atlas-window.window-active .atlas-map::after,
#start-menu .start-galaxy::after {
  content: "" !important;
  position: absolute !important;
  inset: -20% !important;
  pointer-events: none !important;
  opacity: 0.18 !important;
  background:
    repeating-radial-gradient(circle at 50% 50%, transparent 0 47px, rgba(143, 157, 255, 0.24) 48px 49px, transparent 50px 96px),
    conic-gradient(from 120deg at 50% 50%, transparent, rgba(43, 178, 232, 0.16), transparent, rgba(189, 76, 171, 0.12), transparent) !important;
  animation: orionFieldTurn 72s linear infinite !important;
}

@keyframes orionFieldTurn {
  from { transform: rotate(0deg) scale(1); }
  to { transform: rotate(360deg) scale(1); }
}

.browser-window.window-active .astra-rail,
.browser-window.window-active .astra-stage,
.task-window.window-active #task-output,
#start-menu .start-menu-list,
#start-menu .start-window-overview,
#start-menu .start-galaxy-stage {
  position: relative !important;
  z-index: 1 !important;
  border: 1px solid var(--orion-border) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(13, 16, 38, 0.76), rgba(6, 9, 23, 0.72)),
    rgba(5, 8, 20, 0.72) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.02),
    0 18px 46px rgba(0, 0, 0, 0.24) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
}

.browser-window.window-active .astra-rail {
  overflow: auto !important;
  scrollbar-gutter: stable !important;
}

.browser-window.window-active .astra-hud-card {
  border-radius: 8px !important;
  border-color: rgba(143, 157, 255, 0.2) !important;
  background:
    linear-gradient(180deg, rgba(7, 10, 26, 0.84), rgba(5, 8, 20, 0.68)),
    rgba(6, 9, 22, 0.66) !important;
}

.browser-window.window-active .astra-stage {
  overflow: hidden !important;
  grid-template-rows: auto minmax(128px, var(--astra-output-height, 35%)) auto 12px minmax(220px, 1fr) !important;
}

.browser-window.window-active .astra-stage-head {
  padding: 2px 2px 0 !important;
  align-items: end !important;
}

.browser-window.window-active .astra-stage-head b,
.browser-window.window-active .astra-hud-card > b {
  color: rgba(241, 245, 255, 0.96) !important;
  font: 700 11px/1.1 var(--font-mono) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.browser-window.window-active .astra-stage-head span,
.browser-window.window-active .astra-hud-card span {
  color: rgba(164, 178, 221, 0.78) !important;
}

.browser-window.window-active .astra-output,
.browser-window.window-active .astra-evidence-shell,
.browser-window.window-active iframe {
  border-radius: 8px !important;
  border-color: rgba(143, 157, 255, 0.18) !important;
  background: rgba(3, 6, 18, 0.76) !important;
}

.browser-window.window-active .astra-output {
  padding: 18px !important;
  color: rgba(216, 225, 255, 0.9) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.browser-window.window-active .astra-link-sidebar {
  gap: 10px !important;
}

.browser-window.window-active .astra-link-sidebar > a,
.browser-window.window-active .astra-link-sidebar > button,
.browser-window.window-active .astra-link-sidebar > article,
.browser-window.window-active #astra-bookmark-links > * {
  border-radius: 8px !important;
  border: 1px solid rgba(143, 157, 255, 0.18) !important;
  background: rgba(6, 10, 24, 0.72) !important;
}

.task-window.window-active {
  left: max(96px, 2vw) !important;
  top: 42px !important;
  width: calc(100vw - 128px) !important;
  height: calc(100vh - 132px) !important;
  max-width: none !important;
}

.task-window.window-active .task-body {
  display: grid !important;
  grid-template-columns: minmax(620px, 1fr) minmax(340px, 0.34fr) !important;
  grid-template-areas: "map detail" !important;
  gap: 16px !important;
  height: calc(100% - 42px) !important;
  padding: 14px !important;
  overflow: hidden !important;
}

.task-window.window-active .task-galaxy {
  grid-area: map !important;
  min-height: 0 !important;
  height: 100% !important;
  border-radius: 8px !important;
  border-color: rgba(143, 157, 255, 0.22) !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(143, 157, 255, 0.2), transparent 26%),
    radial-gradient(circle at 72% 58%, rgba(43, 178, 232, 0.12), transparent 22%),
    repeating-radial-gradient(circle at 50% 50%, rgba(143, 157, 255, 0.1) 0 1px, transparent 1px 76px),
    linear-gradient(145deg, rgba(9, 10, 28, 0.88), rgba(5, 10, 24, 0.92)) !important;
}

.task-window.window-active #task-output {
  grid-area: detail !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: 18px !important;
  color: rgba(224, 235, 255, 0.88) !important;
  white-space: pre-wrap !important;
  font: 400 12px/1.65 var(--font-mono) !important;
  letter-spacing: 0.03em !important;
}

.task-constellation-links,
.start-galaxy-links {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: visible !important;
}

.task-constellation-path,
.start-galaxy-link {
  fill: none !important;
  stroke: rgba(143, 157, 255, 0.38) !important;
  stroke-width: 0.18 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 7px rgba(143, 157, 255, 0.36)) !important;
}

.task-map-core,
.start-galaxy-core {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 2 !important;
  width: 112px !important;
  min-height: 52px !important;
  transform: translate(-50%, -50%) !important;
  display: grid !important;
  place-items: center !important;
  gap: 2px !important;
  border: 1px solid rgba(143, 157, 255, 0.38) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(143, 157, 255, 0.18), transparent 64%),
    rgba(7, 10, 25, 0.86) !important;
  color: rgba(242, 246, 255, 0.94) !important;
  font: 900 12px/1.1 var(--font-display, var(--font-mono)) !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.task-map-core span,
.start-galaxy-core span {
  color: rgba(43, 178, 232, 0.82) !important;
  font: 700 9px/1 var(--font-mono) !important;
  letter-spacing: 0.18em !important;
}

.task-window.window-active .task-planet {
  left: var(--node-x, 50%) !important;
  top: var(--node-y, 50%) !important;
  width: 150px !important;
  min-height: 86px !important;
  transform: translate(-50%, -50%) scale(var(--node-scale, 1)) !important;
  animation: taskNodeFloat var(--speed, 18s) ease-in-out infinite !important;
  border-radius: 8px !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.task-window.window-active .task-planet.dragging {
  animation: none !important;
  transform: none !important;
}

@keyframes taskNodeFloat {
  0%, 100% { margin-top: -4px; }
  50% { margin-top: 6px; }
}

.task-window.window-active .task-star {
  width: var(--size, 40px) !important;
  height: var(--size, 40px) !important;
  margin: 0 auto 7px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.96), var(--planet-color, #8f9dff) 45%, rgba(143, 157, 255, 0.22) 72%, transparent 73%) !important;
  box-shadow:
    0 0 18px color-mix(in srgb, var(--planet-color, #8f9dff) 58%, transparent),
    inset 0 -8px 14px rgba(5, 8, 20, 0.38) !important;
}

.task-window.window-active .task-node-card {
  position: relative !important;
  inset: auto !important;
  width: 150px !important;
  min-height: 48px !important;
  padding: 8px 28px 8px 10px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(143, 157, 255, 0.22) !important;
  background: rgba(5, 8, 20, 0.78) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22) !important;
}

.task-window.window-active .task-node-card strong,
.task-window.window-active .task-node-card span,
.task-window.window-active .task-node-card small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.task-window.window-active .task-node-card strong {
  color: rgba(242, 246, 255, 0.95) !important;
  font-size: 11px !important;
  letter-spacing: 0.09em !important;
}

.task-window.window-active .task-black-hole {
  right: 24px !important;
  bottom: 24px !important;
  z-index: 4 !important;
  width: 132px !important;
  height: 132px !important;
  border-color: rgba(189, 76, 171, 0.32) !important;
  background:
    radial-gradient(circle, rgba(189, 76, 171, 0.28), transparent 58%),
    rgba(4, 5, 14, 0.64) !important;
}

.task-window.window-active .task-galaxy-readout {
  top: 18px !important;
  left: 22px !important;
  right: auto !important;
  bottom: auto !important;
  width: min(360px, 48%) !important;
  align-items: start !important;
  text-align: left !important;
  z-index: 3 !important;
}

.atlas-window.window-active .atlas-body,
.atlas-window.window-active .atlas-map {
  background:
    radial-gradient(circle at 50% 50%, rgba(143, 157, 255, 0.16), transparent 35%),
    repeating-radial-gradient(circle at 50% 50%, rgba(143, 157, 255, 0.08) 0 1px, transparent 1px 70px),
    linear-gradient(145deg, rgba(7, 8, 24, 0.88), rgba(5, 10, 25, 0.92)) !important;
}

#start-menu {
  inset: 18px 20px 86px 20px !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  display: grid !important;
  grid-template-columns: minmax(248px, 0.22fr) minmax(560px, 1fr) minmax(344px, 0.31fr) !important;
  grid-template-rows: 74px minmax(0, 1fr) !important;
  grid-template-areas:
    "core core core"
    "list galaxy stack" !important;
  gap: 14px !important;
  padding: 14px !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(143, 157, 255, 0.16), transparent 34%),
    radial-gradient(circle at 68% 70%, rgba(43, 178, 232, 0.1), transparent 28%),
    repeating-radial-gradient(circle at 50% 52%, rgba(143, 157, 255, 0.08) 0 1px, transparent 1px 78px),
    linear-gradient(145deg, rgba(7, 8, 24, 0.98), rgba(5, 10, 24, 0.98)) !important;
}

#start-menu #start-command-memory,
#start-menu .start-radar,
#start-menu .start-world-petals {
  display: none !important;
}

#start-menu .start-core {
  grid-area: core !important;
  min-height: 0 !important;
  grid-template-columns: minmax(170px, 210px) minmax(320px, 1fr) minmax(420px, auto) !important;
  grid-template-areas: "brand input actions" !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  background: rgba(7, 9, 24, 0.78) !important;
  border-color: rgba(143, 157, 255, 0.2) !important;
}

#start-menu .start-core b span {
  font-size: 24px !important;
  color: rgba(239, 244, 255, 0.94) !important;
  text-shadow: 0 0 20px rgba(143, 157, 255, 0.28) !important;
}

#start-menu #start-command-input {
  min-height: 44px !important;
  border-radius: 8px !important;
  background: rgba(3, 6, 18, 0.76) !important;
  border-color: rgba(143, 157, 255, 0.22) !important;
}

#start-menu .start-core-actions {
  grid-template-columns: repeat(5, minmax(0, 76px)) !important;
  align-self: center !important;
  justify-content: end !important;
  gap: 8px !important;
}

#start-menu .start-core-actions button {
  min-height: 40px !important;
  border-radius: 8px !important;
  border-color: rgba(143, 157, 255, 0.2) !important;
  background: rgba(5, 8, 20, 0.72) !important;
  padding-inline: 6px !important;
  font-size: 9px !important;
  letter-spacing: 0.1em !important;
}

#start-menu .start-galaxy-shell {
  display: contents !important;
}

#start-menu .start-galaxy-stage {
  grid-area: galaxy !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) minmax(86px, auto) !important;
  min-height: 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
}

#start-menu .start-galaxy-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: end !important;
  gap: 18px !important;
  margin: 0 0 10px !important;
  color: rgba(43, 178, 232, 0.9) !important;
}

#start-menu .start-galaxy {
  position: relative !important;
  min-height: 0 !important;
  height: 100% !important;
  border-radius: 8px !important;
  border: 1px solid rgba(143, 157, 255, 0.18) !important;
  background:
    radial-gradient(circle at 50% 52%, rgba(143, 157, 255, 0.15), transparent 28%),
    repeating-radial-gradient(circle at 50% 52%, rgba(143, 157, 255, 0.08) 0 1px, transparent 1px 62px),
    linear-gradient(145deg, rgba(7, 8, 24, 0.7), rgba(5, 10, 25, 0.76)) !important;
  overflow: hidden !important;
}

#start-menu .start-galaxy-node {
  position: absolute !important;
  left: var(--x) !important;
  top: var(--y) !important;
  z-index: 4 !important;
  width: 60px !important;
  min-width: 60px !important;
  height: 60px !important;
  min-height: 60px !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) scale(var(--scale, 1)) !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--node-color, var(--orion-blue)) 70%, rgba(255, 255, 255, 0.16)) !important;
  background:
    radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.9), color-mix(in srgb, var(--node-color, var(--orion-blue)) 78%, #fff 12%) 36%, rgba(5, 8, 20, 0.72) 68%),
    rgba(5, 8, 20, 0.74) !important;
  box-shadow:
    0 0 22px color-mix(in srgb, var(--node-color, var(--orion-blue)) 42%, transparent),
    inset 0 -10px 16px rgba(5, 8, 20, 0.34) !important;
  animation: startNodeDrift 8s ease-in-out infinite !important;
  animation-delay: var(--drift, 0s) !important;
}

#start-menu .start-galaxy-node:hover,
#start-menu .start-galaxy-node:focus-visible {
  animation-play-state: paused !important;
}

@keyframes startNodeDrift {
  0%, 100% { margin-top: -3px; }
  50% { margin-top: 6px; }
}

#start-menu .start-galaxy-sigil {
  font-size: 22px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 0 10px rgba(5, 8, 20, 0.8)) !important;
}

#start-menu .start-galaxy-node-state {
  position: absolute !important;
  right: 8px !important;
  bottom: 6px !important;
  color: rgba(239, 244, 255, 0.9) !important;
  font-size: 10px !important;
}

#start-menu .start-galaxy-detail {
  margin-top: 12px !important;
  min-height: 84px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(143, 157, 255, 0.18) !important;
  background: rgba(5, 8, 20, 0.78) !important;
  overflow: hidden !important;
}

#start-menu .start-galaxy-detail-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  padding: 12px !important;
  border-radius: 8px !important;
  border-left: 2px solid var(--detail-color, var(--orion-cyan)) !important;
}

#start-menu .start-window-overview {
  grid-area: stack !important;
  padding: 16px !important;
  overflow: hidden !important;
}

#start-menu .start-window-stack {
  display: grid !important;
  min-height: 142px !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(143, 157, 255, 0.13), transparent 48%),
    rgba(3, 6, 18, 0.48) !important;
}

#start-menu .start-window-overview-list {
  overflow: auto !important;
  scrollbar-gutter: stable !important;
}

#start-menu .start-window-overview-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: start !important;
  margin-bottom: 12px !important;
}

#start-menu .start-window-overview-head > span {
  color: rgba(164, 178, 221, 0.78) !important;
  font: 600 10px/1.2 var(--font-mono) !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

#start-menu .start-window-overview-tools {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 108px)) !important;
  gap: 8px !important;
  justify-content: start !important;
}

#start-menu .start-window-overview-tools button {
  min-height: 38px !important;
  border-radius: 8px !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
}

#start-menu .start-window-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 12px !important;
  border-radius: 8px !important;
  border-color: rgba(143, 157, 255, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(12, 16, 34, 0.9), rgba(6, 10, 24, 0.76)),
    rgba(6, 10, 24, 0.72) !important;
}

#start-menu .start-window-meta {
  gap: 6px !important;
}

#start-menu .start-window-meta b,
#start-menu .start-window-meta span {
  display: block !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#start-menu .start-window-meta b {
  font-size: 10px !important;
  line-height: 1.35 !important;
}

#start-menu .start-window-meta span {
  font-size: 10px !important;
  line-height: 1.45 !important;
}

#start-menu .start-window-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
}

#start-menu .start-window-actions button {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 34px !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
}

#start-menu .start-menu-list {
  grid-area: list !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  padding: 16px !important;
  overflow: auto !important;
  scrollbar-gutter: stable !important;
  align-content: start !important;
}

#start-menu .start-menu-list > button {
  min-height: 62px !important;
  padding: 10px 12px 10px 56px !important;
  border-radius: 8px !important;
  border-color: rgba(143, 157, 255, 0.18) !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--start-accent, var(--orion-blue)) 12%, transparent), transparent 62%),
    rgba(5, 8, 20, 0.62) !important;
}

#start-menu .start-menu-list > button::before {
  border-radius: 8px !important;
  border-color: color-mix(in srgb, var(--start-accent, var(--orion-blue)) 54%, rgba(255, 255, 255, 0.14)) !important;
  background: rgba(6, 10, 24, 0.72) !important;
  box-shadow: 0 0 18px color-mix(in srgb, var(--start-accent, var(--orion-blue)) 24%, transparent) !important;
}

@media (max-width: 1260px) {
  .browser-window.window-active .astra-shell,
  .task-window.window-active .task-body,
  #start-menu {
    grid-template-columns: 1fr !important;
  }

  #start-menu {
    grid-template-rows: auto minmax(220px, 0.8fr) minmax(360px, 1fr) minmax(240px, 0.76fr) !important;
    grid-template-areas:
      "core"
      "list"
      "galaxy"
      "stack" !important;
    overflow: auto !important;
  }

  #start-menu .start-core {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "brand"
      "input"
      "actions" !important;
  }

  .task-window.window-active .task-body {
    grid-template-areas:
      "map"
      "detail" !important;
    grid-template-rows: minmax(420px, 1fr) minmax(180px, 0.36fr) !important;
  }
}

/* Final stabilization pass: one moving background ghost + cleaner Glyph cockpit density. */
body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core:nth-child(1),
body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1) {
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  filter: none !important;
  box-shadow: none !important;
}

body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core::before,
body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core::after,
body.home-shell-live .ghost-bleed .ghost-bleed-core::before,
body.home-shell-live .ghost-bleed .ghost-bleed-core::after {
  content: none !important;
  display: none !important;
}

body[data-launch="desktop"] .ghost-bleed .ghost-bleed-echo,
body.home-shell-live .ghost-bleed .ghost-bleed-echo {
  width: 176px !important;
  height: 58px !important;
  opacity: 0.16 !important;
  filter: drop-shadow(0 0 16px rgba(120, 232, 255, 0.18)) !important;
}

body[data-launch="desktop"] .ghost-bleed .ghost-bleed-echo::before,
body.home-shell-live .ghost-bleed .ghost-bleed-echo::before {
  opacity: 0.34 !important;
}

.glyph-window.window-active .glyph-body {
  grid-template-columns: minmax(282px, 0.82fr) minmax(0, 1.56fr) minmax(300px, 0.88fr) !important;
  gap: 12px !important;
}

.glyph-window.window-active .glyph-side-left {
  grid-template-rows: minmax(288px, 0.88fr) minmax(214px, 0.52fr) !important;
  gap: 12px !important;
}

.glyph-window.window-active .glyph-center-shell {
  grid-template-rows: minmax(430px, 0.86fr) minmax(202px, 0.32fr) !important;
  gap: 12px !important;
}

.glyph-window.window-active .glyph-side-right {
  grid-template-rows: minmax(184px, 0.62fr) minmax(176px, 0.54fr) minmax(176px, 0.56fr) !important;
  gap: 12px !important;
}

.glyph-window.window-active .glyph-organizer-panel {
  grid-template-rows: auto auto auto minmax(0, 1fr) minmax(72px, 0.58fr) !important;
}

.glyph-window.window-active .glyph-editor-head,
.glyph-window.window-active .glyph-panel-head,
.glyph-window.window-active .glyph-organizer-head {
  gap: 10px !important;
  align-items: start !important;
}

.glyph-window.window-active .glyph-file-tab {
  min-height: 36px !important;
}

.glyph-window.window-active .glyph-editor-meta {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}

.glyph-window.window-active .glyph-actions {
  padding: 10px 12px 0 !important;
  gap: 8px !important;
}

.glyph-window.window-active .glyph-file-lane {
  padding: 6px 12px 12px !important;
}

.glyph-window.window-active #glyph-code {
  font-size: 14px !important;
  line-height: 1.58 !important;
}

.glyph-window.window-active #glyph-output,
.glyph-window.window-active .glyph-queue,
.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-folder-trace {
  font-size: 10px !important;
  line-height: 1.46 !important;
}

.glyph-window.window-active .glyph-project {
  min-height: 60px !important;
  padding: 10px 10px 10px 14px !important;
}

@media (max-width: 1366px), (max-height: 820px) {
  .glyph-window.window-active .glyph-body {
    grid-template-columns: minmax(264px, 0.78fr) minmax(0, 1.22fr) !important;
    grid-template-rows: minmax(0, 1fr) 144px 176px !important;
    gap: 8px !important;
  }

  .glyph-window.window-active .glyph-side-left {
    grid-template-rows: minmax(0, 0.92fr) 232px !important;
    gap: 8px !important;
  }

  .glyph-window.window-active .glyph-center-shell {
    grid-template-rows: minmax(248px, 1fr) 114px !important;
    gap: 8px !important;
  }

  .glyph-window.window-active .glyph-side-right {
    gap: 8px !important;
  }

  .glyph-window.window-active .glyph-organizer-panel {
    grid-template-rows: auto auto auto minmax(0, 1fr) minmax(64px, 0.5fr) !important;
    overflow: auto !important;
  }

  .glyph-window.window-active .glyph-project {
    min-height: 48px !important;
    padding: 8px 9px 8px 12px !important;
  }

  .glyph-window.window-active .glyph-legend {
    gap: 4px !important;
  }

  .glyph-window.window-active .glyph-legend span {
    min-height: 22px !important;
    padding: 0 8px !important;
    font-size: 8px !important;
  }

  .glyph-window.window-active #glyph-projects {
    padding: 8px 10px 10px !important;
    gap: 5px !important;
  }

  .glyph-window.window-active .glyph-panel-tabs {
    display: none !important;
  }

  .glyph-window.window-active .glyph-editor-head,
  .glyph-window.window-active .glyph-panel-head,
  .glyph-window.window-active .glyph-organizer-head {
    min-height: 36px !important;
    padding: 7px 10px !important;
    gap: 8px !important;
  }

  .glyph-window.window-active .glyph-editor-tools button,
  .glyph-window.window-active .glyph-actions button,
  .glyph-window.window-active .glyph-organizer-actions button,
  .glyph-window.window-active .glyph-command-mode button,
  .glyph-window.window-active .glyph-chat-shell #glyph-shell-run {
    min-width: 94px !important;
    min-height: 28px !important;
  }

  .glyph-window.window-active #glyph-code {
    padding: 14px 16px !important;
    font-size: 13px !important;
    line-height: 1.52 !important;
  }

  .glyph-window.window-active .glyph-actions {
    padding: 8px 10px 0 !important;
    gap: 6px !important;
  }

  .glyph-window.window-active .glyph-file-lane {
    padding: 6px 10px 10px !important;
  }

  .glyph-window.window-active .glyph-file-path-wrap input,
  .glyph-window.window-active .glyph-chat-field input,
  .glyph-window.window-active #glyph-folder-path,
  .glyph-window.window-active #glyph-folder-scope {
    min-height: 34px !important;
  }

  .glyph-window.window-active .glyph-organizer-form {
    grid-template-rows: 34px auto minmax(48px, 1fr) !important;
    gap: 5px !important;
    margin: 0 10px !important;
  }

  .glyph-window.window-active #glyph-folder-prompt {
    min-height: 48px !important;
    max-height: 62px !important;
  }

  .glyph-window.window-active .glyph-organizer-lane {
    grid-template-columns: 132px minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  .glyph-window.window-active .glyph-organizer-presets,
  .glyph-window.window-active .glyph-organizer-actions {
    gap: 5px !important;
    margin: 0 10px !important;
  }

  .glyph-window.window-active .glyph-folder-plan-view,
  .glyph-window.window-active .glyph-folder-trace {
    margin: 0 10px 10px !important;
    padding: 10px !important;
    font-size: 9px !important;
    line-height: 1.38 !important;
  }

  .glyph-window.window-active .glyph-folder-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .glyph-window.window-active .glyph-chat-shell,
  .glyph-window.window-active .glyph-preview-shell,
  .glyph-window.window-active .glyph-queue-shell {
    min-height: 164px !important;
    height: 164px !important;
    max-height: 164px !important;
  }

  .glyph-window.window-active .glyph-command-lane {
    padding: 10px !important;
    gap: 6px !important;
    grid-template-columns: minmax(0, 1fr) 92px !important;
  }

  .glyph-window.window-active .glyph-chat-notice {
    margin: 0 10px 10px !important;
    padding: 8px 10px !important;
    max-height: 62px !important;
  }

  .glyph-window.window-active #glyph-preview {
    min-height: 108px !important;
    height: 108px !important;
    max-height: 108px !important;
    margin: 0 10px 10px !important;
  }

  .glyph-window.window-active #glyph-output,
  .glyph-window.window-active .glyph-queue {
    margin: 0 10px 10px !important;
    padding: 10px 12px !important;
    font-size: 10px !important;
    line-height: 1.42 !important;
  }
}

body.home-shell-live .home-shell-sigil {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(122, 236, 255, 0.18), transparent 56%),
    linear-gradient(180deg, rgba(6, 12, 18, 0.94), rgba(3, 7, 12, 0.9)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 0 28px rgba(122, 236, 255, 0.08) !important;
}

body.home-shell-live .home-shell-ghost-stage {
  position: absolute;
  inset: 10px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(122, 236, 255, 0.16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 18%, rgba(122, 236, 255, 0.1), transparent 42%),
    linear-gradient(180deg, rgba(4, 10, 15, 0.88), rgba(2, 6, 11, 0.92));
  overflow: hidden;
}

body.home-shell-live #home-shell-ghost-canvas {
  width: 100%;
  height: 100%;
  display: block;
}

body.home-shell-live .home-shell-sigil-fallback,
body.home-shell-live .home-shell-sigil > span:not(.home-shell-sigil-fallback) {
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 1366px), (max-height: 820px) {
  body.home-shell-live .home-shell-sigil {
    min-width: 112px !important;
    width: 112px !important;
    height: 112px !important;
  }
}

/* 2026-07-08 // burst mode owner reset
   Put the real shells back in charge: dynamic window ownership, readable
   launcher, Orion-style atlas/task surfaces, and a cleaner Glyph cockpit. */

.window {
  z-index: var(--window-layer, 72) !important;
}

.window.window-active,
.window.dragging {
  z-index: var(--window-layer, 72) !important;
}

.window.window-active {
  opacity: 1 !important;
  filter: none !important;
  isolation: isolate !important;
}

.taskbar {
  z-index: 240 !important;
}

#running-dock,
.running-dock {
  z-index: 250 !important;
}

#dock-constellation,
.dock-constellation {
  z-index: 249 !important;
}

#start-menu {
  z-index: 360 !important;
  left: 50% !important;
  right: auto !important;
  bottom: 86px !important;
  width: min(1320px, calc(100vw - 44px)) !important;
  height: min(820px, calc(100vh - 128px)) !important;
  max-height: calc(100vh - 128px) !important;
  padding: 16px !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  grid-template-areas:
    "core"
    "memory"
    "galaxy"
    "list" !important;
  transform: translateX(-50%) !important;
  border-radius: 28px 28px 16px 16px !important;
  overflow: hidden !important;
}

#start-menu .start-core {
  width: min(100%, 1040px) !important;
  margin: 0 auto !important;
  padding: 10px 28px 12px !important;
  gap: 12px !important;
}

#start-menu #start-command-memory {
  max-height: 92px !important;
  overflow: auto !important;
  padding-right: 6px !important;
}

#start-menu .start-galaxy-shell {
  grid-area: galaxy !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(340px, 0.92fr) !important;
  gap: 16px !important;
  min-height: 0 !important;
}

#start-menu .start-galaxy-stage,
#start-menu .start-window-overview {
  display: grid !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(101, 245, 255, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(0, 0, 0, 0.18)),
    rgba(4, 10, 16, 0.74) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 18px 34px rgba(0, 0, 0, 0.2) !important;
}

#start-menu .start-galaxy-stage {
  padding: 14px !important;
  grid-template-rows: auto minmax(280px, 1fr) auto !important;
}

#start-menu #start-galaxy {
  min-height: 380px !important;
  border-radius: 18px !important;
}

#start-menu .start-window-overview {
  padding: 14px !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
}

#start-menu #start-window-stack {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}

#start-menu .start-window-card {
  min-height: 58px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  border: 1px solid color-mix(in srgb, var(--window-color, var(--active-color)) 22%, rgba(255,255,255,.1)) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.22)),
    rgba(4, 10, 16, 0.78) !important;
}

#start-menu .start-window-overview-list {
  gap: 8px !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

#start-menu .start-menu-list {
  grid-area: list !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  overflow: auto !important;
  align-content: start !important;
  padding-right: 6px !important;
}

#start-menu .start-menu-list > button {
  min-height: 72px !important;
  padding: 10px 14px 10px 58px !important;
  border-radius: 14px !important;
}

#start-menu .start-menu-list > button::before {
  left: 14px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
}

#start-menu #start-command-results {
  top: 84px !important;
  width: min(640px, calc(100% - 320px)) !important;
}

body.home-shell-live .home-shell-sigil {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.home-shell-live .home-shell-ghost-stage {
  display: none !important;
}

body.home-shell-live #home-shell-ghost-canvas {
  opacity: 0 !important;
}

body.home-shell-live .home-shell-hero {
  grid-template-columns: 1fr !important;
  align-content: start !important;
  min-height: 168px !important;
  padding-right: 28px !important;
}

body.home-shell-live .home-shell-hero::after {
  display: none !important;
}

body.home-shell-live .home-shell-hero-top,
body.home-shell-live .home-shell-hero-foot {
  max-width: 72ch !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1) {
  width: 212px !important;
  height: 242px !important;
  opacity: 0.62 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::before {
  inset: 14px 28px 18px !important;
  opacity: 0.96 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::after {
  opacity: 0.24 !important;
  filter: blur(18px) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-echo {
  width: 252px !important;
  height: 122px !important;
  opacity: 0.22 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-echo::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 22px !important;
  width: 102px !important;
  height: 122px !important;
  transform: translateX(-50%) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' shape-rendering='crispEdges'%3E%3Cpath fill='%23f5fbff' d='M5 1h6v1h1v1h1v8h-1v4h-2v-1H9v1H7v-1H6v1H4v-4H3V3h1V2h1z'/%3E%3Crect x='6' y='5' width='1' height='2' fill='%23050a10'/%3E%3Crect x='10' y='5' width='1' height='2' fill='%23050a10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: 0.96 !important;
  filter:
    drop-shadow(0 0 18px rgba(255, 255, 255, 0.28))
    drop-shadow(0 0 30px rgba(103, 238, 255, 0.22)) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-echo::after {
  width: 176px !important;
  height: 30px !important;
  opacity: 0.74 !important;
}

.glyph-window.window-active {
  left: max(86px, 1.8vw) !important;
  top: 10px !important;
  width: calc(100vw - 108px) !important;
  height: calc(100vh - 88px) !important;
  border-radius: 16px !important;
}

.glyph-window.window-active .window-bar {
  min-height: 42px !important;
  padding: 0 16px 0 18px !important;
}

.glyph-window.window-active .glyph-body {
  height: calc(100% - 42px) !important;
  grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.28fr) minmax(320px, 0.9fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 14px !important;
}

.glyph-window.window-active .glyph-side-left {
  grid-template-rows: minmax(340px, 0.86fr) minmax(252px, 0.54fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active .glyph-center-shell {
  grid-template-rows: minmax(420px, 0.74fr) minmax(242px, 0.42fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active .glyph-side-right {
  grid-template-rows: minmax(178px, 0.52fr) minmax(220px, 0.72fr) minmax(220px, 0.76fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active #glyph-projects,
.glyph-window.window-active .glyph-queue,
.glyph-window.window-active #glyph-output,
.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-folder-trace {
  overflow: auto !important;
  scrollbar-gutter: stable both-edges !important;
}

.glyph-window.window-active .glyph-project {
  min-height: 84px !important;
  padding: 12px 14px !important;
}

.glyph-window.window-active .glyph-project-copy > strong {
  font-size: 10px !important;
}

.glyph-window.window-active .glyph-project-copy > span {
  font-size: 14px !important;
  line-height: 1.34 !important;
}

.glyph-window.window-active .glyph-project-copy > small,
.glyph-window.window-active .glyph-panel-head span,
.glyph-window.window-active .glyph-organizer-head > span,
.glyph-window.window-active .glyph-editor-copy {
  font-size: 10px !important;
  line-height: 1.38 !important;
}

.glyph-window.window-active .glyph-panel-head b,
.glyph-window.window-active .glyph-organizer-head b,
.glyph-window.window-active .glyph-title-group b {
  font-size: 11px !important;
}

.glyph-window.window-active #glyph-code {
  font-size: 16px !important;
  line-height: 1.7 !important;
  padding: 18px 20px !important;
}

.glyph-window.window-active #glyph-output,
.glyph-window.window-active .glyph-queue,
.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-folder-trace {
  font-size: 11px !important;
  line-height: 1.56 !important;
}

.glyph-window.window-active .glyph-command-lane {
  grid-template-columns: 1fr !important;
  grid-template-areas:
    "mode"
    "input"
    "trigger" !important;
}

.glyph-window.window-active .glyph-chat-notice {
  max-height: none !important;
  overflow: auto !important;
}

.glyph-window.window-active #glyph-preview {
  min-height: 220px !important;
}

.atlas-window.window-active {
  width: min(1320px, 88vw) !important;
  height: min(760px, 82vh) !important;
}

.atlas-window.window-active .atlas-body {
  grid-template-rows: minmax(0, 1fr) 114px !important;
  overflow: hidden !important;
}

.atlas-window.window-active #atlas-summary {
  overflow: auto !important;
  white-space: pre-wrap !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

.atlas-window.window-active .atlas-orion-shell {
  min-height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(224px, 0.7fr) minmax(0, 1.38fr) minmax(260px, 0.82fr) !important;
  gap: 16px !important;
}

.atlas-window.window-active .atlas-orion-rail,
.atlas-window.window-active .atlas-orion-detail,
.atlas-window.window-active .atlas-orion-stage {
  min-height: 0 !important;
  border: 1px solid rgba(101, 245, 255, 0.14) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(0, 0, 0, 0.16)),
    rgba(4, 10, 16, 0.72) !important;
}

.atlas-window.window-active .atlas-orion-rail,
.atlas-window.window-active .atlas-orion-detail {
  padding: 14px !important;
  overflow: auto !important;
}

.atlas-window.window-active .atlas-orion-stage {
  position: relative !important;
  overflow: hidden !important;
  padding: 18px !important;
}

.atlas-window.window-active .atlas-orion-head,
.atlas-window.window-active .task-orion-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.atlas-window.window-active .atlas-orion-head b,
.task-window.window-active .task-orion-head b {
  color: #f2fbff !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
}

.atlas-window.window-active .atlas-orion-head span,
.task-window.window-active .task-orion-head span {
  color: var(--active-color) !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
}

.atlas-window.window-active .atlas-orion-lanes,
.task-window.window-active .task-orion-lanes {
  display: grid !important;
  gap: 10px !important;
}

.atlas-window.window-active .atlas-orion-lane,
.task-window.window-active .task-orion-lane {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 14px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 12px !important;
  border-radius: 14px !important;
  border: 1px solid color-mix(in srgb, var(--node-color, var(--active-color)) 24%, rgba(255,255,255,.1)) !important;
  background: rgba(2, 8, 13, 0.78) !important;
  text-align: left !important;
}

.atlas-window.window-active .atlas-orion-lane i,
.task-window.window-active .task-orion-lane i {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(255,255,255,.96), color-mix(in srgb, var(--node-color, var(--planet-color, var(--active-color))) 72%, transparent) 62%, transparent 72%) !important;
  box-shadow: 0 0 16px color-mix(in srgb, var(--node-color, var(--planet-color, var(--active-color))) 34%, transparent) !important;
}

.atlas-window.window-active .atlas-orion-lane strong,
.task-window.window-active .task-orion-lane strong {
  display: block !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  color: #f1fbff !important;
}

.atlas-window.window-active .atlas-orion-lane span,
.task-window.window-active .task-orion-lane span,
.task-window.window-active .task-orion-lane small {
  display: block !important;
  color: #cfefff !important;
  font-size: 9px !important;
  line-height: 1.34 !important;
}

.atlas-window.window-active .atlas-orion-stage-head {
  position: absolute !important;
  left: 20px !important;
  right: 20px !important;
  top: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  z-index: 3 !important;
}

.atlas-window.window-active .atlas-orion-stage-head b {
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  color: #f2fbff !important;
}

.atlas-window.window-active .atlas-orion-stage-head span {
  color: #a4e9ff !important;
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
}

.atlas-window.window-active .atlas-orion-web {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  filter: drop-shadow(0 0 14px rgba(145, 208, 255, 0.16)) !important;
}

.atlas-window.window-active .atlas-orion-web-main,
.atlas-window.window-active .atlas-orion-web-echo {
  fill: none !important;
  stroke-linecap: round !important;
}

.atlas-window.window-active .atlas-orion-web-main {
  stroke: rgba(162, 196, 255, 0.66) !important;
  stroke-width: 0.42 !important;
}

.atlas-window.window-active .atlas-orion-web-echo {
  stroke: rgba(133, 217, 255, 0.22) !important;
  stroke-width: 0.26 !important;
}

.atlas-window.window-active .atlas-orion-focus-world {
  left: 46% !important;
  top: 52% !important;
  width: 132px !important;
  height: 132px !important;
  transform: translate(-50%, -50%) !important;
}

.atlas-window.window-active .atlas-orion-starfield {
  position: relative !important;
  z-index: 2 !important;
  min-height: 100% !important;
}

.atlas-window.window-active .atlas-orion-node {
  width: auto !important;
  min-height: 0 !important;
  max-width: 120px !important;
}

.atlas-window.window-active .atlas-orion-note {
  z-index: 4 !important;
}

.atlas-window.window-active .atlas-orion-detail {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
}

.atlas-window.window-active .atlas-orion-card,
.task-window.window-active .task-orion-card {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
  border-radius: 14px !important;
  border: 1px solid color-mix(in srgb, var(--node-color, var(--active-color)) 18%, rgba(255,255,255,.08)) !important;
  background: rgba(2, 8, 13, 0.76) !important;
}

.atlas-window.window-active .atlas-orion-card header,
.task-window.window-active .task-orion-card header {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.atlas-window.window-active .atlas-orion-card header b,
.task-window.window-active .task-orion-card header b {
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  color: #effbff !important;
}

.atlas-window.window-active .atlas-orion-card header span,
.task-window.window-active .task-orion-card header span {
  color: var(--active-color) !important;
  font-size: 9px !important;
}

.atlas-window.window-active .atlas-orion-stats,
.task-window.window-active .task-orion-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.atlas-window.window-active .atlas-orion-stats small,
.task-window.window-active .task-orion-stats small {
  display: block !important;
  font-size: 8px !important;
  letter-spacing: 0.14em !important;
  color: var(--muted) !important;
}

.atlas-window.window-active .atlas-orion-stats strong,
.task-window.window-active .task-orion-stats strong {
  display: block !important;
  margin-top: 4px !important;
  font-size: 11px !important;
  color: #f0fbff !important;
}

.atlas-window.window-active .atlas-orion-card p,
.task-window.window-active .task-orion-card p {
  margin: 0 !important;
  color: #d4f2ff !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}

.atlas-window.window-active .atlas-orion-list,
.task-window.window-active .task-orion-list {
  display: grid !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.atlas-window.window-active .atlas-orion-list li,
.task-window.window-active .task-orion-list li {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  gap: 8px !important;
  align-items: baseline !important;
}

.atlas-window.window-active .atlas-orion-list strong,
.task-window.window-active .task-orion-list strong {
  color: #effbff !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
}

.atlas-window.window-active .atlas-orion-list span,
.task-window.window-active .task-orion-list span,
.atlas-window.window-active .atlas-orion-list small,
.task-window.window-active .task-orion-list small {
  color: #cdefff !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
}

.task-window.window-active {
  left: max(96px, 4vw) !important;
  right: auto !important;
  top: 64px !important;
  bottom: auto !important;
  width: min(1320px, 86vw) !important;
  height: min(760px, 82vh) !important;
}

.task-window.window-active .task-body {
  grid-template-rows: minmax(0, 1fr) 126px !important;
  gap: 12px !important;
  overflow: hidden !important;
}

.task-window.window-active #task-output {
  overflow: auto !important;
  white-space: pre-wrap !important;
  font-size: 11px !important;
  line-height: 1.52 !important;
}

.task-window.window-active .task-orion-shell {
  min-height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 0.68fr) minmax(0, 1.34fr) minmax(220px, 0.78fr) !important;
  gap: 16px !important;
}

.task-window.window-active .task-orion-rail,
.task-window.window-active .task-orion-detail,
.task-window.window-active .task-orbit-stage {
  min-height: 0 !important;
  border: 1px solid rgba(101, 245, 255, 0.14) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.16)),
    rgba(4, 10, 16, 0.74) !important;
}

.task-window.window-active .task-orion-rail,
.task-window.window-active .task-orion-detail {
  padding: 14px !important;
  overflow: auto !important;
}

.task-window.window-active .task-orbit-stage {
  position: relative !important;
  overflow: hidden !important;
}

.task-window.window-active .task-orion-lane.critical {
  border-color: rgba(255, 112, 146, 0.34) !important;
}

.task-window.window-active .task-orion-lane.linked {
  border-color: rgba(255, 205, 116, 0.28) !important;
}

.task-window.window-active .task-orbit-stage .task-black-hole {
  top: 52% !important;
  width: 128px !important;
  height: 128px !important;
}

.task-window.window-active .task-orbit-stage .task-galaxy-readout {
  left: 18px !important;
  right: auto !important;
  bottom: 18px !important;
  max-width: 360px !important;
}

.task-window.window-active .task-orbit-stage .task-planet {
  width: 112px !important;
}

.task-window.window-active .task-orbit-stage .task-node-card {
  width: 110px !important;
}

@media (max-width: 1366px), (max-height: 860px) {
  #start-menu .start-galaxy-shell,
  .atlas-window.window-active .atlas-orion-shell,
  .task-window.window-active .task-orion-shell {
    grid-template-columns: 1fr !important;
  }

  #start-menu .start-menu-list {
    grid-template-columns: 1fr !important;
  }

  .glyph-window.window-active .glyph-body {
    grid-template-columns: minmax(250px, 0.78fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) 200px !important;
  }

  .glyph-window.window-active .glyph-side-right {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }
}

/* 2026-07-09
   100% zoom recovery:
   - keep the start menu as a real multi-lane surface at laptop viewport sizes
   - stop Glyph from collapsing into the unreadable bottom collision strip
   - preserve the richer desktop shell instead of flattening into list-only mode */

@media (min-width: 1180px) and (max-width: 1400px), (min-height: 680px) and (max-height: 860px) {
  #start-menu {
    width: min(1240px, calc(100vw - 34px)) !important;
    height: min(646px, calc(100vh - 108px)) !important;
    max-height: calc(100vh - 108px) !important;
    padding: 14px !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(270px, 0.74fr) minmax(320px, 0.92fr) !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    grid-template-areas:
      "core core core"
      "memory memory memory"
      "galaxy stack list" !important;
    align-content: stretch !important;
    overflow: hidden !important;
  }

  #start-menu .start-core {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 10px 14px 12px !important;
    gap: 12px !important;
  }

  #start-menu .start-core b span {
    font-size: clamp(21px, 1.8vw, 30px) !important;
  }

  #start-menu #start-command-input {
    min-height: 46px !important;
    font-size: 14px !important;
    padding-inline: 16px !important;
  }

  #start-menu .start-core-actions {
    grid-template-columns: repeat(5, minmax(84px, 1fr)) !important;
    gap: 7px !important;
  }

  #start-menu .start-core-actions button {
    min-height: 36px !important;
    padding: 0 10px !important;
    font-size: 9px !important;
  }

  #start-menu #start-command-memory {
    max-height: 76px !important;
  }

  #start-menu .start-galaxy-shell {
    display: contents !important;
  }

  #start-menu .start-galaxy-stage {
    grid-area: galaxy !important;
    min-height: 0 !important;
    padding: 12px !important;
    gap: 8px !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
  }

  #start-menu #start-galaxy {
    min-height: 0 !important;
    height: 100% !important;
  }

  #start-menu #start-galaxy-detail {
    min-height: 88px !important;
  }

  #start-menu .start-window-overview {
    grid-area: stack !important;
    min-height: 0 !important;
    padding: 12px !important;
    gap: 8px !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
  }

  #start-menu #start-window-stack {
    min-height: 0 !important;
    margin-bottom: 0 !important;
  }

  #start-menu #start-window-overview-list {
    min-height: 0 !important;
    max-height: none !important;
    overflow: auto !important;
  }

  #start-menu .start-menu-list {
    grid-area: list !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    overflow: auto !important;
    align-content: start !important;
  }

  #start-menu .start-menu-list > button {
    min-height: 60px !important;
    padding: 10px 12px 10px 54px !important;
    font-size: 10px !important;
  }

  #start-menu .start-menu-list > button::before {
    left: 12px !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 13px !important;
  }

  .glyph-window.window-active {
    width: min(1188px, calc(100vw - 22px)) !important;
    height: min(676px, calc(100vh - 44px)) !important;
    min-width: 1080px !important;
    min-height: 620px !important;
    left: max(12px, calc(50vw - 594px)) !important;
    top: 10px !important;
  }

  .glyph-window.window-active .glyph-body {
    grid-template-columns: minmax(268px, 0.74fr) minmax(0, 1fr) minmax(270px, 0.82fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  .glyph-window.window-active .glyph-side-left,
  .glyph-window.window-active .glyph-center-shell,
  .glyph-window.window-active .glyph-side-right {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 0 !important;
  }

  .glyph-window.window-active .glyph-side-left {
    grid-template-rows: minmax(0, 0.92fr) minmax(232px, 0.72fr) !important;
    gap: 10px !important;
  }

  .glyph-window.window-active .glyph-center-shell {
    grid-template-rows: minmax(0, 1fr) minmax(190px, 0.48fr) !important;
    gap: 10px !important;
  }

  .glyph-window.window-active .glyph-side-right {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(148px, auto) minmax(138px, 0.48fr) minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .glyph-window.window-active .glyph-panel {
    border-radius: 12px !important;
  }

  .glyph-window.window-active .glyph-panel-head,
  .glyph-window.window-active .glyph-organizer-head,
  .glyph-window.window-active .glyph-editor-head {
    padding: 8px 10px !important;
    gap: 10px !important;
  }

  .glyph-window.window-active .glyph-panel-head b,
  .glyph-window.window-active .glyph-organizer-head b,
  .glyph-window.window-active .glyph-title-group b {
    font-size: 9px !important;
  }

  .glyph-window.window-active .glyph-panel-head span,
  .glyph-window.window-active .glyph-organizer-head > span,
  .glyph-window.window-active .glyph-title-group span,
  .glyph-window.window-active .glyph-editor-copy {
    font-size: 8px !important;
  }

  .glyph-window.window-active .glyph-legend span,
  .glyph-window.window-active .glyph-panel-tabs span,
  .glyph-window.window-active button {
    font-size: 8px !important;
  }

  .glyph-window.window-active .glyph-project {
    padding: 10px 10px 10px 14px !important;
    gap: 8px !important;
  }

  .glyph-window.window-active .glyph-project-copy > strong {
    font-size: 10px !important;
  }

  .glyph-window.window-active .glyph-project-copy > span {
    white-space: normal !important;
    line-height: 1.3 !important;
    font-size: 12px !important;
  }

  .glyph-window.window-active .glyph-project-copy > small {
    white-space: normal !important;
    line-height: 1.25 !important;
  }

  .glyph-window.window-active .glyph-organizer-panel {
    grid-template-rows: auto auto auto minmax(0, 1fr) minmax(96px, 0.78fr) !important;
    gap: 8px !important;
  }

  .glyph-window.window-active .glyph-organizer-form {
    margin: 0 10px !important;
    gap: 8px !important;
    grid-template-rows: 36px auto minmax(54px, 1fr) !important;
  }

  .glyph-window.window-active .glyph-organizer-lane {
    grid-template-columns: 128px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  .glyph-window.window-active .glyph-organizer-presets {
    gap: 6px !important;
  }

  .glyph-window.window-active .glyph-organizer-actions {
    margin: 0 10px !important;
    gap: 6px !important;
  }

  .glyph-window.window-active .glyph-file-lane {
    padding: 0 10px 10px !important;
  }

  .glyph-window.window-active #glyph-code {
    font-size: 13px !important;
    line-height: 1.58 !important;
    padding: 12px 14px !important;
  }

  .glyph-window.window-active #glyph-output,
  .glyph-window.window-active #glyph-projects,
  .glyph-window.window-active .glyph-folder-plan-view,
  .glyph-window.window-active .glyph-folder-trace,
  .glyph-window.window-active .glyph-queue {
    min-height: 0 !important;
    overflow: auto !important;
  }

  .glyph-window.window-active #glyph-output {
    margin: 0 10px 10px !important;
    font-size: 11px !important;
    line-height: 1.48 !important;
  }

  .glyph-window.window-active #glyph-preview {
    width: calc(100% - 20px) !important;
    min-height: 118px !important;
    margin: 0 10px 10px !important;
  }

  .glyph-window.window-active .glyph-chat-notice,
  .glyph-window.window-active .glyph-queue {
    margin-inline: 10px !important;
  }
}

body.home-shell-live .ghost-bleed {
  opacity: 0.76 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1) {
  width: 146px !important;
  height: 168px !important;
  opacity: 0.24 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::before {
  inset: 12px 24px 14px !important;
  opacity: 0.88 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::after {
  opacity: 0.12 !important;
  filter: blur(14px) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-echo {
  width: 188px !important;
  height: 92px !important;
  opacity: 0.15 !important;
}

/* 2026-07-09
   Final ghost recovery:
   restore one actual pixel ghost sprite after the late "stabilization" block
   zeroed the core and left only the line/echo shell behind. */
body.home-shell-live .ghost-bleed,
body[data-launch="desktop"] .ghost-bleed {
  opacity: 1 !important;
  z-index: 2 !important;
  mix-blend-mode: screen !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1),
body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core:nth-child(1) {
  left: var(--ghost-anchor-x, 54.8%) !important;
  top: var(--ghost-core-y, 34%) !important;
  width: 164px !important;
  height: 188px !important;
  opacity: 0.44 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 56%, rgba(120, 234, 255, 0.1), transparent 30%),
    radial-gradient(circle at 50% 56%, rgba(255, 93, 153, 0.05), transparent 56%) !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 28px rgba(112, 236, 255, 0.12)) !important;
  animation:
    ghostFieldDrift 12.8s ease-in-out infinite,
    ghostFieldPulse 6.2s ease-in-out infinite !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::before,
body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 12px 28px 16px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' shape-rendering='crispEdges'%3E%3Cpath fill='%23f5fbff' d='M5 1h6v1h1v1h1v8h-1v4h-2v-1H9v1H7v-1H6v1H4v-4H3V3h1V2h1z'/%3E%3Crect x='6' y='5' width='1' height='2' fill='%23050a10'/%3E%3Crect x='10' y='5' width='1' height='2' fill='%23050a10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  image-rendering: pixelated !important;
  opacity: 0.96 !important;
  filter:
    drop-shadow(0 0 10px rgba(255, 255, 255, 0.18))
    drop-shadow(0 0 20px rgba(110, 236, 255, 0.18)) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::after,
body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 16% 18% !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(104, 226, 255, 0.16), transparent 72%) !important;
  opacity: 0.24 !important;
  filter: blur(16px) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-echo,
body[data-launch="desktop"] .ghost-bleed .ghost-bleed-echo {
  left: var(--ghost-anchor-x, 54.6%) !important;
  top: var(--ghost-echo-y, 64%) !important;
  width: 214px !important;
  height: 88px !important;
  opacity: 0.17 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(110, 232, 255, 0.16), transparent 18%),
    radial-gradient(circle at 50% 56%, rgba(255, 90, 146, 0.06), transparent 42%),
    repeating-linear-gradient(90deg, rgba(118, 228, 255, 0.06) 0 2px, transparent 2px 18px) !important;
  filter: blur(0.5px) !important;
  animation:
    ghostFieldEchoDrift 18.4s steps(24, end) infinite,
    ghostFieldPulse 7.2s ease-in-out infinite !important;
}

/* 2026-07-09
   Authority polish pass:
   stop the home shell and Glyph cockpit from fighting older rescue layers. */
body.home-shell-live .home-shell-grid {
  grid-template-columns: 284px minmax(0, 1fr) 316px !important;
  grid-template-rows: 164px minmax(204px, 0.82fr) minmax(214px, 0.9fr) !important;
  gap: 12px !important;
}

body.home-shell-live .home-route-grid {
  gap: 10px !important;
}

body.home-shell-live .home-orbit-map {
  min-height: 186px !important;
  padding: 14px 14px 50px !important;
  overflow: hidden !important;
}

body.home-shell-live .home-route-readout {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

body.home-shell-live .home-route-readout-row {
  min-height: 62px !important;
}

body.home-shell-live .home-orbit-node-chip {
  width: clamp(94px, 24%, 112px) !important;
  min-height: 56px !important;
  padding: 8px 9px !important;
}

body.home-shell-live .home-orbit-northwest {
  left: 14px !important;
  top: 14px !important;
}

body.home-shell-live .home-orbit-northeast {
  right: 14px !important;
  top: 14px !important;
}

body.home-shell-live .home-orbit-southwest {
  left: 14px !important;
  bottom: 52px !important;
}

body.home-shell-live .home-orbit-southeast {
  right: 14px !important;
  bottom: 52px !important;
}

body.home-shell-live .home-orbit-chip-head small {
  font-size: 7px !important;
}

body.home-shell-live .home-orbit-node-chip b {
  font-size: 10px !important;
  line-height: 1.14 !important;
}

body.home-shell-live .home-orbit-core {
  width: 78px !important;
  min-height: 64px !important;
  top: 53% !important;
}

body.home-shell-live .home-orbit-floor {
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  bottom: 12px !important;
}

body.home-shell-live .home-shell-hero,
body.home-shell-live .home-terminal-panel,
body.home-shell-live .home-memory-core {
  overflow: hidden !important;
}

body.home-shell-live .home-terminal-panel pre {
  min-height: 0 !important;
  height: 100% !important;
}

body.home-shell-live .home-memory-board {
  gap: 8px !important;
}

body.home-shell-live .home-memory-log {
  grid-template-columns: 1fr !important;
}

body.home-shell-live .home-memory-log .home-memory-row {
  min-height: 66px !important;
}

body.home-shell-live .ghost-bleed {
  opacity: 1 !important;
  z-index: 24 !important;
  pointer-events: none !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1) {
  width: 176px !important;
  height: 206px !important;
  opacity: 0.9 !important;
  filter:
    drop-shadow(0 0 22px rgba(255, 255, 255, 0.16))
    drop-shadow(0 0 44px rgba(112, 236, 255, 0.24)) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::before {
  inset: 10px 24px 12px !important;
  opacity: 0.98 !important;
  filter:
    drop-shadow(0 0 14px rgba(255, 255, 255, 0.22))
    drop-shadow(0 0 26px rgba(112, 236, 255, 0.22)) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::after {
  opacity: 0.5 !important;
  filter: blur(16px) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-echo {
  width: 262px !important;
  height: 112px !important;
  opacity: 0.14 !important;
}

.glyph-window.window-active {
  width: min(1528px, calc(100vw - 18px)) !important;
  height: min(900px, calc(100vh - 18px)) !important;
  min-width: min(1220px, calc(100vw - 18px)) !important;
  min-height: min(706px, calc(100vh - 18px)) !important;
  left: 9px !important;
  top: 8px !important;
}

.glyph-window.window-active .window-bar span {
  font-size: 12px !important;
}

.glyph-window.window-active .glyph-body {
  grid-template-columns: minmax(304px, 0.94fr) minmax(0, 1.54fr) minmax(312px, 0.98fr) !important;
  gap: 12px !important;
  padding: 12px !important;
}

.glyph-window.window-active .glyph-side-left {
  grid-template-rows: minmax(0, 0.72fr) minmax(340px, 1.08fr) !important;
}

.glyph-window.window-active .glyph-center-shell {
  grid-template-rows: minmax(0, 1fr) minmax(228px, 0.62fr) !important;
}

.glyph-window.window-active .glyph-side-right {
  grid-template-rows: minmax(188px, auto) minmax(148px, 0.44fr) minmax(0, 1fr) !important;
}

.glyph-window.window-active #glyph-projects,
.glyph-window.window-active .glyph-queue,
.glyph-window.window-active #glyph-output,
.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-folder-trace {
  scrollbar-gutter: stable both-edges !important;
}

.glyph-window.window-active .glyph-project {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  padding: 11px 12px 11px 16px !important;
  align-items: start !important;
}

.glyph-window.window-active .glyph-project-copy > strong,
.glyph-window.window-active .glyph-project-copy > span,
.glyph-window.window-active .glyph-project-copy > small {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
}

.glyph-window.window-active .glyph-project-copy > strong {
  font-size: 10px !important;
  line-height: 1.26 !important;
}

.glyph-window.window-active .glyph-project-copy > span {
  font-size: 12px !important;
  line-height: 1.34 !important;
}

.glyph-window.window-active .glyph-project-copy > small {
  line-height: 1.26 !important;
}

.glyph-window.window-active .glyph-panel-tabs {
  padding: 0 12px 12px !important;
}

.glyph-window.window-active .glyph-legend {
  row-gap: 6px !important;
  column-gap: 6px !important;
}

.glyph-window.window-active .glyph-legend span {
  min-height: 26px !important;
  padding-inline: 9px !important;
}

.glyph-window.window-active .glyph-organizer-form {
  grid-template-rows: 38px auto minmax(104px, 1fr) !important;
}

.glyph-window.window-active .glyph-organizer-presets,
.glyph-window.window-active .glyph-organizer-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.glyph-window.window-active .glyph-organizer-panel {
  grid-template-rows: auto auto auto minmax(0, 1fr) minmax(116px, 0.84fr) !important;
}

.glyph-window.window-active #glyph-folder-prompt {
  min-height: 104px !important;
}

.glyph-window.window-active .glyph-chat-shell {
  grid-template-rows: auto minmax(132px, auto) minmax(92px, 1fr) !important;
}

.glyph-window.window-active .glyph-command-lane {
  gap: 10px !important;
  padding: 12px !important;
}

.glyph-window.window-active .glyph-command-mode {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.glyph-window.window-active #glyph-output {
  white-space: pre-wrap !important;
  padding: 14px 16px !important;
  font-size: 12px !important;
  line-height: 1.56 !important;
}

.glyph-window.window-active .glyph-chat-notice {
  margin: 0 12px 12px !important;
  padding: 10px 12px !important;
}

.glyph-window.window-active .glyph-chat-notice p {
  font-size: 12px !important;
  line-height: 1.46 !important;
}

.glyph-window.window-active .glyph-queue {
  font-size: 11px !important;
  line-height: 1.48 !important;
}

.glyph-window.window-active #glyph-preview {
  min-height: 132px !important;
  height: calc(100% - 12px) !important;
  margin: 0 12px 12px !important;
}

.glyph-window.window-active .glyph-queue {
  margin: 0 12px 12px !important;
}

/* Burst pass final authority: one background ghost, cleaner Glyph cockpit. */
body[data-launch="desktop"] .ghost-bleed,
body.home-shell-live .ghost-bleed {
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 12 !important;
  transform: translateZ(0) !important;
}

body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core:nth-child(1) {
  width: 170px !important;
  height: 198px !important;
  opacity: 0.62 !important;
  filter:
    drop-shadow(0 0 18px rgba(255, 255, 255, 0.16))
    drop-shadow(0 0 42px rgba(112, 236, 255, 0.22)) !important;
}

body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core::before {
  inset: 12px 26px 14px !important;
  opacity: 0.92 !important;
  filter:
    drop-shadow(0 0 10px rgba(255, 255, 255, 0.16))
    drop-shadow(0 0 24px rgba(112, 236, 255, 0.18)) !important;
}

body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core::after {
  opacity: 0.38 !important;
  filter: blur(16px) !important;
}

body[data-launch="desktop"] .ghost-bleed .ghost-bleed-echo {
  width: 228px !important;
  height: 96px !important;
  opacity: 0.14 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1) {
  width: 188px !important;
  height: 216px !important;
  opacity: 0.88 !important;
  filter:
    drop-shadow(0 0 20px rgba(255, 255, 255, 0.16))
    drop-shadow(0 0 44px rgba(112, 236, 255, 0.26)) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::before {
  inset: 12px 28px 14px !important;
  opacity: 1 !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-core::after {
  opacity: 0.52 !important;
  filter: blur(16px) !important;
}

body.home-shell-live .ghost-bleed .ghost-bleed-echo {
  width: 252px !important;
  height: 108px !important;
  opacity: 0.18 !important;
}

.glyph-window.window-active .glyph-body {
  grid-template-columns: minmax(320px, 0.98fr) minmax(0, 1.48fr) minmax(320px, 1fr) !important;
  gap: 14px !important;
  padding: 14px !important;
}

.glyph-window.window-active .glyph-side-left {
  grid-template-rows: minmax(0, 0.86fr) minmax(396px, 1fr) !important;
}

.glyph-window.window-active .glyph-side-right {
  grid-template-rows: minmax(236px, auto) minmax(168px, 0.48fr) minmax(0, 1fr) !important;
}

.glyph-window.window-active #glyph-projects {
  grid-auto-rows: minmax(92px, auto) !important;
  gap: 10px !important;
  padding-right: 6px !important;
}

.glyph-window.window-active .glyph-project {
  min-height: 92px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
  padding: 12px 14px 12px 16px !important;
}

.glyph-window.window-active .glyph-project-badge {
  min-width: 52px !important;
  min-height: 32px !important;
  align-self: center !important;
}

.glyph-window.window-active .glyph-project-copy {
  gap: 6px !important;
}

.glyph-window.window-active .glyph-project-copy > strong,
.glyph-window.window-active .glyph-project-copy > span,
.glyph-window.window-active .glyph-project-copy > small {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
}

.glyph-window.window-active .glyph-project-copy > strong {
  font-size: 10px !important;
  line-height: 1.28 !important;
}

.glyph-window.window-active .glyph-project-copy > span {
  font-size: 13px !important;
  line-height: 1.42 !important;
}

.glyph-window.window-active .glyph-project-copy > small {
  font-size: 10px !important;
  line-height: 1.34 !important;
}

.glyph-window.window-active .glyph-chat-shell {
  grid-template-rows: auto minmax(164px, auto) minmax(128px, 1fr) !important;
}

.glyph-window.window-active .glyph-command-lane {
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "mode mode"
    "input trigger" !important;
  align-items: stretch !important;
  gap: 10px !important;
}

.glyph-window.window-active #glyph-shell-command {
  min-height: 52px !important;
  padding: 0 16px !important;
  font-size: 12px !important;
}

.glyph-window.window-active #glyph-shell-run {
  min-width: 176px !important;
}

.glyph-window.window-active #glyph-output {
  min-height: 0 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.glyph-window.window-active .glyph-organizer-form {
  grid-template-rows: 42px auto minmax(92px, 1fr) !important;
  gap: 10px !important;
}

.glyph-window.window-active .glyph-organizer-lane {
  grid-template-columns: 152px minmax(0, 1fr) !important;
  gap: 10px !important;
}

.glyph-window.window-active .glyph-organizer-panel {
  grid-template-rows: auto auto auto minmax(188px, 0.74fr) minmax(132px, 0.86fr) !important;
}

.glyph-window.window-active #glyph-folder-prompt {
  min-height: 92px !important;
  padding: 12px 14px !important;
  line-height: 1.45 !important;
}

.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-queue {
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.glyph-window.window-active .glyph-queue article,
.glyph-window.window-active .glyph-queue button.glyph-project {
  gap: 5px !important;
  padding: 11px 12px 11px 16px !important;
}

/* 2026-07-09 // burst authority v3
   One ghost source per surface:
   - desktop uses the fixed DOM sprite
   - home shell uses the canvas sprite
   Also compress Glyph so 100% zoom stops clipping into itself. */

body.hero-ghost-stage-live .ghost-bleed {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body[data-launch="desktop"]:not(.hero-ghost-stage-live) .ghost-bleed,
body.home-shell-live:not(.hero-ghost-stage-live) .ghost-bleed {
  display: block !important;
  visibility: visible !important;
  opacity: 0.96 !important;
  z-index: 14 !important;
  mix-blend-mode: screen !important;
}

body[data-launch="desktop"]:not(.hero-ghost-stage-live) .ghost-bleed span,
body.home-shell-live:not(.hero-ghost-stage-live) .ghost-bleed span {
  position: absolute !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}

body[data-launch="desktop"]:not(.hero-ghost-stage-live) .ghost-bleed .ghost-bleed-core,
body.home-shell-live:not(.hero-ghost-stage-live) .ghost-bleed .ghost-bleed-core {
  left: var(--ghost-anchor-x, 63vw) !important;
  top: var(--ghost-core-y, 36vh) !important;
  width: 184px !important;
  height: 208px !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0.9 !important;
  filter:
    drop-shadow(0 0 16px rgba(255, 255, 255, 0.18))
    drop-shadow(0 0 36px rgba(109, 236, 255, 0.22)) !important;
}

body[data-launch="desktop"]:not(.hero-ghost-stage-live) .ghost-bleed .ghost-bleed-core::before,
body.home-shell-live:not(.hero-ghost-stage-live) .ghost-bleed .ghost-bleed-core::before {
  content: "" !important;
  position: absolute !important;
  inset: 8px 24px 12px !important;
  display: block !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' shape-rendering='crispEdges'%3E%3Cpath fill='%23f5fbff' d='M5 1h6v1h1v1h1v8h-1v4h-2v-1H9v1H7v-1H6v1H4v-4H3V3h1V2h1z'/%3E%3Crect x='6' y='5' width='1' height='2' fill='%23050a10'/%3E%3Crect x='10' y='5' width='1' height='2' fill='%23050a10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  image-rendering: pixelated !important;
  opacity: 1 !important;
}

body[data-launch="desktop"]:not(.hero-ghost-stage-live) .ghost-bleed .ghost-bleed-core::after,
body.home-shell-live:not(.hero-ghost-stage-live) .ghost-bleed .ghost-bleed-core::after {
  content: "" !important;
  position: absolute !important;
  inset: 18% 20% !important;
  display: block !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(120, 236, 255, 0.22), transparent 70%) !important;
  filter: blur(14px) !important;
  opacity: 0.22 !important;
}

body[data-launch="desktop"]:not(.hero-ghost-stage-live) .ghost-bleed .ghost-bleed-echo,
body.home-shell-live:not(.hero-ghost-stage-live) .ghost-bleed .ghost-bleed-echo {
  left: var(--ghost-anchor-x, 63vw) !important;
  top: var(--ghost-echo-y, 70vh) !important;
  width: 214px !important;
  height: 42px !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0.24 !important;
  border: 1px solid rgba(118, 228, 255, 0.14) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(118, 228, 255, 0.14), transparent 18%),
    radial-gradient(circle at 50% 52%, rgba(255, 92, 152, 0.06), transparent 52%) !important;
  filter:
    blur(0.2px)
    drop-shadow(0 0 16px rgba(118, 228, 255, 0.08)) !important;
}

body[data-launch="desktop"]:not(.hero-ghost-stage-live) .ghost-bleed .ghost-bleed-echo::before,
body[data-launch="desktop"]:not(.hero-ghost-stage-live) .ghost-bleed .ghost-bleed-echo::after,
body.home-shell-live:not(.hero-ghost-stage-live) .ghost-bleed .ghost-bleed-echo::before,
body.home-shell-live:not(.hero-ghost-stage-live) .ghost-bleed .ghost-bleed-echo::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

body.home-shell-live #home-shell-ghost-canvas {
  opacity: 1 !important;
  filter:
    drop-shadow(0 0 10px rgba(255, 255, 255, 0.08))
    drop-shadow(0 0 32px rgba(112, 236, 255, 0.08)) !important;
}

.glyph-window.window-active .glyph-body {
  grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.52fr) minmax(300px, 0.96fr) !important;
  gap: 12px !important;
}

.glyph-window.window-active #glyph-projects {
  grid-auto-rows: minmax(76px, auto) !important;
  gap: 8px !important;
}

.glyph-window.window-active .glyph-project {
  min-height: 76px !important;
  max-height: 88px !important;
  gap: 10px !important;
  padding: 10px 12px 10px 16px !important;
  overflow: hidden !important;
}

.glyph-window.window-active .glyph-project-badge {
  min-width: 44px !important;
  min-height: 26px !important;
  font-size: 8px !important;
  letter-spacing: 0.12em !important;
}

.glyph-window.window-active .glyph-project-copy {
  min-width: 0 !important;
  gap: 3px !important;
}

.glyph-window.window-active .glyph-project-copy > strong,
.glyph-window.window-active .glyph-project-copy > span,
.glyph-window.window-active .glyph-project-copy > small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
}

.glyph-window.window-active .glyph-project-copy > strong {
  white-space: nowrap !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

.glyph-window.window-active .glyph-project-copy > span {
  white-space: nowrap !important;
  font-size: 12px !important;
  line-height: 1.28 !important;
}

.glyph-window.window-active .glyph-project-copy > small {
  white-space: nowrap !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
}

.glyph-window.window-active .glyph-chat-shell {
  grid-template-rows: auto minmax(154px, auto) minmax(118px, 1fr) !important;
}

.glyph-window.window-active .glyph-organizer-panel {
  grid-template-rows: auto auto auto minmax(176px, 0.7fr) minmax(118px, 0.82fr) !important;
}

.glyph-window.window-active #glyph-output,
.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-folder-trace,
.glyph-window.window-active .glyph-queue {
  font-size: 11px !important;
  line-height: 1.52 !important;
}
/* 2026-07-09
   Ghost bleed reset:
   retire the layered CSS sprite body so the background ghost comes from one canvas path only. */

.ghost-bleed,
.ghost-bleed span,
.ghost-bleed::before,
.ghost-bleed::after,
.ghost-bleed .ghost-bleed-core,
.ghost-bleed .ghost-bleed-core::before,
.ghost-bleed .ghost-bleed-core::after,
.ghost-bleed .ghost-bleed-echo,
.ghost-bleed .ghost-bleed-echo::before,
.ghost-bleed .ghost-bleed-echo::after {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  content: none !important;
  animation: none !important;
}

/* 2026-07-10
   Start menu recovery:
   restore the missing program matrix + window stack lanes after the flattening passes
   so the shell stays readable at 100% zoom and the task surface actually exists again. */

#start-menu {
  position: fixed !important;
  inset: 22px 24px 92px 24px !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 92px !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 0.76fr) minmax(540px, 1.32fr) minmax(320px, 0.92fr) !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core core core"
    "memory memory memory"
    "list galaxy stack" !important;
  gap: 14px !important;
  padding: 16px !important;
  overflow: hidden !important;
  align-content: stretch !important;
  justify-content: stretch !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 52% 16%, rgba(122, 232, 255, 0.08), transparent 24%),
    radial-gradient(circle at 18% 82%, rgba(255, 204, 124, 0.06), transparent 20%),
    linear-gradient(180deg, rgba(10, 14, 24, 0.95), rgba(4, 8, 14, 0.92)) !important;
}

#start-menu .start-core {
  grid-area: core !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  display: grid !important;
  grid-template-columns: minmax(190px, 240px) minmax(320px, 1fr) minmax(420px, auto) !important;
  grid-template-areas: "brand input actions" !important;
  gap: 12px !important;
  align-items: center !important;
  justify-items: stretch !important;
  text-align: left !important;
}

#start-menu #start-command-memory {
  grid-area: memory !important;
  width: 100% !important;
  min-height: 0 !important;
  max-height: 82px !important;
  padding-right: 4px !important;
  overflow: auto !important;
}

#start-menu .start-galaxy-shell {
  display: contents !important;
  min-height: 0 !important;
}

#start-menu .start-galaxy-stage,
#start-menu .start-window-overview,
#start-menu .start-menu-list {
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(101, 245, 255, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(0, 0, 0, 0.16)),
    rgba(4, 10, 16, 0.78) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 16px 30px rgba(0, 0, 0, 0.18) !important;
}

#start-menu .start-galaxy-stage {
  grid-area: galaxy !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 10px !important;
  padding: 14px !important;
}

#start-menu #start-galaxy {
  min-height: 0 !important;
  height: 100% !important;
  border-radius: 16px !important;
}

#start-menu #start-galaxy-detail {
  min-height: 96px !important;
}

#start-menu .start-window-overview {
  grid-area: stack !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 14px !important;
}

#start-menu #start-window-stack {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
  align-content: start !important;
}

#start-menu #start-window-overview-list {
  display: grid !important;
  gap: 8px !important;
  min-height: 0 !important;
  max-height: none !important;
  padding-right: 4px !important;
  overflow: auto !important;
}

#start-menu .start-menu-list {
  grid-area: list !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  align-content: start !important;
  min-height: 0 !important;
  padding: 12px !important;
  padding-right: 6px !important;
  overflow: auto !important;
}

#start-menu .start-menu-list > button {
  min-height: 72px !important;
  padding: 12px 14px 12px 58px !important;
  border-radius: 14px !important;
}

#start-menu .start-menu-list > button::before {
  left: 14px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
}

#start-menu #start-command-results {
  top: 88px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(720px, calc(100% - 340px)) !important;
  max-height: min(280px, calc(100vh - 240px)) !important;
  z-index: 12 !important;
}

@media (max-width: 1560px), (max-height: 980px) {
  #start-menu {
    inset: 18px 18px 88px 18px !important;
    grid-template-columns: minmax(236px, 0.74fr) minmax(460px, 1.2fr) minmax(290px, 0.9fr) !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  #start-menu .start-core {
    grid-template-columns: minmax(180px, 220px) minmax(280px, 1fr) minmax(380px, auto) !important;
  }

  #start-menu .start-core-actions {
    grid-template-columns: repeat(5, minmax(72px, 1fr)) !important;
    gap: 8px !important;
  }
}

@media (max-width: 1320px), (max-height: 820px) {
  #start-menu {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 0.9fr) !important;
    grid-template-rows: auto auto minmax(0, 1fr) minmax(220px, 0.7fr) !important;
    grid-template-areas:
      "core core"
      "memory memory"
      "galaxy stack"
      "list list" !important;
  }

  #start-menu .start-core {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "brand"
      "input"
      "actions" !important;
    text-align: center !important;
  }

  #start-menu #start-command-input,
  #start-menu .start-core-actions {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  #start-menu .start-menu-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1080px), (max-height: 720px) {
  #start-menu {
    overflow: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto minmax(280px, auto) minmax(220px, auto) minmax(260px, auto) !important;
    grid-template-areas:
      "core"
      "memory"
      "galaxy"
      "stack"
      "list" !important;
  }

  #start-menu .start-menu-list {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-07-10
   Burst authority pass:
   lock the remaining live surfaces to one readable layout language so Glyph, Task,
   Astra, and the start menu stop inheriting flattened junk from older override stacks. */

.glyph-window.window-active {
  left: 42px !important;
  top: 14px !important;
  right: auto !important;
  bottom: auto !important;
  width: min(1780px, calc(100vw - 92px)) !important;
  height: min(980px, calc(100vh - 106px)) !important;
  max-width: none !important;
  background:
    radial-gradient(circle at 58% 12%, rgba(101, 245, 255, 0.08), transparent 24%),
    radial-gradient(circle at 86% 82%, rgba(255, 214, 116, 0.05), transparent 18%),
    linear-gradient(180deg, rgba(7, 12, 22, 0.96), rgba(3, 7, 14, 0.98)) !important;
  border-color: rgba(101, 245, 255, 0.18) !important;
}

.glyph-window.window-active .glyph-body {
  grid-template-columns: minmax(320px, 0.7fr) minmax(0, 1.36fr) minmax(360px, 0.82fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 14px !important;
}

.glyph-window.window-active .glyph-side-left {
  grid-template-rows: minmax(320px, 0.86fr) minmax(280px, 0.8fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active .glyph-center-shell {
  grid-template-rows: minmax(0, 1fr) minmax(216px, 0.42fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active .glyph-side-right {
  grid-template-rows: minmax(220px, 0.74fr) minmax(210px, 0.68fr) minmax(250px, 0.9fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active .glyph-panel,
.glyph-window.window-active .glyph-editor-shell,
.glyph-window.window-active .glyph-shell-shell,
.glyph-window.window-active .glyph-chat-shell,
.glyph-window.window-active .glyph-preview-shell,
.glyph-window.window-active .glyph-queue-shell,
.glyph-window.window-active .glyph-organizer-panel {
  border-radius: 16px !important;
  border: 1px solid rgba(101, 245, 255, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(0, 0, 0, 0.16)),
    rgba(5, 11, 19, 0.84) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.02),
    0 18px 34px rgba(0, 0, 0, 0.18) !important;
}

.glyph-window.window-active .glyph-editor-head,
.glyph-window.window-active .glyph-panel-head,
.glyph-window.window-active .glyph-organizer-head {
  padding: 14px 16px 10px !important;
  gap: 10px !important;
  border-bottom: 1px solid rgba(101, 245, 255, 0.1) !important;
}

.glyph-window.window-active #glyph-projects {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  padding: 10px 12px 12px !important;
  overflow: auto !important;
}

.glyph-window.window-active .glyph-project {
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr) !important;
  align-items: start !important;
  min-height: 84px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(101, 245, 255, 0.14) !important;
  background: rgba(7, 12, 22, 0.72) !important;
  gap: 12px !important;
}

.glyph-window.window-active .glyph-project-badge {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 28px !important;
  min-height: 28px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(101, 245, 255, 0.18) !important;
  background: rgba(6, 14, 24, 0.88) !important;
  align-self: start !important;
}

.glyph-window.window-active .glyph-project-copy {
  gap: 5px !important;
}

.glyph-window.window-active .glyph-project-copy > strong {
  font-size: 10px !important;
  line-height: 1.18 !important;
  letter-spacing: 0.14em !important;
}

.glyph-window.window-active .glyph-project-copy > span {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
  overflow: hidden !important;
  font-size: 12px !important;
  line-height: 1.36 !important;
}

.glyph-window.window-active .glyph-project-copy > small {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 9px !important;
  line-height: 1.24 !important;
}

.glyph-window.window-active .glyph-editor-stage {
  min-height: 0 !important;
}

.glyph-window.window-active #glyph-code {
  padding: 18px 20px !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

.glyph-window.window-active .glyph-actions,
.glyph-window.window-active .glyph-organizer-actions {
  gap: 10px !important;
}

.glyph-window.window-active .glyph-actions button,
.glyph-window.window-active .glyph-organizer-actions button,
.glyph-window.window-active .glyph-command-mode button,
.glyph-window.window-active #glyph-shell-run {
  min-height: 38px !important;
  border-radius: 10px !important;
}

.glyph-window.window-active .glyph-command-lane {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px 14px !important;
}

.glyph-window.window-active .glyph-chat-field {
  grid-column: 1 / -1 !important;
}

.glyph-window.window-active .glyph-chat-notice {
  margin: 0 14px 14px !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 214, 116, 0.18) !important;
  background: rgba(18, 16, 8, 0.3) !important;
}

.glyph-window.window-active #glyph-output,
.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-folder-trace,
.glyph-window.window-active .glyph-queue {
  padding: 14px 16px !important;
  font-size: 11px !important;
  line-height: 1.56 !important;
}

.glyph-window.window-active #glyph-preview {
  min-height: 0 !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(101, 245, 255, 0.08), transparent 22%),
    rgba(4, 8, 16, 0.84) !important;
}

.task-window.window-active {
  left: max(64px, 4vw) !important;
  top: 52px !important;
  right: auto !important;
  bottom: auto !important;
  width: min(1500px, calc(100vw - 132px)) !important;
  height: min(840px, calc(100vh - 144px)) !important;
}

.task-window.window-active .task-body {
  grid-template-rows: minmax(0, 1fr) 184px !important;
  gap: 14px !important;
  padding: 14px !important;
}

.task-window.window-active .task-orion-shell {
  grid-template-columns: minmax(240px, 0.34fr) minmax(0, 1fr) minmax(300px, 0.38fr) !important;
  gap: 18px !important;
}

.task-window.window-active .task-orion-rail,
.task-window.window-active .task-orion-detail,
.task-window.window-active .task-orbit-stage,
.task-window.window-active #task-output {
  border-radius: 16px !important;
}

.task-window.window-active .task-orbit-stage {
  padding: 18px !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(143, 157, 255, 0.14), transparent 24%),
    radial-gradient(circle at 72% 22%, rgba(43, 178, 232, 0.1), transparent 18%),
    linear-gradient(180deg, rgba(10, 14, 30, 0.9), rgba(5, 10, 24, 0.96)) !important;
}

.task-window.window-active .task-orion-lanes {
  gap: 12px !important;
}

.task-window.window-active .task-orion-lane {
  padding: 14px 14px !important;
  border-radius: 16px !important;
}

.task-window.window-active .task-orbit-stage .task-planet {
  width: 126px !important;
}

.task-window.window-active .task-orbit-stage .task-node-card {
  width: 124px !important;
  min-height: 54px !important;
  padding: 10px 12px !important;
}

.task-window.window-active .task-orbit-stage .task-galaxy-readout {
  width: min(420px, 52%) !important;
  padding: 14px 16px !important;
}

.task-window.window-active #task-output {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  padding: 0 !important;
  overflow: auto !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.14)),
    rgba(5, 10, 24, 0.78) !important;
}

.task-window.window-active .task-inspect-card {
  display: grid !important;
  gap: 14px !important;
  padding: 16px !important;
  min-height: 100% !important;
}

.task-window.window-active .task-inspect-card header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.task-window.window-active .task-inspect-card header b {
  display: block !important;
  color: #f4fbff !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
}

.task-window.window-active .task-inspect-card header span,
.task-window.window-active .task-inspect-card p {
  color: rgba(205, 239, 255, 0.84) !important;
  font-size: 11px !important;
  line-height: 1.56 !important;
}

.task-window.window-active .task-inspect-card header strong {
  color: rgba(101, 245, 255, 0.92) !important;
  font-size: 18px !important;
  letter-spacing: 0.08em !important;
}

.task-window.window-active .task-inspect-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.task-window.window-active .task-inspect-stats > div,
.task-window.window-active .task-inspect-pids,
.task-window.window-active .task-inspect-list li {
  border: 1px solid rgba(101, 245, 255, 0.12) !important;
  border-radius: 12px !important;
  background: rgba(7, 12, 22, 0.66) !important;
}

.task-window.window-active .task-inspect-stats > div {
  padding: 10px 12px !important;
}

.task-window.window-active .task-inspect-stats small,
.task-window.window-active .task-inspect-pids small,
.task-window.window-active .task-inspect-list strong {
  display: block !important;
  color: rgba(165, 183, 220, 0.76) !important;
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
}

.task-window.window-active .task-inspect-stats strong {
  display: block !important;
  margin-top: 5px !important;
  color: #f2fbff !important;
  font-size: 12px !important;
}

.task-window.window-active .task-inspect-pids {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 10px 12px !important;
}

.task-window.window-active .task-inspect-pids small {
  padding: 4px 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(101, 245, 255, 0.1) !important;
  background: rgba(4, 8, 16, 0.72) !important;
}

.task-window.window-active .task-inspect-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.task-window.window-active .task-inspect-actions button {
  min-height: 40px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(101, 245, 255, 0.18) !important;
  background: rgba(7, 12, 22, 0.78) !important;
  color: #eefaff !important;
}

.task-window.window-active .task-inspect-list {
  display: grid !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.task-window.window-active .task-inspect-list li {
  display: grid !important;
  gap: 4px !important;
  padding: 10px 12px !important;
}

.task-window.window-active .task-inspect-list span {
  color: rgba(205, 239, 255, 0.84) !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

.browser-window.window-active {
  left: max(56px, 3vw) !important;
  top: 18px !important;
  right: auto !important;
  bottom: auto !important;
  width: min(1600px, calc(100vw - 120px)) !important;
  height: min(940px, calc(100vh - 112px)) !important;
}

.browser-window.window-active .astra-shell {
  grid-template-columns: minmax(250px, 0.28fr) minmax(0, 1fr) minmax(318px, 0.34fr) !important;
  gap: 16px !important;
  padding: 14px !important;
}

.browser-window.window-active .astra-rail,
.browser-window.window-active .astra-stage {
  border-radius: 16px !important;
}

.browser-window.window-active .astra-stage {
  grid-template-rows: auto minmax(144px, var(--astra-output-height, 36%)) auto 12px minmax(260px, 1fr) !important;
  padding: 16px !important;
}

.browser-window.window-active .astra-hud-card,
.browser-window.window-active #astra-bookmark-links > * {
  border-radius: 14px !important;
}

#start-menu .start-galaxy-stage,
#start-menu .start-window-overview,
#start-menu .start-menu-list {
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(143, 157, 255, 0.08), transparent 20%),
    linear-gradient(180deg, rgba(12, 16, 32, 0.86), rgba(4, 8, 16, 0.92)) !important;
}

#start-menu .start-window-card {
  min-height: 86px !important;
  border-radius: 14px !important;
}

@media (max-width: 1560px), (max-height: 920px) {
  .glyph-window.window-active {
    width: min(1620px, calc(100vw - 64px)) !important;
    height: min(900px, calc(100vh - 96px)) !important;
    left: 24px !important;
  }

  .glyph-window.window-active .glyph-body {
    grid-template-columns: minmax(290px, 0.72fr) minmax(0, 1.16fr) minmax(320px, 0.78fr) !important;
  }

  .task-window.window-active,
  .browser-window.window-active {
    width: calc(100vw - 96px) !important;
  }
}

@media (max-width: 1320px), (max-height: 820px) {
  .glyph-window.window-active .glyph-body,
  .task-window.window-active .task-orion-shell,
  .browser-window.window-active .astra-shell {
    grid-template-columns: 1fr !important;
  }

  .glyph-window.window-active .glyph-side-right {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  .task-window.window-active .task-body {
    grid-template-rows: minmax(0, 1fr) 220px !important;
  }
}

/* 2026-07-10 // burst polish pass */
#start-menu .start-galaxy-shell {
  grid-template-columns: minmax(360px, 0.96fr) minmax(360px, 0.9fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

#start-menu .start-galaxy-stage {
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 12px !important;
}

#start-menu .start-window-overview {
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 12px !important;
}

#start-menu #start-window-stack {
  gap: 10px !important;
  align-content: start !important;
}

#start-menu .start-window-overview-list {
  gap: 10px !important;
  padding-right: 6px !important;
}

#start-menu .start-window-card[data-start-window-card],
#start-menu .start-window-row[data-start-window-row] {
  cursor: pointer !important;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
}

#start-menu .start-window-card[data-start-window-card]:hover,
#start-menu .start-window-card[data-start-window-card]:focus-visible,
#start-menu .start-window-row[data-start-window-row]:hover,
#start-menu .start-window-row[data-start-window-row]:focus-visible {
  outline: none !important;
  transform: translateY(-1px) !important;
  border-color: rgba(101, 245, 255, 0.3) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.16)),
    rgba(7, 14, 25, 0.9) !important;
}

#start-menu .start-window-row {
  min-height: 78px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

#start-menu .start-window-actions {
  align-self: stretch !important;
}

#start-menu .start-menu-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#start-menu .start-menu-list button {
  min-height: 96px !important;
  align-content: center !important;
}

.glyph-window.window-active .glyph-body {
  grid-template-columns: minmax(276px, 0.78fr) minmax(0, 1.18fr) minmax(352px, 0.84fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active #glyph-projects {
  display: grid !important;
  gap: 8px !important;
  padding-right: 6px !important;
  overflow: auto !important;
}

.glyph-window.window-active .glyph-project {
  min-height: 90px !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
}

.glyph-window.window-active .glyph-project-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.glyph-window.window-active .glyph-project-copy > strong,
.glyph-window.window-active .glyph-project-copy > span,
.glyph-window.window-active .glyph-project-copy > small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.glyph-window.window-active #glyph-output,
.glyph-window.window-active .glyph-queue,
.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-folder-trace {
  font-size: 12px !important;
  line-height: 1.58 !important;
}

.glyph-window.window-active .glyph-panel-head span,
.glyph-window.window-active .glyph-organizer-head > span,
.glyph-window.window-active .glyph-editor-copy {
  font-size: 10px !important;
  line-height: 1.45 !important;
}

.glyph-window.window-active .glyph-command-lane {
  align-items: stretch !important;
  gap: 10px !important;
}

.glyph-window.window-active #glyph-shell-command {
  min-height: 180px !important;
}

.task-window.window-active .task-orbit-stage .task-black-hole,
.task-window.window-active .task-orion-lane,
.task-window.window-active [data-task-planet] {
  cursor: pointer !important;
}

body.home-shell-live .home-memory-board {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

body.home-shell-live .home-genome-rack-body {
  grid-template-columns: minmax(112px, 0.82fr) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
}

body.home-shell-live .home-dna-strand {
  min-height: 138px !important;
  gap: 10px !important;
}

body.home-shell-live .home-genome-meta {
  gap: 8px !important;
  align-content: start !important;
}

body.home-shell-live .home-genome-meta strong {
  font-size: 40px !important;
  line-height: 1 !important;
}

body.home-shell-live .home-genome-meta span,
body.home-shell-live .home-genome-meta small,
body.home-shell-live .home-genome-trace-row span,
body.home-shell-live .home-memory-log .home-memory-row span {
  white-space: normal !important;
  line-height: 1.42 !important;
}

body.home-shell-live .home-genome-trace {
  gap: 8px !important;
}

body.home-shell-live .home-genome-trace-row {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

body.home-shell-live .home-kernel-rack-body {
  grid-template-columns: 84px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
}

/* 2026-07-10 // burst polish authority // home + task + glyph */
#start-menu .start-galaxy-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(332px, 0.92fr) !important;
  grid-template-areas: "galaxy stack" !important;
  gap: 18px !important;
  align-items: stretch !important;
}

#start-menu .start-menu-list,
#start-menu .start-galaxy-stage,
#start-menu .start-window-overview {
  min-height: 0 !important;
  overflow: hidden !important;
}

#start-menu .start-menu-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-content: start !important;
}

#start-menu .start-galaxy-stage,
#start-menu .start-window-overview,
#start-menu #start-galaxy,
#start-menu #start-galaxy-detail {
  min-width: 0 !important;
}

#start-menu .start-galaxy-stage {
  grid-area: galaxy !important;
}

#start-menu .start-window-overview {
  grid-area: stack !important;
}

#start-menu .start-menu-list > button {
  min-height: 94px !important;
}

body.home-shell-live .home-shell-grid {
  grid-template-columns: minmax(338px, 0.98fr) minmax(470px, 1.48fr) minmax(320px, 0.94fr) !important;
  grid-template-rows: minmax(190px, 0.56fr) minmax(238px, 0.86fr) minmax(244px, 0.8fr) !important;
  gap: 14px !important;
}

body.home-shell-live .home-shell-hero {
  min-height: 190px !important;
  padding: 16px 18px 14px !important;
}

body.home-shell-live .home-shell-focus-pill {
  max-width: 36ch !important;
}

body.home-shell-live .home-shell-next {
  max-width: 54ch !important;
}

body.home-shell-live .home-memory-panel,
body.home-shell-live .home-mission-panel,
body.home-shell-live .home-activity-panel {
  min-height: 0 !important;
}

body.home-shell-live .home-memory-core,
body.home-shell-live .home-mission-pipeline,
body.home-shell-live .home-activity-stream,
body.home-shell-live .home-persona-stack {
  min-height: 0 !important;
  overflow: auto !important;
}

body.home-shell-live .home-memory-board {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr) !important;
  gap: 16px !important;
}

body.home-shell-live .home-genome-meta strong {
  font-size: 36px !important;
}

body.home-shell-live .home-genome-trace-row span,
body.home-shell-live .home-memory-log .home-memory-row span {
  font-size: 11px !important;
}

body.home-shell-live .home-terminal-panel pre {
  min-height: 212px !important;
}

.task-window.window-active {
  width: min(1320px, 84vw) !important;
  height: min(760px, 80vh) !important;
}

.task-window.window-active .task-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1.52fr) minmax(320px, 0.82fr) !important;
  gap: 16px !important;
  padding: 16px !important;
  min-height: 0 !important;
}

.task-window.window-active #task-galaxy,
.task-window.window-active #task-output {
  min-height: 0 !important;
  height: 100% !important;
}

.task-window.window-active #task-output {
  margin: 0 !important;
  padding: 18px 16px !important;
  overflow: auto !important;
  border-radius: 16px !important;
}

.task-window.window-active .task-orion-shell {
  display: grid !important;
  grid-template-columns: minmax(236px, 0.84fr) minmax(0, 1.2fr) minmax(272px, 0.9fr) !important;
  gap: 14px !important;
  height: 100% !important;
  min-height: 0 !important;
}

.task-window.window-active .task-orion-rail,
.task-window.window-active .task-orion-detail,
.task-window.window-active .task-orbit-stage {
  min-height: 0 !important;
}

.task-window.window-active .task-orion-lanes,
.task-window.window-active .task-orion-detail {
  overflow: auto !important;
}

.task-window.window-active .task-orbit-stage {
  min-height: 460px !important;
  border-radius: 18px !important;
}

.task-window.window-active .task-galaxy-readout {
  max-width: 232px !important;
}

.glyph-window.window-active {
  width: min(1460px, 90vw) !important;
  height: min(860px, 86vh) !important;
}

.glyph-window.window-active .glyph-body {
  grid-template-columns: minmax(306px, 0.9fr) minmax(0, 1.24fr) minmax(344px, 0.9fr) !important;
  gap: 16px !important;
  min-height: 0 !important;
}

.glyph-window.window-active .glyph-side-left {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) minmax(290px, 0.94fr) !important;
  gap: 16px !important;
  min-height: 0 !important;
}

.glyph-window.window-active .glyph-center-shell {
  min-height: 0 !important;
}

.glyph-window.window-active .glyph-side-right {
  display: grid !important;
  grid-template-rows: minmax(222px, 0.54fr) minmax(210px, 0.42fr) minmax(0, 1fr) !important;
  gap: 16px !important;
  min-height: 0 !important;
}

.glyph-window.window-active .glyph-panel,
.glyph-window.window-active .glyph-editor-shell,
.glyph-window.window-active .glyph-shell-shell,
.glyph-window.window-active .glyph-chat-shell,
.glyph-window.window-active .glyph-preview-shell,
.glyph-window.window-active .glyph-queue-shell,
.glyph-window.window-active .glyph-organizer-panel {
  min-height: 0 !important;
  overflow: hidden !important;
}

.glyph-window.window-active .glyph-organizer-form {
  gap: 12px !important;
}

.glyph-window.window-active .glyph-organizer-lane {
  grid-template-columns: 148px minmax(0, 1fr) !important;
  gap: 10px !important;
}

.glyph-window.window-active .glyph-organizer-presets,
.glyph-window.window-active .glyph-organizer-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.glyph-window.window-active #glyph-folder-prompt,
.glyph-window.window-active #glyph-code {
  min-height: 0 !important;
}

.glyph-window.window-active .glyph-command-lane {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "mode"
    "input"
    "trigger" !important;
  grid-template-rows: auto auto auto !important;
  gap: 12px !important;
}

.glyph-window.window-active .glyph-command-mode {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.glyph-window.window-active .glyph-command-lane > * {
  min-width: 0 !important;
}

.glyph-window.window-active .glyph-chat-field {
  min-width: 0 !important;
}

.glyph-window.window-active #glyph-shell-command {
  min-height: 54px !important;
  height: 54px !important;
  font-size: 12px !important;
}

.glyph-window.window-active .glyph-chat-notice {
  min-height: 138px !important;
  padding: 16px !important;
}

.glyph-window.window-active #glyph-shell-run {
  grid-area: trigger !important;
  width: 100% !important;
  justify-self: stretch !important;
  align-self: stretch !important;
}

.glyph-window.window-active #glyph-output,
.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-folder-trace,
.glyph-window.window-active .glyph-queue,
.glyph-window.window-active #glyph-projects {
  overflow: auto !important;
  min-height: 0 !important;
}

@media (max-width: 1500px), (max-height: 920px) {
  #start-menu .start-galaxy-shell {
    grid-template-columns: minmax(320px, 0.94fr) minmax(0, 1.1fr) minmax(290px, 0.86fr) !important;
  }

  .task-window.window-active {
    width: min(1240px, 88vw) !important;
  }

  .task-window.window-active .task-orion-shell {
    grid-template-columns: minmax(214px, 0.8fr) minmax(0, 1.14fr) minmax(244px, 0.86fr) !important;
  }

  .glyph-window.window-active {
    width: min(1380px, 92vw) !important;
    height: min(820px, 88vh) !important;
  }

  .glyph-window.window-active .glyph-body {
    grid-template-columns: minmax(282px, 0.86fr) minmax(0, 1.18fr) minmax(316px, 0.86fr) !important;
  }
}

/* 2026-07-10 // burst polish verified authority
   Restore the real home ghost, keep one ghost source-of-truth, clean the
   start/task/Glyph proportions, and stop the late-file overrides from
   flattening the live shell. */

body.home-shell-live .home-shell-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.02fr) minmax(300px, 0.78fr) !important;
  grid-template-rows: 222px 246px minmax(188px, 1fr) !important;
  gap: 12px !important;
}

body.home-shell-live .home-shell-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 220px !important;
  grid-template-rows: auto 1fr auto !important;
  align-content: stretch !important;
  min-height: 214px !important;
  padding: 16px 18px !important;
  padding-right: 20px !important;
}

body.home-shell-live .home-shell-hero::after {
  display: none !important;
}

body.home-shell-live .home-shell-hero-top,
body.home-shell-live .home-shell-hero-foot {
  grid-column: 1 !important;
  position: relative !important;
  z-index: 2 !important;
  max-width: 64ch !important;
}

body.home-shell-live .home-shell-sigil {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
  position: relative !important;
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
  place-self: stretch !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: auto !important;
  min-width: 188px !important;
  height: auto !important;
  min-height: 184px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 52% 34%, rgba(122, 236, 255, 0.18), transparent 42%),
    linear-gradient(180deg, rgba(5, 10, 16, 0.96), rgba(2, 6, 11, 0.92)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 0 28px rgba(122, 236, 255, 0.08) !important;
}

body.home-shell-live .home-shell-ghost-stage {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  inset: 12px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  place-items: center !important;
  border: 1px solid rgba(122, 236, 255, 0.14) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(122, 236, 255, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(4, 10, 15, 0.9), rgba(2, 6, 11, 0.94)) !important;
}

body.home-shell-live #home-shell-ghost-canvas {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
}

body.home-shell-live .home-shell-sigil-fallback,
body.home-shell-live .home-shell-sigil > span:not(.home-shell-sigil-fallback) {
  display: none !important;
}

body.home-shell-live .home-terminal-panel pre,
body.home-shell-live #home-terminal-feed {
  font-size: 12px !important;
  line-height: 1.48 !important;
}

body.home-shell-live .home-memory-core {
  gap: 12px !important;
}

body.home-shell-live .home-genome-meta strong {
  font-size: 30px !important;
}

body.home-shell-live .home-genome-trace-row,
body.home-shell-live .home-memory-log .home-memory-row {
  min-height: 42px !important;
}

#start-menu .start-galaxy-shell {
  grid-template-columns: minmax(0, 1.26fr) minmax(312px, 0.84fr) !important;
  gap: 14px !important;
}

#start-menu {
  height: min(748px, calc(100vh - 122px)) !important;
  max-height: calc(100vh - 122px) !important;
  bottom: 82px !important;
  padding: 14px !important;
}

#start-menu .start-core {
  padding: 8px 22px 10px !important;
}

#start-menu .start-galaxy-stage {
  grid-template-rows: auto minmax(284px, 1fr) minmax(116px, auto) !important;
}

#start-menu #start-galaxy-detail {
  margin-top: 10px !important;
  min-height: 116px !important;
}

#start-menu .start-galaxy-detail-card {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 14px 15px !important;
}

#start-menu .start-galaxy-detail-copy {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

#start-menu .start-galaxy-detail-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

#start-menu .start-galaxy-detail-head b {
  color: #f4fbff !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
}

#start-menu .start-galaxy-detail-state {
  color: color-mix(in srgb, var(--detail-color, var(--active-color)) 68%, #eff8ff) !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
}

#start-menu .start-galaxy-detail-body {
  color: rgba(218, 237, 255, 0.9) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

#start-menu .start-galaxy-detail-tags,
#start-menu .start-galaxy-detail-reward {
  color: rgba(165, 183, 220, 0.82) !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
}

#start-menu .start-galaxy-detail-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

#start-menu .start-galaxy-detail-actions button {
  min-width: 108px !important;
  min-height: 38px !important;
}

.task-window.window-active {
  width: min(1400px, 90vw) !important;
  height: min(820px, 86vh) !important;
}

.task-window.window-active .task-body {
  grid-template-columns: minmax(0, 1.72fr) minmax(292px, 0.82fr) !important;
  gap: 14px !important;
  padding: 14px !important;
}

.task-window.window-active .task-orion-shell {
  grid-template-columns: minmax(196px, 0.68fr) minmax(0, 1.42fr) minmax(228px, 0.72fr) !important;
  gap: 14px !important;
}

.task-window.window-active .task-orbit-stage {
  min-height: 518px !important;
}

.task-window.window-active .task-galaxy-readout {
  top: 18px !important;
  left: 18px !important;
  max-width: 252px !important;
}

.task-window.window-active .task-orbit-stage .task-galaxy-readout {
  top: 18px !important;
  bottom: auto !important;
  left: 18px !important;
  right: auto !important;
  max-width: 248px !important;
}

.task-window.window-active .task-black-hole {
  bottom: 18px !important;
}

.task-window.window-active .task-orbit-stage .task-black-hole {
  top: 58% !important;
  width: 104px !important;
  height: 104px !important;
}

.task-window.window-active #task-output {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.task-window.window-active .task-inspect-card {
  min-height: 100% !important;
  border-radius: 18px !important;
  border: 1px solid rgba(101, 245, 255, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(0, 0, 0, 0.18)),
    rgba(5, 10, 24, 0.78) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 18px 34px rgba(0, 0, 0, 0.18) !important;
}

.task-window.window-active .task-pulse-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.task-window.window-active .task-pulse-strip > div,
.task-window.window-active .task-bridge-hold {
  border: 1px solid rgba(101, 245, 255, 0.12) !important;
  border-radius: 12px !important;
  background: rgba(6, 10, 18, 0.72) !important;
  padding: 10px 12px !important;
}

.task-window.window-active .task-pulse-strip small,
.task-window.window-active .task-bridge-hold b {
  display: block !important;
  color: rgba(164, 178, 221, 0.78) !important;
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
}

.task-window.window-active .task-pulse-strip strong {
  display: block !important;
  margin-top: 4px !important;
  color: #f2fbff !important;
  font-size: 12px !important;
}

.task-window.window-active .task-bridge-hold span {
  display: block !important;
  margin-top: 6px !important;
  color: rgba(233, 242, 255, 0.86) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

.glyph-window.window-active {
  width: min(1480px, 91vw) !important;
  height: min(872px, 88vh) !important;
}

.glyph-window.window-active .glyph-body {
  grid-template-columns: minmax(286px, 0.8fr) minmax(0, 1.3fr) minmax(304px, 0.8fr) !important;
  gap: 12px !important;
  padding: 12px !important;
}

.glyph-window.window-active .glyph-side-left {
  grid-template-rows: minmax(248px, 0.68fr) minmax(338px, 0.98fr) !important;
  gap: 12px !important;
}

.glyph-window.window-active .glyph-center-shell {
  grid-template-rows: minmax(388px, 0.74fr) minmax(252px, 0.54fr) !important;
  gap: 12px !important;
}

.glyph-window.window-active .glyph-side-right {
  grid-template-rows: minmax(168px, 0.4fr) minmax(198px, 0.5fr) minmax(0, 0.94fr) !important;
  gap: 12px !important;
}

.glyph-window.window-active .glyph-project {
  min-height: 64px !important;
  padding: 9px 11px !important;
}

.glyph-window.window-active .glyph-organizer-panel,
.glyph-window.window-active .glyph-chat-shell,
.glyph-window.window-active .glyph-preview-shell,
.glyph-window.window-active .glyph-queue-shell {
  border-radius: 16px !important;
}

.glyph-window.window-active .glyph-organizer-panel {
  grid-template-rows: auto auto auto minmax(118px, 1fr) minmax(74px, 0.5fr) !important;
}

.glyph-window.window-active .glyph-organizer-form {
  grid-template-rows: auto auto minmax(62px, 1fr) !important;
  gap: 8px !important;
  margin: 0 10px !important;
}

.glyph-window.window-active .glyph-organizer-lane {
  grid-template-columns: 132px minmax(0, 1fr) !important;
  gap: 8px !important;
}

.glyph-window.window-active .glyph-organizer-presets,
.glyph-window.window-active .glyph-organizer-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 10px !important;
}

.glyph-window.window-active #glyph-folder-prompt {
  min-height: 62px !important;
  max-height: 76px !important;
}

.glyph-window.window-active .glyph-organizer-actions button {
  min-height: 38px !important;
}

.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-folder-trace {
  margin: 0 10px 10px !important;
  padding: 10px 12px !important;
  font-size: 10px !important;
  line-height: 1.44 !important;
  min-height: 86px !important;
}

.glyph-window.window-active .glyph-chat-notice {
  min-height: 88px !important;
  max-height: 112px !important;
  overflow: auto !important;
  margin: 0 10px 10px !important;
  padding: 10px 12px !important;
}

.glyph-window.window-active #glyph-preview {
  min-height: 124px !important;
  height: 124px !important;
  max-height: 124px !important;
}

.glyph-window.window-active #glyph-output,
.glyph-window.window-active .glyph-queue,
.glyph-window.window-active #glyph-projects {
  font-size: 11px !important;
  line-height: 1.5 !important;
}

.glyph-window.window-active #glyph-shell-command {
  min-height: 50px !important;
  height: 50px !important;
  font-size: 12px !important;
}

@media (max-width: 1500px), (max-height: 920px) {
  body.home-shell-live .home-shell-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.98fr) minmax(274px, 0.74fr) !important;
  }

  body.home-shell-live .home-shell-hero {
    grid-template-columns: minmax(0, 1fr) 184px !important;
  }

  .task-window.window-active {
    width: min(1300px, 90vw) !important;
    height: min(780px, 87vh) !important;
  }

  .task-window.window-active .task-orion-shell {
    grid-template-columns: minmax(196px, 0.72fr) minmax(0, 1.28fr) minmax(224px, 0.78fr) !important;
  }

  .glyph-window.window-active {
    width: min(1400px, 92vw) !important;
    height: min(836px, 88vh) !important;
  }

  .glyph-window.window-active .glyph-body {
    grid-template-columns: minmax(272px, 0.78fr) minmax(0, 1.22fr) minmax(292px, 0.78fr) !important;
  }
}

/* 2026-07-17 // BLOOD CUT 2: the orbit itself is clickable, the shell around it is not */
html body[data-launch="desktop"] #start-menu .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu #start-galaxy,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-lane {
  pointer-events: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::after,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node *,
html body[data-launch="desktop"] #start-menu .start-galaxy-detail,
html body[data-launch="desktop"] #start-menu .start-galaxy-detail * {
  pointer-events: auto !important;
}

/* 2026-07-10 // burst polish authority 11
   Force the real start/task/Glyph proportions at 100% zoom, restore the
   top start surfaces, and skin the live Glyph direct-cut status card. */

#start-menu {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 12px !important;
  height: min(760px, calc(100vh - 106px)) !important;
  max-height: calc(100vh - 106px) !important;
  bottom: 78px !important;
  overflow: hidden !important;
  padding: 14px !important;
}

#start-menu .start-core {
  padding: 12px 18px 10px !important;
}

#start-menu .start-galaxy-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(356px, 0.96fr) !important;
  align-items: stretch !important;
  gap: 14px !important;
  min-height: 0 !important;
}

#start-menu .start-galaxy-stage,
#start-menu .start-window-overview {
  min-height: 0 !important;
}

#start-menu .start-galaxy-stage {
  grid-template-rows: auto minmax(252px, 1fr) auto !important;
  gap: 10px !important;
  padding: 14px !important;
}

#start-menu #start-galaxy {
  min-height: 252px !important;
  max-height: none !important;
}

#start-menu #start-galaxy-detail {
  min-height: 104px !important;
  max-height: 142px !important;
  overflow: auto !important;
  margin-top: 0 !important;
}

#start-menu .start-window-overview {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 14px !important;
}

#start-menu #start-window-stack {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-height: 106px !important;
  align-items: stretch !important;
}

#start-menu .start-window-card {
  min-height: 94px !important;
  padding: 12px !important;
  align-content: start !important;
}

#start-menu #start-window-overview-list {
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

#start-menu .start-window-row {
  min-height: 78px !important;
}

#start-menu .start-menu-list {
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 6px 2px 2px !important;
}

#start-menu .start-menu-list button {
  min-height: 84px !important;
  align-items: flex-start !important;
  padding: 14px 16px !important;
}

#start-menu .start-menu-list button .start-launch-label {
  font-size: 14px !important;
  line-height: 1.24 !important;
}

#start-menu .start-menu-list button .start-launch-desc {
  font-size: 10px !important;
  line-height: 1.34 !important;
  max-width: 34ch !important;
}

.task-window.window-active {
  width: min(1420px, 91vw) !important;
  height: min(828px, 87vh) !important;
}

.task-window.window-active .task-body {
  grid-template-columns: minmax(0, 1.64fr) minmax(314px, 0.86fr) !important;
  gap: 14px !important;
  padding: 14px !important;
}

.task-window.window-active .task-orion-shell {
  grid-template-columns: minmax(236px, 0.82fr) minmax(0, 1.12fr) minmax(338px, 0.98fr) !important;
  gap: 12px !important;
  min-height: 0 !important;
}

.task-window.window-active .task-orion-rail,
.task-window.window-active .task-orion-detail,
.task-window.window-active .task-orion-lanes,
.task-window.window-active #task-galaxy {
  min-height: 0 !important;
}

.task-window.window-active .task-orion-lanes {
  overflow: auto !important;
  padding-right: 4px !important;
}

.task-window.window-active .task-orbit-stage {
  min-height: 548px !important;
}

.task-window.window-active .task-inspect-card {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
}

.task-window.window-active .task-inspect-card header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}

.task-window.window-active .task-inspect-card header strong {
  white-space: nowrap !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

.task-window.window-active .task-orion-lane span,
.task-window.window-active .task-node-card span,
.task-window.window-active .task-inspect-card p {
  line-height: 1.42 !important;
}

.glyph-window.window-active {
  width: min(1492px, 92vw) !important;
  height: min(884px, 90vh) !important;
}

.glyph-window.window-active .glyph-body {
  grid-template-columns: minmax(300px, 0.86fr) minmax(0, 1.34fr) minmax(330px, 0.84fr) !important;
  gap: 14px !important;
  padding: 14px !important;
}

.glyph-window.window-active .glyph-side-left {
  grid-template-rows: minmax(252px, 0.52fr) minmax(352px, 0.48fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active .glyph-center-shell {
  grid-template-rows: minmax(406px, 0.6fr) minmax(0, 0.4fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active .glyph-side-right {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-auto-flow: row !important;
  grid-template-rows: minmax(334px, 0.9fr) minmax(142px, 0.28fr) minmax(0, 0.82fr) !important;
  gap: 14px !important;
}

.glyph-window.window-active .glyph-side-right > .glyph-panel,
.glyph-window.window-active .glyph-chat-shell,
.glyph-window.window-active .glyph-preview-shell,
.glyph-window.window-active .glyph-queue-shell {
  width: 100% !important;
}

.glyph-window.window-active .glyph-panel,
.glyph-window.window-active .glyph-project-rail,
.glyph-window.window-active .glyph-organizer-panel,
.glyph-window.window-active .glyph-editor-shell,
.glyph-window.window-active .glyph-shell-shell,
.glyph-window.window-active .glyph-chat-shell,
.glyph-window.window-active .glyph-preview-shell,
.glyph-window.window-active .glyph-queue-shell {
  min-height: 0 !important;
}

.glyph-window.window-active #glyph-projects {
  display: grid !important;
  grid-auto-rows: minmax(88px, auto) !important;
  gap: 10px !important;
  padding: 2px 10px 12px !important;
  overflow: auto !important;
}

.glyph-window.window-active .glyph-project {
  min-height: 88px !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 12px 12px 10px !important;
}

.glyph-window.window-active .glyph-project-badge {
  width: 58px !important;
  min-width: 58px !important;
  min-height: 30px !important;
}

.glyph-window.window-active .glyph-project-copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.glyph-window.window-active .glyph-project-copy > strong {
  font-size: 11px !important;
  line-height: 1.3 !important;
}

.glyph-window.window-active .glyph-project-copy > span {
  font-size: 11px !important;
  line-height: 1.38 !important;
}

.glyph-window.window-active .glyph-project-copy > small {
  font-size: 10px !important;
  line-height: 1.34 !important;
  word-break: break-word !important;
}

.glyph-window.window-active .glyph-chat-notice {
  min-height: 148px !important;
  max-height: 198px !important;
  overflow: auto !important;
  padding: 14px !important;
}

.glyph-window.window-active .glyph-chat-shell {
  display: grid !important;
  grid-template-rows: auto auto minmax(148px, 1fr) !important;
}

.glyph-window.window-active .glyph-preview-shell,
.glyph-window.window-active .glyph-queue-shell {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.glyph-window.window-active #glyph-preview {
  min-height: 126px !important;
  height: auto !important;
  max-height: none !important;
}

.glyph-window.window-active .glyph-status-card {
  display: grid !important;
  gap: 10px !important;
}

.glyph-window.window-active .glyph-status-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.glyph-window.window-active .glyph-status-head b {
  color: #f3fbff !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
}

.glyph-window.window-active .glyph-status-meta {
  color: rgba(170, 188, 224, 0.84) !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.glyph-window.window-active .glyph-status-body {
  color: rgba(229, 239, 255, 0.9) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

.glyph-window.window-active .glyph-status-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.glyph-window.window-active .glyph-status-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(101, 245, 255, 0.14) !important;
  background: rgba(6, 12, 22, 0.72) !important;
  color: rgba(208, 236, 255, 0.88) !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.glyph-window.window-active .glyph-status-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.glyph-window.window-active .glyph-status-actions button,
.glyph-window.window-active .glyph-chat-notice [data-glyph-quick-command] {
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(101, 245, 255, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01)),
    rgba(6, 12, 22, 0.84) !important;
  color: #e6f8ff !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
}

.glyph-window.window-active .glyph-status-actions button:hover,
.glyph-window.window-active .glyph-chat-notice [data-glyph-quick-command]:hover {
  border-color: rgba(122, 236, 255, 0.3) !important;
  box-shadow: 0 0 0 1px rgba(122, 236, 255, 0.08), 0 0 16px rgba(122, 236, 255, 0.08) !important;
}

@media (max-width: 1420px), (max-height: 900px) {
  #start-menu .start-galaxy-shell {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr) !important;
  }

  .glyph-window.window-active .glyph-body {
    grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.18fr) minmax(304px, 0.82fr) !important;
  }
}

/* 2026-07-10 // burst polish authority 12
   Final viewport authority for the live desktop pass.
   The older late-pass blocks were collapsing grid rows to 0px and making
   Start, Task, and Glyph fight each other at 100% zoom. */

#start-menu {
  inset: 18px 18px 82px 18px !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  display: grid !important;
  grid-template-columns: 272px minmax(0, 1fr) 320px !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core core core"
    "list galaxy stack" !important;
  gap: 14px !important;
  padding: 14px !important;
  overflow: hidden !important;
}

#start-menu .start-core {
  grid-area: core !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    "brand actions"
    "input input" !important;
  row-gap: 10px !important;
  column-gap: 14px !important;
  min-height: 0 !important;
  padding: 12px 16px !important;
}

#start-menu .start-core > b {
  grid-area: brand !important;
  align-self: center !important;
}

#start-menu #start-command-input {
  grid-area: input !important;
}

#start-menu .start-core-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(74px, 1fr)) !important;
  gap: 8px !important;
  align-self: start !important;
}

#start-menu .start-core-actions button {
  min-height: 38px !important;
}

#start-menu .start-galaxy-shell {
  display: contents !important;
  min-height: 0 !important;
}

#start-menu .start-menu-list {
  grid-area: list !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: minmax(68px, auto) !important;
  gap: 10px !important;
  align-content: start !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  padding: 2px 2px 4px !important;
}

#start-menu .start-menu-list button {
  min-height: 68px !important;
  padding: 12px 14px !important;
  align-items: flex-start !important;
  border-radius: 14px !important;
}

#start-menu .start-menu-list button .start-launch-label {
  font-size: 13px !important;
  line-height: 1.22 !important;
}

#start-menu .start-menu-list button .start-launch-desc {
  font-size: 10px !important;
  line-height: 1.36 !important;
  max-width: none !important;
}

#start-menu .start-galaxy-stage {
  grid-area: galaxy !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) minmax(112px, auto) !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 16px !important;
  overflow: hidden !important;
}

#start-menu #start-galaxy {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}

#start-menu #start-galaxy-detail {
  min-height: 112px !important;
  max-height: none !important;
  overflow: auto !important;
  margin-top: 0 !important;
}

#start-menu .start-window-overview {
  grid-area: stack !important;
  display: grid !important;
  grid-template-rows: auto minmax(88px, auto) minmax(0, 1fr) !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 16px !important;
  overflow: hidden !important;
}

#start-menu #start-window-stack {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  min-height: 88px !important;
}

#start-menu .start-window-card {
  min-height: 82px !important;
  padding: 12px !important;
}

#start-menu #start-window-overview-list {
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

#start-menu .start-window-row {
  min-height: 70px !important;
}

#start-menu #start-command-results {
  grid-area: galaxy !important;
  align-self: start !important;
  justify-self: stretch !important;
  width: auto !important;
  max-height: 284px !important;
  margin: 58px 18px 0 !important;
  z-index: 24 !important;
}

.task-window.window-active {
  width: min(1240px, 96vw) !important;
  height: min(706px, calc(100vh - 20px)) !important;
}

.task-window.window-active .task-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) minmax(208px, auto) !important;
  gap: 14px !important;
  padding: 14px !important;
  min-height: 0 !important;
}

.task-window.window-active #task-galaxy,
.task-window.window-active #task-output {
  min-height: 0 !important;
}

.task-window.window-active #task-galaxy {
  height: auto !important;
  overflow: hidden !important;
}

.task-window.window-active .task-orion-shell {
  grid-template-columns: minmax(184px, 0.44fr) minmax(0, 1fr) minmax(260px, 0.62fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 12px !important;
  min-height: 0 !important;
  height: 100% !important;
}

.task-window.window-active .task-orion-rail,
.task-window.window-active .task-orion-lanes,
.task-window.window-active .task-orbit-stage,
.task-window.window-active .task-orion-detail {
  min-height: 0 !important;
}

.task-window.window-active .task-orion-lanes,
.task-window.window-active .task-orion-detail,
.task-window.window-active #task-output {
  overflow: auto !important;
}

.task-window.window-active .task-orbit-stage {
  min-width: 0 !important;
}

.task-window.window-active .task-orion-lane {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 68px !important;
}

.task-window.window-active .task-orion-lane div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.task-window.window-active .task-orion-lane strong,
.task-window.window-active .task-orion-lane span,
.task-window.window-active .task-orion-lane small,
.task-window.window-active .task-node-card strong,
.task-window.window-active .task-node-card span {
  display: block !important;
}

.task-window.window-active .task-orbit-stage .task-node-card {
  max-width: 170px !important;
}

.task-window.window-active #task-output {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.task-window.window-active .task-inspect-card {
  min-height: 208px !important;
  max-height: none !important;
  gap: 10px !important;
}

.task-window.window-active .task-inspect-card header strong {
  font-size: 24px !important;
}

.task-window.window-active .task-inspect-list {
  display: grid !important;
  gap: 8px !important;
}

.glyph-window.window-active {
  width: min(1260px, 97vw) !important;
  height: min(706px, calc(100vh - 12px)) !important;
}

.glyph-window.window-active .glyph-body {
  display: grid !important;
  grid-template-columns: minmax(248px, 0.78fr) minmax(0, 1.18fr) minmax(286px, 0.82fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 12px !important;
  min-height: 0 !important;
}

.glyph-window.window-active .glyph-side-left {
  grid-template-rows: minmax(246px, 0.48fr) minmax(0, 0.52fr) !important;
  gap: 12px !important;
  min-height: 0 !important;
}

.glyph-window.window-active .glyph-center-shell {
  grid-template-rows: minmax(356px, 0.58fr) minmax(0, 0.42fr) !important;
  gap: 12px !important;
  min-height: 0 !important;
}

.glyph-window.window-active .glyph-side-right {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(188px, auto) minmax(136px, auto) minmax(0, 1fr) !important;
  gap: 12px !important;
  min-height: 0 !important;
}

.glyph-window.window-active .glyph-project-rail,
.glyph-window.window-active .glyph-organizer-panel,
.glyph-window.window-active .glyph-editor-shell,
.glyph-window.window-active .glyph-shell-shell,
.glyph-window.window-active .glyph-chat-shell,
.glyph-window.window-active .glyph-preview-shell,
.glyph-window.window-active .glyph-queue-shell {
  min-height: 0 !important;
}

.glyph-window.window-active .glyph-project-rail {
  grid-template-rows: auto auto minmax(0, 1fr) !important;
}

.glyph-window.window-active #glyph-projects {
  display: grid !important;
  grid-auto-rows: minmax(64px, auto) !important;
  gap: 8px !important;
  padding: 2px 10px 10px !important;
  overflow: auto !important;
}

.glyph-window.window-active .glyph-project {
  min-height: 64px !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 10px !important;
}

.glyph-window.window-active .glyph-project-badge {
  width: 52px !important;
  min-width: 52px !important;
  min-height: 28px !important;
}

.glyph-window.window-active .glyph-project-copy {
  gap: 3px !important;
}

.glyph-window.window-active .glyph-project-copy > strong {
  font-size: 10px !important;
  line-height: 1.26 !important;
}

.glyph-window.window-active .glyph-project-copy > span {
  font-size: 11px !important;
  line-height: 1.34 !important;
}

.glyph-window.window-active .glyph-project-copy > small {
  font-size: 9px !important;
  line-height: 1.3 !important;
}

.glyph-window.window-active .glyph-organizer-panel {
  grid-template-rows: auto auto auto minmax(96px, 1fr) minmax(72px, 0.42fr) !important;
}

.glyph-window.window-active .glyph-organizer-form {
  grid-template-rows: auto auto minmax(56px, auto) !important;
  gap: 8px !important;
}

.glyph-window.window-active .glyph-organizer-lane {
  grid-template-columns: 120px minmax(0, 1fr) !important;
  gap: 8px !important;
}

.glyph-window.window-active .glyph-organizer-presets,
.glyph-window.window-active .glyph-organizer-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.glyph-window.window-active #glyph-folder-prompt {
  min-height: 56px !important;
  max-height: 72px !important;
}

.glyph-window.window-active .glyph-editor-shell {
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
}

.glyph-window.window-active .glyph-editor-stage {
  min-height: 0 !important;
}

.glyph-window.window-active #glyph-code {
  min-height: 0 !important;
  height: 100% !important;
}

.glyph-window.window-active .glyph-shell-shell {
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.glyph-window.window-active #glyph-output,
.glyph-window.window-active .glyph-folder-plan-view,
.glyph-window.window-active .glyph-folder-trace,
.glyph-window.window-active .glyph-queue {
  min-height: 0 !important;
  max-height: none !important;
}

.glyph-window.window-active #glyph-output {
  min-height: 156px !important;
}

.glyph-window.window-active .glyph-chat-shell {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  min-height: 0 !important;
}

.glyph-window.window-active .glyph-command-lane {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.glyph-window.window-active .glyph-chat-notice {
  min-height: 116px !important;
  max-height: none !important;
  padding: 12px !important;
  overflow: auto !important;
}

.glyph-window.window-active .glyph-preview-shell,
.glyph-window.window-active .glyph-queue-shell {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.glyph-window.window-active #glyph-preview {
  min-height: 104px !important;
  height: auto !important;
  max-height: none !important;
}

@media (max-width: 1320px), (max-height: 760px) {
  #start-menu {
    grid-template-columns: 250px minmax(0, 1fr) 292px !important;
  }

  .task-window.window-active {
    width: min(1180px, 97vw) !important;
    height: min(682px, calc(100vh - 16px)) !important;
  }

  .task-window.window-active .task-orion-shell {
    grid-template-columns: minmax(168px, 0.42fr) minmax(0, 1fr) minmax(230px, 0.58fr) !important;
  }

  .glyph-window.window-active {
    width: min(1220px, 98vw) !important;
    height: min(690px, calc(100vh - 10px)) !important;
  }

  .glyph-window.window-active .glyph-body {
    grid-template-columns: minmax(236px, 0.76fr) minmax(0, 1.12fr) minmax(268px, 0.8fr) !important;
  }

  .glyph-window.window-active .glyph-center-shell {
    grid-template-rows: minmax(336px, 0.56fr) minmax(0, 0.44fr) !important;
  }
}

/* 2026-07-10 // burst polish authority 13
   Let Task + Glyph take real ownership at 100% zoom and stop clipping the
   direct-cut lanes inside Glyph. */

.task-window.window-active {
  width: min(1220px, calc(100vw - 48px)) !important;
  height: min(676px, calc(100vh - 98px)) !important;
}

.task-window.window-active .task-body {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) minmax(158px, auto) !important;
  gap: 12px !important;
  padding: 12px !important;
}

.task-window.window-active .task-orion-shell {
  grid-template-columns: minmax(196px, 0.42fr) minmax(0, 1fr) minmax(274px, 0.58fr) !important;
  gap: 12px !important;
}

.task-window.window-active .task-orion-rail,
.task-window.window-active .task-orion-detail {
  overflow: auto !important;
}

.task-window.window-active .task-orbit-stage {
  min-height: 0 !important;
  height: 100% !important;
}

.task-window.window-active .task-orbit-stage .task-node-card {
  max-width: 182px !important;
}

.task-window.window-active .task-inspect-card {
  min-height: 158px !important;
  padding: 12px 14px !important;
}

.glyph-window.window-active {
  width: min(1248px, calc(100vw - 32px)) !important;
  height: min(704px, calc(100vh - 18px)) !important;
}

.glyph-window.window-active .glyph-body {
  grid-template-columns: minmax(284px, 0.84fr) minmax(0, 1.18fr) minmax(336px, 0.92fr) !important;
  gap: 12px !important;
  padding: 12px !important;
}

.glyph-window.window-active .glyph-side-left {
  grid-template-rows: minmax(272px, 0.5fr) minmax(0, 0.5fr) !important;
}

.glyph-window.window-active .glyph-center-shell {
  grid-template-rows: minmax(372px, 0.58fr) minmax(0, 0.42fr) !important;
}

.glyph-window.window-active .glyph-side-right {
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(312px, 0.52fr) minmax(156px, 0.22fr) minmax(0, 0.26fr) !important;
  gap: 12px !important;
}

.glyph-window.window-active .glyph-organizer-lane {
  grid-template-columns: 144px minmax(0, 1fr) !important;
}

.glyph-window.window-active .glyph-organizer-presets,
.glyph-window.window-active .glyph-organizer-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.glyph-window.window-active .glyph-organizer-presets button,
.glyph-window.window-active .glyph-organizer-actions button {
  min-height: 38px !important;
}

.glyph-window.window-active .glyph-chat-shell {
  grid-template-rows: auto auto minmax(108px, 1fr) !important;
  padding-bottom: 10px !important;
}

.glyph-window.window-active .glyph-command-lane {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "mode"
    "input"
    "trigger" !important;
  grid-template-rows: auto auto auto !important;
  gap: 10px !important;
}

.glyph-window.window-active .glyph-command-mode {
  grid-area: mode !important;
}

.glyph-window.window-active .glyph-chat-field {
  grid-area: input !important;
}

.glyph-window.window-active #glyph-shell-run {
  grid-area: trigger !important;
  width: 100% !important;
  min-height: 42px !important;
  justify-self: stretch !important;
}

.glyph-window.window-active .glyph-chat-notice {
  min-height: 108px !important;
  padding: 12px !important;
}

.glyph-window.window-active .glyph-chat-notice p {
  font-size: 12px !important;
  line-height: 1.44 !important;
}

.glyph-window.window-active #glyph-preview {
  min-height: 128px !important;
}

.glyph-window.window-active #glyph-queue {
  min-height: 0 !important;
}

/* 2026-07-10 // burst polish authority 14
   Restore the background ghost as the desktop anchor and stop the home shell
   from overflowing into fake extra rows. */

body.home-shell-live .home-command-core {
  overflow: hidden !important;
}

body.home-shell-live .home-shell-grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr) minmax(286px, 0.74fr) !important;
  grid-template-rows: 172px 138px 132px minmax(0, 1fr) !important;
  grid-template-areas:
    "hero hero system"
    "route personas activity"
    "terminal mission activity"
    "memory mission activity" !important;
  gap: 12px !important;
  height: 100% !important;
  min-height: 0 !important;
  align-content: stretch !important;
}

body.home-shell-live .home-shell-panel,
body.home-shell-live .home-route-grid,
body.home-shell-live .home-persona-stack,
body.home-shell-live .home-mission-pipeline,
body.home-shell-live .home-activity-stream,
body.home-shell-live .home-memory-core,
body.home-shell-live .home-terminal-panel pre {
  min-height: 0 !important;
}

body.home-shell-live .home-shell-hero {
  grid-area: hero !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  min-height: 172px !important;
  padding: 14px 18px !important;
}

body.home-shell-live .home-shell-hero-top,
body.home-shell-live .home-shell-hero-foot {
  max-width: none !important;
}

body.home-shell-live .home-shell-sigil {
  display: none !important;
}

body.home-shell-live .home-system-panel { grid-area: system !important; }
body.home-shell-live .home-route-panel { grid-area: route !important; }
body.home-shell-live .home-persona-panel { grid-area: personas !important; }
body.home-shell-live .home-mission-panel { grid-area: mission !important; }
body.home-shell-live .home-activity-panel { grid-area: activity !important; }
body.home-shell-live .home-terminal-panel { grid-area: terminal !important; }
body.home-shell-live .home-memory-panel { grid-area: memory !important; }

body.home-shell-live .home-route-panel,
body.home-shell-live .home-persona-panel,
body.home-shell-live .home-mission-panel,
body.home-shell-live .home-activity-panel,
body.home-shell-live .home-terminal-panel,
body.home-shell-live .home-memory-panel {
  overflow: hidden !important;
}

/* 2026-07-10 // burst polish authority 15
   Final desktop authority:
   - one moving ghost system instead of layered duplicates
   - restore the start matrix / window stack as real surfaces
   - force Task and Glyph back into readable ownership at 100% zoom */

html body[data-launch="desktop"] #home-shell-ghost-canvas,
html body.home-shell-live #home-shell-ghost-canvas {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

html body[data-launch="desktop"] #start-menu {
  grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.06fr) minmax(330px, 0.94fr) !important;
  grid-template-rows: auto minmax(72px, auto) minmax(0, 1fr) !important;
  grid-template-areas:
    "core core core"
    "memory memory memory"
    "galaxy galaxy list" !important;
  gap: 14px !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-core {
  grid-area: core !important;
}

html body[data-launch="desktop"] #start-menu #start-command-memory {
  grid-area: memory !important;
  min-height: 72px !important;
  max-height: 96px !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  grid-area: galaxy !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(304px, 0.68fr) !important;
  gap: 12px !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) minmax(140px, auto) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy {
  min-height: 316px !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy-detail,
html body[data-launch="desktop"] #start-menu #start-window-stack,
html body[data-launch="desktop"] #start-menu #start-window-overview-list {
  min-height: 0 !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] #start-menu .start-window-overview {
  display: grid !important;
  grid-template-rows: auto minmax(118px, 148px) minmax(164px, 1fr) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu #start-window-stack {
  display: grid !important;
  grid-auto-rows: minmax(56px, auto) !important;
  align-content: start !important;
  max-height: 148px !important;
  padding-right: 4px !important;
}

html body[data-launch="desktop"] #start-menu #start-window-overview-list {
  display: grid !important;
  grid-auto-rows: minmax(74px, auto) !important;
  align-content: start !important;
  min-height: 164px !important;
  padding-right: 4px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list {
  grid-area: list !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(84px, auto) !important;
  gap: 12px !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list > button {
  min-height: 84px !important;
  padding: 14px 16px !important;
}

html body[data-launch="desktop"] #start-menu .start-window-card {
  min-height: 56px !important;
  padding: 10px 12px !important;
}

html body[data-launch="desktop"] #start-menu .start-window-row {
  min-height: 74px !important;
  padding: 10px 12px !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] #start-menu .start-window-meta {
  min-width: 0 !important;
}

html body[data-launch="desktop"] #start-menu .start-window-actions {
  align-items: center !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] #start-menu .start-window-actions button {
  min-height: 34px !important;
  padding: 0 12px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active {
  left: max(80px, 4vw) !important;
  right: auto !important;
  top: 42px !important;
  bottom: auto !important;
  width: min(1320px, calc(100vw - 92px)) !important;
  height: min(748px, calc(100vh - 92px)) !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  height: calc(100% - 42px) !important;
  min-height: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: 18px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active #task-output {
  flex: 0 0 190px !important;
  min-height: 190px !important;
  max-height: 232px !important;
  overflow: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 2026-07-11 // widget gate authority 01
   Desktop idle shell replacement:
   - kill the old hero/card home shell
   - mount the router-map widget gate
   - keep the center field spinning and the lower widgets clean */

@keyframes home-router-spin {
  from { transform: rotateY(0deg); }
  to { transform: rotateY(360deg); }
}

@keyframes home-router-pulse {
  0%, 100% { opacity: 0.48; box-shadow: 0 0 10px currentColor; }
  50% { opacity: 1; box-shadow: 0 0 18px currentColor; }
}

@keyframes home-router-star {
  0%, 100% { opacity: 0.14; transform: scale(0.86); }
  50% { opacity: 0.92; transform: scale(1.18); }
}

body.home-shell-live .desktop-icons {
  display: grid !important;
  opacity: 0.96 !important;
  pointer-events: auto !important;
  transform: translateX(0) !important;
}

body.home-shell-live .home-command-core {
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(20, 62, 80, 0.34), transparent 32%),
    linear-gradient(180deg, rgba(3, 4, 8, 0.96), rgba(6, 7, 12, 0.98)) !important;
}

body.home-shell-live .home-router-shell {
  position: relative;
  display: grid;
  grid-template-rows: 54px minmax(0, 1fr) 318px 86px;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 1px solid rgba(84, 90, 120, 0.24);
  background:
    linear-gradient(180deg, rgba(4, 5, 9, 0.96), rgba(6, 7, 10, 0.98)),
    linear-gradient(rgba(28, 33, 48, 0.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(28, 33, 48, 0.18) 1px, transparent 1px);
  background-size: auto, 40px 40px, 40px 40px;
  box-shadow: inset 0 0 48px rgba(0, 0, 0, 0.88);
}

body.home-shell-live .home-router-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, transparent 0%, rgba(101, 245, 255, 0.03) 52%, transparent 54%);
}

body.home-shell-live .home-router-top {
  display: grid;
  grid-template-columns: minmax(220px, 0.82fr) minmax(280px, 0.86fr) minmax(180px, 0.42fr);
  align-items: center;
  gap: 18px;
  min-height: 0;
  padding: 0 18px;
  border-bottom: 1px solid rgba(98, 104, 136, 0.24);
  background: rgba(5, 6, 11, 0.94);
  text-transform: uppercase;
  letter-spacing: 0.28em;
}

body.home-shell-live .home-router-title-wrap,
body.home-shell-live .home-router-status {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: rgba(122, 126, 151, 0.94);
  font-size: 11px;
}

body.home-shell-live .home-router-mark,
body.home-shell-live .home-router-status i {
  color: #65f5ff;
}

body.home-shell-live .home-router-title {
  color: #f2f5ff;
  font-weight: 700;
}

body.home-shell-live .home-router-status {
  justify-content: flex-end;
}

body.home-shell-live .home-router-status-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
}

body.home-shell-live .home-router-status b {
  color: rgba(122, 126, 151, 0.94);
  font-weight: 600;
}

body.home-shell-live .home-router-dismiss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 122px;
  min-height: 32px;
  padding: 0 14px;
  border: 1px solid rgba(101, 245, 255, 0.28);
  background:
    linear-gradient(180deg, rgba(7, 11, 18, 0.96), rgba(4, 8, 13, 0.92));
  color: rgba(186, 240, 255, 0.94);
  font: 700 10px/1 var(--font-display);
  letter-spacing: 0.24em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

body.home-shell-live .home-router-dismiss:hover,
body.home-shell-live .home-router-dismiss:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(101, 245, 255, 0.52);
  color: #f3fbff;
  box-shadow:
    0 0 0 1px rgba(101, 245, 255, 0.14),
    0 0 18px rgba(101, 245, 255, 0.12);
  outline: none;
}

body.home-shell-live .home-router-bus {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  gap: 10px;
  min-height: 0;
  height: 100%;
}

body.home-shell-live .home-router-bus::before {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  top: 50%;
  height: 1px;
  border-top: 1px dashed rgba(86, 88, 120, 0.56);
  transform: translateY(-50%);
}

body.home-shell-live .home-router-bus-node {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(120, 124, 150, 0.92);
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.24em;
}

body.home-shell-live .home-router-bus-dot {
  width: 11px;
  height: 11px;
  border-radius: 999px;
  border: 1px solid rgba(92, 96, 128, 0.8);
  background: rgba(9, 10, 16, 0.94);
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

body.home-shell-live .home-router-bus-node small {
  font-size: 9px;
  line-height: 1;
}

body.home-shell-live .home-router-bus-node:hover .home-router-bus-dot,
body.home-shell-live .home-router-bus-node.is-active .home-router-bus-dot {
  border-color: var(--node-color, #65f5ff);
  box-shadow: 0 0 12px var(--node-color, #65f5ff);
  transform: scale(1.12);
}

body.home-shell-live .home-router-bus-node.is-active small {
  color: var(--node-color, #65f5ff);
  font-weight: 700;
}

body.home-shell-live .home-router-main {
  display: grid;
  grid-template-columns: 224px minmax(0, 1fr) 240px;
  min-height: 0;
}

body.home-shell-live .home-router-left,
body.home-shell-live .home-router-right {
  min-height: 0;
  padding: 14px;
  background: rgba(6, 7, 11, 0.94);
}

body.home-shell-live .home-router-left {
  border-right: 1px solid rgba(92, 96, 128, 0.22);
  overflow: auto;
}

body.home-shell-live .home-router-right {
  border-left: 1px solid rgba(92, 96, 128, 0.22);
  overflow: auto;
}

body.home-shell-live .home-router-panel-head,
body.home-shell-live .home-router-card-head,
body.home-shell-live .home-sidebar-minihead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #f3f5ff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

body.home-shell-live .home-router-panel-head {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(88, 92, 124, 0.24);
}

body.home-shell-live .home-router-panel-head small,
body.home-shell-live .home-router-card-head small,
body.home-shell-live .home-sidebar-minihead {
  color: #65f5ff;
  font-size: 10px;
}

body.home-shell-live .home-router-panel-head-tight {
  margin-bottom: 12px;
}

body.home-shell-live .home-router-panel-head-sub {
  margin-top: 18px;
  margin-bottom: 10px;
  padding-bottom: 8px;
}

body.home-shell-live .home-persona-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

body.home-shell-live .home-summary-cell,
body.home-shell-live .home-network-readout,
body.home-shell-live .home-resource-allocation,
body.home-shell-live .home-network-mesh-map,
body.home-shell-live .home-router-card,
body.home-shell-live .home-telemetry-block,
body.home-shell-live .home-mail-entry,
body.home-shell-live .home-thread-row,
body.home-shell-live .home-mission-pipeline-row,
body.home-shell-live .home-genome-track,
body.home-shell-live .home-genome-traces,
body.home-shell-live .home-genome-trace {
  background: rgba(9, 10, 15, 0.94);
  border: 1px solid rgba(43, 46, 64, 0.84);
  box-shadow: inset 0 1px 12px rgba(0, 0, 0, 0.6);
}

body.home-shell-live .home-summary-cell {
  display: grid;
  gap: 6px;
  padding: 10px 8px;
  text-align: center;
}

body.home-shell-live .home-summary-cell span,
body.home-shell-live .home-network-readout span,
body.home-shell-live .home-resource-row span,
body.home-shell-live .home-thread-head span,
body.home-shell-live .home-mission-pipeline-row small {
  color: rgba(126, 130, 156, 0.82);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body.home-shell-live .home-summary-cell b,
body.home-shell-live .home-network-readout b,
body.home-shell-live .home-resource-row b,
body.home-shell-live .home-thread-head b,
body.home-shell-live .home-task-status-row.is-active span,
body.home-shell-live .home-mission-pipeline-head b {
  color: #65f5ff;
}

body.home-shell-live .home-network-readout {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding: 10px;
}

body.home-shell-live .home-network-readout div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

body.home-shell-live .home-persona-matrix {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

body.home-shell-live .home-persona-matrix-row,
body.home-shell-live .home-active-persona,
body.home-shell-live .home-task-status-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 11px 10px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(138, 140, 159, 0.92);
  cursor: pointer;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}

body.home-shell-live .home-persona-matrix-row i,
body.home-shell-live .home-active-persona i,
body.home-shell-live .home-task-status-row i,
body.home-shell-live .home-system-exec-head i,
body.home-shell-live .home-mail-entry i,
body.home-shell-live .home-router-card-head i {
  width: 10px;
  height: 10px;
  border: 1px solid currentColor;
  background: rgba(12, 15, 24, 0.96);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.32) inset;
}

body.home-shell-live .home-persona-matrix-row span,
body.home-shell-live .home-active-persona span,
body.home-shell-live .home-task-status-row span {
  color: #d7d9e4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.home-shell-live .home-persona-matrix-row small,
body.home-shell-live .home-task-status-row i,
body.home-shell-live .home-active-persona i {
  color: rgba(122, 126, 151, 0.9);
}

body.home-shell-live .home-persona-matrix-row:hover,
body.home-shell-live .home-persona-matrix-row.is-active,
body.home-shell-live .home-active-persona:hover,
body.home-shell-live .home-task-status-row:hover,
body.home-shell-live .home-task-status-row.is-active {
  border-color: color-mix(in srgb, var(--node-color, #65f5ff) 64%, transparent);
  background: color-mix(in srgb, var(--node-color, #65f5ff) 12%, rgba(10, 12, 18, 0.92));
  box-shadow: 0 0 16px color-mix(in srgb, var(--node-color, #65f5ff) 22%, transparent);
}

body.home-shell-live .home-persona-matrix-row:hover i,
body.home-shell-live .home-persona-matrix-row.is-active i,
body.home-shell-live .home-active-persona:hover i,
body.home-shell-live .home-task-status-row.is-active i {
  color: var(--node-color, #65f5ff);
  box-shadow: 0 0 12px currentColor;
}

body.home-shell-live .home-resource-allocation,
body.home-shell-live .home-network-mesh {
  margin-top: 14px;
  padding: 10px;
}

body.home-shell-live .home-resource-allocation {
  display: grid;
  gap: 10px;
}

body.home-shell-live .home-resource-row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 8px;
}

body.home-shell-live .home-resource-meter,
body.home-shell-live .home-thread-meter,
body.home-shell-live .home-mission-meter {
  position: relative;
  height: 8px;
  border: 1px solid rgba(42, 46, 64, 0.88);
  background: rgba(4, 5, 8, 0.96);
  overflow: hidden;
}

body.home-shell-live .home-resource-meter u,
body.home-shell-live .home-thread-meter u,
body.home-shell-live .home-mission-meter u {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--meter-color, #65f5ff), color-mix(in srgb, var(--meter-color, #65f5ff) 42%, white));
  box-shadow: 0 0 8px var(--meter-color, #65f5ff);
}

body.home-shell-live .home-network-mesh-map {
  position: relative;
  min-height: 78px;
  margin-top: 8px;
  padding: 8px;
  overflow: hidden;
}

body.home-shell-live .home-network-mesh-map svg {
  width: 100%;
  height: 58px;
  stroke: #65f5ff;
  fill: none;
  opacity: 0.66;
}

body.home-shell-live .home-network-mesh-map svg .is-muted {
  stroke: rgba(122, 126, 151, 0.56);
}

body.home-shell-live .home-network-mesh-map small {
  position: absolute;
  bottom: 8px;
  color: rgba(122, 126, 151, 0.94);
  font-size: 9px;
}

body.home-shell-live .home-network-mesh-map small:last-child {
  right: 8px;
}

body.home-shell-live .home-network-mesh-map small:first-of-type {
  left: 8px;
}

body.home-shell-live .home-router-field {
  position: relative;
  min-height: 0;
  border-bottom: 1px solid rgba(92, 96, 128, 0.22);
  overflow: hidden;
}

body.home-shell-live .home-system-exec {
  position: absolute;
  top: 24px;
  left: 22px;
  z-index: 5;
  display: grid;
  gap: 7px;
  max-width: min(420px, 42%);
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

body.home-shell-live .home-system-exec-head {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #65f5ff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

body.home-shell-live .home-system-exec p {
  margin: 0;
  color: #f2f4fe;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.home-shell-live .home-system-exec-line {
  width: min(260px, 70%);
  height: 1px;
  background: linear-gradient(90deg, #65f5ff, transparent);
}

body.home-shell-live .home-router-scene {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

body.home-shell-live .home-router-beams {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  gap: 60px;
  pointer-events: none;
}

body.home-shell-live .home-router-beams span {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(101, 245, 255, 0.48), transparent);
}

body.home-shell-live .home-router-beams .is-strong {
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(101, 245, 255, 0.78), transparent);
  box-shadow: 0 0 18px rgba(101, 245, 255, 0.42);
}

body.home-shell-live .home-router-stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

body.home-shell-live .home-router-star {
  position: absolute;
  border-radius: 999px;
  background: var(--star-color, #fff);
  box-shadow: 0 0 10px var(--star-color, #fff);
  animation: home-router-star 4.8s ease-in-out infinite;
}

body.home-shell-live .home-router-helix {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  perspective: 720px;
  transform-style: preserve-3d;
}

body.home-shell-live .home-router-axis {
  position: absolute;
  width: 1px;
  height: min(480px, 68%);
  background: linear-gradient(180deg, transparent, rgba(101, 245, 255, 0.24), transparent);
  box-shadow: 0 0 18px rgba(101, 245, 255, 0.18);
}

body.home-shell-live .home-router-core {
  position: absolute;
  width: 92px;
  height: 92px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.82);
  background: radial-gradient(circle, rgba(255,255,255,0.98), rgba(210,235,246,0.92) 42%, rgba(88, 196, 219, 0.3) 74%, transparent 100%);
  box-shadow: 0 0 72px rgba(101, 245, 255, 0.52), 0 0 0 24px rgba(101, 245, 255, 0.08), 0 0 0 58px rgba(101, 245, 255, 0.035);
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.88);
  cursor: pointer;
}

body.home-shell-live .home-router-core span {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.78);
  color: transparent;
}

body.home-shell-live .home-router-helix-spin {
  position: relative;
  width: 204px;
  height: min(540px, 78%);
  transform-style: preserve-3d;
  animation: home-router-spin 20s linear infinite;
}

body.home-shell-live .home-helix-node {
  position: absolute;
  left: 50%;
  top: var(--helix-top);
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--node-color, #65f5ff);
  transform: translate(-50%, -50%) rotateY(var(--helix-angle)) translateZ(var(--helix-depth)) scale(var(--helix-scale));
  cursor: pointer;
}

body.home-shell-live .home-helix-node span {
  display: grid;
  place-items: center;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: currentColor;
  color: transparent;
  box-shadow: 0 0 12px currentColor;
  animation: home-router-pulse 2.2s ease-in-out infinite;
}

body.home-shell-live .home-helix-node.is-dominant span {
  width: 14px;
  height: 14px;
  background: #fff;
  box-shadow: 0 0 20px currentColor;
}

body.home-shell-live .home-router-coords {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 4;
  display: grid;
  gap: 6px;
  justify-items: end;
  color: rgba(122, 126, 151, 0.88);
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

body.home-shell-live .home-router-coords div:last-child {
  color: #65f5ff;
  font-weight: 700;
}

body.home-shell-live .home-telemetry-ring {
  --ring-progress: 92%;
  position: relative;
  display: grid;
  place-items: center;
  width: 126px;
  height: 126px;
  margin: 0 auto 16px;
  border-radius: 999px;
  background: conic-gradient(#65f5ff var(--ring-progress), rgba(80, 86, 112, 0.32) 0%);
  box-shadow: 0 0 24px rgba(101, 245, 255, 0.16);
  cursor: pointer;
}

body.home-shell-live .home-telemetry-ring::before {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 999px;
  background: rgba(8, 10, 15, 0.96);
  border: 1px solid rgba(92, 96, 128, 0.32);
}

body.home-shell-live .home-telemetry-ring-core {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 4px;
}

body.home-shell-live .home-telemetry-ring-core span {
  color: #f4f7ff;
  font-size: 18px;
  font-weight: 800;
}

body.home-shell-live .home-telemetry-ring-core small {
  color: #65f5ff;
  font-size: 10px;
  letter-spacing: 0.18em;
}

body.home-shell-live .home-telemetry-metrics {
  display: grid;
  gap: 10px;
}

body.home-shell-live .home-telemetry-block {
  padding: 10px;
}

body.home-shell-live .home-telemetry-block header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  color: rgba(122, 126, 151, 0.88);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.home-shell-live .home-telemetry-bars {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
}

body.home-shell-live .home-telemetry-bars u {
  display: block;
  height: 8px;
  background: linear-gradient(90deg, #65f5ff, rgba(255,255,255,0.75));
  box-shadow: 0 0 8px rgba(101, 245, 255, 0.36);
}

body.home-shell-live .home-telemetry-copy {
  color: #d9dbe4;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.home-shell-live .home-active-personas,
body.home-shell-live .home-task-status,
body.home-shell-live .home-activity-stream {
  display: grid;
  gap: 8px;
}

body.home-shell-live .home-active-persona {
  grid-template-columns: auto 1fr;
  padding: 8px 10px;
  border: 1px solid rgba(54, 58, 80, 0.92);
  background: rgba(8, 10, 15, 0.96);
}

body.home-shell-live .home-activity-stream-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) minmax(0, 1.14fr);
  align-items: center;
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px dashed rgba(68, 72, 98, 0.46);
  color: rgba(122, 126, 151, 0.88);
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

body.home-shell-live .home-activity-stream-row small {
  color: rgba(108, 112, 136, 0.74);
}

body.home-shell-live .home-activity-stream-row span {
  color: #f2f4fe;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.home-shell-live .home-activity-stream-row b {
  color: var(--row-color, #65f5ff);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.home-shell-live .home-router-bottom {
  display: grid;
  grid-template-columns: 1.05fr 1fr 1fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-height: 0;
  padding: 14px;
  border-top: 1px solid rgba(92, 96, 128, 0.22);
  background: linear-gradient(180deg, rgba(8, 9, 13, 0.96), rgba(5, 6, 10, 0.98));
}

body.home-shell-live .home-router-card {
  min-height: 0;
  padding: 12px;
  overflow: hidden;
}

body.home-shell-live .home-terminal-card {
  grid-row: 1 / span 2;
}

body.home-shell-live .home-router-card-head {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(88, 92, 124, 0.24);
}

body.home-shell-live .home-router-card-head i {
  color: #65f5ff;
  animation: home-router-pulse 1.9s ease-in-out infinite;
}

body.home-shell-live #home-terminal-feed {
  height: calc(100% - 34px);
  margin: 10px 0 0;
  overflow: auto;
  color: rgba(112, 116, 141, 0.94);
  font-size: 11px;
  line-height: 1.82;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: pre-wrap;
}

body.home-shell-live .home-mail-feed,
body.home-shell-live .home-genome-core,
body.home-shell-live .home-thread-core,
body.home-shell-live .home-mission-pipeline {
  display: grid;
  gap: 10px;
  height: calc(100% - 34px);
  margin-top: 10px;
  min-height: 0;
  overflow: auto;
}

body.home-shell-live .home-mail-entry {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 10px;
  color: rgba(218, 220, 230, 0.94);
  cursor: pointer;
}

body.home-shell-live .home-mail-entry i {
  width: 8px;
  height: 8px;
  margin-top: 4px;
  color: var(--node-color, #65f5ff);
  background: currentColor;
  border: 0;
  border-radius: 999px;
  box-shadow: 0 0 10px currentColor;
}

body.home-shell-live .home-mail-entry b,
body.home-shell-live .home-thread-head b,
body.home-shell-live .home-mission-pipeline-head span,
body.home-shell-live .home-genome-state span {
  color: #f3f5ff;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.home-shell-live .home-mail-entry span,
body.home-shell-live .home-genome-trace span,
body.home-shell-live .home-mission-pipeline-row small {
  color: rgba(136, 140, 162, 0.92);
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.home-shell-live .home-mail-entry.is-primary {
  border-color: rgba(101, 245, 255, 0.48);
  background: rgba(22, 32, 39, 0.84);
}

body.home-shell-live .home-genome-track {
  position: relative;
  min-height: 72px;
  padding: 16px 12px 8px;
}

body.home-shell-live .home-genome-rail,
body.home-shell-live .home-genome-progress {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 34px;
  height: 2px;
}

body.home-shell-live .home-genome-rail {
  background: rgba(48, 52, 72, 0.9);
}

body.home-shell-live .home-genome-progress {
  right: auto;
  width: 0;
  background: #65f5ff;
  box-shadow: 0 0 10px rgba(101, 245, 255, 0.4);
}

body.home-shell-live .home-genome-node {
  position: absolute;
  top: 28px;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  border: 1px solid rgba(92, 96, 128, 0.8);
  background: rgba(8, 10, 14, 0.96);
  transform: rotate(45deg);
}

body.home-shell-live .home-genome-node em {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: transparent;
}

body.home-shell-live .home-genome-node.is-live {
  border-color: #65f5ff;
  background: rgba(101, 245, 255, 0.18);
  box-shadow: 0 0 10px rgba(101, 245, 255, 0.34);
}

body.home-shell-live .home-genome-state {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #65f5ff;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.home-shell-live .home-genome-state b {
  color: #f4f7ff;
}

body.home-shell-live .home-genome-traces {
  display: grid;
  gap: 8px;
  padding: 10px;
}

body.home-shell-live .home-genome-trace {
  display: grid;
  gap: 4px;
  padding: 8px;
  border-color: color-mix(in srgb, var(--node-color, #65f5ff) 26%, rgba(43, 46, 64, 0.84));
}

body.home-shell-live .home-genome-trace b,
body.home-shell-live .home-genome-trace small {
  color: #65f5ff;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body.home-shell-live .home-thread-core {
  align-content: start;
}

body.home-shell-live .home-thread-row,
body.home-shell-live .home-mission-pipeline-row {
  display: grid;
  gap: 8px;
  padding: 10px;
}

body.home-shell-live .home-thread-head,
body.home-shell-live .home-mission-pipeline-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

body.home-shell-live .home-footer-dials {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 14px;
  padding: 10px 14px 14px;
  border-top: 1px solid rgba(92, 96, 128, 0.22);
  background: rgba(5, 6, 10, 0.98);
}

body.home-shell-live .home-footer-dial {
  display: grid;
  justify-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: rgba(122, 126, 151, 0.9);
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

body.home-shell-live .home-footer-ring {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: conic-gradient(var(--dial-color, #65f5ff) var(--dial-progress), rgba(70, 74, 96, 0.28) 0%);
}

body.home-shell-live .home-footer-ring::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 999px;
  background: rgba(8, 10, 15, 0.98);
  border: 1px solid rgba(92, 96, 128, 0.24);
}

body.home-shell-live .home-footer-ring span {
  position: relative;
  z-index: 1;
  color: #f4f7ff;
  font-size: 10px;
  font-weight: 700;
}

body.home-shell-live .home-footer-dial small {
  color: rgba(122, 126, 151, 0.88);
  font-size: 9px;
}

@media (max-width: 1400px) {
  body.home-shell-live .home-router-main {
    grid-template-columns: 210px minmax(0, 1fr) 224px;
  }

  body.home-shell-live .home-router-bottom {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  body.home-shell-live .home-terminal-card {
    grid-column: 1 / span 2;
    grid-row: auto;
  }
}

@media (max-width: 1120px) {
  body.home-shell-live .home-router-shell {
    grid-template-rows: auto minmax(0, 1fr) auto auto;
  }

  body.home-shell-live .home-router-top {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 10px;
    padding: 12px 14px;
  }

  body.home-shell-live .home-router-status {
    justify-content: flex-start;
  }

  body.home-shell-live .home-router-main {
    grid-template-columns: 1fr;
  }

  body.home-shell-live .home-router-left,
  body.home-shell-live .home-router-right {
    max-height: 240px;
  }

  body.home-shell-live .home-router-field {
    min-height: 420px;
  }

  body.home-shell-live .home-router-bottom {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  body.home-shell-live .home-terminal-card {
    grid-column: auto;
  }
}

html body[data-launch="desktop"] .window.task-window.window-active .task-orion-shell {
  display: grid !important;
  grid-template-columns: minmax(196px, 0.42fr) minmax(420px, 1fr) minmax(248px, 0.54fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 14px !important;
  height: 100% !important;
  min-height: 0 !important;
  align-items: stretch !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-orion-rail,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-detail,
html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage {
  min-height: 0 !important;
  border: 1px solid rgba(101, 245, 255, 0.14) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.16)),
    rgba(4, 10, 16, 0.74) !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-orion-rail,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-detail {
  padding: 14px !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage {
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 18px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage .task-black-hole {
  top: 52% !important;
  width: 128px !important;
  height: 128px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage .task-node-card {
  width: 118px !important;
  max-width: 118px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-inspect-card {
  min-height: 190px !important;
  padding: 14px 16px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active {
  left: max(42px, 2.4vw) !important;
  right: auto !important;
  top: 10px !important;
  bottom: auto !important;
  width: min(1332px, calc(100vw - 18px)) !important;
  height: min(710px, calc(100vh - 10px)) !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-body {
  display: grid !important;
  grid-template-columns: minmax(310px, 0.94fr) minmax(0, 1.1fr) minmax(288px, 0.82fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 14px !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-side-left {
  grid-template-rows: minmax(170px, 0.28fr) minmax(0, 0.72fr) !important;
  min-height: 0 !important;
  gap: 14px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-center-shell {
  grid-template-rows: minmax(286px, 0.46fr) minmax(0, 0.54fr) !important;
  min-height: 0 !important;
  gap: 14px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-side-right {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(174px, auto) minmax(98px, auto) minmax(0, 1fr) !important;
  min-height: 0 !important;
  gap: 14px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-rail,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-panel,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-editor-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-shell-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-preview-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-queue-shell {
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-rail,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-shell-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-preview-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-queue-shell {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-rail {
  grid-template-rows: auto auto minmax(0, 1fr) !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-panel {
  display: grid !important;
  grid-template-rows: auto auto auto auto minmax(116px, 1fr) minmax(68px, auto) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-editor-shell {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-shell-shell {
  grid-template-rows: auto minmax(0, 1fr) !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-projects,
html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-output,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-plan-view,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-trace,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-queue {
  min-height: 0 !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project {
  min-height: 78px !important;
  padding: 12px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > strong {
  font-size: 11px !important;
  line-height: 1.3 !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > span {
  font-size: 12px !important;
  line-height: 1.42 !important;
  white-space: normal !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > small {
  font-size: 10px !important;
  line-height: 1.34 !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > strong,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > span,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > small {
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-lane {
  grid-template-columns: 148px minmax(0, 1fr) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-presets,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-form {
  display: grid !important;
  grid-template-rows: auto auto minmax(72px, 1fr) !important;
  gap: 10px !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-folder-prompt {
  min-height: 72px !important;
  max-height: 110px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-lane {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 12px 14px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-mode {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-field {
  min-width: 0 !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-shell-command {
  min-height: 42px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-shell-run {
  width: 100% !important;
  min-height: 38px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-shell {
  display: grid !important;
  grid-template-rows: auto auto auto auto minmax(78px, 1fr) !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-state {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-state span,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-summary {
  min-height: 34px !important;
  border: 1px solid rgba(101, 245, 255, 0.16) !important;
  border-radius: 12px !important;
  background: rgba(4, 10, 16, 0.78) !important;
  color: rgba(201, 235, 244, 0.84) !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-state span {
  display: grid !important;
  align-items: center !important;
  padding: 0 10px !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-shortcuts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-shortcuts button {
  min-height: 34px !important;
  padding: 0 10px !important;
  font-size: 10px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-summary {
  display: grid !important;
  align-items: center !important;
  padding: 10px 12px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-notice {
  min-height: 88px !important;
  padding: 10px 12px !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-notice p {
  font-size: 12px !important;
  line-height: 1.46 !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-preview {
  min-height: 94px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(101, 245, 255, 0.08), transparent 24%),
    rgba(4, 8, 16, 0.84) !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-preview-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-queue-shell {
  min-height: 0 !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-editor-tools button,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-actions button,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-actions button,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-presets button,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-target,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-mode button,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-shortcuts button,
html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-shell-run {
  min-height: 34px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-output {
  padding: 14px !important;
  font-size: 12px !important;
  line-height: 1.48 !important;
}

/* 2026-07-10 // glyph finish pass
   Lock the panel stack so organizer/chat stop colliding at 100% zoom. */

.window.glyph-window.window-active,
html body[data-launch="desktop"] .window.glyph-window.window-active {
  left: max(30px, 1.9vw) !important;
  top: 6px !important;
  width: min(1388px, calc(100vw - 12px)) !important;
  height: min(848px, calc(100vh - 12px)) !important;
}

.window.glyph-window.window-active .glyph-body,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-body {
  grid-template-columns: minmax(326px, 0.94fr) minmax(0, 1.16fr) minmax(312px, 0.84fr) !important;
  gap: 12px !important;
  padding: 12px !important;
}

.window.glyph-window.window-active .glyph-side-left,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-side-left {
  grid-template-rows: minmax(144px, 0.24fr) minmax(0, 0.76fr) !important;
  gap: 12px !important;
}

.window.glyph-window.window-active .glyph-center-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-center-shell {
  grid-template-rows: minmax(312px, 0.5fr) minmax(0, 0.5fr) !important;
  gap: 12px !important;
}

.window.glyph-window.window-active .glyph-side-right,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-side-right {
  grid-template-rows: minmax(312px, 0.48fr) minmax(122px, 0.2fr) minmax(0, 0.32fr) !important;
  gap: 12px !important;
}

.window.glyph-window.window-active .glyph-project-rail,
.window.glyph-window.window-active .glyph-organizer-panel,
.window.glyph-window.window-active .glyph-editor-shell,
.window.glyph-window.window-active .glyph-shell-shell,
.window.glyph-window.window-active .glyph-chat-shell,
.window.glyph-window.window-active .glyph-preview-shell,
.window.glyph-window.window-active .glyph-queue-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-rail,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-panel,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-editor-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-shell-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-preview-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-queue-shell {
  overflow: hidden !important;
}

.window.glyph-window.window-active .glyph-project-rail,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-rail {
  grid-template-rows: auto auto minmax(0, 1fr) !important;
}

.window.glyph-window.window-active #glyph-projects,
html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-projects {
  padding: 0 12px 12px !important;
  gap: 8px !important;
}

.window.glyph-window.window-active .glyph-project,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project {
  min-height: 72px !important;
  padding: 10px 11px !important;
  align-items: flex-start !important;
}

.window.glyph-window.window-active .glyph-project-copy,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy {
  min-width: 0 !important;
}

.window.glyph-window.window-active .glyph-project-copy > strong,
.window.glyph-window.window-active .glyph-project-copy > span,
.window.glyph-window.window-active .glyph-project-copy > small,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > strong,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > span,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > small {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
}

.window.glyph-window.window-active .glyph-project-copy > strong,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > strong {
  -webkit-line-clamp: 2 !important;
}

.window.glyph-window.window-active .glyph-project-copy > span,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > span {
  -webkit-line-clamp: 2 !important;
}

.window.glyph-window.window-active .glyph-project-copy > small,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > small {
  -webkit-line-clamp: 1 !important;
}

.window.glyph-window.window-active .glyph-organizer-panel,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-panel {
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.window.glyph-window.window-active .glyph-organizer-stack,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-stack {
  display: grid !important;
  grid-template-rows: auto auto auto minmax(124px, 1fr) minmax(52px, auto) !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
}

.window.glyph-window.window-active .glyph-organizer-form,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-form {
  grid-template-rows: auto auto 58px !important;
  gap: 8px !important;
  margin: 0 12px !important;
}

.window.glyph-window.window-active .glyph-organizer-lane,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-lane {
  grid-template-columns: 140px minmax(0, 1fr) !important;
  gap: 8px !important;
}

.window.glyph-window.window-active .glyph-organizer-presets,
.window.glyph-window.window-active .glyph-organizer-actions,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-presets,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.window.glyph-window.window-active .glyph-organizer-actions,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-actions {
  margin: 0 12px !important;
}

.window.glyph-window.window-active #glyph-folder-prompt,
html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-folder-prompt {
  min-height: 58px !important;
  max-height: 58px !important;
  height: 58px !important;
  resize: none !important;
  overflow: auto !important;
  font-size: 10px !important;
  line-height: 1.32 !important;
}

.window.glyph-window.window-active .glyph-organizer-summary,
.window.glyph-window.window-active .glyph-folder-plan-view,
.window.glyph-window.window-active .glyph-folder-trace,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-summary,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-plan-view,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-trace {
  margin: 0 12px !important;
}

.window.glyph-window.window-active .glyph-organizer-summary,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-summary {
  min-height: 0 !important;
  padding: 7px 10px !important;
  font-size: 9px !important;
  line-height: 1.32 !important;
}

.window.glyph-window.window-active .glyph-folder-plan-view,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-plan-view {
  padding: 10px !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

.window.glyph-window.window-active .glyph-folder-summary,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.window.glyph-window.window-active .glyph-folder-targets,
.window.glyph-window.window-active .glyph-folder-groups,
.window.glyph-window.window-active .glyph-folder-moves,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-targets,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-groups,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-moves {
  gap: 7px !important;
}

.window.glyph-window.window-active .glyph-folder-trace,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-trace {
  min-height: 52px !important;
  max-height: 72px !important;
  overflow: auto !important;
  padding: 8px 9px !important;
}

.window.glyph-window.window-active .glyph-folder-trace-entry,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-trace-entry {
  gap: 2px !important;
}

.window.glyph-window.window-active .glyph-chat-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-shell {
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.window.glyph-window.window-active .glyph-chat-stack,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-stack {
  display: grid !important;
  grid-template-rows: auto auto auto minmax(84px, 1fr) !important;
  gap: 9px !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
}

.window.glyph-window.window-active .glyph-command-lane,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-lane {
  padding: 10px !important;
  gap: 6px !important;
}

.window.glyph-window.window-active .glyph-command-state,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-state {
  margin: 0 12px !important;
}

.window.glyph-window.window-active .glyph-command-mode button,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-mode button {
  min-height: 28px !important;
  font-size: 9px !important;
}

.window.glyph-window.window-active #glyph-shell-command,
html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-shell-command {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  font-size: 10px !important;
}

.window.glyph-window.window-active #glyph-shell-run,
html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-shell-run {
  min-height: 28px !important;
  height: 28px !important;
  font-size: 9px !important;
}

.window.glyph-window.window-active .glyph-command-state span,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-state span {
  min-height: 28px !important;
  font-size: 9px !important;
  padding: 0 8px !important;
}

.window.glyph-window.window-active .glyph-chat-shortcuts,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-shortcuts {
  margin: 0 12px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.window.glyph-window.window-active .glyph-chat-shortcuts button,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-shortcuts button {
  min-height: 28px !important;
  padding: 0 4px !important;
  font-size: 9px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.window.glyph-window.window-active .glyph-organizer-presets button,
.window.glyph-window.window-active .glyph-organizer-actions button,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-presets button,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-actions button {
  min-height: 27px !important;
  padding: 0 7px !important;
  font-size: 9px !important;
}

.window.glyph-window.window-active .glyph-chat-notice,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-notice {
  margin: 0 12px !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: 8px 10px !important;
}

.window.glyph-window.window-active .glyph-chat-notice p,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-notice p {
  font-size: 9px !important;
  line-height: 1.3 !important;
}

.window.glyph-window.window-active .glyph-editor-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-editor-shell {
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
}

.window.glyph-window.window-active .glyph-shell-shell,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-shell-shell {
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.window.glyph-window.window-active #glyph-output,
.window.glyph-window.window-active .glyph-queue,
html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-output,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-queue {
  padding: 12px !important;
}

.window.glyph-window.window-active #glyph-preview,
html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-preview {
  width: calc(100% - 24px) !important;
  height: calc(100% - 12px) !important;
  min-height: 126px !important;
  margin: 0 12px 12px !important;
}

/* 2026-07-11 // desktop authority reset
   Stop the ghost/start/task/glyph lanes from competing across old passes. */

html body[data-launch="desktop"] .ghost-bleed,
html body.home-shell-live .ghost-bleed {
  pointer-events: none !important;
  opacity: 0.88 !important;
  filter: saturate(1.08) contrast(1.04) !important;
}

html body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core:nth-child(1),
html body.home-shell-live .ghost-bleed .ghost-bleed-core:nth-child(1) {
  width: 228px !important;
  height: 264px !important;
  opacity: 0.58 !important;
}

html body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core::before,
html body.home-shell-live .ghost-bleed .ghost-bleed-core::before {
  inset: 16px 30px 20px !important;
  opacity: 0.94 !important;
}

html body[data-launch="desktop"] .ghost-bleed .ghost-bleed-core::after,
html body.home-shell-live .ghost-bleed .ghost-bleed-core::after {
  opacity: 0.22 !important;
  filter: blur(18px) !important;
}

html body[data-launch="desktop"] .ghost-bleed .ghost-bleed-echo,
html body.home-shell-live .ghost-bleed .ghost-bleed-echo {
  width: 264px !important;
  height: 132px !important;
  opacity: 0.24 !important;
}

html body[data-launch="desktop"] #start-menu {
  z-index: 420 !important;
  bottom: 84px !important;
  width: min(1380px, calc(100vw - 40px)) !important;
  height: min(760px, calc(100vh - 132px)) !important;
  max-height: calc(100vh - 132px) !important;
  padding: 18px !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1.34fr) minmax(348px, 0.86fr) minmax(364px, 1fr) !important;
  grid-template-rows: auto minmax(46px, auto) minmax(0, 1fr) !important;
  grid-template-areas:
    "core core core"
    "memory memory memory"
    "galaxy overview list" !important;
  align-content: start !important;
}

html body[data-launch="desktop"] #start-menu .start-radar,
html body[data-launch="desktop"] #start-menu .start-world-petals {
  pointer-events: none !important;
}

html body[data-launch="desktop"] #start-menu .start-core {
  grid-area: core !important;
  width: min(100%, 1120px) !important;
  margin: 0 auto !important;
  padding: 10px 24px 12px !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] #start-menu #start-command-memory {
  grid-area: memory !important;
  min-height: 0 !important;
  max-height: 64px !important;
  overflow: auto !important;
  padding: 0 8px 2px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  display: contents !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu .start-window-overview {
  min-height: 0 !important;
  border-radius: 20px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage {
  grid-area: galaxy !important;
  padding: 16px !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy {
  min-height: 0 !important;
  height: 100% !important;
}

html body[data-launch="desktop"] #start-menu .start-window-overview {
  grid-area: overview !important;
  padding: 16px !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
}

html body[data-launch="desktop"] #start-menu #start-window-stack {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

html body[data-launch="desktop"] #start-menu .start-window-card {
  min-height: 64px !important;
  padding: 13px 15px !important;
}

html body[data-launch="desktop"] #start-menu .start-window-overview-list {
  display: grid !important;
  grid-auto-rows: minmax(0, auto) !important;
  gap: 10px !important;
  padding-right: 4px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list {
  grid-area: list !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(76px, auto) !important;
  gap: 12px !important;
  min-height: 0 !important;
  height: 100% !important;
  padding-right: 4px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list > button {
  min-height: 78px !important;
  padding: 12px 16px 12px 60px !important;
}

html body[data-launch="desktop"] #start-menu #start-command-results {
  top: 82px !important;
  width: min(680px, calc(100% - 340px)) !important;
}

html body[data-launch="desktop"] .window.task-window.window-active {
  left: max(76px, 3.8vw) !important;
  top: 20px !important;
  width: min(1388px, calc(100vw - 108px));
  max-width: calc(100vw - 108px) !important;
  height: min(790px, calc(100vh - 106px));
  max-height: calc(100vh - 106px) !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-body {
  gap: 12px !important;
  padding: 16px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy {
  min-height: 0 !important;
  border-radius: 20px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active #task-output {
  flex: 0 0 164px !important;
  min-height: 164px !important;
  max-height: 194px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-orion-shell {
  grid-template-columns: minmax(214px, 0.42fr) minmax(520px, 1.2fr) minmax(282px, 0.56fr) !important;
  gap: 16px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-orion-rail,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-detail,
html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage {
  border-radius: 20px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-orion-rail,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-detail {
  padding: 16px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage {
  padding: 22px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage .task-black-hole {
  top: 54% !important;
  width: 144px !important;
  height: 144px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage .task-node-card {
  width: 132px !important;
  max-width: 132px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-galaxy-readout {
  max-width: 320px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-inspect-card {
  min-height: 164px !important;
  padding: 14px 16px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active {
  left: max(34px, 2vw) !important;
  top: 12px !important;
  width: min(1440px, calc(100vw - 56px)) !important;
  height: min(820px, calc(100vh - 86px)) !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-body {
  grid-template-columns: minmax(334px, 0.9fr) minmax(0, 1.18fr) minmax(336px, 0.9fr) !important;
  gap: 16px !important;
  padding: 16px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-side-left {
  grid-template-rows: minmax(156px, 0.22fr) minmax(0, 0.78fr) !important;
  gap: 14px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-center-shell {
  grid-template-rows: minmax(332px, 0.52fr) minmax(0, 0.48fr) !important;
  gap: 14px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-side-right {
  grid-template-rows: minmax(0, 0.46fr) minmax(132px, 0.2fr) minmax(156px, 0.34fr) !important;
  gap: 14px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-stack {
  grid-template-rows: auto auto auto minmax(138px, 1fr) minmax(82px, auto) !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-form {
  display: grid !important;
  grid-template-rows: auto auto minmax(72px, auto) !important;
  gap: 10px !important;
  min-height: max-content !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-lane {
  grid-template-columns: 138px minmax(0, 1fr) !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-presets,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-folder-prompt {
  min-height: 72px !important;
  max-height: 88px !important;
  height: 72px !important;
  font-size: 11px !important;
  line-height: 1.42 !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-summary {
  min-height: 40px !important;
  padding: 9px 11px !important;
  font-size: 10px !important;
  line-height: 1.42 !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-plan-view,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-trace,
html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-output,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-queue {
  font-size: 11px !important;
  line-height: 1.5 !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-folder-trace {
  min-height: 82px !important;
  max-height: 118px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-stack {
  grid-template-rows: auto auto auto minmax(0, 1fr) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-lane {
  gap: 8px !important;
  padding: 12px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-state {
  margin: 0 12px !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-mode button,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-shortcuts button,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-presets button,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-organizer-actions button,
html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-shell-run {
  min-height: 32px !important;
  font-size: 10px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-shell-command {
  min-height: 38px !important;
  height: 38px !important;
  font-size: 11px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-command-state span {
  min-height: 32px !important;
  font-size: 10px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-shortcuts {
  margin: 0 12px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-notice {
  margin: 0 12px !important;
  padding: 10px 11px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-chat-notice p {
  font-size: 11px !important;
  line-height: 1.42 !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active #glyph-preview {
  min-height: 138px !important;
}

html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > strong,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > span,
html body[data-launch="desktop"] .window.glyph-window.window-active .glyph-project-copy > small {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body #note-starfield,
html body .note-starfield,
html body .note-star[data-floating-note="1"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body.ambient-notefield-live #note-starfield,
html body.ambient-notefield-live .note-starfield {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 4 !important;
}

html body.ambient-notefield-live .note-star[data-floating-note="1"] {
  opacity: 0.94 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 16 !important;
}

html body[data-launch="desktop"] .window.music-window.window-active {
  left: max(78px, 4vw) !important;
  top: max(56px, 9vh) !important;
  width: min(438px, calc(100vw - 112px)) !important;
  height: min(452px, calc(100vh - 128px)) !important;
}

/* 2026-07-11 // root desktop gate authority
   Desktop only. Kill the split launcher and force the field into the constellation gate. */

html body[data-launch="preboot"] {
  background:
    radial-gradient(circle at 50% 52%, rgba(62, 203, 224, 0.12), transparent 12%),
    radial-gradient(circle at 50% 74%, rgba(18, 58, 64, 0.22), transparent 26%),
    linear-gradient(180deg, #02060b 0%, #010409 42%, #010205 100%) !important;
}

html body[data-launch="preboot"]::before {
  opacity: 0.08 !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(110, 232, 255, 0.08), transparent 26%),
    repeating-linear-gradient(90deg, rgba(101, 245, 255, 0.018) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(180deg, rgba(101, 245, 255, 0.014) 0 1px, transparent 1px 58px) !important;
}

html body[data-launch="preboot"]::after {
  opacity: 0.18 !important;
  background:
    radial-gradient(90% 40% at 50% 102%, rgba(95, 225, 255, 0.08) 0 1px, transparent 2px),
    radial-gradient(120% 82% at 50% 110%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.7) 47% 56%, transparent 57%) !important;
}

html body[data-launch="preboot"] .matrix-bg-canvas {
  opacity: 0.26 !important;
  filter: saturate(0.76) brightness(0.46) contrast(1.08) !important;
  mix-blend-mode: screen !important;
}

html body[data-launch="preboot"] .ghost-bleed,
html body[data-launch="preboot"] #running-dock,
html body[data-launch="preboot"] #black-hole-trash,
html body[data-launch="preboot"] #note-starfield {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body[data-launch="preboot"] .operator-gate-bg {
  z-index: 1 !important;
  opacity: 1 !important;
}

html body[data-launch="preboot"] .operator-gate-bg .gate-data,
html body[data-launch="preboot"] #objective-spine {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#launch-gate.launch-gate {
  inset: 0 !important;
  z-index: 520 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 52%, rgba(62, 203, 224, 0.12), transparent 12%),
    radial-gradient(circle at 50% 82%, rgba(10, 36, 42, 0.22), transparent 26%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.74) 42%, rgba(0, 0, 0, 0.9) 100%) !important;
  backdrop-filter: blur(4px) !important;
}

#launch-gate.launch-gate::before,
#launch-gate.launch-gate::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

#launch-gate.launch-gate::before {
  background:
    radial-gradient(circle at 50% 48%, rgba(118, 242, 255, 0.08), transparent 14%),
    radial-gradient(circle at 50% 50%, rgba(101, 245, 255, 0.04), transparent 26%);
}

#launch-gate.launch-gate::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.015), transparent 22%, rgba(0, 0, 0, 0.18) 100%);
}

#launch-gate.launch-gate[hidden] {
  display: none !important;
}

#launch-gate.launch-gate.is-leaving {
  opacity: 0 !important;
  transform: scale(1.012) !important;
  filter: blur(3px);
}

#launch-gate.launch-gate .launch-gate-shell {
  position: relative;
  width: 100%;
  height: 100%;
  isolation: isolate;
}

#launch-gate.launch-gate .gate-array-status {
  position: absolute;
  top: 34px;
  left: 40px;
  z-index: 5;
  display: none;
  gap: 14px;
  opacity: 0.9;
}

#launch-gate.launch-gate .gate-array-label {
  color: rgba(255, 255, 255, 0.24);
  font: 700 13px/1 var(--font-display);
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

#launch-gate.launch-gate .gate-array-grid {
  display: grid;
  grid-template-columns: repeat(4, 11px);
  gap: 12px 14px;
}

#launch-gate.launch-gate .gate-array-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--dot);
  box-shadow:
    0 0 12px var(--dot),
    0 0 28px color-mix(in srgb, var(--dot) 34%, transparent);
}

#launch-gate.launch-gate .gate-array-meta {
  display: grid;
  gap: 3px;
}

#launch-gate.launch-gate .gate-array-meta b {
  color: rgba(108, 230, 255, 0.82);
  font: 700 12px/1 var(--font-display);
  letter-spacing: 0.2em;
}

#launch-gate.launch-gate .gate-array-meta span {
  color: rgba(255, 255, 255, 0.18);
  font: 600 9px/1.2 var(--font-display);
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

#launch-gate.launch-gate .gate-constellation-stage {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

#launch-gate.launch-gate .gate-starfield,
#launch-gate.launch-gate .gate-node-cloud {
  position: absolute;
  inset: 0;
}

#launch-gate.launch-gate .gate-starfield {
  z-index: 1;
}

#launch-gate.launch-gate .gate-star {
  position: absolute;
  width: var(--size, 2px);
  height: var(--size, 2px);
  border-radius: 999px;
  background: currentColor;
  opacity: var(--alpha, 0.26);
  box-shadow: 0 0 10px currentColor;
  animation: launchGateStarPulse var(--dur, 8s) ease-in-out infinite;
}

#launch-gate.launch-gate .gate-core-shell {
  position: absolute;
  left: 50%;
  top: 46%;
  width: min(30vw, 420px);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  z-index: 3;
}

#launch-gate.launch-gate .gate-core-shell::before,
#launch-gate.launch-gate .gate-core-shell::after {
  content: "";
  position: absolute;
  inset: 16%;
  border: 1px solid rgba(134, 236, 255, 0.18);
  border-radius: 50%;
  opacity: 0.42;
}

#launch-gate.launch-gate .gate-core-shell::before {
  transform: rotate(32deg) scaleX(1.1) scaleY(0.72);
}

#launch-gate.launch-gate .gate-core-shell::after {
  transform: rotate(-46deg) scaleX(0.78) scaleY(1.16);
}

#launch-gate.launch-gate .gate-core-bloom,
#launch-gate.launch-gate .gate-core-aura,
#launch-gate.launch-gate .gate-core-ring,
#launch-gate.launch-gate .gate-core-body,
#launch-gate.launch-gate .gate-core-heart,
#launch-gate.launch-gate .gate-core-orbiter {
  position: absolute;
  border-radius: 50%;
}

#launch-gate.launch-gate .gate-core-bloom {
  inset: -42%;
  background: radial-gradient(circle, rgba(88, 238, 255, 0.18) 0%, rgba(88, 238, 255, 0.08) 24%, transparent 62%);
  filter: blur(28px);
}

#launch-gate.launch-gate .gate-core-aura {
  inset: 8%;
  background: radial-gradient(circle, rgba(173, 247, 255, 0.2) 0%, rgba(54, 149, 168, 0.18) 44%, transparent 72%);
  filter: blur(10px);
  opacity: 0.88;
}

#launch-gate.launch-gate .gate-core-ring {
  border: 1px solid rgba(134, 236, 255, 0.22);
}

#launch-gate.launch-gate .gate-core-ring-a {
  inset: 14%;
  box-shadow: 0 0 26px rgba(95, 225, 255, 0.14);
}

#launch-gate.launch-gate .gate-core-ring-b {
  inset: 22%;
  border-style: dashed;
  opacity: 0.42;
  animation: launchGateSpin 20s linear infinite;
}

#launch-gate.launch-gate .gate-core-ring-c {
  inset: -2%;
  border-color: rgba(225, 245, 255, 0.18);
  box-shadow:
    inset 0 0 24px rgba(255, 255, 255, 0.05),
    0 0 34px rgba(126, 233, 255, 0.16);
}

#launch-gate.launch-gate .gate-core-body {
  width: 31%;
  height: 31%;
  background: radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.98) 0 28%, rgba(241, 247, 250, 0.92) 38%, rgba(149, 231, 255, 0.68) 100%);
  box-shadow:
    0 0 30px rgba(255, 255, 255, 0.82),
    0 0 84px rgba(106, 237, 255, 0.42),
    inset 0 0 18px rgba(255, 255, 255, 0.64);
  animation: launchGateCorePulse 4.6s ease-in-out infinite;
}

#launch-gate.launch-gate .gate-core-heart {
  width: 6%;
  height: 6%;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 0 14px rgba(255, 255, 255, 0.94);
  z-index: 2;
}

#launch-gate.launch-gate .gate-core-orbiter {
  inset: 4%;
  animation: launchGateSpin 14s linear infinite;
}

#launch-gate.launch-gate .gate-core-orbiter::before {
  content: "";
  position: absolute;
  top: 10%;
  left: 68%;
  width: 12%;
  height: 12%;
  border-radius: 50%;
  background: radial-gradient(circle at 44% 42%, rgba(255, 255, 255, 0.96) 0 24%, #aef2ff 46%, rgba(0, 0, 0, 0) 72%);
  box-shadow:
    0 0 16px rgba(174, 242, 255, 0.78),
    0 0 34px rgba(126, 233, 255, 0.3);
}

#launch-gate.launch-gate .gate-node-cloud {
  z-index: 2;
  pointer-events: none;
}

#launch-gate.launch-gate #launch-gate-particles .gate-particle {
  position: absolute;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.96) 0 20%, rgba(149, 231, 255, 0.86) 44%, rgba(0, 0, 0, 0) 76%);
  box-shadow: 0 0 18px rgba(126, 233, 255, 0.32);
}

#launch-gate.launch-gate .gate-node {
  position: absolute;
  left: 50%;
  top: 46%;
  z-index: 4;
  width: calc(12px * var(--size, 1));
  height: calc(12px * var(--size, 1));
  transform: translate(calc(-50% + var(--x, 0px)), calc(-50% + var(--y, 0px)));
  border-radius: 999px;
  background: radial-gradient(circle at 42% 42%, rgba(255, 255, 255, 0.98) 0 24%, color-mix(in srgb, var(--dot) 82%, white 12%) 44%, rgba(0, 0, 0, 0) 76%);
  box-shadow:
    0 0 18px color-mix(in srgb, var(--dot) 72%, white 10%),
    0 0 42px color-mix(in srgb, var(--dot) 28%, transparent);
  opacity: 0.94;
  animation: launchGateNodeFloat var(--dur, 12s) ease-in-out infinite;
  animation-delay: var(--delay, 0s);
}

#launch-gate.launch-gate .gate-node::after {
  content: "";
  position: absolute;
  left: 56%;
  top: 50%;
  width: calc(24px * var(--size, 1));
  height: calc(10px * var(--size, 1));
  transform: translate(-4px, -50%) rotate(var(--trail, 0deg));
  transform-origin: left center;
  border-radius: 999px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--dot) 34%, transparent), transparent 76%);
  filter: blur(4px);
  opacity: 0.6;
}

#launch-gate.launch-gate .launch-auth-card {
  position: absolute;
  left: 50%;
  bottom: 60px;
  z-index: 6;
  width: min(396px, calc(100vw - 68px));
  transform: translateX(-50%);
  display: grid;
  gap: 18px;
  padding: 34px 34px 28px;
  border: 1px solid rgba(102, 222, 255, 0.18);
  background:
    linear-gradient(180deg, rgba(4, 10, 16, 0.82), rgba(2, 5, 10, 0.52)),
    radial-gradient(circle at 50% -8%, rgba(101, 245, 255, 0.09), transparent 44%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.025),
    0 0 0 1px rgba(0, 0, 0, 0.22),
    0 0 34px rgba(41, 182, 216, 0.08);
  backdrop-filter: blur(7px);
}

#launch-gate.launch-gate .launch-auth-card::before,
#launch-gate.launch-gate .launch-auth-card::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  opacity: 0.34;
}

#launch-gate.launch-gate .launch-auth-card::before {
  top: 12px;
  left: 12px;
  border-top: 1px solid rgba(132, 240, 255, 0.22);
  border-left: 1px solid rgba(132, 240, 255, 0.22);
}

#launch-gate.launch-gate .launch-auth-card::after {
  right: 12px;
  bottom: 12px;
  border-right: 1px solid rgba(132, 240, 255, 0.22);
  border-bottom: 1px solid rgba(132, 240, 255, 0.22);
}

#launch-gate.launch-gate .launch-auth-kicker {
  position: absolute;
  left: 50%;
  top: -54px;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 18px;
  white-space: nowrap;
  color: rgba(102, 222, 255, 0.9);
  font: 700 14px/1 var(--font-display);
  letter-spacing: 0.38em;
  text-transform: uppercase;
  text-shadow: 0 0 16px rgba(86, 228, 255, 0.22);
}

#launch-gate.launch-gate .launch-auth-kicker::before,
#launch-gate.launch-gate .launch-auth-kicker::after {
  content: "";
  width: 62px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(102, 222, 255, 0.68), transparent);
}

#launch-gate.launch-gate .launch-auth-copy {
  color: rgba(173, 225, 232, 0.42);
  font: 600 10px/1.35 var(--font-display);
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

#launch-gate.launch-gate .launch-auth-row {
  display: grid;
  gap: 12px;
}

#launch-gate.launch-gate .launch-auth-row > span {
  color: rgba(124, 226, 240, 0.44);
  font: 700 10px/1 var(--font-display);
  letter-spacing: 0.3em;
}

#launch-gate.launch-gate .launch-auth-row input {
  width: 100%;
  border: 0 !important;
  border-bottom: 1px solid rgba(122, 226, 240, 0.22) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(241, 247, 250, 0.94) !important;
  padding: 0 0 14px !important;
  font: 700 22px/1.05 var(--font-display) !important;
  letter-spacing: 0.12em !important;
  box-shadow: none !important;
}

#launch-gate.launch-gate .launch-auth-row input:focus {
  border-bottom-color: rgba(132, 240, 255, 0.56) !important;
  outline: none !important;
  box-shadow:
    inset 0 -1px 0 rgba(132, 240, 255, 0.34) !important,
    0 10px 24px rgba(30, 149, 173, 0.08) !important;
}

#launch-gate.launch-gate .launch-auth-row input::placeholder {
  color: rgba(171, 207, 214, 0.2);
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

#launch-gate.launch-gate .launch-manifest {
  width: 100%;
  min-height: 52px;
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid rgba(80, 204, 255, 0.42) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(6, 18, 28, 0.56), rgba(3, 10, 16, 0.32)) !important;
  color: rgba(120, 231, 255, 0.96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(0, 0, 0, 0.18),
    0 0 22px rgba(59, 199, 229, 0.08) !important;
  font: 800 20px/1 var(--font-display) !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

#launch-gate.launch-gate .launch-manifest:hover,
#launch-gate.launch-gate .launch-manifest:focus-visible {
  border-color: rgba(122, 234, 255, 0.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 28px rgba(86, 228, 255, 0.14) !important;
  transform: translateY(-1px);
}

#launch-gate.launch-gate .launch-manifest i {
  font-style: normal;
  opacity: 0.84;
  transition: transform 0.18s ease;
}

#launch-gate.launch-gate .launch-manifest:hover i,
#launch-gate.launch-gate .launch-manifest:focus-visible i {
  transform: translateX(3px);
}

#launch-gate.launch-gate .launch-manifest[disabled] {
  cursor: progress;
  opacity: 0.84;
  animation: launchManifestPulse 1.2s ease-in-out infinite;
}

#launch-gate.launch-gate .launch-auth-card[data-busy="1"] .launch-auth-kicker {
  color: rgba(132, 240, 255, 0.92);
}

@media (max-height: 820px) {
  #launch-gate.launch-gate .gate-core-shell {
    width: min(26vw, 332px);
    top: 38.5%;
  }

  #launch-gate.launch-gate .gate-node {
    top: 40%;
  }

  #launch-gate.launch-gate .launch-auth-card {
    bottom: 18px;
    padding: 24px 24px 20px;
    gap: 14px;
  }

  #launch-gate.launch-gate .launch-auth-kicker {
    top: -40px;
    gap: 12px;
    font-size: 11px;
    letter-spacing: 0.32em;
  }

  #launch-gate.launch-gate .launch-auth-kicker::before,
  #launch-gate.launch-gate .launch-auth-kicker::after {
    width: 38px;
  }

  #launch-gate.launch-gate .launch-auth-copy {
    font-size: 8px;
    letter-spacing: 0.2em;
  }

  #launch-gate.launch-gate .launch-auth-row {
    gap: 8px;
  }

  #launch-gate.launch-gate .launch-auth-row input {
    font-size: 16px !important;
    padding-bottom: 10px !important;
  }

  #launch-gate.launch-gate .launch-manifest {
    min-height: 42px;
    font-size: 17px !important;
  }
}

@media (max-height: 740px) {
  #launch-gate.launch-gate .gate-core-shell {
    width: min(24vw, 304px);
    top: 36%;
  }

  #launch-gate.launch-gate .gate-node {
    top: 38%;
  }

  #launch-gate.launch-gate .launch-auth-card {
    bottom: 12px;
    padding: 22px 22px 18px;
  }
}

@media (max-width: 1100px) {
  #launch-gate.launch-gate .gate-array-status {
    top: 26px;
    left: 28px;
  }

  #launch-gate.launch-gate .gate-core-shell {
    width: min(42vw, 356px);
    top: 43%;
  }

  #launch-gate.launch-gate .launch-auth-card {
    bottom: 36px;
  }
}

@media (max-width: 720px) {
  #launch-gate.launch-gate .gate-array-status {
    top: 22px;
    left: 20px;
    gap: 10px;
  }

  #launch-gate.launch-gate .gate-array-label {
    font-size: 11px;
    letter-spacing: 0.18em;
  }

  #launch-gate.launch-gate .gate-array-grid {
    gap: 10px 12px;
  }

  #launch-gate.launch-gate .gate-array-meta {
    display: none;
  }

  #launch-gate.launch-gate .gate-core-shell {
    width: min(64vw, 286px);
    top: 40%;
  }

  #launch-gate.launch-gate .launch-auth-card {
    width: min(320px, calc(100vw - 40px));
    bottom: 24px;
    padding: 26px 22px 20px;
  }

  #launch-gate.launch-gate .launch-auth-kicker {
    top: -42px;
    gap: 12px;
    font-size: 11px;
    letter-spacing: 0.28em;
  }

  #launch-gate.launch-gate .launch-auth-kicker::before,
  #launch-gate.launch-gate .launch-auth-kicker::after {
    width: 34px;
  }

  #launch-gate.launch-gate .launch-auth-row input {
    font-size: 16px !important;
  }
}

@keyframes launchGateSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes launchGateCorePulse {
  0%, 100% { transform: scale(0.96); }
  50% { transform: scale(1.04); }
}

@keyframes launchGateNodeFloat {
  0%, 100% { margin-left: 0; margin-top: 0; opacity: 0.88; }
  50% { margin-left: 4px; margin-top: -7px; opacity: 1; }
}

@keyframes launchGateStarPulse {
  0%, 100% {
    opacity: calc(var(--alpha, 0.26) * 0.68);
    transform: translate(0, 0) scale(0.9);
  }
  50% {
    opacity: var(--alpha, 0.26);
    transform: translate(var(--drift-x, 0px), var(--drift-y, 0px)) scale(1.12);
  }
}

@keyframes launchManifestPulse {
  0%, 100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.18); }
  50% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 26px rgba(86, 228, 255, 0.18); }
}

/* 2026-07-11 // launch gate orbit + passphrase contract */

#launch-gate.launch-gate .launch-gate-shell {
  --gate-core-top: 41.5%;
}

#launch-gate.launch-gate .gate-core-shell {
  top: var(--gate-core-top);
  width: min(27vw, 360px);
  z-index: 4;
}

#launch-gate.launch-gate .gate-core-sigil {
  position: relative;
  z-index: 8;
  width: 30%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgba(244, 251, 255, 0.96);
  cursor: pointer;
  transition: transform 0.18s ease, filter 0.18s ease;
}

#launch-gate.launch-gate .gate-core-sigil::before {
  content: "";
  position: absolute;
  inset: -18%;
  border: 1px solid rgba(147, 237, 255, 0.2);
  border-radius: 50%;
  opacity: 0.26;
  transition: opacity 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

#launch-gate.launch-gate .gate-core-sigil:hover,
#launch-gate.launch-gate .gate-core-sigil:focus-visible,
#launch-gate.launch-gate .gate-core-sigil.active,
#launch-gate.launch-gate .gate-core-sigil.is-preview {
  transform: scale(1.04);
  filter: drop-shadow(0 0 22px rgba(143, 240, 255, 0.34));
}

#launch-gate.launch-gate .gate-core-sigil:hover::before,
#launch-gate.launch-gate .gate-core-sigil:focus-visible::before,
#launch-gate.launch-gate .gate-core-sigil.active::before,
#launch-gate.launch-gate .gate-core-sigil.is-preview::before {
  opacity: 0.78;
  transform: scale(1.05);
  box-shadow: 0 0 24px rgba(96, 226, 255, 0.2);
}

#launch-gate.launch-gate .gate-core-sigil:focus-visible {
  outline: 1px solid rgba(132, 240, 255, 0.54);
  outline-offset: 6px;
}

#launch-gate.launch-gate .gate-core-ghost {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

#launch-gate.launch-gate .gate-core-ghost::before {
  content: "";
  position: absolute;
  inset: 14%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.98) 0 18%, rgba(244, 249, 252, 0.96) 34%, rgba(189, 233, 245, 0.54) 58%, rgba(0, 0, 0, 0) 82%);
  box-shadow:
    0 0 24px rgba(255, 255, 255, 0.62),
    0 0 58px rgba(103, 229, 255, 0.32),
    inset 0 0 18px rgba(255, 255, 255, 0.4);
}

#launch-gate.launch-gate .gate-core-ghost::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 34%;
  height: 34%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  box-shadow:
    0 0 14px rgba(255, 255, 255, 0.88),
    0 0 28px rgba(255, 255, 255, 0.38);
}

#launch-gate.launch-gate .gate-persona-orbits {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}

#launch-gate.launch-gate .gate-persona-orbit {
  position: absolute;
  left: 50%;
  top: var(--gate-core-top);
  width: 1px;
  height: 1px;
  transform: translate(-50%, -50%) rotate(var(--orbit-tilt, 0deg));
  pointer-events: none;
}

#launch-gate.launch-gate .gate-persona-orbit-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(var(--orbit-radius, 120px) * 2.08);
  height: calc(var(--orbit-radius, 120px) * 1.22);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--node-color) 16%, rgba(154, 236, 255, 0.08));
  box-shadow:
    inset 0 0 18px rgba(255, 255, 255, 0.02),
    0 0 18px color-mix(in srgb, var(--node-color) 10%, transparent);
  opacity: 0.34;
}

#launch-gate.launch-gate .gate-persona-orbit[data-band="outer"] .gate-persona-orbit-ring {
  opacity: 0.24;
}

#launch-gate.launch-gate .gate-persona-orbit-track {
  position: absolute;
  inset: 0;
  animation: launchGateOrbitSpin var(--orbit-speed, 20s) linear infinite;
  animation-delay: var(--orbit-delay, 0s);
}

#launch-gate.launch-gate .gate-persona-orbit.is-counter .gate-persona-orbit-track {
  animation-direction: reverse;
}

#launch-gate.launch-gate .gate-persona-node {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(14px * var(--node-size, 1));
  height: calc(14px * var(--node-size, 1));
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  transform: rotate(var(--orbit-start, 0deg)) translateX(var(--orbit-radius, 120px));
  transform-origin: center;
  pointer-events: auto;
  cursor: pointer;
}

#launch-gate.launch-gate .gate-persona-node::before {
  content: "";
  position: absolute;
  inset: calc(-10px * var(--node-size, 1));
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--node-color) 60%, rgba(255, 255, 255, 0.12));
  opacity: 0;
  transform: scale(0.72);
  transition: opacity 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

#launch-gate.launch-gate .gate-persona-node-core {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 36%, rgba(255, 255, 255, 0.98) 0 26%, color-mix(in srgb, var(--node-color) 84%, white 16%) 48%, rgba(0, 0, 0, 0) 76%);
  box-shadow:
    0 0 16px color-mix(in srgb, var(--node-color) 74%, white 12%),
    0 0 36px color-mix(in srgb, var(--node-color) 28%, transparent);
  transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

#launch-gate.launch-gate .gate-persona-node:hover::before,
#launch-gate.launch-gate .gate-persona-node:focus-visible::before,
#launch-gate.launch-gate .gate-persona-node.active::before,
#launch-gate.launch-gate .gate-persona-node.is-preview::before {
  opacity: 0.96;
  transform: scale(1);
  box-shadow: 0 0 20px color-mix(in srgb, var(--node-color) 28%, transparent);
}

#launch-gate.launch-gate .gate-persona-node:hover .gate-persona-node-core,
#launch-gate.launch-gate .gate-persona-node:focus-visible .gate-persona-node-core,
#launch-gate.launch-gate .gate-persona-node.active .gate-persona-node-core,
#launch-gate.launch-gate .gate-persona-node.is-preview .gate-persona-node-core {
  transform: scale(1.14);
  filter: brightness(1.1);
  box-shadow:
    0 0 18px color-mix(in srgb, var(--node-color) 82%, white 16%),
    0 0 44px color-mix(in srgb, var(--node-color) 36%, transparent);
}

#launch-gate.launch-gate .gate-persona-node:focus-visible {
  outline: 1px solid rgba(138, 241, 255, 0.56);
  outline-offset: 7px;
}

#launch-gate.launch-gate .gate-persona-focus {
  position: absolute;
  right: clamp(26px, 5vw, 84px);
  top: 47%;
  z-index: 7;
  width: min(312px, 29vw);
  display: grid;
  gap: 12px;
  padding: 18px 18px 16px;
  transform: translateY(-50%);
  border: 1px solid rgba(103, 229, 255, 0.16);
  background:
    linear-gradient(180deg, rgba(3, 9, 15, 0.76), rgba(2, 5, 9, 0.42)),
    radial-gradient(circle at 0 0, color-mix(in srgb, var(--focus-color, #65f5ff) 14%, transparent), transparent 42%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.02),
    0 0 0 1px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(6px);
  pointer-events: none;
}

#launch-gate.launch-gate .gate-persona-focus-head {
  display: grid;
  gap: 4px;
}

#launch-gate.launch-gate .gate-persona-focus-head span,
#launch-gate.launch-gate .gate-persona-focus-meta span {
  color: rgba(255, 255, 255, 0.34);
  font: 700 10px/1.2 var(--font-display);
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

#launch-gate.launch-gate .gate-persona-focus-head b {
  color: color-mix(in srgb, var(--focus-color, #65f5ff) 46%, #f1f7fa 54%);
  font: 800 20px/1.05 var(--font-display);
  letter-spacing: 0.18em;
}

#launch-gate.launch-gate .gate-persona-focus p {
  margin: 0;
  color: rgba(234, 244, 248, 0.72);
  font: 500 13px/1.55 var(--font-ui);
}

#launch-gate.launch-gate .gate-persona-focus-meta {
  display: grid;
  gap: 6px;
}

#launch-gate.launch-gate .gate-persona-open {
  min-height: 40px;
  border: 1px solid color-mix(in srgb, var(--focus-color, #65f5ff) 42%, rgba(102, 222, 255, 0.28)) !important;
  border-radius: 0 !important;
  background: rgba(3, 11, 17, 0.46) !important;
  color: color-mix(in srgb, var(--focus-color, #65f5ff) 64%, #eef7fa 36%) !important;
  font: 800 12px/1 var(--font-display) !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase;
  pointer-events: auto;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

#launch-gate.launch-gate .gate-persona-open:hover,
#launch-gate.launch-gate .gate-persona-open:focus-visible {
  border-color: color-mix(in srgb, var(--focus-color, #65f5ff) 72%, rgba(146, 239, 255, 0.48)) !important;
  box-shadow: 0 0 24px color-mix(in srgb, var(--focus-color, #65f5ff) 18%, transparent) !important;
  transform: translateY(-1px);
}

#launch-gate.launch-gate .launch-identity-lane {
  display: grid;
  gap: 10px;
}

#launch-gate.launch-gate .launch-identity-label {
  color: rgba(255, 255, 255, 0.2);
  font: 700 10px/1 var(--font-display);
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

#launch-gate.launch-gate .launch-identity-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#launch-gate.launch-gate .launch-identity-chip {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  background: rgba(7, 13, 18, 0.72) !important;
  color: rgba(230, 242, 247, 0.72) !important;
  font: 700 10px/1 var(--font-display) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  transition: border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

#launch-gate.launch-gate .launch-identity-chip:hover,
#launch-gate.launch-gate .launch-identity-chip:focus-visible,
#launch-gate.launch-gate .launch-identity-chip.active {
  border-color: rgba(111, 231, 255, 0.36) !important;
  color: rgba(111, 231, 255, 0.92) !important;
  box-shadow: 0 0 22px rgba(86, 228, 255, 0.14) !important;
  transform: translateY(-1px);
}

#launch-gate.launch-gate .launch-auth-row input#launch-passphrase {
  text-transform: none !important;
}

#launch-gate.launch-gate .launch-auth-row input#launch-passphrase::placeholder {
  color: rgba(255, 255, 255, 0.18) !important;
  letter-spacing: 0.08em !important;
}

@keyframes launchGateOrbitSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 1100px) {
  #launch-gate.launch-gate .launch-gate-shell {
    --gate-core-top: 38.2%;
  }

  #launch-gate.launch-gate .gate-persona-focus {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 234px;
    width: min(420px, calc(100vw - 88px));
    transform: translateX(-50%);
  }
}

@media (max-height: 760px) {
  #launch-gate.launch-gate .launch-gate-shell {
    --gate-core-top: 35.6%;
  }

  #launch-gate.launch-gate .gate-persona-focus {
    right: 24px;
    top: 45%;
    bottom: auto;
    left: auto;
    width: min(286px, 24vw);
    transform: translateY(-50%);
    gap: 10px;
    padding: 14px 15px 13px;
  }
}

@media (max-width: 720px) {
  #launch-gate.launch-gate .launch-gate-shell {
    --gate-core-top: 37.8%;
  }

  #launch-gate.launch-gate .gate-persona-focus {
    width: min(340px, calc(100vw - 34px));
    bottom: 226px;
    padding: 14px 14px 12px;
  }

  #launch-gate.launch-gate .launch-identity-chips {
    gap: 6px;
  }

  #launch-gate.launch-gate .launch-identity-chip {
    min-height: 26px;
    padding: 0 8px;
    font-size: 9px !important;
  }
}

#launch-gate.launch-gate .gate-persona-focus {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

#launch-gate.launch-gate .gate-persona-focus.is-visible {
  opacity: 1;
  visibility: visible;
}

html body[data-launch="desktop"] #start-menu {
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 0 !important;
  padding: 20px 22px 18px 74px !important;
}

html body[data-launch="desktop"] #start-menu .start-core-actions {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

#launch-gate.launch-gate .gate-audio-toggle {
  position: absolute;
  right: 24px;
  bottom: 22px;
  z-index: 11;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(103, 229, 255, 0.18) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(3, 9, 15, 0.78), rgba(2, 5, 9, 0.42)) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.18),
    0 0 28px rgba(86, 228, 255, 0.08);
  color: rgba(236, 244, 248, 0.86) !important;
  font-size: 20px !important;
  opacity: 0;
  transform: translateY(12px);
  animation: gateAudioFadeIn 0.72s ease 0.42s forwards;
}

#launch-gate.launch-gate .gate-audio-toggle:hover,
#launch-gate.launch-gate .gate-audio-toggle:focus-visible {
  border-color: rgba(111, 231, 255, 0.46) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.18),
    0 0 32px rgba(86, 228, 255, 0.14);
  transform: translateY(0);
}

#launch-gate.launch-gate .gate-audio-toggle[hidden] {
  display: none !important;
}

@keyframes gateAudioFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 0.84;
    transform: translateY(0);
  }
}

/* 2026-07-11 // helix fidelity, live chrome, and taskbar cleanup */
body.home-shell-live .home-summary-cell b {
  color: var(--cell-color, #65f5ff) !important;
}

body.home-shell-live .home-router-card {
  --card-accent: #65f5ff;
  border-color: color-mix(in srgb, var(--card-accent) 22%, rgba(43, 46, 64, 0.84)) !important;
  background:
    linear-gradient(180deg, rgba(6, 11, 18, 0.96), rgba(2, 6, 11, 0.9)),
    linear-gradient(90deg, color-mix(in srgb, var(--card-accent) 8%, transparent), transparent 58%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 0 22px color-mix(in srgb, var(--card-accent) 12%, transparent) !important;
}

body.home-shell-live .home-terminal-card { --card-accent: #65f5ff; }
body.home-shell-live .home-mail-card { --card-accent: #74c0fc; }
body.home-shell-live .home-genome-card,
body.home-shell-live .home-thread-card,
body.home-shell-live .home-mission-card { --card-accent: #d4a574; }

body.home-shell-live .home-router-card-head span,
body.home-shell-live .home-router-card-head small {
  color: var(--card-accent, #65f5ff) !important;
  text-shadow: 0 0 16px color-mix(in srgb, var(--card-accent, #65f5ff) 36%, transparent);
}

body.home-shell-live .home-router-card-head i {
  border-color: color-mix(in srgb, var(--card-accent, #65f5ff) 42%, transparent) !important;
  box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent, #65f5ff) 28%, transparent) !important;
}

body.home-shell-live .home-thread-row,
body.home-shell-live .home-mission-pipeline-row {
  border: 1px solid color-mix(in srgb, var(--row-color, var(--card-accent, #65f5ff)) 22%, rgba(43, 46, 64, 0.84)) !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--row-color, var(--card-accent, #65f5ff)) 10%, transparent), transparent 62%),
    rgba(7, 12, 18, 0.92) !important;
  box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.34) !important;
}

body.home-shell-live .home-thread-head span,
body.home-shell-live .home-mission-pipeline-head span {
  color: var(--row-color, #f3f5ff) !important;
}

body.home-shell-live .home-thread-head b,
body.home-shell-live .home-mission-pipeline-head b {
  color: color-mix(in srgb, var(--row-color, #65f5ff) 84%, white) !important;
}

body.home-shell-live .home-mission-pipeline-row small {
  color: color-mix(in srgb, var(--row-color, #65f5ff) 38%, rgba(136, 140, 162, 0.96)) !important;
}

body.home-shell-live #home-genome-core {
  --genome-color: #d4a574;
}

body.home-shell-live .home-genome-progress {
  background: linear-gradient(90deg, color-mix(in srgb, var(--meter-color, var(--genome-color, #d4a574)) 56%, white), var(--meter-color, var(--genome-color, #d4a574))) !important;
  box-shadow: 0 0 14px color-mix(in srgb, var(--meter-color, var(--genome-color, #d4a574)) 34%, transparent) !important;
}

body.home-shell-live .home-genome-node.is-live {
  border-color: var(--genome-color, #d4a574) !important;
  background: color-mix(in srgb, var(--genome-color, #d4a574) 18%, rgba(8, 10, 14, 0.96)) !important;
  box-shadow: 0 0 12px color-mix(in srgb, var(--genome-color, #d4a574) 32%, transparent) !important;
}

body.home-shell-live .home-genome-state {
  color: var(--genome-color, #d4a574) !important;
}

body.home-shell-live .home-genome-trace {
  border-color: color-mix(in srgb, var(--node-color, var(--genome-color, #d4a574)) 28%, rgba(43, 46, 64, 0.84)) !important;
}

body.home-shell-live .home-router-helix {
  perspective: 1100px;
  pointer-events: none;
}

body.home-shell-live .home-router-helix > * {
  pointer-events: none;
}

body.home-shell-live .home-router-helix .home-shell-action,
body.home-shell-live .home-router-helix .home-helix-node {
  pointer-events: auto;
}

body.home-shell-live .home-router-axis {
  width: 2px;
  height: min(520px, 74%);
  background: linear-gradient(180deg, transparent, rgba(111, 231, 255, 0.2) 12%, rgba(111, 231, 255, 0.72) 50%, rgba(111, 231, 255, 0.2) 88%, transparent);
  box-shadow: 0 0 26px rgba(101, 245, 255, 0.22);
}

body.home-shell-live .home-router-strand {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 272px;
  height: 388px;
  max-height: 68%;
  border: 1px solid rgba(115, 230, 255, 0.18);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.78;
  box-shadow:
    inset 0 0 26px rgba(101, 245, 255, 0.1),
    0 0 40px rgba(101, 245, 255, 0.08);
  mix-blend-mode: screen;
}

body.home-shell-live .home-router-strand::before {
  content: "";
  position: absolute;
  inset: 26px 44px;
  border: 1px dashed rgba(115, 230, 255, 0.12);
  border-radius: 50%;
}

body.home-shell-live .home-router-strand-a {
  animation: helixStrandA 13s ease-in-out infinite;
}

body.home-shell-live .home-router-strand-b {
  animation: helixStrandB 13s ease-in-out infinite;
}

body.home-shell-live .home-router-rungs {
  position: absolute;
  inset: 0;
}

body.home-shell-live .home-router-rung {
  position: absolute;
  left: 50%;
  top: var(--helix-top);
  width: var(--rung-width, 132px);
  height: 1px;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--rung-color, #65f5ff) 72%, white 8%), transparent);
  opacity: 0.34;
  box-shadow: 0 0 10px color-mix(in srgb, var(--rung-color, #65f5ff) 26%, transparent);
}

body.home-shell-live .home-router-core-halo {
  position: absolute;
  width: 172px;
  height: 172px;
  border-radius: 999px;
  border: 1px solid rgba(116, 230, 255, 0.18);
  background:
    radial-gradient(circle, rgba(133, 244, 255, 0.14), transparent 68%),
    rgba(0, 0, 0, 0.08);
  box-shadow:
    0 0 58px rgba(101, 245, 255, 0.16),
    inset 0 0 28px rgba(101, 245, 255, 0.08);
  animation: helixHaloBreath 5.8s ease-in-out infinite;
}

body.home-shell-live .home-router-core {
  width: 114px;
  height: 114px;
  border-color: rgba(255, 255, 255, 0.9);
  background: radial-gradient(circle, rgba(255, 255, 255, 0.98), rgba(226, 237, 245, 0.96) 38%, rgba(108, 210, 231, 0.32) 70%, transparent 100%);
  box-shadow:
    0 0 88px rgba(101, 245, 255, 0.52),
    0 0 0 26px rgba(101, 245, 255, 0.08),
    0 0 0 62px rgba(101, 245, 255, 0.03);
  z-index: 2;
}

body.home-shell-live .home-router-core span {
  width: 30px;
  height: 30px;
  box-shadow: 0 0 28px rgba(255, 255, 255, 0.8);
}

body.home-shell-live .home-router-helix-spin {
  width: 292px;
  height: min(572px, 82%);
  transform-style: preserve-3d;
  animation: none;
}

body.home-shell-live .home-router-helix:hover .home-router-helix-spin,
body.home-shell-live .home-router-helix:focus-within .home-router-helix-spin {
  animation-play-state: paused;
}

body.home-shell-live .home-helix-node {
  z-index: 3;
  width: 54px;
  height: 54px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  overflow: visible !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}

body.home-shell-live .home-helix-node::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--node-color, #65f5ff) 34%, transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--node-color, #65f5ff) 18%, transparent);
  opacity: 0.32;
  transition: transform 0.18s ease, opacity 0.18s ease, box-shadow 0.18s ease;
}

body.home-shell-live .home-helix-node::after {
  content: none;
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
  padding: 4px 8px;
  border: 1px solid color-mix(in srgb, var(--node-color, #65f5ff) 24%, transparent);
  background: rgba(2, 5, 10, 0.88);
  color: color-mix(in srgb, var(--node-color, #65f5ff) 82%, white);
  font-size: 9px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.16s ease, transform 0.16s ease;
}

body.home-shell-live .home-helix-node span {
  width: 18px;
  height: 18px;
  box-shadow: 0 0 24px currentColor;
}

body.home-shell-live .home-helix-node.is-dominant span {
  width: 22px;
  height: 22px;
}

body.home-shell-live .home-helix-node:hover::before,
body.home-shell-live .home-helix-node:focus-visible::before,
body.home-shell-live .home-helix-node.is-dominant::before {
  opacity: 0.92;
  transform: scale(1.08);
  box-shadow: 0 0 20px color-mix(in srgb, var(--node-color, #65f5ff) 28%, transparent);
}

body.home-shell-live .home-helix-node:hover::after,
body.home-shell-live .home-helix-node:focus-visible::after,
body.home-shell-live .home-helix-node.is-dominant::after {
  opacity: 1;
  transform: translateY(-50%) translateX(2px);
}

.taskbar {
  gap: 8px !important;
  padding: 9px 14px !important;
}

.taskbar::after {
  content: "" !important;
  position: absolute !important;
  left: 44px !important;
  right: 44px !important;
  top: 10px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(111, 231, 255, 0.3), transparent) !important;
  opacity: 0.78 !important;
  animation: taskbarSweep 8.6s linear infinite !important;
  pointer-events: none !important;
}

.taskbar-cluster,
.taskbar-widgets {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 4px 6px !important;
  border: 1px solid rgba(111, 231, 255, 0.08) !important;
  border-radius: 18px !important;
  background: rgba(4, 8, 13, 0.36) !important;
}

.taskbar button,
.taskbar .start,
.notify-galaxy,
#admin-focus,
#agentic-focus {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  border-radius: 13px !important;
}

.taskbar .start {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
}

.taskbar .start.home-shell-restore-ready {
  position: relative !important;
  border-color: rgba(101, 245, 255, 0.54) !important;
  box-shadow:
    0 0 0 1px rgba(101, 245, 255, 0.18),
    0 0 24px rgba(101, 245, 255, 0.2) !important;
}

.taskbar .start.home-shell-restore-ready span {
  position: relative;
  display: inline-flex;
}

.taskbar .start.home-shell-restore-ready span::after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #65f5ff;
  box-shadow: 0 0 14px rgba(101, 245, 255, 0.72);
  animation: home-shell-restore-pulse 1.8s ease-in-out infinite;
}

@keyframes home-shell-restore-pulse {
  0%, 100% {
    transform: scale(0.92);
    opacity: 0.58;
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
  }
}

#media-widget {
  justify-content: flex-start !important;
  max-width: 168px !important;
  overflow: hidden !important;
}

#media-widget b {
  display: inline-block !important;
  max-width: 84px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  vertical-align: bottom !important;
}

.mini-tone {
  min-width: 78px !important;
  width: 78px !important;
  padding: 0 9px !important;
}

#progress-widget {
  max-width: 136px !important;
}

#task-widget {
  max-width: 88px !important;
}

#notify-galaxy {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(116, 192, 252, 0.22), transparent 66%),
    rgba(0, 0, 0, 0.28) !important;
}

#notify-galaxy::before {
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  width: 22px !important;
  height: 22px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 999px !important;
  border: 1px solid rgba(116, 192, 252, 0.24) !important;
  background: radial-gradient(circle, rgba(116, 192, 252, 0.12), transparent 70%) !important;
}

#notify-galaxy::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 6px !important;
  height: 6px !important;
  margin: -3px 0 0 -3px !important;
  border-radius: 999px !important;
  background: #74c0fc !important;
  box-shadow: 0 0 14px rgba(116, 192, 252, 0.72) !important;
}

#notify-galaxy i {
  display: none !important;
}

.ghost-interrupt {
  z-index: 320 !important;
}

.window {
  will-change: transform, box-shadow, filter;
}

.window.window-active {
  animation: liveChromeBreath 5.4s ease-in-out infinite;
}

.window-bar {
  position: relative;
  overflow: hidden;
}

.window-bar > * {
  position: relative;
  z-index: 1;
}

.window.window-active .window-bar::before {
  content: "";
  position: absolute;
  left: 14px;
  right: 88px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface-color, var(--accent)) 66%, white 8%), transparent);
  opacity: 0.82;
  animation: chromeRailSweep 8.4s linear infinite;
  pointer-events: none;
}

.window.window-active .window-bar::after {
  content: "";
  position: absolute;
  right: 70px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface-color, var(--accent)) 72%, white 12%);
  box-shadow: 0 0 18px color-mix(in srgb, var(--surface-color, var(--accent)) 42%, transparent);
  transform: translateY(-50%);
  animation: chromeOrbPulse 3.1s ease-in-out infinite;
  pointer-events: none;
}

@keyframes helixStrandA {
  0%, 100% { transform: translate(-50%, -50%) rotate(18deg) scale(0.98); opacity: 0.58; }
  50% { transform: translate(-50%, -50%) rotate(196deg) scale(1.03); opacity: 0.84; }
}

@keyframes helixStrandB {
  0%, 100% { transform: translate(-50%, -50%) rotate(-26deg) scale(1.02); opacity: 0.72; }
  50% { transform: translate(-50%, -50%) rotate(-208deg) scale(0.97); opacity: 0.52; }
}

@keyframes helixHaloBreath {
  0%, 100% { transform: scale(0.985); opacity: 0.72; }
  50% { transform: scale(1.035); opacity: 0.96; }
}

@keyframes liveChromeBreath {
  0%, 100% {
    box-shadow:
      0 0 44px color-mix(in srgb, var(--surface-color, var(--accent)) 24%, transparent),
      0 0 1px rgba(255, 255, 255, 0.84),
      inset 0 0 38px color-mix(in srgb, var(--surface-color, var(--accent)) 9%, transparent);
  }
  50% {
    box-shadow:
      0 0 60px color-mix(in srgb, var(--surface-color, var(--accent)) 34%, transparent),
      0 0 1px rgba(255, 255, 255, 0.96),
      inset 0 0 52px color-mix(in srgb, var(--surface-color, var(--accent)) 14%, transparent);
  }
}

@keyframes chromeRailSweep {
  0% { transform: translateX(-18%); opacity: 0.24; }
  20% { opacity: 0.78; }
  100% { transform: translateX(22%); opacity: 0.16; }
}

@keyframes chromeOrbPulse {
  0%, 100% { opacity: 0.44; transform: translateY(-50%) scale(0.88); }
  50% { opacity: 0.96; transform: translateY(-50%) scale(1.18); }
}

@keyframes taskbarSweep {
  0% { transform: translateX(-16%); opacity: 0.18; }
  18% { opacity: 0.64; }
  100% { transform: translateX(16%); opacity: 0.18; }
}

/* 2026-07-11 // launch/start clarity pass */
#launch-gate.launch-gate .gate-persona-orbit.is-paused .gate-persona-orbit-track {
  animation-play-state: paused !important;
}

#launch-gate.launch-gate .gate-persona-node {
  width: calc(18px * var(--node-size, 1)) !important;
  height: calc(18px * var(--node-size, 1)) !important;
}

#launch-gate.launch-gate .gate-persona-node::before {
  inset: calc(-16px * var(--node-size, 1)) !important;
}

#launch-gate.launch-gate .gate-persona-node-core {
  box-shadow:
    0 0 18px color-mix(in srgb, var(--node-color) 74%, white 14%),
    0 0 48px color-mix(in srgb, var(--node-color) 34%, transparent) !important;
}

#start-menu .start-galaxy {
  background:
    radial-gradient(circle at 50% 50%, rgba(116, 192, 252, 0.08), transparent 22%),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03), transparent 58%),
    linear-gradient(180deg, rgba(8, 14, 22, 0.94), rgba(3, 6, 10, 0.98)) !important;
}

#start-menu .start-galaxy-link {
  stroke: rgba(164, 178, 196, 0.32) !important;
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.1)) !important;
}

#start-menu .start-galaxy-core {
  width: 132px !important;
  min-height: 132px !important;
  border-radius: 999px !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.92), rgba(116, 192, 252, 0.34) 34%, rgba(5, 12, 20, 0.78) 68%, rgba(3, 6, 10, 0.96) 100%) !important;
  border: 1px solid rgba(116, 192, 252, 0.34) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05),
    0 0 42px rgba(116, 192, 252, 0.22),
    inset 0 0 22px rgba(255,255,255,.08) !important;
}

#start-menu .start-galaxy-core::before {
  inset: -16px !important;
  border-color: rgba(116, 192, 252, 0.18) !important;
}

#start-menu .start-galaxy-core::after {
  inset: -34px !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

#start-menu .start-galaxy-core-sigil {
  position: absolute !important;
  top: 22px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #8fd7ff !important;
  background: rgba(3, 10, 18, 0.34) !important;
  box-shadow: 0 0 28px rgba(116, 192, 252, 0.26) !important;
  font-size: 20px !important;
}

#start-menu .start-galaxy-core b {
  margin-top: 44px !important;
  color: #eef8ff !important;
}

#start-menu .start-galaxy-core-copy {
  color: rgba(206, 228, 245, 0.78) !important;
}

#start-menu .start-galaxy-core-stars {
  position: absolute !important;
  inset: -26px !important;
  pointer-events: none !important;
}

#start-menu .start-galaxy-core-stars i {
  position: absolute !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.34) !important;
}

#start-menu .start-galaxy-core-stars i:nth-child(1) { left: 12%; top: 22%; }
#start-menu .start-galaxy-core-stars i:nth-child(2) { right: 14%; top: 18%; }
#start-menu .start-galaxy-core-stars i:nth-child(3) { left: 8%; top: 58%; width: 4px !important; height: 4px !important; }
#start-menu .start-galaxy-core-stars i:nth-child(4) { right: 7%; top: 62%; width: 4px !important; height: 4px !important; }
#start-menu .start-galaxy-core-stars i:nth-child(5) { left: 32%; bottom: 8%; width: 5px !important; height: 5px !important; }
#start-menu .start-galaxy-core-stars i:nth-child(6) { right: 28%; bottom: 10%; width: 5px !important; height: 5px !important; }

#start-menu .start-galaxy-node {
  width: 78px !important;
  min-width: 78px !important;
  min-height: 78px !important;
}

#start-menu .start-galaxy-node::after {
  inset: -18px !important;
}

#start-menu .start-galaxy-sigil {
  width: 64px !important;
  height: 64px !important;
  font-size: 24px !important;
}

#start-menu .start-menu-list > button {
  min-height: 82px !important;
  align-items: flex-start !important;
  padding-top: 13px !important;
}

#start-menu .start-launch-label {
  white-space: normal !important;
  line-height: 1.2 !important;
}

#start-menu .start-launch-desc {
  display: block !important;
  margin-top: 6px !important;
  color: rgba(202, 221, 236, 0.68) !important;
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  line-height: 1.24 !important;
  white-space: normal !important;
}

.taskbar-widgets > button:not(#notify-galaxy):not(#admin-focus):not(#agentic-focus) {
  width: auto !important;
  min-width: max-content !important;
  padding: 0 14px !important;
}

#notify-galaxy {
  overflow: hidden !important;
}

#notify-galaxy i {
  display: none !important;
  opacity: 0 !important;
}

/* 2026-07-11 // Astra browser reclamation pass */
.browser-window.window-active {
  --astra-field: #8dffbb !important;
  --astra-field-soft: #7df6d2 !important;
  --astra-field-deep: rgba(125, 246, 210, 0.16) !important;
  background:
    radial-gradient(circle at 48% 36%, rgba(141, 255, 187, 0.14), transparent 22%),
    radial-gradient(circle at 78% 68%, rgba(125, 246, 210, 0.1), transparent 24%),
    linear-gradient(150deg, rgba(4, 9, 12, 0.985), rgba(5, 16, 15, 0.975) 56%, rgba(2, 7, 10, 0.995)) !important;
  border-color: rgba(141, 255, 187, 0.26) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.03),
    0 28px 88px rgba(0, 0, 0, 0.56),
    inset 0 0 56px rgba(141, 255, 187, 0.05) !important;
  width: auto;
  max-width: calc(100vw - 128px) !important;
  height: auto;
  max-height: calc(100vh - 104px) !important;
}

.browser-window.window-active .window-bar {
  background:
    linear-gradient(90deg, rgba(141, 255, 187, 0.14), rgba(125, 246, 210, 0.05) 42%, rgba(17, 34, 28, 0.08)),
    rgba(4, 10, 12, 0.9) !important;
  border-color: rgba(141, 255, 187, 0.22) !important;
  color: rgba(244, 255, 248, 0.95) !important;
}

.browser-window.window-active .browser-form,
.browser-window.window-active .astra-actions,
.browser-window.window-active .astra-rail,
.browser-window.window-active .astra-stage,
.browser-window.window-active .astra-hud-card,
.browser-window.window-active .astra-output,
.browser-window.window-active .astra-evidence-shell,
.browser-window.window-active iframe,
.browser-window.window-active #astra-bookmark-links > *,
.browser-window.window-active .astra-link-sidebar > *,
.browser-window.window-active .astra-bookmark-select {
  border-color: rgba(141, 255, 187, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(8, 16, 18, 0.86), rgba(4, 10, 12, 0.82)),
    rgba(4, 10, 12, 0.82) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.02),
    inset 0 0 24px rgba(141, 255, 187, 0.035) !important;
}

.browser-window.window-active .browser-form {
  grid-template-columns: minmax(0, 1fr) 118px !important;
}

.browser-window.window-active .astra-actions {
  grid-template-columns: repeat(auto-fit, minmax(122px, 1fr)) !important;
  background:
    linear-gradient(180deg, rgba(8, 16, 18, 0.92), rgba(4, 10, 12, 0.86)),
    rgba(4, 10, 12, 0.88) !important;
}

.browser-window.window-active .astra-actions button,
.browser-window.window-active .surface-rail-toggle,
.browser-window.window-active .astra-bookmark-select,
.browser-window.window-active .browser-form button {
  border-color: rgba(141, 255, 187, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(12, 24, 22, 0.96), rgba(5, 12, 11, 0.9)),
    rgba(5, 12, 11, 0.88) !important;
  color: rgba(233, 255, 241, 0.94) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.02),
    0 0 18px rgba(141, 255, 187, 0.06) !important;
}

.browser-window.window-active .astra-actions button:hover,
.browser-window.window-active .astra-actions button:focus-visible,
.browser-window.window-active .surface-rail-toggle:hover,
.browser-window.window-active .surface-rail-toggle:focus-visible,
.browser-window.window-active .browser-form button:hover,
.browser-window.window-active .browser-form button:focus-visible {
  border-color: rgba(141, 255, 187, 0.42) !important;
  box-shadow:
    0 0 24px rgba(141, 255, 187, 0.14),
    inset 0 0 0 1px rgba(255,255,255,0.04) !important;
}

.browser-window.window-active .browser-form input {
  border-color: rgba(141, 255, 187, 0.18) !important;
  background: rgba(3, 9, 9, 0.88) !important;
  color: rgba(235, 255, 241, 0.94) !important;
}

.browser-window.window-active .browser-form input::placeholder {
  color: rgba(180, 229, 194, 0.42) !important;
}

.browser-window.window-active .astra-shell {
  background:
    radial-gradient(circle at 50% 48%, rgba(141, 255, 187, 0.09), transparent 24%),
    radial-gradient(circle at 24% 74%, rgba(125, 246, 210, 0.08), transparent 18%),
    repeating-radial-gradient(circle at 50% 48%, rgba(141, 255, 187, 0.06) 0 1px, transparent 1px 66px),
    linear-gradient(145deg, rgba(4, 11, 13, 0.92), rgba(3, 10, 11, 0.95)) !important;
}

.browser-window.window-active .astra-shell::before {
  opacity: 0.34 !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.82) 0 1px, transparent 2px),
    radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.66) 0 1px, transparent 2px),
    radial-gradient(circle at 66% 74%, rgba(141, 255, 187, 0.82) 0 1px, transparent 2px),
    radial-gradient(circle at 34% 58%, rgba(125, 246, 210, 0.72) 0 1px, transparent 2px),
    radial-gradient(circle at 84% 82%, rgba(167, 255, 212, 0.8) 0 1px, transparent 2px) !important;
}

.browser-window.window-active .astra-shell::after {
  opacity: 0.16 !important;
  background:
    linear-gradient(90deg, transparent 0%, rgba(141, 255, 187, 0.08) 42%, transparent 72%),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 51px, rgba(141, 255, 187, 0.16) 52px 53px, transparent 54px 104px) !important;
  animation: astraFieldDrift 18s linear infinite !important;
}

.browser-window.window-active .astra-stage::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(141, 255, 187, 0.04), transparent 18%, transparent 82%, rgba(125, 246, 210, 0.05)),
    repeating-linear-gradient(180deg, rgba(255,255,255,0.03) 0 1px, transparent 1px 16px) !important;
  mix-blend-mode: screen !important;
  opacity: 0.5 !important;
}

.browser-window.window-active .astra-stage-head b,
.browser-window.window-active .astra-hud-card > b,
.browser-window.window-active .astra-diagnostic-head b,
.browser-window.window-active .astra-lock-caption b {
  color: rgba(239, 255, 245, 0.97) !important;
}

.browser-window.window-active .astra-stage-head span,
.browser-window.window-active .astra-hud-card span,
.browser-window.window-active .astra-output,
.browser-window.window-active .astra-summary,
.browser-window.window-active .astra-readout-card span,
.browser-window.window-active .astra-sequence-cell,
.browser-window.window-active .astra-link-row span {
  color: rgba(199, 236, 212, 0.84) !important;
}

.browser-window.window-active .astra-output,
.browser-window.window-active iframe {
  background:
    linear-gradient(180deg, rgba(4, 11, 11, 0.88), rgba(2, 8, 9, 0.9)),
    rgba(2, 8, 9, 0.88) !important;
}

.browser-window.window-active .astra-link-row .link-action,
.browser-window.window-active .astra-link-grid .link-action {
  border-color: rgba(141, 255, 187, 0.22) !important;
  color: rgba(232, 255, 240, 0.94) !important;
  background: rgba(6, 14, 13, 0.88) !important;
}

.browser-window.window-active .astra-link-row .link-action:hover,
.browser-window.window-active .astra-link-grid .link-action:hover {
  box-shadow: 0 0 18px rgba(141, 255, 187, 0.14) !important;
}

.browser-window.window-active .astra-subject-board {
  grid-template-columns: 168px minmax(0, 1fr) 236px !important;
  gap: 14px !important;
  min-height: 100% !important;
  align-items: start !important;
}

.browser-window.window-active .astra-visual-stage {
  display: grid !important;
  grid-template-rows: auto auto minmax(320px, 1fr) auto auto !important;
  gap: 14px !important;
}

.browser-window.window-active .astra-visual-fan-shell {
  display: flex !important;
  justify-content: center !important;
  padding: 8px 0 4px !important;
  position: relative !important;
  z-index: 2 !important;
}

.browser-window.window-active .astra-visual-fan {
  display: flex !important;
  align-items: end !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  min-height: 112px !important;
}

.browser-window.window-active .astra-fan-thumb {
  position: relative !important;
  width: 116px !important;
  min-width: 116px !important;
  padding: 8px !important;
  transform: translateY(var(--fan-rise, 0px)) rotate(var(--fan-tilt, 0deg)) !important;
  transform-origin: center bottom !important;
  z-index: calc(40 - var(--fan-order, 0)) !important;
}

.browser-window.window-active .astra-fan-thumb img {
  width: 100% !important;
  aspect-ratio: 1 / 0.68 !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

.browser-window.window-active .astra-fan-thumb:hover,
.browser-window.window-active .astra-fan-thumb:focus-visible,
.browser-window.window-active .astra-fan-thumb.is-active {
  transform: translateY(calc(var(--fan-rise, 0px) - 8px)) rotate(var(--fan-tilt, 0deg)) scale(1.03) !important;
}

.browser-window.window-active .astra-link-orbit {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}

.browser-window.window-active .astra-link-orbit-chip {
  display: grid !important;
  grid-template-columns: auto auto minmax(160px, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 46px !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(141, 255, 187, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(8, 16, 15, 0.9), rgba(3, 9, 8, 0.88)),
    rgba(4, 10, 12, 0.86) !important;
  box-shadow: inset 0 0 24px rgba(141, 255, 187, 0.04) !important;
}

.browser-window.window-active .astra-link-orbit-chip span {
  color: rgba(221, 255, 232, 0.9) !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
}

.browser-window.window-active .astra-image-frame {
  min-height: 468px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(141, 255, 187, 0.2) !important;
  background:
    radial-gradient(circle at 50% 32%, rgba(141, 255, 187, 0.11), transparent 24%),
    linear-gradient(180deg, rgba(6, 12, 12, 0.94), rgba(2, 8, 8, 0.96)),
    repeating-linear-gradient(0deg, rgba(141, 255, 187, 0.08), rgba(141, 255, 187, 0.08) 1px, transparent 1px, transparent 26px),
    repeating-linear-gradient(90deg, rgba(141, 255, 187, 0.06), rgba(141, 255, 187, 0.06) 1px, transparent 1px, transparent 26px) !important;
  box-shadow:
    inset 0 0 42px rgba(141, 255, 187, 0.06),
    0 0 34px rgba(125, 246, 210, 0.08) !important;
}

.browser-window.window-active .astra-diagnostic-reel-secondary .astra-diagnostic-strip {
  display: grid !important;
  gap: 8px !important;
}

.browser-window.window-active .astra-stage-image,
.browser-window.window-active .astra-stage-image-ghost {
  filter: grayscale(0.08) contrast(1.06) saturate(0.92) brightness(0.94) !important;
}

.browser-window.window-active .astra-sequence-cell,
.browser-window.window-active .astra-readout-card,
.browser-window.window-active .astra-diagnostic-thumb {
  border-color: rgba(141, 255, 187, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(8, 16, 15, 0.9), rgba(3, 9, 8, 0.88)),
    rgba(4, 10, 12, 0.86) !important;
  color: rgba(221, 255, 232, 0.92) !important;
}

.browser-window.window-active .astra-diagnostic-thumb:hover,
.browser-window.window-active .astra-diagnostic-thumb:focus-visible,
.browser-window.window-active .astra-diagnostic-thumb.is-active {
  border-color: rgba(141, 255, 187, 0.4) !important;
  box-shadow: 0 0 24px rgba(141, 255, 187, 0.14) !important;
}

.browser-window.window-active .astra-image-fallback {
  color: rgba(221, 255, 232, 0.86) !important;
  letter-spacing: 0.24em !important;
}

@keyframes astraFieldDrift {
  0% { transform: translate3d(-3%, 0, 0) scale(1); }
  50% { transform: translate3d(3%, 0, 0) scale(1.02); }
  100% { transform: translate3d(-3%, 0, 0) scale(1); }
}

/* 2026-07-11 // front gate authority for start + task */

@keyframes ghostFieldBreath {
  0%, 100% { transform: translate(-50%, -50%) scale(0.985); opacity: 0.92; }
  50% { transform: translate(-50%, -50%) scale(1.03); opacity: 1; }
}

@keyframes ghostFieldHalo {
  0%, 100% { opacity: 0.2; transform: scale(0.96); }
  50% { opacity: 0.38; transform: scale(1.04); }
}

@keyframes ghostFieldNodePulse {
  0%, 100% { transform: translate3d(0, 0, 0) scale(0.98); box-shadow: 0 0 0 1px rgba(194, 238, 255, 0.22), 0 0 24px color-mix(in srgb, var(--node-color) 22%, transparent); }
  50% { transform: translate3d(0, -2px, 0) scale(1.03); box-shadow: 0 0 0 1px rgba(240, 250, 255, 0.3), 0 0 42px color-mix(in srgb, var(--node-color) 38%, transparent); }
}

@keyframes ghostFieldSweep {
  0% { transform: translateX(-8%) scaleX(0.98); opacity: 0.16; }
  50% { transform: translateX(6%) scaleX(1.02); opacity: 0.28; }
  100% { transform: translateX(-8%) scaleX(0.98); opacity: 0.16; }
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.62fr) !important;
  gap: 18px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu .start-window-overview,
html body[data-launch="desktop"] #start-menu .start-menu-list,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-rail,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-detail,
html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage,
html body[data-launch="desktop"] .window.task-window.window-active #task-output {
  background:
    linear-gradient(180deg, rgba(7, 12, 18, 0.92), rgba(3, 6, 10, 0.96)),
    rgba(3, 6, 10, 0.94) !important;
  border: 1px solid rgba(120, 205, 234, 0.12) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.025),
    inset 0 0 42px rgba(98, 198, 226, 0.035),
    0 22px 62px rgba(0, 0, 0, 0.32) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-head span,
html body[data-launch="desktop"] .window.task-window.window-active .task-galaxy-readout small,
html body[data-launch="desktop"] .window.task-window.window-active .task-map-core span {
  color: rgba(120, 213, 240, 0.8) !important;
  letter-spacing: 0.24em !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy {
  position: relative !important;
  overflow: hidden !important;
  min-height: 540px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(93, 227, 255, 0.12), transparent 14%),
    radial-gradient(circle at 50% 58%, rgba(85, 174, 209, 0.08), transparent 22%),
    linear-gradient(180deg, rgba(2, 6, 10, 0.86), rgba(1, 4, 7, 0.96)) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy::before,
html body[data-launch="desktop"] #start-menu .start-galaxy::after,
html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage::before,
html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy::before,
html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage::before {
  background:
    radial-gradient(circle at 18% 24%, rgba(255, 255, 255, 0.7) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.52) 0 1px, transparent 2px),
    radial-gradient(circle at 74% 78%, rgba(102, 227, 255, 0.7) 0 1px, transparent 2px),
    radial-gradient(circle at 28% 72%, rgba(102, 227, 255, 0.46) 0 1px, transparent 2px),
    radial-gradient(circle at 48% 42%, rgba(255, 255, 255, 0.08), transparent 22%) !important;
  opacity: 0.5 !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy::after,
html body[data-launch="desktop"] .window.task-window.window-active .task-orbit-stage::after {
  background:
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.022) 0 1px, transparent 1px 15px),
    linear-gradient(90deg, transparent 0%, rgba(113, 224, 255, 0.08) 50%, transparent 100%) !important;
  mix-blend-mode: screen !important;
  animation: ghostFieldSweep 18s ease-in-out infinite !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-links,
html body[data-launch="desktop"] .window.task-window.window-active .task-constellation-links {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-link,
html body[data-launch="desktop"] .window.task-window.window-active .task-constellation-links path {
  stroke: rgba(177, 223, 242, 0.2) !important;
  stroke-width: 0.18 !important;
  fill: none !important;
  filter: drop-shadow(0 0 6px rgba(140, 214, 240, 0.14)) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-core,
html body[data-launch="desktop"] .window.task-window.window-active .task-black-hole {
  position: absolute !important;
  left: 50% !important;
  top: 52% !important;
  transform: translate(-50%, -50%) !important;
  width: 222px !important;
  height: 222px !important;
  min-height: 222px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  isolation: isolate !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-black-hole {
  width: 248px !important;
  height: 248px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-core-bloom,
html body[data-launch="desktop"] #start-menu .start-galaxy-core-aura,
html body[data-launch="desktop"] #start-menu .start-galaxy-core-ring,
html body[data-launch="desktop"] #start-menu .start-galaxy-core-body,
html body[data-launch="desktop"] #start-menu .start-galaxy-core-heart,
html body[data-launch="desktop"] .window.task-window.window-active .task-core-bloom,
html body[data-launch="desktop"] .window.task-window.window-active .task-core-ring,
html body[data-launch="desktop"] .window.task-window.window-active .task-core-body,
html body[data-launch="desktop"] .window.task-window.window-active .task-core-heart,
html body[data-launch="desktop"] .window.task-window.window-active .task-scan-rings {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 999px !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-core-bloom,
html body[data-launch="desktop"] .window.task-window.window-active .task-core-bloom {
  inset: 12% !important;
  background: radial-gradient(circle, rgba(122, 235, 255, 0.3), rgba(122, 235, 255, 0.08) 34%, rgba(122, 235, 255, 0) 68%) !important;
  filter: blur(24px) !important;
  animation: ghostFieldHalo 7.2s ease-in-out infinite !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-core-aura,
html body[data-launch="desktop"] .window.task-window.window-active .task-scan-rings {
  inset: 18% !important;
  border: 1px solid rgba(125, 216, 239, 0.18) !important;
  box-shadow: 0 0 28px rgba(95, 196, 226, 0.1), inset 0 0 24px rgba(95, 196, 226, 0.06) !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-scan-rings {
  inset: 16% !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-core-ring,
html body[data-launch="desktop"] .window.task-window.window-active .task-core-ring {
  border: 1px solid rgba(200, 241, 255, 0.16) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-core-ring-a,
html body[data-launch="desktop"] .window.task-window.window-active .task-core-ring-a {
  inset: 6% !important;
  transform: rotate(22deg) scaleX(1.06) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-core-ring-b,
html body[data-launch="desktop"] .window.task-window.window-active .task-core-ring-b {
  inset: 14% !important;
  transform: rotate(-34deg) scaleY(0.92) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-core-ring-c {
  inset: 20% !important;
  transform: rotate(78deg) scaleX(0.9) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-core-body,
html body[data-launch="desktop"] .window.task-window.window-active .task-core-body {
  inset: 31% !important;
  background:
    radial-gradient(circle at 48% 40%, rgba(255, 255, 255, 0.98), rgba(235, 246, 255, 0.92) 18%, rgba(143, 213, 233, 0.32) 48%, rgba(12, 28, 36, 0.16) 74%, rgba(12, 28, 36, 0) 100%) !important;
  box-shadow:
    0 0 44px rgba(130, 229, 255, 0.24),
    0 0 92px rgba(96, 219, 255, 0.14) !important;
  animation: ghostFieldBreath 7.6s ease-in-out infinite !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-core-heart,
html body[data-launch="desktop"] .window.task-window.window-active .task-core-heart {
  inset: 43% !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.92), 0 0 56px rgba(144, 231, 255, 0.4) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-core-copy,
html body[data-launch="desktop"] .window.task-window.window-active .task-black-hole small {
  inset: auto 0 -14px 0 !important;
  display: flex !important;
  justify-content: center !important;
  color: rgba(108, 215, 245, 0.9) !important;
  font: 700 11px/1 var(--font-display) !important;
  letter-spacing: 0.34em !important;
  text-transform: uppercase !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-black-hole b {
  position: absolute !important;
  inset: auto 0 18px 0 !important;
  display: flex !important;
  justify-content: center !important;
  color: rgba(244, 250, 255, 0.96) !important;
  font: 700 20px/1 var(--font-display) !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-map-core {
  display: none !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-galaxy-readout {
  top: 24px !important;
  left: 24px !important;
  right: auto !important;
  max-width: 332px !important;
  background: rgba(4, 10, 16, 0.72) !important;
  border: 1px solid rgba(109, 211, 241, 0.12) !important;
  border-radius: 24px !important;
  padding: 16px 18px !important;
  box-shadow: inset 0 0 24px rgba(109, 211, 241, 0.04) !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-galaxy-readout strong {
  color: #f4faff !important;
  letter-spacing: 0.16em !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-galaxy-readout span {
  color: rgba(208, 231, 240, 0.72) !important;
  line-height: 1.6 !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-node,
html body[data-launch="desktop"] .window.task-window.window-active .task-planet .task-star {
  background:
    radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--node-color) 22%, white 42%), color-mix(in srgb, var(--node-color) 62%, rgba(255,255,255,0.18)) 28%, rgba(6, 14, 20, 0.88) 68%) !important;
  border: 1px solid color-mix(in srgb, var(--node-color) 56%, rgba(230, 244, 255, 0.2)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04),
    0 0 36px color-mix(in srgb, var(--node-color) 26%, transparent),
    inset 0 0 22px rgba(255, 255, 255, 0.06) !important;
  animation: ghostFieldNodePulse 5.6s ease-in-out infinite !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-node {
  width: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  backdrop-filter: blur(8px) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-node::after {
  inset: -16px !important;
  border-color: color-mix(in srgb, var(--node-color) 36%, rgba(255,255,255,0.08)) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-sigil {
  width: 70px !important;
  height: 70px !important;
  font-size: 26px !important;
  color: rgba(247, 251, 255, 0.96) !important;
  text-shadow: 0 0 18px color-mix(in srgb, var(--node-color) 30%, transparent) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-node-state {
  min-width: 34px !important;
  height: 18px !important;
  padding: 0 6px !important;
  right: -2px !important;
  bottom: 2px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(190, 231, 245, 0.16) !important;
  background: rgba(3, 9, 14, 0.84) !important;
  color: rgba(225, 242, 250, 0.78) !important;
  font-size: 8px !important;
  letter-spacing: 0.18em !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-detail,
html body[data-launch="desktop"] #start-menu .start-window-overview-head,
html body[data-launch="desktop"] #start-menu .start-window-card,
html body[data-launch="desktop"] #start-menu .start-window-row,
html body[data-launch="desktop"] #start-menu .start-menu-list > button,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-lane,
html body[data-launch="desktop"] .window.task-window.window-active .task-node-card,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-card,
html body[data-launch="desktop"] .window.task-window.window-active .task-inspect-card {
  background:
    linear-gradient(180deg, rgba(8, 15, 21, 0.88), rgba(4, 8, 13, 0.94)),
    rgba(4, 8, 13, 0.92) !important;
  border: 1px solid rgba(133, 211, 237, 0.12) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.02),
    inset 0 0 18px rgba(122, 212, 240, 0.035) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-detail {
  min-height: 94px !important;
  border-radius: 22px !important;
  padding: 16px 18px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list {
  gap: 12px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list > button {
  min-height: 88px !important;
  border-radius: 20px !important;
  padding: 14px 16px 14px 58px !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list > button:hover,
html body[data-launch="desktop"] #start-menu .start-menu-list > button:focus-visible,
html body[data-launch="desktop"] #start-menu .start-window-row:hover,
html body[data-launch="desktop"] #start-menu .start-window-row:focus-visible,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-lane:hover,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-lane:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(154, 225, 247, 0.24) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.03),
    0 0 24px rgba(119, 212, 240, 0.08),
    inset 0 0 18px rgba(122, 212, 240, 0.05) !important;
}

html body[data-launch="desktop"] #start-menu .start-launch-desc,
html body[data-launch="desktop"] #start-menu .start-window-row span,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-card p,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-list span,
html body[data-launch="desktop"] .window.task-window.window-active .task-node-card span,
html body[data-launch="desktop"] .window.task-window.window-active #task-output {
  color: rgba(197, 219, 229, 0.72) !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-node-card {
  width: 124px !important;
  max-width: 124px !important;
  border-radius: 18px !important;
  backdrop-filter: blur(8px) !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-node-card strong,
html body[data-launch="desktop"] .window.task-window.window-active .task-orion-card strong,
html body[data-launch="desktop"] #start-menu .start-window-card b,
html body[data-launch="desktop"] #start-menu .start-window-row b {
  color: #f4faff !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-star-core {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.98), color-mix(in srgb, var(--planet-color) 46%, white 12%) 42%, color-mix(in srgb, var(--planet-color) 72%, transparent) 78%) !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-star-halo {
  background: radial-gradient(circle, color-mix(in srgb, var(--planet-color) 32%, transparent), transparent 70%) !important;
}

html body[data-launch="desktop"] .window.task-window.window-active .task-planet {
  filter: saturate(0.92) !important;
}

/* 2026-07-12 // shared front-gate orbit for start + task */
.shared-ghost-orbit {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  isolation: isolate;
}

.shared-ghost-orbit::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 50%, rgba(101, 245, 255, 0.08), transparent 18%),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03), transparent 46%);
  pointer-events: none;
}

.shared-ghost-orbit-core,
.shared-ghost-orbit-bloom,
.shared-ghost-orbit-aura,
.shared-ghost-orbit-ring,
.shared-ghost-orbit-body,
.shared-ghost-orbit-heart {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 999px;
  transform: translate(-50%, -50%);
}

.shared-ghost-orbit-core {
  width: 118px;
  height: 118px;
  z-index: 1;
  pointer-events: none;
}

.shared-ghost-orbit-bloom {
  inset: -28px;
  background: radial-gradient(circle, color-mix(in srgb, var(--orbit-core-color, #8fd7ff) 28%, transparent), transparent 72%);
  filter: blur(16px);
  opacity: 0.88;
  animation: helixHaloBreath 4.4s ease-in-out infinite;
}

.shared-ghost-orbit-aura {
  inset: -6px;
  border: 1px solid rgba(101, 245, 255, 0.14);
  background: radial-gradient(circle at 50% 42%, rgba(255,255,255,0.14), rgba(101,245,255,0.06) 42%, transparent 70%);
}

.shared-ghost-orbit-ring {
  inset: -18px;
  border: 1px solid rgba(101, 245, 255, 0.12);
  opacity: 0.58;
}

.shared-ghost-orbit-ring-a {
  animation: helixStrandA 17s linear infinite;
}

.shared-ghost-orbit-ring-b {
  inset: -34px;
  border-color: rgba(255, 255, 255, 0.08);
  animation: helixStrandB 22s linear infinite;
}

.shared-ghost-orbit-ring-c {
  inset: -48px;
  border-color: rgba(101, 245, 255, 0.08);
  animation: helixStrandA 28s linear infinite reverse;
}

.shared-ghost-orbit-body {
  inset: 0;
  background:
    radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.99) 0 22%, rgba(228, 245, 255, 0.94) 25% 42%, rgba(106, 215, 255, 0.22) 52%, rgba(4, 10, 16, 0.56) 72%, rgba(2, 6, 10, 0.74) 100%);
  border: 1px solid rgba(215, 240, 255, 0.44);
  box-shadow:
    0 0 36px rgba(116, 192, 252, 0.22),
    inset 0 0 18px rgba(255,255,255,0.06);
}

.shared-ghost-orbit-heart {
  width: 20px;
  height: 20px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 0 20px rgba(255,255,255,0.64);
}

.shared-ghost-orbit-sigil,
.shared-ghost-orbit-core b,
.shared-ghost-orbit-core small {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
}

.shared-ghost-orbit-sigil {
  top: 20px;
  color: #9fe4ff;
  font-size: 22px;
  text-shadow: 0 0 18px rgba(101, 245, 255, 0.46);
}

.shared-ghost-orbit-core b {
  top: 50%;
  margin-top: 6px;
  color: #f2fbff;
  font: 700 16px/1 var(--font-display);
  letter-spacing: 0.22em;
}

.shared-ghost-orbit-core small {
  top: calc(50% + 30px);
  color: rgba(202, 229, 244, 0.78);
  font-size: 10px;
  letter-spacing: 0.18em;
}

.shared-ghost-orbit-lane {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(var(--orbit-radius) * 2);
  height: calc(var(--orbit-radius) * 2);
  transform: translate(-50%, -50%) rotate(var(--orbit-tilt, 0deg));
  pointer-events: none;
  z-index: 2;
}

.shared-ghost-orbit-ringline {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--node-color, #8fd7ff) 10%, rgba(255,255,255,0.05));
  opacity: 0.34;
}

.shared-ghost-orbit-track {
  position: absolute;
  inset: 0;
  animation: orbitLaneSpin var(--orbit-speed, 18s) linear infinite;
  animation-direction: normal;
}

.shared-ghost-orbit-lane.is-counter .shared-ghost-orbit-track {
  animation-direction: reverse;
}

.shared-ghost-orbit-lane:hover .shared-ghost-orbit-track,
.shared-ghost-orbit-lane:focus-within .shared-ghost-orbit-track {
  animation-play-state: paused;
}

.shared-ghost-orbit-node {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(26px * var(--node-size, 1));
  height: calc(26px * var(--node-size, 1));
  margin-left: calc((26px * var(--node-size, 1)) / -2);
  margin-top: calc((-1 * var(--orbit-radius)) - ((26px * var(--node-size, 1)) / 2));
  border: none;
  border-radius: 999px;
  background: transparent;
  padding: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  pointer-events: auto;
  z-index: 4;
  transition: transform 0.18s ease, filter 0.18s ease;
}

.shared-ghost-orbit-node:hover,
.shared-ghost-orbit-node:focus-visible {
  transform: scale(1.05);
  filter: brightness(1.08);
  outline: none;
}

.shared-ghost-orbit-node-core {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--node-color, #8fd7ff) 46%, rgba(255,255,255,0.24));
  background:
    radial-gradient(circle at 50% 40%, rgba(255,255,255,0.88) 0 12%, color-mix(in srgb, var(--node-color, #8fd7ff) 70%, white 12%) 28%, rgba(21, 34, 54, 0.72) 64%, rgba(5, 8, 14, 0.94) 100%);
  box-shadow:
    0 0 14px color-mix(in srgb, var(--node-color, #8fd7ff) 34%, transparent),
    0 0 28px color-mix(in srgb, var(--node-color, #8fd7ff) 14%, transparent);
}

.shared-ghost-orbit-node-glyph,
.shared-ghost-orbit-node-state {
  position: relative;
  z-index: 2;
}

.shared-ghost-orbit-node-glyph {
  font-size: calc(16px * var(--node-size, 1));
  filter: drop-shadow(0 0 10px rgba(255,255,255,0.18));
}

.shared-ghost-orbit-node-state {
  position: absolute;
  bottom: -16px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--node-color, #8fd7ff) 28%, rgba(255,255,255,0.16));
  background: rgba(4, 9, 14, 0.88);
  color: rgba(221, 239, 255, 0.88);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.16em;
  white-space: nowrap;
}

.shared-ghost-orbit-node-glyph:empty,
.shared-ghost-orbit-node-state:empty {
  display: none;
}

@keyframes orbitLaneSpin {
  from { transform: rotate(var(--orbit-start, 0deg)); }
  to { transform: rotate(calc(var(--orbit-start, 0deg) + 360deg)); }
}

#start-menu #start-galaxy,
.task-window.window-active #task-galaxy {
  position: relative;
}

#start-menu #start-galaxy .shared-ghost-orbit {
  min-height: 100%;
}

#start-menu #start-galaxy .shared-ghost-orbit-core {
  width: 136px;
  height: 136px;
}

#start-menu #start-galaxy .shared-ghost-orbit-node {
  width: calc(28px * var(--node-size, 1));
  height: calc(28px * var(--node-size, 1));
  margin-left: calc((28px * var(--node-size, 1)) / -2);
  margin-top: calc((-1 * var(--orbit-radius)) - ((28px * var(--node-size, 1)) / 2));
}

#start-menu #start-galaxy .shared-ghost-orbit-node-state {
  bottom: -14px;
}

#start-menu #start-galaxy .shared-ghost-orbit-node[data-state-kind="open"] .shared-ghost-orbit-node-core {
  box-shadow:
    0 0 24px color-mix(in srgb, var(--node-color, #8fd7ff) 58%, transparent),
    0 0 50px color-mix(in srgb, var(--node-color, #8fd7ff) 24%, transparent);
}

.task-window.window-active #task-galaxy .shared-ghost-orbit {
  min-height: 100%;
}

.task-window.window-active #task-galaxy .shared-ghost-orbit-core {
  width: 188px;
  height: 188px;
}

.task-window.window-active #task-galaxy .shared-ghost-orbit-node {
  width: calc(32px * var(--node-size, 1));
  height: calc(32px * var(--node-size, 1));
  margin-left: calc((32px * var(--node-size, 1)) / -2);
  margin-top: calc((-1 * var(--orbit-radius)) - ((32px * var(--node-size, 1)) / 2));
}

.task-window.window-active #task-galaxy .shared-ghost-orbit-node-state {
  bottom: -18px;
}

.task-window.window-active #task-galaxy .task-planet {
  filter: saturate(1.04) brightness(1.02) !important;
}

.task-window.window-active #task-galaxy .shared-ghost-orbit-lane {
  transform: translate(-50%, -50%) rotate(var(--orbit-tilt, 0deg)) !important;
}

.task-window.window-active #task-galaxy .shared-ghost-orbit-track {
  animation-duration: calc(var(--orbit-speed, 18s) * 1.08) !important;
}

.task-window.window-active #task-galaxy .shared-ghost-orbit-node-core {
  box-shadow:
    0 0 20px color-mix(in srgb, var(--node-color, #8fd7ff) 42%, transparent),
    0 0 46px color-mix(in srgb, var(--node-color, #8fd7ff) 20%, transparent) !important;
}

.task-window.window-active #task-galaxy .shared-ghost-orbit-node[data-task-synthetic="1"] .shared-ghost-orbit-node-core {
  border-radius: 16px !important;
}

.task-window.window-active #task-galaxy .shared-ghost-orbit-node-glyph {
  font-size: calc(17px * var(--node-size, 1));
}

.task-window.window-active #task-galaxy .shared-ghost-orbit-node-state {
  font-size: 9px;
  letter-spacing: 0.18em;
}

#start-menu .start-core,
#start-menu .start-core-actions,
#start-menu .start-core-actions button,
#start-menu .start-galaxy-head,
#start-menu #start-galaxy-detail {
  position: relative;
  z-index: 8;
}

#start-menu #start-galaxy,
.task-window.window-active #task-galaxy {
  overflow: hidden !important;
  z-index: 2;
}

@media (max-width: 1180px), (pointer: coarse) {
  .task-window.window-active {
    inset: 2vh 2vw auto 2vw !important;
    width: min(96vw, 980px) !important;
    height: min(90vh, 940px) !important;
  }

  .task-window.window-active .task-body {
    grid-template-rows: minmax(420px, 52vh) minmax(220px, auto) !important;
    gap: 12px !important;
  }

  .task-window.window-active #task-galaxy .task-orion-shell,
  .task-window.window-active #task-galaxy .task-orion-shell.is-touch-field {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(360px, 44vh) auto auto !important;
    gap: 12px !important;
  }

  .task-window.window-active #task-galaxy .task-orbit-stage {
    min-height: 360px !important;
  }

  .task-window.window-active #task-galaxy .shared-ghost-orbit-core {
    width: 172px !important;
    height: 172px !important;
  }

  .task-window.window-active #task-galaxy .task-galaxy-readout {
    left: 16px !important;
    right: 16px !important;
    top: 16px !important;
    max-width: min(320px, calc(100% - 32px)) !important;
    padding: 14px 16px !important;
  }

  .task-window.window-active #task-galaxy .task-orion-rail,
  .task-window.window-active #task-galaxy .task-orion-detail,
  .task-window.window-active #task-output {
    width: 100% !important;
    max-width: none !important;
  }

  .task-window.window-active #task-galaxy .task-orion-lanes {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 10px !important;
  }

  .task-window.window-active #task-galaxy .task-orion-detail {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .task-window.window-active #task-galaxy .task-orion-card,
  .task-window.window-active #task-output .task-inspect-card {
    min-height: 0 !important;
  }
}

body.home-shell-live .home-activity-stream-row small {
  color: rgba(101, 245, 255, 0.78) !important;
}

body.home-shell-live .home-activity-stream-row span {
  color: rgba(245, 249, 255, 0.94) !important;
}

body.home-shell-live .home-activity-stream-row b {
  color: rgba(191, 214, 231, 0.82) !important;
}

/* 2026-07-12 // touch-fit recovery without flattening the field */
body[data-device-profile="tablet"] #start-menu,
body[data-device-profile="phone"] #start-menu {
  grid-template-columns: 1fr !important;
  grid-template-areas:
    "core"
    "memory"
    "galaxy"
    "list" !important;
  overflow: auto !important;
}

body[data-device-profile="tablet"] #start-menu {
  grid-template-rows: auto auto minmax(520px, 1fr) minmax(280px, auto) !important;
}

body[data-device-profile="phone"] #start-menu {
  grid-template-rows: auto auto minmax(430px, 1fr) minmax(260px, auto) !important;
}

body[data-device-profile="tablet"] #start-menu .start-galaxy-shell,
body[data-device-profile="phone"] #start-menu .start-galaxy-shell {
  display: block !important;
}

body[data-device-profile="tablet"] #start-menu .start-window-overview,
body[data-device-profile="phone"] #start-menu .start-window-overview {
  display: none !important;
}

body[data-device-profile="tablet"] #start-menu .start-galaxy-stage,
body[data-device-profile="phone"] #start-menu .start-galaxy-stage {
  min-height: 0 !important;
  grid-template-rows: auto minmax(320px, 1fr) auto !important;
  gap: 14px !important;
  padding: 16px !important;
}

body[data-device-profile="tablet"] #start-menu .start-galaxy {
  min-height: 360px !important;
}

body[data-device-profile="phone"] #start-menu .start-galaxy {
  min-height: 300px !important;
}

body[data-device-profile="tablet"] #start-menu .start-galaxy,
body[data-device-profile="phone"] #start-menu .start-galaxy {
  height: auto !important;
}

body[data-device-profile="tablet"] #start-menu .start-galaxy .shared-ghost-orbit,
body[data-device-profile="phone"] #start-menu .start-galaxy .shared-ghost-orbit {
  min-height: 100% !important;
}

body[data-device-profile="tablet"] #start-menu .start-galaxy .shared-ghost-orbit-core {
  width: 184px !important;
  height: 184px !important;
}

body[data-device-profile="phone"] #start-menu .start-galaxy .shared-ghost-orbit-core {
  width: 154px !important;
  height: 154px !important;
}

body[data-device-profile="tablet"] #start-menu .start-galaxy .shared-ghost-orbit-node,
body[data-device-profile="phone"] #start-menu .start-galaxy .shared-ghost-orbit-node {
  width: calc(30px * var(--node-size, 1)) !important;
  height: calc(30px * var(--node-size, 1)) !important;
  margin-left: calc((30px * var(--node-size, 1)) / -2) !important;
  margin-top: calc((-1 * var(--orbit-radius)) - ((30px * var(--node-size, 1)) / 2)) !important;
}

body[data-device-profile="tablet"] #start-menu .start-galaxy .shared-ghost-orbit-node-state,
body[data-device-profile="phone"] #start-menu .start-galaxy .shared-ghost-orbit-node-state {
  display: none !important;
}

body[data-device-profile="tablet"] #start-menu .start-galaxy-head span,
body[data-device-profile="phone"] #start-menu .start-galaxy-head span {
  max-width: none !important;
  line-height: 1.5 !important;
}

body[data-device-profile="tablet"] #start-menu #start-galaxy-detail,
body[data-device-profile="phone"] #start-menu #start-galaxy-detail {
  min-height: 112px !important;
  padding: 14px 16px !important;
}

body[data-device-profile="tablet"] #start-menu .start-menu-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body[data-device-profile="phone"] #start-menu .start-menu-list {
  grid-template-columns: 1fr !important;
}

body[data-device-profile="tablet"] #start-menu .start-menu-list > button,
body[data-device-profile="phone"] #start-menu .start-menu-list > button {
  min-height: 78px !important;
  padding: 14px 16px 14px 62px !important;
}

body[data-device-profile="tablet"] .task-window.window-active .task-body {
  grid-template-rows: minmax(520px, 58vh) minmax(240px, auto) !important;
}

body[data-device-profile="phone"] .task-window.window-active .task-body {
  grid-template-rows: minmax(430px, 52vh) minmax(220px, auto) !important;
}

body[data-device-profile="tablet"] .task-window.window-active #task-galaxy .task-orion-shell.is-touch-field,
body[data-device-profile="phone"] .task-window.window-active #task-galaxy .task-orion-shell.is-touch-field {
  grid-template-columns: 1fr !important;
}

body[data-device-profile="tablet"] .task-window.window-active #task-galaxy .task-orion-shell.is-touch-field {
  grid-template-rows: minmax(430px, 1fr) auto auto !important;
}

body[data-device-profile="phone"] .task-window.window-active #task-galaxy .task-orion-shell.is-touch-field {
  grid-template-rows: minmax(350px, 1fr) auto auto !important;
}

body[data-device-profile="tablet"] .task-window.window-active #task-galaxy .task-orbit-stage,
body[data-device-profile="phone"] .task-window.window-active #task-galaxy .task-orbit-stage {
  min-height: 0 !important;
  padding: 18px !important;
}

body[data-device-profile="tablet"] .task-window.window-active #task-galaxy .shared-ghost-orbit,
body[data-device-profile="phone"] .task-window.window-active #task-galaxy .shared-ghost-orbit {
  min-height: 100% !important;
}

body[data-device-profile="tablet"] .task-window.window-active #task-galaxy .shared-ghost-orbit-core {
  width: 190px !important;
  height: 190px !important;
}

body[data-device-profile="phone"] .task-window.window-active #task-galaxy .shared-ghost-orbit-core {
  width: 156px !important;
  height: 156px !important;
}

body[data-device-profile="tablet"] .task-window.window-active #task-galaxy .shared-ghost-orbit-node,
body[data-device-profile="phone"] .task-window.window-active #task-galaxy .shared-ghost-orbit-node {
  width: calc(30px * var(--node-size, 1)) !important;
  height: calc(30px * var(--node-size, 1)) !important;
  margin-left: calc((30px * var(--node-size, 1)) / -2) !important;
  margin-top: calc((-1 * var(--orbit-radius)) - ((30px * var(--node-size, 1)) / 2)) !important;
}

body[data-device-profile="tablet"] .task-window.window-active #task-galaxy .shared-ghost-orbit-node-state,
body[data-device-profile="phone"] .task-window.window-active #task-galaxy .shared-ghost-orbit-node-state {
  display: none !important;
}

body[data-device-profile="tablet"] .task-window.window-active #task-galaxy .task-galaxy-readout,
body[data-device-profile="phone"] .task-window.window-active #task-galaxy .task-galaxy-readout {
  top: 18px !important;
  left: 18px !important;
  right: 18px !important;
  bottom: auto !important;
  width: auto !important;
  max-width: min(320px, calc(100% - 36px)) !important;
  background: rgba(4, 10, 16, 0.72) !important;
  border: 1px solid rgba(109, 211, 241, 0.12) !important;
  border-radius: 22px !important;
  padding: 14px 16px !important;
}

body[data-device-profile="tablet"] .task-window.window-active #task-galaxy .task-orion-detail {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body[data-device-profile="phone"] .task-window.window-active #task-galaxy .task-orion-detail {
  grid-template-columns: 1fr !important;
}

body[data-device-profile="tablet"] .task-window.window-active #task-galaxy .task-orion-lanes {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body[data-device-profile="phone"] .task-window.window-active #task-galaxy .task-orion-lanes {
  grid-template-columns: 1fr !important;
}

body[data-device-profile="tablet"] .task-window.window-active #task-galaxy .task-orion-lane,
body[data-device-profile="phone"] .task-window.window-active #task-galaxy .task-orion-lane {
  min-height: 74px !important;
  align-items: start !important;
}

html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu {
  grid-template-columns: 1fr !important;
  grid-template-areas:
    "core"
    "memory"
    "galaxy"
    "list" !important;
}

html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu {
  grid-template-rows: auto auto minmax(520px, 1fr) minmax(280px, auto) !important;
}

html body[data-launch="desktop"][data-device-profile="phone"] #start-menu {
  grid-template-rows: auto auto minmax(430px, 1fr) minmax(260px, auto) !important;
}

html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-galaxy-shell,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-galaxy-shell {
  display: block !important;
}

html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-window-overview,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-window-overview {
  display: none !important;
}

html body[data-launch="desktop"][data-device-profile="phone"] #start-menu {
  inset: 10px 8px 84px !important;
  padding: 12px !important;
}

html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core {
  grid-template-columns: 1fr !important;
  grid-template-areas:
    "brand"
    "input"
    "actions" !important;
  padding: 12px !important;
}

html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core-actions button {
  min-height: 36px !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
}

html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-menu-list {
  grid-template-columns: 1fr !important;
}

body[data-device-profile="tablet"] #start-menu .start-core,
body[data-device-profile="phone"] #start-menu .start-core,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-core,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  grid-template-areas:
    "brand"
    "input"
    "actions" !important;
  align-items: start !important;
  justify-items: stretch !important;
  row-gap: 10px !important;
  column-gap: 0 !important;
  padding: 48px 14px 14px !important;
  overflow: visible !important;
}

body[data-device-profile="tablet"] #start-menu .start-core > b,
body[data-device-profile="phone"] #start-menu .start-core > b,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-core > b,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core > b {
  display: grid !important;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  justify-self: start !important;
  align-self: start !important;
  gap: 4px !important;
}

body[data-device-profile="tablet"] #start-menu .start-core b span,
body[data-device-profile="phone"] #start-menu .start-core b span,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-core b span,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core b span {
  display: block !important;
  width: auto !important;
  font-size: clamp(24px, 4.8vw, 34px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0.14em !important;
}

body[data-device-profile="tablet"] #start-menu .start-core small,
body[data-device-profile="phone"] #start-menu .start-core small,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-core small,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core small {
  display: block !important;
  width: auto !important;
  margin-top: 2px !important;
}

body[data-device-profile="tablet"] #start-menu #start-command-input,
body[data-device-profile="phone"] #start-menu #start-command-input,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu #start-command-input,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu #start-command-input {
  width: 100% !important;
  min-width: 0 !important;
}

body[data-device-profile="tablet"] #start-menu .start-core-actions,
body[data-device-profile="phone"] #start-menu .start-core-actions,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-core-actions,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core-actions {
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  align-self: stretch !important;
}

body[data-device-profile="tablet"] #start-menu .start-core-actions button,
body[data-device-profile="phone"] #start-menu .start-core-actions button,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-core-actions button,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core-actions button {
  min-width: 0 !important;
  padding: 0 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body[data-device-profile="phone"] #start-menu .start-core-actions button,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core-actions button {
  font-size: 9px !important;
  letter-spacing: 0.08em !important;
}

body[data-device-profile="tablet"] #start-menu .start-galaxy-head,
body[data-device-profile="phone"] #start-menu .start-galaxy-head,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-galaxy-head,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-galaxy-head {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  align-items: start !important;
}

body[data-device-profile="tablet"] #start-menu #start-command-memory,
body[data-device-profile="phone"] #start-menu #start-command-memory,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu #start-command-memory,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu #start-command-memory {
  max-height: 64px !important;
}

body[data-device-profile="phone"] .taskbar,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
}

body[data-device-profile="phone"] .taskbar > *,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar > * {
  flex: 0 0 auto !important;
  scroll-snap-align: start !important;
}

body[data-device-profile="phone"] .taskbar .spacer,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar .spacer {
  display: none !important;
}

body[data-device-profile="tablet"] #start-menu .start-core > b,
body[data-device-profile="phone"] #start-menu .start-core > b,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-core > b,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core > b {
  display: none !important;
}

body[data-device-profile="tablet"] #start-menu .start-core::before,
body[data-device-profile="phone"] #start-menu .start-core::before,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-core::before,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core::before,
body[data-device-profile="tablet"] #start-menu .start-core::after,
body[data-device-profile="phone"] #start-menu .start-core::after,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-core::after,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core::after {
  content: none !important;
}

.start-core-identity {
  display: none !important;
}

body[data-device-profile="tablet"] #start-menu .start-core-identity,
body[data-device-profile="phone"] #start-menu .start-core-identity,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-core-identity,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core-identity {
  grid-area: brand;
  display: grid !important;
  gap: 4px !important;
  align-self: start !important;
  justify-self: start !important;
}

body[data-device-profile="tablet"] #start-menu .start-core-identity b,
body[data-device-profile="phone"] #start-menu .start-core-identity b,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-core-identity b,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core-identity b {
  display: block !important;
  margin: 0 !important;
  color: rgba(245, 248, 255, 0.96) !important;
  font: 700 clamp(24px, 4.8vw, 34px)/1.02 var(--font-display) !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body[data-device-profile="tablet"] #start-menu .start-core-identity small,
body[data-device-profile="phone"] #start-menu .start-core-identity small,
html body[data-launch="desktop"][data-device-profile="tablet"] #start-menu .start-core-identity small,
html body[data-launch="desktop"][data-device-profile="phone"] #start-menu .start-core-identity small {
  display: block !important;
  margin: 0 !important;
  color: rgba(164, 184, 201, 0.78);
  font: 700 11px/1 var(--font-display) !important;
  letter-spacing: 0.18em !important;
  text-transform: lowercase !important;
}

.launch-demo {
  width: 100%;
  min-height: 42px;
  margin-top: 10px;
  border: 1px solid rgba(255, 212, 122, 0.34);
  background:
    radial-gradient(circle at 18% 50%, rgba(255, 212, 122, 0.18), transparent 34%),
    linear-gradient(90deg, rgba(8, 12, 18, 0.92), rgba(18, 12, 6, 0.72));
  color: rgba(255, 230, 169, 0.94);
  font: 800 12px/1 var(--font-display);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  box-shadow: 0 0 22px rgba(255, 212, 122, 0.12), inset 0 0 18px rgba(255, 212, 122, 0.05);
}

body[data-demo-mode="1"] .taskbar {
  box-shadow:
    0 -1px 0 rgba(255, 212, 122, 0.16),
    0 -16px 42px rgba(255, 212, 122, 0.055),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.ghost-demo-tutorial {
  position: fixed;
  inset: 0;
  z-index: 260;
  pointer-events: none;
}

.ghost-demo-tutorial[hidden] {
  display: none !important;
}

.tutorial-beam {
  position: fixed;
  border: 1px solid rgba(255, 230, 169, 0.72);
  border-radius: 18px;
  background: radial-gradient(circle, rgba(255, 230, 169, 0.12), transparent 68%);
  box-shadow: 0 0 0 9999px rgba(1, 4, 8, 0.48), 0 0 38px rgba(255, 230, 169, 0.25);
  transition: left .22s ease, top .22s ease, width .22s ease, height .22s ease, opacity .18s ease;
  pointer-events: none;
}

.tutorial-line {
  position: fixed;
  z-index: 262;
  height: 1px;
  transform-origin: 0 50%;
  background:
    linear-gradient(90deg, rgba(255, 230, 169, 0.98), rgba(132, 240, 255, 0.62), transparent);
  box-shadow:
    0 0 10px rgba(255, 230, 169, 0.55),
    0 0 26px rgba(132, 240, 255, 0.28);
  opacity: 0;
  pointer-events: none;
  transition: left .22s ease, top .22s ease, width .22s ease, transform .22s ease, opacity .18s ease;
}

.tutorial-card {
  position: fixed;
  right: clamp(14px, 3vw, 42px);
  bottom: clamp(98px, 11vh, 152px);
  width: min(390px, calc(100vw - 28px));
  padding: 18px;
  border: 1px solid rgba(116, 192, 252, 0.22);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.16)),
    rgba(3, 8, 14, 0.92);
  color: rgba(240, 247, 255, 0.94);
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.46), inset 0 0 0 1px rgba(255,255,255,.035);
  backdrop-filter: blur(16px) saturate(1.12);
  pointer-events: auto;
}

.tutorial-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.tutorial-sigil-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.tutorial-persona {
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  border: 1px solid rgba(255, 230, 169, 0.38);
  background:
    radial-gradient(circle at 45% 28%, rgba(255,255,255,.22), transparent 32%),
    linear-gradient(180deg, rgba(10, 14, 23, 0.96), rgba(2, 4, 9, 0.92));
  box-shadow:
    0 0 28px rgba(255, 230, 169, 0.18),
    inset 0 0 18px rgba(132, 240, 255, 0.08);
  font-size: 24px;
}

.tutorial-identity {
  min-width: 0;
}

.tutorial-speaker {
  color: rgba(230, 244, 255, 0.92);
  font: 800 12px/1.05 var(--font-display);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.tutorial-kicker,
.tutorial-progress {
  color: rgba(255, 212, 122, 0.88);
  font: 800 11px/1 var(--font-display);
  letter-spacing: 0.2em;
}

.tutorial-kicker {
  display: block;
  margin-top: 4px;
}

.tutorial-progress {
  flex: 0 0 auto;
  padding-top: 4px;
}

.tutorial-card h2 {
  margin: 0 0 8px;
  color: rgba(255,255,255,.96);
  font: 800 24px/1.05 var(--font-display);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tutorial-card p {
  margin: 0 0 14px;
  color: rgba(204, 224, 238, 0.82);
  font: 600 13px/1.55 var(--font-ui);
}

.tutorial-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.tutorial-actions button {
  min-height: 38px;
  border: 1px solid rgba(116, 192, 252, 0.2);
  border-radius: 12px;
  background: rgba(7, 13, 20, 0.82);
  color: rgba(228, 242, 255, 0.9);
  font: 800 10px/1 var(--font-display);
  letter-spacing: 0.16em;
}

.tutorial-actions button:disabled {
  opacity: .38;
}

body[data-device-profile="tablet"] .taskbar,
html body[data-launch="desktop"][data-device-profile="tablet"] .taskbar {
  height: auto !important;
  min-height: 74px !important;
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: visible !important;
}

body[data-device-profile="tablet"] .taskbar .spacer,
html body[data-launch="desktop"][data-device-profile="tablet"] .taskbar .spacer {
  display: none !important;
}

body[data-device-profile="phone"] .taskbar,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar {
  height: auto !important;
  min-height: 112px !important;
  padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "launch system"
    "work widgets" !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: visible !important;
}

body[data-device-profile="phone"] .taskbar-cluster,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar-cluster {
  min-width: 0 !important;
  display: flex !important;
  gap: 7px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  scroll-snap-type: x proximity !important;
  padding: 0 !important;
}

body[data-device-profile="phone"] .taskbar-cluster::-webkit-scrollbar,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar-cluster::-webkit-scrollbar {
  display: none !important;
}

body[data-device-profile="phone"] .taskbar-launch,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar-launch {
  grid-area: launch !important;
}

body[data-device-profile="phone"] .taskbar-work,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar-work {
  grid-area: work !important;
}

body[data-device-profile="phone"] .taskbar-system,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar-system {
  grid-area: system !important;
  justify-self: end !important;
  max-width: 144px !important;
}

body[data-device-profile="phone"] .taskbar-widgets,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar-widgets {
  grid-area: widgets !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  gap: 7px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  padding: 0 !important;
}

body[data-device-profile="phone"] .taskbar-widgets::-webkit-scrollbar,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar-widgets::-webkit-scrollbar {
  display: none !important;
}

body[data-device-profile="phone"] .taskbar-divider,
body[data-device-profile="phone"] .spacer,
body[data-device-profile="phone"] .mini-tone,
body[data-device-profile="phone"] .theme-switcher,
body[data-device-profile="phone"] #daemon-text,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar-divider,
html body[data-launch="desktop"][data-device-profile="phone"] .spacer,
html body[data-launch="desktop"][data-device-profile="phone"] .mini-tone,
html body[data-launch="desktop"][data-device-profile="phone"] .theme-switcher,
html body[data-launch="desktop"][data-device-profile="phone"] #daemon-text {
  display: none !important;
}

body[data-device-profile="phone"] .taskbar button,
html body[data-launch="desktop"][data-device-profile="phone"] .taskbar button {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  scroll-snap-align: start !important;
}

body[data-device-profile="phone"] #media-widget,
body[data-device-profile="phone"] #music-mute-toggle,
body[data-device-profile="phone"] #progress-widget,
body[data-device-profile="phone"] #task-widget,
html body[data-launch="desktop"][data-device-profile="phone"] #media-widget,
html body[data-launch="desktop"][data-device-profile="phone"] #music-mute-toggle,
html body[data-launch="desktop"][data-device-profile="phone"] #progress-widget,
html body[data-launch="desktop"][data-device-profile="phone"] #task-widget {
  width: auto !important;
  min-width: 82px !important;
  max-width: 118px !important;
  padding-inline: 9px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

body[data-device-profile="phone"] #latency-readout,
body[data-device-profile="phone"] #clock,
html body[data-launch="desktop"][data-device-profile="phone"] #latency-readout,
html body[data-launch="desktop"][data-device-profile="phone"] #clock {
  display: none !important;
}

body[data-device-profile="phone"] .desktop,
html body[data-launch="desktop"][data-device-profile="phone"] .desktop {
  padding-bottom: 126px !important;
}

body[data-device-profile="phone"] .tutorial-card,
html body[data-device-profile="phone"] .tutorial-card {
  left: 10px;
  right: 10px;
  bottom: calc(124px + env(safe-area-inset-bottom, 0px));
  width: auto;
}

/* 2026-07-13 // origin site cut: start menu is a desktop panel, not a field takeover */
@media (min-width: 1101px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    inset: auto auto calc(92px + env(safe-area-inset-bottom, 0px)) clamp(96px, 7vw, 136px) !important;
    width: min(1180px, calc(100vw - clamp(178px, 16vw, 260px))) !important;
    height: min(690px, calc(100vh - 154px)) !important;
    max-width: calc(100vw - clamp(178px, 16vw, 260px)) !important;
    max-height: calc(100vh - 154px) !important;
    border-radius: 24px !important;
    padding: 16px !important;
    overflow: hidden !important;
    grid-template-columns: minmax(280px, 0.82fr) minmax(420px, 1.15fr) minmax(300px, 0.82fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "core core core"
      "list galaxy windows" !important;
  }
}

html body[data-launch="desktop"] #start-menu .start-galaxy-head span {
  color: rgba(141, 221, 245, 0.82) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-core {
  width: clamp(172px, 18vw, 232px) !important;
  height: clamp(172px, 18vw, 232px) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node {
  width: calc(36px * var(--node-size, 1)) !important;
  height: calc(36px * var(--node-size, 1)) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  margin-left: calc((36px * var(--node-size, 1)) / -2) !important;
  margin-top: calc((-1 * var(--orbit-radius)) - ((36px * var(--node-size, 1)) / 2)) !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::after {
  content: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-core {
  inset: 0 !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 42% 34%, rgba(255, 255, 255, 0.94) 0 12%, color-mix(in srgb, var(--node-color, #8fd7ff) 68%, white 18%) 26%, rgba(8, 15, 24, 0.72) 67%, rgba(3, 6, 10, 0.96) 100%) !important;
  border: 1px solid color-mix(in srgb, var(--node-color, #8fd7ff) 58%, rgba(240, 250, 255, 0.22)) !important;
  box-shadow:
    0 0 18px color-mix(in srgb, var(--node-color, #8fd7ff) 48%, transparent),
    0 0 46px color-mix(in srgb, var(--node-color, #8fd7ff) 22%, transparent),
    inset 0 0 18px rgba(255, 255, 255, 0.12) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-glyph,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-state {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu #start-galaxy {
  overflow: hidden !important;
}

/* 2026-07-13 // PHANTOM TEN KILLS: no takeover, no rotating square corpses */
@media (min-width: 1101px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    left: clamp(122px, 8vw, 176px) !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(94px + env(safe-area-inset-bottom, 0px)) !important;
    width: min(1020px, calc(100vw - clamp(190px, 15vw, 270px))) !important;
    height: min(612px, calc(100vh - 172px)) !important;
    max-width: calc(100vw - clamp(190px, 15vw, 270px)) !important;
    max-height: calc(100vh - 172px) !important;
    transform: none !important;
    border-radius: 26px !important;
    grid-template-columns: minmax(220px, 0.74fr) minmax(360px, 1fr) minmax(268px, 0.82fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "core core core"
      "list galaxy windows" !important;
  }
}

html body[data-launch="desktop"] #start-menu .start-core {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  min-width: 0 !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage {
  min-height: 0 !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy {
  min-height: 0 !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit {
  transform: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-lane,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-lane {
  transform: translate(-50%, -50%) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-track,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-track {
  animation: none !important;
  transform: rotate(var(--orbit-start, 0deg)) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node {
  width: calc(42px * var(--node-size, 1)) !important;
  height: calc(42px * var(--node-size, 1)) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  margin-left: calc((42px * var(--node-size, 1)) / -2) !important;
  margin-top: calc((-1 * var(--orbit-radius)) - ((42px * var(--node-size, 1)) / 2)) !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  rotate: 0deg !important;
  backdrop-filter: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node:hover,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node:focus-visible,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node:hover,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node:focus-visible {
  transform: scale(1.08) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::after,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node::after {
  content: none !important;
  display: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-core,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node-core,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node[data-task-synthetic="1"] .shared-ghost-orbit-node-core {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 999px !important;
  transform: none !important;
  rotate: 0deg !important;
  clip-path: circle(50% at 50% 50%) !important;
  background:
    radial-gradient(circle at 42% 33%, rgba(255, 255, 255, 0.96) 0 12%, color-mix(in srgb, var(--node-color, #8fd7ff) 72%, white 18%) 27%, rgba(8, 15, 24, 0.72) 66%, rgba(2, 5, 10, 0.98) 100%) !important;
  border: 1px solid color-mix(in srgb, var(--node-color, #8fd7ff) 62%, rgba(240, 250, 255, 0.26)) !important;
  box-shadow:
    0 0 18px color-mix(in srgb, var(--node-color, #8fd7ff) 50%, transparent),
    0 0 48px color-mix(in srgb, var(--node-color, #8fd7ff) 24%, transparent),
    inset 0 0 20px rgba(255, 255, 255, 0.14) !important;
}

/* 2026-07-13 // demo gate cut: click the ghost first, then passphrase wakes Echo */
html body:not(.launch-auth-armed) #launch-gate.launch-gate .launch-auth-card {
  opacity: 0.36 !important;
  transform: translateX(-50%) translateY(10px) scale(0.98) !important;
  filter: blur(1.5px) saturate(0.72) !important;
  pointer-events: auto !important;
}

html body:not(.launch-auth-armed) #launch-gate.launch-gate #launch-passphrase,
html body:not(.launch-auth-armed) #launch-gate.launch-gate #launch-manifest {
  pointer-events: none !important;
}

html body:not(.launch-auth-armed) #launch-gate.launch-gate #launch-demo {
  pointer-events: auto !important;
}

html body.launch-auth-armed #launch-gate.launch-gate .launch-auth-card {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) scale(1) !important;
  filter: none !important;
  pointer-events: auto !important;
  animation: authGateOpen 0.56s cubic-bezier(.2,.8,.2,1) both;
}

#launch-gate.launch-gate .launch-auth-card {
  transition:
    opacity 0.42s ease,
    transform 0.42s cubic-bezier(.2,.8,.2,1),
    filter 0.42s ease !important;
}

#launch-gate.launch-gate .gate-core-sigil::after {
  content: "OPEN";
  position: absolute;
  left: 50%;
  top: calc(100% + 20px);
  transform: translateX(-50%);
  color: rgba(218, 247, 255, 0.76);
  font: 800 10px/1 var(--font-mono);
  letter-spacing: 0.26em;
  text-shadow: 0 0 16px rgba(132, 240, 255, 0.32);
  opacity: 0.72;
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}

html body.launch-auth-armed #launch-gate.launch-gate .gate-core-sigil::after {
  content: "FIELD OPEN";
  opacity: 0.92;
  transform: translateX(-50%) translateY(2px);
}

html body:not(.launch-auth-armed) #launch-gate.launch-gate .gate-core-sigil {
  animation: gateCoreInvite 2.4s ease-in-out infinite;
}

#launch-gate.launch-gate .gate-core-sigil {
  min-width: 82px !important;
  min-height: 82px !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

#launch-gate.launch-gate .gate-core-shell {
  pointer-events: auto !important;
}

.temple-switcher {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 40px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(255, 212, 122, 0.22) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 20% 50%, rgba(255, 212, 122, 0.12), transparent 52%),
    rgba(6, 10, 18, 0.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 18px rgba(255, 212, 122, 0.08) !important;
}

.temple-switcher > span {
  color: rgba(255, 232, 175, 0.74) !important;
  font: 800 9px/1 var(--font-mono) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.temple-switcher button {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  border-color: rgba(255, 232, 175, 0.28) !important;
}

.temple-switcher button.active {
  border-color: rgba(255, 232, 175, 0.86) !important;
  box-shadow:
    0 0 0 1px rgba(255, 232, 175, 0.24),
    0 0 22px rgba(255, 212, 122, 0.24) !important;
}

body[data-device-profile="phone"] .temple-switcher,
html body[data-launch="desktop"][data-device-profile="phone"] .temple-switcher {
  min-width: max-content !important;
  padding: 0 7px !important;
}

html body.launch-gate-live #launch-gate .gate-constellation-stage,
html body:not([data-launch="desktop"]) #launch-gate .gate-constellation-stage {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
}

@media (max-height: 860px) {
  html body[data-launch="desktop"] .window.glyph-window,
  html body[data-launch="desktop"] .window.glyph-window.window-active {
    width: min(1100px, calc(100vw - 68px)) !important;
    height: min(560px, calc(100vh - 132px)) !important;
    min-width: min(980px, calc(100vw - 68px)) !important;
    min-height: min(560px, calc(100vh - 132px)) !important;
    max-height: calc(100vh - 116px) !important;
    top: 14px !important;
  }
}

/* 2026-07-17 // BLOOD CUT 1: compact summon law, real orbit law, readable shell law */
html body.command-ring-open .taskbar,
html body.command-ring-open #running-dock {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  filter: none !important;
}

html body.command-ring-open #dock-constellation {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transform: none !important;
  filter: none !important;
}

html body[data-launch="desktop"] #start-menu:not([hidden]) {
  left: clamp(112px, 7vw, 156px) !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  width: min(980px, calc(100vw - clamp(148px, 12vw, 232px))) !important;
  height: min(72vh, 620px) !important;
  max-width: calc(100vw - clamp(148px, 12vw, 232px)) !important;
  max-height: calc(100vh - 136px) !important;
  grid-template-columns: minmax(380px, 1.14fr) minmax(320px, 0.86fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core core"
    "galaxy list" !important;
  overflow: hidden !important;
  z-index: 230 !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list,
html body[data-launch="desktop"] #start-menu .start-window-overview,
html body[data-launch="desktop"] #start-menu #start-command-memory,
html body[data-launch="desktop"] #start-menu .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu #start-galaxy {
  min-height: 0 !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only:not([hidden]) {
  width: min(860px, calc(100vw - clamp(148px, 12vw, 232px))) !important;
  height: min(60vh, 520px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core"
    "galaxy" !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-memory,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-window-overview,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-menu-list,
html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-results:not([hidden]) {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit {
  width: 100% !important;
  height: 100% !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-core,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-core {
  width: clamp(168px, 22vw, 248px) !important;
  height: clamp(168px, 22vw, 248px) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-core b,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-core small,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-sigil,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-core b,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-core small,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-sigil {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node {
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::after,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node::after,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-state,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node-state {
  display: none !important;
  content: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-core,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node-core {
  inset: 8px !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-glyph,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node-glyph {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  display: grid !important;
  place-items: center !important;
  font-size: 24px !important;
  line-height: 1 !important;
  opacity: 0.96 !important;
}

html body[data-launch="desktop"] .surface-rail-return {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] .file-browser-shell {
  grid-template-columns: minmax(340px, var(--files-list-width, 380px)) 12px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 16px !important;
}

html body[data-launch="desktop"] .files-window #file-browser-list,
html body[data-launch="desktop"] .files-window .file-preview-shell,
html body[data-launch="desktop"] .files-window #file-preview {
  min-width: 0 !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .files-window .file-browser-item {
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .files-window .file-browser-item div,
html body[data-launch="desktop"] .files-window .file-browser-item b,
html body[data-launch="desktop"] .files-window .file-browser-item span,
html body[data-launch="desktop"] .files-window .file-browser-item small,
html body[data-launch="desktop"] .files-window .file-preview,
html body[data-launch="desktop"] .files-window .file-preview pre,
html body[data-launch="desktop"] .files-window .file-preview-head span {
  overflow-wrap: normal !important;
  word-break: break-word !important;
  white-space: pre-wrap !important;
  line-height: 1.48 !important;
}

html body[data-launch="desktop"] .files-window .file-browser-item b {
  font-size: 15px !important;
}

html body[data-launch="desktop"] .files-window .file-browser-item span,
html body[data-launch="desktop"] .files-window .file-browser-item small,
html body[data-launch="desktop"] .files-window .file-preview,
html body[data-launch="desktop"] .files-window .file-preview pre,
html body[data-launch="desktop"] .files-window .file-preview-head span {
  font-size: 13px !important;
}

html body[data-launch="desktop"] .job-window {
  min-width: 1320px !important;
}

html body[data-launch="desktop"] .job-window .job-shell {
  grid-template-columns: minmax(320px, var(--job-left-width, 340px)) 12px minmax(0, 1.3fr) 12px minmax(320px, var(--job-right-width, 392px)) !important;
  align-items: stretch !important;
}

html body[data-launch="desktop"] .job-window .job-rail,
html body[data-launch="desktop"] .job-window .job-stage,
html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .job-window #job-hover-panel,
html body[data-launch="desktop"] .job-window .job-route-hint,
html body[data-launch="desktop"] .job-window .job-bucket,
html body[data-launch="desktop"] .job-window .job-bucket-simple,
html body[data-launch="desktop"] .job-window .job-detail-grid article,
html body[data-launch="desktop"] .job-window .job-snapshot-card {
  min-width: 0 !important;
  overflow-wrap: normal !important;
  word-break: break-word !important;
}

html body[data-launch="desktop"] .job-window #job-input,
html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .job-window #job-hover-panel,
html body[data-launch="desktop"] .job-window .job-route-hint,
html body[data-launch="desktop"] .job-window .job-bucket,
html body[data-launch="desktop"] .job-window .job-bucket-simple,
html body[data-launch="desktop"] .job-window .job-detail-grid article,
html body[data-launch="desktop"] .job-window .job-snapshot-card,
html body[data-launch="desktop"] .job-window .surface-rail-head span {
  font-size: 13px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

html body[data-launch="desktop"] .job-window .surface-rail-head b,
html body[data-launch="desktop"] .job-window .job-stage-head b,
html body[data-launch="desktop"] .job-window .job-bucket b,
html body[data-launch="desktop"] .job-window .job-snapshot-card b,
html body[data-launch="desktop"] .job-window .job-detail-grid b {
  font-size: 15px !important;
  line-height: 1.3 !important;
}

@media (max-width: 1360px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    width: min(92vw, 880px) !important;
    max-width: 92vw !important;
    left: 4vw !important;
  }

  html body[data-launch="desktop"] .job-window {
    min-width: 1180px !important;
  }
}

/* 2026-07-17 // final start-shell tutorial law: visible summon, orbit-first, no square drift */
html body[data-launch="desktop"] #start-menu:not([hidden]) {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  left: clamp(118px, 8vw, 164px) !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(94px + env(safe-area-inset-bottom, 0px)) !important;
  width: min(720px, calc(100vw - clamp(176px, 14vw, 258px))) !important;
  max-width: calc(100vw - clamp(176px, 14vw, 258px)) !important;
  height: min(458px, calc(100vh - 188px)) !important;
  max-height: calc(100vh - 188px) !important;
  overflow: hidden !important;
  z-index: 260 !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only:not([hidden]) {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core"
    "galaxy" !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-memory,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-window-overview,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-menu-list,
html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-results:not([hidden]) {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu:not(.command-searching) #start-command-results,
html body[data-launch="desktop"] #start-menu:not(.command-searching) #start-command-memory,
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-window-overview {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu #start-galaxy {
  min-height: 0 !important;
  height: 100% !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node {
  border-radius: 999px !important;
  aspect-ratio: 1 / 1 !important;
}

/* 2026-07-16 // WHOLE-SITE POLISH PASS: compact summon, real orbs, cleaner tutorial law */
html body[data-launch="desktop"] #start-menu:not([hidden]) {
  left: clamp(104px, 7vw, 154px) !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  transform: none !important;
  width: min(920px, calc(100vw - clamp(148px, 12vw, 228px) - 26px)) !important;
  height: min(612px, calc(100vh - 158px)) !important;
  max-width: calc(100vw - clamp(148px, 12vw, 228px) - 26px) !important;
  max-height: calc(100vh - 158px) !important;
  padding: 22px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(142, 234, 255, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(10, 16, 28, 0.97), rgba(4, 8, 15, 0.94)) !important;
  box-shadow:
    0 22px 80px rgba(0, 0, 0, 0.46),
    0 0 0 1px rgba(136, 223, 255, 0.06) inset,
    0 0 54px rgba(115, 229, 255, 0.08) !important;
  backdrop-filter: blur(20px) saturate(112%) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core"
    "memory"
    "galaxy" !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-core {
  gap: 14px !important;
  padding: 0 !important;
}

html body[data-launch="desktop"] #start-menu .start-core > b span {
  font-size: clamp(24px, 2.2vw, 42px) !important;
  letter-spacing: 0.14em !important;
}

html body[data-launch="desktop"] #start-menu .start-core > b small,
html body[data-launch="desktop"] #start-menu .start-core-identity small {
  opacity: 0.56 !important;
  letter-spacing: 0.18em !important;
}

html body[data-launch="desktop"] #start-menu #start-command-input {
  min-height: 62px !important;
  border-radius: 16px !important;
  padding: 0 20px !important;
  font-size: 15px !important;
  letter-spacing: 0.14em !important;
}

html body[data-launch="desktop"] #start-menu .start-core-actions {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] #start-menu .start-core-actions button {
  min-height: 48px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
  letter-spacing: 0.15em !important;
}

html body[data-launch="desktop"] #start-menu #start-command-memory {
  display: flex !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  margin-top: 12px !important;
  background: rgba(6, 11, 20, 0.72) !important;
  border: 1px solid rgba(140, 223, 255, 0.12) !important;
  color: rgba(178, 227, 247, 0.72) !important;
  font-size: 12px !important;
  letter-spacing: 0.13em !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(292px, 0.92fr) !important;
  gap: 18px !important;
  min-height: 0 !important;
  margin-top: 16px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu .start-window-overview,
html body[data-launch="desktop"] #start-menu .start-menu-list {
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 24px !important;
  border: 1px solid rgba(143, 232, 255, 0.1) !important;
  background: rgba(7, 12, 20, 0.62) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.015) inset !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  padding: 18px 18px 14px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-head {
  margin-bottom: 12px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-head b,
html body[data-launch="desktop"] #start-menu .start-window-overview-head b {
  font-size: 13px !important;
  letter-spacing: 0.18em !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-head span,
html body[data-launch="desktop"] #start-menu .start-window-overview-head span {
  color: rgba(158, 219, 240, 0.74) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy {
  min-height: 360px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit {
  min-height: 100% !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-core {
  width: clamp(156px, 18vw, 214px) !important;
  height: clamp(156px, 18vw, 214px) !important;
  border-radius: 999px !important;
  box-shadow:
    0 0 0 1px rgba(232, 247, 255, 0.42),
    0 0 44px rgba(148, 238, 255, 0.2),
    0 0 94px rgba(148, 238, 255, 0.14) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-core b,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-core small,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-sigil {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node {
  width: calc(34px * var(--node-size, 1)) !important;
  height: calc(34px * var(--node-size, 1)) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin-left: calc((34px * var(--node-size, 1)) / -2) !important;
  margin-top: calc((-1 * var(--orbit-radius)) - ((34px * var(--node-size, 1)) / 2)) !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::after {
  display: none !important;
  content: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-core {
  inset: 0 !important;
  border-radius: 999px !important;
  box-shadow:
    0 0 0 1px rgba(224, 245, 255, 0.56),
    0 0 18px rgba(151, 236, 255, 0.22),
    0 0 42px rgba(151, 236, 255, 0.16) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-glyph {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  font-size: clamp(17px, calc(14px * var(--node-size, 1)), 28px) !important;
  text-shadow: 0 0 18px rgba(255, 255, 255, 0.26) !important;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,0.24), transparent 46%),
    radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--node-color, #8fd7ff) 52%, rgba(255,255,255,0.2)) 0, rgba(10, 18, 30, 0.28) 54%, rgba(4, 8, 14, 0) 70%) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--node-color, #8fd7ff) 42%, rgba(255,255,255,0.18)),
    0 0 26px color-mix(in srgb, var(--node-color, #8fd7ff) 22%, transparent) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-state {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-lane:hover .shared-ghost-orbit-node-glyph,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node:focus-visible .shared-ghost-orbit-node-glyph {
  transform: scale(1.06) !important;
  filter: brightness(1.14) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy-detail {
  margin-top: 10px !important;
  min-height: 92px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(147, 230, 255, 0.14) !important;
  background: rgba(5, 10, 18, 0.76) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-detail-card {
  gap: 14px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-detail-head b,
html body[data-launch="desktop"] #start-menu .start-galaxy-detail-actions button {
  letter-spacing: 0.14em !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-detail-body {
  color: rgba(231, 242, 249, 0.84) !important;
  line-height: 1.52 !important;
}

html body[data-launch="desktop"] #start-menu .start-window-overview {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 18px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-window-overview-tools {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] #start-menu .start-window-overview-tools button {
  min-height: 42px !important;
  border-radius: 14px !important;
}

html body[data-launch="desktop"] #start-menu #start-window-stack,
html body[data-launch="desktop"] #start-menu #start-window-overview-list {
  min-height: 0 !important;
}

html body[data-launch="desktop"] #start-menu #start-window-stack {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] #start-menu .start-window-card,
html body[data-launch="desktop"] #start-menu .start-window-row {
  border-radius: 16px !important;
  border-color: rgba(138, 225, 255, 0.12) !important;
  background: rgba(7, 12, 20, 0.82) !important;
}

html body[data-launch="desktop"] #start-menu .start-window-card span,
html body[data-launch="desktop"] #start-menu .start-window-row span {
  color: rgba(168, 222, 241, 0.76) !important;
}

html body[data-launch="desktop"] #start-menu #start-window-overview-list {
  display: grid !important;
  grid-auto-rows: minmax(72px, auto) !important;
  gap: 10px !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

html body[data-launch="desktop"] #start-menu .start-window-actions {
  gap: 8px !important;
}

html body[data-launch="desktop"] #start-menu .start-window-actions button {
  min-height: 36px !important;
  border-radius: 12px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-content: start !important;
  gap: 12px !important;
  overflow: auto !important;
  padding: 18px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list > button {
  display: grid !important;
  align-content: end !important;
  justify-items: start !important;
  min-height: 108px !important;
  padding: 16px 16px 14px 66px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(140, 222, 255, 0.12) !important;
  background: linear-gradient(180deg, rgba(14, 24, 38, 0.88), rgba(8, 13, 22, 0.94)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.02) inset,
    0 10px 28px rgba(0, 0, 0, 0.18) !important;
  color: rgba(236, 244, 249, 0.96) !important;
  text-align: left !important;
  letter-spacing: 0.08em !important;
  line-height: 1.22 !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list > button::before {
  left: 16px !important;
  top: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
  font-size: 18px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list > button::after {
  display: block !important;
  margin-top: 8px !important;
  color: rgba(149, 218, 239, 0.72) !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  line-height: 1.35 !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list > button:hover,
html body[data-launch="desktop"] #start-menu .start-menu-list > button:focus-visible,
html body[data-launch="desktop"] #start-menu .start-menu-list > button.active {
  transform: translateY(-1px) !important;
  border-color: rgba(159, 233, 255, 0.28) !important;
  box-shadow:
    0 0 0 1px rgba(159, 233, 255, 0.08) inset,
    0 18px 34px rgba(0, 0, 0, 0.22),
    0 0 24px rgba(122, 221, 255, 0.08) !important;
}

html body[data-launch="desktop"] .ghost-demo-tutorial .tutorial-card {
  width: min(388px, calc(100vw - 34px)) !important;
  padding: 18px 18px 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(148, 230, 255, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(10, 16, 27, 0.96), rgba(5, 9, 16, 0.94)) !important;
  box-shadow:
    0 22px 52px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(255, 255, 255, 0.03) inset !important;
}

html body[data-launch="desktop"] .tutorial-persona {
  width: 48px !important;
  height: 48px !important;
  font-size: 22px !important;
  color: rgba(255, 244, 227, 0.94) !important;
}

html body[data-launch="desktop"] .tutorial-speaker {
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  color: rgba(163, 221, 241, 0.84) !important;
}

html body[data-launch="desktop"] .tutorial-card h2 {
  font-size: clamp(28px, 3vw, 40px) !important;
  letter-spacing: 0.08em !important;
}

html body[data-launch="desktop"] .tutorial-card p {
  color: rgba(232, 242, 247, 0.86) !important;
  font-size: 14px !important;
  line-height: 1.56 !important;
  letter-spacing: 0.04em !important;
}

html body[data-launch="desktop"] .tutorial-progress,
html body[data-launch="desktop"] .tutorial-kicker {
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
}

@media (max-width: 1260px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    width: calc(100vw - 102px) !important;
    max-width: calc(100vw - 102px) !important;
    height: min(70vh, calc(100vh - 144px)) !important;
    max-height: calc(100vh - 144px) !important;
  }

  html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
  }
}

@media (max-width: 920px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    left: 12px !important;
    right: 12px !important;
    bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    max-width: none !important;
    height: min(76vh, calc(100vh - 112px)) !important;
    max-height: calc(100vh - 112px) !important;
    padding: 16px !important;
  }

  html body[data-launch="desktop"] #start-menu .start-core-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body[data-launch="desktop"] #start-menu .start-menu-list {
    grid-template-columns: 1fr !important;
  }

  html body[data-launch="desktop"] #start-menu #start-window-stack {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-07-16 // mail server lane polish */
.mail-compose-shell {
  margin-top: 14px !important;
  padding: 14px 16px 16px !important;
  border: 1px solid color-mix(in srgb, var(--surface-color, var(--accent)) 26%, rgba(255,255,255,.08)) !important;
  background:
    linear-gradient(180deg, rgba(5, 10, 18, .92), rgba(7, 12, 22, .84)),
    repeating-linear-gradient(to bottom, rgba(255,255,255,.028), rgba(255,255,255,.028) 1px, transparent 2px, transparent 5px) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 18px color-mix(in srgb, var(--surface-color, var(--accent)) 10%, transparent) !important;
}

.mail-compose-grid {
  margin-top: 10px !important;
}

.mail-compose-grid label.operator-profile-wide {
  grid-column: 1 / -1 !important;
}

.mail-compose-grid textarea {
  min-height: 112px !important;
  resize: vertical !important;
}

.mail-generic-hint {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: 6px !important;
  padding: 10px 12px !important;
  border: 1px solid color-mix(in srgb, var(--surface-color, var(--accent)) 22%, rgba(255,255,255,.06)) !important;
  background: color-mix(in srgb, var(--surface-color, var(--accent)) 8%, rgba(0,0,0,.44)) !important;
  color: #d7f8ff !important;
}

.mail-generic-hint b {
  color: #fff !important;
  letter-spacing: .12em !important;
}

.mail-generic-hint span {
  color: rgba(214, 242, 255, .82) !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

/* 2026-07-16 // operator law: desktop summon stays bounded, readable, and dismissible */
html body[data-launch="desktop"] #start-menu[hidden],
html body[data-launch="desktop"] #start-menu[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu:not([hidden]) {
  position: fixed !important;
  left: clamp(104px, 7vw, 154px) !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(102px + env(safe-area-inset-bottom, 0px)) !important;
  width: min(920px, calc(100vw - clamp(156px, 12vw, 238px))) !important;
  max-width: calc(100vw - clamp(156px, 12vw, 238px)) !important;
  height: min(72vh, 760px) !important;
  max-height: calc(100vh - 184px) !important;
  padding: 18px !important;
  gap: 16px !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  z-index: 240 !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.88fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core core"
    "galaxy list" !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only:not([hidden]) {
  width: min(760px, calc(100vw - clamp(156px, 12vw, 238px))) !important;
  height: min(56vh, 560px) !important;
  max-height: calc(100vh - 210px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core"
    "galaxy" !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-memory,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-window-overview,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-menu-list,
html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-results:not([hidden]) {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu:not(.command-searching) #start-command-results,
html body[data-launch="desktop"] #start-menu:not(.command-searching) #start-command-memory,
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-window-overview {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list {
  overflow: auto !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu #start-galaxy {
  min-height: 0 !important;
  height: 100% !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node {
  width: clamp(58px, 5vw, 84px) !important;
  height: clamp(58px, 5vw, 84px) !important;
  min-width: clamp(58px, 5vw, 84px) !important;
  min-height: clamp(58px, 5vw, 84px) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-glyph,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node-glyph {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: clamp(20px, 1.8vw, 30px) !important;
  line-height: 1 !important;
  text-shadow: 0 0 12px rgba(240, 250, 255, 0.4) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node *,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node * {
  writing-mode: initial !important;
}

html body[data-launch="desktop"] .file-browser-shell,
html body[data-launch="desktop"] .file-browser-body,
html body[data-launch="desktop"] .file-browser-tree,
html body[data-launch="desktop"] .file-browser-preview,
html body[data-launch="desktop"] .file-browser-entry,
html body[data-launch="desktop"] .file-browser-detail,
html body[data-launch="desktop"] .file-browser-meta {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

html body[data-launch="desktop"] .file-browser-shell {
  grid-template-columns: minmax(320px, 0.95fr) minmax(360px, 1.15fr) !important;
  gap: 18px !important;
}

html body[data-launch="desktop"] .file-browser-entry,
html body[data-launch="desktop"] .file-browser-preview,
html body[data-launch="desktop"] .file-browser-tree {
  font-size: 15px !important;
  line-height: 1.45 !important;
}

html body[data-launch="desktop"] .ledger-window .ledger-body,
html body[data-launch="desktop"] .ledger-window .ledger-stage,
html body[data-launch="desktop"] .ledger-window .ledger-rail,
html body[data-launch="desktop"] .ledger-window .ledger-card,
html body[data-launch="desktop"] .ledger-window .ledger-stat,
html body[data-launch="desktop"] .ledger-window #ledger-signal,
html body[data-launch="desktop"] .ledger-window #ledger-overview {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

html body[data-launch="desktop"] .ledger-window .ledger-body {
  grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.36fr) minmax(280px, 0.82fr) !important;
  gap: 18px !important;
}

html body[data-launch="desktop"] .ledger-window .ledger-stage,
html body[data-launch="desktop"] .ledger-window #ledger-signal,
html body[data-launch="desktop"] .ledger-window #ledger-overview {
  overflow: auto !important;
}

@media (max-width: 1080px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    left: 76px !important;
    width: calc(100vw - 104px) !important;
    max-width: calc(100vw - 104px) !important;
    height: min(72vh, 720px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "core"
      "galaxy"
      "list" !important;
  }

  html body[data-launch="desktop"] .file-browser-shell,
  html body[data-launch="desktop"] .ledger-window .ledger-body {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 2026-07-16 // desktop law hardening: blank boot, summon shell, readable rails */
html body[data-launch="desktop"] #start-menu[hidden],
html body[data-launch="desktop"] #start-menu[aria-hidden="true"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] #start-menu:not([hidden]) {
  position: fixed !important;
  left: clamp(112px, 8vw, 168px) !important;
  bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  top: auto !important;
  right: auto !important;
  width: min(820px, calc(100vw - clamp(180px, 14vw, 276px))) !important;
  height: min(530px, calc(100vh - 184px)) !important;
  max-height: calc(100vh - 184px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, 0.82fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core core"
    "galaxy overview" !important;
  gap: 14px !important;
  overflow: hidden !important;
  z-index: 240 !important;
}

html body[data-launch="desktop"] #start-menu .start-core {
  grid-area: core !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  grid-area: galaxy !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu #start-galaxy {
  min-height: 0 !important;
  height: 100% !important;
}

html body[data-launch="desktop"] #start-menu .start-window-overview {
  grid-area: overview !important;
  display: grid !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-window-overview-list {
  min-height: 0 !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu.command-searching:not(.start-orbit-only) {
  grid-template-columns: minmax(0, 1.04fr) minmax(280px, 0.86fr) !important;
  grid-template-areas:
    "core core"
    "results overview" !important;
}

html body[data-launch="desktop"] #start-menu.command-searching:not(.start-orbit-only) #start-command-results:not([hidden]) {
  grid-area: results !important;
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  min-height: 0 !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] #start-menu.command-searching:not(.start-orbit-only) .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu.command-searching:not(.start-orbit-only) #start-command-memory {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-detail {
  min-height: 124px !important;
  padding: 14px 16px !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node {
  width: clamp(64px, 5vw, 78px) !important;
  height: clamp(64px, 5vw, 78px) !important;
  min-width: clamp(64px, 5vw, 78px) !important;
  min-height: clamp(64px, 5vw, 78px) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-glyph {
  font-size: clamp(24px, 2vw, 30px) !important;
}

html body[data-launch="desktop"] .surface-rail-return {
  opacity: 0 !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] .surface-rail-return::before {
  content: "‹" !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

html body[data-launch="desktop"] .surface-rail-return-right::before {
  content: "›" !important;
}

html body[data-launch="desktop"] .mail-shell[data-left-rail-open="false"] .surface-rail-return-left,
html body[data-launch="desktop"] .mail-shell[data-right-rail-open="false"] .surface-rail-return-right,
html body[data-launch="desktop"] .job-shell[data-left-rail-open="false"] .surface-rail-return-left,
html body[data-launch="desktop"] .job-shell[data-right-rail-open="false"] .surface-rail-return-right,
html body[data-launch="desktop"] .astra-shell[data-left-rail-open="false"] .surface-rail-return-left,
html body[data-launch="desktop"] .astra-shell[data-right-rail-open="false"] .surface-rail-return-right {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 2026-07-19 // ASTRA TOP CUT: readable demo board, no crushed columns */
html body[data-launch="desktop"] .browser-window.window-active {
  width: min(1720px, calc(100vw - 72px)) !important;
  height: min(930px, calc(100vh - 112px)) !important;
  left: max(36px, env(safe-area-inset-left, 0px)) !important;
  top: max(54px, env(safe-area-inset-top, 0px)) !important;
}

html body[data-launch="desktop"] .browser-window.window-active #browser-form {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) repeat(5, minmax(110px, 0.32fr)) !important;
  gap: 10px !important;
  align-items: center !important;
}

html body[data-launch="desktop"] .browser-window.window-active #browser-url {
  width: 100% !important;
  min-width: 0 !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] #astra-output {
  height: 100% !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-subject-board {
  grid-template-columns: minmax(190px, 250px) minmax(0, 1fr) !important;
  grid-template-areas:
    "index visual"
    "data data" !important;
  align-content: start !important;
  gap: 18px !important;
  padding: clamp(12px, 1vw, 18px) !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-sequence-list {
  grid-area: index !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-visual-stage {
  grid-area: visual !important;
  min-width: 0 !important;
  min-height: 420px !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-data-column {
  grid-area: data !important;
  display: grid !important;
  grid-template-columns: minmax(190px, 0.55fr) minmax(280px, 1fr) minmax(280px, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-data-column .astra-readout-card {
  max-height: 210px !important;
  min-height: 126px !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-diagnostic-strip {
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  max-height: 182px !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-sequence-cell,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-readout-card,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-link-chip {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-visual-fan-shell {
  min-height: 188px !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-visual-fan {
  min-height: 168px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-link-orbit {
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
}

@media (max-width: 1120px) {
  html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-subject-board,
  html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-data-column,
  html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-link-orbit,
  html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-diagnostic-strip {
    grid-template-columns: 1fr !important;
    grid-template-areas: none !important;
  }
}

html body[data-launch="desktop"] .files-window {
  width: min(1420px, calc(100vw - 96px)) !important;
  height: min(820px, calc(100vh - 104px)) !important;
}

html body[data-launch="desktop"] .file-browser-shell {
  grid-template-columns: minmax(360px, 0.86fr) 14px minmax(0, 1.14fr) !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .files-window .file-browser-item {
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  align-items: start !important;
  min-width: 0 !important;
}

html body[data-launch="desktop"] .files-window .file-browser-item b {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

html body[data-launch="desktop"] .files-window .file-browser-item span,
html body[data-launch="desktop"] .files-window .file-browser-item small,
html body[data-launch="desktop"] .files-window .file-preview,
html body[data-launch="desktop"] .files-window .file-preview pre,
html body[data-launch="desktop"] .files-window .file-preview-head span {
  font-size: 13px !important;
  line-height: 1.6 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

html body[data-launch="desktop"] .job-window {
  width: min(1640px, calc(100vw - 72px)) !important;
  height: min(900px, calc(100vh - 84px)) !important;
}

html body[data-launch="desktop"] .job-window .job-shell {
  grid-template-columns: minmax(372px, 0.96fr) 12px minmax(0, 1.5fr) 12px minmax(364px, 0.94fr) !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .job-window .job-rail,
html body[data-launch="desktop"] .job-window .job-stage {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 16px !important;
}

html body[data-launch="desktop"] .job-window #job-input {
  min-height: 132px !important;
  max-height: 188px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .job-window #job-hover-panel {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: auto !important;
  scrollbar-gutter: stable both-edges !important;
}

html body[data-launch="desktop"] .job-window .job-bucket,
html body[data-launch="desktop"] .job-window .job-bucket-simple,
html body[data-launch="desktop"] .job-window .job-snapshot-card,
html body[data-launch="desktop"] .job-window .job-detail-grid article,
html body[data-launch="desktop"] .job-window .job-card {
  min-width: 0 !important;
  padding: 16px !important;
}

html body[data-launch="desktop"] .job-window .job-bucket b,
html body[data-launch="desktop"] .job-window .job-stage-head b,
html body[data-launch="desktop"] .job-window .surface-rail-head b,
html body[data-launch="desktop"] .job-window .job-detail-head b {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

html body[data-launch="desktop"] .job-window .job-bucket b span,
html body[data-launch="desktop"] .job-window .job-snapshot-card span,
html body[data-launch="desktop"] .job-window .job-card span {
  display: block !important;
  font-size: 24px !important;
  line-height: 1.24 !important;
}

html body[data-launch="desktop"] .job-window .job-bucket small,
html body[data-launch="desktop"] .job-window .job-route-hint span,
html body[data-launch="desktop"] .job-window .job-route-hint b,
html body[data-launch="desktop"] .job-window .job-detail-grid span,
html body[data-launch="desktop"] .job-window .job-card p,
html body[data-launch="desktop"] .job-window .job-card small,
html body[data-launch="desktop"] .job-window .job-hover-panel span,
html body[data-launch="desktop"] .job-window .job-hover-panel small {
  font-size: 14px !important;
  line-height: 1.65 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

html body[data-launch="desktop"] .job-window .job-detail-grid {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .job-window #job-output .job-lane-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

@media (max-width: 1320px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    left: max(88px, env(safe-area-inset-left, 0px)) !important;
    width: calc(100vw - 100px) !important;
    height: min(72vh, calc(100vh - 136px)) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "core"
      "galaxy"
      "overview" !important;
  }

  html body[data-launch="desktop"] .job-window .job-shell,
  html body[data-launch="desktop"] .file-browser-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-launch="desktop"] .job-window .job-shell-resizer,
  html body[data-launch="desktop"] .file-browser-resizer {
    display: none !important;
  }
}

/* 2026-07-16 // summon law + readable rails: orbit first, details on demand */
html body[data-launch="desktop"] #start-menu.start-orbit-only:not([hidden]) {
  width: min(760px, calc(100vw - clamp(184px, 16vw, 286px))) !important;
  height: min(472px, calc(100vh - 188px)) !important;
  max-height: calc(100vh - 188px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core"
    "galaxy" !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-memory,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-window-overview,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-menu-list,
html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-results:not([hidden]) {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only .start-galaxy-shell {
  grid-area: galaxy !important;
  min-height: 0 !important;
  padding: 14px !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu.start-orbit-only #start-galaxy {
  min-height: 100% !important;
  height: 100% !important;
}

html body[data-launch="desktop"] #start-menu.command-searching:not(.start-orbit-only) #start-command-memory {
  display: block !important;
}

html body[data-launch="desktop"] #start-menu.command-searching:not(.start-orbit-only) .start-window-overview {
  display: flex !important;
  flex-direction: column !important;
}

html body[data-launch="desktop"] #start-menu.command-searching:not(.start-orbit-only) .start-menu-list {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] #start-menu.command-searching:not(.start-orbit-only) #start-command-results:not([hidden]) {
  display: grid !important;
}

html body[data-launch="desktop"] .files-window {
  width: min(1220px, calc(100vw - 84px)) !important;
  min-width: 860px !important;
}

html body[data-launch="desktop"] .file-browser-shell {
  grid-template-columns: minmax(300px, 0.88fr) minmax(360px, 1.12fr) !important;
  align-items: stretch !important;
}

html body[data-launch="desktop"] .file-browser-list,
html body[data-launch="desktop"] .file-preview-shell,
html body[data-launch="desktop"] .file-preview {
  min-height: 0 !important;
}

html body[data-launch="desktop"] .file-browser-item {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: start !important;
  min-height: 96px !important;
  padding: 14px 16px !important;
}

html body[data-launch="desktop"] .file-browser-item div,
html body[data-launch="desktop"] .file-browser-item b,
html body[data-launch="desktop"] .file-browser-item span,
html body[data-launch="desktop"] .file-browser-item small,
html body[data-launch="desktop"] .file-preview,
html body[data-launch="desktop"] .file-preview pre {
  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .job-window {
  width: min(1480px, calc(100vw - 72px)) !important;
  min-width: 1180px !important;
}

html body[data-launch="desktop"] .job-window .job-shell {
  grid-template-columns: minmax(286px, 0.78fr) minmax(0, 1.34fr) minmax(280px, 0.74fr) !important;
  gap: 18px !important;
}

html body[data-launch="desktop"] .job-window .job-rail,
html body[data-launch="desktop"] .job-window .job-stage,
html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .job-window #job-hover-panel {
  min-width: 0 !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .job-window .surface-rail-head,
html body[data-launch="desktop"] .job-window .job-stage-head,
html body[data-launch="desktop"] .job-window .surface-shell-actions,
html body[data-launch="desktop"] .job-window .surface-rail-toggle-row {
  flex-wrap: wrap !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .job-window #job-input,
html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .job-window #job-hover-panel,
html body[data-launch="desktop"] .job-window .job-bucket,
html body[data-launch="desktop"] .job-window .job-bucket-simple,
html body[data-launch="desktop"] .job-window .job-detail-grid article,
html body[data-launch="desktop"] .job-window .job-snapshot-card {
  font-size: 15px !important;
  line-height: 1.55 !important;
  letter-spacing: 0.03em !important;
}

html body[data-launch="desktop"] .job-window .job-bucket b,
html body[data-launch="desktop"] .job-window .job-bucket b span,
html body[data-launch="desktop"] .job-window .job-route-hint b,
html body[data-launch="desktop"] .job-window .job-route-hint span,
html body[data-launch="desktop"] .job-window .job-hover-panel b,
html body[data-launch="desktop"] .job-window .job-hover-panel span,
html body[data-launch="desktop"] .job-window .job-hover-panel small,
html body[data-launch="desktop"] .job-window .job-detail-grid span,
html body[data-launch="desktop"] .job-window .job-snapshot-card span,
html body[data-launch="desktop"] .job-window .job-snapshot-card small {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .ledger-window {
  width: min(920px, calc(100vw - 72px)) !important;
  min-width: 640px !important;
}

html body[data-launch="desktop"] .ledger-body {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

html body[data-launch="desktop"] .ledger-body label:first-child,
html body[data-launch="desktop"] .ledger-body textarea,
html body[data-launch="desktop"] .ledger-body button,
html body[data-launch="desktop"] .ledger-body pre {
  grid-column: 1 / -1 !important;
}

@media (max-width: 1100px) {
  html body[data-launch="desktop"] #start-menu.start-orbit-only:not([hidden]) {
    left: max(84px, env(safe-area-inset-left, 0px)) !important;
    right: 12px !important;
    width: auto !important;
    height: min(52vh, 456px) !important;
  }

  html body[data-launch="desktop"] .files-window,
  html body[data-launch="desktop"] .job-window,
  html body[data-launch="desktop"] .ledger-window {
    min-width: 0 !important;
    width: min(calc(100vw - 22px), 100%) !important;
  }

  html body[data-launch="desktop"] .file-browser-shell,
  html body[data-launch="desktop"] .job-window .job-shell,
  html body[data-launch="desktop"] .ledger-body {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 2026-07-19 // MANIFESTO CUT: operator-visible law wins the cascade. */
html body.launch-gate-live #launch-gate .launch-gate-shell::before,
html body:not([data-launch="desktop"]) #launch-gate .launch-gate-shell::before {
  top: clamp(22px, 8vh, 92px) !important;
  bottom: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1180px, 92vw) !important;
  text-align: center !important;
  letter-spacing: clamp(0.18em, 2.2vw, 0.58em) !important;
  font-size: clamp(44px, 10vw, 170px) !important;
  line-height: 0.82 !important;
  opacity: 0.145 !important;
  filter: blur(0.15px) drop-shadow(0 0 28px rgba(184, 242, 255, 0.2)) !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] #start-menu:not([hidden]) {
  left: clamp(20px, 5vw, 88px) !important;
  top: clamp(62px, 7vh, 92px) !important;
  width: min(1180px, calc(100vw - 44px)) !important;
  height: min(780px, calc(100vh - 112px)) !important;
  max-width: calc(100vw - 44px) !important;
  max-height: calc(100vh - 104px) !important;
  background:
    radial-gradient(circle at 29% 48%, rgba(202, 246, 255, 0.16), transparent 31%),
    radial-gradient(circle at 66% 52%, rgba(139, 114, 255, 0.12), transparent 33%),
    radial-gradient(circle at 82% 78%, rgba(255, 78, 126, 0.10), transparent 26%),
    linear-gradient(180deg, rgba(4, 8, 18, 0.95), rgba(2, 5, 10, 0.94)) !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-body {
  grid-template-columns: minmax(520px, 1.35fr) minmax(330px, 0.72fr) !important;
  gap: 18px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu #start-galaxy {
  min-height: 520px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list {
  align-content: start !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  padding: 6px 10px 6px 0 !important;
  scrollbar-gutter: stable !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list button {
  min-height: 66px !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  border-radius: 999px !important;
  border-color: color-mix(in srgb, var(--surface-color, var(--cyan)) 52%, rgba(255, 255, 255, 0.2)) !important;
  background:
    radial-gradient(circle at 28px 50%, color-mix(in srgb, var(--surface-color, var(--cyan)) 42%, transparent), transparent 34px),
    linear-gradient(90deg, rgba(5, 13, 23, 0.86), rgba(8, 13, 24, 0.58)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.035) inset,
    0 0 22px color-mix(in srgb, var(--surface-color, var(--cyan)) 18%, transparent) !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list button i,
html body[data-launch="desktop"] #start-menu .start-menu-list button .start-icon,
html body[data-launch="desktop"] #start-menu .start-menu-list button span:first-child {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.86), color-mix(in srgb, var(--surface-color, var(--cyan)) 48%, transparent) 42%, rgba(2, 5, 10, 0.78) 70%) !important;
  box-shadow: 0 0 24px color-mix(in srgb, var(--surface-color, var(--cyan)) 38%, transparent) !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list button b,
html body[data-launch="desktop"] #start-menu .start-menu-list button strong {
  letter-spacing: 0.08em !important;
  line-height: 1.05 !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode {
  left: max(18px, calc((100vw - min(1540px, calc(100vw - 54px))) / 2)) !important;
  top: clamp(42px, 5vh, 70px) !important;
  width: min(1540px, calc(100vw - 54px)) !important;
  height: min(900px, calc(100vh - 94px)) !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell {
  grid-template-columns: minmax(300px, 0.86fr) minmax(560px, 1.55fr) minmax(300px, 0.86fr) !important;
  gap: 18px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-rail,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-stage {
  background: rgba(4, 11, 18, 0.78) !important;
  border: 1px solid rgba(255, 82, 126, 0.28) !important;
  box-shadow: inset 0 0 32px rgba(255, 82, 126, 0.035), 0 0 28px rgba(0, 0, 0, 0.28) !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-memory,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-hover-panel {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  color: rgba(232, 251, 255, 0.94) !important;
  background: rgba(2, 7, 12, 0.68) !important;
  border: 1px solid rgba(255, 82, 126, 0.24) !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output {
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
  padding: 18px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket-simple,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-grid article {
  width: auto !important;
  max-width: none !important;
  contain: none !important;
  isolation: auto !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket *,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card *,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card *,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-hover-panel * {
  font-size: inherit !important;
  line-height: 1.42 !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-subject-board,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-data-column,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-link-orbit {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: auto !important;
}

@media (max-width: 920px) {
  html body[data-launch="desktop"] #start-menu .start-menu-body {
    grid-template-columns: 1fr !important;
  }

  html body[data-launch="desktop"] #start-menu .start-galaxy-shell,
  html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
  html body[data-launch="desktop"] #start-menu #start-galaxy {
    min-height: 360px !important;
  }

  html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-07-19 // START SUMMON VISIBILITY: orbit plus real buttons, no empty board */
html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) {
  left: clamp(22px, 7vw, 118px) !important;
  top: clamp(70px, 8vh, 104px) !important;
  width: min(980px, calc(100vw - 52px)) !important;
  height: min(690px, calc(100vh - 138px)) !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  translate: none !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-body {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  position: relative !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: absolute !important;
  right: 28px !important;
  top: 118px !important;
  bottom: 28px !important;
  left: auto !important;
  width: min(360px, calc(100% - 56px)) !important;
  height: auto !important;
  min-height: 0 !important;
  z-index: 8 !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  padding: 10px !important;
  border: 1px solid rgba(145, 238, 255, 0.18) !important;
  border-radius: 22px !important;
  background: rgba(2, 8, 14, 0.72) !important;
  box-shadow: inset 0 0 32px rgba(145, 238, 255, 0.04) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-list button {
  width: 100% !important;
  min-width: 0 !important;
  transform: none !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-galaxy-shell {
  opacity: 0.88 !important;
  width: calc(100% - 260px) !important;
  max-width: 620px !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-core {
  width: clamp(110px, 13vw, 172px) !important;
  height: clamp(110px, 13vw, 172px) !important;
}

html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) #start-galaxy {
  min-height: 360px !important;
}

@media (max-width: 920px) {
  html body[data-launch="desktop"] nav#start-menu.start-menu:not([hidden]) .start-menu-body {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-07-16 // summon law: the start menu is a panel, not a takeover */
html body[data-launch="desktop"] #start-menu:not([hidden]) {
  position: fixed !important;
  left: 50% !important;
  top: clamp(68px, 8vh, 96px) !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  width: min(920px, calc(100vw - 32px)) !important;
  max-height: min(72vh, 860px) !important;
  padding: 22px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  overflow: hidden auto !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(6, 12, 20, 0.96), rgba(6, 10, 18, 0.92)) !important;
  box-shadow:
    0 32px 120px rgba(0, 0, 0, 0.52),
    0 0 0 1px rgba(137, 232, 255, 0.16),
    0 0 44px rgba(137, 232, 255, 0.08) !important;
  z-index: 230 !important;
}

html body[data-launch="desktop"] #start-menu #start-command-memory,
html body[data-launch="desktop"] #start-menu .start-window-overview,
html body[data-launch="desktop"] #start-menu .start-menu-list {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu .start-core {
  gap: 14px !important;
  padding: 0 !important;
}

html body[data-launch="desktop"] #start-menu .start-core-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  display: grid !important;
  grid-template-columns: 1fr !important;
  min-height: 430px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage {
  min-height: 430px !important;
  padding: 18px 18px 14px !important;
}

html body[data-launch="desktop"] #start-menu #start-command-results:not([hidden]) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .job-window .job-shell {
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) minmax(250px, 290px) !important;
  gap: 18px !important;
}

html body[data-launch="desktop"] .job-window .job-rail,
html body[data-launch="desktop"] .job-window .job-stage,
html body[data-launch="desktop"] .job-window .job-card,
html body[data-launch="desktop"] .job-window .job-detail-card,
html body[data-launch="desktop"] .job-window .job-detail-grid article,
html body[data-launch="desktop"] .files-window #file-browser-list,
html body[data-launch="desktop"] .files-window #file-preview {
  min-width: 0 !important;
}

html body[data-launch="desktop"] .job-window .job-card *,
html body[data-launch="desktop"] .job-window .job-detail-card *,
html body[data-launch="desktop"] .job-window .job-detail-grid *,
html body[data-launch="desktop"] .job-window #job-memory *,
html body[data-launch="desktop"] .job-window #job-hover-panel *,
html body[data-launch="desktop"] .files-window .file-browser-item,
html body[data-launch="desktop"] .files-window .file-preview-shell,
html body[data-launch="desktop"] .files-window .file-preview-shell * {
  white-space: normal !important;
  word-break: break-word !important;
  line-height: 1.45 !important;
}

html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-hover-panel,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .files-window #file-browser-list,
html body[data-launch="desktop"] .files-window #file-preview {
  overflow: auto !important;
}

html body[data-launch="desktop"] #design-output .design-render-preview {
  margin-top: 18px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(137, 232, 255, 0.16) !important;
}

html body[data-launch="desktop"] #design-output .design-render-preview img {
  display: block !important;
  width: min(100%, 420px) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(137, 232, 255, 0.18) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.36) !important;
}

/* 2026-07-15 // CIPHER seven-pass: demo target truth, compact orbit shell, no full-screen hostage situation */
html body.command-ring-open .taskbar {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  z-index: 166 !important;
}

html body.command-ring-open .desktop-icons,
html body.command-ring-open .ghost-interrupt,
html body.command-ring-open #hover-intel,
html body.command-ring-open #memory-glitch {
  visibility: visible !important;
  opacity: 0.22 !important;
  transform: none !important;
}

html body[data-launch="desktop"] #start-menu:not([hidden]) {
  left: clamp(118px, 8vw, 168px) !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  width: min(760px, calc(100vw - clamp(160px, 14vw, 250px))) !important;
  height: min(510px, calc(100vh - 188px)) !important;
  max-width: calc(100vw - clamp(160px, 14vw, 250px)) !important;
  max-height: calc(100vh - 188px) !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, 0.82fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core core"
    "galaxy list" !important;
  padding: 16px !important;
  border-radius: 24px !important;
  box-shadow:
    0 28px 88px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(255, 255, 255, 0.03),
    inset 0 0 0 1px rgba(255, 255, 255, 0.02) !important;
}

html body[data-launch="desktop"] #start-menu .start-core {
  grid-template-columns: minmax(140px, 182px) minmax(220px, 1fr) minmax(220px, auto) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] #start-menu .start-core-actions {
  grid-template-columns: repeat(3, minmax(72px, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] #start-menu .start-core-actions button {
  min-height: 36px !important;
  font-size: 9px !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy {
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-core {
  width: clamp(188px, 22vw, 250px) !important;
  height: clamp(188px, 22vw, 250px) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-core {
  width: clamp(214px, 24vw, 290px) !important;
  height: clamp(214px, 24vw, 290px) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-track,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-track {
  animation: orbitLaneSpin var(--orbit-speed, 18s) linear infinite !important;
  transform: rotate(var(--orbit-start, 0deg)) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-lane.is-counter .shared-ghost-orbit-track,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-lane.is-counter .shared-ghost-orbit-track {
  animation-direction: reverse !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node {
  width: calc(44px * var(--node-size, 1)) !important;
  height: calc(44px * var(--node-size, 1)) !important;
  margin-left: calc((44px * var(--node-size, 1)) / -2) !important;
  margin-top: calc((-1 * var(--orbit-radius)) - ((44px * var(--node-size, 1)) / 2)) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-core,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node-core {
  clip-path: circle(50% at 50% 50%) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-detail {
  min-height: 92px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list {
  overflow: auto !important;
  scrollbar-gutter: stable !important;
}

html body[data-launch="desktop"] .tutorial-card p {
  white-space: pre-line !important;
}

html body[data-launch="desktop"] .tutorial-card h2 {
  font-size: clamp(18px, 2vw, 24px) !important;
  line-height: 1.14 !important;
}

@media (max-width: 1100px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    bottom: calc(94px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    height: min(68vh, 620px) !important;
    max-height: calc(100vh - 116px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "core"
      "galaxy"
      "list" !important;
  }

  html body[data-launch="desktop"] #start-menu .start-core {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "brand"
      "input"
      "actions" !important;
  }

  html body[data-launch="desktop"] #start-menu .start-core-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    bottom: calc(122px + env(safe-area-inset-bottom, 0px)) !important;
    height: min(66vh, 560px) !important;
    border-radius: 20px !important;
  }

  html body[data-launch="desktop"] #start-menu .start-core-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body[data-launch="desktop"] #start-menu .start-core-actions button {
    min-height: 40px !important;
  }

  html body[data-launch="desktop"] .tutorial-card {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(132px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
  }
}

.demo-tutorial-live .demo-tutorial-target {
  position: relative;
  z-index: 265 !important;
  outline: 1px solid rgba(255, 230, 169, 0.86) !important;
  outline-offset: 6px !important;
  box-shadow:
    0 0 0 1px rgba(255, 230, 169, 0.22),
    0 0 34px rgba(255, 230, 169, 0.32),
    0 0 82px rgba(132, 240, 255, 0.18) !important;
  animation: demoTargetPulse 1.15s ease-in-out infinite !important;
}

.ghost-demo-tutorial .tutorial-card {
  pointer-events: auto;
}

@keyframes authGateOpen {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(28px) scale(0.94);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
    filter: none;
  }
}

@keyframes gateCoreInvite {
  0%, 100% {
    filter: drop-shadow(0 0 18px rgba(143, 240, 255, 0.24));
    transform: scale(1);
  }
  50% {
    filter: drop-shadow(0 0 32px rgba(255, 255, 255, 0.42));
    transform: scale(1.055);
  }
}

@keyframes demoTargetPulse {
  0%, 100% {
    outline-offset: 5px;
    filter: brightness(1);
  }
  50% {
    outline-offset: 10px;
    filter: brightness(1.2);
  }
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-glyph,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-state,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node-glyph,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node-state {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu[hidden],
html body[data-launch="desktop"] .window[hidden],
html body[data-launch="desktop"] #home-command-core[hidden] {
  display: none !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] #start-menu {
  z-index: 360 !important;
  left: calc(50% + 42px) !important;
  right: auto !important;
  top: auto !important;
  bottom: 94px !important;
  width: min(1260px, calc(100vw - 212px)) !important;
  height: min(720px, calc(100vh - 176px)) !important;
  max-height: calc(100vh - 176px) !important;
  grid-template-columns: minmax(248px, 0.8fr) minmax(0, 1.18fr) minmax(296px, 0.92fr) !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core core core"
    "memory memory memory"
    "list galaxy stack" !important;
  gap: 14px !important;
  padding: 14px !important;
  transform: translateX(-50%) !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-core-actions {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  display: contents !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list,
html body[data-launch="desktop"] #start-menu .start-window-overview,
html body[data-launch="desktop"] #start-menu .start-galaxy-stage {
  min-height: 0 !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node {
  width: clamp(48px, 4vw, 64px) !important;
  height: clamp(48px, 4vw, 64px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::after,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node::after {
  content: none !important;
  display: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-core,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node-core {
  inset: 0 !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--node-color, var(--orion-blue)) 72%, rgba(255, 255, 255, 0.24)) !important;
  background:
    radial-gradient(circle at 36% 30%, rgba(255, 255, 255, 0.94), color-mix(in srgb, var(--node-color, var(--orion-blue)) 82%, #ffffff 8%) 38%, rgba(7, 11, 22, 0.78) 70%) !important;
  box-shadow:
    0 0 24px color-mix(in srgb, var(--node-color, var(--orion-blue)) 36%, transparent),
    inset 0 -8px 16px rgba(7, 11, 22, 0.34) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-glyph,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node-glyph {
  font-size: clamp(16px, 1.35vw, 22px) !important;
  line-height: 1 !important;
  filter: drop-shadow(0 0 10px rgba(7, 11, 22, 0.72)) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-state,
html body[data-launch="desktop"] #start-menu .start-galaxy-overflow,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node-state {
  display: none !important;
}

html body[data-launch="desktop"] .window .window-bar,
html body[data-launch="desktop"] .window .window-resize-grip {
  touch-action: none !important;
}

@media (max-width: 1380px), (max-height: 880px) {
  html body[data-launch="desktop"] #start-menu {
    left: calc(50% + 28px) !important;
    width: min(1160px, calc(100vw - 176px)) !important;
    height: min(664px, calc(100vh - 158px)) !important;
    max-height: calc(100vh - 158px) !important;
    grid-template-columns: minmax(236px, 0.82fr) minmax(0, 1.1fr) minmax(270px, 0.9fr) !important;
  }
}

@media (max-width: 1100px) {
  html body[data-launch="desktop"] #start-menu {
    left: 50% !important;
    width: min(980px, calc(100vw - 32px)) !important;
    height: min(78vh, calc(100vh - 132px)) !important;
    max-height: calc(100vh - 132px) !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "core core"
      "memory memory"
      "galaxy stack"
      "list list" !important;
  }
}

@media (max-height: 760px) {
  html body[data-launch="desktop"] .desktop-icons {
    top: 14px !important;
    bottom: 82px !important;
    height: auto !important;
    max-height: calc(100vh - 96px) !important;
    width: 118px !important;
    gap: 4px !important;
    row-gap: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 2px !important;
    grid-auto-rows: min-content !important;
    align-content: start !important;
  }

  html body[data-launch="desktop"] .desktop-icons .desk-icon {
    gap: 3px !important;
    height: auto !important;
  }

  html body[data-launch="desktop"] .desktop-icons .desk-icon span {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 11px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }

  html body[data-launch="desktop"] .desktop-icons .desk-icon b {
    min-height: 20px !important;
    padding: 4px 5px !important;
    font-size: 8px !important;
    line-height: 1.05 !important;
    letter-spacing: 0.04em !important;
  }

  html body[data-launch="desktop"] .desktop-icons .desk-icon::after {
    content: none !important;
    display: none !important;
    min-height: 0 !important;
  }
}

@media (max-width: 1100px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    inset: 10px 8px calc(94px + env(safe-area-inset-bottom, 0px)) 8px !important;
    width: auto !important;
    height: auto !important;
    max-height: calc(100vh - 112px) !important;
    transform: none !important;
    overflow: auto !important;
  }
}

/* 2026-07-13 // ORBIT PHANTOM: compact start, live orbit, shared window chrome */
html body[data-launch="desktop"] .window {
  z-index: var(--window-layer, 10) !important;
}

html body[data-launch="desktop"] .window:not(.is-maximized):not(.is-docked) {
  resize: both !important;
}

html body[data-launch="desktop"] .window.is-resizing {
  transition: none !important;
  filter: brightness(1.12) saturate(1.08) !important;
}

html body[data-launch="desktop"] .window-resize-grip {
  position: absolute !important;
  right: 6px !important;
  bottom: 6px !important;
  width: 24px !important;
  height: 24px !important;
  z-index: 30 !important;
  border: 0 !important;
  border-radius: 8px 0 10px 0 !important;
  padding: 0 !important;
  cursor: nwse-resize !important;
  pointer-events: auto !important;
  background:
    linear-gradient(135deg, transparent 0 45%, color-mix(in srgb, var(--surface-color, #8eeaff) 82%, white 8%) 46% 52%, transparent 53%),
    linear-gradient(135deg, transparent 0 62%, color-mix(in srgb, var(--surface-color, #8eeaff) 56%, transparent) 63% 68%, transparent 69%) !important;
  box-shadow: none !important;
  opacity: 0.78 !important;
}

html body[data-launch="desktop"] .window-resize-grip:hover,
html body[data-launch="desktop"] .window-resize-grip:focus-visible {
  opacity: 1 !important;
  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--surface-color, #8eeaff) 64%, transparent)) !important;
  outline: none !important;
}

@media (min-width: 1101px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    left: clamp(126px, 8vw, 176px) !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    width: min(820px, calc(100vw - clamp(198px, 16vw, 290px))) !important;
    height: min(548px, calc(100vh - 184px)) !important;
    max-width: calc(100vw - clamp(198px, 16vw, 290px)) !important;
    max-height: calc(100vh - 184px) !important;
    overflow: hidden !important;
    transform: none !important;
    grid-template-columns: minmax(270px, 0.92fr) minmax(320px, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "core core"
      "galaxy list" !important;
  }
}

html body[data-launch="desktop"] #start-menu #start-command-memory,
html body[data-launch="desktop"] #start-menu .start-window-overview,
html body[data-launch="desktop"] #start-menu .start-radar,
html body[data-launch="desktop"] #start-menu .start-world-petals {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu .start-core {
  grid-area: core !important;
  min-height: 0 !important;
  padding: 14px 16px !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] #start-menu .start-core > b {
  min-width: 150px !important;
}

html body[data-launch="desktop"] #start-menu #start-command-input {
  min-height: 44px !important;
}

html body[data-launch="desktop"] #start-menu .start-core-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(86px, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] #start-menu .start-core-actions button {
  min-height: 38px !important;
  padding: 0 10px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  grid-area: galaxy !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list {
  grid-area: list !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding-right: 6px !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-lane,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-lane {
  transform: translate(-50%, -50%) rotate(var(--orbit-tilt, 0deg)) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-track,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-track {
  animation: orbitLaneSpin var(--orbit-speed, 18s) linear infinite !important;
  transform: rotate(var(--orbit-start, 0deg)) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-lane.is-counter .shared-ghost-orbit-track,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-lane.is-counter .shared-ghost-orbit-track {
  animation-direction: reverse !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-lane:hover .shared-ghost-orbit-track,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-lane:focus-within .shared-ghost-orbit-track,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-lane:hover .shared-ghost-orbit-track,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-lane:focus-within .shared-ghost-orbit-track {
  animation-play-state: paused !important;
}

@media (max-width: 1100px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    left: max(86px, env(safe-area-inset-left, 0px)) !important;
    right: 10px !important;
    top: auto !important;
    bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    height: min(62vh, 560px) !important;
    max-height: calc(100vh - 132px) !important;
    overflow: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "core"
      "galaxy"
      "list" !important;
  }
}

/* 2026-07-13 // GATE OWNS THE ALTAR: start menu cannot cover passphrase */
html body.launch-gate-live #start-menu,
html body:not([data-launch="desktop"]) #start-menu,
html body[data-launch="preboot"] #start-menu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body.launch-gate-live #launch-gate {
  z-index: 1000 !important;
  pointer-events: auto !important;
}

/* Hidden means buried. No grid display loophole, no invisible start-menu wall. */
html body #start-menu[hidden],
html body #start-menu[aria-hidden="true"]:not(.home-shell-restore-ready) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 2026-07-16 // final summon law: orbit only when called, no square drift */
html body[data-launch="desktop"] #start-menu:not([hidden]) {
  left: clamp(120px, 8vw, 168px) !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  transform: none !important;
  width: min(760px, calc(100vw - clamp(168px, 14vw, 256px))) !important;
  height: min(510px, calc(100vh - 188px)) !important;
  max-width: calc(100vw - clamp(168px, 14vw, 256px)) !important;
  max-height: calc(100vh - 188px) !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.82fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core core"
    "galaxy list" !important;
  overflow: hidden !important;
  z-index: 230 !important;
}

html body[data-launch="desktop"] #start-menu .start-world-petals,
html body[data-launch="desktop"] #start-menu .start-radar {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node {
  border-radius: 999px !important;
  aspect-ratio: 1 / 1 !important;
  overflow: visible !important;
  box-shadow:
    0 0 0 1px rgba(180, 238, 255, 0.56),
    0 0 20px rgba(149, 231, 255, 0.22),
    0 0 42px rgba(149, 231, 255, 0.14) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::after,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node::after {
  display: none !important;
  content: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-state,
html body[data-launch="desktop"] .window.task-window.window-active #task-galaxy .shared-ghost-orbit-node-state {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only:not([hidden]) {
  width: min(760px, calc(100vw - clamp(168px, 14vw, 256px))) !important;
  height: min(472px, calc(100vh - 196px)) !important;
  max-height: calc(100vh - 196px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core"
    "galaxy" !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-memory,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-window-overview,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-menu-list,
html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-results:not([hidden]) {
  display: none !important;
}

html body[data-launch="desktop"] .job-window .job-shell {
  grid-template-columns: minmax(308px, 0.9fr) 12px minmax(0, 1.55fr) 12px minmax(328px, 0.92fr) !important;
}

html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .job-window #job-hover-panel,
html body[data-launch="desktop"] .job-window .job-route-hint,
html body[data-launch="desktop"] .job-window .job-bucket,
html body[data-launch="desktop"] .job-window .job-bucket-simple,
html body[data-launch="desktop"] .job-window .job-detail-grid article,
html body[data-launch="desktop"] .job-window .job-snapshot-card,
html body[data-launch="desktop"] .ledger-window .ledger-body,
html body[data-launch="desktop"] .ledger-window #ledger-signal {
  font-size: 15px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.03em !important;
}

html body[data-launch="desktop"] .job-window .job-rail,
html body[data-launch="desktop"] .job-window .job-stage,
html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .job-window #job-hover-panel {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* 2026-07-13 // INVOCATION: Ghost OS breathes before any tool opens its mouth */
html body.launch-gate-live #launch-gate .launch-gate-shell,
html body:not([data-launch="desktop"]) #launch-gate .launch-gate-shell {
  isolation: isolate !important;
}

html body.launch-gate-live #launch-gate .launch-gate-shell::before,
html body:not([data-launch="desktop"]) #launch-gate .launch-gate-shell::before {
  content: "GHOST_OS" !important;
  position: absolute !important;
  left: 50% !important;
  top: 47% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) !important;
  color: rgba(226, 245, 255, 0.035) !important;
  font: 900 clamp(64px, 13vw, 220px)/0.9 var(--font-display) !important;
  letter-spacing: 0.18em !important;
  text-shadow:
    0 0 44px rgba(142, 238, 255, 0.08),
    0 0 120px rgba(255, 255, 255, 0.035) !important;
  white-space: nowrap !important;
  animation: gateGhostOsBreath 8s ease-in-out infinite !important;
}

html body.launch-gate-live #launch-gate .launch-gate-shell::after,
html body:not([data-launch="desktop"]) #launch-gate .launch-gate-shell::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: 0.86 !important;
  background:
    radial-gradient(ellipse at 17% 76%, rgba(245,255,255,0.18) 0 9px, rgba(142,238,255,0.08) 10px 22px, transparent 44px),
    radial-gradient(ellipse at 78% 68%, rgba(245,255,255,0.14) 0 7px, rgba(142,238,255,0.06) 8px 19px, transparent 38px),
    radial-gradient(ellipse at 34% 28%, rgba(245,255,255,0.11) 0 6px, rgba(142,238,255,0.05) 7px 16px, transparent 34px),
    radial-gradient(ellipse at 88% 30%, rgba(245,255,255,0.10) 0 5px, rgba(142,238,255,0.05) 6px 14px, transparent 32px),
    radial-gradient(ellipse at 52% 88%, rgba(245,255,255,0.12) 0 6px, rgba(142,238,255,0.05) 7px 18px, transparent 40px) !important;
  filter: blur(0.2px) drop-shadow(0 0 16px rgba(205, 248, 255, 0.18)) !important;
  animation: gateSpecterRise 12s ease-in-out infinite !important;
}

html body.launch-gate-live #launch-gate .gate-array-status,
html body.launch-gate-live #launch-gate .gate-constellation-stage,
html body.launch-gate-live #launch-gate .launch-panel,
html body.launch-gate-live #launch-gate .launch-sound-toggle,
html body:not([data-launch="desktop"]) #launch-gate .gate-array-status,
html body:not([data-launch="desktop"]) #launch-gate .gate-constellation-stage,
html body:not([data-launch="desktop"]) #launch-gate .launch-panel,
html body:not([data-launch="desktop"]) #launch-gate .launch-sound-toggle {
  position: relative !important;
  z-index: 3 !important;
}

@keyframes gateGhostOsBreath {
  0%, 100% {
    opacity: 0.58;
    transform: translate(-50%, -50%) scale(0.985);
  }
  50% {
    opacity: 0.94;
    transform: translate(-50%, -50%) scale(1.015);
  }
}

@keyframes gateSpecterRise {
  0%, 100% {
    opacity: 0.48;
    transform: translateY(18px);
  }
  50% {
    opacity: 0.92;
    transform: translateY(-18px);
  }
}

/* 2026-07-13 // constellation stage law: front orbit stays absolute */
html body.launch-gate-live #launch-gate .gate-constellation-stage,
html body:not([data-launch="desktop"]) #launch-gate .gate-constellation-stage {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
}

html body .files-window {
  width: min(1380px, calc(100vw - 84px)) !important;
  height: min(820px, calc(100vh - 112px)) !important;
}

html body .files-window .file-browser-shell {
  grid-template-columns: minmax(340px, 0.94fr) 12px minmax(0, 1.06fr) !important;
}

html body .files-window .file-browser-list,
html body .files-window .file-preview-shell,
html body .files-window .file-preview {
  min-width: 0 !important;
}

html body .files-window .file-browser-item {
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 10px !important;
  min-height: 72px !important;
}

html body .files-window .file-browser-item div,
html body .files-window .file-browser-item b,
html body .files-window .file-browser-item span,
html body .files-window .file-browser-item small,
html body .files-window .file-drive-map-head b,
html body .files-window .file-drive-map-head span,
html body .files-window .file-drive-tile-copy b,
html body .files-window .file-drive-tile-copy span,
html body .files-window .file-drive-tile-copy small,
html body .files-window .file-preview,
html body .files-window .file-preview pre,
html body .files-window .file-preview-directory p,
html body .files-window .file-preview-head span {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

html body .job-window {
  width: min(1320px, calc(100vw - 88px)) !important;
  height: min(820px, calc(100vh - 112px)) !important;
}

html body .job-window .job-shell {
  --job-left-width: 292px !important;
  --job-right-width: 292px !important;
  grid-template-columns: minmax(260px, var(--job-left-width)) 12px minmax(0, 1fr) 12px minmax(240px, var(--job-right-width)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

html body .job-window .job-rail,
html body .job-window .job-stage,
html body .job-window #job-memory,
html body .job-window #job-output,
html body .job-window #job-hover-panel {
  min-width: 0 !important;
  overflow: auto !important;
}

html body .job-window .job-bucket,
html body .job-window .job-bucket-simple,
html body .job-window .job-card,
html body .job-window .job-snapshot-card,
html body .job-window .job-detail-grid article {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .job-window .job-bucket b,
html body .job-window .job-card-top b,
html body .job-window .job-detail-head b,
html body .job-window .job-snapshot-card b {
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  line-height: 1.45 !important;
}

html body .job-window .job-bucket b span,
html body .job-window .job-card span,
html body .job-window .job-snapshot-card span {
  display: block !important;
  font-size: clamp(18px, 1.5vw, 24px) !important;
  line-height: 1.22 !important;
}

html body .job-window .job-bucket small,
html body .job-window .job-route-hint span,
html body .job-window .job-route-hint b,
html body .job-window .job-hover-panel span,
html body .job-window .job-hover-panel small,
html body .job-window .job-detail-grid span,
html body .job-window .job-snapshot-card small,
html body .job-window .job-pitch {
  font-size: 13px !important;
  line-height: 1.6 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

html body .job-window .job-lane-grid,
html body .job-window .job-snapshot-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body .job-window .job-detail-grid {
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

@media (max-width: 1180px) {
  html body .job-window .job-shell,
  html body .files-window .file-browser-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .files-window .file-preview-stage {
    grid-template-rows: minmax(200px, 0.9fr) minmax(200px, 1.1fr) !important;
  }
}

/* 2026-07-18 // start menu stays buried unless explicitly summoned */
html body[data-launch="desktop"] #start-menu[data-open-origin="closed"],
html body[data-launch="desktop"] #start-menu[data-open-origin="sealed"],
html body[data-launch="desktop"] #start-menu[hidden],
html body[data-launch="desktop"] #start-menu[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] #start-menu[data-open-origin="start_orb"]:not([hidden]),
html body[data-launch="desktop"] #start-menu[data-open-origin="keyboard"]:not([hidden]),
html body[data-launch="desktop"] #start-menu[data-open-origin="tutorial"]:not([hidden]) {
  display: grid !important;
  width: min(700px, calc(100vw - clamp(180px, 14vw, 272px))) !important;
  max-width: calc(100vw - clamp(180px, 14vw, 272px)) !important;
  height: min(488px, calc(100vh - 196px)) !important;
  max-height: calc(100vh - 196px) !important;
}

/* 2026-07-18 // last-loaded demo lock: stop the start galaxy from becoming a clipped card */
html body[data-launch="desktop"] #start-menu[data-open-origin="start_orb"]:not([hidden]),
html body[data-launch="desktop"] #start-menu[data-open-origin="keyboard"]:not([hidden]),
html body[data-launch="desktop"] #start-menu[data-open-origin="tutorial"]:not([hidden]) {
  left: clamp(172px, 12vw, 236px) !important;
  right: 28px !important;
  bottom: 74px !important;
  top: auto !important;
  width: auto !important;
  max-width: none !important;
  height: min(680px, calc(100vh - 120px)) !important;
  max-height: calc(100vh - 120px) !important;
  min-height: min(560px, calc(100vh - 120px)) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] #start-menu .start-radar,
html body[data-launch="desktop"] #start-menu .start-world-petals {
  display: block !important;
  visibility: visible !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  position: static !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: minmax(520px, 1.42fr) minmax(320px, .86fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage {
  grid-template-rows: auto minmax(360px, 1fr) auto !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy {
  min-height: 360px !important;
  height: 100% !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu.command-searching .start-menu-list {
  display: grid !important;
}

html body .job-window {
  width: min(1680px, calc(100vw - 88px)) !important;
  height: min(900px, calc(100vh - 112px)) !important;
}

html body .job-window .job-shell {
  --job-left-width: clamp(330px, 22vw, 390px) !important;
  --job-right-width: clamp(300px, 19vw, 360px) !important;
  grid-template-columns: var(--job-left-width) 12px minmax(620px, 1fr) 12px var(--job-right-width) !important;
}

html body .job-window #job-memory {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

html body .job-window .job-bucket,
html body .job-window .job-bucket-simple {
  min-height: 86px !important;
  padding: 14px !important;
}

@media (max-width: 1180px) {
  html body[data-launch="desktop"] #start-menu[data-open-origin="start_orb"]:not([hidden]),
  html body[data-launch="desktop"] #start-menu[data-open-origin="keyboard"]:not([hidden]),
  html body[data-launch="desktop"] #start-menu[data-open-origin="tutorial"]:not([hidden]) {
    left: 22px !important;
    right: 22px !important;
    width: auto !important;
    min-height: min(600px, calc(100vh - 112px)) !important;
  }

  html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
    grid-template-columns: 1fr !important;
  }

  html body[data-launch="desktop"] #start-menu .start-window-overview {
    display: none !important;
  }
}

/* 2026-07-18 // CIPHER FINAL FIELD LAW: site skin equals desktop skin */
html body.launch-gate-live #launch-gate .launch-gate-shell::before,
html body:not([data-launch="desktop"]) #launch-gate .launch-gate-shell::before {
  content: "GHOST_OS" !important;
  top: clamp(32px, 7vh, 82px) !important;
  z-index: 4 !important;
  color: rgba(232, 247, 255, 0.72) !important;
  font: 900 clamp(22px, 4.2vw, 74px)/0.92 var(--font-display) !important;
  letter-spacing: 0.22em !important;
  text-shadow:
    0 0 20px rgba(236, 252, 255, 0.35),
    0 0 64px rgba(142, 238, 255, 0.22) !important;
}

html body.launch-gate-live #launch-gate .launch-auth-card,
html body:not([data-launch="desktop"]) #launch-gate .launch-auth-card {
  z-index: 6 !important;
}

html body[data-launch="desktop"] #start-menu[hidden],
html body[data-launch="desktop"] #start-menu[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] #start-menu:not([hidden]) {
  left: clamp(150px, 11vw, 226px) !important;
  right: 28px !important;
  top: auto !important;
  bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
  width: auto !important;
  max-width: none !important;
  height: min(690px, calc(100vh - 112px)) !important;
  min-height: min(590px, calc(100vh - 112px)) !important;
  max-height: calc(100vh - 112px) !important;
  padding: 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core"
    "galaxy" !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 39% 52%, rgba(230, 252, 255, 0.18) 0 4%, rgba(142, 238, 255, 0.08) 10%, transparent 31%),
    radial-gradient(circle at 70% 28%, rgba(255, 92, 132, 0.12), transparent 24%),
    radial-gradient(circle at 24% 78%, rgba(186, 140, 255, 0.12), transparent 28%),
    linear-gradient(180deg, rgba(8, 13, 22, 0.96), rgba(2, 5, 10, 0.91)) !important;
  box-shadow:
    0 0 0 1px rgba(163, 234, 255, 0.28),
    0 0 46px rgba(91, 218, 255, 0.13),
    inset 0 0 52px rgba(142, 238, 255, 0.05) !important;
}

html body[data-launch="desktop"] #start-menu .start-core {
  grid-area: core !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 0.7fr) minmax(360px, 1.3fr) !important;
  gap: 14px !important;
  padding: 16px !important;
  margin: 0 0 14px !important;
}

html body[data-launch="desktop"] #start-menu .start-core > b {
  align-self: center !important;
}

html body[data-launch="desktop"] #start-menu .start-core-actions {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(88px, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] #start-menu #start-command-input {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0 !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  grid-area: galaxy !important;
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: minmax(560px, 1.35fr) minmax(300px, 0.74fr) !important;
  gap: 16px !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu .start-window-overview {
  min-height: 0 !important;
  height: 100% !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage {
  display: grid !important;
  grid-template-rows: auto minmax(420px, 1fr) auto !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy {
  min-height: 420px !important;
  height: 100% !important;
}

html body[data-launch="desktop"] #start-menu .start-window-overview {
  display: grid !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu.command-searching .start-menu-list {
  display: grid !important;
  position: absolute !important;
  inset: 112px 18px 18px auto !important;
  width: min(430px, calc(100% - 36px)) !important;
  max-height: calc(100% - 130px) !important;
  overflow: auto !important;
  z-index: 8 !important;
}

html body[data-launch="desktop"] #start-menu #start-command-results:not([hidden]) {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 112px !important;
  max-height: min(280px, calc(100% - 140px)) !important;
  overflow: auto !important;
  z-index: 9 !important;
}

html body[data-launch="desktop"] #start-menu #start-command-results > button {
  min-height: 58px !important;
  width: 100% !important;
}

html body[data-launch="desktop"] #start-menu .start-radar,
html body[data-launch="desktop"] #start-menu .start-world-petals {
  display: block !important;
  visibility: visible !important;
  opacity: 0.9 !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node {
  width: clamp(58px, 6.1vw, 86px) !important;
  height: clamp(58px, 6.1vw, 86px) !important;
  border-radius: 999px !important;
  aspect-ratio: 1 / 1 !important;
  overflow: visible !important;
  transform: translate(-50%, -50%) !important;
  background: radial-gradient(circle at 44% 36%, rgba(247,255,255,0.96), var(--orbit-color, rgba(142,238,255,0.86)) 42%, rgba(8, 12, 20, 0.82) 73%) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--orbit-color, #8eeeff) 72%, white 12%),
    0 0 22px color-mix(in srgb, var(--orbit-color, #8eeeff) 62%, transparent),
    0 0 58px color-mix(in srgb, var(--orbit-color, #8eeeff) 34%, transparent) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::after {
  display: none !important;
  content: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-core {
  border-radius: inherit !important;
  width: 100% !important;
  height: 100% !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-glyph {
  display: grid !important;
  place-items: center !important;
  font-size: clamp(18px, 2vw, 30px) !important;
  line-height: 1 !important;
}

html body[data-launch="desktop"] .job-window {
  width: min(1720px, calc(100vw - 64px)) !important;
  height: min(920px, calc(100vh - 92px)) !important;
  left: max(32px, env(safe-area-inset-left, 0px)) !important;
  top: max(42px, env(safe-area-inset-top, 0px)) !important;
  color: rgba(236, 249, 255, 0.94) !important;
}

html body[data-launch="desktop"] .job-window .job-shell {
  grid-template-columns: minmax(300px, 0.78fr) 12px minmax(620px, 1.6fr) 12px minmax(300px, 0.76fr) !important;
  gap: 0 !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .job-window .job-rail,
html body[data-launch="desktop"] .job-window .job-stage,
html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .job-window #job-hover-panel {
  min-width: 0 !important;
  overflow: auto !important;
  white-space: normal !important;
}

html body[data-launch="desktop"] .job-window .job-rail-left,
html body[data-launch="desktop"] .job-window .job-rail-right {
  padding: 16px !important;
}

html body[data-launch="desktop"] .job-window .surface-rail-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .job-window .surface-rail-head b,
html body[data-launch="desktop"] .job-window .job-stage-head b,
html body[data-launch="desktop"] .job-window .job-card-top b,
html body[data-launch="desktop"] .job-window .job-detail-head b,
html body[data-launch="desktop"] .job-window .job-bucket b {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.12em !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .job-window .surface-rail-head span,
html body[data-launch="desktop"] .job-window .job-stage-head span,
html body[data-launch="desktop"] .job-window .job-route-hint span,
html body[data-launch="desktop"] .job-window .job-hover-panel,
html body[data-launch="desktop"] .job-window .job-card p,
html body[data-launch="desktop"] .job-window .job-card small,
html body[data-launch="desktop"] .job-window .job-bucket small,
html body[data-launch="desktop"] .job-window .job-snapshot-card span,
html body[data-launch="desktop"] .job-window .job-snapshot-card small {
  font-size: 13px !important;
  line-height: 1.55 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html body[data-launch="desktop"] .job-window #job-input {
  min-height: 180px !important;
  max-height: 260px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body[data-launch="desktop"] .job-window #job-memory {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .job-window .job-bucket,
html body[data-launch="desktop"] .job-window .job-bucket-simple,
html body[data-launch="desktop"] .job-window .job-card,
html body[data-launch="desktop"] .job-window .job-snapshot-card,
html body[data-launch="desktop"] .job-window .job-detail-grid article {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window .job-detail-grid,
html body[data-launch="desktop"] .job-window #job-output .job-lane-grid,
html body[data-launch="desktop"] .job-window .job-snapshot-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 12px !important;
}

@media (max-width: 1180px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    height: min(650px, calc(100vh - 106px)) !important;
    min-height: min(560px, calc(100vh - 106px)) !important;
  }

  html body[data-launch="desktop"] #start-menu .start-core {
    grid-template-columns: 1fr !important;
  }

  html body[data-launch="desktop"] #start-menu .start-core-actions {
    grid-template-columns: repeat(3, minmax(86px, 1fr)) !important;
  }

  html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
    grid-template-columns: 1fr !important;
  }

  html body[data-launch="desktop"] #start-menu .start-window-overview {
    display: none !important;
  }

  html body[data-launch="desktop"] .job-window {
    width: calc(100vw - 36px) !important;
    height: calc(100vh - 104px) !important;
    left: 18px !important;
    top: 18px !important;
  }

  html body[data-launch="desktop"] .job-window .job-shell {
    grid-template-columns: 1fr !important;
    overflow: auto !important;
  }

  html body[data-launch="desktop"] .job-window .job-shell-resizer {
    display: none !important;
  }
}

/* 2026-07-18 // Phantom readability lock: no zero-row ledger collapse */
html body[data-launch="desktop"] .job-window .job-body {
  padding: 12px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window .job-shell {
  display: grid !important;
  grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.7fr) minmax(250px, 0.72fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  column-gap: 12px !important;
}

html body[data-launch="desktop"] .job-window .job-shell-resizer,
html body[data-launch="desktop"] .job-window .surface-rail-return {
  display: none !important;
}

html body[data-launch="desktop"] .job-window .job-rail,
html body[data-launch="desktop"] .job-window .job-stage {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 14px !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .job-window .surface-rail-head,
html body[data-launch="desktop"] .job-window .job-stage-head {
  flex: 0 0 auto !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html body[data-launch="desktop"] .job-window .job-actions {
  flex: 0 0 auto !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] .job-window #job-input {
  flex: 0 0 clamp(145px, 22vh, 230px) !important;
  width: 100% !important;
}

html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .job-window #job-hover-panel,
html body[data-launch="desktop"] .job-window .job-route-hint {
  width: 100% !important;
}

html body[data-launch="desktop"] .job-window #job-memory {
  flex: 1 1 220px !important;
}

html body[data-launch="desktop"] .job-window #job-matrix {
  flex: 1 1 auto !important;
  min-height: 220px !important;
}

html body[data-launch="desktop"] .job-window #job-output {
  flex: 0 0 clamp(150px, 24vh, 260px) !important;
}

html body[data-launch="desktop"] .job-window #job-hover-panel {
  flex: 1 1 220px !important;
}

html body[data-launch="desktop"] .job-window .job-route-hint {
  flex: 0 0 auto !important;
}

@media (max-width: 1360px) {
  html body[data-launch="desktop"] .job-window .job-shell {
    grid-template-columns: minmax(230px, 0.68fr) minmax(0, 1.55fr) minmax(230px, 0.68fr) !important;
    column-gap: 10px !important;
  }

  html body[data-launch="desktop"] .job-window .job-rail,
  html body[data-launch="desktop"] .job-window .job-stage {
    padding: 12px !important;
  }

  html body[data-launch="desktop"] .job-window .surface-rail-toggle-row {
    display: none !important;
  }

  html body[data-launch="desktop"] .job-window .surface-rail-head b,
  html body[data-launch="desktop"] .job-window .job-stage-head b,
  html body[data-launch="desktop"] .job-window .job-card-top b,
  html body[data-launch="desktop"] .job-window .job-detail-head b,
  html body[data-launch="desktop"] .job-window .job-bucket b {
    font-size: 12px !important;
    letter-spacing: 0.09em !important;
  }
}

/* 2026-07-18 // CIPHER TAIL LAW: this must remain last */
html body.launch-gate-live #launch-gate .launch-gate-shell::before,
html body:not([data-launch="desktop"]) #launch-gate .launch-gate-shell::before {
  content: "GHOST_OS" !important;
  position: absolute !important;
  left: 50% !important;
  top: clamp(78px, 11vh, 132px) !important;
  z-index: 8 !important;
  transform: translateX(-50%) !important;
  color: rgba(238, 250, 255, 0.84) !important;
  font: 900 clamp(24px, 4vw, 62px)/0.95 var(--font-display) !important;
  letter-spacing: clamp(0.14em, 1.1vw, 0.32em) !important;
  opacity: 0.92 !important;
  text-align: center !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  text-shadow: 0 0 18px rgba(238, 252, 255, 0.34), 0 0 60px rgba(142, 238, 255, 0.22) !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only:not([hidden]),
html body[data-launch="desktop"] #start-menu:not(.command-searching):not([hidden]) {
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  width: min(1180px, calc(100vw - clamp(72px, 18vw, 320px))) !important;
  height: min(740px, calc(100vh - 142px)) !important;
  min-height: min(620px, calc(100vh - 142px)) !important;
  max-height: calc(100vh - 142px) !important;
  transform: translateX(-50%) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas: "core" "galaxy" !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu.start-orbit-only #start-galaxy,
html body[data-launch="desktop"] #start-menu:not(.command-searching) #start-galaxy {
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  min-height: min(500px, calc(100vh - 330px)) !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only .start-menu-list,
html body[data-launch="desktop"] #start-menu.start-orbit-only .start-window-overview,
html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-results:not([hidden]),
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-menu-list,
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-window-overview,
html body[data-launch="desktop"] #start-menu:not(.command-searching) #start-command-results:not([hidden]) {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node {
  width: clamp(72px, 7.2vw, 104px) !important;
  height: clamp(72px, 7.2vw, 104px) !important;
  border-radius: 999px !important;
  transform: translate(-50%, -50%) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::before,
html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node::after {
  display: none !important;
  content: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode {
  width: min(1680px, calc(100vw - 72px)) !important;
  height: min(900px, calc(100vh - 110px)) !important;
  left: max(36px, env(safe-area-inset-left, 0px)) !important;
  top: max(54px, env(safe-area-inset-top, 0px)) !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-body {
  padding: 16px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell {
  display: grid !important;
  grid-template-columns: minmax(300px, 0.72fr) minmax(620px, 1.65fr) minmax(300px, 0.72fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 16px !important;
  height: 100% !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell-resizer,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-return,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-toggle-row,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-doctrine-shell {
  display: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-rail,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-stage {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 16px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-input {
  flex: 0 0 178px !important;
  width: 100% !important;
  padding: 14px !important;
  overflow: auto !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-memory,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-hover-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: auto !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-memory {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-search-shell {
  min-height: 100% !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 14px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-lane-grid,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-grid,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-grid article {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
  transform: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket::before,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket::after,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card::before,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card::after,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card::before,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card::after {
  display: none !important;
  content: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket b,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card-top b,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-head b {
  font-size: 13px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket b span,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card > span,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card span {
  display: block !important;
  margin-top: 6px !important;
  font-size: clamp(18px, 1.35vw, 26px) !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

/* 2026-07-18 // CIPHER FINAL LAW: local tail mirrors public */
html body.launch-gate-live #launch-gate .launch-gate-shell::before,
html body:not([data-launch="desktop"]) #launch-gate .launch-gate-shell::before {
  content: "GHOST_OS" !important;
  position: absolute !important;
  top: clamp(78px, 11vh, 132px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 8 !important;
  font: 900 clamp(24px, 4vw, 62px)/0.95 var(--font-display) !important;
  letter-spacing: 0.14em !important;
  color: rgba(238, 250, 255, 0.84) !important;
  opacity: 0.92 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  text-shadow: 0 0 22px rgba(144, 245, 255, 0.36), 0 0 64px rgba(255, 255, 255, 0.16) !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only:not([hidden]),
html body[data-launch="desktop"] #start-menu:not(.command-searching):not([hidden]) {
  position: fixed !important;
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(1180px, calc(100vw - 56px)) !important;
  height: min(740px, calc(100vh - 132px)) !important;
  max-width: calc(100vw - 56px) !important;
  max-height: calc(100vh - 132px) !important;
  padding: 28px !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 0.9fr) minmax(430px, 1.1fr) !important;
  gap: 22px !important;
  overflow: hidden !important;
  border-radius: 28px !important;
}

html body[data-launch="desktop"] .taskbar .taskbar-launch {
  position: sticky !important;
  left: 0 !important;
  z-index: 12 !important;
}

html body[data-launch="desktop"] .taskbar #ghost-start {
  position: sticky !important;
  left: 0 !important;
  z-index: 13 !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only .start-core,
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-core {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 126px !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 0.7fr) minmax(420px, 1.3fr) !important;
  gap: 12px 18px !important;
  align-items: center !important;
  padding: 18px !important;
  border-radius: 18px !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only #start-command-memory,
html body[data-launch="desktop"] #start-menu:not(.command-searching) #start-command-memory {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu.start-orbit-only .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-galaxy-shell {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 0 !important;
  height: calc(100% - 148px) !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-head,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-stage-head .surface-shell-actions,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-route-hint {
  display: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-memory {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-output {
  flex: 1 1 300px !important;
  min-height: 240px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode #job-matrix {
  flex: 0 0 auto !important;
  max-height: 300px !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-snapshot-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-grid article {
  display: block !important;
  min-height: auto !important;
  max-height: none !important;
  white-space: normal !important;
  overflow: visible !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-memory,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-output,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-hover-panel,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-bucket,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-card,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-detail-grid article {
  font-size: 13px !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}

/* 2026-07-19 // ASTRA DEMO LAW: the reader breathes, it does not box-war itself */
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] {
  width: min(1720px, calc(100vw - 72px)) !important;
  height: min(930px, calc(100vh - 112px)) !important;
  left: max(36px, env(safe-area-inset-left, 0px)) !important;
  top: max(54px, env(safe-area-inset-top, 0px)) !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .browser-form,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-actions {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) repeat(auto-fit, minmax(132px, auto)) !important;
  gap: 10px !important;
  align-items: center !important;
  padding-inline: 16px !important;
  overflow: visible !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-actions {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .browser-form input,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .browser-form button,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-actions button {
  min-height: 38px !important;
  height: auto !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  white-space: nowrap !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-shell {
  grid-template-columns: minmax(180px, 240px) minmax(720px, 1fr) minmax(220px, 280px) !important;
  gap: 14px !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-stage {
  --astra-output-height: min(580px, calc(100vh - 420px)) !important;
  grid-template-rows: auto minmax(430px, var(--astra-output-height)) auto 16px minmax(210px, 1fr) !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-output {
  overflow: auto !important;
  padding: 18px !important;
  color: #dffcff !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-subject-board {
  display: grid !important;
  grid-template-columns: minmax(160px, 0.55fr) minmax(420px, 1.35fr) minmax(260px, 0.8fr) !important;
  gap: 16px !important;
  min-height: 0 !important;
  height: auto !important;
  align-items: start !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-visual-stage,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-sequence-list,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-data-column {
  min-width: 0 !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-visual-fan-shell {
  min-height: 118px !important;
  max-height: 148px !important;
  overflow: visible !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-visual-fan {
  display: flex !important;
  align-items: end !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 112px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 10px 8px 18px !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-fan-thumb {
  flex: 0 0 clamp(94px, 8vw, 132px) !important;
  max-width: 132px !important;
  transform: translateY(var(--fan-rise, 0px)) rotate(var(--fan-tilt, 0deg)) !important;
  transform-origin: 50% 92% !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-fan-thumb img {
  height: 70px !important;
  object-fit: cover !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-image-frame,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-stage-image,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-stage-image-ghost,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-image-fallback {
  min-height: clamp(230px, 26vh, 330px) !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-link-orbit {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-link-orbit-chip,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-sequence-cell,
html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-readout-card {
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-diagnostic-strip {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-readout-card {
  max-height: 176px !important;
  overflow: auto !important;
  line-height: 1.45 !important;
}

html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-rail {
  overflow: auto !important;
}

@media (max-width: 980px) {
  html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] {
    width: calc(100vw - 18px) !important;
    height: calc(100vh - 84px) !important;
    left: 9px !important;
    top: 42px !important;
  }

  html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-rail {
    display: none !important;
  }

  html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-stage {
    --astra-output-height: 62vh !important;
    grid-template-rows: auto minmax(420px, var(--astra-output-height)) auto 12px minmax(180px, 1fr) !important;
  }

  html body[data-launch="desktop"] .browser-window[data-astra-mode="read"] .astra-subject-board {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-07-19 // ASTRA HARD READ: fallback reader stays demo-readable when app hooks miss */
html body[data-launch="desktop"] .astra-hard-read {
  display: grid !important;
  gap: 16px !important;
  min-height: 100% !important;
  color: #e7fff0 !important;
  font-family: var(--font-mono) !important;
}

html body[data-launch="desktop"] .astra-hard-head {
  display: grid !important;
  grid-template-columns: minmax(160px, auto) minmax(260px, 1fr) minmax(220px, 0.7fr) !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(141, 255, 187, 0.24) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(90deg, rgba(141, 255, 187, 0.12), rgba(7, 18, 15, 0.8)),
    rgba(4, 10, 12, 0.86) !important;
  box-shadow: 0 0 28px rgba(141, 255, 187, 0.08) !important;
}

html body[data-launch="desktop"] .astra-hard-head span,
html body[data-launch="desktop"] .astra-hard-read b {
  color: #b8ffd1 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

html body[data-launch="desktop"] .astra-hard-head strong {
  color: #ffffff !important;
  font-size: clamp(18px, 2vw, 28px) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body[data-launch="desktop"] .astra-hard-head em {
  color: rgba(197, 255, 218, 0.74) !important;
  font-style: normal !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
}

html body[data-launch="desktop"] .astra-hard-grid {
  display: grid !important;
  grid-template-columns: minmax(180px, 0.28fr) minmax(420px, 1fr) minmax(280px, 0.62fr) !important;
  grid-template-areas:
    "index visual summary"
    "links links summary" !important;
  gap: 16px !important;
  min-height: 0 !important;
}

html body[data-launch="desktop"] .astra-hard-index,
html body[data-launch="desktop"] .astra-hard-visual,
html body[data-launch="desktop"] .astra-hard-summary,
html body[data-launch="desktop"] .astra-hard-links {
  border: 1px solid rgba(141, 255, 187, 0.2) !important;
  border-radius: 16px !important;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, rgba(7, 18, 15, 0.9), rgba(4, 10, 12, 0.78)) !important;
  box-shadow: inset 0 0 28px rgba(141, 255, 187, 0.04) !important;
  padding: 16px !important;
  min-width: 0 !important;
}

html body[data-launch="desktop"] .astra-hard-index {
  grid-area: index !important;
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .astra-hard-index span {
  display: block !important;
  padding: 12px !important;
  border: 1px solid rgba(141, 255, 187, 0.14) !important;
  border-radius: 10px !important;
  color: #dcffe8 !important;
  background: rgba(141, 255, 187, 0.05) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body[data-launch="desktop"] .astra-hard-visual {
  grid-area: visual !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .astra-hard-fan {
  display: flex !important;
  min-height: clamp(190px, 28vh, 300px) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(8px, 1.3vw, 18px) !important;
  padding: 20px 10px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .astra-hard-fan figure {
  flex: 0 0 clamp(88px, 8vw, 142px) !important;
  margin: 0 !important;
  transform: translateY(var(--rise, 0px)) rotate(var(--tilt, 0deg)) !important;
  transition: transform 180ms ease, filter 180ms ease !important;
}

html body[data-launch="desktop"] .astra-hard-fan figure:hover {
  transform: translateY(calc(var(--rise, 0px) - 12px)) rotate(0deg) scale(1.05) !important;
  filter: drop-shadow(0 0 18px rgba(141, 255, 187, 0.32)) !important;
}

html body[data-launch="desktop"] .astra-hard-fan img {
  width: 100% !important;
  height: clamp(72px, 9vw, 124px) !important;
  object-fit: cover !important;
  border: 1px solid rgba(141, 255, 187, 0.24) !important;
  border-radius: 8px !important;
  background: rgba(0, 0, 0, 0.42) !important;
}

html body[data-launch="desktop"] .astra-hard-fan figcaption {
  margin-top: 8px !important;
  color: rgba(225, 255, 235, 0.76) !important;
  text-align: center !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
}

html body[data-launch="desktop"] .astra-hard-summary {
  grid-area: summary !important;
  max-height: min(520px, calc(100vh - 320px)) !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .astra-hard-summary p {
  margin: 12px 0 0 !important;
  color: rgba(231, 255, 240, 0.9) !important;
  font-size: clamp(13px, 1.1vw, 16px) !important;
  line-height: 1.65 !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .astra-hard-links {
  grid-area: links !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 10px !important;
  max-height: 260px !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .astra-hard-links button {
  display: grid !important;
  gap: 6px !important;
  min-height: 56px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(141, 255, 187, 0.18) !important;
  border-radius: 12px !important;
  color: rgba(231, 255, 240, 0.88) !important;
  background: rgba(5, 13, 12, 0.84) !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .astra-hard-links button span {
  color: #b8ffd1 !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
}

html body[data-launch="desktop"] .astra-hard-empty {
  color: rgba(231, 255, 240, 0.62) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

@media (max-width: 980px) {
  html body[data-launch="desktop"] .astra-hard-head,
  html body[data-launch="desktop"] .astra-hard-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas: none !important;
  }

  html body[data-launch="desktop"] .astra-hard-head em {
    text-align: left !important;
  }

  html body[data-launch="desktop"] .astra-hard-index,
  html body[data-launch="desktop"] .astra-hard-visual,
  html body[data-launch="desktop"] .astra-hard-summary,
  html body[data-launch="desktop"] .astra-hard-links {
    grid-area: auto !important;
  }
}

/* 2026-07-19 // LIVE LAW CUT: front title, start summon, ledger readability */
html body.launch-gate-live #launch-gate .launch-gate-shell::before,
html body:not([data-launch="desktop"]) #launch-gate .launch-gate-shell::before {
  top: clamp(18px, 4.5vh, 56px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(860px, 86vw) !important;
  text-align: center !important;
  font-size: clamp(34px, 8.8vw, 118px) !important;
  letter-spacing: 0.24em !important;
  line-height: 0.82 !important;
  opacity: 0.095 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

html body #start-menu[hidden],
html body #start-menu[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] #start-menu:not([hidden]) {
  position: fixed !important;
  left: clamp(18px, 8vw, 132px) !important;
  top: clamp(72px, 9vh, 112px) !important;
  width: min(960px, calc(100vw - 48px)) !important;
  height: min(720px, calc(100vh - 142px)) !important;
  max-width: calc(100vw - 48px) !important;
  max-height: calc(100vh - 132px) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 14px !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 34% 42%, rgba(162, 233, 255, 0.18), transparent 34%),
    radial-gradient(circle at 78% 72%, rgba(255, 82, 139, 0.11), transparent 30%),
    linear-gradient(180deg, rgba(9, 15, 30, 0.95), rgba(2, 7, 12, 0.92)) !important;
  border: 1px solid rgba(133, 238, 255, 0.28) !important;
  box-shadow: 0 24px 84px rgba(0, 0, 0, 0.6), inset 0 0 48px rgba(133, 238, 255, 0.055) !important;
  z-index: 1400 !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-head {
  display: grid !important;
  grid-template-columns: minmax(180px, 0.72fr) minmax(360px, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 18px 20px 0 !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(96px, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-actions button {
  min-height: 42px !important;
  border-radius: 12px !important;
  white-space: nowrap !important;
}

html body[data-launch="desktop"] #start-menu .start-search {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 52px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-body {
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 20px 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(320px, 0.74fr) !important;
  gap: 16px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell,
html body[data-launch="desktop"] #start-menu .start-galaxy-stage {
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 24px !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy {
  min-height: 430px !important;
  height: 100% !important;
  border-radius: 24px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-core {
  width: 100% !important;
  height: auto !important;
  min-height: 112px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(90deg, rgba(101, 245, 255, 0.09), transparent 58%),
    rgba(3, 8, 15, 0.92) !important;
  border: 1px solid rgba(133, 238, 255, 0.24) !important;
  box-shadow: inset 0 0 28px rgba(101, 245, 255, 0.055) !important;
}

html body[data-launch="desktop"] #start-menu .start-core-title,
html body[data-launch="desktop"] #start-menu .start-core-subtitle,
html body[data-launch="desktop"] #start-menu .start-core-actions,
html body[data-launch="desktop"] #start-menu .start-window-overview {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list {
  min-height: 0 !important;
  overflow: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(138px, 1fr)) !important;
  gap: 10px !important;
  padding-right: 8px !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list button {
  min-height: 86px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list button::before,
html body[data-launch="desktop"] #start-menu .start-menu-list button::after {
  inset: auto !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list button .start-desc,
html body[data-launch="desktop"] #start-menu .start-menu-list button small,
html body[data-launch="desktop"] #start-menu .start-menu-list button span:last-child {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-launch="desktop"] #start-menu #start-command-memory,
html body[data-launch="desktop"] #start-menu #start-command-results {
  display: none !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode,
html body[data-launch="desktop"] .job-window {
  min-width: 0 !important;
  min-height: min(560px, calc(100vh - 104px)) !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 76px) !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-body,
html body[data-launch="desktop"] .job-window .job-body {
  height: calc(100% - 44px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 18px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell,
html body[data-launch="desktop"] .job-window .job-shell {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(210px, 0.68fr) minmax(360px, 1.34fr) minmax(210px, 0.68fr) !important;
  gap: 16px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-rail,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-stage,
html body[data-launch="desktop"] .job-window .job-rail,
html body[data-launch="desktop"] .job-window .job-stage {
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: auto !important;
  transform: none !important;
  position: relative !important;
  border-radius: 18px !important;
  padding: 18px !important;
}

html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-shell-resizer,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-return,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .surface-rail-toggle-row,
html body[data-launch="desktop"] .job-window.ghost-ledger-mode .job-doctrine-shell,
html body[data-launch="desktop"] .job-window .job-shell-resizer,
html body[data-launch="desktop"] .job-window .surface-rail-return,
html body[data-launch="desktop"] .job-window .surface-rail-toggle-row,
html body[data-launch="desktop"] .job-window .job-doctrine-shell {
  display: none !important;
}

html body[data-launch="desktop"] .job-window #job-input {
  width: 100% !important;
  min-height: 172px !important;
  max-height: 240px !important;
  resize: vertical !important;
  overflow: auto !important;
  white-space: pre-wrap !important;
  line-height: 1.55 !important;
  font-size: clamp(13px, 0.92vw, 15px) !important;
}

html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .job-window #job-hover-panel {
  width: 100% !important;
  min-width: 0 !important;
  overflow: auto !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  font-size: clamp(13px, 0.95vw, 16px) !important;
  line-height: 1.5 !important;
}

html body[data-launch="desktop"] .job-window #job-memory {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .job-window #job-output {
  min-height: 260px !important;
}

html body[data-launch="desktop"] .job-window #job-hover-panel {
  min-height: 180px !important;
}

html body[data-launch="desktop"] .job-window .job-bucket,
html body[data-launch="desktop"] .job-window .job-bucket-simple,
html body[data-launch="desktop"] .job-window .job-card,
html body[data-launch="desktop"] .job-window .job-snapshot-card,
html body[data-launch="desktop"] .job-window .job-detail-grid article,
html body[data-launch="desktop"] .job-window .job-lane,
html body[data-launch="desktop"] .job-window .job-packet {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 14px !important;
  overflow: visible !important;
  transform: none !important;
  white-space: normal !important;
}

html body[data-launch="desktop"] .job-window .job-bucket::before,
html body[data-launch="desktop"] .job-window .job-bucket::after,
html body[data-launch="desktop"] .job-window .job-card::before,
html body[data-launch="desktop"] .job-window .job-card::after,
html body[data-launch="desktop"] .job-window .job-snapshot-card::before,
html body[data-launch="desktop"] .job-window .job-snapshot-card::after {
  display: none !important;
}

html body[data-launch="desktop"] .job-window .job-card *,
html body[data-launch="desktop"] .job-window .job-bucket *,
html body[data-launch="desktop"] .job-window .job-snapshot-card *,
html body[data-launch="desktop"] .job-window .job-detail-grid article *,
html body[data-launch="desktop"] .job-window #job-hover-panel * {
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  transform: none !important;
}

html body[data-launch="desktop"] .job-window .job-lane-grid,
html body[data-launch="desktop"] .job-window .job-detail-grid,
html body[data-launch="desktop"] .job-window .job-snapshot-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 12px !important;
}

@media (max-width: 1100px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    left: 14px !important;
    top: 58px !important;
    width: calc(100vw - 28px) !important;
    height: calc(100vh - 112px) !important;
  }

  html body[data-launch="desktop"] #start-menu .start-menu-head,
  html body[data-launch="desktop"] #start-menu .start-menu-body,
  html body[data-launch="desktop"] .job-window .job-shell {
    grid-template-columns: 1fr !important;
  }

  html body[data-launch="desktop"] .job-window.ghost-ledger-mode,
  html body[data-launch="desktop"] .job-window {
    left: 10px !important;
    top: 48px !important;
    width: calc(100vw - 20px) !important;
    height: calc(100vh - 96px) !important;
    min-width: 0 !important;
  }
}

/* 2026-07-19 // FINAL OVERRIDE: Phantom ledger readable at the end of the cascade */
html body[data-launch="desktop"] .job-window.ghost-ledger-mode,
html body[data-launch="desktop"] .job-window {
  width: min(1500px, calc(100vw - 40px)) !important;
  height: min(760px, calc(100vh - 96px)) !important;
  left: max(20px, calc((100vw - min(1500px, calc(100vw - 40px))) / 2)) !important;
  top: max(34px, env(safe-area-inset-top, 0px)) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: calc(100vw - 40px) !important;
  max-height: calc(100vh - 96px) !important;
}

html body[data-launch="desktop"] .job-window .job-body {
  height: calc(100% - 38px) !important;
  padding: 14px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window .job-shell {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(250px, 0.72fr) minmax(520px, 1.45fr) minmax(250px, 0.72fr) !important;
  gap: 14px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .job-window .job-rail,
html body[data-launch="desktop"] .job-window .job-stage {
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .job-window .job-rail {
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  padding: 14px !important;
}

html body[data-launch="desktop"] .job-window .job-stage {
  grid-template-rows: auto minmax(150px, 0.48fr) minmax(260px, 1fr) !important;
  padding: 14px !important;
}

html body[data-launch="desktop"] .job-window #job-input {
  min-height: 108px !important;
  max-height: 150px !important;
  width: 100% !important;
}

html body[data-launch="desktop"] .job-window #job-memory,
html body[data-launch="desktop"] .job-window #job-output,
html body[data-launch="desktop"] .job-window #job-hover-panel,
html body[data-launch="desktop"] .job-window #job-matrix {
  min-width: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: auto !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html body[data-launch="desktop"] .job-window #job-memory {
  display: grid !important;
  grid-auto-rows: min-content !important;
  align-content: start !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .job-window #job-output {
  display: block !important;
  padding: 12px !important;
}

html body[data-launch="desktop"] .job-window #job-output .job-search-shell {
  display: grid !important;
  min-height: 100% !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 12px !important;
}

html body[data-launch="desktop"] .job-window .job-lane-grid,
html body[data-launch="desktop"] .job-window .job-detail-grid,
html body[data-launch="desktop"] .job-window .job-snapshot-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 10px !important;
}

html body[data-launch="desktop"] .job-window .job-bucket,
html body[data-launch="desktop"] .job-window .job-bucket-simple,
html body[data-launch="desktop"] .job-window .job-card,
html body[data-launch="desktop"] .job-window .job-snapshot-card,
html body[data-launch="desktop"] .job-window .job-detail-grid article,
html body[data-launch="desktop"] .job-window .job-lane,
html body[data-launch="desktop"] .job-window .job-packet,
html body[data-launch="desktop"] .job-window .job-route-hint {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  min-width: 0 !important;
  min-height: auto !important;
  max-width: 100% !important;
  padding: 12px !important;
  display: grid !important;
  gap: 7px !important;
  overflow: hidden !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .job-window .job-bucket *,
html body[data-launch="desktop"] .job-window .job-bucket-simple *,
html body[data-launch="desktop"] .job-window .job-card *,
html body[data-launch="desktop"] .job-window .job-snapshot-card *,
html body[data-launch="desktop"] .job-window .job-detail-grid article *,
html body[data-launch="desktop"] .job-window .job-route-hint * {
  position: static !important;
  transform: none !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-launch="desktop"] .job-window .job-bucket::before,
html body[data-launch="desktop"] .job-window .job-bucket::after,
html body[data-launch="desktop"] .job-window .job-card::before,
html body[data-launch="desktop"] .job-window .job-card::after,
html body[data-launch="desktop"] .job-window .job-snapshot-card::before,
html body[data-launch="desktop"] .job-window .job-snapshot-card::after {
  display: none !important;
  content: none !important;
}

html body[data-launch="desktop"] .job-window .surface-rail-head b,
html body[data-launch="desktop"] .job-window .job-stage-head b,
html body[data-launch="desktop"] .job-window .job-card-top b,
html body[data-launch="desktop"] .job-window .job-bucket b,
html body[data-launch="desktop"] .job-window .job-detail-head b {
  font-size: 12px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.12em !important;
}

html body[data-launch="desktop"] .job-window .surface-rail-head span,
html body[data-launch="desktop"] .job-window .job-stage-head span,
html body[data-launch="desktop"] .job-window .job-card p,
html body[data-launch="desktop"] .job-window .job-card small,
html body[data-launch="desktop"] .job-window .job-bucket small,
html body[data-launch="desktop"] .job-window .job-detail-grid span,
html body[data-launch="desktop"] .job-window .job-snapshot-card small {
  font-size: 12px !important;
  line-height: 1.45 !important;
  letter-spacing: 0.035em !important;
}

@media (max-width: 1420px) {
  html body[data-launch="desktop"] .job-window .job-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-launch="desktop"] .job-window .job-rail-left,
  html body[data-launch="desktop"] .job-window .job-rail-right {
    display: none !important;
  }
}

/* 2026-07-19 // FINAL OVERRIDE: front gate title stays readable above the field */
html body.launch-gate-live #launch-gate .launch-gate-shell::before,
html body:not([data-launch="desktop"]) #launch-gate .launch-gate-shell::before {
  content: "GHOST_OS" !important;
  position: absolute !important;
  left: 50% !important;
  top: clamp(18px, 4.4vh, 58px) !important;
  transform: translateX(-50%) !important;
  z-index: 12 !important;
  color: rgba(238, 249, 255, 0.82) !important;
  font: 900 clamp(24px, 4.4vw, 76px)/0.9 var(--font-display) !important;
  letter-spacing: clamp(0.18em, 0.9vw, 0.52em) !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
  text-shadow:
    0 0 28px rgba(127, 238, 255, 0.18),
    0 0 68px rgba(255, 255, 255, 0.08) !important;
}

/* 2026-07-19 // CIPHER CUT: Mail Bus reads like mail, not raw source */
html body[data-launch="desktop"] .mail-window {
  --mail-read-blue: rgba(116, 192, 252, 0.92);
  width: min(1500px, calc(100vw - 128px)) !important;
  height: min(820px, calc(100vh - 132px)) !important;
}

html body[data-launch="desktop"] .mail-window .mail-body {
  height: calc(100% - 40px) !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  gap: 10px !important;
  padding: 12px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .mail-window .mail-actions {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(120px, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] .mail-window .mail-status-grid {
  display: flex !important;
  gap: 8px !important;
  min-height: 0 !important;
  max-height: 46px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .mail-window .mail-chip {
  min-width: 116px !important;
  max-width: 180px !important;
  height: 42px !important;
  padding: 7px 9px !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .mail-window .mail-chip b,
html body[data-launch="desktop"] .mail-window .mail-chip span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-launch="desktop"] .mail-window .mail-shell {
  min-height: 0 !important;
  grid-template-columns: minmax(190px, 0.52fr) minmax(480px, 1.36fr) minmax(300px, 0.7fr) !important;
  gap: 12px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .mail-window .mail-nav-shell,
html body[data-launch="desktop"] .mail-window .mail-thread-shell,
html body[data-launch="desktop"] .mail-window .mail-detail-shell {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] .mail-window .mail-provider-rail,
html body[data-launch="desktop"] .mail-window .mail-category-tabs,
html body[data-launch="desktop"] .mail-window .mail-inbox-board,
html body[data-launch="desktop"] .mail-window .mail-task-board,
html body[data-launch="desktop"] .mail-window .mail-suggestion-board {
  min-height: 0 !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .mail-window .mail-thread-card,
html body[data-launch="desktop"] .mail-window .mail-selection-card,
html body[data-launch="desktop"] .mail-window .mail-task-card,
html body[data-launch="desktop"] .mail-window .mail-suggestion-card {
  padding: 14px !important;
  gap: 9px !important;
  overflow: hidden !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  background:
    linear-gradient(135deg, rgba(116, 192, 252, 0.08), rgba(3, 8, 14, 0.74)),
    rgba(4, 11, 17, 0.8) !important;
}

html body[data-launch="desktop"] .mail-window .mail-thread-card b,
html body[data-launch="desktop"] .mail-window .mail-selection-card strong {
  font-size: 15px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.04em !important;
  white-space: normal !important;
}

html body[data-launch="desktop"] .mail-window .mail-thread-card span,
html body[data-launch="desktop"] .mail-window .mail-selection-card span,
html body[data-launch="desktop"] .mail-window .mail-task-card span,
html body[data-launch="desktop"] .mail-window .mail-suggestion-card span {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  white-space: normal !important;
  line-height: 1.45 !important;
}

html body[data-launch="desktop"] .mail-window .mail-selection-card span {
  -webkit-line-clamp: 6 !important;
}

html body[data-launch="desktop"] .mail-window .mail-compose-shell {
  max-height: 116px !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] .mail-window #mail-output {
  max-height: 54px !important;
  min-height: 0 !important;
  opacity: 0.36 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* 2026-07-19 // CIPHER CUT: Start Menu is a summon, not a full-screen rash */
html body[data-launch="desktop"] #home-command-core[hidden],
html body[data-launch="desktop"]:not(.home-shell-live) #home-command-core {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu[hidden],
html body[data-launch="desktop"] #start-menu[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] #start-menu:not([hidden]) {
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(1120px, calc(100vw - 170px)) !important;
  height: min(760px, calc(100vh - 150px)) !important;
  transform: translate(-50%, -50%) !important;
  padding: 22px !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 14px !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 48% 44%, rgba(196, 246, 255, 0.14), transparent 34%),
    radial-gradient(circle at 52% 62%, rgba(120, 180, 255, 0.12), transparent 42%),
    rgba(4, 8, 15, 0.88) !important;
}

html body[data-launch="desktop"] #start-menu .start-core {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  min-height: 118px !important;
  display: grid !important;
  grid-template-columns: minmax(180px, 0.5fr) minmax(240px, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 12px !important;
  padding: 14px 18px !important;
  z-index: 5 !important;
}

html body[data-launch="desktop"] #start-menu .start-core > b {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  font-size: clamp(22px, 2.4vw, 42px) !important;
}

html body[data-launch="desktop"] #start-menu #start-command-input {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: 48px !important;
}

html body[data-launch="desktop"] #start-menu .start-core-actions {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(78px, 1fr)) !important;
  gap: 8px !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr) !important;
  gap: 16px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu .start-window-overview {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy {
  height: 100% !important;
  min-height: 420px !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu:not(.command-searching) .start-menu-list,
html body[data-launch="desktop"] #start-menu:not(.command-searching) #start-command-results:not([hidden]) {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu.command-searching .start-galaxy-shell {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu.command-searching .start-menu-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 10px !important;
  min-height: 0 !important;
  overflow: auto !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node {
  width: clamp(68px, 6.2vw, 96px) !important;
  height: clamp(68px, 6.2vw, 96px) !important;
  border-radius: 999px !important;
}

@media (max-width: 980px) {
  html body[data-launch="desktop"] .mail-window {
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 104px) !important;
  }

  html body[data-launch="desktop"] .mail-window .mail-shell,
  html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-launch="desktop"] .mail-window .mail-detail-shell,
  html body[data-launch="desktop"] #start-menu .start-window-overview {
    display: none !important;
  }

  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 108px) !important;
  }

  html body[data-launch="desktop"] #start-menu .start-core {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-launch="desktop"] #start-menu .start-core > b,
  html body[data-launch="desktop"] #start-menu #start-command-input,
  html body[data-launch="desktop"] #start-menu .start-core-actions {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

html body[data-launch="desktop"] .music-scope-window {
  left: min(18vw, 320px) !important;
  top: 96px !important;
  width: min(920px, calc(100vw - 72px)) !important;
  height: min(620px, calc(100vh - 132px)) !important;
  --surface-color: #a78bfa !important;
  border-color: rgba(167, 139, 250, 0.62) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 44px rgba(167,139,250,.26),
    0 0 120px rgba(101,245,255,.12) !important;
}

html body[data-launch="desktop"] .music-scope-window .window-bar {
  background:
    radial-gradient(circle at 4% 50%, rgba(245,251,255,.18), transparent 18%),
    linear-gradient(90deg, rgba(167,139,250,.28), rgba(3,7,13,.9) 44%, rgba(101,245,255,.16)) !important;
}

html body[data-launch="desktop"] .ghost-scope-body {
  position: relative !important;
  height: calc(100% - 31px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(101,245,255,.15), transparent 34%),
    radial-gradient(circle at 72% 66%, rgba(167,139,250,.12), transparent 28%),
    repeating-linear-gradient(to bottom, rgba(255,255,255,.035), rgba(255,255,255,.035) 1px, transparent 2px, transparent 5px),
    #02050a !important;
}

html body[data-launch="desktop"] .ghost-scope-canvas {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  image-rendering: pixelated !important;
}

html body[data-launch="desktop"] .ghost-scope-hud {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 76px !important;
  display: grid !important;
  grid-template-columns: minmax(160px, .35fr) 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(167,139,250,.42) !important;
  background:
    linear-gradient(90deg, rgba(3,6,12,.86), rgba(4,12,18,.64)),
    repeating-linear-gradient(to bottom, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 2px, transparent 5px) !important;
  box-shadow: 0 0 32px rgba(167,139,250,.18), inset 0 0 24px rgba(101,245,255,.08) !important;
  color: #eef8ff !important;
  letter-spacing: .14em !important;
  pointer-events: none !important;
}

html body[data-launch="desktop"] .ghost-scope-hud b {
  color: #fff !important;
  font-size: 15px !important;
}

html body[data-launch="desktop"] .ghost-scope-hud span {
  color: #9fefff !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body[data-launch="desktop"] .ghost-scope-hud i {
  color: #ffe8a3 !important;
  font-style: normal !important;
  font-size: 11px !important;
}

html body[data-launch="desktop"] .provider-controls {
  grid-template-columns: repeat(auto-fit, minmax(82px, 1fr)) !important;
}

html body[data-launch="desktop"] .provider-controls #music-visualizer-open {
  border-color: rgba(167,139,250,.78) !important;
  color: #f2eaff !important;
  box-shadow: 0 0 18px rgba(167,139,250,.18) inset, 0 0 18px rgba(167,139,250,.18) !important;
}

html body[data-launch="desktop"] .ghost-scope-controls {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 16px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(72px, 120px)) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 8px !important;
  border: 1px solid rgba(101,245,255,.24) !important;
  background:
    linear-gradient(90deg, rgba(101,245,255,.10), rgba(167,139,250,.10)),
    rgba(2,6,12,.82) !important;
  box-shadow: inset 0 0 18px rgba(101,245,255,.08), 0 0 24px rgba(167,139,250,.12) !important;
}

html body[data-launch="desktop"] .ghost-scope-controls button,
html body[data-launch="desktop"] .ghost-scope-controls select {
  min-height: 34px !important;
  border: 1px solid rgba(142,248,255,.44) !important;
  background: rgba(1,5,10,.76) !important;
  color: #f4fbff !important;
  font: 900 10px/1 var(--font) !important;
  letter-spacing: .12em !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list,
html body[data-launch="desktop"] #start-menu .start-window-overview-list {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scrollbar-gutter: auto !important;
}

html body[data-launch="desktop"] #start-menu .start-menu-list::-webkit-scrollbar,
html body[data-launch="desktop"] #start-menu .start-window-overview-list::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

html body[data-launch="desktop"] .ghost-scope-controls label {
  display: grid !important;
  grid-template-columns: auto minmax(100px, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  color: #9fefff !important;
  font: 900 10px/1 var(--font) !important;
  letter-spacing: .12em !important;
}

@media (max-width: 980px) {
  html body[data-launch="desktop"] .music-scope-window {
    left: 12px !important;
    top: 82px !important;
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 126px) !important;
  }

  html body[data-launch="desktop"] .ghost-scope-hud {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
  }
}

/* 2026-07-19 // CIPHER CUT: start orbit containment after Ghost Scope */
html body[data-launch="desktop"] #start-menu:not([hidden]) {
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: min(1040px, calc(100vw - 96px)) !important;
  height: min(700px, calc(100vh - 128px)) !important;
  padding: 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "core"
    "galaxy" !important;
  gap: 14px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 34% 32%, rgba(142, 248, 255, 0.16), transparent 32%),
    radial-gradient(circle at 72% 68%, rgba(167, 139, 250, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(4, 8, 15, 0.985), rgba(2, 5, 10, 0.972)) !important;
  border: 1px solid rgba(133, 238, 255, 0.38) !important;
  box-shadow: 0 22px 90px rgba(0, 0, 0, 0.72), inset 0 0 54px rgba(133, 238, 255, 0.07) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
}

html body[data-launch="desktop"] #start-menu .start-core {
  grid-area: core !important;
  grid-column: 1 / -1 !important;
  grid-row: core !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 112px !important;
  border-radius: 22px !important;
  display: grid !important;
  grid-template-columns: minmax(170px, 0.42fr) minmax(260px, 1fr) !important;
  grid-template-rows: 46px 44px !important;
  gap: 10px 14px !important;
  align-items: center !important;
  padding: 14px 16px !important;
  background:
    linear-gradient(90deg, rgba(101,245,255,.09), transparent 58%),
    rgba(3, 8, 15, 0.92) !important;
  border: 1px solid rgba(133, 238, 255, 0.24) !important;
  box-shadow: inset 0 0 28px rgba(101,245,255,.055) !important;
}

html body[data-launch="desktop"] #start-menu .start-core::before,
html body[data-launch="desktop"] #start-menu .start-core::after,
html body[data-launch="desktop"] #start-menu .start-core-identity {
  display: none !important;
}

html body[data-launch="desktop"] #start-menu .start-core > b {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  color: #f4fbff !important;
  font-size: clamp(22px, 2.2vw, 34px) !important;
  letter-spacing: .18em !important;
  text-shadow: 0 0 22px rgba(210,245,255,.22) !important;
  z-index: 2 !important;
}

html body[data-launch="desktop"] #start-menu .start-core > b small,
html body[data-launch="desktop"] #start-menu .start-core > b #start-menu-status {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(178, 226, 238, .74) !important;
  font-size: 10px !important;
  letter-spacing: .16em !important;
}

html body[data-launch="desktop"] #start-menu #start-command-input {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  z-index: 2 !important;
}

html body[data-launch="desktop"] #start-menu .start-core-actions {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(76px, 1fr)) !important;
  gap: 7px !important;
  z-index: 2 !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
  grid-area: galaxy !important;
  grid-column: 1 / -1 !important;
  grid-row: galaxy !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(250px, .38fr) !important;
  gap: 14px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-launch="desktop"] #start-menu .start-galaxy-stage,
html body[data-launch="desktop"] #start-menu .start-window-overview {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(101,245,255,.10), transparent 38%),
    linear-gradient(180deg, rgba(2,6,12,.95), rgba(1,4,9,.93)) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy {
  position: relative !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  contain: paint !important;
  clip-path: inset(0 round 22px) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit {
  inset: 0 !important;
  overflow: hidden !important;
  contain: paint !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-core {
  top: 50% !important;
  width: clamp(126px, 15vw, 178px) !important;
  height: clamp(126px, 15vw, 178px) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-lane {
  top: 50% !important;
  width: clamp(152px, calc(var(--orbit-radius, 150px) * 2), 340px) !important;
  height: clamp(152px, calc(var(--orbit-radius, 150px) * 2), 340px) !important;
  margin-left: calc(clamp(76px, var(--orbit-radius, 150px), 170px) * -1) !important;
  margin-top: calc(clamp(76px, var(--orbit-radius, 150px), 170px) * -1) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-ringline {
  opacity: .22 !important;
  box-shadow: inset 0 0 10px rgba(101,245,255,.05) !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node {
  width: clamp(54px, 5.2vw, 76px) !important;
  height: clamp(54px, 5.2vw, 76px) !important;
  border-radius: 999px !important;
}

html body[data-launch="desktop"] #start-menu #start-galaxy .shared-ghost-orbit-node-glyph {
  font-size: clamp(20px, 2.1vw, 28px) !important;
}

@media (max-width: 980px) {
  html body[data-launch="desktop"] #start-menu:not([hidden]) {
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 104px) !important;
    padding: 12px !important;
  }

  html body[data-launch="desktop"] #start-menu .start-core,
  html body[data-launch="desktop"] #start-menu .start-galaxy-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-launch="desktop"] #start-menu .start-core > b,
  html body[data-launch="desktop"] #start-menu #start-command-input,
  html body[data-launch="desktop"] #start-menu .start-core-actions {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body[data-launch="desktop"] #start-menu .start-window-overview {
    display: none !important;
  }
}

/* 2026-08-07 // CIPHER CUT: bury generic start-menu tail poison.
   Clean summon law now lives in start_menu_final.css only. */

/* 2026-08-19 // portable field adapter: keep the desktop cathedral, add touch overlays */
#portable-surface-tray {
  position: fixed;
  right: 14px;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  z-index: 1640;
  width: min(420px, calc(100vw - 28px));
  display: grid;
  gap: 10px;
  pointer-events: auto;
}

#portable-surface-tray[hidden] {
  display: none !important;
}

.portable-surface-handle,
.portable-surface-quick button,
.portable-surface-recents button {
  border: 1px solid rgba(116, 192, 252, 0.24);
  background:
    radial-gradient(circle at 16% 18%, rgba(133, 238, 255, 0.16), transparent 36%),
    linear-gradient(180deg, rgba(7, 13, 21, 0.96), rgba(2, 5, 10, 0.96));
  color: rgba(237, 246, 255, 0.94);
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.34),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(20px) saturate(1.14);
}

.portable-surface-handle {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 18px;
  text-align: left;
}

.portable-surface-handle span,
.portable-surface-head small,
.portable-surface-recents button small {
  color: rgba(136, 211, 240, 0.78);
  font: 800 10px/1 var(--font-display);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.portable-surface-handle b,
.portable-surface-head strong,
.portable-surface-recents button b {
  color: rgba(246, 251, 255, 0.96);
  font: 800 13px/1.18 var(--font-display);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.portable-surface-handle i {
  color: rgba(255, 212, 122, 0.9);
  font: 800 10px/1 var(--font-display);
  letter-spacing: 0.2em;
  font-style: normal;
  text-transform: uppercase;
}

.portable-surface-body {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(116, 192, 252, 0.2);
  background:
    radial-gradient(circle at 12% 10%, rgba(133, 238, 255, 0.14), transparent 32%),
    linear-gradient(180deg, rgba(5, 10, 17, 0.95), rgba(2, 5, 10, 0.97));
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.4),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

#portable-surface-tray[data-open="0"] .portable-surface-body {
  display: none;
}

.portable-surface-head {
  display: grid;
  gap: 4px;
}

.portable-surface-head span {
  color: rgba(190, 214, 228, 0.76);
  font: 600 12px/1.45 var(--font-ui);
}

.portable-surface-quick {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.portable-surface-quick button,
.portable-surface-recents button {
  min-width: 0;
  min-height: 54px;
  padding: 10px 8px;
  border-radius: 16px;
  display: grid;
  gap: 6px;
  justify-items: start;
  align-content: start;
  text-align: left;
}

.portable-surface-quick button i {
  color: rgba(255, 212, 122, 0.94);
  font: 800 16px/1 var(--font-display);
  font-style: normal;
}

.portable-surface-quick button span {
  color: rgba(237, 246, 255, 0.94);
  font: 800 10px/1 var(--font-display);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.portable-surface-recents {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.portable-surface-recents button[data-active="1"] {
  border-color: rgba(255, 212, 122, 0.42);
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.34),
    0 0 28px rgba(255, 212, 122, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.portable-surface-empty {
  grid-column: 1 / -1;
  color: rgba(190, 214, 228, 0.72);
  font: 600 12px/1.45 var(--font-ui);
}

body[data-device-profile="tablet"] .desktop,
html body[data-launch="desktop"][data-device-profile="tablet"] .desktop {
  padding-bottom: 180px !important;
}

body[data-device-profile="phone"] .desktop,
html body[data-launch="desktop"][data-device-profile="phone"] .desktop {
  padding-bottom: 228px !important;
}

body[data-device-profile="tablet"] .window:not([hidden]):not(.is-docked),
html body[data-launch="desktop"][data-device-profile="tablet"] .window:not([hidden]):not(.is-docked) {
  left: clamp(12px, 2vw, 24px) !important;
  top: clamp(12px, 2vh, 24px) !important;
  width: min(900px, calc(100vw - 24px)) !important;
  height: calc(100vh - 170px - env(safe-area-inset-bottom, 0px)) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100vh - 170px - env(safe-area-inset-bottom, 0px)) !important;
}

body[data-device-profile="phone"] .window:not([hidden]):not(.is-docked),
html body[data-launch="desktop"][data-device-profile="phone"] .window:not([hidden]):not(.is-docked) {
  left: 8px !important;
  top: 8px !important;
  width: calc(100vw - 16px) !important;
  height: calc(100vh - 244px - env(safe-area-inset-bottom, 0px)) !important;
  max-width: calc(100vw - 16px) !important;
  max-height: calc(100vh - 244px - env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 20px !important;
}

body[data-device-profile="tablet"] .window:not(.window-active):not([hidden]):not(.is-docked),
html body[data-launch="desktop"][data-device-profile="tablet"] .window:not(.window-active):not([hidden]):not(.is-docked) {
  transform: translateX(20px) scale(0.985);
  opacity: 0.72;
}

body[data-device-profile="phone"] .window:not(.window-active):not([hidden]):not(.is-docked),
html body[data-launch="desktop"][data-device-profile="phone"] .window:not(.window-active):not([hidden]):not(.is-docked) {
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(0.985);
}

body[data-device-profile="phone"] .window .window-bar button,
html body[data-launch="desktop"][data-device-profile="phone"] .window .window-bar button {
  min-width: 40px !important;
  min-height: 40px !important;
}

body[data-device-profile="phone"] #portable-surface-tray,
html body[data-launch="desktop"][data-device-profile="phone"] #portable-surface-tray {
  left: 8px;
  right: 8px;
  bottom: calc(126px + env(safe-area-inset-bottom, 0px));
  width: auto;
}

body[data-device-profile="phone"] .portable-surface-quick,
html body[data-launch="desktop"][data-device-profile="phone"] .portable-surface-quick,
body[data-device-profile="phone"] .portable-surface-recents,
html body[data-launch="desktop"][data-device-profile="phone"] .portable-surface-recents {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}