* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: #070b0d;
    color: #f7f7f7;
    font-family: Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;
}

body:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 70% 20%,#15222a55,transparent 35%);
    z-index: -1;
}

button {
    font: inherit;
}

header {
    height: 72px;
    display: flex;
    align-items: center;
    gap: 34px;
    padding: 0 4%;
    position: absolute;
    z-index: 20;
    width: 100%;
    background: linear-gradient(#05090dbb,transparent);
}

.brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: white;
    text-decoration: none;
    letter-spacing: .06em;
}

.mark {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    font-weight: 900;
    clip-path: polygon(0 0,28% 16%,50% 58%,72% 16%,100% 0,77% 100%,50% 62%,23% 100%);
    background: white;
    color: #080b0d;
    font-size: 0;
}

nav {
    display: flex;
    gap: 26px;
}

nav a {
    color: #eee;
    text-decoration: none;
    font-size: 13px;
}

.search {
    margin-left: auto;
    border: 1px solid #ffffff33;
    background: #070a0eb8;
    border-radius: 24px;
    padding: 8px 14px;
    display: flex;
    gap: 8px;
    min-width: 250px;
}

.search input {
    background: none;
    border: 0;
    outline: 0;
    color: white;
    width: 100%;
}

.hero {
    height: 660px;
    position: relative;
    overflow: hidden;
}

.slides,.slide {
    height: 100%;
}

.slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .8s ease;
    background-image: linear-gradient(90deg,#05090ded 0%,#05090d88 35%,#05090d20 70%),var(--bg);
    background-size: cover;
    background-position: center;
}

.slide.active {
    opacity: 1;
}

.heroCopy {
    position: absolute;
    left: 4.5%;
    top: 25%;
    width: min(560px,48vw);
}

.heroCopy p {
    letter-spacing: .18em;
    font-size: 12px;
}

.heroCopy h1 {
    font-size: 56px;
    line-height: .98;
    margin: 14px 0 18px;
    max-width: 560px;
}

.heroCopy h1 em {
    font-style: normal;
    color: #ff9277;
}

.heroCopy>span {
    color: #c7ced1;
    display: block;
    max-width: 470px;
    line-height: 1.55;
    margin-bottom: 25px;
}

.btn {
    display: inline-block;
    padding: 13px 20px;
    border: 1px solid #ffffff55;
    border-radius: 12px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    margin-right: 10px;
    background: #0b1115aa;
}

.btn.light {
    background: #fff;
    color: #080b0d;
    border-color: white;
}

.heroControls {
    position: absolute;
    right: 3.2%;
    bottom: 28px;
    z-index: 7;
    display: flex;
    gap: 8px;
}

.arrow,.railControls button,.topicControls button {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid #ffffff38;
    background: #070b0dcc;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: .2s;
}

.arrow:hover,.railControls button:hover,.topicControls button:hover {
    background: #fff;
    color: #070b0d;
}

.dots {
    position: absolute;
    bottom: 41px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}

.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 0;
    background: #ffffff66;
    padding: 0;
    cursor: pointer;
}

.dot.active {
    background: #fff;
    width: 24px;
    border-radius: 8px;
}

.section {
    padding: 42px 3%;
}

.heading,.topicHead {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 20px;
}

.heading h2,.topicHead h3 {
    margin: 0 0 5px;
}

.heading h2 {
    font-size: 28px;
}

.topicHead h3 {
    font-size: 21px;
}

.heading p,.topicHead p {
    margin: 0;
    color: #89949b;
}

.railControls,.topicActions {
    display: flex;
    gap: 8px;
    align-items: center;
}

.viewAll {
    background: #0d1418;
    color: #fff;
    border: 1px solid #ffffff33;
    border-radius: 10px;
    padding: 10px 15px;
    cursor: pointer;
}

.chips {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 4px 2px 12px;
    scroll-behavior: smooth;
}

.chips::-webkit-scrollbar,.topicRail::-webkit-scrollbar {
    display: none;
}

.chip {
    flex: 0 0 175px;
    height: 100px;
    border: 1px solid #ffffff20;
    border-radius: 14px;
    background: linear-gradient(135deg,#111a20,#090d10);
    color: #fff;
    text-align: left;
    padding: 16px;
    cursor: pointer;
    transition: .2s;
}

.chip:hover,.chip.active {
    transform: translateY(-3px);
    border-color: #ff9277aa;
    box-shadow: 0 12px 30px #0008;
}

.chip b {
    display: block;
    margin-top: 31px;
}

.topic {
    margin: 0 0 42px;
}

.topicRail {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-behavior: smooth;
    padding: 2px 1px 10px;
}

.wallCard {
    flex: 0 0 310px;
    height: 190px;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid #ffffff1e;
    background: #111;
    cursor: pointer;
}

.wallCard.wide {
    flex-basis: 430px;
}

.wallCard img,.featureCard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .45s;
}

.wallCard:hover img,.featureCard:hover img {
    transform: scale(1.035);
}

.shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent 40%,#030506ed);
}

.meta {
    position: absolute;
    left: 14px;
    right: 12px;
    bottom: 11px;
}

.tag {
    display: inline-block;
    font-size: 9px;
    font-weight: 800;
    padding: 4px 8px;
    border-radius: 10px;
    color: #fff;
}

.meta h3 {
    margin: 7px 0 0;
    font-size: 15px;
}

.cardBottom {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 8px;
}

.stats {
    display: flex;
    gap: 7px;
    align-items: center;
}

.stat,.downloadIcon {
    border: 1px solid #ffffff28;
    background: #080c0db8;
    border-radius: 20px;
    color: #fff;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat {
    padding: 0 10px;
    font-size: 11px;
    gap: 5px;
}

.downloadIcon {
    width: 32px;
    cursor: pointer;
}

.featuredGrid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 14px;
}

.featureCard {
    height: 260px;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #ffffff1e;
    cursor: pointer;
    background: #111;
}

.featureCard .meta h3 {
    font-size: 17px;
}

.featureCard:nth-child(1) {
    grid-column: span 1;
}

.cta {
    margin: 40px 3%;
    min-height: 210px;
    border: 1px solid #ffffff20;
    border-radius: 18px;
    padding: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90deg,#080c0ee8,#080c0e99),url('assets/hero.png') center/cover;
}

.cta h2 {
    font-size: 34px;
    margin: 7px 0;
}

.cta p {
    color: #aab2b7;
}

.modal {
    position: fixed;
    inset: 0;
    background: #030506ee;
    z-index: 50;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 5vw;
}

.modal.open {
    display: flex;
}

.modal img {
    max-width: 76vw;
    max-height: 78vh;
    border-radius: 12px;
    box-shadow: 0 30px 80px #000;
}

.close {
    position: absolute;
    right: 30px;
    top: 20px;
    background: none;
    border: 0;
    color: white;
    font-size: 44px;
    cursor: pointer;
}

.modalInfo {
    position: absolute;
    bottom: 5vh;
    left: 7vw;
    background: #070b0de8;
    border: 1px solid #ffffff22;
    border-radius: 12px;
    padding: 14px 18px;
}

.modalInfo h2 {
    margin: 4px 0 10px;
}

.modalInfo span {
    color: #ff9277;
    font-size: 12px;
}

#download {
    background: #0d1418;
    color: white;
    border: 1px solid #ffffff33;
    border-radius: 10px;
    padding: 10px 15px;
    cursor: pointer;
}

footer {
    border-top: 1px solid #ffffff14;
    margin-top: 50px;
    padding: 35px 4%;
    display: flex;
    gap: 25px;
    align-items: center;
    color: #7f8a90;
    font-size: 12px;
}

footer span:last-child {
    margin-left: auto;
}

@media(max-width:800px) {
    nav {
        display: none;
    }
    .search {
        min-width: 0;
        width: 45%;
    }
    .hero {
        height: 600px;
    }
    .heroCopy {
        width: 85vw;
        top: 25%;
    }
    .heroCopy h1 {
        font-size: 42px;
    }
    .dots {
        left: 4%;
        transform: none;
    }
    .featuredGrid {
        grid-template-columns: 1fr;
    }
    .featureCard {
        height: 220px;
    }
    .wallCard {
        flex-basis: 82vw;
    }
    .modal img {
        max-width: 94vw;
    }
    .cta {
        align-items: flex-start;
        gap: 20px;
        flex-direction: column;
    }
    footer {
        flex-wrap: wrap;
    }
}

/* V3 refinements */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap')
.heading h2 {
    font-size: 34px;
}

.topicHead {
    align-items: center;
    margin-bottom: 24px;
}

.topicActions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-left: 28px;
}

.topicControls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.viewAll {
    font-family: 'Poppins',Inter,ui-sans-serif,system-ui,sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 14px;
    white-space: nowrap;
}

.topicControls button {
    width: 40px;
    height: 40px;
    font-size: 21px;
}

#featured .heading {
    align-items: center;
}

#featured .viewAll {
    margin-left: 28px;
}

.chips {
    overflow-x: hidden;
}

@media(max-width:800px) {
    .heading h2 {
        font-size: 30px;
    }
    .topicHead {
        align-items: flex-start;
        gap: 14px;
    }
    .topicActions {
        margin-left: 0;
    }
    .viewAll {
        font-size: 11px;
    }
}

/* V5 refinements */
body {
    font-family: 'Poppins',ui-sans-serif,system-ui,sans-serif;
}

.heroCopy h1 em {
    background: linear-gradient(90deg,#ffb06a 0%,#ff7f83 48%,#f45b91 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.heading>div:first-child:after {
    content: "";
    display: block;
    width: 72px;
    height: 2px;
    margin-top: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg,#ffb06a,#f45b91);
}

.heading p {
    font-size: 14px;
}

.heading h2 {
    font-size: 34px;
    letter-spacing: -.035em;
    font-weight: 600;
}

.arrow,.railControls button,.topicControls button {
    position: relative;
    font-size: 0;
    border-radius: 10px;
}

.arrow::before,.railControls button::before,.topicControls button::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.arrow.prev::before,.railControls button[data-dir="-1"]::before,.topicControls button[data-dir="-1"]::before {
    border-right: 9px solid currentColor;
    margin-left: -2px;
}

.arrow.next::before,.railControls button[data-dir="1"]::before,.topicControls button[data-dir="1"]::before {
    border-left: 9px solid currentColor;
    margin-left: 2px;
}

.chips {
    padding-left: 0;
    padding-right: 0;
    scroll-snap-type: x mandatory;
}

.chip {
    scroll-snap-align: start;
}

/* V6 refinements */
/* Section title rhythm: title -> brand accent -> description */
.heading>div:first-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.heading>div:first-child:after {
    order: 2;
    width: 76px;
    height: 2px;
    margin: 10px 0 10px;
    background: linear-gradient(90deg,#ffb06a 0%,#ff7f83 52%,#f45b91 100%);
}

.heading h2 {
    order: 1;
    margin: 0;
}

.heading p {
    order: 3;
    margin: 0;
    font-size: 14px;
}

/* Round, centered geometric slider controls */
.arrow,.railControls button,.topicControls button {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #090e12d9;
    border: 1px solid #ffffff32;
    display: grid;
    place-items: center;
    padding: 0;
}

.arrow::before,.railControls button::before,.topicControls button::before {
    margin: 0!important;
    transform: none;
}

.arrow.prev::before,.railControls button[data-dir="-1"]::before,.topicControls button[data-dir="-1"]::before {
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-right-width: 9px;
}

.arrow.next::before,.railControls button[data-dir="1"]::before,.topicControls button[data-dir="1"]::before {
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-left-width: 9px;
}

/* Hero secondary button should feel lighter than the primary CTA */
.secondaryHeroBtn {
    font-weight: 300;
}

/* Search: larger icon, lighter/smaller white copy */
.search {
    align-items: center;
    gap: 11px;
}

.searchIcon {
    width: 21px;
    height: 21px;
    display: grid;
    place-items: center;
    flex: 0 0 21px;
}

.searchIcon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #fff;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.search input {
    font-family: 'Poppins',sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
}

.search input::placeholder {
    color: #fff;
    opacity: .9;
    font-weight: 300;
}

/* Keep the second hero readable against an image rather than relying on a black field */
.slide:nth-child(2) {
    background-image: linear-gradient(90deg,#05090df2 0%,#05090db5 33%,#05090d45 64%,#05090d18 100%),var(--bg);
    background-position: center;
}

.slide:nth-child(2) .heroCopy {
    width: min(535px,47vw);
}

/* Category rail must open with a complete All card */
.chips {
    scroll-padding-left: 0;
}

.chip:first-child {
    margin-left: 0;
}

/* Download icon: simple arrow into bracket, no pill */
.downloadIcon {
    width: 27px;
    height: 30px;
    border: 0;
    background: transparent;
    border-radius: 0;
    padding: 4px;
    opacity: .9;
}

.downloadIcon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.downloadIcon:hover {
    opacity: 1;
    transform: translateY(-1px);
}

/* V7 — minimal rail navigation */
.topicActions,.railControls {
    gap: 18px;
    align-items: center;
}

.viewAll {
    background: transparent!important;
    border: 0!important;
    border-radius: 0!important;
    padding: 6px 0!important;
    font-size: 12px!important;
    font-weight: 300!important;
    color: #f5f5f5;
    box-shadow: none!important;
}

.viewAll:hover {
    color: #ff8b7f;
}

.railControls button,.topicControls button {
    width: 24px!important;
    height: 32px!important;
    border: 0!important;
    border-radius: 0!important;
    background: transparent!important;
    padding: 0!important;
    opacity: .72;
    transition: opacity .18s ease,transform .18s ease,color .18s ease;
}

.railControls button:hover,.topicControls button:hover {
    background: transparent!important;
    color: #fff!important;
    opacity: 1;
    transform: scale(1.12);
}

.railControls button::before,.topicControls button::before {
    content: ""!important;
    width: 8px!important;
    height: 8px!important;
    border: 0!important;
    border-top: 1.5px solid currentColor!important;
    border-right: 1.5px solid currentColor!important;
    display: block!important;
    margin: 0!important;
}

.railControls button[data-dir="1"]::before,.topicControls button[data-dir="1"]::before {
    transform: rotate(45deg)!important;
}

.railControls button[data-dir="-1"]::before,.topicControls button[data-dir="-1"]::before {
    transform: rotate(-135deg)!important;
}

.topicControls {
    display: flex;
    gap: 14px;
    align-items: center;
}

.topicActions {
    gap: 24px;
}

/* V8 — quieter topic navigation and clearer section separation */
#topicRows {
    position: relative;
}

.topic {
    position: relative;
    margin: 0 0 92px;
    padding: 26px 0 12px;
    isolation: isolate;
}

.topic::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 12%;
    right: 4%;
    top: -18px;
    height: 250px;
    pointer-events: none;
    background: radial-gradient(ellipse at 72% 48%,rgba(18,54,88,.25) 0%,rgba(10,34,58,.14) 30%,rgba(7,11,13,0) 70%);
    filter: blur(30px);
}

.topicHead {
    align-items: center;
    margin-bottom: 20px;
}

.topicHead h3 {
    font-size: 24px;
    letter-spacing: -.025em;
}

.topicHead p {
    font-size: 13px;
}

.topicControls {
    margin-left: auto;
    gap: 18px;
    padding-right: 8px;
}

.topicControls button {
    width: 28px!important;
    height: 34px!important;
    opacity: .58;
}

.topicControls button::before {
    width: 9px!important;
    height: 9px!important;
    border-top-width: 1.7px!important;
    border-right-width: 1.7px!important;
}

.topicRail {
    padding-bottom: 8px;
}

.topicFooter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 7px 8px 0 0;
}

.topicFooter .viewAll {
    font-size: 11.5px!important;
    letter-spacing: .01em;
    opacity: .82;
}

.topicFooter .viewAll:hover {
    opacity: 1;
}

@media(max-width:800px) {
    .topic {
        margin-bottom: 68px;
    }
    .topic::before {
        left: 0;
        right: 0;
    }
    .topicHead h3 {
        font-size: 21px;
    }
    .topicFooter {
        padding-right: 2px;
    }
}

/* V9 — local slider cue instead of a full-row glow */
.topic::before {
    display: none!important;
}

.topicControls {
    position: relative;
    isolation: isolate;
    gap: 13px;
    padding: 8px 13px 8px 48px;
    margin-right: 6px;
    overflow: visible;
}

.topicControls::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -18px -28px -18px 0;
    background: radial-gradient(ellipse at 72% 50%,rgba(25,94,155,.34) 0%,rgba(13,53,92,.20) 38%,rgba(7,11,13,0) 72%);
    filter: blur(18px);
    pointer-events: none;
}

