/* Neon Pulse Archive — neon lives in the header/hero/footer only; the catalog itself uses the
   SlowBooks Pro palette: white panels, slate rules, navy headings, QB-blue links, Inter + JetBrains Mono. */
/* Self-hosted fonts (SIL OFL 1.1, latin subset from Google Fonts; Inter + JetBrains Mono are variable) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/inter-400-800.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/jetbrains-mono-400-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/space-mono-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-mono-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Yellowtail';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/yellowtail-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Permanent Marker';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/permanent-marker-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --ramp:linear-gradient(90deg,#0a1a34 0 6.25%,#0b223c 0 12.5%,#0b2a45 0 18.75%,#0c324d 0 25%,#0d3955 0 31.25%,#213350 0 37.5%,#362d4a 0 43.75%,#4b2744 0 50%,#61233e 0 56.25%,#7e2c35 0 62.5%,#9c342c 0 68.75%,#b93d23 0 75%,#cd4d24 0 81.25%,#db622a 0 87.5%,#e97630 0 93.75%,#f78b36 0);
  --night:#070810;--cyan:#00eaff;--magenta:#ff3bd4;--green:#39ff14;
  /* body palette = SlowBooks Pro (navy / QB blue / slate on white) */
  --paper:#eef1f5;--paper2:#e8eef5;--rule:#c0c8d0;--margin:#336699;
  --ink:#0b1530;--ink2:#4a5a70;--coffee:#003366;--mustard:#5b9bd5;--teal:#336699;--plum:#004488
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:#eef1f5;color:var(--ink);font-family:"Inter",system-ui,sans-serif;font-size:16px}
a{color:var(--teal)}
a:hover{color:var(--plum)}

