@import url('https://fonts.googleapis.com/css2?family=Carrois+Gothic+SC&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --tb-bg: #0f1015;
  --tb-text:  #00FEE4;
  --tb-muted: rgba(255,255,128,.6);
  --tb-accent: #5d8ced;
  --tb-rule: #2a3040;
}

* {
  box-sizing: border-box;
}



body.tb-site-default {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  min-height: 100vh;
  background: var(--tb-bg);
  color: var(--tb-text);
  display: flex;
  flex-direction: column;
  position: relative;
}

body.tb-site-default.tb-site-has-topbar {
  padding-top: 48px;
}

/* Per-site top bar (partials/topbar.php) — brand left, account link right */
.tb-site-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 48px;
  padding: 0 1rem;
  box-sizing: border-box;
  background: rgba(15, 16, 21, 0.82);
  border-bottom: 1px solid var(--tb-rule);
  backdrop-filter: blur(8px);
}

.tb-site-topbar__brand {
  display: block;
  line-height: 0;
  text-decoration: none;
  flex: 0 0 auto;
}

.tb-site-topbar__nav {
  flex: 0 0 auto;
  margin-left: auto;
}

.tb-site-topbar__nav--menu {
  margin-left: auto;
}

.tb-site-topbar__nav--account {
  margin-left: 0;
}

.tb-site-topbar__nav--menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 0.85rem;
  align-items: center;
}

.tb-site-topbar__nav--menu li {
  margin: 0;
  padding: 0;
}

