:root {
  color-scheme: dark;
  --background: #040b14;
  --surface: #091725;
  --surface-high: #10263b;
  --surface-deep: #07121f;
  --line: #203f59;
  --line-strong: #426a8b;
  --white: #dcecff;
  --muted: #9bb5cc;
  --accent: #c34c61;
  --accent-bright: #ef94a0;
  --ice: #a8cef0;
}
* { box-sizing: border-box; }
html { min-height: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  font-family: "Arial Narrow", "Bahnschrift", "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: var(--white);
  background:
    linear-gradient(120deg, transparent 49.95%, rgba(104,135,153,.07) 50%, transparent 50.05%) 0 0 / 96px 96px,
    radial-gradient(ellipse at 50% 5%, #1a252c 0%, #0d1318 45%, #06090c 100%);
}
.terminal {
  width: min(1220px, calc(100% - 48px));
  margin: max(32px, 5vh) auto 40px;
}
.terminal-header {
  min-height: 104px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  border-bottom: 3px solid #8b343b;
  padding: 0 5px 16px;
}
.header-brand { display: flex; align-items: center; gap: 16px; min-width: 0; }
.emblem { width: 66px; height: 66px; color: #bb6568; flex-shrink: 0; }
.identity { display: grid; gap: 4px; }
.identity-name { font-weight: 700; font-size: clamp(1.25rem, 2.6vw, 1.85rem); text-transform: uppercase; letter-spacing: .16em; }
.identity-sub { color: var(--ice); font-size: .77rem; letter-spacing: .34em; font-weight: 700; text-transform: uppercase; }
.header-context { display: flex; align-items: center; gap: 12px; text-transform: uppercase; letter-spacing: .16em; color: #adb7b8; font-size: .72rem; text-align: right; }
.header-context-mark { width: 7px; height: 7px; transform: rotate(45deg); background: #b95056; flex-shrink: 0; }
.context-divider { color: #6e7c85; }
.command-surface {
  border: 1px solid var(--line-strong);
  border-top: 0;
  background: linear-gradient(180deg,#121c24 0%,#0a1117 100%);
  box-shadow: 0 20px 70px rgba(0,0,0,.34), inset 0 0 80px rgba(24,40,52,.16);
}
.section-bar {
  min-height: 45px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 23px;
  background: #202b32;
  border-bottom: 1px solid #435965;
  color: #c4cdd0;
  text-transform: uppercase; font-size: .7rem; font-weight: 700; letter-spacing: .17em;
}
.bar-square { display: inline-block; width: 9px; height: 9px; background: var(--accent); margin-right: 10px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.bar-count { color: #95a8b0; white-space: nowrap; }
.command-body { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .95fr); }
.directory-console { min-width: 0; padding: clamp(23px, 4vw, 48px); border-right: 1px solid var(--line); }
.section-heading { display: flex; justify-content: space-between; gap: 18px; align-items: flex-end; margin-bottom: 35px; }
.eyebrow { margin: 0 0 11px; color: var(--accent-bright); text-transform: uppercase; font-size: .67rem; font-weight: 700; letter-spacing: .22em; }
h1 { margin: 0; font-weight: 650; text-transform: uppercase; line-height: 1.05; letter-spacing: .035em; font-size: clamp(1.9rem, 3.4vw, 3rem); }
.heading-index { color: #6e8792; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .75rem; white-space: nowrap; }
.module-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #45606e; }
.module-list li { min-width: 0; }
.module {
  position: relative;
  display: grid; grid-template-columns: 44px minmax(0,1fr) auto;
  align-items: center; gap: 18px;
  width: 100%; min-height: 72px; padding: 14px 17px 14px 16px;
  border-bottom: 1px solid #334650;
  color: var(--white);
}
.module-number { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; color: #7995a2; font-size: .75rem; letter-spacing: .07em; }
.module-name { font-size: clamp(.98rem, 1.6vw, 1.17rem); letter-spacing: .035em; font-weight: 600; }
.module--live {
  background: linear-gradient(90deg, rgba(112,43,49,.30),rgba(40,52,61,.34) 72%,rgba(32,44,53,.25));
  border-left: 3px solid var(--accent); padding-left: 13px;
  text-decoration: none; cursor: pointer;
  transition: background 150ms ease, box-shadow 150ms ease;
}
.module--live:hover, .module--live:focus-visible { background: linear-gradient(90deg,rgba(153,52,60,.46),rgba(46,64,74,.54)); box-shadow: inset 0 0 24px rgba(217,93,103,.12); }
.module--live:focus-visible { outline: 2px solid #f4c4bd; outline-offset: -3px; }
.module--live .module-name { color: #fff0eb; }
.module--pending { color: #b8c0c1; }
.module--pending .module-name { font-weight: 500; }
.module-end { display: flex; gap: 19px; align-items: center; }
.module-status { font-family: ui-monospace,SFMono-Regular,Consolas,monospace; color: #7e929c; font-size: .75rem; text-transform: uppercase; letter-spacing: .13em; white-space: nowrap; }
.module-status--live { color: #e8b8b2; }
.status-light { display:inline-block; width: 6px; height: 6px; background:#cb676a; transform:rotate(45deg); margin: 0 8px 1px 0; }
.module-chevron { font-size: 1.1rem; color: #e0a2a1; }
.network-console { display:flex; flex-direction:column; padding: 25px 27px 29px; min-width: 0; }
.network-title { display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid #374c57; padding-bottom:14px; }
.network-title h2 { font-size: .76rem; text-transform: uppercase; letter-spacing: .16em; margin: 0; font-weight: 700; color: #bfccd0; }
.network-title span { color: #788e99; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: .72rem; white-space:nowrap; }
.schematic { flex:1; display:flex; align-items:center; justify-content:center; min-height: 330px; padding: 10px 0; }
.schematic svg { width:100%; max-width:370px; height:auto; display:block; }
.legend { border-top:1px solid #374c57; margin-top:auto; }
.legend > div { display:flex; justify-content:space-between; gap:12px; padding:14px 0; border-bottom:1px solid #2b3f48; font-size:.81rem; }
.legend-key { display:flex; gap:12px; align-items:center; color:#a9babd; }
.key { width:9px; height:9px; display:inline-block; transform:rotate(45deg); }
.key--red { background:#ba565e; }
.key--gray { border:1px solid #8196a0; }
.legend strong { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-weight:500; color:#e2e9e7; }
.terminal-footer { display:flex; justify-content:space-between; gap:12px; padding:15px 23px; background:#0c1419; border-top:1px solid #3b4c55; text-transform:uppercase; letter-spacing:.17em; font-size:.68rem; color:#6e8791; }
@media (max-width: 860px) {
  .command-body { grid-template-columns: 1fr; }
  .directory-console { border-right:0; border-bottom:1px solid var(--line); }
  .network-console { padding:26px 38px; }
  .schematic { min-height: 245px; }
  .schematic svg { max-width:285px; }
}
@media (max-width: 600px) {
  .terminal { width:calc(100% - 20px); margin:12px auto 22px; }
  .terminal-header { min-height:80px; padding:8px 9px 13px; }
  .emblem { width:46px; height:46px; }
  .header-brand { gap:11px; }
  .identity-name { font-size:1.08rem; letter-spacing:.10em; }
  .identity-sub { font-size:.64rem; letter-spacing:.21em; }
  .header-context { display:none; }
  .section-bar { font-size:.59rem; letter-spacing:.08em; padding:10px 13px; }
  .bar-count { font-size:.58rem; }
  .bar-square { width:6px; height:6px; margin-right:5px; }
  .directory-console { padding:29px 17px 30px; }
  .section-heading { margin-bottom:25px; }
  h1 { font-size:1.9rem; }
  .module { min-height:68px; gap:10px; grid-template-columns:24px minmax(0,1fr) auto; padding:11px 8px; }
  .module--live { padding-left:5px; }
  .module-name { font-size:.98rem; }
  .module-number, .module-status { font-size:.64rem; }
  .module-end { gap:9px; }
  .status-light { margin-right:5px; }
  .network-console { padding:22px; }
  .terminal-footer { padding:14px; font-size:.59rem; }
}
@media (prefers-reduced-motion: reduce) { .module--live { transition:none; } }

/* Audio archive: a compact console, not a separate promotional section. */
.audio-console { border-top:1px solid #41545f; background:#101921; }
.audio-console__heading { padding:14px 24px; margin:0; border-bottom:1px solid #354c58; }
.audio-console__body { display:grid; grid-template-columns:minmax(215px, .8fr) minmax(0, 1.8fr); gap:22px; align-items:center; padding:22px 24px 14px; }
.audio-console__now-playing { display:flex; flex-direction:column; gap:5px; padding:8px 0 8px 14px; border-left:3px solid #b4545c; min-width:0; }
.audio-console__eyebrow, .audio-console__select-label { color:#899fa9; font-size:.69rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.audio-console__now-playing strong { font-size:1.15rem; color:#f0e8e2; font-weight:600; }
.audio-console__now-playing > span:last-child { color:#b9c7c9; font-size:.85rem; }
.audio-console__controls { display:grid; gap:9px; }
.audio-console__select-label { display:block; }
#track-select { width:100%; min-width:0; border:1px solid #4a616d; background:#0b141b; color:#e8e4df; padding:9px 12px; font:inherit; font-size:.87rem; }
#track-select:focus-visible, .transport-btn:focus-visible, .audio-console input:focus-visible { outline:2px solid #e3aaa4; outline-offset:3px; }
.audio-console__transport { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.transport-btn { width:38px; height:35px; border:1px solid #445965; background:#15232c; color:#d9dedd; font-size:1.05rem; cursor:pointer; }
.transport-btn:hover { background:#263943; border-color:#90a7ad; }
.transport-btn--play { display:flex; justify-content:center; align-items:center; color:#fff1e9; background:#873940; border-color:#b36466; width:45px; height:38px; }
.transport-btn--play:hover { background:#a94d53; }
.transport-btn[aria-pressed="true"] { color:#f6d2c7; border-color:#a45f65; }
.audio-console__volume { display:flex; gap:10px; align-items:center; margin-left:auto; text-transform:uppercase; color:#9fb2ba; font-size:.65rem; font-weight:700; letter-spacing:.11em; }
.audio-console__volume input { width:92px; }
.audio-console__timeline { display:flex; align-items:center; gap:13px; color:#92a5af; font-family:ui-monospace,monospace; font-size:.73rem; font-variant-numeric:tabular-nums; }
.audio-console__timeline input { flex:1; min-width:55px; }
.audio-console input[type="range"] { accent-color:#bb6970; cursor:pointer; }
.audio-console__notice { border-top:1px solid #2d434d; margin:0; padding:11px 24px 13px; font-family:ui-monospace,Consolas,monospace; font-size:.74rem; letter-spacing:.025em; color:#a6bac3; }
.audio-player--pending .transport-btn--play { opacity:.55; }
@media (max-width: 860px) { .audio-console__body { grid-template-columns:1fr; gap:18px; } }
@media (max-width: 600px) { .audio-console__heading { padding:14px; } .audio-console__body { padding:20px 15px; } .audio-console__notice { padding:12px 15px; } .audio-console__volume { margin-left:0; } }

/* Quiet player improvements — no extra panels added to the homepage. */
.audio-console__now-playing { display:flex; flex-direction:row; align-items:center; gap:13px; padding-left:12px; }
.audio-console__portrait { flex:0 0 46px; width:46px; height:46px; display:flex; align-items:center; justify-content:center; border:1px solid #6c4b51; background:linear-gradient(145deg,#303139,#151c23); color:#e5bbb2; font-size:.88rem; font-weight:700; letter-spacing:.09em; font-family:ui-monospace,Consolas,monospace; }
.audio-console__track-info { display:flex; flex-direction:column; gap:4px; min-width:0; }
.audio-console__track-info strong { color:#f0e8e2; font-size:1.12rem; font-weight:600; overflow-wrap:anywhere; }
.audio-console__track-info > span:last-child { color:#b9c7c9; font-size:.84rem; }
.transport-btn--popout { display:flex; align-items:center; justify-content:center; margin-left:2px; }
@media (max-width:600px) {
  .audio-console__portrait { width:40px; height:40px; flex-basis:40px; }
  .audio-console__now-playing { gap:10px; }
}
/* Midnight Holonet: quiet blue circuitry with crimson active controls. */
body { background:radial-gradient(ellipse at 65% 0%,#122d47 0%,#071321 48%,#030912 100%); }
.terminal { width:min(1360px,calc(100% - 48px)); margin:32px auto; }
.terminal-header { position:relative; isolation:isolate; overflow:hidden; min-height:126px; padding:24px 28px; border:1px solid #426a8b; background:linear-gradient(90deg,#091725 15%,#091725bb 55%,#0b1c30aa); }
.terminal-header::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#071321 10%,transparent 65%),url("skyline.svg") right bottom / auto 100% no-repeat; opacity:.65; }
.header-brand { gap:18px; }
.emblem { color:#99c8f0; }
.identity-name { font-weight:500; letter-spacing:.2em; }
.identity-sub { color:#84b5df; }
.header-context { color:#b1d0e9; max-width:220px; flex-wrap:wrap; justify-content:flex-end; line-height:1.6; font-size:.65rem; }
.header-context-mark { background:#8bbce5; }
.command-surface { border:0; background:transparent; box-shadow:none; }
.section-bar { background:#091827; border:1px solid #274963; border-top:0; color:#a8c9e6; padding:12px 24px; }
.bar-square { background:#8ebce3; }
.bar-count { color:#8baac5; }
.command-body { gap:18px; margin:18px 0; grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr); }
.directory-console,.network-console,.audio-console { position:relative; border:1px solid #365b78; background:linear-gradient(125deg,#0c1d2ed9,#06111ed9); box-shadow:inset 0 0 35px #102c4326; }
.directory-console::before,.network-console::before,.audio-console::before { content:""; position:absolute; inset:5px; pointer-events:none; background:linear-gradient(#8ebce3,#8ebce3) left top/18px 1px no-repeat,linear-gradient(#8ebce3,#8ebce3) left top/1px 18px no-repeat,linear-gradient(#8ebce3,#8ebce3) right bottom/18px 1px no-repeat,linear-gradient(#8ebce3,#8ebce3) right bottom/1px 18px no-repeat; opacity:.65; }
.directory-console { padding:28px; }
.section-heading { margin-bottom:24px; }
.eyebrow { color:#83acd0; font-size:.62rem; }
h1 { font-size:clamp(1.5rem,2.6vw,2.1rem); letter-spacing:.13em; font-weight:500; }
.heading-index { color:#89afcc; }
.module-list { border:0; display:grid; gap:9px; }
.module { border:1px solid #294b67; min-height:71px; background:linear-gradient(100deg,#10263b99,#09172666); }
.module-number { color:#a2c5e5; font-size:.95rem; }
.module-name { color:#c7ddf0; letter-spacing:.065em; }
.module--pending .module-name { font-weight:500; }
.module-status { color:#92b6d3; }
.module--live { border:1px solid #a44257; padding-left:16px; background:linear-gradient(100deg,#571c2e77,#15263a66); }
.module--live .module-name { color:#eef4ff; }
.module-status--live,.module-chevron { color:#f08a9c; }
.module--live:hover { background:linear-gradient(100deg,#79273c99,#18344b99); }
.module--live:focus-visible { outline-color:#b8ddff; }
.network-console { padding:28px; }
.network-title { border-color:#294b67; }
.network-title h2 { color:#b6d7f3; letter-spacing:.19em; }
.network-title span { color:#8fb3d0; }
.schematic { background:linear-gradient(#23425c22 1px,transparent 1px),linear-gradient(90deg,#23425c22 1px,transparent 1px); background-size:24px 24px; margin-top:15px; }
.schematic svg { max-width:390px; }
.schematic svg g[stroke="#567280"] { stroke:#79add7; }
.schematic svg g[fill="#1c2429"] { fill:#10263b; stroke:#8dbce3; }
.schematic svg g[fill="#9baeb5"] { fill:#a6c8e6; }
.schematic svg rect[fill="#141e25"] { fill:#10263b; stroke:#92c5ed; }
.schematic svg text[fill="#f0e4d8"] { fill:#dceeff; }
.legend,.legend > div { border-color:#29465d; }
.legend-key { color:#a3c0d8; }
.key--gray { border-color:#83b4db; }
.terminal-footer { margin-top:16px; background:transparent; border-color:#294b67; color:#8daeca; }
.audio-console__heading { border-color:#294b67; }
.audio-console__now-playing { border-left:0; padding-left:0; }
.audio-console__portrait { background:linear-gradient(145deg,#183750,#091725); border-color:#4b7598; color:#c3e1fa; }
.audio-console__track-info strong { color:#dcecff; }
.audio-console__track-info > span:last-child { color:#9cbdd8; }
.audio-console__eyebrow,.audio-console__select-label { color:#8db3d3; }
#track-select { border-color:#426687; background:#071321; color:#dcecff; }
.transport-btn { background:#0b2033; border-color:#365c7c; color:#b8d8f2; min-width:40px; min-height:40px; }
.transport-btn:hover { background:#183a54; border-color:#91bfe4; }
.transport-btn--play { border-color:#d45b72; background:#371728; color:#f18a9d; border-radius:50%; width:46px; height:46px; }
.transport-btn--play:hover { background:#652137; }
.audio-console input[type="range"] { accent-color:#9cc9f1; }
.audio-console__timeline,.audio-console__volume { color:#a2c4e0; }
.audio-console__notice { border-color:#203e57; color:#9ebbd3; }
#track-select:focus-visible,.transport-btn:focus-visible,.audio-console input:focus-visible { outline-color:#b8ddff; }
@media(max-width:1000px) and (min-width:861px) { .directory-console,.network-console { padding:22px 18px; } .module { gap:10px; grid-template-columns:28px minmax(0,1fr) auto; } .module-end { gap:8px; } .module-status { font-size:.62rem; } }
@media(max-width:860px) { .command-body { grid-template-columns:1fr; } .schematic { min-height:260px; } .schematic svg { max-width:310px; } }
@media(max-width:600px) { .terminal { width:calc(100% - 20px); margin:12px auto 22px; } .terminal-header { min-height:106px; padding:20px 16px; } .identity-name { font-size:1.02rem; letter-spacing:.12em; } .command-body { gap:12px; margin:12px 0; } .directory-console { padding:25px 14px 18px; } .module { padding:12px 8px; min-height:70px; } .module--live { padding-left:8px; } .module-name { font-size:.91rem; letter-spacing:.02em; } .module-number { font-size:.78rem; } .network-console { padding:22px; } .audio-console__transport { gap:8px; } .audio-console__volume { flex-basis:100%; margin-top:4px; } .audio-console__volume input { width:130px; } }