/* WolfieWeb Audio Network — WolfieUI v2 migration bridge */
.audio-wui{--awu-line:rgba(72,205,255,.34);--awu-panel:rgba(3,14,29,.88);position:relative;overflow:hidden;color:#eef9ff;background:radial-gradient(circle at 50% 0,rgba(0,113,210,.16),transparent 28%),#020713}.audio-wui *{box-sizing:border-box}.audio-wui a{text-decoration:none}.audio-wui .shell{width:min(1440px,calc(100% - 32px));margin-inline:auto}.audio-wui .section{padding:clamp(42px,6vw,84px) 0}.audio-wui .audio-studio-hero{position:relative;min-height:min(820px,86vh);display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--awu-line)}.audio-wui .audio-studio-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.audio-wui .audio-studio-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(1,7,18,.96),rgba(1,7,18,.74) 42%,rgba(1,7,18,.12) 76%),linear-gradient(0deg,#020713 0,transparent 46%)}.audio-wui .audio-studio-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(51,189,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(51,189,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.audio-wui .audio-on-air{position:absolute;top:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:10px 18px;border:1px solid rgba(255,58,88,.62);border-radius:9px;background:rgba(64,5,19,.78);color:#ffb2c0;font:900 .82rem/1 Orbitron,system-ui,sans-serif;letter-spacing:.13em;box-shadow:0 0 26px rgba(255,49,85,.2)}.audio-wui .audio-on-air i{width:8px;height:8px;border-radius:50%;background:#ff3155;box-shadow:0 0 12px #ff3155;animation:awuPulse 1.5s ease-in-out infinite}.audio-wui .audio-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:end;gap:clamp(24px,5vw,68px);width:100%;padding:clamp(105px,12vw,160px) 0 clamp(58px,8vw,100px)}.audio-wui .audio-hero-copy{max-width:720px}.audio-wui .eyebrow,.audio-wui .kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900;color:#38e5ff}.audio-wui .audio-hero-copy h1{margin:15px 0 18px;font:800 clamp(2.7rem,6.4vw,6rem)/.98 Orbitron,system-ui,sans-serif;letter-spacing:.02em;text-wrap:balance}.audio-wui .audio-hero-copy>p{max-width:62ch;color:#c4d6e8;font-size:clamp(1.04rem,1.5vw,1.25rem)}.audio-wui .actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.audio-wui .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 19px;border:1px solid transparent;border-radius:11px;background:linear-gradient(135deg,#087dff,#115dff);color:#fff;font-weight:900;box-shadow:0 12px 28px rgba(0,105,255,.25);transition:.18s ease}.audio-wui .btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.audio-wui .btn.ghost,.audio-wui .source-btn{background:rgba(4,17,34,.76);border-color:rgba(65,215,255,.52);box-shadow:none}.audio-wui .signal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.audio-wui .signal-row span{padding:13px;border:1px solid rgba(65,190,255,.25);border-radius:12px;background:rgba(2,12,26,.66);backdrop-filter:blur(10px)}.audio-wui .signal-row b,.audio-wui .signal-row small{display:block}.audio-wui .signal-row b{color:#fff}.audio-wui .signal-row small{color:#8fa9c0}.audio-wui .audio-player-frame{padding:14px;border:1px solid rgba(65,215,255,.38);border-radius:22px;background:linear-gradient(145deg,rgba(7,25,47,.92),rgba(2,10,22,.92));box-shadow:0 25px 65px rgba(0,0,0,.52),0 0 36px rgba(0,182,255,.12);backdrop-filter:blur(16px)}.audio-wui .audio-player-frame>*{margin:0}.audio-wui .audio-player-frame .player,.audio-wui .audio-player-frame #player,.audio-wui .audio-player-frame .network-player{border:0!important;box-shadow:none!important;background:transparent!important}.audio-wui .section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.audio-wui .section-head h2,.audio-wui .feature-banner h2,.audio-wui .wolfie-copy h2{margin:8px 0 10px;font:800 clamp(1.8rem,3.7vw,3.2rem)/1.08 Orbitron,system-ui,sans-serif}.audio-wui .section-head p,.audio-wui .feature-banner p,.audio-wui .wolfie-copy p{color:#9fb6cc;max-width:70ch}.audio-wui .wolfie-panel,.audio-wui .feature-banner{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:clamp(24px,5vw,62px);align-items:center;padding:clamp(20px,3vw,36px);border:1px solid var(--awu-line);border-radius:24px;background:linear-gradient(145deg,rgba(8,27,51,.9),rgba(2,11,24,.9));box-shadow:0 22px 55px rgba(0,0,0,.38)}.audio-wui .wolfie-image{position:relative;overflow:hidden;min-height:390px;border-radius:18px;background:radial-gradient(circle at 50% 45%,rgba(0,213,255,.24),transparent 52%)}.audio-wui .wolfie-image img{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);width:min(100%,480px);height:auto}.audio-wui blockquote{margin:24px 0;padding:18px 20px;border-left:3px solid #00d9ff;border-radius:0 12px 12px 0;background:rgba(0,140,255,.09);color:#e9fbff;font-size:1.1rem}.audio-wui .status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.audio-wui .status-grid span{padding:13px;border:1px solid rgba(65,190,255,.24);border-radius:12px;background:rgba(1,10,22,.58)}.audio-wui .status-grid b,.audio-wui .status-grid small{display:block}.audio-wui .status-grid b{color:#26e5ff;font-size:.78rem;letter-spacing:.1em}.audio-wui .status-grid small{color:#91a9c0}.audio-wui .feature-banner{grid-template-columns:1fr auto}.audio-wui .badge,.audio-wui .pill{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgba(0,217,255,.36);border-radius:999px;background:rgba(0,126,255,.14);color:#bdf5ff;font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.audio-wui .playlist{display:grid;gap:13px}.audio-wui .episode{width:100%;display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px;border:1px solid rgba(65,190,255,.24);border-radius:16px;background:linear-gradient(145deg,rgba(8,25,47,.86),rgba(2,10,22,.86));color:#eef9ff;text-align:left;cursor:pointer;transition:.18s ease}.audio-wui .episode:hover,.audio-wui .episode.active{transform:translateY(-2px);border-color:rgba(65,215,255,.68);box-shadow:0 15px 34px rgba(0,0,0,.3),0 0 22px rgba(0,190,255,.12)}.audio-wui .episode img{width:170px;aspect-ratio:16/9;object-fit:cover;border-radius:11px}.audio-wui .episode strong,.audio-wui .episode .mini{display:block}.audio-wui .episode strong{margin:4px 0;font:800 1.05rem/1.25 Orbitron,system-ui,sans-serif}.audio-wui .episode .mini{color:#94abc1}.audio-wui .channel-grid,.audio-wui .external-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.audio-wui .channel-card,.audio-wui .external-card{position:relative;overflow:hidden;border:1px solid rgba(65,190,255,.24);border-radius:18px;background:linear-gradient(145deg,rgba(8,25,47,.86),rgba(2,10,22,.86));box-shadow:0 18px 42px rgba(0,0,0,.3);transition:.18s ease}.audio-wui .channel-card:hover,.audio-wui .external-card:hover{transform:translateY(-4px);border-color:rgba(65,215,255,.62)}.audio-wui .channel-card{padding:24px}.audio-wui .channel-card>span{font-size:2rem}.audio-wui .channel-card h3,.audio-wui .external-card h3{font-family:Orbitron,system-ui,sans-serif}.audio-wui .channel-card p,.audio-wui .external-card p{color:#95adc3}.audio-wui .external-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.audio-wui .external-card>div{padding:20px}.audio-wui .text-link{color:#5deaff;font-weight:800}.audio-wui .audio-migration-note{margin-top:18px;padding:12px 14px;border:1px solid rgba(21,231,179,.3);border-radius:11px;background:rgba(21,231,179,.07);color:#bfffea;font-size:.85rem}
/* Floating host: anchored; no cheap whole-image shaking */
.audio-wui-host{position:fixed;right:clamp(9px,2vw,25px);bottom:14px;z-index:9998;width:min(300px,calc(100vw - 20px));opacity:0;visibility:hidden;transform:translateY(45px) scale(.96);transition:transform .4s cubic-bezier(.2,.85,.25,1),opacity .25s,visibility .25s;filter:drop-shadow(0 22px 38px rgba(0,0,0,.48));pointer-events:none}.audio-wui-host.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}.audio-wui-host .host-close{position:absolute;right:3px;top:38px;z-index:5;width:34px;height:34px;border:1px solid rgba(111,225,255,.45);border-radius:50%;background:rgba(3,14,28,.9);color:#e7fbff;font-size:22px;cursor:pointer}.audio-wui-host .host-bubble{margin:0 30px 7px 0;padding:11px 13px;border:1px solid rgba(111,225,255,.4);border-radius:14px 14px 5px 14px;background:rgba(4,17,33,.96);font-weight:700;font-size:13px}.audio-wui-host .host-portrait{position:relative;height:240px;overflow:hidden;border-radius:50% 50% 18px 18px;background:radial-gradient(circle at 50% 48%,rgba(0,205,255,.18),transparent 62%)}.audio-wui-host .host-portrait img{position:absolute;left:50%;bottom:-8px;width:270px;max-width:none;transform:translateX(-50%);object-fit:contain}.audio-wui-host .host-glow{position:absolute;left:50%;bottom:22px;width:190px;height:190px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(0,217,255,.3),transparent 68%);animation:awuGlow 2.3s ease-in-out infinite}.audio-wui-host .host-bars{position:absolute;left:9px;top:45px;z-index:4;display:flex;align-items:flex-end;gap:3px;height:22px}.audio-wui-host .host-bars i{width:4px;height:7px;border-radius:3px;background:#42e7ff;box-shadow:0 0 7px rgba(66,231,255,.7)}.audio-wui-host.is-playing .host-bars i:nth-child(1){animation:awuBars .5s ease-in-out infinite alternate}.audio-wui-host.is-playing .host-bars i:nth-child(2){animation:awuBars .36s .08s ease-in-out infinite alternate}.audio-wui-host.is-playing .host-bars i:nth-child(3){animation:awuBars .44s .15s ease-in-out infinite alternate}.audio-wui-host .host-status{position:absolute;left:13px;bottom:10px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(0,238,255,.32);border-radius:999px;background:rgba(3,16,29,.9);font-size:10px;font-weight:900;letter-spacing:.12em}.audio-wui-host .host-status i{width:7px;height:7px;border-radius:50%;background:#16f0b5;box-shadow:0 0 11px #16f0b5}@keyframes awuPulse{50%{opacity:.42;transform:scale(.82)}}@keyframes awuGlow{50%{opacity:.72;transform:translateX(-50%) scale(1.04)}}@keyframes awuBars{to{height:22px}}
@media(max-width:980px){.audio-wui .audio-hero-grid{grid-template-columns:1fr;padding-top:120px}.audio-wui .audio-player-frame{max-width:760px}.audio-wui .channel-grid,.audio-wui .external-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-wui .wolfie-panel{grid-template-columns:minmax(240px,.8fr) 1.2fr}}@media(max-width:680px){.audio-wui .shell{width:min(100% - 22px,1440px)}.audio-wui .audio-studio-hero{min-height:760px}.audio-wui .audio-studio-hero:before{background:linear-gradient(0deg,#020713,rgba(1,7,18,.46) 80%),linear-gradient(90deg,rgba(1,7,18,.85),transparent)}.audio-wui .audio-hero-copy h1{font-size:clamp(2.4rem,13vw,3.8rem)}.audio-wui .signal-row,.audio-wui .status-grid,.audio-wui .channel-grid,.audio-wui .external-grid{grid-template-columns:1fr}.audio-wui .wolfie-panel,.audio-wui .feature-banner{grid-template-columns:1fr}.audio-wui .wolfie-image{min-height:330px}.audio-wui .episode{grid-template-columns:110px minmax(0,1fr)}.audio-wui .episode img{width:110px}.audio-wui .episode .pill{grid-column:2;justify-self:start}.audio-wui .section-head{align-items:flex-start;flex-direction:column}.audio-wui-host{width:205px;right:6px;bottom:6px}.audio-wui-host .host-portrait{height:175px}.audio-wui-host .host-portrait img{width:195px;bottom:-34px}.audio-wui-host .host-bubble{font-size:11px}.audio-wui-host .host-close{top:34px;width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.audio-wui *,.audio-wui *:before,.audio-wui *:after,.audio-wui-host,.audio-wui-host *{animation:none!important;transition:none!important}}


/* Wolfie floating speech-bubble visibility fix */
.audio-wui-host{
  width:min(330px,calc(100vw - 24px));
  overflow:visible !important;
  box-sizing:border-box;
  right:max(12px,env(safe-area-inset-right));
  bottom:max(12px,env(safe-area-inset-bottom));
}
.audio-wui-host .host-bubble{
  position:relative;
  z-index:10;
  display:block;
  width:calc(100% - 38px);
  max-width:292px;
  min-height:42px;
  margin:0 38px 10px 0;
  padding:12px 14px;
  box-sizing:border-box;
  overflow:visible;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.35;
  box-shadow:0 12px 28px rgba(0,0,0,.42),0 0 20px rgba(0,208,255,.12);
}
.audio-wui-host .host-bubble::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:-8px;
  width:15px;
  height:15px;
  background:rgba(4,17,33,.96);
  border-right:1px solid rgba(111,225,255,.4);
  border-bottom:1px solid rgba(111,225,255,.4);
  transform:rotate(45deg);
}
.audio-wui-host .host-close{
  right:0;
  top:48px;
}

@media(max-width:680px){
  .audio-wui-host{
    width:min(250px,calc(100vw - 16px));
    right:max(8px,env(safe-area-inset-right));
    bottom:max(8px,env(safe-area-inset-bottom));
  }
  .audio-wui-host .host-bubble{
    width:calc(100% - 34px);
    max-width:none;
    margin-right:34px;
    padding:10px 12px;
    font-size:11px;
  }
  .audio-wui-host .host-close{
    top:44px;
    right:0;
  }
}


/* Final edge-spacing adjustment */
.audio-wui-host{
  right:max(22px,env(safe-area-inset-right)) !important;
  width:min(316px,calc(100vw - 44px)) !important;
}
.audio-wui-host .host-bubble{
  width:calc(100% - 46px) !important;
  max-width:270px !important;
  margin-right:46px !important;
}
.audio-wui-host .host-close{
  right:6px !important;
}

@media(max-width:680px){
  .audio-wui-host{
    right:max(16px,env(safe-area-inset-right)) !important;
    width:min(232px,calc(100vw - 32px)) !important;
  }
  .audio-wui-host .host-bubble{
    width:calc(100% - 42px) !important;
    max-width:none !important;
    margin-right:42px !important;
  }
  .audio-wui-host .host-close{
    right:4px !important;
  }
}

/* Wolfie portrait fit fix — keep the complete head inside the floating host */
.audio-wui-host{
  width:min(350px,calc(100vw - 48px)) !important;
  right:max(24px,env(safe-area-inset-right)) !important;
}
.audio-wui-host .host-bubble{
  width:calc(100% - 44px) !important;
  max-width:300px !important;
  margin-right:44px !important;
  padding:14px 16px !important;
}
.audio-wui-host .host-portrait{
  height:300px !important;
  overflow:hidden !important;
  border-radius:46% 46% 20px 20px !important;
  padding:0 18px !important;
  box-sizing:border-box !important;
}
.audio-wui-host .host-portrait img{
  left:50% !important;
  right:auto !important;
  bottom:0 !important;
  width:300px !important;
  max-width:calc(100% - 24px) !important;
  height:auto !important;
  transform:translateX(-50%) !important;
  object-fit:contain !important;
  object-position:center bottom !important;
}
.audio-wui-host .host-glow{
  bottom:38px !important;
}

@media(max-width:680px){
  .audio-wui-host{
    width:min(270px,calc(100vw - 32px)) !important;
    right:max(16px,env(safe-area-inset-right)) !important;
  }
  .audio-wui-host .host-bubble{
    width:calc(100% - 38px) !important;
    max-width:none !important;
    margin-right:38px !important;
    padding:11px 13px !important;
  }
  .audio-wui-host .host-portrait{
    height:230px !important;
    padding:0 12px !important;
  }
  .audio-wui-host .host-portrait img{
    width:225px !important;
    max-width:calc(100% - 18px) !important;
    bottom:0 !important;
  }
}

/* Final Wolfie fit tweak: more room around both ears and the right side of the head */
.audio-wui-host{
  width:min(380px,calc(100vw - 56px)) !important;
  right:max(28px,env(safe-area-inset-right)) !important;
}
.audio-wui-host .host-bubble{
  width:calc(100% - 48px) !important;
  max-width:326px !important;
  margin-right:48px !important;
}
.audio-wui-host .host-portrait{
  height:320px !important;
  padding:14px 28px 0 !important;
  overflow:hidden !important;
}
.audio-wui-host .host-portrait img{
  width:274px !important;
  max-width:calc(100% - 56px) !important;
  left:48% !important;
  bottom:0 !important;
}

@media(max-width:680px){
  .audio-wui-host{
    width:min(292px,calc(100vw - 40px)) !important;
    right:max(20px,env(safe-area-inset-right)) !important;
  }
  .audio-wui-host .host-bubble{
    width:calc(100% - 42px) !important;
    max-width:none !important;
    margin-right:42px !important;
  }
  .audio-wui-host .host-portrait{
    height:248px !important;
    padding:12px 22px 0 !important;
  }
  .audio-wui-host .host-portrait img{
    width:205px !important;
    max-width:calc(100% - 44px) !important;
    left:48% !important;
  }
}