.topicControls::after {
    content: "SCROLL";
    position: absolute;
    right: calc(100% - 39px);
    top: 50%;
    transform: translateY(-50%);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .18em;
    color: #ff8c82;
    white-space: nowrap;
    padding-left: 30px;
    background: linear-gradient(90deg,#ffb06a,#f45b91);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.topicControls button {
    width: 20px!important;
    height: 26px!important;
    opacity: .92!important;
    color: #ff9a83!important;
    filter: drop-shadow(0 0 8px rgba(244,91,145,.22));
}

.topicControls button::before {
    width: 8px!important;
    height: 8px!important;
    border-top-width: 1.6px!important;
    border-right-width: 1.6px!important;
}

.topicControls button[data-dir="-1"] {
    animation: wallnuviaPulseLeft 1.8s ease-in-out infinite;
}

.topicControls button[data-dir="1"] {
    animation: wallnuviaPulseRight 1.8s ease-in-out infinite;
}

.topicControls button:hover {
    color: #fff!important;
    opacity: 1!important;
    animation-play-state: paused;
    filter: drop-shadow(0 0 10px rgba(255,139,127,.45));
}

@keyframes wallnuviaPulseLeft {
    0%,100% {
        transform: translateX(0);
        opacity: .72;
    }
    50% {
        transform: translateX(-4px);
        opacity: 1;
    }
}

@keyframes wallnuviaPulseRight {
    0%,100% {
        transform: translateX(0);
        opacity: .72;
    }
    50% {
        transform: translateX(4px);
        opacity: 1;
    }
}

@media (prefers-reduced-motion:reduce) {
    .topicControls button {
        animation: none!important;
    }
}

@media(max-width:800px) {
    .topicControls {
        padding-left: 42px;
    }
    .topicControls::after {
        font-size: 8px;
        right: calc(100% - 36px);
    }
}

/* V10 — quieter rail navigation */
.topic {
    margin: 0 0 48px!important;
    position: relative;
}

.topicHead {
    align-items: flex-end!important;
    margin-bottom: 16px!important;
    padding: 0 8px;
}

.topicTopActions {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.topicTopActions .viewAll {
    border: 1px solid rgba(255,255,255,.34)!important;
    border-radius: 9px!important;
    padding: 8px 15px!important;
    background: rgba(8,13,17,.28)!important;
    font-size: 11.5px!important;
    font-weight: 300!important;
    opacity: .92;
    transition: border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}

.topicTopActions .viewAll:hover {
    border-color: rgba(255,255,255,.62)!important;
    background: rgba(255,255,255,.055)!important;
    color: #fff!important;
    transform: translateY(-1px);
}

.railStage {
    position: relative;
    margin: 0;
    isolation: isolate;
}

.topicRail {
    padding: 2px 0 10px!important;
    scroll-padding-inline: 42px;
}

.sideNav {
    position: absolute;
    z-index: 8;
    top: 0;
    bottom: 10px;
    width: 38px;
    border: 1px solid rgba(255,255,255,.20);
    background: rgba(12,18,23,.76);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #fff;
    opacity: .38;
    cursor: pointer;
    display: grid;
    place-items: center;
    padding: 0;
    transition: opacity .18s ease,transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.sideNavLeft {
    left: -20px;
    border-radius: 0 14px 14px 0;
}

.sideNavRight {
    right: -20px;
    border-radius: 14px 0 0 14px;
}

.sideNav:hover {
    opacity: .9;
    background: rgba(18,26,32,.94);
    border-color: rgba(255,255,255,.42);
    box-shadow: 0 12px 34px rgba(0,0,0,.28);
    transform: scale(1.035);
}

.sideNavLeft:hover {
    transform: translateX(4px) scale(1.035);
}

.sideNavRight:hover {
    transform: translateX(-4px) scale(1.035);
}

.sideNav span {
    width: 8px;
    height: 8px;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
    display: block;
}

.sideNavLeft span {
    transform: rotate(-135deg);
}

.sideNavRight span {
    transform: rotate(45deg);
}

.scrollHint {
    height: 19px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 9px;
    padding: 4px 10px 0 0;
    color: #ef6f83;
    font-size: 8.5px;
    font-weight: 500;
    letter-spacing: .18em;
}

.scrollHint i {
    display: block;
    width: 24px;
    height: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg,#ff9b72,#ed557f);
}

/* kill V9 control treatment */
.topicControls {
    display: none!important;
}

.topicFooter {
    display: none!important;
}

@media(max-width:800px) {
    .topic {
        margin-bottom: 38px!important;
    }
    .sideNav {
        width: 30px;
    }
    .sideNavLeft {
        left: -10px;
    }
    .sideNavRight {
        right: -10px;
    }
    .topicTopActions .viewAll {
        padding: 7px 12px!important;
    }
    .scrollHint {
        padding-right: 4px;
    }
}

/* V11 — compact segmented navigation: View All + previous/next */
.topic {
    margin: 0 0 42px!important;
}

.topicHead {
    margin-bottom: 16px!important;
    padding: 0 8px!important;
    align-items: flex-end!important;
}

.segmentedNav {
    margin-left: auto;
    display: flex;
    align-items: stretch;
    height: 38px;
    border: 1px solid rgba(255,255,255,.62);
    border-radius: 10px;
    overflow: hidden;
    background: rgba(7,11,13,.24);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.segmentedNav .viewAll {
    height: 100%;
    display: flex;
    align-items: center;
    border: 0!important;
    border-right: 1px solid rgba(255,255,255,.62)!important;
    border-radius: 0!important;
    background: transparent!important;
    padding: 0 20px!important;
    color: rgba(255,255,255,.86)!important;
    font-size: 12px!important;
    font-weight: 300!important;
    transition: background .18s ease,color .18s ease;
}

.segmentedNav .viewAll:hover {
    background: rgba(255,255,255,.06)!important;
    color: #fff!important;
    transform: none!important;
}

.segArrow {
    width: 42px;
    height: 100%;
    border: 0;
    border-right: 1px solid rgba(255,255,255,.62);
    background: rgba(255,255,255,.025);
    color: rgba(255,255,255,.62);
    display: grid;
    place-items: center;
    cursor: pointer;
    padding: 0;
    transition: background .18s ease,color .18s ease;
}

.segArrow:last-child {
    border-right: 0;
}

.segArrow:hover {
    background: rgba(255,255,255,.09);
    color: #fff;
}

.segArrow span {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    display: block;
}

.prevSeg span {
    border-right: 7px solid currentColor;
    margin-left: -2px;
}

.nextSeg span {
    border-left: 7px solid currentColor;
    margin-left: 2px;
}

/* remove experimental edge navigation / scroll cue */
.sideNav,.scrollHint,.topicTopActions {
    display: none!important;
}

.railStage {
    display: contents!important;
}

@media(max-width:800px) {
    .segmentedNav {
        height: 36px;
    }
    .segmentedNav .viewAll {
        padding: 0 13px!important;
        font-size: 11px!important;
    }
    .segArrow {
        width: 36px;
    }
    .topic {
        margin-bottom: 34px!important;
    }
}

/* V12 — tighter rails, featured View All, stronger card actions */
.topic {
    margin-bottom: 28px!important;
}

#featured .viewAll {
    border: 1px solid rgba(255,255,255,.62)!important;
    border-radius: 9px!important;
    padding: 8px 16px!important;
    background: rgba(8,13,17,.26)!important;
    font-size: 11.5px!important;
    font-weight: 300!important;
    color: rgba(255,255,255,.88)!important;
    transition: background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

#featured .viewAll:hover {
    background: rgba(255,255,255,.06)!important;
    border-color: rgba(255,255,255,.82)!important;
    color: #fff!important;
    transform: translateY(-1px)!important;
}

.stat {
    gap: 7px!important;
    padding: 0 13px 0 10px!important;
}

.heartIcon {
    font-size: 16px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-.5px);
}

.likeCount {
    font-size: 11px;
    line-height: 1;
    margin-right: 2px;
}

.downloadIcon {
    width: 32px!important;
    height: 32px!important;
    padding: 6px!important;
    border: 1px solid #ffffff28!important;
    background: #080c0db8!important;
    border-radius: 50%!important;
    opacity: .95!important;
    transition: background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease!important;
}

.downloadIcon svg {
    width: 18px!important;
    height: 18px!important;
}

.downloadIcon:hover {
    background: rgba(255,255,255,.08)!important;
    border-color: rgba(255,255,255,.48)!important;
    transform: translateY(-1px) scale(1.04)!important;
    opacity: 1!important;
}

@media(max-width:800px) {
    .topic {
        margin-bottom: 24px!important;
    }
}

/* V13 — card hierarchy, featured band, unified segmented controls */
#featured {
    position: relative;
    background: rgba(15,23,29,.34);
    border-top: 1px solid rgba(255,255,255,.025);
    border-bottom: 1px solid rgba(255,255,255,.025);
}

#featured::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg,rgba(17,31,42,.18),rgba(10,15,19,.04) 42%,rgba(18,28,36,.12));
    z-index: 0;
}

#featured>* {
    position: relative;
    z-index: 1;
}

.topic {
    margin-bottom: 24px!important;
}

.cardActions {
    position: absolute;
    z-index: 4;
    right: 10px;
    top: 10px;
    display: flex;
    gap: 7px;
    align-items: center;
}

.meta {
    right: 14px!important;
    bottom: 12px!important;
}

.cardBottom {
    display: block!important;
}

.meta h3 {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wallCard .meta h3 {
    font-size: 16px!important;
}

.featureCard .meta h3 {
    font-size: 18px!important;
}

.stat {
    height: 32px!important;
    background: rgba(6,10,13,.78)!important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.heartIcon {
    font-size: 21px!important;
}

.likeCount {
    margin-right: 5px!important;
}

.downloadIcon {
    background: rgba(6,10,13,.78)!important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.categoryNav {
    display: flex;
    align-items: stretch;
    height: 38px;
    border: 1px solid rgba(255,255,255,.62);
    border-radius: 10px;
    overflow: hidden;
    background: rgba(7,11,13,.24);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.categoryNav button {
    width: 42px;
    height: 100%;
    border: 0!important;
    border-right: 1px solid rgba(255,255,255,.62)!important;
    border-radius: 0!important;
    background: rgba(255,255,255,.025)!important;
    color: rgba(255,255,255,.62)!important;
    display: grid!important;
    place-items: center!important;
    padding: 0!important;
    cursor: pointer;
    transition: background .18s ease,color .18s ease!important;
}

.categoryNav button:last-child {
    border-right: 0!important;
}

.categoryNav button:hover {
    background: rgba(255,255,255,.09)!important;
    color: #fff!important;
    transform: none!important;
}

.categoryNav button::before {
    content: ""!important;
    width: 0!important;
    height: 0!important;
    border-top: 4px solid transparent!important;
    border-bottom: 4px solid transparent!important;
    border-right: 0!important;
    display: block!important;
    margin: 0!important;
}

.categoryNav button[data-dir="-1"]::before {
    border-right: 7px solid currentColor!important;
    transform: none!important;
}

.categoryNav button[data-dir="1"]::before {
    border-left: 7px solid currentColor!important;
    transform: none!important;
}

@media(max-width:800px) {
    .topic {
        margin-bottom: 22px!important;
    }
    .categoryNav {
        height: 36px;
    }
    .categoryNav button {
        width: 36px;
    }
    .cardActions {
        right: 8px;
        top: 8px;
    }
}

/* V14 — three-image cinematic hero + vertical navigation */
.hero {
    height: 700px;
}

.slide {
    background-image: linear-gradient(90deg,rgba(3,8,13,.46) 0%,rgba(3,8,13,.16) 38%,rgba(3,8,13,.02) 65%),var(--bg);
    background-position: center;
    background-size: cover;
}

.slide:nth-child(2),.slide:nth-child(3) {
    background-image: linear-gradient(90deg,rgba(3,8,13,.42) 0%,rgba(3,8,13,.14) 38%,rgba(3,8,13,.02) 65%),var(--bg);
    background-position: center;
}

.heroCopy {
    left: 4.5%;
    top: 25%;
    width: min(560px,35vw);
    z-index: 5;
}

.heroCopy h1 {
    font-size: 56px;
}

.heroControls {
    display: none!important;
}

.heroSideNav {
    position: absolute;
    right: 2.2%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid rgba(255,255,255,.36);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(5,10,15,.34);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.heroArrow {
    width: 42px;
    height: 40px;
    border: 0;
    background: transparent;
    color: rgba(255,255,255,.72);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: background .18s ease,color .18s ease;
}

.heroArrow:hover {
    background: rgba(255,255,255,.08);
    color: #fff;
}

.heroArrow span {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.heroArrow.prev span {
    border-bottom: 8px solid currentColor;
}

.heroArrow.next span {
    border-top: 8px solid currentColor;
}

.heroSideNav .dots {
    position: static;
    transform: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 9px 0;
    width: 42px;
    border-top: 1px solid rgba(255,255,255,.24);
    border-bottom: 1px solid rgba(255,255,255,.24);
}

.heroSideNav .dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255,255,255,.42);
    transition: .25s;
}

.heroSideNav .dot.active {
    width: 5px;
    height: 18px;
    border-radius: 6px;
    background: linear-gradient(180deg,#ffad6d,#f45b91);
}

.scrollMouse {
    position: absolute;
    z-index: 9;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.62);
    font-size: 8px;
    letter-spacing: .18em;
}

.scrollMouse::before {
    content: "";
    width: 20px;
    height: 31px;
    border: 1px solid rgba(255,255,255,.62);
    border-radius: 12px;
    display: block;
}

.mouseWheel {
    position: absolute;
    top: 7px;
    width: 2px;
    height: 6px;
    border-radius: 4px;
    background: #fff;
    animation: mouseScroll 1.7s ease-in-out infinite;
}

@keyframes mouseScroll {
    0% {
        transform: translateY(0);
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    70% {
        transform: translateY(10px);
        opacity: .9;
    }
    100% {
        transform: translateY(13px);
        opacity: 0;
    }
}

@media (prefers-reduced-motion:reduce) {
    .mouseWheel {
        animation: none;
    }
}

@media(max-width:800px) {
    .hero {
        height: 620px;
    }
    .heroCopy {
        width: 78vw;
        top: 24%;
    }
    .heroCopy h1 {
        font-size: 42px;
    }
    .heroSideNav {
        right: 12px;
    }
    .scrollMouse {
        bottom: 16px;
    }
}

/* V15 — cinematic bottom fade, liquid hero buttons, nav hover, search focus halo */
.hero::after {
    content: "";
    position: absolute;
    z-index: 6;
    left: 0;
    right: 0;
    bottom: 0;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(to bottom,rgba(3,6,9,0),rgba(3,6,9,.30) 45%,rgba(3,6,9,.72) 100%);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    -webkit-mask-image: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 18%,#000 100%);
    mask-image: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 18%,#000 100%);
}

.scrollMouse {
    z-index: 9!important;
    color: rgba(255,255,255,.88)!important;
    text-shadow: 0 1px 10px #000;
}

.scrollMouse::before {
    border-color: rgba(255,255,255,.82)!important;
    box-shadow: 0 0 18px rgba(0,0,0,.5);
}

/* Liquid sweep shared by both hero CTAs */
.heroCopy .btn {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: color .32s ease,border-color .32s ease,transform .22s ease,box-shadow .32s ease;
}

.heroCopy .btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -2px;
    background: linear-gradient(100deg,#ffad6d 0%,#ff7b7f 48%,#f45b91 100%);
    transform: translateX(-108%) skewX(-10deg);
    transform-origin: left center;
    transition: transform .48s cubic-bezier(.22,.8,.2,1);
    border-radius: inherit;
}

.heroCopy .btn:hover::before {
    transform: translateX(0) skewX(0);
}

.heroCopy .btn:hover {
    color: #fff;
    border-color: rgba(255,160,130,.9);
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(244,91,145,.16);
}

.heroCopy .btn.light {
    z-index: 0;
}

.heroCopy .btn.light:hover {
    color: #fff;
}

/* Header links: thin orange-pink liquid underline grows left -> right */
header nav a {
    position: relative;
    padding: 8px 0;
    transition: color .2s ease;
}

header nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg,#ffad6d,#ff7b7f 48%,#f45b91);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .38s cubic-bezier(.22,.8,.2,1);
}

header nav a:hover {
    color: #fff;
}

header nav a:hover::after {
    transform: scaleX(1);
}

/* Quiet black blurred pocket behind search / future sign-in area */
header::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 1.5%;
    top: -24px;
    width: 410px;
    height: 112px;
    pointer-events: none;
    background: radial-gradient(ellipse at center,rgba(0,0,0,.82) 0%,rgba(0,0,0,.58) 38%,rgba(0,0,0,0) 74%);
    filter: blur(14px);
}

.search {
    position: relative;
    z-index: 1;
    background: rgba(4,7,10,.68);
    box-shadow: 0 8px 30px rgba(0,0,0,.22);
}

@media(max-width:800px) {
    .hero::after {
        height: 46px;
    }
    header::after {
        right: -80px;
        width: 330px;
    }
    .heroCopy .btn {
        margin-bottom: 8px;
    }
}

/* V16 — vector identity, category icon system, directional liquid controls */
.brandLogo {
    display: block;
    width: 150px;
    height: 34px;
    object-fit: contain;
    object-position: left center;
}

.footerLogo {
    width: 165px;
}

.chip {
    position: relative;
    overflow: hidden;
}

.chipIcon {
    position: absolute;
    left: 16px;
    top: 15px;
    width: 25px;
    height: 25px;
    object-fit: contain;
    opacity: .92;
    filter: brightness(0) invert(1);
}

.chip b {
    position: relative;
    z-index: 2;
}

.adultChip {
    order: 99;
}

.adultChip::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,rgba(255,173,109,.13),rgba(244,91,145,.15));
    filter: blur(13px);
    z-index: 1;
}

.adultChip>* {
    position: relative;
    z-index: 2;
}

.adultChipVeil {
    position: absolute!important;
    inset: 0!important;
    display: grid;
    place-items: center;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    color: rgba(255,255,255,.8);
    background: rgba(17,17,20,.28);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    opacity: 0;
    transition: opacity .22s;
}

.adultChip:hover .adultChipVeil {
    opacity: 1;
}

.topicTitleWrap {
    position: relative;
    min-width: 260px;
    isolation: isolate;
}

.topicTitleWrap h3,.topicTitleWrap p {
    position: relative;
    z-index: 2;
}
.topicWatermark {
    z-index: 0!important;
    opacity: .20!important;
    transform: translate(-20px,-50%) scale(1.4)!important;
}


.topicWatermark {
    position: absolute;
    z-index: 1;
    left: 120px;
    top: 50%;
    transform: translateY(-50%);
    width: 76px;
    height: 76px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: .10;
    pointer-events: none;
}

.categoryNav button,.segArrow {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.categoryNav button::after,.segArrow::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(100deg,#ffad6d 0%,#ff7b7f 48%,#f45b91 100%);
    transition: transform .42s cubic-bezier(.22,.8,.2,1);
}

.categoryNav button[data-dir="-1"]::after,.prevSeg::after {
    transform: translateX(105%);
}

.categoryNav button[data-dir="1"]::after,.nextSeg::after {
    transform: translateX(-105%);
}

.categoryNav button:hover::after,.segArrow:hover::after {
    transform: translateX(0);
}

.categoryNav button:hover,.segArrow:hover {
    color: #fff!important;
    background: transparent!important;
}

.categoryNav button::before,.segArrow span {
    position: relative;
    z-index: 2;
}

@media(max-width:800px) {
    .brandLogo {
        width: 120px;
    }
    .topicWatermark {
        left: 100px;
        width: 62px;
        height: 62px;
    }
}

\n\n
/* V17 — safe search, genre grid, final category watermarks */
\n.topicTitleWrap {
    isolation: isolate;
    padding-left: 18px;
}

.topicTitleWrap h3,.topicTitleWrap p {
    z-index: 2;
}




.topicWatermark {
    z-index: 0!important;
    opacity: .20!important;
    transform: translate(-20px,-50%) scale(1.4)!important;
}

.topicWatermark {
    z-index: 0!important;
    left: -10px!important;
    top: 5%!important;
    width: 92px!important;
    height: 92px!important;
    opacity: .30!important;
}




.topicWatermark {
    z-index: 0!important;
    left: -20px!important;
    top: 48%!important;
    width: 92px!important;
    height: 92px!important;
    opacity: .10!important;
}

\n.safeSearchToggle {
    margin-left: auto;
    height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 20px;
    background: rgba(5,9,12,.62);
    color: rgba(255,255,255,.82);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    cursor: pointer;
    backdrop-filter: blur(8px);
    transition: .2s;
}

.safeSearchToggle:hover {
    border-color: rgba(255,255,255,.42);
    color: #fff;
}

.safeDot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: linear-gradient(135deg,#ffad6d,#f45b91);
    box-shadow: 0 0 10px rgba(244,91,145,.35);
}

.safeSearchToggle.isOff .safeDot {
    background: #68737a;
    box-shadow: none;
}

.search {
    margin-left: 0!important;
}

\n.adultCard .adultContentVeil {
    position: absolute;
    z-index: 8;
    inset: 0;
    display: none;
    place-items: center;
    align-content: center;
    gap: 6px;
    text-align: center;
    background: rgba(8,10,13,.18);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    transition: .25s;
}

.safe-search-on .adultCard .adultContentVeil {
    display: grid;
}

.adultContentVeil strong {
    font-size: 12px;
    letter-spacing: .12em;
}

.adultContentVeil span {
    font-size: 10px;
    color: rgba(255,255,255,.7);
}

.adultContentVeil .revealAdult {
    margin-top: 5px;
    padding: 7px 12px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.35);
    background: rgba(5,8,10,.72);
    color: #fff;
    font-size: 10px;
    cursor: pointer;
}

.adultContentVeil .revealAdult:hover {
    border-color: #ff8b80;
}

.safe-search-on .adultCard .cardActions,.safe-search-on .adultCard .meta {
    opacity: .16;
    pointer-events: none;
}

\n.genreBrowse {
    padding-top: 30px!important;
    padding-bottom: 34px!important;
    border-top: 1px solid rgba(255,255,255,.035);
    background: linear-gradient(180deg,rgba(10,15,19,.12),rgba(12,19,24,.3));
}

.genreGrid {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 12px;
}

.genreTile {
    position: relative;
    min-height: 118px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    background: linear-gradient(135deg,#10191f,#090e11);
    color: #fff;
    text-align: left;
    padding: 18px;
    display: flex;
    align-items: flex-end;
    gap: 14px;
    cursor: pointer;
    transition: .22s;
}

.genreTile:hover {
    transform: translateY(-3px);
    border-color: rgba(255,145,120,.55);
    box-shadow: 0 14px 35px rgba(0,0,0,.28);
}

.genreTile img {
    position: absolute;
    width: 62px;
    height: 62px;
    right: 14px;
    top: 10px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: .18;
    transition: .22s;
}

.genreTile:hover img {
    opacity: .32;
    transform: scale(1.06);
}

.genreTile span {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.genreTile b {
    font-size: 15px;
}

.genreTile small {
    font-size: 9px;
    color: #89949b;
}

.genreAdultVeil {
    display: none;
    position: absolute;
    z-index: 5;
    inset: 0;
    place-items: center;
    background: rgba(12,12,15,.22);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    font-style: normal;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
}

.safe-search-on .adultGenreTile .genreAdultVeil {
    display: grid;
}

.safe-search-on .adultGenreTile>img,.safe-search-on .adultGenreTile>span {
    filter: blur(5px);
    opacity: .35;
}

\n@media(max-width:1100px) {
    .genreGrid {
        grid-template-columns: repeat(4,1fr);
    }
}

@media(max-width:800px) {
    .safeSearchToggle {
        display: none;
    }
    .genreGrid {
        grid-template-columns: repeat(2,1fr);
    }
    .topicWatermark {
        left: -12px!important;
        width: 74px!important;
        height: 74px!important;
    }
}

\n
/* V18 — real standalone SVG asset integration */
.versionBadge {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 9999;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(4,8,11,.72);
    backdrop-filter: blur(14px);
    font-size: 11px;
    letter-spacing: .16em;
    color: rgba(255,255,255,.62);
    pointer-events: none;
}

.topicTitleWrap {
    position: relative;
    isolation: isolate;
}

.topicTitleWrap h3,.topicTitleWrap p {
    position: relative;
    z-index: 2;
}

.topicWatermark {
    z-index: 0!important;
    opacity: .10!important;
    transform: translate(-20px,-50%) scale(1.14)!important;
}

/* V19 — restored header, fixed All category, infinite category rail, adult Safe Search */
.versionBadge {
    display: none!important;
}

header .search {
    margin-left: auto!important;
}

.categoryCarousel {
    display: grid;
    grid-template-columns: 220px minmax(0,1fr);
    gap: 14px;
    overflow: hidden;
    align-items: stretch;
}

#fixedAllChip {
    min-width: 0;
    position: relative;
    z-index: 3;
    background: #070b0d;
}

#fixedAllChip .chip {
    width: 100%;
    height: 100%;
    margin: 0;
}

.categoryViewport {
    overflow: hidden;
    min-width: 0;
    mask-image: linear-gradient(90deg,#000 0%,#000 94%,transparent 100%);
    -webkit-mask-image: linear-gradient(90deg,#000 0%,#000 94%,transparent 100%);
}

.categoryViewport .chips {
    overflow-x: auto;
    scrollbar-width: none;
    gap: 14px;
    padding: 0;
    will-change: scroll-position;
}

.categoryViewport .chips::-webkit-scrollbar {
    display: none;
}

.categoryViewport .chip {
    flex: 0 0 220px;
}

.topicTitleLine {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 40px;
}

.topicTitleLine h3 {
    margin: 0!important;
}

.safeDivider {
    display: block;
    width: 1px;
    height: 20px;
    background: rgba(255,255,255,.28);
    flex: 0 0 1px;
}

.sectionSafeToggle {
    height: 36px;
    padding: 0 15px;
    border: 1px solid rgba(255,255,255,.62);
    border-radius: 9px;
    background: rgba(7,11,13,.35);
    color: rgba(255,255,255,.9);
    font-size: 11px;
    cursor: pointer;
    backdrop-filter: blur(7px);
    transition: .2s;
}

.sectionSafeToggle:hover {
    background: rgba(255,255,255,.08);
    color: #fff;
    border-color: #fff;
}

.sectionSafeToggle.isOff {
    color: rgba(255,255,255,.65);
    border-color: rgba(255,255,255,.3);
}

.adultCard .adultContentVeil {
    display: none;
    position: absolute;
    z-index: 8;
    inset: 0;
    place-items: center;
    align-content: center;
    gap: 8px;
    text-align: center;
    background: rgba(5,8,11,.28);
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
    pointer-events: none;
}

.safe-search-on .adultCard .adultContentVeil {
    display: grid;
}

.safe-search-on .adultCard>img {
    filter: blur(13px) scale(1.08);
    transform: scale(1.08);
}

.safe-search-on .adultCard:hover>img {
    transform: scale(1.08);
}

.safeEye {
    width: 35px;
    height: 35px;
    color: #fff;
    opacity: .92;
}

.safeEye svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.adultContentVeil strong {
    font-size: 12px;
    letter-spacing: .06em;
    color: #fff;
    text-shadow: 0 2px 8px #000;
}

.safe-search-on .adultCard .cardActions,.safe-search-on .adultCard .meta {
    opacity: .08!important;
    pointer-events: none;
}

.safe-search-on .adultGenreTile {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.safe-search-on .adultGenreTile>img,.safe-search-on .adultGenreTile>span {
    filter: blur(8px)!important;
    opacity: .22!important;
}

.safe-search-on .adultGenreTile .genreAdultVeil {
    display: grid!important;
    background: rgba(5,8,11,.38);
}

@media(max-width:800px) {
    .categoryCarousel {
        grid-template-columns: 150px minmax(0,1fr);
        gap: 10px;
    }
    .categoryViewport .chip {
        flex-basis: 170px;
    }
    .topicTitleLine {
        gap: 10px;
    }
    .sectionSafeToggle {
        height: 32px;
        padding: 0 10px;
        font-size: 10px;
    }
}

/* V20 — category carousel alignment + gentler Safe Search */
#fixedAllChip .chip.active {
    transform: none!important;
}

.categoryCarousel {
    align-items: start;
}

#fixedAllChip,#fixedAllChip .chip,.categoryViewport,.categoryViewport .chips {
    height: 100px;
}

.categoryViewport .chips {
    scroll-behavior: auto!important;
    scroll-snap-type: none!important;
    align-items: stretch;
}

.categoryViewport .chip {
    height: 100px;
    scroll-snap-align: none!important;
}

.adultCard .adultContentVeil {
    background: rgba(5,8,11,.16)!important;
    backdrop-filter: blur(7px)!important;
    -webkit-backdrop-filter: blur(7px)!important;
}

.safe-search-on .adultCard>img {
    filter: blur(7px) brightness(.82)!important;
    transform: scale(1.045)!important;
}

.safe-search-on .adultCard:hover>img {
    transform: scale(1.045)!important;
}

\n\n
/* V21 — rebuilt category marquee: fixed All + true seamless CSS carousel */
\n.categoryCarousel {
    align-items: stretch!important;
}

\n#fixedAllChip,#fixedAllChip .chip,.categoryViewport,.categoryViewport .chips {
    height: 100px!important;
}

\n#fixedAllChip {
    align-self: stretch;
    transform: none!important;
    margin: 0!important;
}

