/* HerTime Album Live V19 — visual layer only; media, unlock and social logic stay untouched */
.page-album-detail{background:
  radial-gradient(circle at 14% 8%,rgba(123,60,255,.18),transparent 29rem),
  radial-gradient(circle at 88% 2%,rgba(255,47,125,.18),transparent 31rem),
  #050812!important}
.page-album-detail .ht-main{width:100%!important;max-width:none!important;padding:0 0 110px!important}
.album-live-page{width:min(1480px,calc(100% - 42px))!important;margin:0 auto!important;padding:18px 0 90px!important;display:grid!important;gap:22px!important}
.album-live-hero{position:relative!important;min-height:570px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:36px!important;overflow:hidden!important;background-position:center!important;background-size:cover!important;isolation:isolate!important;box-shadow:0 36px 100px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,82,166,.04)!important}
.album-live-hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,rgba(5,8,18,.98) 0%,rgba(5,8,18,.89) 35%,rgba(5,8,18,.43) 67%,rgba(5,8,18,.58) 100%)!important}
.album-live-hero:after{content:""!important;position:absolute!important;inset:auto -10% -44% 28%!important;height:70%!important;z-index:-1!important;background:radial-gradient(circle,rgba(255,47,125,.22),transparent 63%)!important;filter:blur(20px)!important}
.album-live-hero .album-pro-hero__shade{background:linear-gradient(180deg,rgba(5,8,18,.03),rgba(5,8,18,.54))!important}
.album-live-hero .album-pro-hero__body{position:relative!important;z-index:2!important;width:min(780px,100%)!important;min-height:570px!important;padding:42px 48px 48px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important}
.album-live-kicker{position:absolute!important;left:48px!important;top:34px!important;display:flex!important;align-items:center!important;gap:9px!important}
.album-live-kicker span,.album-live-kicker small{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 11px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(6,10,23,.58)!important;backdrop-filter:blur(16px)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.album-live-kicker span{color:#ff8fc6!important}.album-live-kicker small{color:#cbc7d4!important}
.album-live-hero .album-pro-back{position:absolute!important;right:26px!important;top:26px!important;left:auto!important;display:inline-flex!important;align-items:center!important;min-height:40px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;background:rgba(6,10,23,.62)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;backdrop-filter:blur(18px)!important}
.album-live-hero .album-pro-author{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:max-content!important;max-width:100%!important;margin:0 0 20px!important;padding:8px 14px 8px 8px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:22px!important;background:rgba(8,12,26,.52)!important;backdrop-filter:blur(18px)!important}
.album-live-hero .album-pro-author__avatar{width:54px!important;height:54px!important;border-radius:18px!important}
.album-live-hero .album-pro-author__name{font-size:14px!important}.album-live-hero .album-pro-author__meta{gap:6px!important}.album-live-hero .album-pro-author__meta small{font-size:10px!important;color:#c4c0cc!important}
.album-live-hero h1{max-width:730px!important;margin:0 0 13px!important;color:#fff!important;font-size:clamp(42px,5.3vw,74px)!important;line-height:.96!important;letter-spacing:-.068em!important;text-wrap:balance!important;text-shadow:0 10px 38px rgba(0,0,0,.38)!important}
.album-live-hero .album-pro-hero__body>p{max-width:650px!important;margin:0 0 20px!important;color:rgba(255,255,255,.78)!important;font-size:14px!important;line-height:1.62!important}
.album-live-hero .album-pro-meta--hero{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 18px!important}
.album-live-hero .album-pro-meta--hero span{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:999px!important;background:rgba(7,11,23,.55)!important;color:#ece8f0!important;font-size:11px!important;font-weight:850!important;backdrop-filter:blur(14px)!important}
.album-live-hero .album-pro-meta--hero .is-premium{border-color:rgba(255,83,167,.28)!important;background:rgba(255,47,125,.13)!important;color:#ffabd2!important}
.album-live-hero .album-hero-actions{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important}
.album-live-hero .album-hero-actions form{margin:0!important}.album-live-hero .album-hero-actions button{min-height:43px!important;padding:0 16px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;backdrop-filter:blur(16px)!important}
.album-live-hero .album-hero-actions form button{border:0!important;background:linear-gradient(135deg,#ff2f7d,#a44fff)!important;box-shadow:0 14px 34px rgba(255,47,125,.24)!important}
.album-live-hero .album-unlock-box{width:min(690px,100%)!important;margin:22px 0 0!important;border-radius:25px!important;border:1px solid rgba(255,105,183,.24)!important;background:linear-gradient(145deg,rgba(255,47,125,.13),rgba(66,36,142,.18)),rgba(7,11,23,.78)!important;box-shadow:0 20px 50px rgba(0,0,0,.26)!important;backdrop-filter:blur(22px)!important}
.album-live-hero .album-unlock-box__copy>span{color:#ff9dcc!important}.album-live-hero .album-unlock-primary{background:linear-gradient(135deg,#ff2f7d,#a34fff)!important}
.album-live-content-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;padding:24px 4px 2px!important}
.album-live-content-head>div:first-child{max-width:720px!important}.album-live-content-head span{display:block!important;margin-bottom:6px!important;color:#ff83bd!important;font-size:10px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important}.album-live-content-head h2{margin:0!important;font-size:clamp(28px,3.2vw,44px)!important;line-height:1!important;letter-spacing:-.055em!important}.album-live-content-head p{margin:9px 0 0!important;color:rgba(255,255,255,.57)!important;font-size:12px!important;line-height:1.55!important}
.album-live-content-head__actions{display:flex!important;gap:9px!important}.album-live-content-head__actions a,.album-live-content-head__actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;color:#e9e4ed!important;font-size:11px!important;font-weight:900!important;cursor:pointer!important}
.album-live-page .album-pro-grid--social{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:dense!important;gap:14px!important;margin:0!important}
.album-live-page .album-photo-card{position:relative!important;min-width:0!important;aspect-ratio:4/5!important;border:0!important;border-radius:24px!important;overflow:hidden!important;background:#080c19!important;box-shadow:0 20px 50px rgba(0,0,0,.27)!important}
.album-live-page .album-photo-card:first-child{grid-column:span 2!important;grid-row:span 2!important;aspect-ratio:auto!important;min-height:650px!important}
.album-live-page .album-pro-tile{width:100%!important;height:100%!important;min-height:100%!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:24px!important;overflow:hidden!important;background:#080c19!important;box-shadow:none!important}
.album-live-page .album-pro-tile:not(.album-pro-tile--locked) img{width:100%!important;height:100%!important;object-fit:cover!important;background:#080c19!important;transition:transform .32s ease,filter .32s ease!important}
.album-live-page .album-pro-tile--portrait:not(.album-pro-tile--locked) img{object-fit:contain!important;background:linear-gradient(145deg,#080c19,#111026)!important}
.album-live-page .album-pro-tile:hover img{transform:scale(1.035)!important}
.album-live-page .album-pro-tile__caption{left:10px!important;right:10px!important;bottom:10px!important;padding:12px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:17px!important;background:rgba(5,8,18,.68)!important;backdrop-filter:blur(18px)!important}
.album-live-page .album-pro-tile__quick{left:10px!important;right:auto!important;bottom:10px!important;z-index:7!important;display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;background:rgba(5,8,18,.64)!important;color:#fff!important;font-size:10px!important;backdrop-filter:blur(16px)!important}
.album-live-page .album-pro-tile:has(.album-pro-tile__caption) .album-pro-tile__quick{bottom:auto!important;top:10px!important}
.album-live-media-badge{position:absolute!important;right:10px!important;top:10px!important;z-index:8!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:999px!important;background:rgba(5,8,18,.66)!important;color:#fff!important;font-size:10px!important;font-weight:950!important;backdrop-filter:blur(16px)!important}
.album-live-page .album-pro-tile--locked{border-color:rgba(255,91,172,.20)!important}.album-live-page .album-locked-tile-overlay{background:linear-gradient(180deg,rgba(5,8,18,.18),rgba(5,8,18,.88))!important}.album-live-page .album-locked-tile-overlay>span{display:grid!important;place-items:center!important;width:56px!important;height:56px!important;border-radius:20px!important;background:rgba(5,8,18,.72)!important;border:1px solid rgba(255,255,255,.12)!important;font-size:23px!important;backdrop-filter:blur(18px)!important}.album-live-page .album-locked-tile-overlay>b{background:linear-gradient(135deg,#ff2f7d,#a34fff)!important}
.album-live-page .album-pro-tile--video,.album-live-page .album-pro-tile--audio{position:relative!important;display:grid!important;place-items:center!important;padding:0!important}.album-live-page .album-pro-tile--video video{width:100%!important;height:100%!important;object-fit:contain!important;background:#03050b!important}.album-live-page .album-pro-tile--audio{padding:18px!important;background:radial-gradient(circle at 100% 0,rgba(255,47,125,.15),transparent 45%),linear-gradient(145deg,#0a1021,#100b22)!important}
.album-live-page .album-pro-comments,.album-live-page .album-analytics-card{border:1px solid rgba(255,255,255,.09)!important;border-radius:30px!important;background:linear-gradient(180deg,rgba(14,20,40,.82),rgba(8,12,25,.88))!important;box-shadow:0 26px 70px rgba(0,0,0,.31)!important;padding:26px!important}
.album-live-page .album-comments-head{margin-bottom:18px!important}.album-live-page .album-comments-head span{color:#ff82bd!important;font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important}.album-live-page .album-comments-head h2{font-size:28px!important;letter-spacing:-.045em!important}.album-live-page .album-comments-head>button{min-height:38px!important;padding:0 13px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font-weight:900!important}
.album-live-page .album-comment-form{border:1px solid rgba(255,255,255,.09)!important;border-radius:21px!important;background:rgba(255,255,255,.045)!important;padding:8px!important}.album-live-page .album-comment-form>input[type=text]{border:0!important;background:transparent!important}.album-live-page .album-comment-form>button{border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#ff2f7d,#a34fff)!important}
.album-live-page .album-comment__bubble{border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:rgba(255,255,255,.045)!important}
.album-mobile-dock{border:1px solid rgba(255,255,255,.10)!important;background:rgba(7,10,20,.88)!important;box-shadow:0 20px 70px rgba(0,0,0,.58)!important;backdrop-filter:blur(26px)!important}
.album-photo-viewer__stage,.ht-media-viewer{--album-pink:#ff2f7d!important}
@media(max-width:1120px){
  .album-live-page .album-pro-grid--social{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .album-live-page .album-photo-card:first-child{min-height:560px!important}
}
@media(max-width:760px){
  .page-album-detail .topbar{position:relative!important}
  .album-live-page{width:100%!important;padding:0 12px 100px!important;gap:16px!important}
  .album-live-hero{min-height:600px!important;border-radius:0 0 28px 28px!important;margin:0 -12px!important;border-left:0!important;border-right:0!important}
  .album-live-hero:before{background:linear-gradient(180deg,rgba(5,8,18,.28),rgba(5,8,18,.82) 49%,rgba(5,8,18,.98) 100%)!important}
  .album-live-hero .album-pro-hero__body{min-height:600px!important;padding:88px 18px 24px!important;justify-content:flex-end!important}
  .album-live-kicker{left:18px!important;top:18px!important}.album-live-kicker small{display:none!important}
  .album-live-hero .album-pro-back{right:16px!important;top:16px!important;min-height:36px!important;padding:0 11px!important;font-size:10px!important}
  .album-live-hero .album-pro-author{grid-template-columns:46px minmax(0,1fr)!important;border-radius:19px!important}.album-live-hero .album-pro-author__avatar{width:46px!important;height:46px!important;border-radius:15px!important}
  .album-live-hero h1{font-size:42px!important}.album-live-hero .album-pro-hero__body>p{font-size:13px!important}
  .album-live-hero .album-pro-meta--hero{gap:6px!important}.album-live-hero .album-pro-meta--hero span{min-height:30px!important;padding:0 9px!important;font-size:9px!important}
  .album-live-hero .album-hero-actions{width:100%!important}.album-live-hero .album-hero-actions form,.album-live-hero .album-hero-actions button{flex:1!important}.album-live-hero .album-hero-actions button{width:100%!important}
  .album-live-hero .album-unlock-box{display:grid!important;gap:14px!important;padding:17px!important}.album-live-hero .album-unlock-box__actions{width:100%!important}
  .album-live-content-head{align-items:flex-start!important;display:grid!important;padding:20px 4px 0!important}.album-live-content-head__actions{overflow:auto!important;width:100%!important}.album-live-content-head__actions a,.album-live-content-head__actions button{white-space:nowrap!important}
  .album-live-page .album-pro-grid--social{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .album-live-page .album-photo-card,.album-live-page .album-pro-tile{border-radius:18px!important}
  .album-live-page .album-photo-card:first-child{grid-column:1/-1!important;grid-row:auto!important;min-height:420px!important;aspect-ratio:4/5!important}
  .album-live-page .album-pro-tile--portrait:not(.album-pro-tile--locked) img{object-fit:cover!important}
  .album-live-page .album-pro-comments,.album-live-page .album-analytics-card{border-radius:24px!important;padding:17px!important}
  .album-live-media-badge{right:7px!important;top:7px!important;min-height:26px!important;padding:0 8px!important;font-size:9px!important}
}
@media(max-width:430px){.album-live-page .album-photo-card:not(:first-child){aspect-ratio:3/4!important}.album-live-hero h1{font-size:36px!important}.album-live-page .album-pro-tile__quick{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.album-live-page *{transition:none!important}}
