
/* SEXYHOERBUCH_NOIR_LUXE_20BG_V1 */
:root{
  --bg:#050304;
  --paper:rgba(8,5,7,.54);
  --soft:rgba(15,8,11,.48);
  --rose:#c7637e;
  --rose-dark:#e7bd61;
  --wine:#fff7ef;
  --text:#f4ece8;
  --muted:#c9babd;
  --line:rgba(226,180,78,.29);
  --gold:#e2b74e;
  --gold-soft:rgba(226,183,78,.18);
  --shadow:0 24px 70px rgba(0,0,0,.36);
  --shadow-soft:0 16px 42px rgba(0,0,0,.28);
}

html{background:#030203!important}
body{
  min-height:100vh;
  color:var(--text)!important;
  background:#030203!important;
  background-image:none!important;
  position:relative;
}

.sh-noir-background{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:#030203;
}
.sh-noir-bg-layer{
  position:absolute;
  inset:-2%;
  background-position:center 24%;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  transform:scale(1.035);
  transition:opacity 1.8s ease-in-out,transform 10s ease-out;
  will-change:opacity,transform;
}
.sh-noir-bg-layer.is-visible{
  opacity:1;
  transform:scale(1);
}
.sh-noir-bg-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.24) 28%,rgba(0,0,0,.36) 68%,rgba(0,0,0,.50) 100%),
    radial-gradient(circle at 50% 15%,rgba(92,22,49,.08),rgba(0,0,0,.22) 72%),
    linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.05) 35%,rgba(0,0,0,.05) 65%,rgba(0,0,0,.25));
}

.lux-topbar,
.ggs-ribbon,
.lux-main,
.library-head,
.sh-filterbar,
.sh-empty-filter,
.catalog-grid,
.seo-copy,
.lux-footer,
#toast{
  position:relative;
  z-index:2;
}

/* Header */
.lux-topbar{
  height:auto!important;
  min-height:104px;
  margin-top:16px;
  padding:10px 20px!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(5,3,4,.62),rgba(20,8,14,.44))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,231,165,.07)!important;
  backdrop-filter:blur(18px) saturate(115%);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
}
.sh-noir-brand{
  display:flex!important;
  align-items:center!important;
  min-width:0;
}
.sh-gold-logo{
  width:min(470px,40vw)!important;
  max-height:86px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.58)) drop-shadow(0 0 12px rgba(226,183,78,.15));
}
.lux-brand span{display:none!important}
.lux-userline{color:var(--muted)!important}
.lux-userline strong,
#wallet-name,
html.sh-wallet-recognized #wallet-name{color:#ffe29a!important}
#wallet-prompt,
html.sh-wallet-recognized #wallet-prompt{color:#d7c4c7!important}

/* Glass surfaces */
.ggs-ribbon,
.lux-intro,
.lux-player,
.library-tabs span,
.book-card,
.sh-searchbox input,
.sh-filterbuttons button,
.sh-empty-filter,
.seo-copy,
.lux-footer,
.track-panel,
.global-tracks li button,
.player-progress-line,
.player-buybox{
  border-color:var(--line)!important;
}

.ggs-ribbon,
.lux-intro,
.library-tabs span,
.sh-empty-filter,
.seo-copy,
.lux-footer{
  background:linear-gradient(145deg,rgba(7,4,6,.48),rgba(26,8,17,.34))!important;
  color:var(--text)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(17px) saturate(110%);
  -webkit-backdrop-filter:blur(17px) saturate(110%);
}

.lux-player{
  background:linear-gradient(145deg,rgba(7,4,6,.62),rgba(22,8,15,.46))!important;
  color:var(--text)!important;
  box-shadow:0 26px 78px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px) saturate(110%);
  -webkit-backdrop-filter:blur(18px) saturate(110%);
}

