/* Generated from the home page by notes-build.py. Edit index.html, not this file. */
:root{
  --ba-cyan:#00D4FF;--ba-cyan-light:#33DFFF;
  --ba-cyan-12:rgba(0,212,255,.12);--ba-cyan-08:rgba(0,212,255,.08);
  --ba-cyan-border:rgba(0,212,255,.15);--ba-cyan-border-hover:rgba(0,212,255,.35);
  --ba-white:#FFFFFF;--ba-text-light:#CCCCDD;--ba-text-muted:#AAAABC;--ba-text-subtle:#888899;--ba-text-dim:#666677;
  --ba-bg-primary:#111118;--ba-bg-deep:#0A0A0F;
  --ba-green:#9BC53D;--ba-green-bg:rgba(155,197,61,.15);
  --ba-gold:#E8A54B;--ba-gold-bg:rgba(232,165,75,.15);
  --ba-pink:#E84D8A;
  --ba-font:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --ba-mono:'JetBrains Mono',ui-monospace,'Cascadia Code','Fira Code',monospace;
}
/* Latest episode strip */
.ba-strip{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--ba-cyan);color:#04141a;font-size:13px;font-weight:600;line-height:1.3;padding:8px 20px;transition:background .2s}
.ba-strip:hover{background:var(--ba-cyan-light)}
.ba-strip .dot{width:8px;height:8px;border-radius:50%;background:#E5484D;flex:none;animation:ba-pulse 2s infinite}
@keyframes ba-pulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.65)}70%,100%{box-shadow:0 0 0 7px rgba(229,72,77,0)}}
.ba-strip .tag{font-family:var(--ba-mono);font-size:11px;font-weight:600;letter-spacing:.14em;flex:none}
.ba-strip .ttl{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ba-strip .go{flex:none;transition:transform .2s}
.ba-strip:hover .go{transform:translateX(4px)}

/* Header */
.ba-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:rgba(10,10,15,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ba-cyan-border);position:sticky;top:0;z-index:100}
.ba-header-left{display:flex;align-items:center;gap:12px;flex:none}
.ba-logo{width:44px;height:44px;border-radius:8px;object-fit:cover}
.ba-brand{font-size:18px;font-weight:800;letter-spacing:-.5px;line-height:1.1;color:var(--ba-white)}
.ba-brand span{color:var(--ba-cyan)}
.ba-sub{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--ba-text-subtle);margin-top:2px}
.ba-nav{display:flex;align-items:stretch;border:1px solid var(--ba-cyan-border);border-radius:8px;overflow:hidden;background:rgba(17,17,24,.7)}
.ba-nav a{position:relative;font-family:var(--ba-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ba-text-light);padding:10px 16px;border-right:1px solid var(--ba-cyan-border);transition:background .2s,color .2s}
.ba-nav a:last-child{border-right:0}
.ba-nav a:hover{background:var(--ba-cyan-08);color:var(--ba-cyan)}
.ba-nav a.on{color:var(--ba-cyan);background:rgba(0,212,255,.06)}
.ba-nav a.on::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--ba-cyan);border-radius:2px}
.ba-right{display:flex;align-items:center;gap:12px}
.ba-cta{display:inline-flex;align-items:center;gap:0;background:var(--ba-cyan);color:#04141a;font-size:14px;font-weight:600;padding:10px 18px;border-radius:8px;white-space:nowrap;transition:background .2s,transform .15s,box-shadow .2s}
.ba-cta:hover{background:var(--ba-cyan-light);transform:translateY(-1px);box-shadow:0 6px 22px rgba(0,212,255,.3)}
.ba-cta svg{width:16px;height:16px;flex:none;margin-right:8px}
.ba-menu-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;border:1px solid var(--ba-cyan-border);background:rgba(17,17,24,.7);color:var(--ba-white);cursor:pointer}
.ba-menu-btn svg{width:20px;height:20px}
.ba-menu-btn .x{display:none}
.ba-header.open .ba-menu-btn .bars{display:none}.ba-header.open .ba-menu-btn .x{display:block}
@media(max-width:900px){
  .ba-menu-btn{display:inline-flex}
  .ba-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;border-radius:0;border-width:0 0 1px;background:#0A0A0F;padding:8px 16px 16px}
  .ba-header.open .ba-nav{display:flex}
  .ba-nav a{font-size:14px;padding:16px 8px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .ba-nav a:last-child{border-bottom:0}
  .ba-nav a.on::after{left:0;right:auto;top:14px;bottom:14px;width:2px;height:auto}
}
@media(max-width:560px){
  .ba-header{padding:12px 16px;gap:10px}
  .ba-logo{width:38px;height:38px}.ba-brand{font-size:16px}.ba-sub{display:none}
  .ba-cta{font-size:13px;padding:9px 12px}.ba-cta .long{display:none}
  .ba-strip{font-size:12px;padding:8px 14px;gap:8px}.ba-strip .tag{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.ba-strip .dot{animation:none}}

/* Notes pages only: back arrow to the home page */
.ba-lead{display:flex;align-items:center;gap:12px;flex:none;min-width:0}
.ba-back{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;border:1px solid var(--ba-cyan-border);background:rgba(17,17,24,.7);color:var(--ba-white);flex:none;transition:border-color .2s,color .2s,background .2s}
.ba-back:hover{border-color:var(--ba-cyan);color:var(--ba-cyan);background:var(--ba-cyan-08)}
.ba-back svg{width:20px;height:20px;transition:transform .2s}
.ba-back:hover svg{transform:translateX(-3px)}
@media(max-width:560px){.ba-back{width:38px;height:38px}.ba-lead{gap:8px}}
@media(prefers-reduced-motion:reduce){.ba-back svg{transition:none}}

/* Footer */
.ba-footer{padding:56px 24px 36px;border-top:1px solid rgba(255,255,255,.06);text-align:center;background:var(--ba-bg-deep)}
.footer-brand{display:flex;align-items:center;justify-content:center;gap:12px}
.social{display:flex;justify-content:center;gap:12px;margin:26px 0 22px;flex-wrap:wrap}
.social a{width:42px;height:42px;border-radius:10px;border:1px solid var(--ba-cyan-border);display:inline-flex;align-items:center;justify-content:center;color:var(--ba-text-muted);transition:all .2s ease}
.social a:hover{color:var(--ba-cyan);border-color:var(--ba-cyan-border-hover);box-shadow:0 0 16px rgba(0,212,255,.15)}
.social svg{width:18px;height:18px}
.footer-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.footer-links a{color:var(--ba-text-subtle);font-size:14px;transition:color .2s}
.footer-links a:hover{color:var(--ba-cyan)}
.legal{margin-top:24px;font-size:12px;color:var(--ba-text-dim)}