\n#fixedAllChip .chip {
    margin: 0!important;
    transform: none!important;
    top: auto!important;
}

\n.categoryViewport {
    position: relative;
    overflow: hidden!important;
}

\n.categoryViewport .chips {
    display: flex!important;
    width: max-content!important;
    overflow: visible!important;
    gap: 14px!important;
    animation: wallnuviaCategoryMarquee 42s linear infinite;
    animation-direction: var(--cat-direction,normal);
    will-change: transform;
}

\n.categoryViewport .chips.isPaused {
    animation-play-state: paused;
}

\n.categoryViewport .chip {
    flex: 0 0 220px!important;
    height: 100px!important;
}

\n@keyframes wallnuviaCategoryMarquee {
    from {
        transform: translate3d(0,0,0);
    }
    to {
        transform: translate3d(calc(-50% - 7px),0,0);
    }
}

\n@media(prefers-reduced-motion:reduce) {
    .categoryViewport .chips {
        animation-play-state: paused;
    }
}

\n@media(max-width:800px) {
    .categoryViewport .chip {
        flex-basis: 170px!important;
    }
    .categoryViewport .chips {
        animation-duration: 34s;
    }
}

\n
/* V21.1 — reliable JS category marquee + age verification */
.categoryViewport .chips {
    animation: none!important;
    transform: translate3d(0,0,0);
}

.ageGate {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    place-items: center;
    padding: 24px;
    background: rgba(2,5,7,.72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.ageGate.open {
    display: grid;
}

.ageGateCard {
    width: min(520px,94vw);
    padding: 34px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 22px;
    background: linear-gradient(145deg,rgba(13,19,23,.98),rgba(6,9,12,.98));
    box-shadow: 0 30px 100px rgba(0,0,0,.55);
    text-align: center;
}

.ageEyebrow {
    font-size: 10px;
    letter-spacing: .22em;
    color: #ff8b80;
    font-weight: 800;
}

.ageGate h2 {
    font-size: 30px;
    margin: 10px 0;
}

.ageGate p {
    margin: 0 auto 26px;
    max-width: 410px;
    color: #aeb8be;
    line-height: 1.6;
    font-size: 14px;
}

.ageActions {
    display: grid;
    gap: 10px;
}

.ageActions button {
    min-height: 50px;
    border-radius: 13px;
    cursor: pointer;
    font-weight: 750;
    transition: .25s;
}

.ageConfirm {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.35);
    background: #0b1115;
    color: #fff;
    isolation: isolate;
}

.ageConfirm:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(100deg,#ffad6d,#ff7b7f 48%,#f45b91);
    transform: translateX(-102%);
    transition: transform .42s cubic-bezier(.22,.8,.2,1);
}

.ageConfirm:hover:before {
    transform: translateX(0);
}

.ageCancel {
    border: 1px solid rgba(255,255,255,.14);
    background: transparent;
    color: #9da7ad;
}

.ageCancel:hover {
    border-color: rgba(255,255,255,.32);
    color: #fff;
}

/* V22 — seamless category loop: no right-edge fade/cut */
.categoryViewport {
    width: 100%!important;
    max-width: none!important;
    overflow: hidden!important;
    mask-image: none!important;
    -webkit-mask-image: none!important;
}

.categoryViewport .chips {
    min-width: max-content!important;
    width: max-content!important;
    overflow: visible!important;
    padding: 0!important;
}

.categoryCarousel {
    width: 100%!important;
    max-width: none!important;
    overflow: hidden!important;
}

/* V23 — Phase 1 final polish */
.versionBadge {
    display: none!important;
}

/* Give category cards vertical breathing room so hover lift never clips against the viewport ceiling. */
.categoryCarousel {
    overflow: visible!important;
    padding-top: 5px;
    padding-bottom: 10px;
}

.categoryViewport {
    overflow-x: hidden!important;
    overflow-y: visible!important;
    padding-top: 5px;
    margin-top: -5px;
}

#fixedAllChip {
    padding-top: 5px;
    margin-top: -5px!important;
    background: transparent!important;
}

#fixedAllChip .chip {
    height: 100px!important;
}

.categoryViewport .chips {
    height: 110px!important;
    align-items: flex-start!important;
}

.categoryViewport .chip {
    margin-top: 5px!important;
}

/* Subtle photographic category art */
.chip {
    isolation: isolate;
    background: #0b1216!important;
}

.chipPhoto {
    position: absolute!important;
    z-index: 0!important;
    inset: 0!important;
    background-image: linear-gradient(90deg,rgba(7,11,13,.88),rgba(7,11,13,.56)),var(--chip-bg);
    background-size: cover;
    background-position: center;
    opacity: .34;
    transition: opacity .3s ease,transform .45s ease;
}

.chip:hover .chipPhoto {
    opacity: .52;
    transform: scale(1.035);
}

.chipIcon,.chip b {
    z-index: 3!important;
}

.adultChip .chipPhoto {
    filter: blur(7px) brightness(.72);
    transform: scale(1.08);
    opacity: .4;
}

.adultChip:hover .chipPhoto {
    transform: scale(1.1);
}

.adultChipVeil {
    z-index: 5!important;
    opacity: 1!important;
    background: rgba(8,10,12,.24)!important;
    backdrop-filter: blur(3px)!important;
    -webkit-backdrop-filter: blur(3px)!important;
}

/* Browse by Genre gets the same artwork, but remains quieter than the category rail. */
.genreTile {
    isolation: isolate;
    background: #0b1216!important;
}

.genrePhoto {
    position: absolute;
    z-index: 0;
    inset: 0;
    background-image: linear-gradient(90deg,rgba(8,13,16,.88),rgba(8,13,16,.52)),var(--genre-bg);
    background-size: cover;
    background-position: center;
    opacity: .32;
    transition: .35s;
}

.genreTile:hover .genrePhoto {
    opacity: .48;
    transform: scale(1.025);
}

.genreTile>img,.genreTile>span:not(.genrePhoto) {
    z-index: 2;
}

.safe-search-on .adultGenreTile .genrePhoto {
    filter: blur(7px) brightness(.72);
    transform: scale(1.06);
    opacity: .32!important;
}

/* Desktop rails intentionally reveal exactly half of the fifth card as a visual scroll cue. */
@media(min-width:1200px) {
    .topicRail {
        width: min(100%,calc(4.5 * 310px + 4 * 14px))!important;
        max-width: 100%!important;
        overflow-x: auto!important;
    }
}

/* Professional footer */
.siteFooter {
    display: block!important;
    margin-top: 58px!important;
    padding: 0!important;
    border-top: 1px solid rgba(255,255,255,.10)!important;
    background: linear-gradient(180deg,#080d10,#05080a);
    color: #8f9aa0!important;
}

.footerMain {
    display: grid;
    grid-template-columns: minmax(280px,1.8fr) 1fr 1fr 1fr;
    gap: 48px;
    padding: 48px 4% 38px;
}

.footerBrand p {
    max-width: 360px;
    margin: 15px 0 0;
    line-height: 1.65;
    color: #7f8a90;
    font-size: 12px;
}

.footerColumn,.footerSocial {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footerColumn strong,.footerSocial strong {
    color: #f2f4f5;
    font-size: 12px;
    margin-bottom: 4px;
    letter-spacing: .04em;
}

.footerColumn a {
    color: #7f8a90;
    text-decoration: none;
    font-size: 12px;
    transition: .2s;
}

.footerColumn a:hover {
    color: #fff;
}

.socialLinks {
    display: flex;
    gap: 9px;
}

.socialLinks a {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.17);
    display: grid;
    place-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.socialLinks a:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(110deg,#ffad6d,#f45b91);
    transform: translateX(-105%);
    transition: .32s;
}

.socialLinks a:hover:before {
    transform: translateX(0);
}

.footerBottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 4%;
    border-top: 1px solid rgba(255,255,255,.07);
    font-size: 10px;
    letter-spacing: .04em;
    color: #647077;
}

@media(max-width:800px) {
    .footerMain {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .footerBrand {
        grid-column: 1/-1;
    }
    .footerBottom {
        flex-direction: column;
        gap: 5px;
    }
    .categoryCarousel {
        padding-top: 4px;
    }
    .categoryViewport .chips {
        height: 110px!important;
    }
}

/* V23.1 HOTFIX — category imagery + hover breathing room */
.categoryCarousel {
    padding-top: 8px!important;
    padding-bottom: 14px!important;
    margin-top: -8px!important;
    margin-bottom: -14px!important;
    overflow: visible!important;
}

.categoryViewport {
    height: 122px!important;
    padding-top: 8px!important;
    padding-bottom: 14px!important;
    margin-top: -8px!important;
    margin-bottom: -14px!important;
    overflow-x: hidden!important;
    overflow-y: visible!important;
}

.categoryViewport .chips {
    height: 122px!important;
    padding-top: 8px!important;
    padding-bottom: 14px!important;
    align-items: flex-start!important;
}

.categoryViewport .chip {
    margin-top: 0!important;
}

/* Make Browse Categories artwork readable at rest, then nearly fully reveal on hover. */
.chipPhoto {
    background-image: linear-gradient(90deg,rgba(7,11,13,.48),rgba(7,11,13,.20)),var(--chip-bg)!important;
    opacity: .78!important;
}

.chip:hover .chipPhoto {
    opacity: .98!important;
    transform: scale(1.035);
}

/* Browse by Genre: ensure all 12 supplied images actually sit behind the tile content. */
.genreTile > .genrePhoto {
    position: absolute!important;
    z-index: 0!important;
    inset: 0!important;
    display: block!important;
    flex: none!important;
    gap: 0!important;
    background-image: linear-gradient(90deg,rgba(8,13,16,.50),rgba(8,13,16,.22)),var(--genre-bg)!important;
    background-size: cover!important;
    background-position: center!important;
    opacity: .72!important;
    transition: opacity .35s ease,transform .45s ease!important;
    pointer-events: none;
}

.genreTile:hover > .genrePhoto {
    opacity: .96!important;
    transform: scale(1.035)!important;
}

.genreTile > img,.genreTile > span:not(.genrePhoto),.genreTile > i {
    position: relative;
    z-index: 2;
}

.safe-search-on .adultGenreTile > .genrePhoto {
    filter: blur(7px) brightness(.72)!important;
    transform: scale(1.06)!important;
    opacity: .55!important;
}

/* V23.2 HOTFIX — category rail alignment, no vertical scrollbar, brighter directional art */
.categoryCarousel {
    align-items: stretch!important;
    padding-top: 8px!important;
    padding-bottom: 14px!important;
    margin-top: -8px!important;
    margin-bottom: -14px!important;
    overflow: visible!important;
}

#fixedAllChip {
    height: 100px!important;
    padding-top: 8px!important;
    padding-bottom: 14px!important;
    margin-top: -8px!important;
    margin-bottom: -14px!important;
    box-sizing: content-box!important;
    overflow: visible!important;
}

#fixedAllChip .chip {
    height: 100px!important;
    margin-top: 8px!important;
}

.categoryViewport {
    height: 122px!important;
    box-sizing: border-box!important;
    overflow: hidden!important;
    padding: 8px 0 14px!important;
    margin: -8px 0 -14px!important;
    scrollbar-width: none!important;
}

.categoryViewport::-webkit-scrollbar,.categoryViewport .chips::-webkit-scrollbar {
    display: none!important;
    width: 0!important;
    height: 0!important;
}

.categoryViewport .chips {
    height: 100px!important;
    padding: 0!important;
    align-items: stretch!important;
    overflow: visible!important;
}

.categoryViewport .chip {
    height: 100px!important;
    margin: 0!important;
}

/* Keep the image readable: dark-blue support only beneath the left-side label. */
.chipPhoto {
    opacity: .92!important;
    filter: saturate(.94) brightness(.92)!important;
    background-image: linear-gradient(90deg,rgba(3,12,21,.74) 0%,rgba(4,13,22,.42) 30%,rgba(4,13,22,.14) 58%,rgba(4,13,22,.06) 100%),var(--chip-bg)!important;
}

.chip:hover .chipPhoto {
    opacity: 1!important;
    filter: saturate(1.04) brightness(1.04)!important;
    transform: scale(1.035)!important;
}

/* Adult card remains present in the moving rail; keep it tasteful while Safe Search is on. */
.adultChip .chipPhoto {
    opacity: .72!important;
    filter: blur(5px) brightness(.78)!important;
    transform: scale(1.06)!important;
}

.adultChip:hover .chipPhoto {
    opacity: .82!important;
    filter: blur(4px) brightness(.84)!important;
    transform: scale(1.075)!important;
}

.adultChipVeil {
    background: linear-gradient(90deg,rgba(3,12,21,.66),rgba(3,12,21,.18))!important;
    backdrop-filter: none!important;
    -webkit-backdrop-filter: none!important;
}

/* Browse by Genre: same brighter left-to-right treatment. */
.genreTile > .genrePhoto {
    opacity: .92!important;
    background-image: linear-gradient(90deg,rgba(3,12,21,.76) 0%,rgba(3,12,21,.44) 34%,rgba(3,12,21,.14) 62%,rgba(3,12,21,.06) 100%),var(--genre-bg)!important;
    filter: saturate(.94) brightness(.94)!important;
}

.genreTile:hover > .genrePhoto {
    opacity: 1!important;
    filter: saturate(1.05) brightness(1.04)!important;
    transform: scale(1.035)!important;
}

/* Rebuild the 18+ genre tile so the Safe Search treatment looks intentional. */
.adultGenreTile {
    border-color: rgba(255,255,255,.14)!important;
}

.safe-search-on .adultGenreTile > .genrePhoto {
    opacity: .76!important;
    filter: blur(5px) brightness(.78)!important;
    transform: scale(1.055)!important;
}

.safe-search-on .adultGenreTile > img,.safe-search-on .adultGenreTile > span:not(.genrePhoto) {
    filter: none!important;
    opacity: 0!important;
}