.tb-site-topbar__nav--menu a,
.tb-site-topbar__nav--menu span {
  color: var(--tb-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9375rem;
}

.tb-site-topbar__nav--menu a:hover {
  text-decoration: underline;
}

.tb-site-topbar__nav-link {
  color: var(--tb-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9375rem;
}

.tb-site-topbar__nav-link:hover {
  text-decoration: underline;
}

.tb-site-topbar__logo {
  display: block;
  max-height: 32px;
  width: auto;
  height: auto;
  vertical-align: middle;
}


/* Shared slideshow (see partials/slideshow.php): full-viewport background behind content */
.tb-slideshow-root {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
opacity: .2;
}

.tb-slideshow-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.tb-slideshow-layer--active {
  z-index: 2;
}

.tb-slideshow-layer--passive {
  z-index: 1;
}

/* Centered floating card (auth.html style) over slideshow */
body.tb-site-default.tb-uc-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.tb-uc-center {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  padding: 1.5rem;
  position: relative;
  z-index: 1;
}

.tb-uc-center > main.tb-under-construction {
  width: 100%;
  max-width: 620px;
  margin: 0;
  flex: 0 1 auto;
  background: rgba(22, 25, 34, 0.88);
  border: 1px solid var(--tb-rule);
  border-radius: 10px;
  padding: 1.5rem 1.25rem;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
}

.tb-uc-center .tb-legal-footer {
  max-width: 620px;
  width: 100%;
  margin-top: 0;
}

.tb-site-default p.muted {
  color: var(--tb-muted);
  margin: 0 0 1rem;
}

.tb-legal-footer {
  margin-top: auto;
  padding: 1.25rem 1rem;
  border-top: 1px solid var(--tb-rule);
  font-size: 0.85rem;
  color: var(--tb-muted);
  position: relative;
  z-index: 1;
}

.tb-legal-footer__nav a {
  color: var(--tb-accent);
  text-decoration: none;
}

.tb-legal-footer__nav a:hover {
  text-decoration: underline;
}

.tb-legal-footer__sep {
  margin: 0 0.35rem;
  opacity: 0.6;
}

/* Legal page body (injected fragment) — align with canonical legal HTML structure */
.tb-legal-page .wrap {
  max-width: 720px;
  margin: 0 auto;
}

.tb-legal-page section {
  background: #161922;
  border: 1px solid var(--tb-rule);
  border-radius: 10px;
  padding: 1.25rem;
  margin-bottom: 1rem;
}

.tb-legal-page h1 {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}

.tb-legal-page .effective {
  color: var(--tb-muted);
  font-size: 0.875rem;
  margin-bottom: 2rem;
}

.tb-legal-page h2 {
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: #dbe3ff;
}

.tb-legal-page ul {
  padding-left: 1.25rem;
}

.tb-legal-page li {
  margin-bottom: 0.35rem;
}

.tb-under-construction {
  text-align: center;
}

.tb-under-construction h1 {
  font-size: 1.35rem;
  font-weight: 600;
  margin: 0 0 0.75rem;
}
.tb-site-pubhome-main{
padding: 3em;
}



.wl-pubhome-embed {
    position: relative;
    width: 60%;
    aspect-ratio: 16 / 9;
    /* max-height: 50%; */
    margin: 0 auto;
    overflow: hidden;
    background: transparent;
    color: #dbe8ff;
    box-sizing: border-box;
}

h1 , h2 {
  font-family: "Carrois Gothic SC", sans-serif;
}

.tb-site-topbar__nav--menu .mve-topbar__list {
  display: block;
}
.tb-site-topbar__nav--menu .mve-topbar__group-row {
  display: block;
}
.tb-site-topbar__nav--menu .mve-topbar__panel {
  left: auto;
  right: 0;
}




.tb-site-topbar__nav--menu span {
color: rgba(0,0,0,.8) !important;
}

button{

background: linear-gradient(to bottom,  rgba(174,188,191,0) 0%,rgba(155,167,169,.25) 15%,rgba(110,119,116,.25) 50%,rgba(10,14,10,.25) 51%,rgba(10,10,9,.25) 85%,rgba(10,8,9,0) 100%) !important;
}

.container{
margin: 1em;
background: rgba(255,255,255,.1);
padding: 1em; 
border-radius: 15px;
color: rgba(255,255,255,.8);
text-shadow: 0px 0px 12px  rgba(255,255,255,.5);
}
.subscribe-btn{
 display:inline-block;
width: 20em;
height: 2em;
padding-top: .2em;
font-size: 1.2em;
border-radius: 5px;
text-align: center;
text-decoration: none;
color: rgba(0,0,150,.8);
font-weight: bold;

background: linear-gradient(to bottom,  #e9e8cf 0%,#dedaaa 17%,#c7bd61 50%,#c2b73a 51%,#d6c042 59%,#f0cd4c 71%,#c2ae3a 84%,#8c8a26 100%);
text-shadow: -1px 1px 34px rgba(0,0,0,.6);
box-shadow: inset 0px 0px 8px #000;
}






/* =====================================================================
 * LAB TOOLBAR ICONS — shared site-scoped SVG URLs (relative to css/site.css)
 * and mask-icon construct. Color inherits via currentColor on the button;
 * per-app construct CSS sizes icon-only buttons (e.g. .wl-lab-icon-btn).
 * ===================================================================== */
:root {
  --tb-lab-icon-save: url('/torched/torchbearer-assets/audio-ink/icons/save-file.svg');
  --tb-lab-icon-load: url('/torched/torchbearer-assets/audio-ink/icons/load-file.svg');
  --tb-lab-icon-new: url('/torched/torchbearer-assets/audio-ink/icons/new-file.svg');
  --tb-lab-icon-audio: url('../icons/audio-import.svg');
  --tb-lab-icon-zoom-in: url('../icons/zoom-in.svg');
  --tb-lab-icon-zoom-out: url('../icons/zoom-out.svg');
  --tb-lab-icon-zoom-fit: url('../icons/zoom-100.svg');
  --tb-lab-icon-copy-look: url('../icons/copy-look.svg');
  --tb-lab-icon-duplicate: url('../icons/duplicate.svg');
  --tb-lab-icon-export-html: url('../icons/world.svg');
  --tb-lab-icon-export-video: url('../icons/video.svg');
  --tb-lab-icon-background: url('../icons/background.svg');
}

.tb-lab-icon {
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.tb-lab-icon--save {
  -webkit-mask-image: var(--tb-lab-icon-save);
  mask-image: var(--tb-lab-icon-save);
}

.tb-lab-icon--load {
  -webkit-mask-image: var(--tb-lab-icon-load);
  mask-image: var(--tb-lab-icon-load);
}

.tb-lab-icon--new {
  -webkit-mask-image: var(--tb-lab-icon-new);
  mask-image: var(--tb-lab-icon-new);
}

.tb-lab-icon--audio {
  -webkit-mask-image: var(--tb-lab-icon-audio);
  mask-image: var(--tb-lab-icon-audio);
}

.tb-lab-icon--zoom-in {
  -webkit-mask-image: var(--tb-lab-icon-zoom-in);
  mask-image: var(--tb-lab-icon-zoom-in);
}

.tb-lab-icon--zoom-out {
  -webkit-mask-image: var(--tb-lab-icon-zoom-out);
  mask-image: var(--tb-lab-icon-zoom-out);
}

.tb-lab-icon--zoom-fit {
  -webkit-mask-image: var(--tb-lab-icon-zoom-fit);
  mask-image: var(--tb-lab-icon-zoom-fit);
}

.tb-lab-icon--copy-look {
  -webkit-mask-image: var(--tb-lab-icon-copy-look);
  mask-image: var(--tb-lab-icon-copy-look);
}

.tb-lab-icon--duplicate {
  -webkit-mask-image: var(--tb-lab-icon-duplicate);
  mask-image: var(--tb-lab-icon-duplicate);
}

.tb-lab-icon--export-html {
  -webkit-mask-image: var(--tb-lab-icon-export-html);
  mask-image: var(--tb-lab-icon-export-html);
}

.tb-lab-icon--export-video {
  -webkit-mask-image: var(--tb-lab-icon-export-video);
  mask-image: var(--tb-lab-icon-export-video);
}

.tb-lab-icon--background {
  -webkit-mask-image: var(--tb-lab-icon-background);
  mask-image: var(--tb-lab-icon-background);
}


element.style {
}
body:has(main#adminApp.audiolab-user-tool-main) #adminTopbar.admin-topbar {
    z-index: 500;
}
.admin-topbar:not(.tb-site-topbar) {
    border-bottom: 1px solid var(--tb-topbar-border);
    background: var(--tb-topbar-bg);
}
.admin-topbar:not(.tb-site-topbar) {
    background: linear-gradient(to bottom, rgba(105, 128, 133, 0.95) 0%, rgba(72, 78, 76, 0.88) 50%, rgba(7, 9, 7, 0.88) 51%, rgba(7, 5, 6, 0.8) 100%);
}
.admin-topbar {
    --tb-topbar-glow-rgb: 5 5 195;
    --tb-topbar-glow-x: 10px;
    --tb-topbar-glow-y: -18px;
    --tb-topbar-glow-blur: 40px;
    --tb-topbar-glow-alpha-init: 0%;
    --tb-topbar-glow-alpha-boot: 40%;
    --tb-topbar-glow-alpha-loaded: 100%;
    --tb-topbar-glow-duration: 700ms;
    --tb-topbar-glow-ease: ease-out;
    --tb-topbar-save-glow-duration: 350ms;
    --tb-topbar-save-init-glow-rgba: 128, 255, 128, 0.25;
    --tb-topbar-save-init-duration: 350ms;
    --tb-topbar-save-ok-glow-rgba: 0, 255, 0, 0.5;
    --tb-topbar-save-error-glow-rgba: 255, 0, 0, 0.8;
}
.admin-topbar {
    --tb-topbar-glow-rgb: 209 255 0;
    --tb-topbar-glow-x: 0px;
    --tb-topbar-glow-y: -18px;
    --tb-topbar-glow-blur: 27px;
    --tb-topbar-glow-alpha-init: 0%;
    --tb-topbar-glow-alpha-boot: 40%;
    --tb-topbar-glow-alpha-loaded: 100%;
    --tb-topbar-glow-duration: 700ms;
    --tb-topbar-glow-ease: ease-out;
    --tb-topbar-save-glow-duration: 350ms;
    --tb-topbar-save-init-glow-rgba: 255, 255, 128, 0.25;
    --tb-topbar-save-init-duration: 350ms;
    --tb-topbar-save-ok-glow-rgba: 0, 255, 0, 0.5;
    --tb-topbar-save-error-glow-rgba: 255, 0, 0, 0.8;
}
.admin-topbar {
    background: linear-gradient(to bottom, rgba(105, 128, 133, 0.95) 0%, rgba(72, 78, 76, 0.88) 50%, rgba(7, 9, 7, 0.88) 51%, rgba(7, 5, 6, 0.8) 100%) !important;
}