/* ---- neon header / footer ---- */
.top{position:relative;background:var(--night);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border-bottom:0;padding-bottom:20px;font-family:"Space Mono",monospace}
.brand{text-decoration:none;font-weight:700;letter-spacing:.08em}
.brand .np{color:var(--cyan);text-shadow:0 0 8px rgba(0,234,255,.6)}
.brand .ar{color:var(--magenta);text-shadow:0 0 8px rgba(255,59,212,.5)}
.top nav a{margin-left:16px;font-size:.85rem;text-decoration:none;color:#cfd6f5}
.top nav a:hover{color:var(--cyan)}
.hero{position:relative;background:var(--night);color:#d9e2ff;padding:26px 18px 30px;text-align:center}
.hero h1{margin:0;font-family:"Space Mono",monospace;font-size:clamp(1.25rem,4vw,1.9rem);color:var(--cyan);text-shadow:0 0 10px rgba(0,234,255,.55);letter-spacing:.03em}
.hero .tag{font-family:"Yellowtail",cursive;color:var(--green);font-size:1.4rem;margin:8px auto 0;max-width:820px;line-height:1.3;text-shadow:0 0 8px rgba(57,255,20,.35)}
.hero .aired{font-family:"Space Mono",monospace;color:var(--magenta);font-size:.85rem;margin-top:8px}
footer{position:relative;background:var(--night);color:#8a93b8;text-align:center;font-size:.75rem;padding:58px 16px 30px;font-family:"Space Mono",monospace;line-height:1.7}
footer .np{color:var(--cyan)} footer .ar{color:var(--magenta)}

/* ---- ledger page ---- */
.wrap{max-width:980px;margin:0 auto;padding:26px 18px 46px}
.sheet{background:#ffffff;border:1px solid #c0c8d0;border-top:3px solid var(--coffee);border-radius:8px;box-shadow:0 4px 12px rgba(0,30,60,.08);padding:24px 28px 30px}
.crumb{font-size:.82rem;color:var(--ink2);margin:0 0 6px}
h1.page{font-family:"Inter",system-ui,sans-serif;font-weight:700;font-size:clamp(1.5rem,4vw,2.2rem);color:var(--coffee);margin:.1em 0 .2em;line-height:1.15}
h2{font-family:"Inter",system-ui,sans-serif;font-size:1.25rem;color:var(--coffee);margin:30px 0 10px;padding-bottom:4px;border-bottom:2px solid var(--mustard)}
p{line-height:1.7}
.stamp{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:.8rem;color:var(--plum);border:1px solid #b8c9e0;border-radius:999px;padding:2px 10px;margin:2px 6px 2px 0;background:#eaf1fa}
.btn{display:inline-block;padding:9px 15px;border-radius:4px;background:var(--teal);color:#fff;text-decoration:none;font-weight:600;font-size:.88rem;box-shadow:none}
.btn:hover{background:#002244;color:#fff}
ul.log{list-style:none;padding:0;margin:0;font-size:.93rem}
ul.log li{padding:5px 0;border-bottom:1px dotted var(--rule);line-height:1.5}
.fig{font-family:"JetBrains Mono",monospace;color:var(--margin);font-weight:700;white-space:nowrap}

/* breaks as ledger tables */
.break{margin:20px 0 26px}
.break h3{font-family:"JetBrains Mono",monospace;font-size:.9rem;letter-spacing:.12em;color:var(--plum);margin:0 0 6px;text-transform:uppercase}
table.ledger{width:100%;border-collapse:collapse;font-size:.92rem;background:#ffffff;border:1px solid #c0c8d0}
table.ledger th{background:#e8eef5;font-family:"JetBrains Mono",monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);text-align:left;border-bottom:2px solid var(--coffee);padding:6px 8px}
table.ledger tbody tr:nth-child(even){background:#f7f8fa}
table.ledger td{border-bottom:1px solid #e3e8ee;padding:9px 8px;vertical-align:top}
table.ledger td.n{font-family:"JetBrains Mono",monospace;color:var(--margin);font-weight:700;white-space:nowrap;width:1%}
table.ledger td.len{font-family:"JetBrains Mono",monospace;white-space:nowrap;width:1%;color:var(--ink2)}
table.ledger tr.skip td{color:#6b7a90;font-style:italic;font-size:.84rem;padding:6px 8px}
.spot{display:grid;grid-template-columns:168px 1fr;gap:12px;align-items:start}
.spot h4{margin:0 0 3px;font-size:.95rem;line-height:1.35;color:var(--ink)}
.spot p{margin:0;font-size:.84rem;line-height:1.5;color:var(--ink2)}
.spot .by{font-size:.78rem;margin-top:4px}
.play,.spot iframe{width:168px;aspect-ratio:16/9;border:2px solid var(--coffee);border-radius:3px;background:#0b1530;position:relative;padding:0;cursor:pointer;overflow:hidden}
.play img{width:100%;height:100%;object-fit:cover;display:block}
.pb{position:absolute;inset:0;display:grid;place-items:center;font-size:1.4rem;color:#fff;text-shadow:0 0 8px #000}
.pending{font-family:"JetBrains Mono",monospace;font-size:.72rem;color:var(--ink2);border:1px dashed #9aa8b8;border-radius:3px;padding:1px 6px;margin-left:8px}
.spot.novid{grid-template-columns:1fr}
.soon{display:grid;place-items:center;font-size:.7rem;color:var(--ink2);background:var(--paper2);border-style:dashed;cursor:default;font-family:"JetBrains Mono",monospace}

/* browse index */
.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 18px;font-size:.9rem}
.cols a{display:flex;justify-content:space-between;gap:8px;text-decoration:none;color:var(--ink);border-bottom:1px dotted var(--rule);padding:3px 0}
.cols a:hover{color:var(--teal)}
.cols a span{font-family:"JetBrains Mono",monospace;color:var(--ink2);font-size:.8rem}
.letters{font-family:"JetBrains Mono",monospace;margin:4px 0 10px}
.letters a{margin-right:8px}
.note{font-size:.82rem;color:var(--ink2)}

@media (max-width:640px){
  .sheet{padding:18px 14px 22px}
  .spot{grid-template-columns:1fr}
  .play,.spot iframe{width:100%}
  table.ledger th.hlen,table.ledger td.len{display:none}
}
h3.sub{font-family:"Inter",system-ui,sans-serif;font-size:1.02rem;color:var(--plum);margin:18px 0 6px}
.discnav{font-family:"JetBrains Mono",monospace}
.discnav a{display:inline-block;margin:0 6px 6px 0;padding:3px 9px;border:1.5px solid var(--teal);border-radius:3px;text-decoration:none}
h2 .fig{font-size:.9rem;font-weight:400}
.totop{position:fixed;right:18px;bottom:18px;z-index:20;padding:9px 13px;border-radius:4px;background:var(--night);color:var(--cyan);font-family:"Space Mono",monospace;font-size:.8rem;font-weight:700;text-decoration:none;border:1.5px solid var(--cyan);box-shadow:0 4px 14px rgba(0,0,0,.35);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s}
.totop.show{opacity:1;pointer-events:auto;transform:none}
.totop:hover{color:var(--magenta)}
@media (max-width:640px){.totop{right:12px;bottom:12px}}

/* ---- cassette hero: Trent's VHS photo (from VHS Now) with our own paper label over the label well ---- */
.hero.tape{padding:18px 12px 22px}
.cassette{position:relative;width:100%;max-width:880px;margin:0 auto;aspect-ratio:1492/813;container-type:inline-size;filter:drop-shadow(0 18px 34px rgba(0,0,0,.7))}
/* vhs-tape.webp: the VHS Now photo levelled (+0.15deg) and cut out of its cutting mat (transparent background) */
.cassette::before{content:"";position:absolute;inset:0;background:url(vhs-tape.webp) center/100% 100% no-repeat}
.cassette .label{position:absolute;top:30.38%;left:28.99%;right:29.28%;bottom:23.26%;border-radius:1.2cqw;overflow:hidden;
  background:#fbf7ec;background-image:repeating-linear-gradient(180deg,transparent 0 2.55cqw,rgba(70,90,160,.18) 2.55cqw 2.7cqw);
  box-shadow:0 .3cqw .8cqw rgba(0,0,0,.55),inset 0 0 1.4cqw rgba(120,90,40,.18);
  display:flex;flex-direction:column;text-align:left;color:#2a2440}
.cassette .band{height:22%;display:flex;align-items:center;justify-content:space-between;padding:0 3.2%;
  background:linear-gradient(90deg,#00b9d6 0 34%,#ff3bd4 34% 67%,#f2b33d 67%);font-family:"Space Mono",monospace;font-weight:700;color:#fff;
  font-size:1.35cqw;letter-spacing:.12em;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.cassette .band b{font-size:1.6cqw;letter-spacing:.16em}
.cassette .ttl{font-family:"Permanent Marker",cursive;color:#1f2a6b;font-size:2.65cqw;line-height:1.08;padding:2.2% 4% 0;transform:rotate(-1deg);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cassette .ttl.big{font-size:3.4cqw}
.cassette .info{font-family:"JetBrains Mono",monospace;font-size:1.25cqw;color:#5a4a6a;padding:1.4% 4% 0;line-height:1.35}
.cassette .marks{margin-top:auto;display:flex;gap:4%;align-items:center;padding:0 4% 3%;font-family:"JetBrains Mono",monospace;font-size:1.15cqw;color:#5a4a6a}
.cassette .marks span{display:inline-flex;align-items:center;gap:.5cqw}
.cassette .marks i{display:inline-grid;place-items:center;width:1.5cqw;height:1.5cqw;border:.15cqw solid #5a4a6a;font-style:normal;font-family:"Permanent Marker",cursive;color:#c8351f;font-size:1.6cqw;line-height:1}
.cassette .marks .rec{margin-left:auto;color:#c8351f;font-weight:700;letter-spacing:.1em}
.hero.tape .under{margin:10px auto 0;max-width:820px}
@media (max-width:640px){.hero.tape{padding:10px 0 16px}.cassette{max-width:none;width:104%;margin-left:-2%}}

@container (max-width:620px){
  .cassette .band{font-size:2.3cqw;white-space:nowrap}.cassette .band b{font-size:2.6cqw;letter-spacing:.1em}.cassette .band span{display:none}
  .cassette .ttl{font-size:3.9cqw;padding-top:3%}
  .cassette .info{font-size:2.3cqw;line-height:1.3}
  .cassette .marks{display:none}
}
@media (max-width:640px){
  .top{gap:6px 10px}
  .top nav{display:flex;flex-wrap:wrap;gap:4px 12px}
  .top nav a{margin-left:0;font-size:.8rem;white-space:nowrap}
}

/* Neon Pulse Vintage Systems 16-band ramp (navy -> sunset), as on neonpulsetechshop.com */
.top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:var(--ramp)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--ramp);opacity:.85}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:36px;background:var(--ramp)}

/* ---- catalog sheet ---- */
.grid{max-width:1400px;margin:0 auto;padding:22px 18px 46px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}
.menu{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;background:#ffffff;border:1px solid #c0c8d0;border-top:3px solid var(--coffee);border-radius:8px;padding:12px 12px 16px;color:var(--ink)}
.menu summary{font:700 13px 'Space Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--coffee);cursor:pointer;list-style:none}
.menu summary::-webkit-details-marker{display:none}
.menu input[type=search]{width:100%;box-sizing:border-box;margin:10px 0 4px;padding:8px 10px;font:14px 'Inter',sans-serif;border:1px solid #c0c8d0;border-radius:4px;background:#fff;color:var(--ink)}
.menu h3{font:700 11px 'Space Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);margin:14px 0 6px}
.menu .by{display:flex;flex-wrap:wrap;gap:4px}
.menu .by button{font:600 12px 'Inter',sans-serif;padding:5px 9px;border:1px solid #c0c8d0;border-radius:3px;background:#f7f8fa;color:var(--ink);cursor:pointer}
.menu .by button[aria-pressed=true]{background:var(--coffee);border-color:var(--coffee);color:#ffffff}
.menu .chk{display:block;margin-top:10px;font:13px 'Inter',sans-serif}
#vals a{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;padding:4px 6px;border-radius:3px;color:var(--ink);text-decoration:none;font:13px/1.3 'Inter',sans-serif}
#vals a:hover{background:#e8eef5}
#vals a.on{background:var(--teal);color:#fff}
#vals a small{flex-basis:100%;order:3;font:11px 'JetBrains Mono',monospace;color:var(--ink2)}
#vals a.on small{color:#dff}
#vals a span{margin-left:auto;font:11px 'JetBrains Mono',monospace;color:var(--ink2)}
#vals a.on span{color:#fff}
.sheetwrap{background:#ffffff;border:1px solid #c0c8d0;border-top:3px solid var(--coffee);border-radius:8px;box-shadow:0 12px 26px rgba(0,30,60,.08);overflow:clip;color:var(--ink)}
.sheetwrap .bar{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #c0c8d0;font:13px 'JetBrains Mono',monospace;color:var(--ink2)}
#clr{margin-left:auto;font:600 12px 'Inter',sans-serif;border:1px solid #c0c8d0;background:#f7f8fa;color:var(--ink);border-radius:3px;padding:3px 9px;cursor:pointer}
.sheettab{width:100%;border-collapse:collapse;font:13.5px/1.35 'Inter',sans-serif}
.sheettab thead th{position:sticky;top:0;z-index:1;background:#e8eef5;text-align:left;font:700 11px 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--coffee);padding:8px 8px;border-bottom:2px solid #c0c8d0;white-space:nowrap}
.sheettab th[data-k]{cursor:pointer;user-select:none}
.sheettab th[data-k]:hover{color:var(--teal)}
.sheettab th[aria-sort=ascending]::after{content:" \25B2";font-size:9px}
.sheettab th[aria-sort=descending]::after{content:" \25BC";font-size:9px}
.sheettab td{padding:6px 8px;border-bottom:1px solid #e3e8ee;vertical-align:top}
.sheettab tbody tr:not(.g):nth-child(even){background:#f7f8fa}
.sheettab tbody tr:not(.g):hover{background:#eaf1fa}
.sheettab a{color:var(--teal);text-decoration:none}
.sheettab a:hover{text-decoration:underline}
.sheettab tr.nov .ti{color:var(--ink2)}
.sheettab .ti{min-width:16em}
.sheettab td.tp{white-space:nowrap}
.sheettab td.tp small{margin-left:2px;color:var(--ink2)}
.sheettab .hl{white-space:nowrap;font-family:'JetBrains Mono',monospace;text-align:right}
.sheettab td.pl,.sheettab th.pl{width:30px;padding-right:0}
.sheettab button.pl{width:26px;height:22px;border:0;border-radius:3px;background:var(--plum);color:#fff;font-size:11px;cursor:pointer}
.sheettab button.pl:hover{background:var(--margin)}
.sheettab .nv{display:inline-block;width:26px;text-align:center;color:#a0aec0}
.sheettab tr.g td{background:#003366;color:#e8eef7;padding:9px 10px;border-bottom:0;font-size:13px}
.sheettab tr.g a{color:#fff}
.sheettab tr.g b{font:700 15px 'Inter',sans-serif}
.sheettab tr.g span{margin-left:8px;font:12px 'JetBrains Mono',monospace;color:#b8c9e0}
.sheettab tr.g .gw{margin-top:3px;font-size:12px;color:#a9bcd6}
.sheettab .note{padding:18px;color:var(--ink2)}
@media (max-width:899px){
  .grid{grid-template-columns:1fr;padding:14px 10px 40px;gap:12px}
  .menu{position:static;max-height:none}
  .menu details[open] #vals{max-height:50vh;overflow:auto}
  .sheettab .hc,.sheettab .hs{display:none}
  .sheettab .ti{min-width:0}
}
@media (max-width:520px){ .sheettab .hl{display:none} .sheettab{font-size:13px} .sheettab td{padding:6px 5px} }
.sheettab tr.g td{cursor:pointer}
.sheettab tr.g:hover td{background:#004488}
.sheettab tr.g .car{display:inline-block;width:14px;margin:0 4px 0 0;font-size:11px;color:#9cc3ea;transition:transform .15s}
.sheettab tr.g.open .car{transform:rotate(90deg)}
#tog{font:600 12px 'Inter',sans-serif;border:1px solid #c0c8d0;background:#f7f8fa;color:var(--ink);border-radius:4px;padding:3px 9px;cursor:pointer}
#clr{margin-left:0}
.sheetwrap .bar #count{margin-right:auto}
.sheettab tr.g a.tl{margin-left:10px;font-size:12px;color:#9cc3ea}
.sheettab tr.g a.tl:hover{color:#fff}
/* closed groups read as a light list; the open one gets the navy bar */
.sheettab tr.g td{background:#fff;color:var(--ink);border-bottom:1px solid #e3e8ee}
.sheettab tr.g b{color:var(--coffee)}
.sheettab tr.g span{color:var(--ink2)}
.sheettab tr.g .gw{color:var(--ink2)}
.sheettab tr.g a.tl{color:var(--teal)}
.sheettab tr.g .car{color:var(--teal)}
.sheettab tr.g:hover td{background:#eaf1fa}
.sheettab tr.g.open td{background:#003366;color:#e8eef7;border-bottom:0}
.sheettab tr.g.open b{color:#fff}
.sheettab tr.g.open span,.sheettab tr.g.open .gw{color:#b8c9e0}
.sheettab tr.g.open a.tl,.sheettab tr.g.open .car{color:#9cc3ea}
.sheettab tr.g.open:hover td{background:#004488}
/* group row = dropdown button on the left + the rest of the row links to the tape/brand page */
.sheettab tr.g td{cursor:default;padding:0}
.sheettab tr.g:hover td{background:#fff}
.sheettab tr.g.open:hover td{background:#003366}
.sheettab .gh{display:flex;align-items:stretch}
.sheettab button.tg{flex:none;display:flex;align-items:center;gap:7px;margin:8px 0 8px 8px;min-width:68px;padding:0 10px;
  border:1.5px solid #336699;border-radius:6px;background:#eaf1fa;color:#003366;font:700 13px 'JetBrains Mono',monospace;cursor:pointer;
  box-shadow:0 1px 2px rgba(0,30,60,.12)}
.sheettab button.tg i{font-style:normal;font-size:10px;transition:transform .15s}
.sheettab button.tg:hover{background:#336699;color:#fff}
.sheettab button.tg:focus-visible{outline:3px solid #5b9bd5;outline-offset:2px}
.sheettab tr.g.open button.tg{background:#fff;border-color:#fff;color:#003366}
.sheettab tr.g.open button.tg i{transform:rotate(90deg)}
.sheettab .gl{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:9px 12px;color:var(--ink);text-decoration:none}
.sheettab a.gl:hover{background:#eaf1fa}
.sheettab a.gl:hover b{text-decoration:underline}
.sheettab .gl b{font:700 15px 'Inter',sans-serif;color:var(--coffee)}
.sheettab .gl .ga{font:12px 'JetBrains Mono',monospace;color:var(--ink2);margin:0}
.sheettab .gl .gw{flex-basis:100%;font-size:12px;color:var(--ink2);margin:0}
.sheettab tr.g.open .gl b{color:#fff}
.sheettab tr.g.open .gl .ga,.sheettab tr.g.open .gl .gw{color:#b8c9e0}
.sheettab tr.g.open a.gl:hover{background:#004488}
.sheettab .gl .gw{font:12.5px/1.4 'Inter',sans-serif}
.sheettab button.tg{align-self:flex-start;height:34px}
/* search: always visible above the sheet (was tucked in the left menu) */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sheetwrap .find{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#003366;border-bottom:1px solid #002244}
.sheetwrap .find .mag{font-size:22px;line-height:1;color:#9cc3ea;transform:rotate(-45deg)}
.sheetwrap .find input{flex:1;min-width:0;padding:11px 14px;border:0;border-radius:6px;font:16px 'Inter',sans-serif;color:var(--ink);background:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}
.sheetwrap .find input:focus{outline:3px solid #5b9bd5;outline-offset:1px}
.sheettab thead th{top:66px}
.top nav a.srch{color:#0b1530;background:var(--cyan);padding:3px 10px;border-radius:4px;font-weight:700;box-shadow:0 0 10px rgba(0,234,255,.45)}
.top nav a.srch:hover{color:#0b1530;background:#7ff5ff}
/* donor credit on tape pages */
.donor{margin:6px 0 4px;padding:9px 14px;border-left:4px solid #336699;background:#eaf1fa;border-radius:0 6px 6px 0;font-size:.95rem;color:#0b1530}
.donor b{color:#003366}
/* ---- EasyAmp-style queue player (after the owner's EasyAmp desktop player) ---- */
@font-face{font-family:'Pixelify Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/pixelify-sans.woff2) format('woff2')}
@font-face{font-family:'DSEG7 Classic';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/dseg7-classic-bold.woff2) format('woff2')}
#qplayer{position:fixed;inset:0;z-index:60;background:rgba(5,6,12,.82);display:flex;align-items:center;justify-content:center;padding:12px}
#qplayer[hidden]{display:none}
.eaa{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:4px;width:min(1180px,100%);max-height:100%;padding:4px;border:2px solid #4fd6e8;border-radius:12px;
  background:#16161c repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,rgba(0,0,0,.10) 2px 3px);
  box-shadow:0 0 0 1px #0a3a44,0 0 22px rgba(79,214,232,.35),0 30px 80px rgba(0,0,0,.7);font-family:'Pixelify Sans',monospace;color:#b8c0d4;overflow:hidden}
.eaa-main,.eaa-pl{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid #06060a}
.eaa-bar{display:flex;align-items:center;gap:10px;min-height:26px;padding:2px 8px;border-top:1px solid #7d8ec0;border-bottom:1px solid #090b14;
  background:#36406e repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,rgba(0,0,0,.16) 2px 3px)}
.eaa-bar b{color:#c2ccf0;font-size:14px;letter-spacing:4px;text-shadow:0 1px 0 #000;white-space:nowrap}
.eaa-bar .rule{flex:1;height:5px;border-top:1px solid #c9a443;border-bottom:1px solid #c9a443;opacity:.85}
.eaa-bar .wbtn{width:22px;height:20px;padding:0;border:1px solid;border-color:#fff #2c2c32 #2c2c32 #fff;background:#c4c4cc;color:#1e1e24;font:700 14px/1 sans-serif;cursor:pointer}
.eaa-display{display:flex;gap:12px;align-items:center;padding:8px 10px;border:1px solid;border-color:#000 #34343e #34343e #000;
  background:#000 radial-gradient(ellipse 150% 150% at 100% 100%,#17285c 0%,#0a1430 42%,#000 82%);box-shadow:inset 0 0 16px #000}
.eaa-left{display:flex;align-items:flex-start;gap:6px}
.eaa .ind{color:#166e16;font-size:11px;letter-spacing:1px}
.eaa .ind.on,.eaa .st{color:#2bff2b;text-shadow:0 0 6px rgba(30,255,30,.9)}
.eaa .led{display:inline-block;width:8px;height:8px;margin-right:5px;background:#1c3c1c;border:1px solid #0a0a04;vertical-align:middle}
.eaa .led.on,.eaa .tg.on .led{background:#2bff2b;box-shadow:0 0 6px #2bff2b}
.eaa .bignum{color:#1eff1e;font:700 40px/1 'DSEG7 Classic',monospace;text-shadow:0 0 12px rgba(30,255,30,.9),0 0 3px #1eff1e;letter-spacing:2px}
.eaa-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.eaa-right .row{display:flex;gap:14px;align-items:baseline}
.eaa-right .lbl{color:#2bff2b;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.eaa-right .pos{color:#2bff2b}
.eaa .marquee{overflow:hidden;white-space:nowrap;color:#1eff1e;font-size:16px;letter-spacing:1px;text-shadow:0 0 8px rgba(30,255,30,.8)}
.eaa .mq{display:inline-block}
.eaa .mq.scroll{padding-left:100%;animation:eaa-mq calc(var(--w) / 60px * 1s + 6s) linear infinite}
@keyframes eaa-mq{to{transform:translateX(-100%)}}
.eaa .seek,.eaa .volr{-webkit-appearance:none;appearance:none;height:6px;background:linear-gradient(#0a3a0a,#1c3c1c);border:1px solid #000;outline:none}
.eaa .seek{width:100%}
.eaa .seek::-webkit-slider-thumb,.eaa .volr::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:12px;background:#c4c4cc;border:1px solid;border-color:#fff #2c2c32 #2c2c32 #fff;cursor:pointer}
.eaa .seek::-moz-range-thumb,.eaa .volr::-moz-range-thumb{width:20px;height:10px;border-radius:0;background:#c4c4cc;border:1px solid #2c2c32;cursor:pointer}
.eaa .seek::-moz-range-progress{background:#2bff2b;height:6px}
.eaa-video{flex:1 1 auto;aspect-ratio:16/9;min-height:0;background:#000;border:1px solid;border-color:#000 #34343e #34343e #000}
.eaa-video iframe,.eaa-video #qyt{display:block;width:100%;height:100%;border:0}
.eaa-transport{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:4px;border:1px solid;border-color:#50505e #06060a #06060a #50505e;
  background:#24242c repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,rgba(0,0,0,.12) 2px 3px)}
.eaa .xp,.eaa .tg{min-width:34px;height:28px;padding:0 8px;border:1px solid;border-color:#fff #2c2c32 #2c2c32 #fff;background:#c4c4cc;color:#1e1e24;
  box-shadow:inset 1px 1px 0 #ededf2,inset -1px -1px 0 #8a8a92;font:700 12px 'Pixelify Sans',monospace;letter-spacing:1px;cursor:pointer}
.eaa .xp:hover,.eaa .tg:hover{background:#d0d0d8}
.eaa .xp:active,.eaa .tg:active{border-color:#2c2c32 #fff #fff #2c2c32;box-shadow:inset 1px 1px 0 #8a8a92}
.eaa .sep{width:1px;height:24px;margin:0 4px;background:#06060a;box-shadow:1px 0 0 #50505e}
.eaa .vol{margin-left:auto;display:flex;align-items:center;gap:6px;color:#b2bce8;font-size:11px;letter-spacing:1px}
.eaa .volr{width:110px}
.eaa .qlist{flex:1;margin:0;padding:2px 0;list-style:none;overflow:auto;min-height:0;max-height:min(66vh,620px);background:#050508;font-size:14px}
.eaa .qlist li{padding:3px 8px;color:#2bff2b;cursor:pointer;line-height:1.3;text-shadow:0 0 4px rgba(30,255,30,.35)}
.eaa .qlist li .n{opacity:.85}
.eaa .qlist li small{display:block;padding-left:22px;color:#1d9c1d;font-size:11px;text-shadow:none}
.eaa .qlist li:hover{background:#0c1a0c}
.eaa .qlist li.on{background:#1f3fb0;color:#fff;text-shadow:none}
.eaa .qlist li.on small{color:#c2ccf0}
.eaa-plfoot{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;font-size:11px;letter-spacing:1px;border-top:1px solid #50505e;
  background:#24242c repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,rgba(0,0,0,.12) 2px 3px)}
.eaa-plfoot a{color:#4fd6e8;text-decoration:none}
.eaa-plfoot a:hover{color:#bff4fb}
@media (max-width:880px){
  #qplayer{padding:6px;align-items:flex-start}
  .eaa{grid-template-columns:minmax(0,1fr);overflow:auto;max-height:calc(100vh - 12px)}
  .eaa-video{flex:none}
  .eaa .bignum{font-size:30px}
  .eaa .qlist{max-height:32vh}
  .eaa .vol{margin-left:0}
}
/* buttons that start a queue */
.qbtn{display:inline-flex;align-items:center;gap:6px;font:600 12.5px 'Inter',sans-serif;padding:5px 11px;border-radius:6px;border:1px solid #336699;background:#eaf1fa;color:#003366;cursor:pointer;white-space:nowrap}
.qbtn:hover{background:#336699;color:#fff}
.playall-row{margin:8px 0 2px}
button.playall{font:600 13px 'Inter',sans-serif;padding:8px 16px;border-radius:6px;border:0;background:#003366;color:#fff;cursor:pointer}
button.playall:hover{background:#004488}

.top nav a.give{color:#0b1530;background:#72a4f2;padding:3px 10px;border-radius:4px;font-weight:700;box-shadow:0 0 10px rgba(114,164,242,.5)}
.top nav a.give:hover{background:#5b8fe0;color:#0b1530}