.safe-search-on .adultGenreTile .genreAdultVeil {
    display: grid!important;
    place-items: center!important;
    inset: 0!important;
    background: linear-gradient(90deg,rgba(3,12,21,.62),rgba(3,12,21,.16))!important;
    backdrop-filter: none!important;
    -webkit-backdrop-filter: none!important;
    color: #fff!important;
    text-shadow: 0 2px 10px rgba(0,0,0,.9)!important;
}

.safe-search-on .adultGenreTile:hover > .genrePhoto {
    opacity: .86!important;
    filter: blur(4px) brightness(.86)!important;
    transform: scale(1.07)!important;
}

@media(max-width:800px) {
    #fixedAllChip {
        padding-top: 6px!important;
        padding-bottom: 12px!important;
        margin-top: -6px!important;
        margin-bottom: -12px!important;
    }
    #fixedAllChip .chip {
        margin-top: 6px!important;
    }
    .categoryViewport {
        height: 118px!important;
        padding: 6px 0 12px!important;
        margin: -6px 0 -12px!important;
    }
}

/* V23.3 FINAL HOTFIX — consolidated category/adult fixes */
/* Adult participates in the normal marquee order instead of being forced to the end. */
.adultChip {
    order: initial!important;
}

/* Keep fixed All and moving cards on exactly the same visual baseline. */
.categoryCarousel {
    align-items: start!important;
}

#fixedAllChip {
    height: 122px!important;
    padding: 8px 0 14px!important;
    margin: -8px 0 -14px!important;
    box-sizing: border-box!important;
}

#fixedAllChip .chip {
    height: 100px!important;
    margin: 0!important;
}

.categoryViewport {
    height: 122px!important;
    padding: 8px 0 14px!important;
    margin: -8px 0 -14px!important;
    box-sizing: border-box!important;
    overflow: hidden!important;
}

.categoryViewport .chips {
    height: 100px!important;
    padding: 0!important;
    margin: 0!important;
    align-items: stretch!important;
}

.categoryViewport .chip {
    height: 100px!important;
    margin: 0!important;
}

/* Brighter category artwork with a focused dark-blue text support gradient. */
.chipPhoto {
    opacity: 1!important;
    filter: saturate(.98) brightness(.98)!important;
    background-image: linear-gradient(90deg,rgba(3,12,21,.68) 0%,rgba(3,12,21,.38) 25%,rgba(3,12,21,.12) 52%,rgba(3,12,21,.025) 78%,rgba(3,12,21,0) 100%),var(--chip-bg)!important;
}

.chip:hover .chipPhoto {
    opacity: 1!important;
    filter: saturate(1.06) brightness(1.06)!important;
    transform: scale(1.035)!important;
}

/* Adult category card: same geometry as every other card, only the artwork is protected. */
.adultChip::before {
    display: none!important;
}

.adultChip .chipPhoto {
    opacity: .86!important;
    filter: blur(4px) brightness(.82) saturate(.9)!important;
    transform: scale(1.055)!important;
}

.adultChip:hover .chipPhoto {
    opacity: .94!important;
    filter: blur(3px) brightness(.9) saturate(.96)!important;
    transform: scale(1.07)!important;
}

.adultChipVeil {
    inset: 0!important;
    display: flex!important;
    align-items: center!important;
    justify-content: flex-start!important;
    padding: 0 16px!important;
    background: linear-gradient(90deg,rgba(3,12,21,.54),rgba(3,12,21,.08) 60%,transparent)!important;
    color: #fff!important;
    font-size: 10px!important;
    letter-spacing: .12em!important;
    backdrop-filter: none!important;
    -webkit-backdrop-filter: none!important;
}

/* Browse by Genre: readable artwork and clean adult treatment without the floating label box. */
.genreTile > .genrePhoto {
    opacity: 1!important;
    filter: saturate(.98) brightness(.98)!important;
    background-image: linear-gradient(90deg,rgba(3,12,21,.68) 0%,rgba(3,12,21,.38) 28%,rgba(3,12,21,.11) 56%,rgba(3,12,21,.02) 82%,transparent 100%),var(--genre-bg)!important;
}

.genreTile:hover > .genrePhoto {
    opacity: 1!important;
    filter: saturate(1.06) brightness(1.06)!important;
    transform: scale(1.035)!important;
}

.safe-search-on .adultGenreTile > .genrePhoto {
    opacity: .86!important;
    filter: blur(4px) brightness(.82) saturate(.9)!important;
    transform: scale(1.055)!important;
}

.safe-search-on .adultGenreTile:hover > .genrePhoto {
    opacity: .94!important;
    filter: blur(3px) brightness(.9) saturate(.96)!important;
    transform: scale(1.07)!important;
}

.safe-search-on .adultGenreTile > img,.safe-search-on .adultGenreTile > span:not(.genrePhoto) {
    filter: none!important;
    opacity: 0!important;
}

.safe-search-on .adultGenreTile .genreAdultVeil {
    display: flex!important;
    align-items: flex-end!important;
    justify-content: flex-start!important;
    inset: 0!important;
    padding: 18px!important;
    background: linear-gradient(90deg,rgba(3,12,21,.58),rgba(3,12,21,.10) 62%,transparent)!important;
    color: #fff!important;
    font-size: 11px!important;
    letter-spacing: .12em!important;
    text-shadow: 0 2px 10px rgba(0,0,0,.9)!important;
    backdrop-filter: none!important;
    -webkit-backdrop-filter: none!important;
}

@media(max-width:800px) {
    #fixedAllChip,.categoryViewport {
        height: 118px!important;
        padding: 6px 0 12px!important;
        margin: -6px 0 -12px!important;
    }
}

/* V23.3 COMPLETE — adult Browse by Genre card cleanup */
.safe-search-on .adultGenreTile > img {
    opacity: .18!important;
    filter: brightness(0) invert(1)!important;
}

.safe-search-on .adultGenreTile > span:not(.genrePhoto) {
    opacity: 1!important;
    filter: none!important;
}

.safe-search-on .adultGenreTile .genreAdultVeil {
    display: flex!important;
    inset: auto 14px auto auto!important;
    top: 12px!important;
    width: auto!important;
    height: auto!important;
    padding: 5px 8px!important;
    align-items: center!important;
    justify-content: center!important;
    border: 1px solid rgba(255,255,255,.14)!important;
    border-radius: 999px!important;
    background: rgba(4,10,16,.52)!important;
    color: rgba(255,255,255,.82)!important;
    font-size: 9px!important;
    line-height: 1!important;
    letter-spacing: .10em!important;
    backdrop-filter: blur(6px)!important;
    -webkit-backdrop-filter: blur(6px)!important;
}

/* V23.4 FINAL POLISH — category order + consistent Adult cards */
.chip.adultChip .chipIcon {
    display: block !important;
}

.adultChip > b {
    display: none!important;
}

.adultChipVeil {
    inset: 0!important;
    padding: 0 20px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: flex-start!important;
    font-size: 15px!important;
    font-weight: 700!important;
    letter-spacing: 0!important;
    text-transform: none!important;
    color: #fff!important;
    background: linear-gradient(90deg,rgba(3,12,21,.66) 0%,rgba(3,12,21,.30) 48%,rgba(3,12,21,.06) 100%)!important;
}

.adultGenreTile > img {
    display: none!important;
}

.safe-search-on .adultGenreTile > span:not(.genrePhoto) {
    display: none!important;
}

.safe-search-on .adultGenreTile .genreAdultVeil {
    display: flex!important;
    inset: 0!important;
    width: auto!important;
    height: auto!important;
    padding: 18px!important;
    align-items: flex-end!important;
    justify-content: flex-start!important;
    border: 0!important;
    border-radius: 0!important;
    background: linear-gradient(90deg,rgba(3,12,21,.66) 0%,rgba(3,12,21,.28) 50%,rgba(3,12,21,.05) 100%)!important;
    color: #fff!important;
    font-size: 15px!important;
    font-weight: 700!important;
    line-height: 1.1!important;
    letter-spacing: 0!important;
    text-transform: none!important;
    backdrop-filter: none!important;
    -webkit-backdrop-filter: none!important;
}

/* V23.4.1 MINI HOTFIX — Adult labels match every other category card */
.adultChip > .chipIcon {
    display: none!important;
}

.adultChip > b {
    display: block!important;
    position: relative!important;
    z-index: 6!important;
    margin-top: 31px!important;
    color: #fff!important;
    opacity: 1!important;
    filter: none!important;
    font-size: 15px!important;
    font-weight: 700!important;
    line-height: normal!important;
}

.adultChipVeil {
    display: none!important;
    background: none!important;
}

.safe-search-on .adultGenreTile > span:not(.genrePhoto) {
    display: flex!important;
    opacity: 1!important;
    filter: none!important;
}

.adultGenreTile > span:not(.genrePhoto) {
    display: flex!important;
    opacity: 1!important;
    filter: none!important;
}

.adultGenreTile .genreAdultVeil {
    display: none!important;
    background: none!important;
}

.safe-search-on .adultGenreTile .genreAdultVeil {
    display: none!important;
    background: none!important;
}

/* V23.4.2 MINI HOTFIX — identical left alignment for every Browse by Genre tile */
.genreTile {
    justify-content: flex-start;
    text-align: left;
}

.genreTile > span:not(.genrePhoto) {
    width: 100%;
    align-items: flex-start;
    justify-content: flex-end;
    text-align: left;
}

.genreTile > span:not(.genrePhoto) b,
.genreTile > span:not(.genrePhoto) small {
    width: 100%;
    text-align: left;
}

.adultGenreTile > span:not(.genrePhoto) {
    display: flex!important;
    opacity: 1!important;
    filter: none!important;
    align-items: flex-start!important;
    justify-content: flex-end!important;
    text-align: left!important;
}

.adultGenreTile .genreAdultVeil,
.safe-search-on .adultGenreTile .genreAdultVeil {
    display: none!important;
}

/* V23.4.3 FINAL ALIGNMENT HOTFIX — lock every Browse by Genre label to the same position */
.genreTile > span:not(.genrePhoto),
.adultGenreTile > span:not(.genrePhoto),
.safe-search-on .adultGenreTile > span:not(.genrePhoto) {
    position: absolute!important;
    z-index: 6!important;
    left: 18px!important;
    right: 18px!important;
    bottom: 18px!important;
    width: auto!important;
    margin: 0!important;
    padding: 0!important;
    display: flex!important;
    flex-direction: column!important;
    align-items: flex-start!important;
    justify-content: flex-end!important;
    gap: 2px!important;
    opacity: 1!important;
    filter: none!important;
    text-align: left!important;
}

.genreTile > span:not(.genrePhoto) b,
.genreTile > span:not(.genrePhoto) small {
    width: auto!important;
    margin: 0!important;
    padding: 0!important;
    align-self: flex-start!important;
    text-align: left!important;
}