.book-card{
  background:linear-gradient(160deg,rgba(12,7,9,.50),rgba(31,11,21,.36))!important;
  color:var(--text)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.book-card:hover{
  border-color:rgba(255,221,133,.55)!important;
  box-shadow:0 24px 66px rgba(0,0,0,.46)!important;
}

.lux-wallet{
  background:linear-gradient(135deg,rgba(113,60,19,.68),rgba(27,12,15,.70))!important;
  border-color:rgba(255,222,133,.42)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,238,184,.17)!important;
}
.wallet-label{color:#f1cc72!important}
.wallet-values{color:#f2e7da!important}
.wallet-icon{
  color:#372008!important;
  background:linear-gradient(180deg,#ffe9a1,#d7a33a)!important;
}

/* Typography */
.eyebrow,
.track-panel h3{
  color:var(--gold)!important;
  letter-spacing:.12em!important;
}
.lux-intro h1,
.player-core h2,
.library-head h2,
.book-body h3,
.seo-copy h2,
.lux-footer strong,
.player-buybox-title{
  color:#fff8f0!important;
}
.lux-intro h1 span{color:#e7bd61!important}
.lead,
.book-body p,
.last-progress,
.seo-copy p,
.lux-footer span,
.player-buybox-note,
.player-progress-line{
  color:var(--muted)!important;
}
.current-track{color:#ef9bb1!important}

.ggs-ribbon p{color:#eee5df!important}
.ggs-ribbon strong{color:#fff8ef!important}

/* Inputs and controls */
input{
  color:#fff5ef!important;
  background:rgba(4,3,4,.78)!important;
  border-color:rgba(226,180,78,.28)!important;
}
input::placeholder{color:#a99a9e!important}
input:focus{
  border-color:rgba(245,204,111,.55)!important;
  box-shadow:0 0 0 3px rgba(226,183,78,.10)!important;
}

button,
.ggs-ribbon a{
  border:1px solid rgba(255,225,145,.44)!important;
  background:linear-gradient(135deg,#f0d079 0%,#cf9e37 48%,#985e18 100%)!important;
  color:#1c1008!important;
  box-shadow:0 10px 26px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
button:hover,
.ggs-ribbon a:hover{
  filter:brightness(1.07);
  text-decoration:none!important;
}

.player-actions button,
.book-actions .buy,
.player-buy-silver,
.sh-filterbuttons button,
.library-tabs span{
  background:rgba(8,4,6,.68)!important;
  color:#f3e8e3!important;
  border-color:rgba(226,180,78,.24)!important;
  box-shadow:none!important;
}
.book-actions .listen{
  background:linear-gradient(135deg,#9d315d,#641a39)!important;
  color:#fff4f7!important;
  border-color:rgba(226,180,78,.28)!important;
}
.book-actions .gold,
.player-buy-gold,
.sh-filterbuttons button.active{
  background:linear-gradient(135deg,#f0d079,#c78e2d)!important;
  color:#1d1007!important;
  border-color:rgba(255,226,145,.50)!important;
}

/* Player */
.player-cover img{
  border-radius:18px!important;
  box-shadow:0 18px 48px rgba(0,0,0,.50)!important;
}
.track-panel{
  background:rgba(8,4,6,.52)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.global-tracks li button{
  background:rgba(7,4,5,.54)!important;
  color:#efe5e1!important;
}
.global-tracks li.active button{
  background:rgba(111,28,62,.56)!important;
  border-color:rgba(226,180,78,.45)!important;
}
.global-tracks .track-no{color:#f0c970!important}
.player-progress-line,
.player-buybox{
  background:rgba(7,4,6,.50)!important;
}
#main-player{
  border-radius:999px;
}

/* Library / cards */
.library-head{
  margin-top:28px!important;
  padding:10px 0;
}
.library-tabs span{
  color:#f2e7e2!important;
}
.sh-searchbox input{
  background:rgba(5,3,4,.68)!important;
  color:#fff4ef!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
}
.sh-searchbox:before{color:#e1b75b!important}
.sh-filterbuttons button{color:#eee3df!important}
.sh-fav-btn{
  background:rgba(7,4,6,.78)!important;
  border-color:rgba(226,180,78,.34)!important;
  color:#e4bf67!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28)!important;
}
.sh-fav-btn.active{
  background:linear-gradient(135deg,#9d315d,#641a39)!important;
  color:#fff!important;
}
.cover-wrap img{
  background:#090607!important;
}
.price-row span{
  background:rgba(7,4,6,.68)!important;
  border-color:rgba(226,180,78,.24)!important;
  color:#e8c56f!important;
}
.exclusive-badge{
  background:linear-gradient(180deg,#f5d985,#c58d2c)!important;
  color:#251306!important;
}
.book-card.gold-only .price-row span{
  background:linear-gradient(180deg,#f5d985,#c58d2c)!important;
  color:#251306!important;
}

/* Footer */
.lux-footer{
  margin-top:22px!important;
  overflow:hidden;
}
.lux-footer div{border-color:rgba(226,180,78,.18)!important}

/* SEO / toast */
#toast{
  background:rgba(31,11,21,.92)!important;
  border:1px solid rgba(226,180,78,.26);
  color:#fff6ef!important;
  box-shadow:0 16px 42px rgba(0,0,0,.42)!important;
}

/* Responsive */
@media(max-width:980px){
  .lux-topbar{
    padding:14px 16px!important;
  }
  .sh-gold-logo{
    width:min(390px,62vw)!important;
    max-height:78px!important;
  }
}
@media(max-width:720px){
  .sh-noir-bg-layer{background-position:center 18%}
  .lux-topbar{
    border-radius:20px!important;
  }
  .sh-gold-logo{
    width:min(320px,72vw)!important;
    max-height:68px!important;
  }
  .lux-intro,
  .lux-player,
  .ggs-ribbon,
  .seo-copy,
  .lux-footer{
    backdrop-filter:blur(15px) saturate(108%);
    -webkit-backdrop-filter:blur(15px) saturate(108%);
  }
}
@media(max-width:520px){
  .sh-gold-logo{
    width:min(275px,78vw)!important;
    max-height:60px!important;
  }
  .lux-intro,
  .lux-player{
    background:linear-gradient(145deg,rgba(7,4,6,.66),rgba(22,8,15,.50))!important;
  }
  .book-card{
    background:linear-gradient(160deg,rgba(12,7,9,.58),rgba(31,11,21,.43))!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .sh-noir-bg-layer{
    transition:none!important;
    transform:none!important;
  }
  .sh-noir-bg-layer.is-visible{transform:none!important}
}