/* ===== Phase 2 V6 — responsive rails, detail experience & social polish ===== */
.topic{position:relative}.topic:after{content:"";position:absolute;right:0;bottom:8px;width:8%;height:190px;pointer-events:none;z-index:8;background:linear-gradient(90deg,transparent,#070b0d 92%)}
.topicRail{gap:14px!important;padding-right:0!important}.topicRail .wallCard{flex:0 0 calc((100% - 49px)/4.5)!important;min-width:235px!important}
.sectionSafeToggle{white-space:nowrap}.socialLinks a i{font-size:15px;line-height:1}.socialLinks a{font-size:0}
.wallpaperDetail{padding:3vh 3vw;background:rgba(2,4,6,.94);backdrop-filter:blur(10px)}.wallpaperDetail .close{z-index:70;right:24px;top:12px}.detailStage{width:min(1500px,94vw);height:min(850px,90vh);position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.62fr);overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:#080b0f;box-shadow:0 35px 100px #000}.wallpaperDetail .detailStage>img{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;object-fit:cover;box-shadow:none}.detailFade{position:absolute;inset:0 28% 0 0;pointer-events:none;background:linear-gradient(90deg,transparent 65%,#080b0f 100%),linear-gradient(0deg,rgba(4,7,10,.4),transparent 35%)}.wallpaperDetail .modalInfo{position:relative;inset:auto;background:rgba(8,11,15,.9);border:0;border-left:1px solid rgba(255,255,255,.07);border-radius:0;padding:34px 30px;overflow:auto;backdrop-filter:blur(24px)}.detailEyebrow{display:inline-block;color:#ff8b7c!important;font-size:10px!important;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.modalInfo h2{font-size:28px;letter-spacing:-.04em;margin:8px 0}.detailIntro{font-size:11px;line-height:1.6;color:#7f8691;margin:0 0 22px}.detailTaxonomy{display:grid;gap:13px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}.detailTaxonomy small,.resolutionTitle small{display:block;color:#626975;font-size:9px;margin-bottom:7px;text-transform:uppercase;letter-spacing:.12em}.detailChips{display:flex;flex-wrap:wrap;gap:6px}.detailChips span{font-size:9px!important;color:#c7cbd2!important;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035)}.detailChips .empty{color:#5e6570!important}.resolutionTitle{display:flex;justify-content:space-between;align-items:end;margin:20px 0 10px}.resolutionTitle strong{font-size:11px}.resolutionTitle small{margin:0;text-transform:none;letter-spacing:0}.resolutionList{display:grid;gap:7px}.resolutionOption{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.025);color:#fff;cursor:pointer;transition:.2s}.resolutionOption:hover:not(:disabled){transform:translateX(3px);border-color:rgba(255,135,125,.3);background:linear-gradient(90deg,rgba(255,154,105,.07),rgba(255,95,145,.05))}.resolutionOption span{display:grid;gap:2px}.resolutionOption b{font-size:10px}.resolutionOption small{font-size:8px;color:#666e79}.resolutionOption i{font-style:normal;font-size:9px;color:#7ddcab}.resolutionOption.premium i{color:#ffb66f}.resolutionOption:disabled{opacity:.58;cursor:not-allowed}.licenseNote{display:flex;gap:9px;margin:17px 0 12px;padding:11px;border-radius:11px;background:rgba(255,255,255,.025);color:#69717c}.licenseNote>span{color:#ff8b7c!important;font-size:8px!important;margin-top:3px}.licenseNote p{font-size:8px;line-height:1.55;margin:0}.licenseNote b{color:#aeb3bb}.detailDownload{width:100%;border:0;border-radius:12px;padding:12px 14px;background:linear-gradient(100deg,#ff9a69,#ff5f91);color:#fff;font-weight:800;font-size:10px;cursor:pointer;box-shadow:0 10px 28px rgba(255,95,145,.13)}
@media(max-width:1000px){.topicRail .wallCard{flex-basis:calc((100% - 28px)/2.55)!important}.detailStage{grid-template-columns:1fr;height:92vh;overflow:auto}.wallpaperDetail .detailStage>img{height:48vh}.detailFade{display:none}.wallpaperDetail .modalInfo{border-left:0;border-top:1px solid rgba(255,255,255,.07);overflow:visible}.topic:after{width:12%}}
@media(max-width:650px){.topicRail .wallCard{flex-basis:84%!important}.topic:after{width:16%}.wallpaperDetail{padding:12px}.detailStage{width:100%;border-radius:18px}.wallpaperDetail .detailStage>img{height:34vh}.wallpaperDetail .modalInfo{padding:24px 18px}.modalInfo h2{font-size:23px}}


/* ===== Phase 2 V7 — detail modal polish ===== */
@media (min-width:1001px){
  .wallpaperDetail{padding:2vh 2vw}
  .detailStage{width:min(1640px,96vw);height:min(900px,94vh);grid-template-columns:minmax(0,1.72fr) minmax(350px,.58fr)}
  .detailMedia{position:relative;min-width:0;height:100%;overflow:hidden;background:#080b0f}
  .detailMedia>img{width:100%;height:100%;display:block;object-fit:cover}
  .detailFade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 76%,rgba(8,11,15,.20) 86%,#080b0f 100%),linear-gradient(0deg,rgba(4,7,10,.30),transparent 34%)}
  .wallpaperDetail .modalInfo{padding:clamp(20px,2.2vh,30px) 28px;overflow:hidden;display:flex;flex-direction:column}
  .detailIntro{margin-bottom:clamp(12px,1.6vh,20px)}
  .detailTaxonomy{gap:10px;padding-bottom:clamp(12px,1.5vh,18px)}
  .resolutionTitle{margin:clamp(12px,1.6vh,18px) 0 8px}
  .resolutionList{gap:6px}
  .resolutionOption{padding:clamp(8px,1vh,10px) 12px}
  .licenseNote{margin:clamp(10px,1.3vh,15px) 0 10px;padding:9px 10px}
  .detailDownload{margin-top:auto}
}
.detailTopline{display:flex;align-items:center;justify-content:space-between;gap:14px}
.detailSocial{display:flex;gap:7px;align-items:center}
.detailIconBtn{height:34px;min-width:34px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.035);color:#d7dbe1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;cursor:pointer;font:inherit;font-size:9px;font-weight:800;transition:transform .2s,border-color .2s,box-shadow .2s,color .2s,background .2s;position:relative;overflow:hidden}
.detailIconBtn::before,.detailDownload::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#ff9a69,#ff5f91);transform:translateX(-105%);transition:transform .34s cubic-bezier(.22,.75,.2,1);z-index:0}
.detailIconBtn:hover::before,.detailDownload:hover::before{transform:translateX(0)}
.detailIconBtn>* ,.detailDownload{position:relative}
.detailIconBtn>*{z-index:1}.detailIconBtn:hover{color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 9px 24px rgba(255,95,145,.18)}
.detailIconBtn.liked{color:#fff;border-color:rgba(255,95,145,.55);background:rgba(255,95,145,.14)}
.detailHeart{font-size:17px!important;line-height:1;color:inherit!important}.detailIconBtn.liked .detailHeart{color:#ff6f95!important}
.detailIconBtn svg{position:relative;z-index:1;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.detailIconBtn.shareOnly{padding:0;width:34px}
.detailDownload{isolation:isolate;overflow:hidden;transition:transform .22s,box-shadow .22s;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025)}
.detailDownload::before{z-index:-1}
.detailDownload:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,95,145,.22);border-color:transparent}
.detailDownload:active,.detailIconBtn:active{transform:translateY(0) scale(.985)}
@media(max-width:1000px){.detailMedia{position:relative;height:48vh}.detailMedia>img{width:100%;height:100%;object-fit:cover}.detailFade{display:none}.wallpaperDetail .detailStage>img{height:auto}.detailTopline{align-items:flex-start}}
@media(max-width:650px){.detailMedia{height:34vh}.detailSocial{gap:5px}.detailIconBtn{height:32px;min-width:32px}}

/* ===== Phase 2 V8.1 HOTFIX — fluid teaser rails, integrated detail navigation & subtle hero ellipse ===== */
.hero{overflow:hidden}
.heroGrunge{position:absolute;z-index:9;left:50%;bottom:-1px;width:min(78vw,1180px);height:clamp(90px,14vw,190px);transform:translateX(-50%);background:radial-gradient(ellipse at 50% 100%,rgba(7,11,13,.70) 0%,rgba(7,11,13,.48) 32%,rgba(7,11,13,.18) 58%,rgba(7,11,13,0) 78%);pointer-events:none;opacity:1}
.scrollMouse{z-index:12!important}

/* Wallpaper rails now size themselves from the viewport. The final visible card is a natural teaser,
   while a viewport-bound fade lets cards slide underneath it instead of ending against a hard wall. */
.topic{overflow:visible}
.topic:after{display:none!important}
.topicRailViewport{position:relative;width:100%;overflow:hidden}
.topicRailViewport::after{content:"";position:absolute;z-index:12;pointer-events:none;top:0;right:-1px;bottom:0;width:clamp(72px,8vw,150px);background:linear-gradient(90deg,rgba(7,11,13,0) 0%,rgba(7,11,13,.30) 42%,#070b0d 100%)}
.topicRail{width:100%!important;max-width:none!important;display:flex!important;gap:clamp(12px,1vw,18px)!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 clamp(18px,3vw,54px) 8px 0!important;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.topicRail::-webkit-scrollbar{display:none}
.topicRail .wallCard{flex:0 0 clamp(320px,20.5vw,390px)!important;min-width:0!important;scroll-snap-align:start}
@media(max-width:1500px){.topicRail .wallCard{flex-basis:clamp(300px,25vw,350px)!important}.topicRailViewport::after{width:clamp(64px,9vw,120px)}}
@media(max-width:1000px){.topicRail .wallCard{flex-basis:clamp(270px,38vw,330px)!important}.topicRailViewport::after{width:clamp(58px,11vw,100px)}}
@media(max-width:650px){.topicRail .wallCard{flex-basis:82vw!important}.topicRailViewport::after{width:18vw}}

/* Detail view: navigation belongs inside the panel instead of floating outside the modal. */
.wallpaperDetail .detailStage{position:relative}
.detailNav{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-4px 0 clamp(12px,1.5vh,18px)}
.detailBack,.detailClose{border:0;background:transparent;color:#8b929d;font:inherit;cursor:pointer;transition:color .2s,transform .2s,background .2s,border-color .2s}
.detailBack{padding:7px 0;font-size:10px;font-weight:700;letter-spacing:.01em}
.detailBack:hover{color:#fff;transform:translateX(-2px)}
.detailClose{width:34px;height:34px;border:1px solid rgba(255,255,255,.09);border-radius:50%;display:grid;place-items:center;color:#d9dde2;font-size:23px;line-height:1;background:rgba(255,255,255,.025)}
.detailClose:hover{color:#fff;border-color:rgba(255,126,132,.38);background:rgba(255,105,137,.09);transform:rotate(4deg) scale(1.04)}
@media(max-width:650px){.detailNav{margin-top:0}.detailBack{font-size:9px}.detailClose{width:32px;height:32px}}


/* ===== Phase 2 V11 — Browse Categories edge fades ===== */
.categoryViewport{position:relative!important}
.categoryViewport:before,.categoryViewport:after{content:"";position:absolute;z-index:25;top:0;bottom:0;width:clamp(44px,5.5vw,100px);pointer-events:none}
.categoryViewport:before{left:0;background:linear-gradient(90deg,#070b0d 0%,rgba(7,11,13,.72) 24%,rgba(7,11,13,0) 100%)}
.categoryViewport:after{right:0;background:linear-gradient(270deg,#070b0d 0%,rgba(7,11,13,.78) 26%,rgba(7,11,13,0) 100%)}
#fixedAllChip{position:relative;z-index:30}
.age-modal-open{overflow:hidden}

/* ============================================================
   PHASE 3 V1 — 3.2 GALLERY VIEW + PUBLIC SEARCH
   ============================================================ */
header .search{padding:4px 5px 4px 14px;gap:8px;align-items:center;overflow:hidden}
header .search input{min-width:0}
.searchSubmit{border:0;border-radius:18px;padding:8px 15px;background:linear-gradient(110deg,#ff8b61,#f64d91);color:#fff;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 0 18px rgba(246,77,145,.13);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.searchSubmit:hover{transform:translateY(-1px);box-shadow:0 0 24px rgba(246,77,145,.25);filter:brightness(1.06)}
.galleryView{padding:2px 0 18px;min-height:420px}
.galleryHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.galleryEyebrow{display:block;color:#ff8b76;font-size:11px;font-weight:900;letter-spacing:.2em;margin-bottom:8px}
.galleryHeader h3{margin:0;color:#fff;font-size:clamp(28px,2.4vw,42px);line-height:1.05}
.galleryHeader p{margin:8px 0 0;color:#8f98a4;font-size:14px}
.galleryBack{flex:0 0 auto;border:1px solid rgba(255,255,255,.22);background:#0d1217;color:#fff;border-radius:11px;padding:11px 15px;font-weight:750;cursor:pointer;transition:border-color .18s ease,background .18s ease}
.galleryBack:hover{border-color:#ff7b76;background:#15191f}
.galleryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.35vw,24px)}
.galleryGrid .wallCard{width:100%;min-width:0;aspect-ratio:16/9;height:auto}
.galleryGrid .wallCard img{width:100%;height:100%;object-fit:cover}
.galleryPagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:34px 0 4px}
.galleryPage{min-width:40px;height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#0d1217;color:#b9c0c9;font-weight:800;cursor:pointer;transition:.18s ease}
.galleryPage:hover{color:#fff;border-color:rgba(255,123,118,.7);transform:translateY(-1px)}
.galleryPage.active{color:#fff;border-color:transparent;background:linear-gradient(115deg,#ff8b61,#f64d91);box-shadow:0 0 20px rgba(246,77,145,.16)}
.galleryArrow{font-size:16px}.galleryDots{color:#6f7782;padding:0 2px}
.galleryEmpty{min-height:300px;border:1px dashed rgba(255,255,255,.12);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.015)}
.galleryEmpty strong{font-size:24px;color:#fff}.galleryEmpty span{margin-top:8px;color:#818a96}
@media(max-width:1200px){.galleryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.galleryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.galleryHeader{align-items:flex-start;flex-direction:column}.galleryBack{align-self:flex-start}}
@media(max-width:560px){header .search{min-width:0}.searchSubmit{padding:8px 10px}.galleryGrid{grid-template-columns:1fr}.galleryPagination{gap:5px}.galleryPage{min-width:36px;height:36px;padding:0 9px}}


/* ============================================================
   PHASE 3 V1 — 3.2.1 UI POLISH
   ============================================================ */
/* Public header search: calmer typography and room for future Sign In. */
header .search{margin-left:auto!important;min-width:clamp(300px,25vw,410px);padding:5px 6px 5px 15px;gap:10px}
header .search input{font-size:16px;font-weight:300;color:#fff}
header .search input::placeholder{color:#868686!important;opacity:1;font-size:16px;font-weight:300}
header .searchIcon{width:19px;height:19px;flex-basis:19px}
header .searchIcon svg{stroke:#868686;stroke-width:1.65}
.searchSubmit{min-height:38px;border-radius:19px;padding:8px 19px;background:linear-gradient(90deg,#0b2b3e 0%,#101f2e 100%);color:#fff;font-size:16px;font-weight:300;box-shadow:none;filter:none}
.searchSubmit:hover{transform:none;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;filter:brightness(1.12)}
.signInSoon{flex:0 0 auto;min-width:108px;height:48px;padding:0 17px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(90deg,rgba(11,43,62,.48),rgba(16,31,46,.58));color:#cbd1d7;font-family:'Poppins',sans-serif;font-size:16px;font-weight:300;cursor:default;position:relative;overflow:hidden;transition:border-color .2s ease,background .2s ease,color .2s ease}
.signInSoon span{display:block;transition:opacity .18s ease,transform .18s ease;white-space:nowrap}
.signInSoon .signInHover{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(5px);font-size:14px;color:#aeb7c0}
.signInSoon:hover{border-color:rgba(134,134,134,.5);background:linear-gradient(90deg,rgba(11,43,62,.68),rgba(16,31,46,.76))}
.signInSoon:hover .signInDefault{opacity:0;transform:translateY(-5px)}
.signInSoon:hover .signInHover{opacity:1;transform:translateY(0)}

/* Gallery navigation: intentionally secondary to wallpaper content. */
.galleryBack{border-color:rgba(255,255,255,.16);background:#0d1217;color:#c4cad1;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:400}
.galleryBack:hover{color:#fff;border-color:rgba(255,255,255,.3);background:#121820}
.galleryPagination{gap:6px;margin:30px 0 4px}
.galleryPage{min-width:34px;height:34px;padding:0 9px;border-radius:9px;font-size:13px;font-weight:400}
.galleryPage.active{font-weight:500;box-shadow:0 0 14px rgba(246,77,145,.12)}
.galleryArrow{font-size:14px;font-weight:300}.galleryDots{font-size:13px}

@media(max-width:1050px){header{gap:18px}header nav{display:none}header .search{min-width:260px}.signInSoon{min-width:96px}}
@media(max-width:650px){header .search{min-width:0;flex:1}.searchSubmit{font-size:14px;padding:7px 12px}.signInSoon{display:none}}
@media(max-width:560px){.galleryPage{min-width:32px;height:32px;padding:0 8px;font-size:12px}}

/* ============================================================
   PHASE 3 V1 — 3.2.2 MINI TYPOGRAPHY CONSISTENCY PATCH
   ============================================================ */
.galleryBack{font-size:11.5px}
.galleryPage,.galleryDots{font-size:11.5px}
.galleryArrow{font-size:11.5px}
header .search input{font-size:11.5px}
header .search input::placeholder{font-size:11.5px}
.searchSubmit{font-size:11.5px}
.signInSoon{font-size:11.5px}
.signInSoon .signInHover{font-size:11.5px}
@media(max-width:650px){.searchSubmit{font-size:11.5px}}
@media(max-width:560px){.galleryPage{font-size:11.5px}}

/* ============================================================
   PHASE 3 V1 — 3.2.3 HEADER PROPORTION POLISH
   ============================================================ */
/* Keep the compact 11.5px typography from 3.2.2, but tighten the shell. */
header .search{
  width:clamp(300px,22vw,350px);
  min-width:0;
  flex:0 1 350px;
}
@media(max-width:1050px){header .search{width:clamp(260px,34vw,330px);min-width:0;flex:0 1 330px}}
@media(max-width:650px){header .search{width:auto;min-width:0;flex:1}}


/* ============================================================
   PHASE 3 V1 — 3.2.3a HOTFIX
   ============================================================ */
/* Search gets a little more breathing room by becoming shorter. */
header .search{width:clamp(270px,19vw,315px);flex:0 1 315px}

/* Sign In now lives as a quiet navigation item instead of a hero-side pill. */
.navSignInSoon{
  position:relative;display:inline-grid;place-items:center;min-width:54px;
  padding:8px 0;border:0;background:transparent;color:inherit;
  font:inherit;cursor:default;white-space:nowrap;
}
.navSignInSoon span{grid-area:1/1;transition:opacity .18s ease,transform .18s ease,color .18s ease}
.navSignInSoon .signInHover{opacity:0;transform:translateY(4px);color:#aeb7c0}
.navSignInSoon:hover .signInDefault{opacity:0;transform:translateY(-4px)}
.navSignInSoon:hover .signInHover{opacity:1;transform:translateY(0)}
.navSignInSoon::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:4px;background:linear-gradient(90deg,#ffad6d,#ff7b7f 48%,#f45b91);transform:scaleX(0);transform-origin:left center;transition:transform .38s cubic-bezier(.22,.8,.2,1)}
.navSignInSoon:hover::after{transform:scaleX(1)}
@media(max-width:1050px){header .search{width:clamp(245px,31vw,300px);flex:0 1 300px}}
@media(max-width:650px){header .search{width:auto;flex:1}}

/* ============================================================
   PHASE 3 V1 — 3.2.3b NAVBAR POLISH
   ============================================================ */
/* Keep account access visually part of the nav, but separate it from content links. */
.navSignInSoon{
  min-width:0;
  margin-left:18px;
  padding:8px 0;
  font-size:13px;
  font-weight:400;
}
.navSignInSoon::before{
  content:"";
  position:absolute;
  left:-22px;
  top:50%;
  width:1px;
  height:30px;
  transform:translateY(-50%);
  background:rgba(255,255,255,.22);
}
/* Phase 3.3.3 — resolution selection */
.resolutionOption.selected{border-color:rgba(255,132,107,.68);background:linear-gradient(90deg,rgba(255,139,91,.08),rgba(255,85,139,.06));box-shadow:0 0 0 1px rgba(255,118,106,.08) inset}
.detailDownload:disabled{opacity:.52;cursor:not-allowed;filter:saturate(.55)}

/* Phase 4 V1 — centralized likes */
.stat.likeAction{appearance:none;-webkit-appearance:none;font:inherit;color:inherit;cursor:pointer}
.stat.likeAction.liked .heartIcon{color:#ff6f95}
.stat.likeAction:disabled{cursor:wait;opacity:.72}


/* Phase 4 V1a — centralized-like polish + contextual preview navigation */
.stat.likeAction,.detailIconBtn{isolation:isolate}
.stat.likeAction.liked,.detailIconBtn.liked{background:rgba(7,10,14,.82)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}
.stat.likeAction.liked .heartIcon,.detailIconBtn.liked .detailHeart{background:linear-gradient(100deg,#ff9a69,#ff5f91);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.stat.likeAction.liked .likeCount,.detailIconBtn.liked #detailLikeCount{color:#fff!important;-webkit-text-fill-color:#fff}
@keyframes wallnuviaLikePop{0%{transform:translateY(0) scale(1)}28%{transform:translateY(-7px) scale(1.22)}52%{transform:translateY(1px) scale(.96)}72%{transform:translateY(-2px) scale(1.06)}100%{transform:translateY(0) scale(1)}}
.like-pop{animation:wallnuviaLikePop .5s cubic-bezier(.2,.8,.2,1)}
.like-pop::after{content:"";position:absolute;left:50%;top:45%;width:4px;height:4px;border-radius:50%;background:#ff8a72;box-shadow:-12px -10px 0 -1px #ff6f95,12px -12px 0 -1px #ffb06d,0 -17px 0 -1px #ff7f88;pointer-events:none;z-index:4;animation:wallnuviaLikeSpark .48s ease-out forwards}
@keyframes wallnuviaLikeSpark{0%{opacity:0;transform:translate(-50%,-20%) scale(.3)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-130%) scale(1)}}
.previewNav{position:absolute;top:50%;z-index:8;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(5,8,12,.62);backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;cursor:pointer;overflow:hidden;transform:translateY(-50%);transition:transform .2s,border-color .25s,box-shadow .25s,opacity .2s}
.previewNav::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#ff9a69,#ff5f91);transform:translateX(-105%);transition:transform .34s cubic-bezier(.22,.75,.2,1)}
.previewNav:hover:not(:disabled)::before{transform:translateX(0)}.previewNav:hover:not(:disabled){transform:translateY(-50%) scale(1.06);border-color:transparent;box-shadow:0 12px 32px rgba(255,95,145,.2)}
.previewNav span{position:relative;z-index:1;font-size:34px;font-weight:300;line-height:1;margin-top:-3px}.previewPrev{left:20px}.previewNext{right:20px}.previewNav:disabled{opacity:.22;cursor:default}.previewNav[hidden]{display:none}
@media(max-width:650px){.previewNav{width:40px;height:40px}.previewPrev{left:10px}.previewNext{right:10px}.previewNav span{font-size:29px}}


/* ===== Phase 4 V2 — Wallnuvia Auth ===== */
header nav{position:relative}.accountMenu{position:absolute;right:0;top:calc(100% + 16px);width:270px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(8,11,15,.97);box-shadow:0 22px 60px rgba(0,0,0,.48);backdrop-filter:blur(24px);z-index:120}.accountIdentity{display:flex;gap:11px;align-items:center;padding:10px 9px 14px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:6px}.accountAvatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ffad6d,#f45b91);color:#fff;font-weight:800;font-size:12px}.accountIdentity div{min-width:0;display:grid;gap:2px}.accountIdentity strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accountIdentity small{font-size:8px;color:#69717c}.accountMenu>button{width:100%;display:flex;align-items:center;gap:9px;padding:10px;border:0;border-radius:10px;background:transparent;color:#aeb5bf;font:inherit;font-size:9px;text-align:left;cursor:pointer}.accountMenu>button:hover{background:rgba(255,255,255,.05);color:#fff}.accountMenu>button span{margin-left:auto;font-size:7px;color:#ff8b7c;text-transform:uppercase;letter-spacing:.08em}
.authModal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:22px;background:rgba(2,4,6,.82);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .22s ease}.authModal.open{opacity:1;pointer-events:auto}.authCard{position:relative;width:min(430px,94vw);padding:34px 34px 28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:radial-gradient(circle at 80% 0,rgba(244,91,145,.08),transparent 32%),linear-gradient(155deg,#0b0f14,#07090c);box-shadow:0 34px 100px rgba(0,0,0,.65);transform:translateY(10px) scale(.985);transition:transform .25s cubic-bezier(.22,.8,.2,1)}.authModal.open .authCard{transform:none}.authClose{position:absolute;right:16px;top:14px;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.03);color:#8d949e;font-size:21px;cursor:pointer}.authClose:hover{color:#fff;border-color:rgba(255,139,124,.3)}.authBrand img{width:138px;height:auto;margin-bottom:24px}.authEyebrow{font-size:8px;font-weight:800;letter-spacing:.18em;color:#ff8b7c}.authCard h2{font-size:29px;letter-spacing:-.04em;margin:7px 0 6px}.authCard>p#authSubtitle{margin:0 0 22px;color:#737b86;font-size:10px;line-height:1.6}.googleAuthBtn,.authSubmit{width:100%;height:44px;border-radius:12px;cursor:pointer;font:inherit;font-weight:700;font-size:10px}.googleAuthBtn{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.1);background:#fff;color:#17191d}.googleAuthBtn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(255,255,255,.08)}.googleG{font-family:Arial,sans-serif;font-size:15px;font-weight:900;color:#4285f4}.authDivider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#525963;font-size:8px}.authDivider:before,.authDivider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.07)}.authForm{display:grid;gap:12px}.authForm label{display:grid;gap:6px;color:#9da4ae;font-size:8px;font-weight:700}.authForm input{height:42px;padding:0 13px;border:1px solid rgba(255,255,255,.09);border-radius:11px;outline:0;background:rgba(255,255,255,.035);color:#fff;font:inherit;font-size:10px;transition:.18s}.authForm input:focus{border-color:rgba(255,125,130,.48);box-shadow:0 0 0 3px rgba(244,91,145,.06)}.authSubmit{margin-top:3px;border:0;background:linear-gradient(100deg,#ff9a69,#ff5f91);color:#fff;box-shadow:0 10px 28px rgba(255,95,145,.12)}.authSubmit:hover{filter:brightness(1.06);transform:translateY(-1px)}.authSubmit:disabled,.googleAuthBtn:disabled{opacity:.55;cursor:wait}.authMessage{min-height:15px;margin-top:10px;font-size:8px;line-height:1.5;color:#ff9a8c}.authMessage.success{color:#7ddcab}.authSwitch{text-align:center;margin:12px 0 0!important;color:#69717c!important;font-size:9px!important}.authSwitch button{border:0;background:none;color:#ff8b7c;font:inherit;font-weight:700;cursor:pointer}.authFineprint{text-align:center;margin:18px 12px 0!important;color:#474d56!important;font-size:7px!important;line-height:1.5}.navSignInSoon.signedIn .signInDefault{color:#fff}.navSignInSoon.signedIn .signInHover{color:#ff8b7c}@media(max-width:650px){.authCard{padding:30px 22px 24px;border-radius:20px}}

/* ===== Phase 4 V2c — Account Management ===== */
.forgotPasswordBtn,.authBackBtn{border:0;background:none;color:#7c858f;font:inherit;font-size:8px;font-weight:700;cursor:pointer;padding:0;width:max-content}.forgotPasswordBtn{justify-self:end;margin-top:-5px}.forgotPasswordBtn:hover,.authBackBtn:hover{color:#ff8b7c}.authBackBtn{display:block;margin:12px auto 0}.authBackBtn[hidden],.forgotPasswordBtn[hidden]{display:none}.accountMeta{margin:0 0 4px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);color:#747d88;font-size:8px;line-height:1.6}.accountMeta strong{display:block;color:#d9dde2;font-size:9px;margin-bottom:2px}.authCard.settingsMode .googleAuthBtn,.authCard.settingsMode .authDivider{display:none}

/* Phase 4 V2d — privacy-minimal Wallnuvia profile */
.navSignInSoon.signedIn .signInDefault{display:inline-flex;align-items:center;gap:7px}.accountHeaderIcon{font-size:14px;color:#ff8b7c}.accountProfileFields{display:grid;gap:12px;margin-bottom:2px}.accountReadOnly{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px;padding:0 13px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}.accountReadOnly span{font-size:8px;font-weight:700;color:#727b86}.accountReadOnly strong{max-width:235px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;color:#d6d9de}.profileSaveBtn{height:42px;border:1px solid rgba(255,139,124,.2);border-radius:11px;background:rgba(255,139,124,.06);color:#ff9a86;font:inherit;font-size:9px;font-weight:700;cursor:pointer}.profileSaveBtn:hover{background:linear-gradient(100deg,#ff9a69,#ff5f91);border-color:transparent;color:#fff}.profileSaveBtn:disabled{opacity:.55;cursor:wait}.accountSectionDivider{display:flex;align-items:center;gap:10px;margin:5px 0 0;color:#555d67;font-size:7px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.accountSectionDivider:before,.accountSectionDivider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.06)}.authCard.settingsMode{width:min(455px,94vw)}
/* Phase 4 V2e — account onboarding + header affordance */
.accountChevron{font-size:8px;color:#7e8791;margin-left:1px;transition:transform .2s ease,color .2s ease}.navSignInSoon.signedIn:hover .accountChevron{color:#ff8b7c}.navSignInSoon.menuOpen .accountChevron{transform:rotate(180deg);color:#ff8b7c}.onboardingCard{width:min(430px,94vw)}.onboardingModal .authCard>p#authSubtitle{margin-bottom:20px}.onboardingModal .authFineprint{max-width:300px;margin-left:auto!important;margin-right:auto!important}

/* Phase 4 V2e.3 — authoritative hidden-state handling */
[hidden]{display:none!important}

/* Phase 4 V3 — Payment Foundation */
.accountPlanCard{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:linear-gradient(100deg,rgba(255,154,105,.045),rgba(255,95,145,.025));margin-top:2px}.accountPlanCard div{display:grid;gap:3px}.accountPlanCard span{font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#6e7680}.accountPlanCard strong{font-size:10px;color:#fff}.accountPlanCard button{border:1px solid rgba(255,139,124,.22);border-radius:9px;background:rgba(255,139,124,.06);color:#ff9a86;padding:8px 10px;font:inherit;font-size:8px;font-weight:700;cursor:pointer}.accountPlanCard button:hover{color:#fff;background:linear-gradient(100deg,#ff9a69,#ff5f91);border-color:transparent}.premiumCard{width:min(470px,94vw)}.premiumCard>p{font-size:10px;line-height:1.65;color:#8a929d}.premiumPrice{display:flex;align-items:baseline;gap:7px;margin:18px 0 14px}.premiumPrice strong{font-size:34px;letter-spacing:-.05em}.premiumPrice span{font-size:10px;color:#727b86}.premiumBenefits{display:grid;gap:8px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);margin-bottom:12px}.premiumBenefits span{font-size:9px;color:#c8cdd4}.creditPreview{display:grid;gap:4px;padding:12px 14px;margin-bottom:14px;border-radius:12px;background:linear-gradient(100deg,rgba(255,154,105,.07),rgba(255,95,145,.05))}.creditPreview strong{font-size:9px}.creditPreview small{font-size:8px;color:#8a929d}.resolutionOption.premium:not(:disabled){cursor:pointer}.resolutionOption.premium:not(:disabled):hover{border-color:rgba(255,182,111,.38)}
\n\n/* Phase 4 V3.1 — micro-type accessibility + plan visibility polish */
.authDivider{font-size:9px}.authForm label{font-size:9px}.authFineprint{font-size:8.5px!important}.authMessage{font-size:9px}.forgotPasswordBtn,.authBackBtn{font-size:9px}.accountMeta{font-size:9px}.accountMeta strong{font-size:10px}
.accountIdentity{padding-top:11px;padding-bottom:15px}.accountIdentityCopy{min-width:0;display:grid!important;gap:2px!important}.accountNameLine{display:flex!important;align-items:center;gap:7px!important;min-width:0}.accountIdentity strong{font-size:11px}.accountIdentity small{font-size:9px}.accountMenu>button{font-size:10px}.accountMenu>button span{font-size:8px}.accountMenuPlan{width:max-content;margin-top:4px;padding:3px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#8b939e;font-size:8px;line-height:1.2}.accountPremiumBadge,.headerPremiumBadge{display:inline-flex;align-items:center;width:max-content;border:1px solid rgba(255,139,124,.24);border-radius:999px;background:linear-gradient(100deg,rgba(255,154,105,.12),rgba(255,95,145,.1));color:#ff9a86;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.accountPremiumBadge{padding:3px 6px}.headerPremiumBadge{padding:3px 6px;margin-left:2px}.accountPremiumBadge[hidden]{display:none!important}
.accountPlanCard span{font-size:8px}.accountPlanCard button{font-size:9px}.premiumBenefits span{font-size:10px}.creditPreview strong{font-size:10px}.creditPreview small{font-size:9.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.creditDivider{display:inline-block;width:1px;height:13px;background:rgba(255,255,255,.14);flex:0 0 1px}.premiumCard>.authFineprint{font-size:8.5px!important}
.detailTaxonomy small,.resolutionTitle small{font-size:10px}.detailChips span{font-size:10px!important}.resolutionOption small{font-size:9px}.resolutionOption i{font-size:10px}.licenseNote p{font-size:9px}.licenseNote>span{font-size:9px!important}


/* Phase 4 V3.2 — Beta Mode */
.brand{display:flex;align-items:center;gap:9px}.betaBrandBadge{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid rgba(255,139,124,.25);border-radius:999px;background:linear-gradient(100deg,rgba(255,154,105,.12),rgba(255,95,145,.10));color:#ff9a86;font-size:8px;font-weight:800;letter-spacing:.13em;line-height:1.2}.betaBrandBadge[hidden],.footerBeta[hidden],.betaBenefit[hidden]{display:none!important}.betaBenefit{display:grid;gap:4px;padding:12px 14px;margin:12px 0;border:1px solid rgba(255,139,124,.13);border-radius:12px;background:linear-gradient(100deg,rgba(255,154,105,.075),rgba(255,95,145,.045))}.betaBenefit>span{font-size:8px;font-weight:900;letter-spacing:.13em;color:#ff9a86}.betaBenefit strong{font-size:11px;color:#fff}.betaBenefit small{font-size:9px;line-height:1.55;color:#8a929d}.resolutionOption.betaFree i{color:#7ddcab;font-weight:700}.resolutionOption.betaFree:not(:disabled):hover{border-color:rgba(125,220,171,.32)}.footerBeta{color:#8f97a2}.footerBeta:before{content:'BETA';display:inline-block;margin-right:7px;padding:2px 5px;border:1px solid rgba(255,139,124,.2);border-radius:999px;color:#ff9a86;font-size:7px;font-weight:800;letter-spacing:.1em}


/* Phase 5 V1 — Beta micro UI + staff portal affordance */
.brand{gap:5px}.betaBadgeWrap{position:relative;display:inline-flex;align-items:center;margin-left:1px}.betaBadgeWrap[hidden]{display:none!important}.betaBrandBadge{appearance:none;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border:1px solid rgba(255,139,124,.25);border-radius:999px;background:linear-gradient(100deg,rgba(255,154,105,.11),rgba(255,95,145,.09));color:#ff9a86;font:inherit;font-size:7px;font-weight:800;letter-spacing:.11em;line-height:1.25;cursor:help}.betaBrandBadge i{font-size:7px;letter-spacing:0}.betaBrandBadge:hover,.betaBrandBadge:focus-visible{border-color:rgba(255,139,124,.55);background:linear-gradient(100deg,rgba(255,154,105,.18),rgba(255,95,145,.14));outline:none}.betaBrandTip{position:absolute;z-index:80;left:-24px;top:calc(100% + 12px);width:255px;padding:12px 14px;border:1px solid rgba(255,111,99,.38);border-radius:12px;background:linear-gradient(145deg,rgba(18,20,28,.98),rgba(13,15,22,.98));box-shadow:0 16px 40px rgba(0,0,0,.42),0 7px 22px rgba(255,88,78,.10);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.18s ease;pointer-events:none}.betaBrandTip:before{content:"";position:absolute;top:-6px;left:45px;width:10px;height:10px;border-left:1px solid rgba(255,111,99,.38);border-top:1px solid rgba(255,111,99,.38);background:#12141c;transform:rotate(45deg)}.betaBrandTip strong{display:block;margin-bottom:4px;color:#fff;font-size:10px}.betaBrandTip span{display:block;color:#b6bcc5;font-size:9px;line-height:1.55}.betaBadgeWrap:hover .betaBrandTip,.betaBadgeWrap.tipOpen .betaBrandTip{opacity:1;visibility:visible;transform:translateY(0)}.supportPortalBtn{border-top:1px solid rgba(255,255,255,.06)!important;color:#ff9a86!important}.supportPortalBtn b{margin-left:auto;padding:2px 6px;border-radius:999px;background:rgba(255,139,124,.09);font-size:7px;letter-spacing:.08em;text-transform:uppercase}.supportPortalBtn:hover{color:#fff!important}
/* Phase 5 V1.2 — approved header/account micro patches */
header .brand{gap:0!important}.brandLogo{margin-right:3px!important}.betaBadgeWrap{margin-left:0!important;transform:translateX(-1px)}.supportPortalBtn{justify-content:flex-start!important;text-align:left!important}.supportPortalBtn>span{margin-left:0!important;margin-right:auto!important}.supportPortalBtn b{margin-left:8px!important}

/* Phase 5 V1.5 — final dashboard polish */
header .betaBadgeWrap{margin-left:-30px!important}
/* Phase 5 V3.2 — customer Help & Support */
.supportCenterCard{width:min(680px,calc(100vw - 28px));max-height:88vh;overflow:auto}.supportCenterTabs{display:flex;gap:8px;margin:18px 0 14px;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}.supportCenterTabs button{flex:1;border:0;border-radius:9px;padding:10px;background:transparent;color:#858d97;font:inherit;font-size:10px;cursor:pointer}.supportCenterTabs button.active{background:linear-gradient(100deg,rgba(255,143,94,.15),rgba(244,91,145,.11));color:#fff}.supportCenterCard select,.supportCenterCard textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#0b0f14;color:#dfe4ea;padding:11px;font:inherit;font-size:10px;outline:none}.supportCenterCard textarea{resize:vertical;line-height:1.55}.customerTicketList{display:grid;gap:8px}.customerTicketItem{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);cursor:pointer}.customerTicketItem:hover{border-color:rgba(255,139,124,.24)}.customerTicketItem strong{display:block;font-size:10px}.customerTicketItem small{color:#747e89;font-size:8px}.customerTicketItem span{font-size:8px;color:#ff9b85;white-space:nowrap}.customerTicketConversation{margin-top:12px}.customerTicketBack{border:0;background:none;color:#8e98a3;font:inherit;font-size:9px;cursor:pointer;padding:0 0 10px}.customerMessages{display:grid;gap:8px;max-height:310px;overflow:auto;padding-right:3px}.customerMessage{max-width:86%;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.045);font-size:9px;line-height:1.55}.customerMessage.customer{margin-left:auto;background:linear-gradient(120deg,rgba(255,143,94,.13),rgba(244,91,145,.10))}.customerMessage small{display:block;margin-top:5px;color:#66717d;font-size:7px}.customerReplyForm{display:flex;gap:8px;margin-top:12px}.customerReplyForm textarea{flex:1;min-height:64px}.customerReplyForm button{width:auto;padding:0 18px}
/* Phase 5 V3.2.1 — Support polish */
.supportCenterCard{scrollbar-width:thin;scrollbar-color:#343b44 transparent}.supportCenterCard::-webkit-scrollbar,.customerMessages::-webkit-scrollbar{width:7px}.supportCenterCard::-webkit-scrollbar-track,.customerMessages::-webkit-scrollbar-track{background:transparent}.supportCenterCard::-webkit-scrollbar-thumb,.customerMessages::-webkit-scrollbar-thumb{background:#303740;border-radius:999px}.supportCenterCard::-webkit-scrollbar-thumb:hover,.customerMessages::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff9067,#f45b91)}
.supportAttachmentField>span{font-size:8px;color:#69737d;font-weight:400}.supportAttachmentField input[type=file]{padding:10px;border:1px dashed rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.018);color:#8e98a3}.customerAttachmentList{display:flex;flex-wrap:wrap;gap:6px}.customerAttachmentList span{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.04);color:#c7cdd4;font-size:8px}.customerAttachmentList small{color:#68727d}.authMessage.success span{display:block;margin-top:4px}.viewSubmittedTicket{margin-top:8px;border:1px solid rgba(255,139,124,.3);border-radius:8px;background:rgba(255,139,124,.07);color:#ff9a84;padding:7px 10px;cursor:pointer}.customerReplyError{margin-top:7px;color:#ff7f88;font-size:8px}.customerTicketState{display:flex;align-items:center;gap:7px}.supportNotifyBadge,.supportAccountBadge{display:inline-grid!important;place-items:center;width:19px;height:19px;border-radius:999px;background:linear-gradient(135deg,#ff9167,#f45b91);color:#fff!important;font-style:normal!important;font-size:9px!important;font-weight:800;box-shadow:0 0 0 4px rgba(244,91,145,.08),0 0 18px rgba(244,91,145,.28);animation:supportBadgeHop 3s ease-in-out infinite}.supportAccountBadge[hidden]{display:none!important}@keyframes supportBadgeHop{0%,84%,100%{transform:translateY(0) scale(1)}89%{transform:translateY(-4px) scale(1.06)}94%{transform:translateY(0) scale(1)}}
@media(max-width:640px){.supportCenterModal{padding:0!important;align-items:stretch!important}.supportCenterCard{width:100vw!important;max-width:none!important;max-height:100dvh!important;height:100dvh!important;border-radius:0!important;margin:0!important;padding:24px 18px 28px!important;box-sizing:border-box;overflow-x:hidden}.supportCenterCard .authBrand{margin-top:0}.supportCenterCard h2{font-size:34px!important}.supportCenterCard>p{font-size:16px!important;line-height:1.45}.supportCenterTabs{position:sticky;top:-24px;z-index:3;background:#090d12}.customerReplyForm{position:sticky;bottom:-28px;padding:10px 0 28px;background:linear-gradient(180deg,rgba(9,13,18,0),#090d12 20%);align-items:flex-end}.customerReplyForm button{min-height:48px}.customerMessages{max-height:none}.customerTicketItem{align-items:flex-start}.customerTicketItem strong{font-size:12px}.customerTicketItem small{display:block;margin-top:4px}}
/* Phase 5 V3.2.2 — homepage support notification */
#accountTrigger{position:relative}.supportHeaderBadge{position:absolute;top:-7px;right:-8px;z-index:8;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #0a0f14;border-radius:999px;background:linear-gradient(135deg,#ff9167,#f45b91);color:#fff;font-style:normal;font-size:9px;font-weight:800;box-shadow:0 0 18px rgba(244,91,145,.35);animation:supportBadgeHop 3s ease-in-out infinite}.supportHeaderBadge[hidden]{display:none!important}.customerMessage.staff b{color:#ff9b88}
/* Phase 5 V3.2.4 — unified support notification colour + reply attachments */
.supportNotifyBadge,.supportAccountBadge,.supportHeaderBadge{background:#ff8c7d!important;box-shadow:0 0 0 4px rgba(255,140,125,.08),0 0 18px rgba(255,140,125,.28)!important}.supportTabBadge{margin-left:6px;vertical-align:middle}.customerReplyForm{flex-wrap:wrap}.customerReplyTools{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.customerReplyAttach{display:inline-flex;align-items:center;gap:7px;color:#aeb6bf;font-size:9px;cursor:pointer}.customerReplyAttach input{display:none}.replyAttachmentList{display:flex;flex-wrap:wrap;gap:5px;flex:1}.replyAttachmentList span{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.04);font-size:8px;color:#cbd1d7}.messageAttachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.messageAttachments a{padding:5px 7px;border:1px solid rgba(255,140,125,.18);border-radius:7px;color:#ff9a8d;font-size:8px;text-decoration:none}

/* Phase 5 V3.2.5 — quiet BETA-style support notification counters */
.supportNotifyBadge,.supportAccountBadge,.supportHeaderBadge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:16px!important;width:auto!important;height:14px!important;padding:0 5px!important;border:1px solid rgba(255,140,125,.25)!important;border-radius:999px!important;background:linear-gradient(100deg,rgba(255,154,105,.11),rgba(255,95,145,.09))!important;color:#ff8c7d!important;font-size:7px!important;font-weight:800!important;letter-spacing:.03em!important;line-height:1!important;box-shadow:none!important;animation:none!important}.supportHeaderBadge{top:-5px!important;right:-7px!important;border-color:rgba(255,140,125,.28)!important}.supportAccountBadge[hidden],.supportHeaderBadge[hidden],.supportNotifyBadge[hidden]{display:none!important}

/* Phase 5 V3.3.1a — exact support notification geometry */
.supportNotifyBadge,.supportAccountBadge,.supportHeaderBadge{width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;max-width:15px!important;padding:0!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;font-size:7px!important;line-height:1!important;letter-spacing:0!important;box-shadow:none!important;animation:none!important}.supportHeaderBadge{top:-5px!important;right:-6px!important}
\n/* Phase 5 V3.3.1b — Customer Credit Experience */\n.creditAccountBadge{width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;max-width:15px!important;padding:0!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,140,125,.25)!important;border-radius:50%!important;background:linear-gradient(100deg,rgba(255,154,105,.11),rgba(255,95,145,.09))!important;color:#ff8c7d!important;font-style:normal!important;font-size:7px!important;font-weight:800!important;line-height:1!important;margin-left:6px!important}.creditAccountBadge[hidden]{display:none!important}#accountCreditBtn>span{margin-left:auto!important;text-transform:none!important;letter-spacing:0!important;color:#8e97a1!important}.accountCreditCard{display:grid;gap:10px;margin-top:10px;padding:13px;border:1px solid rgba(255,140,125,.13);border-radius:12px;background:linear-gradient(120deg,rgba(255,154,105,.055),rgba(255,95,145,.025))}.accountCreditHead{display:flex;align-items:center;justify-content:space-between}.accountCreditHead>div{display:grid;gap:2px}.accountCreditHead span,.accountCreditHistoryHead span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#737c87}.accountCreditHead strong{font-size:15px;color:#fff}.accountCreditHead strong b{font:inherit}.accountCreditHead>i{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,140,125,.18);border-radius:10px;color:#ff8c7d;background:rgba(255,140,125,.055)}.accountCreditNotice{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid rgba(255,140,125,.16);border-radius:9px;background:rgba(255,140,125,.045)}.accountCreditNotice>i{color:#ff8c7d}.accountCreditNotice>div{display:grid;gap:2px}.accountCreditNotice strong{font-size:8px;color:#f0f2f4}.accountCreditNotice span{font-size:7px;line-height:1.45;color:#89929d}.accountCreditHistoryHead{display:flex;align-items:center;justify-content:space-between;padding-top:2px}.accountCreditHistoryHead small{font-size:7px;color:#626b75}.accountCreditHistory{display:grid;gap:5px;max-height:180px;overflow:auto;padding-right:2px}.accountCreditHistory>em{padding:8px 0;color:#68717b;font-size:8px}.creditHistoryRow{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center;padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.025)}.creditHistoryRow>span{font-size:9px;font-weight:700}.creditHistoryRow .creditIn{color:#70dcae}.creditHistoryRow .creditOut{color:#ff8b83}.creditHistoryRow>div{display:grid;gap:2px}.creditHistoryRow strong{font-size:8px;color:#dce1e6}.creditHistoryRow small{font-size:7px;color:#69727c}.accountCreditHistory::-webkit-scrollbar{width:5px}.accountCreditHistory::-webkit-scrollbar-thumb{background:rgba(255,140,125,.18);border-radius:10px}.accountCreditHistory::-webkit-scrollbar-track{background:transparent}\n
/* Phase 5 V3.3.3b — Customer Entitlements + Support Action Confirmation */
.accountWallpaperCard{display:grid;gap:10px;margin-top:10px;padding:13px;border:1px solid rgba(255,140,125,.13);border-radius:12px;background:linear-gradient(120deg,rgba(255,154,105,.045),rgba(79,157,255,.025))}.accountWallpaperHead{display:flex;align-items:center;justify-content:space-between}.accountWallpaperHead>div{display:grid;gap:2px}.accountWallpaperHead span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#737c87}.accountWallpaperHead strong{font-size:12px;color:#fff}.accountWallpaperHead>i{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,140,125,.18);border-radius:10px;color:#ff8c7d;background:rgba(255,140,125,.055)}.accountWallpaperNotice{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid rgba(255,140,125,.16);border-radius:9px;background:rgba(255,140,125,.045)}.accountWallpaperNotice>i{color:#ff8c7d}.accountWallpaperNotice>div{display:grid;gap:2px}.accountWallpaperNotice strong{font-size:8px;color:#f0f2f4}.accountWallpaperNotice span{font-size:7px;line-height:1.45;color:#89929d}.accountWallpaperGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:220px;overflow:auto;padding-right:2px}.accountWallpaperGrid>em{grid-column:1/-1;padding:8px 0;color:#68717b;font-size:8px}.accountWallpaperItem{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:center;padding:6px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.025);color:inherit;text-align:left;cursor:pointer}.accountWallpaperItem:hover{border-color:rgba(255,140,125,.24);background:rgba(255,140,125,.045)}.accountWallpaperItem img{width:64px;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.accountWallpaperItem span{display:grid;gap:2px;min-width:0}.accountWallpaperItem b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#e8ebee}.accountWallpaperItem small{font-size:6.5px;color:#737c87}.accountWallpaperGrid::-webkit-scrollbar{width:5px}.accountWallpaperGrid::-webkit-scrollbar-thumb{background:rgba(255,140,125,.18);border-radius:10px}@media(max-width:700px){.accountWallpaperGrid{grid-template-columns:1fr}}


/* Phase 5 V3.3.3c — Customer Grant UX + unified Wallnuvia scrollbars */
.authCard.settingsMode{max-height:88vh;overflow-y:auto;overflow-x:hidden;padding-right:30px;scrollbar-width:thin;scrollbar-color:#3a424d transparent}
.customerSystemEvent{max-width:92%;padding:11px 12px;border:1px solid rgba(255,140,125,.16);border-radius:12px;background:linear-gradient(120deg,rgba(255,154,105,.07),rgba(255,95,145,.035));font-size:9px;line-height:1.5}
.customerSystemEvent b{display:block;color:#ff9584;font-size:9px}.customerSystemEvent p{margin:4px 0;color:#c8ced5}.customerSystemEvent small{display:block;margin-top:5px;color:#66717d;font-size:7px}.customerSystemActions{display:flex;gap:6px;margin-top:8px}.customerSystemActions button,.accountWallpaperActions button{border:1px solid rgba(255,140,125,.18);border-radius:8px;background:rgba(255,140,125,.055);color:#ff9a86;padding:6px 8px;font:inherit;font-size:7px;font-weight:700;cursor:pointer}.customerSystemActions button:hover,.accountWallpaperActions button:hover{background:linear-gradient(100deg,#ff9a69,#ff5f91);border-color:transparent;color:#fff}
.accountWallpaperItem{cursor:default}.accountWallpaperItem>span{align-self:center}.accountWallpaperActions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:5px;padding-top:2px}.accountWallpaperActions button{padding:5px 7px;font-size:6.5px}

/* One Wallnuvia scrollbar language — public/account/support surfaces */
.authCard.settingsMode,.supportCenterCard,.customerMessages,.accountCreditHistory,.accountWallpaperGrid{scrollbar-width:thin;scrollbar-color:#3a424d transparent}
.authCard.settingsMode::-webkit-scrollbar,.supportCenterCard::-webkit-scrollbar,.customerMessages::-webkit-scrollbar,.accountCreditHistory::-webkit-scrollbar,.accountWallpaperGrid::-webkit-scrollbar{width:8px;height:8px}
.authCard.settingsMode::-webkit-scrollbar-track,.supportCenterCard::-webkit-scrollbar-track,.customerMessages::-webkit-scrollbar-track,.accountCreditHistory::-webkit-scrollbar-track,.accountWallpaperGrid::-webkit-scrollbar-track{background:transparent}
.authCard.settingsMode::-webkit-scrollbar-thumb,.supportCenterCard::-webkit-scrollbar-thumb,.customerMessages::-webkit-scrollbar-thumb,.accountCreditHistory::-webkit-scrollbar-thumb,.accountWallpaperGrid::-webkit-scrollbar-thumb{background:#3a424d;border:2px solid transparent;background-clip:padding-box;border-radius:999px;min-height:28px}
.authCard.settingsMode::-webkit-scrollbar-thumb:hover,.supportCenterCard::-webkit-scrollbar-thumb:hover,.customerMessages::-webkit-scrollbar-thumb:hover,.accountCreditHistory::-webkit-scrollbar-thumb:hover,.accountWallpaperGrid::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff9067,#f45b91);border:2px solid transparent;background-clip:padding-box}
.authCard.settingsMode::-webkit-scrollbar-button,.supportCenterCard::-webkit-scrollbar-button,.customerMessages::-webkit-scrollbar-button,.accountCreditHistory::-webkit-scrollbar-button,.accountWallpaperGrid::-webkit-scrollbar-button{width:0;height:0;display:none}

/* Phase 5 V3.3.3d — final customer grant UX polish */
/* One scroll surface in Help & Support: the modal owns vertical scrolling. */
.supportCenterCard .customerMessages{max-height:none;overflow:visible;padding-right:0}
#accountWallpapersBtn>span{margin-left:auto;text-transform:none;letter-spacing:0;color:#8e97a1}
/* Force a genuinely rounded inset thumb in Chromium/Windows, while Firefox uses scrollbar-color. */
:where(.authCard.settingsMode,.supportCenterCard,.accountCreditHistory,.accountWallpaperGrid,.studioCard,.ccAnalyticsPage,.tagGroups,.ticketDrawer,.staffConversation,.ticketQueue,.auditList,.detailList,.wallpaperPickerResults,.ccSupportPage,.ccUsersPage)::-webkit-scrollbar-thumb{background:transparent!important;border:2px solid transparent!important;border-radius:999px!important;box-shadow:inset 0 0 0 8px #3a424d!important;background-clip:padding-box!important;min-height:28px}
:where(.authCard.settingsMode,.supportCenterCard,.accountCreditHistory,.accountWallpaperGrid,.studioCard,.ccAnalyticsPage,.tagGroups,.ticketDrawer,.staffConversation,.ticketQueue,.auditList,.detailList,.wallpaperPickerResults,.ccSupportPage,.ccUsersPage)::-webkit-scrollbar-thumb:hover{background:transparent!important;box-shadow:inset 0 0 0 8px #d86f75!important}
:where(.authCard.settingsMode,.supportCenterCard,.accountCreditHistory,.accountWallpaperGrid,.studioCard,.ccAnalyticsPage,.tagGroups,.ticketDrawer,.staffConversation,.ticketQueue,.auditList,.detailList,.wallpaperPickerResults,.ccSupportPage,.ccUsersPage)::-webkit-scrollbar-track{background:transparent!important;border-radius:999px}

/* Phase 5 V3.3.4 — force rounded scrollbar geometry on every visible Wallnuvia scroll surface. */
html,body,.authCard.settingsMode,.supportCenterCard,.customerMessages,.accountCreditHistory,.accountWallpaperGrid{scrollbar-color:#3a424d transparent;scrollbar-width:thin}
html::-webkit-scrollbar,body::-webkit-scrollbar,.authCard.settingsMode::-webkit-scrollbar,.supportCenterCard::-webkit-scrollbar,.customerMessages::-webkit-scrollbar,.accountCreditHistory::-webkit-scrollbar,.accountWallpaperGrid::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,.authCard.settingsMode::-webkit-scrollbar-track,.supportCenterCard::-webkit-scrollbar-track,.customerMessages::-webkit-scrollbar-track,.accountCreditHistory::-webkit-scrollbar-track,.accountWallpaperGrid::-webkit-scrollbar-track{background:transparent!important}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.authCard.settingsMode::-webkit-scrollbar-thumb,.supportCenterCard::-webkit-scrollbar-thumb,.customerMessages::-webkit-scrollbar-thumb,.accountCreditHistory::-webkit-scrollbar-thumb,.accountWallpaperGrid::-webkit-scrollbar-thumb{background:#3a424d!important;border:3px solid transparent!important;background-clip:content-box!important;border-radius:999px!important;min-height:34px!important}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,.authCard.settingsMode::-webkit-scrollbar-thumb:hover,.supportCenterCard::-webkit-scrollbar-thumb:hover,.customerMessages::-webkit-scrollbar-thumb:hover,.accountCreditHistory::-webkit-scrollbar-thumb:hover,.accountWallpaperGrid::-webkit-scrollbar-thumb:hover{background:#d86f75!important;background-clip:content-box!important}

/* Phase 5 V3.3.4a — public/account scrollbar hardening */
:is(html,body,.authCard.settingsMode,.supportCenterCard,.customerMessages,.accountCreditHistory,.accountWallpaperGrid)::-webkit-scrollbar{width:10px!important;height:10px!important;background:transparent!important}
:is(html,body,.authCard.settingsMode,.supportCenterCard,.customerMessages,.accountCreditHistory,.accountWallpaperGrid)::-webkit-scrollbar-track,
:is(html,body,.authCard.settingsMode,.supportCenterCard,.customerMessages,.accountCreditHistory,.accountWallpaperGrid)::-webkit-scrollbar-track-piece{background:transparent!important;border:0!important}
:is(html,body,.authCard.settingsMode,.supportCenterCard,.customerMessages,.accountCreditHistory,.accountWallpaperGrid)::-webkit-scrollbar-thumb{background:#3a424d!important;border:3px solid transparent!important;background-clip:content-box!important;border-radius:999px!important;box-shadow:none!important;min-height:36px!important}
:is(html,body,.authCard.settingsMode,.supportCenterCard,.customerMessages,.accountCreditHistory,.accountWallpaperGrid)::-webkit-scrollbar-thumb:hover{background:#d86f75!important;background-clip:content-box!important}
:is(html,body,.authCard.settingsMode,.supportCenterCard,.customerMessages,.accountCreditHistory,.accountWallpaperGrid)::-webkit-scrollbar-button,
:is(html,body,.authCard.settingsMode,.supportCenterCard,.customerMessages,.accountCreditHistory,.accountWallpaperGrid)::-webkit-scrollbar-button:single-button{display:none!important;width:0!important;height:0!important;background:transparent!important}

/* Phase 5 V3.3.5 — final public/account Chromium scrollbar reset */
*{scrollbar-width:thin;scrollbar-color:#3a424d transparent}
*::-webkit-scrollbar{width:10px!important;height:10px!important;background:transparent!important}
*::-webkit-scrollbar-track,*::-webkit-scrollbar-track-piece{background:transparent!important;border:0!important}
*::-webkit-scrollbar-thumb{background:#3a424d!important;border:3px solid transparent!important;background-clip:content-box!important;border-radius:999px!important;min-height:38px!important}
*::-webkit-scrollbar-thumb:hover{background:#d86f75!important;background-clip:content-box!important}
*::-webkit-scrollbar-button,*::-webkit-scrollbar-button:single-button,*::-webkit-scrollbar-button:vertical:start:decrement,*::-webkit-scrollbar-button:vertical:end:increment{display:none!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;background:transparent!important}
*::-webkit-scrollbar-corner{background:transparent!important}

/* Phase 5 V3.3.5a — Chromium scrollbar root-cause fix */
@supports selector(::-webkit-scrollbar){
  *{scrollbar-width:auto!important;scrollbar-color:auto!important}
  *::-webkit-scrollbar{width:10px!important;height:10px!important;background:transparent!important}
  *::-webkit-scrollbar-track,*::-webkit-scrollbar-track-piece{background:transparent!important;border:0!important;border-radius:50px!important}
  *::-webkit-scrollbar-thumb{background:#3a424d!important;border:2px solid transparent!important;background-clip:content-box!important;border-radius:50px!important;min-height:38px!important}
  *::-webkit-scrollbar-thumb:hover{background:#d86f75!important;background-clip:content-box!important}
  *::-webkit-scrollbar-button,*::-webkit-scrollbar-button:single-button,*::-webkit-scrollbar-button:vertical:start:decrement,*::-webkit-scrollbar-button:vertical:end:increment{display:none!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;background:transparent!important}
  *::-webkit-scrollbar-corner{background:transparent!important}
}

/* Phase 5 V3.4d.2 — public account trigger hotfix
   Keep the authenticated account control above the hero/search hit layers after the
   Control Center route split. This restores the account dropdown without changing
   the public header layout. */
header nav{z-index:140}
#accountTrigger{position:relative;z-index:141;pointer-events:auto!important;cursor:pointer!important}
.accountMenu{z-index:145!important}
.accountMenu[hidden]{display:none!important}


/* Phase 5 V3.4d.3 — account menu cache/visibility hardening */
#accountMenu:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
/* Phase 6 V6.0.4 — active storefront promotion */
.sitePromoModal{position:fixed;inset:0;z-index:490;display:grid;place-items:center;padding:22px;background:rgba(2,4,6,.76);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .22s}.sitePromoModal.open{opacity:1;pointer-events:auto}.sitePromoCard{position:relative;width:min(500px,94vw);padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:radial-gradient(circle at 82% 0,rgba(244,91,145,.13),transparent 34%),radial-gradient(circle at 10% 100%,rgba(255,154,105,.08),transparent 34%),linear-gradient(155deg,#0b0f14,#07090c);box-shadow:0 34px 100px rgba(0,0,0,.65);text-align:center}.sitePromoClose{position:absolute;right:15px;top:13px;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.03);color:#8d949e;font-size:20px;cursor:pointer}.sitePromoEyebrow{font-size:7px;font-weight:800;letter-spacing:.18em;color:#ff8b7c}.sitePromoCard h2{font-size:31px;letter-spacing:-.04em;margin:10px 0 8px}.sitePromoCard p{margin:0 auto;color:#7d8690;font-size:10px;line-height:1.65;max-width:390px}.sitePromoPrice{display:flex;justify-content:center;align-items:baseline;gap:10px;margin:22px 0}.sitePromoPrice del{color:#69727b;font-size:12px}.sitePromoPrice strong{font-size:30px;color:#ff9878}.sitePromoPrice b{font-size:7px;color:#65dda0}.sitePromoCta{border:0;border-radius:12px;padding:13px 24px;background:linear-gradient(100deg,#ff9a69,#ff5f91);color:#fff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.sitePromoEnds{display:block;margin-top:13px;color:#515962;font-size:7px}@media(max-width:650px){.sitePromoCard{padding:30px 22px}}

/* 5V8.1.3.1 — larger, clearer category carousel SVG icons */
.chipIcon{left:10px!important;top:10px!important;width:45px!important;height:45px!important;object-fit:contain!important;opacity:.98!important;filter:brightness(0) invert(1)!important}


/* 5V8.1.3.1 — Adult carousel icon and label alignment.
   Overrides legacy Adult-only rules without changing Safe Search artwork blur. */
.chip.adultChip > .chipIcon {
    display: block !important;
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    width: 45px !important;
    height: 45px !important;
    margin: 0 !important;
    z-index: 6 !important;
}
.chip.adultChip > b {
    display: block !important;
    position: absolute !important;
    left: 16px !important;
    right: 10px !important;
    bottom: 12px !important;
    top: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 6 !important;
    line-height: 1.2 !important;
}

/* 5V8.1.3.1 — category card final spacing: only two exceptions. */
/* Adult: lift the label slightly; preserve icon, blur and all standard cards. */
.chip.adultChip > b { bottom: 20px !important; }

/* League of Legends: allow its long title to wrap cleanly within the card. */
.chip[data-c="League of Legends Inspired"] > b {
    font-size: 14px !important;
    line-height: 1.18 !important;
    margin-top: 24px !important;
    overflow-wrap: normal;
}


/* Wallnuvia — Category Carousel Titles */
.chip > b {
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    letter-spacing: -0.02em !important;
}



/* Explore Wallpapers — Category Watermark Icons */
.topicWatermark {
    z-index: 0 !important;
    left: -10px !important;
    top: 8% !important;
    width: 92px !important;
    height: 92px !important;
    opacity: 0.30 !important;
    transform: translate(-20px, -50%) scale(1.14) !important;
}

/* f10j — counts reflect the public, post-isolation wallpaper selection */
.viewAllCount{font-variant-numeric:tabular-nums;opacity:.75}
.galleryTitleWithCount{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.galleryTitleWithCount h3{margin:0}
.galleryCount{display:inline-flex;align-items:center;border:1px solid rgba(170,195,212,.28);border-radius:999px;padding:5px 11px;color:#c6d8e5;background:rgba(35,58,74,.48);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}

/* f10k: 5px spacing between View All label and counter */
.segmentedNav .viewAll .viewAllCount{margin-left:5px}

/* Phase 8.1.3f10m: static, unobtrusive partnerships invitation */
.partnershipCta{min-height:205px;background:#09131c;border-color:rgba(153,185,206,.16);gap:24px}
.partnershipCopy{max-width:850px}
.partnershipCta .partnershipCopy small{display:inline-flex;align-items:center;gap:9px;color:#85c7ed;font-size:11px;font-weight:700;letter-spacing:.055em}
.partnershipCta .partnershipCopy h2{font-size:clamp(23px,2.6vw,34px);margin:15px 0 12px}
.partnershipCta .partnershipCopy p{line-height:1.65;margin:0 0 20px;color:#a9b9c8}
.partnershipNote{font-size:12px;color:#8ea6b7}
.partnershipAction{display:flex;flex-direction:column;align-items:center;gap:9px;flex-shrink:0}
.partnershipAction .partnershipButton{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;cursor:not-allowed;opacity:.85}
.partnershipAction>span{font-size:11px;color:#8ea6b7}
@media(max-width:700px){.partnershipCta{padding:25px 22px}.partnershipAction{align-items:flex-start}}

/* f10n: active link to static Partnerships page */
.partnershipAction .partnershipButton{cursor:pointer;opacity:1;text-decoration:none}

/* 5V8.1.3f10p: accommodate the new horizontal wordmark without overlapping Beta badge. */
header .brand{display:inline-flex;align-items:center;gap:10px!important;min-width:0}
header .brandLogo{display:block;width:195px;height:42px;max-width:none;object-fit:contain;object-position:left center;margin-right:0!important;flex:0 0 auto}
header .betaBadgeWrap{position:relative;flex:0 0 auto;margin-left:0!important;transform:none!important}
#genreBrowse{scroll-margin-top:96px}
@media(max-width:1100px){header .brandLogo{width:165px;height:37px}header .brand{gap:8px!important}}
@media(max-width:700px){header .brandLogo{width:145px;height:34px}}

/* Phase 8.1.3f10q — Partnerships banner image */
.partnershipCta{position:relative;isolation:isolate;overflow:hidden;background:#07131c url('assets/partnerships/spaceship-commander-banner.jpg') center center/cover no-repeat;border-color:rgb(49 72 66)}
.partnershipCta::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,11,17,.94) 0%,rgba(3,11,17,.85) 48%,rgba(3,11,17,.46) 100%)}
.partnershipCta .partnershipCopy small{color:#65d6c5}
.partnershipCta .partnershipNote{color:#bdd3d6}
@media(max-width:700px){.partnershipCta::before{background:linear-gradient(90deg,rgba(3,11,17,.94),rgba(3,11,17,.72))}}

/* Phase 8.5.1a — public mobile header only. Desktop intentionally untouched. */
.mobileHeaderActions{display:none}
@media(max-width:700px){
  body>header{height:68px;padding:0 16px;gap:8px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(5,9,13,.94),rgba(5,9,13,.65) 76%,transparent);}
  body>header .brand{min-width:0;flex:0 1 auto;gap:4px!important;}
  body>header .brandLogo{width:clamp(125px,37vw,165px)!important;height:36px!important;max-width:100%;}
  body>header .betaBadgeWrap{flex-shrink:0;}
  body>header .betaBrandBadge{font-size:7px;padding:3px 5px;}
  body>header nav{display:block!important;position:static;z-index:150;}
  body>header nav>a,body>header nav>#accountTrigger{display:none!important;}
  body>header .search{display:none!important;}
  body>header .mobileHeaderActions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;z-index:151;}
  .mobileHeaderActions button{position:relative;display:grid;place-items:center;width:39px;height:39px;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(14,19,26,.56);color:#f3f3f3;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
  .mobileHeaderActions button i{font-size:19px;line-height:1;}
  .mobileHeaderActions button:focus-visible{outline:2px solid #ff967c;outline-offset:2px;}
  .mobileHeaderNotify{position:absolute;top:1px;right:1px;width:9px;height:9px;border-radius:50%;background:#f57b72;border:2px solid #10141b;}
  .mobileHeaderNotify[hidden]{display:none!important;}
  body>header .accountMenu{position:absolute;right:16px;left:auto;top:60px;width:min(310px,calc(100vw - 32px));max-height:calc(100dvh - 90px);overflow-y:auto;z-index:180;}
}
@media(max-width:370px){body>header{padding:0 11px;}body>header .brandLogo{width:122px!important;}body>header .mobileHeaderActions{gap:5px}.mobileHeaderActions button{width:35px;height:35px;}body>header .accountMenu{right:11px;}}

/* Phase 8.5.1b — fullscreen mobile settings-like screens. Desktop unchanged. */
.mobilePanelBack,.mobileAccountPanelHead{display:none}
@media(max-width:700px){
 body.mobilePanelVisible{overflow:hidden!important}
 body>header .accountMenu:not([hidden]){
  position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;
  width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;
  box-sizing:border-box!important;padding:calc(env(safe-area-inset-top,0px) + 18px) 20px calc(env(safe-area-inset-bottom,0px) + 28px)!important;
  border:0!important;border-radius:0!important;background:#080c11!important;overflow-y:auto!important;overflow-x:hidden!important;
  z-index:1000!important;box-shadow:none!important;
 }
 .mobileAccountPanelHead{display:flex;align-items:center;min-height:55px;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.09);color:#fff;font-size:18px;gap:20px}
 .mobilePanelBack{display:inline-flex;align-items:center;justify-content:center;flex:none;border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:10px 13px;background:#14191f;color:#fff;font:inherit;font-size:14px;cursor:pointer}
 body>header .accountMenu .mobilePanelBack{width:auto;display:inline-flex;font-size:14px;color:#fff;padding:10px 13px;margin:0;background:#14191f}
 body>header .accountMenu .accountIdentity{padding:18px 4px 24px;margin-bottom:12px}
 body>header .accountMenu>button:not(.mobilePanelBack){min-height:51px;font-size:14px;padding:12px 10px}
 body>header .accountMenu>button span{font-size:10px}
 .authModal.open{position:fixed!important;inset:0!important;display:block!important;padding:0!important;overflow:hidden!important;z-index:1100!important;background:#080c11!important;backdrop-filter:none!important}
 .authModal.open>.authCard{
  position:relative!important;display:block!important;width:100vw!important;max-width:none!important;min-width:0!important;
  height:100dvh!important;max-height:100dvh!important;box-sizing:border-box!important;margin:0!important;
  padding:calc(env(safe-area-inset-top,0px) + 18px) 20px calc(env(safe-area-inset-bottom,0px) + 36px)!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;background:radial-gradient(circle at 95% 0%,rgba(244,91,145,.075),transparent 42%),#080c11!important;
 }
 .authModal.open>.authCard>.mobilePanelBack{margin-bottom:22px}
 .authModal.open>.authCard>.authClose{display:none!important}
 .authModal.open .authForm,.authModal.open .authForm label,.authModal.open input,.authModal.open textarea,.authModal.open select{max-width:100%;min-width:0;box-sizing:border-box}
 .authModal.open .authForm input,.authModal.open .authForm textarea,.authModal.open .authForm select{font-size:16px}
 .authModal.open .authBrand img{max-width:160px}
 .authModal.open .supportCenterTabs{top:0}
 .authModal.open .customerReplyForm{flex-wrap:wrap}
 .authModal.open .customerReplyForm textarea{min-width:100%;box-sizing:border-box}
 .authModal.open .customerTicketItem{flex-wrap:wrap}
}

/* Phase 8.5.1c — mobile safe gutters and account panel alignment */
@media(max-width:700px){
 body>header .accountMenu:not([hidden]){width:100%!important;max-width:100%!important;padding-left:max(16px,env(safe-area-inset-left,0px))!important;padding-right:max(16px,env(safe-area-inset-right,0px))!important;}
 .mobileAccountPanelHead{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;gap:0;padding:0 48px;margin-bottom:22px;text-align:center;box-sizing:border-box;}
 .mobileAccountPanelHead strong{font-size:18px;line-height:1.2;white-space:nowrap;}
 body>header .accountMenu .mobileAccountPanelHead .mobilePanelBack{position:absolute;left:0;top:50%;transform:translateY(-50%);border:0!important;background:transparent!important;box-shadow:none!important;padding:10px 0!important;min-height:44px;font-size:14px;}
 body>header .accountMenu .accountIdentity,body>header .accountMenu>button{max-width:100%;box-sizing:border-box;min-width:0;}
 body>header .accountMenu .accountIdentityCopy,body>header .accountMenu .accountIdentityCopy small{overflow-wrap:anywhere;min-width:0;}
 .authModal.open>.authCard{width:100%!important;max-width:100%!important;padding-left:max(16px,env(safe-area-inset-left,0px))!important;padding-right:max(16px,env(safe-area-inset-right,0px))!important;}
 .authModal.open>.authCard *{box-sizing:border-box;}
 .authModal.open>.authCard :is(.authForm,.accountProfileFields,.accountReadOnly,.accountPlanCard,.accountCreditCard,.accountWallpaperCard,.supportCenterTabs,.supportCenterCard,.googleAuthBtn,.profileSaveBtn,input,textarea,select){max-width:100%;min-width:0;}
 .authModal.open>.authCard :is(.accountReadOnly,.accountPlanCard,.accountCreditHead,.accountWallpaperHead){flex-wrap:wrap;gap:8px;}
 .authModal.open>.authCard :is(.accountReadOnly strong,.accountReadOnly span,.accountPlanCard strong,.accountCreditCard strong,.accountWallpaperCard strong){min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;}
 .authModal.open>.authCard :is(h1,h2,h3,p,label){overflow-wrap:break-word;}
 .authModal.open>.authCard>.mobilePanelBack{border:0!important;background:transparent!important;box-shadow:none!important;padding-left:0!important;}
}

/* Phase 8.5.1d — viewport-level mobile account screen; no header stacking/width clipping. */
@media(max-width:700px){
 body>#accountMenu:not([hidden]){
  display:block!important;position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
  width:100vw!important;max-width:100vw!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;
  box-sizing:border-box!important;margin:0!important;
  padding:calc(env(safe-area-inset-top,0px) + 16px) max(16px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 28px) max(16px,env(safe-area-inset-left,0px))!important;
  background:#080c11!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  overflow-x:hidden!important;overflow-y:auto!important;z-index:9999!important;transform:none!important;
 }
 body>#accountMenu .mobileAccountPanelHead{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;min-height:56px!important;padding:0!important;margin:0 0 22px!important;text-align:left!important;border-bottom:1px solid rgba(255,255,255,.09);}
 body>#accountMenu .mobileAccountPanelHead strong{font-size:18px!important;line-height:1.2!important;white-space:normal!important;min-width:0;}
 body>#accountMenu .mobileAccountPanelHead .mobilePanelBack{position:static!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-height:44px!important;margin:0!important;padding:8px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;}
 body>#accountMenu .accountIdentity{display:flex!important;align-items:center!important;gap:11px!important;padding:18px 4px 24px!important;margin-bottom:12px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
 body>#accountMenu .accountIdentityCopy,body>#accountMenu .accountIdentityCopy small{min-width:0!important;overflow-wrap:anywhere!important;}
 body>#accountMenu>button:not(.mobilePanelBack){display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:51px!important;padding:12px 10px!important;box-sizing:border-box!important;font-size:14px!important;}
 body>#accountMenu>button[hidden]{display:none!important;}
 body>#accountMenu>button span{margin-left:auto!important;min-width:0!important;max-width:48%!important;text-align:right!important;overflow-wrap:anywhere!important;font-size:10px!important;}
 body>#accountMenu *{box-sizing:border-box;}
}

/* Phase 8.5.4a — Public mobile section typography only. */
@media (max-width: 700px) {
  .heading h2 {
    font-size: 22px;
    letter-spacing: -.035em;
    font-weight: 600;
  }
  .heading p {
    font-size: 12px;
    line-height: 1.5;
  }
}

/* 5V8.5.4m — mobile Explore rail compact cards and spacing */
@media (max-width: 800px) {
  .topicRail .wallCard { height: 150px !important; }
  .topic { margin-bottom: 0px !important; }
}
@media (max-width: 650px) {
  .topicRail .wallCard { flex-basis: 73vw !important; }
}

/* 5V8.5.4s — mobile carousel counters and progressive Browse by Genre */
.topicMobileCount { display:none; }
.genreShowMore { display:none; }
@media (max-width:800px) {
  #explore .topicTitleLine .topicMobileCount {
    display:inline-block;
    flex:none;
    margin-left:5px;
    font-family:'Poppins',sans-serif;
    font-size:12px;
    font-weight:400;
    line-height:1.4;
    color:rgba(255,255,255,.75);
    white-space:nowrap;
  }
  #genreGrid > .genreTile[hidden] { display:none!important; }
  #genreShowMore:not([hidden]) {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    margin:20px auto 0;
    padding:12px 18px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:12px;
    background:rgba(255,255,255,.035);
    color:#fff;
    font-family:'Poppins',sans-serif;
    font-size:13px;
    font-weight:500;
    cursor:pointer;
  }
  #genreShowMore:focus-visible { outline:2px solid #fff;outline-offset:3px; }
}

/* 5V8.5.4t — compact mobile title counter spacing */
@media (max-width: 800px) {
  .topicTitleLine { gap: 0; }
  #explore .topicTitleLine .topicMobileCount { font-size: 10px; }
}

/* 5V8.5.4u — dynamic Browse by Genre progress + adult toggle placement (mobile only). */
.genreShowMoreStatus { display:none; }
@media (max-width:800px) {
  #genreShowMoreStatus:not([hidden]) {
    display:block;
    margin:20px auto 7px;
    color:rgba(255,255,255,.68);
    text-align:center;
    font-family:'Poppins',sans-serif;
    font-size:12px;
    font-weight:400;
  }
  #genreShowMore:not([hidden]) { margin-top:0; }
  #explore .topicAdult .topicHead { position:relative; }
  #explore .topicAdult .safeDivider { display:none; }
  #explore .topicAdult .sectionSafeToggle {
    position:absolute;
    top:0;
    right:8px;
    z-index:5;
    margin:0;
    white-space:nowrap;
  }
}

/* Phase 8.5.4v — Mobile Partnerships CTA sizing and overflow containment.
   Desktop rules intentionally unchanged. */
@media (max-width: 800px) {
  .partnershipCta {
    box-sizing: border-box;
    width: auto;
    max-width: calc(100% - 24px);
    min-width: 0;
    margin-left: 12px;
    margin-right: 12px;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    overflow: hidden;
  }
  .partnershipCta .partnershipCopy,
  .partnershipCta .partnershipAction {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }
  .partnershipCta .partnershipCopy h2 {
    font-size: clamp(22px, 2.6vw, 34px);
    margin: 15px 0 12px;
    overflow-wrap: break-word;
  }
  .partnershipCta .partnershipCopy p {
    line-height: 1.65;
    margin: 0 0 20px;
    color: #a9b9c8;
    font-size: 12px;
    overflow-wrap: break-word;
  }
  .partnershipAction .partnershipButton {
    font-size: 12px !important;
    max-width: 100%;
  }
}

/* Phase 8.5.4w — mobile Partnerships width and footer finishing. */
.footerLegalPlaceholder { display:none; }
@media (max-width:800px) {
  /* Keep the actual rounded banner border inside the mobile content box.
     Background cover is intentionally cropped inside the card. */
  main > .partnershipCta {
    display:flex;
    box-sizing:border-box;
    width:calc(100% - 24px);
    max-width:calc(100% - 24px);
    min-width:0;
    margin-left:12px;
    margin-right:12px;
    background-position:center center;
    overflow:hidden;
  }
  .siteFooter .footerBottom {
    align-items:flex-start;
    text-align:left;
  }
  .siteFooter .footerBottom > .footerVersion {
    display:block;
    align-self:flex-start;
    text-align:left;
    margin-left:0;
    margin-right:auto;
  }
  .siteFooter .footerLegalPlaceholder {
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    align-items:center;
    margin:7px 0 3px;
    font-size:10px;
    letter-spacing:0;
    color:#7d898f;
  }
}

/* Phase 8.5.4x — verified mobile Partnerships border containment.
   At 375px viewport: left 12px, width 351px, right 363px. */
@media (max-width: 800px) {
  main > .partnershipCta {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-inline: 12px !important;
    box-sizing: border-box !important;
  }
}

/* Phase 8 Adult Consent UI */
.ageInstructions{display:grid;gap:9px;text-align:left;background:#0d1a29;border:1px solid #31475b;border-radius:13px;padding:16px;margin-bottom:18px;color:#cbd9e6;font-size:13px}.ageInstructions strong{color:#fff;font-size:14px}.ageConsentLabel{display:flex;align-items:flex-start;gap:12px;text-align:left;color:#f3f6fa;font-size:13px;line-height:1.5;cursor:pointer}.ageConsentLabel input{width:18px;height:18px;flex:none;accent-color:#65d4c3;margin-top:2px}.ageGate .ageLegalNote{font-size:11px;margin:14px 0;color:#91a5b9}.ageGate .ageError{font-size:12px;color:#ff9a9a;margin:0 0 8px}.ageConfirm:disabled{opacity:.42;cursor:not-allowed}.ageGateCard{max-height:calc(100dvh - 36px);overflow-y:auto}

/* Phase 8 consent patch 2 — Beta palette + deliberate hold-to-confirm */
.ageGate .ageInstructions{
  background:linear-gradient(115deg,rgba(255,154,105,.105),rgba(255,95,145,.085));
  border-color:rgba(255,139,124,.34);
  color:#f1d8d4;
}
.ageGate .ageInstructions strong{color:#ffad98}
.ageGate .ageConfirm{touch-action:none;user-select:none;-webkit-user-select:none;}
.ageGate .ageConfirm:before{display:none}
.ageConfirmProgress{
  position:absolute;inset:0 auto 0 0;width:0;
  background:linear-gradient(100deg,#ffad6d,#ff7b7f 48%,#f45b91);
  pointer-events:none;z-index:0;
}
.ageConfirm.ageHolding .ageConfirmProgress{width:100%;transition:width var(--age-hold-duration,3000ms) linear}
.ageConfirmText{position:relative;z-index:1;pointer-events:none}
.ageConfirm:disabled{cursor:not-allowed}

/* Phase 8 consent patch 3 — beta coral checkbox and compact instructions */
.ageGate .ageInstructions span{font-size:10px;line-height:1.55;}
.ageGate .ageConsentLabel input{accent-color:#ff8c80;}
@media(max-width:600px){.ageGate .ageInstructions span{font-size:11px;}}

/* 5V8.5.5bg — subtle account adult preferences */
.accountAdultPrefs{border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025);overflow:hidden;color:#cbd1db}
.accountAdultPrefs summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;font-size:11px;font-weight:700;list-style:none}
.accountAdultPrefs summary::-webkit-details-marker{display:none}.accountAdultPrefs summary:after{content:'⌄';font-size:15px;color:#9ba5b3}.accountAdultPrefs[open] summary:after{content:'⌃'}
.accountAdultPrefs summary small{font-size:9px;font-weight:500;color:#88919e}.accountAdultPrefsBody{padding:0 13px 13px;font-size:10px;line-height:1.6}
.accountAdultRevoke{display:block;margin-top:12px;border:1px solid rgba(255,140,140,.35);border-radius:9px;background:rgba(255,90,90,.07);color:#ffaaa6;padding:10px 12px;font:inherit;cursor:pointer}
.accountAdultRevoke[hidden]{display:none}.accountAdultRevoke:disabled{opacity:.5;cursor:wait}.accountAdultFootnote{font-size:9px;color:#88919e;margin:10px 0 0}
@media(max-width:520px){.accountAdultPrefs summary{flex-wrap:wrap}}

/* 5V8.5.5bj — accessible Safe Search switch: green/left=ON, red/right=OFF */
.sectionSafeToggle,.sectionSafeToggle:hover,.sectionSafeToggle.isOff{display:inline-flex;align-items:center;gap:12px;height:34px;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none;color:rgba(255,255,255,.9);font-size:12px;white-space:nowrap}
.sectionSafeToggle:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:5px}
.safeToggleLabel{white-space:nowrap}
.safeSwitchTrack{position:relative;display:block;width:54px;height:28px;flex:0 0 54px;border-radius:30px;background:#237a52;transition:background .2s ease}
.safeSwitchKnob{position:absolute;top:5px;left:5px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease}
.sectionSafeToggle.isOff .safeSwitchTrack{background:#a52c3c}
.sectionSafeToggle.isOff .safeSwitchKnob{transform:translateX(26px)}
@media(max-width:800px){#explore .topicAdult .sectionSafeToggle{right:8px;top:0;gap:7px;font-size:10px}.safeSwitchTrack{width:46px;height:24px;flex-basis:46px}.safeSwitchKnob{width:16px;height:16px;top:4px;left:4px}.sectionSafeToggle.isOff .safeSwitchKnob{transform:translateX(22px)}}

/* 5V8.5.5bl — Mobile Adult Safe Search switch at the far right. */
@media(max-width:800px){
 #explore .topicAdult .topicTitleLine{position:relative;display:flex;align-items:center;min-height:34px;padding-right:0}
 #explore .topicAdult .sectionSafeToggle{position:absolute;left:auto;right:0;top:0;gap:6px;margin:0;z-index:5}
 #explore .topicAdult .safeToggleLabel{font-size:10px}
 #explore .topicAdult .topicTitleLine h3{max-width:calc(100% - 180px);white-space:nowrap}
}

/* 5V8.5.5bm — secure Adult preview loading feedback */
.adultCard,.detailMedia{position:relative}
.adultPreviewLoading{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;pointer-events:none;color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 8px #000;background:rgba(7,12,18,.18)}
.adultPreviewLoading[hidden]{display:none!important}
.adultPreviewSpinner{width:23px;height:23px;border-radius:50%;border:2px solid rgba(255,255,255,.27);border-top-color:#fff;animation:adultPreviewSpin .75s linear infinite}
@keyframes adultPreviewSpin{to{transform:rotate(360deg)}}
.adultPreviewFadeIn>img{animation:adultPreviewReveal .25s ease-out both}
@keyframes adultPreviewReveal{from{opacity:.55}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.adultPreviewSpinner{animation:none;border-top-color:#fff}.adultPreviewFadeIn>img{animation:none}}

/* 5V8.5.5bo — Legal footer links on all viewports */
.siteFooter .footerLegalPlaceholder{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#9aadb6;font-size:11px;letter-spacing:0}
.siteFooter .footerLegalPlaceholder a{color:#c7d9df;text-decoration:none;transition:color .2s}
.siteFooter .footerLegalPlaceholder a:hover,.siteFooter .footerLegalPlaceholder a:focus-visible{color:#58e3d4;text-decoration:underline}
@media(max-width:800px){.siteFooter .footerLegalPlaceholder{display:flex;font-size:11px}}