
/* Site chrome is owned by KazooWatch Site Shell. */

.kwhp-homepage {
    --white: #FFFFFF;
    --green: #268730;
    --purple: #7B69C7;
    --pink: #E30796;
    --black: #111114;
    --text: #1D1D21;
    --muted: #707078;
    --soft: #F7F7FA;
    --line: #E7E7EC;
    --radius-large: 30px;
    --shadow-small: 0 12px 35px rgba(0,0,0,.08);
    --shadow-large: 0 25px 75px rgba(0,0,0,.13);
    --max-width: 1440px;

    position: relative;
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow-x: clip;
    color: var(--text);
    background:
        radial-gradient(circle at 8% 3%, rgba(227,7,150,.08), transparent 420px),
        radial-gradient(circle at 94% 8%, rgba(123,105,199,.12), transparent 480px),
        var(--white);
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.kwhp-homepage *,
.kwhp-homepage *::before,
.kwhp-homepage *::after {
    box-sizing: border-box;
}

.kwhp-homepage img {
    max-width: 100%;
}

.kwhp-homepage a {
    color: inherit;
}

.kwhp-homepage button,
.kwhp-homepage input {
    font: inherit;
}

.kwhp-shell {
    width: min(var(--max-width), calc(100% - 40px));
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    padding: 34px 0 90px;
}

.kwhp-section {
    margin-top: 80px;
}

#discover,
#worth-watching,
#read,
#videos,
#community,
#app {
    scroll-margin-top: 95px;
}

.kwhp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--green);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.kwhp-eyebrow::before {
    content: "";
    width: 22px;
    height: 3px;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--green), var(--pink));
}

/* HERO */
.kwhp-top-grid {
    display: grid;
    grid-template-columns: minmax(0,1.55fr) minmax(360px,.75fr);
    gap: 24px;
    align-items: start;
}

.kwhp-selector {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: var(--radius-large);
    background:
        linear-gradient(135deg, rgba(123,105,199,.08), transparent 45%),
        linear-gradient(315deg, rgba(227,7,150,.06), transparent 45%),
        var(--white);
    box-shadow: var(--shadow-large);
}

.kwhp-selector::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -100px;
    top: -120px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(38,135,48,.16), rgba(227,7,150,.13));
}

.kwhp-selector-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    padding: 40px 40px 28px;
}

.kwhp-selector h1 {
    max-width: 800px;
    margin: 0;
    font-size: clamp(3rem,5.6vw,5.8rem);
    line-height: .92;
    letter-spacing: -.065em;
}

.kwhp-selector-intro {
    max-width: 650px;
    margin: 20px 0 0;
    color: var(--muted);
    font-size: 1.08rem;
    line-height: 1.55;
}

/* KAZOO MODE */
.kwhp-kazoo-mode {
    min-width: 205px;
    padding: 15px;
    border: 1px solid rgba(123,105,199,.25);
    border-radius: 18px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 12px 35px rgba(123,105,199,.14);
}

.kwhp-kazoo-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.kwhp-kazoo-name {
    font-weight: 900;
    background: linear-gradient(90deg,var(--purple),var(--pink));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.kwhp-kazoo-mode small {
    display: block;
    margin-top: 7px;
    color: var(--muted);
    line-height: 1.35;
}

.kwhp-switch {
    position: relative;
    width: 50px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: #C8C8CE;
    cursor: pointer;
}

.kwhp-switch::after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 2px 8px rgba(0,0,0,.22);
    transition: .2s;
}

.kwhp-switch.active {
    background: linear-gradient(90deg,var(--purple),var(--pink));
}

.kwhp-switch.active::after {
    transform: translateX(22px);
}

/* CHOICES */
.kwhp-selector-body {
    position: relative;
    z-index: 2;
    padding: 0 40px 40px;
}

.kwhp-choice-row {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 20px;
    padding: 18px 0;
    border-top: 1px solid var(--line);
}

.kwhp-choice-label {
    padding-top: 10px;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.kwhp-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.kwhp-chip {
    border: 1px solid #D8D8DF;
    border-radius: 999px;
    background: white;
    padding: 10px 16px;
    color: var(--text);
    font-weight: 700;
    cursor: pointer;
    transition: .15s;
}

.kwhp-chip:hover {
    border-color: var(--purple);
    transform: translateY(-1px);
}

.kwhp-chip.selected {
    border-color: transparent;
    background: linear-gradient(90deg,var(--purple),var(--pink));
    color: white;
    box-shadow: 0 8px 22px rgba(123,105,199,.22);
}

.kwhp-selector-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
}

.kwhp-find-button {
    border: 0;
    border-radius: 999px;
    padding: 16px 25px;
    background: linear-gradient(90deg,var(--green),#35A842);
    color: white;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(38,135,48,.24);
    transition: .2s;
}

.kwhp-find-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 17px 38px rgba(38,135,48,.30);
}

.kwhp-find-button:disabled {
    opacity: .65;
    cursor: wait;
    transform: none;
}

.kwhp-selector-note {
    max-width: 380px;
    color: var(--muted);
    font-size: .85rem;
    line-height: 1.4;
}

/* VIDEO PANEL */
.kwhp-video-panel {
    overflow: hidden;
    border-radius: var(--radius-large);
    background: var(--black);
    color: white;
    box-shadow: var(--shadow-large);
}

.kwhp-video-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.kwhp-video-head h2 {
    margin: 0;
    font-size: 1rem;
}

.kwhp-new-badge {
    border-radius: 999px;
    padding: 6px 10px;
    background: var(--pink);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.kwhp-video-player-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

.kwhp-video-player {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #000;
    object-fit: contain;
}

.kwhp-video-empty-player {
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 75% 25%, rgba(227,7,150,.7), transparent 28%),
        radial-gradient(circle at 20% 80%, rgba(38,135,48,.55), transparent 32%),
        linear-gradient(135deg,#18181D,#4B3E8A);
}

.kwhp-placeholder-label {
    padding: 10px 14px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 999px;
    background: rgba(0,0,0,.22);
    color: rgba(255,255,255,.8);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.kwhp-video-copy {
    padding: 20px 20px 18px;
}

.kwhp-video-copy h3 {
    margin: 0;
    font-size: 1.35rem;
    line-height: 1.08;
    letter-spacing: -.03em;
}

.kwhp-video-copy h3 a {
    color: white;
    text-decoration: none;
}

.kwhp-video-copy h3 a:hover {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.kwhp-video-copy p {
    margin: 9px 0 0;
    color: rgba(255,255,255,.68);
    line-height: 1.45;
}

.kwhp-video-queue {
    border-top: 1px solid rgba(255,255,255,.10);
}

.kwhp-video-queue-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 16px 20px 10px;
}

.kwhp-video-queue-head h3 {
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.kwhp-video-queue-head span {
    color: rgba(255,255,255,.55);
    font-size: .7rem;
    font-weight: 800;
}

.kwhp-video-queue-list {
    max-height: 380px;
    overflow-y: auto;
    padding: 0 12px 14px;
    scrollbar-width: thin;
}

.kwhp-video-queue-item {
    width: 100%;
    display: grid;
    grid-template-columns: 90px minmax(0,1fr) 28px;
    gap: 12px;
    align-items: center;
    border: 0;
    border-radius: 12px;
    padding: 9px 8px;
    background: transparent;
    color: white;
    text-align: left;
    cursor: pointer;
    transition: .16s ease;
}

.kwhp-video-queue-item:hover,
.kwhp-video-queue-item.active {
    background: rgba(255,255,255,.08);
}

.kwhp-video-queue-item.active {
    box-shadow: inset 3px 0 0 var(--pink);
}

.kwhp-video-queue-thumb {
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9px;
    background: linear-gradient(135deg,var(--purple),var(--pink));
    background-size: cover;
    background-position: center;
    color: white;
    font-size: .72rem;
}

.kwhp-video-queue-copy {
    min-width: 0;
}

.kwhp-video-queue-copy strong {
    display: block;
    overflow: hidden;
    color: white;
    font-size: .82rem;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.kwhp-video-queue-copy span {
    display: block;
    margin-top: 4px;
    color: rgba(255,255,255,.52);
    font-size: .69rem;
}

.kwhp-video-queue-play {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255,255,255,.10);
    color: white;
    font-size: .65rem;
}

.kwhp-video-queue-item.active .kwhp-video-queue-play {
    background: var(--pink);
}

.kwhp-video-queue-empty {
    padding: 12px 8px 18px;
    color: rgba(255,255,255,.55);
    font-size: .78rem;
    line-height: 1.45;
}

/* SECTION HEADS */
.kwhp-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 24px;
}

.kwhp-section-head h2 {
    margin: 0;
    font-size: clamp(2rem,3vw,2.8rem);
    line-height: 1;
    letter-spacing: -.045em;
}

.kwhp-section-head p {
    margin: 8px 0 0;
    color: var(--muted);
}

.kwhp-view-all {
    color: var(--green);
    font-size: .9rem;
    font-weight: 900;
    text-decoration: none;
}

/* RATINGS */
.kwhp-rating-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 7px 10px;
    color: white;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .03em;
    text-transform: uppercase;
    box-shadow: 0 6px 20px rgba(0,0,0,.20);
}

.kwhp-poster-image .kwhp-rating-badge {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    z-index: 3;
    margin: 0;
    padding: 6px 9px 6px 8px;
    border: 0;
    border-radius: 0 0 7px 0;
    box-shadow: none;
    line-height: 1;
    -webkit-backdrop-filter: blur(3px) saturate(1.05);
    backdrop-filter: blur(3px) saturate(1.05);
}

/* 0.4.223: integrate the editorial rating into the poster corner instead of
   floating it like a sticker. Keep the rating colors, but let a trace of the
   poster artwork read through the banner. */
.kwhp-poster-image .kwhp-rating-crap { background: rgba(91,64,37,.86); }
.kwhp-poster-image .kwhp-rating-eh { background: rgba(84,84,92,.86); }
.kwhp-poster-image .kwhp-rating-good { background: rgba(38,135,48,.88); }
.kwhp-poster-image .kwhp-rating-hell { background: rgba(227,7,150,.88); }
.kwhp-poster-image .kwhp-rating-kazoo {
    background: linear-gradient(90deg,rgba(123,105,199,.90),rgba(227,7,150,.90));
}

.kwhp-discovery-banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    display: block;
    padding: 7px 8px 6px;
    color: #fff;
    background: linear-gradient(90deg,var(--purple),var(--pink));
    font-size: .62rem;
    font-weight: 950;
    letter-spacing: .08em;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 5px 14px rgba(0,0,0,.16);
}

.kwhp-rating-crap { background: rgba(91,64,37,.94); }
.kwhp-rating-eh { background: rgba(84,84,92,.94); }
.kwhp-rating-good { background: rgba(38,135,48,.95); }
.kwhp-rating-hell { background: rgba(227,7,150,.95); }
.kwhp-rating-kazoo {
    background: linear-gradient(90deg,rgba(123,105,199,.98),rgba(227,7,150,.98));
}

.kwhp-rating-key {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.kwhp-special-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 9px;
}

.kwhp-special-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 5px 8px;
    background: var(--soft);
    color: var(--text);
    font-size: .66rem;
    font-weight: 800;
    white-space: nowrap;
}

.kwhp-special-badge i {
    color: var(--purple);
}

.kwhp-badge-stoner i { color: var(--green); }
.kwhp-badge-garbage i { color: var(--pink); }

/* POSTER RAIL */
.kwhp-poster-rail {
    display: flex;
    gap: 16px;
}

.kwhp-poster-card {
    min-width: 0;
}

.kwhp-poster-link {
    display: block;
    text-decoration: none;
}

.kwhp-poster-image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2 / 3;
    border-radius: 18px;
    background:
        radial-gradient(circle at 70% 20%, rgba(255,255,255,.18), transparent 30%),
        linear-gradient(145deg,var(--purple),var(--pink));
    box-shadow: var(--shadow-small);
    transition: .25s;
}

.kwhp-poster-card:hover .kwhp-poster-image {
    transform: translateY(-5px);
    box-shadow: var(--shadow-large);
}

.kwhp-poster-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kwhp-poster-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    padding: 18px;
    color: white;
    text-align: center;
    font-weight: 900;
}

.kwhp-poster-meta {
    padding: 12px 3px 0;
}

.kwhp-poster-meta h3 {
    overflow: hidden;
    margin: 0;
    font-size: .98rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.kwhp-poster-meta h3 a {
    color: var(--text);
    text-decoration: none;
}

.kwhp-poster-year {
    display: block;
    margin-top: 5px;
    color: var(--muted);
    font-size: .8rem;
}

.kwhp-review-link {
    display: inline-block;
    margin-top: 8px;
    color: var(--pink);
    font-size: .71rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-decoration: none;
}


/* EDITORIAL TICKER */
.kwhp-editorial-ticker {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: stretch;
    min-height: 44px;
    margin: 14px 0 18px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(33,27,63,.05);
}

.kwhp-editorial-ticker a { text-decoration: none; }

.kwhp-editorial-ticker-label,
.kwhp-editorial-ticker-read {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: .69rem;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.kwhp-editorial-ticker-label {
    padding: 0 13px;
    background: var(--purple);
    color: #fff;
}

.kwhp-editorial-ticker-read {
    padding: 0 13px;
    border-left: 1px solid var(--line);
    color: var(--purple);
    background: #fff;
}

.kwhp-editorial-ticker-track {
    display: flex;
    min-width: 0;
    overflow: hidden;
}

.kwhp-editorial-ticker-marquee {
    display: flex;
    width: max-content;
    min-width: max-content;
    will-change: transform;
    animation: kwhpEditorialTickerMarquee var(--kwhp-editorial-duration, 42s) linear infinite;
}

.kwhp-editorial-ticker-group {
    display: flex;
    flex: 0 0 auto;
    min-width: max-content;
    padding-right: 28px;
}

.kwhp-editorial-ticker:hover .kwhp-editorial-ticker-marquee,
.kwhp-editorial-ticker:focus-within .kwhp-editorial-ticker-marquee {
    animation-play-state: paused;
}

@keyframes kwhpEditorialTickerMarquee {
    from { transform: translate3d(0,0,0); }
    to { transform: translate3d(-50%,0,0); }
}

.kwhp-editorial-ticker-item {
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    max-width: 360px;
    padding: 0 14px;
    border-right: 1px solid var(--line);
    color: var(--text);
}

.kwhp-editorial-ticker-item:hover .kwhp-editorial-ticker-title {
    color: var(--purple);
}

.kwhp-editorial-ticker-type {
    flex: 0 0 auto;
    color: var(--pink);
    font-size: .61rem;
    font-weight: 950;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.kwhp-editorial-ticker-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .78rem;
    font-weight: 850;
    line-height: 1;
}

.kwhp-editorial-ticker-empty {
    display: flex;
    align-items: center;
    padding: 0 14px;
    color: var(--muted);
    font-size: .76rem;
    font-weight: 750;
}

@media (prefers-reduced-motion: reduce) {
    .kwhp-editorial-ticker-track {
        overflow-x: auto;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
    }
    .kwhp-editorial-ticker-track::-webkit-scrollbar { display: none; }
    .kwhp-editorial-ticker-marquee {
        animation: none;
        transform: none;
    }
    .kwhp-editorial-ticker-group-clone { display: none; }
}

@media (max-width: 760px) {
    .kwhp-editorial-ticker {
        grid-template-columns: auto minmax(0,1fr);
        min-height: 40px;
        margin: 10px 0 14px;
        border-radius: 10px;
    }

    .kwhp-editorial-ticker-read { display: none; }
    .kwhp-editorial-ticker-label { padding: 0 10px; font-size: .62rem; }
    .kwhp-editorial-ticker-item { max-width: 285px; padding: 0 11px; }
    .kwhp-editorial-ticker-title { font-size: .73rem; }
}

/* RESULTS */
.kwhp-results {
    display: none;
    margin-top: 35px;
    padding: 30px;
    border: 1px solid rgba(123,105,199,.22);
    border-radius: 26px;
    background:
        linear-gradient(135deg,rgba(123,105,199,.08),rgba(227,7,150,.05)),
        white;
    box-shadow: 0 22px 55px rgba(123,105,199,.18);
}

.kwhp-results.visible {
    display: block;
}

/* WORTH WATCHING */
.kwhp-worth-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
}

.kwhp-worth-card {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 18px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: white;
    box-shadow: var(--shadow-small);
    transition: .2s;
}

.kwhp-worth-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-large);
}

.kwhp-worth-poster {
    position: relative;
    width: 120px;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg,var(--green),var(--purple));
    color: white;
    text-align: center;
    text-decoration: none;
    font-weight: 900;
    line-height: 1;
}

.kwhp-worth-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kwhp-worth-copy h3 {
    margin: 0;
    font-size: 1.2rem;
}

.kwhp-worth-copy h3 a {
    color: var(--text);
    text-decoration: none;
}

.kwhp-worth-copy p {
    margin: 10px 0 0;
    color: var(--muted);
    line-height: 1.45;
}

/* RATING GUIDE */
.kwhp-rating-guide {
    position: relative;
    overflow: hidden;
    padding: 34px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 88% 10%, rgba(227,7,150,.18), transparent 230px),
        radial-gradient(circle at 10% 100%, rgba(38,135,48,.14), transparent 250px),
        #111114;
    color: white;
    box-shadow: var(--shadow-large);
}

.kwhp-rating-guide h2 {
    max-width: 700px;
    margin: 0;
    font-size: clamp(2rem,4vw,3.2rem);
    letter-spacing: -.05em;
    line-height: .98;
}

.kwhp-rating-guide p {
    max-width: 760px;
    color: rgba(255,255,255,.66);
    line-height: 1.55;
}

.kwhp-rating-guide .kwhp-rating-key {
    margin-top: 22px;
}

.kwhp-rating-guide .kwhp-special-badge {
    border-color: rgba(255,255,255,.14);
    background: rgba(255,255,255,.08);
    color: white;
}

.kwhp-badge-section-title {
    display: block;
    margin-top: 26px;
    margin-bottom: 10px;
    color: rgba(255,255,255,.58);
    font-size: .70rem;
    font-weight: 900;
    letter-spacing: .10em;
    text-transform: uppercase;
}

/* PRODUCT STRIP */
.kwhp-product-strip {
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    border-radius: 26px;
    background: var(--black);
    color: white;
    box-shadow: var(--shadow-large);
}

.kwhp-product-item {
    padding: 28px;
    border-right: 1px solid rgba(255,255,255,.1);
}

.kwhp-product-item:last-child {
    border-right: 0;
}

.kwhp-product-item span {
    display: block;
    color: rgba(255,255,255,.55);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.kwhp-product-item strong {
    display: block;
    margin-top: 9px;
    font-size: 1.2rem;
    line-height: 1.3;
}

/* APP */
.kwhp-app-promo {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0,1fr) 360px;
    gap: 50px;
    align-items: center;
    padding: 46px;
    border-radius: 32px;
    background:
        radial-gradient(circle at 84% 15%, rgba(255,255,255,.15), transparent 250px),
        linear-gradient(135deg,var(--purple),var(--pink));
    color: white;
    box-shadow: 0 30px 80px rgba(123,105,199,.28);
}

.kwhp-app-promo::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: -80px;
    bottom: -150px;
    border-radius: 50%;
    background: rgba(38,135,48,.24);
}

.kwhp-app-copy {
    position: relative;
    z-index: 2;
}

.kwhp-app-copy .kwhp-eyebrow {
    color: white;
}

.kwhp-app-copy .kwhp-eyebrow::before {
    background: white;
}

.kwhp-app-copy h2 {
    max-width: 680px;
    margin: 0;
    font-size: clamp(2.4rem,5vw,4.8rem);
    line-height: .92;
    letter-spacing: -.06em;
}

.kwhp-app-copy p {
    max-width: 620px;
    margin: 18px 0 0;
    color: rgba(255,255,255,.78);
    line-height: 1.55;
}

.kwhp-store-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.kwhp-store-button {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    min-height: 58px;
    padding: 0 17px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 14px;
    background: rgba(17,17,20,.92);
    color: white;
}

.kwhp-store-button i {
    font-size: 1.45rem;
}

.kwhp-store-button small {
    display: block;
    color: rgba(255,255,255,.62);
    font-size: .62rem;
}

.kwhp-store-button strong {
    display: block;
    font-size: .92rem;
}

.kwhp-phone-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
}

.kwhp-phone {
    width: 240px;
    padding: 10px;
    border: 4px solid #111;
    border-radius: 36px;
    background: #111;
    box-shadow: 0 24px 55px rgba(0,0,0,.28);
    transform: rotate(5deg);
}

.kwhp-phone-screen {
    min-height: 455px;
    overflow: hidden;
    border-radius: 26px;
    background:
        linear-gradient(160deg,rgba(123,105,199,.12),rgba(227,7,150,.08)),
        white;
    color: var(--text);
    padding: 18px;
}

.kwhp-phone-logo {
    font-weight: 900;
    letter-spacing: -.04em;
}

.kwhp-phone-question {
    margin-top: 48px;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.06em;
    line-height: .94;
}

.kwhp-phone-pill {
    display: inline-block;
    margin-top: 14px;
    border-radius: 999px;
    padding: 8px 10px;
    background: linear-gradient(90deg,var(--purple),var(--pink));
    color: white;
    font-size: .67rem;
    font-weight: 900;
}

.kwhp-phone-card {
    margin-top: 24px;
    padding: 16px;
    border-radius: 17px;
    background: var(--black);
    color: white;
}

.kwhp-phone-card strong {
    display: block;
}

.kwhp-phone-card span {
    display: block;
    margin-top: 8px;
    color: rgba(255,255,255,.60);
    font-size: .74rem;
}

/* SHOWTIMES / NEWSLETTER */
.kwhp-utility-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.kwhp-utility-card {
    overflow: hidden;
    padding: 32px;
    border: 1px solid var(--line);
    border-radius: 26px;
    box-shadow: var(--shadow-small);
}

.kwhp-showtimes {
    background:
        radial-gradient(circle at 90% 10%, rgba(123,105,199,.22), transparent 180px),
        white;
}

.kwhp-newsletter {
    background:
        radial-gradient(circle at 90% 10%, rgba(38,135,48,.22), transparent 180px),
        white;
}

.kwhp-newsletter-reach-embed {
    width: 100%;
    max-width: 670px;
    min-height: 290px;
    margin: 18px auto 0;
}


/* Hostinger Reach native WordPress fallback. Hidden on desktop so the accepted
   Reach-designed embed remains untouched; mobile uses the first-party plugin
   form to avoid blank third-party embed frames. */
.kwhp-newsletter-native-mobile {
    display: none;
}

@media (max-width: 780px) {
    .kwhp-newsletter.has-native-reach-mobile .kwhp-newsletter-reach-embed {
        display: none !important;
        min-height: 0 !important;
        margin: 0 !important;
    }

    .kwhp-newsletter-native-mobile {
        display: block;
        width: 100%;
        max-width: 670px;
        margin: 18px auto 0;
    }

    .kwhp-newsletter-native-mobile .hostinger-reach-block-subscription-form {
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .kwhp-newsletter-native-mobile .hostinger-reach-block-form-fields {
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .kwhp-newsletter-native-mobile .hostinger-reach-block-form-field {
        box-sizing: border-box !important;
        display: block !important;
        flex: none !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .kwhp-newsletter-native-mobile label {
        display: block !important;
        margin: 0 0 7px !important;
        color: #111318 !important;
        font-size: .82rem !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
    }

    .kwhp-newsletter-native-mobile input[type="email"] {
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 15px !important;
        border: 1px solid #D5D5DC !important;
        border-radius: 13px !important;
        background: #fff !important;
        color: #111318 !important;
        font: inherit !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .kwhp-newsletter-native-mobile input[type="email"]:focus {
        outline: 3px solid rgba(123,105,199,.22) !important;
        outline-offset: 1px !important;
        border-color: #7B69C7 !important;
    }

    .kwhp-newsletter-native-mobile .hostinger-reach-block-submit {
        box-sizing: border-box !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 20px !important;
        border: 0 !important;
        border-radius: 13px !important;
        background: #111318 !important;
        color: #fff !important;
        box-shadow: none !important;
        font-family: inherit !important;
        font-size: .88rem !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        letter-spacing: .015em !important;
        text-align: center !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        cursor: pointer !important;
    }

    .kwhp-newsletter-native-mobile .hostinger-reach-block-submit:hover,
    .kwhp-newsletter-native-mobile .hostinger-reach-block-submit:focus {
        background: #282c34 !important;
        color: #fff !important;
    }
}

.kwhp-utility-card h2 {
    margin: 0;
    font-size: 2rem;
    letter-spacing: -.04em;
}

.kwhp-utility-card p {
    margin: 10px 0 22px;
    color: var(--muted);
    line-height: 1.55;
}

.kwhp-input-row {
    display: flex;
    gap: 10px;
}

.kwhp-newsletter-disclosure {
    margin: 12px 0 0;
    font-size: .78rem;
    line-height: 1.5;
    color: var(--muted);
}

.kwhp-newsletter-disclosure a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.kwhp-input-row input {
    width: 100%;
    min-height: 50px;
    border: 1px solid #D5D5DC;
    border-radius: 13px;
    padding: 0 15px;
    outline: 0;
    background: white;
}

.kwhp-input-row input:focus {
    border-color: var(--purple);
    box-shadow: 0 0 0 4px rgba(123,105,199,.10);
}

.kwhp-input-row button {
    flex: none;
    min-height: 50px;
    border: 0;
    border-radius: 13px;
    padding: 0 19px;
    background: var(--black);
    color: white;
    font-weight: 900;
    cursor: pointer;
}

.kwhp-inline-message {
    min-height: 1.2em;
    margin-top: 10px;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 700;
}


.kwhp-platform-admin-note {
    margin-top: 10px;
    padding: 11px 14px;
    border: 1px dashed #D5D5DC;
    border-radius: 12px;
    color: var(--muted);
    background: var(--soft);
    font-size: .78rem;
}

.kwhp-admin-note {
    grid-column: 1 / -1;
    padding: 18px;
    border: 1px dashed #CFCFD6;
    border-radius: 14px;
    background: var(--soft);
    color: var(--muted);
    font-size: .88rem;
}

/* RESPONSIVE */
@media (max-width: 1240px) {
    .kwhp-top-grid {
        grid-template-columns: 1fr;
    }

    .kwhp-poster-rail {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .kwhp-app-promo {
        grid-template-columns: 1fr 300px;
    }

    .kwhp-editorial-layout {
        grid-template-columns: 1fr;
    }

    .kwhp-editorial-list {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .kwhp-editorial-compact {
        display: block;
    }

    .kwhp-editorial-compact .kwhp-editorial-image {
        display: block;
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 850px) {
    .kwhp-selector-head {
        display: block;
    }

    .kwhp-kazoo-mode {
        margin-top: 25px;
        max-width: 260px;
    }

    .kwhp-worth-grid,
    .kwhp-utility-grid {
        grid-template-columns: 1fr;
    }

    .kwhp-product-strip {
        grid-template-columns: 1fr;
    }

    .kwhp-editorial-list {
        grid-template-columns: 1fr;
    }

    .kwhp-editorial-compact {
        display: grid;
        grid-template-columns: 130px minmax(0,1fr);
    }

    .kwhp-editorial-compact .kwhp-editorial-image {
        aspect-ratio: auto;
    }

    .kwhp-product-item {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .kwhp-app-promo {
        grid-template-columns: 1fr;
        padding: 34px;
    }

    .kwhp-phone-wrap {
        margin-top: 8px;
    }
}

@media (max-width: 650px) {
    .kwhp-shell {
        width: calc(100% - 24px);
        padding-top: 18px;
    }

    .kwhp-selector-head {
        padding: 26px 21px 20px;
    }

    .kwhp-selector-body {
        padding: 0 21px 26px;
    }

    .kwhp-choice-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .kwhp-choice-label {
        padding-top: 0;
    }

    .kwhp-find-button {
        width: 100%;
    }

    .kwhp-poster-rail {
        display: flex;
        overflow-x: auto;
        gap: 14px;
        scroll-snap-type: x mandatory;
        padding-bottom: 12px;
    }

    .kwhp-poster-card {
        flex: 0 0 68%;
        scroll-snap-align: start;
    }

    .kwhp-section-head {
        align-items: flex-start;
    }

    .kwhp-editorial-compact {
        grid-template-columns: 105px minmax(0,1fr);
    }

    .kwhp-editorial-copy {
        padding: 14px;
    }

    .kwhp-editorial-compact .kwhp-editorial-copy p {
        display: none;
    }

    .kwhp-worth-card {
        grid-template-columns: 95px 1fr;
    }

    .kwhp-worth-poster {
        width: 95px;
    }

    .kwhp-input-row {
        flex-direction: column;
    }

    .kwhp-input-row button {
        width: 100%;
    }

    .kwhp-video-queue-item {
        grid-template-columns: 82px minmax(0,1fr) 28px;
    }

    .kwhp-app-promo {
        padding: 28px 22px;
    }

    .kwhp-phone {
        width: 220px;
    }
}

/* Editorial compact responsive overrides */
@media (max-width: 980px) {
    .kwhp-editorial-layout { grid-template-columns: 1fr; }
    .kwhp-editorial-list {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 10px;
    }
    .kwhp-editorial-compact {
        display: grid;
        grid-template-columns: 82px minmax(0,1fr);
    }
    .kwhp-editorial-compact .kwhp-editorial-image {
        display: block;
        min-height: 82px;
        aspect-ratio: auto;
    }
}

@media (max-width: 650px) {
    #read.kwhp-section {
        padding-top: 20px;
        padding-bottom: 22px;
    }
    #read .kwhp-section-head { margin-bottom: 10px; }
    .kwhp-editorial-featured {
        display: grid;
        grid-template-columns: 125px minmax(0,1fr);
        min-height: 118px;
    }
    .kwhp-editorial-featured .kwhp-editorial-image {
        display: block;
        min-height: 118px;
        aspect-ratio: auto;
    }
    .kwhp-editorial-featured .kwhp-editorial-copy { padding: 12px 14px; }
    .kwhp-editorial-featured .kwhp-editorial-copy h3 { font-size: 1.05rem; }
    .kwhp-editorial-featured .kwhp-editorial-copy p { display: none; }
    .kwhp-editorial-list {
        grid-template-columns: 1fr;
        gap: 7px;
    }
    .kwhp-editorial-compact {
        display: grid;
        grid-template-columns: 78px minmax(0,1fr);
        min-height: 70px;
    }
    .kwhp-editorial-compact .kwhp-editorial-image {
        min-height: 70px;
        aspect-ratio: auto;
    }
    .kwhp-editorial-compact .kwhp-editorial-copy p { display: none; }
}



.kwhp-video-head-actions{display:flex;align-items:center;gap:10px}.kwhp-video-all-link{color:var(--muted);font-size:.76rem;font-weight:850;text-decoration:none}.kwhp-video-all-link:hover{color:var(--purple)}
.kwhp-watch-hub{--white:#fff;--green:#268730;--purple:#7B69C7;--pink:#E30796;--black:#111114;--text:#1D1D21;--muted:#707078;--soft:#F7F7FA;--line:#E7E7EC;width:min(1180px,calc(100% - 40px));margin:54px auto 90px;color:var(--text)}.kwhp-watch-hero{max-width:900px;margin-bottom:28px}.kwhp-watch-hero h1{margin:0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.96;letter-spacing:-.05em}.kwhp-watch-feature{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:24px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(0,0,0,.06)}.kwhp-watch-player-wrap{aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#111}.kwhp-watch-player{width:100%;height:100%;border:0;background:#000;object-fit:contain}.kwhp-watch-feature-copy h2{margin:12px 0 8px;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.04em}.kwhp-watch-feature-copy p{color:var(--muted);line-height:1.55}.kwhp-watch-feature-copy>a{display:inline-block;margin-top:8px;color:var(--purple);font-weight:900;text-decoration:none}.kwhp-watch-library{margin-top:42px}.kwhp-watch-library-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.kwhp-watch-library-head h2{margin:0;font-size:2rem}.kwhp-watch-library-head span{color:var(--muted);font-size:.8rem;font-weight:850}.kwhp-watch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kwhp-watch-card{display:grid;grid-template-columns:128px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:inherit;background:#fff}.kwhp-watch-card.active{border-color:var(--purple);box-shadow:0 0 0 2px rgba(123,105,199,.12)}.kwhp-watch-thumb{height:78px;border-radius:11px;background:var(--soft) center/cover no-repeat;display:grid;place-items:center;color:white;position:relative;overflow:hidden}.kwhp-watch-thumb:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.22)}.kwhp-watch-thumb i{position:relative;z-index:1}.kwhp-watch-card-copy{min-width:0}.kwhp-watch-card-copy strong{display:block;font-size:.9rem;line-height:1.25}.kwhp-watch-card-copy span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;color:var(--muted);font-size:.72rem;line-height:1.35}.kwhp-watch-empty{padding:36px;border:1px solid var(--line);border-radius:22px;background:var(--soft)}
@media(max-width:900px){.kwhp-watch-feature{grid-template-columns:1fr}.kwhp-watch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.kwhp-watch-hub{width:calc(100% - 24px);margin-top:34px}.kwhp-watch-grid{grid-template-columns:1fr}.kwhp-watch-card{grid-template-columns:110px 1fr}.kwhp-video-head-actions{gap:6px}.kwhp-video-all-link{font-size:.7rem}}

/* =========================================================
   KAZOOWATCH MACHINE — PREMIUM OPERATING SURFACE
========================================================= */
.kwhp-homepage{
    --black:#090a0d;--panel:#111318;--panel-2:#171a20;--metal:#dfe2e8;
    --text:#111318;--muted:#69707b;--soft:#f0f2f5;--line:#d8dce3;
    --radius-large:16px;--shadow-small:0 10px 30px rgba(10,12,18,.08);--shadow-large:0 26px 75px rgba(8,10,15,.16);
    background:
        linear-gradient(rgba(14,16,22,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(14,16,22,.025) 1px,transparent 1px),
        #f2f3f5;
    background-size:44px 44px;
}
.kwhp-shell{width:min(1480px,calc(100% - 56px));padding:28px 0 110px;}
.kwhp-section{margin-top:72px;}
.kwhp-eyebrow{margin-bottom:13px;color:#268730;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem;letter-spacing:.15em;}
.kwhp-eyebrow:before{width:30px;height:2px;border-radius:0;}

.kwhp-editorial-ticker{min-height:42px;margin:0 0 18px;border:1px solid #262932;border-radius:10px;background:#0b0c10;box-shadow:0 10px 28px rgba(5,6,9,.13);}
.kwhp-editorial-ticker-label{background:#151820;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.14em;}
.kwhp-editorial-ticker-read{border-color:#292d36;background:#0b0c10;color:#fff;}
.kwhp-editorial-ticker-item{border-color:#292d36;color:rgba(255,255,255,.86);}
.kwhp-editorial-ticker-type{color:#e30796;}
.kwhp-editorial-ticker-empty{color:rgba(255,255,255,.50);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;}

.kwhp-top-grid{grid-template-columns:minmax(0,1.65fr) minmax(390px,.72fr);gap:14px;}
.kwhp-selector{
    border:1px solid rgba(255,255,255,.09);border-radius:16px;color:#fff;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
        radial-gradient(circle at 92% 3%,rgba(123,105,199,.22),transparent 28%),
        radial-gradient(circle at 8% 95%,rgba(38,135,48,.13),transparent 29%),
        #0b0c10;
    background-size:34px 34px,34px 34px,auto,auto,auto;
    box-shadow:0 32px 90px rgba(7,8,12,.24);
}
.kwhp-selector:before{content:"KW / DECISION INTERFACE";position:absolute;left:40px;top:18px;color:rgba(255,255,255,.36);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.57rem;font-weight:800;letter-spacing:.16em;}
.kwhp-selector:after{width:1px;height:78%;right:24px;top:11%;border-radius:0;background:linear-gradient(transparent,#e30796,#7b69c7,transparent);opacity:.5;}
.kwhp-selector-head{padding:62px 40px 28px;}
.kwhp-selector h1{max-width:770px;font-size:clamp(3.4rem,5.7vw,6.4rem);line-height:.88;letter-spacing:-.072em;}
.kwhp-selector-intro{max-width:610px;color:rgba(255,255,255,.60);font-size:1rem;}
.kwhp-kazoo-mode{min-width:220px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.045);box-shadow:none;}
.kwhp-kazoo-name{color:#fff;background:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;letter-spacing:.10em;}
.kwhp-kazoo-mode small{color:rgba(255,255,255,.47);font-size:.72rem;}
.kwhp-switch{width:48px;height:25px;border-radius:5px;background:#30333a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
.kwhp-switch:after{width:19px;height:19px;top:3px;left:3px;border-radius:3px;box-shadow:none;}
.kwhp-switch.active{background:#268730;}
.kwhp-switch.active:after{transform:translateX(23px);}
.kwhp-selector-body{padding:0 40px 40px;}
.kwhp-choice-row{grid-template-columns:96px 1fr;gap:20px;padding:16px 0;border-color:rgba(255,255,255,.09);}
.kwhp-choice-label{color:rgba(255,255,255,.46);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;letter-spacing:.14em;}
.kwhp-chip{border-color:rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.82);padding:9px 13px;font-size:.79rem;font-weight:760;}
.kwhp-chip:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);transform:none;}
.kwhp-chip.selected{border-color:#7b69c7;background:linear-gradient(135deg,rgba(123,105,199,.90),rgba(227,7,150,.86));box-shadow:0 8px 24px rgba(123,105,199,.18);}
.kwhp-find-button{border-radius:8px;padding:15px 23px;background:#fff;color:#0b0c10;box-shadow:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;}
.kwhp-find-button:hover{transform:none;background:#e9ecf1;box-shadow:none;}
.kwhp-selector-note{color:rgba(255,255,255,.42);font-size:.77rem;}

.kwhp-video-panel{border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#0b0c10;box-shadow:0 32px 90px rgba(7,8,12,.24);}
.kwhp-video-head{min-height:58px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);}
.kwhp-video-head h2{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;}
.kwhp-video-all-link{color:rgba(255,255,255,.58);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.60rem;letter-spacing:.08em;text-transform:uppercase;}
.kwhp-video-empty-player{background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 70% 25%,rgba(227,7,150,.58),transparent 30%),radial-gradient(circle at 22% 75%,rgba(38,135,48,.30),transparent 34%),#12141a;background-size:28px 28px,28px 28px,auto,auto,auto;}
.kwhp-placeholder-label{border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.12em;}
.kwhp-video-copy{padding:18px;}
.kwhp-video-copy h3{font-size:1.25rem;}
.kwhp-video-queue-item{border-radius:8px;}
.kwhp-video-queue-item.active{box-shadow:inset 2px 0 0 #e30796;background:rgba(255,255,255,.07);}
.kwhp-video-queue-thumb{border-radius:6px;}
.kwhp-video-queue-play{border-radius:6px;}

.kwhp-section-head{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #cfd3da;}
.kwhp-section-head h2{font-size:clamp(2rem,3vw,3.1rem);}
.kwhp-section-head p{color:#747b86;}
.kwhp-view-all{color:#111318;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;}
.kwhp-poster-rail{gap:12px;}
.kwhp-poster-image{border-radius:10px;border:1px solid rgba(17,19,24,.11);box-shadow:0 12px 28px rgba(10,12,18,.10);}
.kwhp-poster-card:hover .kwhp-poster-image{transform:translateY(-3px);box-shadow:0 20px 45px rgba(10,12,18,.15);}
.kwhp-poster-meta{padding-top:10px;}
.kwhp-poster-meta h3{font-size:.91rem;}
.kwhp-rating-badge{border-radius:6px;box-shadow:none;font-size:.60rem;letter-spacing:.05em;}
.kwhp-poster-image .kwhp-rating-badge{border-radius:0 0 7px 0;}
.kwhp-special-badge{border-radius:6px;}

.kwhp-worth-card{border-radius:12px;background:#fff;box-shadow:0 9px 28px rgba(10,12,18,.07);}
.kwhp-worth-poster{border-radius:8px;}
.kwhp-rating-guide{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 90% 8%,rgba(227,7,150,.19),transparent 26%),#0b0c10;background-size:34px 34px,34px 34px,auto,auto;}
.kwhp-product-strip{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0b0c10;box-shadow:0 24px 65px rgba(7,8,12,.18);}
.kwhp-product-item{padding:24px 27px;}
.kwhp-product-item span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.14em;}
.kwhp-product-item strong{font-size:1.08rem;}

.kwhp-app-promo{border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 84% 15%,rgba(123,105,199,.28),transparent 32%),radial-gradient(circle at 12% 86%,rgba(227,7,150,.18),transparent 27%),#0b0c10;background-size:34px 34px,34px 34px,auto,auto,auto;box-shadow:0 30px 85px rgba(7,8,12,.24);}
.kwhp-app-promo:after{width:1px;height:74%;right:28px;bottom:13%;border-radius:0;background:linear-gradient(transparent,#7b69c7,#e30796,transparent);}
.kwhp-store-button{border-radius:9px;background:#fff;color:#0b0c10;}
.kwhp-store-button small{color:#6c727d;}
.kwhp-phone{border-width:2px;border-radius:27px;background:#050608;box-shadow:0 28px 65px rgba(0,0,0,.36);transform:rotate(2deg);}
.kwhp-phone-screen{border-radius:22px;background:#f4f5f7;}
.kwhp-phone-pill,.kwhp-phone-card{border-radius:8px;}

.kwhp-utility-card{border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(10,12,18,.07);}
.kwhp-showtimes,.kwhp-newsletter{background:linear-gradient(135deg,#fff,#f3f4f7);}
.kwhp-input-row input,.kwhp-input-row button{border-radius:8px;}
.kwhp-input-row button{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;}

@media(max-width:1240px){.kwhp-top-grid{grid-template-columns:1fr;}.kwhp-video-panel{max-width:none;}}
@media(max-width:650px){
    .kwhp-shell{width:calc(100% - 24px);padding-top:18px;}
    .kwhp-selector:before{left:21px;top:15px;}
    .kwhp-selector-head{padding-top:52px;}
    .kwhp-selector h1{font-size:clamp(3rem,16vw,4.5rem);}
    .kwhp-choice-row{grid-template-columns:1fr;}
}


/* =========================================================
   FOCUSED HOMEPAGE — THE PRODUCT FIRST
========================================================= */
.kwhp-homepage{background:#f4f5f7;color:#15171b;}
.kwhp-shell{width:min(1380px,calc(100% - 40px));padding:18px 0 64px;}
.kwhp-section{margin-top:42px;}
.kwhp-priority-section{margin-top:34px;}
.kwhp-top-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:12px;align-items:stretch;}
.kwhp-selector,.kwhp-video-panel{min-height:0;box-shadow:0 16px 46px rgba(8,10,15,.14);}
.kwhp-selector:before,.kwhp-selector:after{display:none;}
.kwhp-selector-head{display:block;padding:24px 26px 12px;}
.kwhp-selector h1{max-width:650px;margin:0;font-size:clamp(2.15rem,4vw,3.55rem);line-height:.94;letter-spacing:-.055em;}
.kwhp-selector-intro{max-width:580px;margin:10px 0 0;color:rgba(255,255,255,.68);font-size:.92rem;line-height:1.42;}
.kwhp-selector-body{padding:0 26px 22px;}
.kwhp-choice-row{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:10px 0;}
.kwhp-choice-label{padding-top:8px;font-size:.58rem;}
.kwhp-chips{gap:6px;}
.kwhp-chip{padding:7px 10px;font-size:.73rem;line-height:1.15;}
.kwhp-more-filters{margin-top:8px;border-top:1px solid rgba(255,255,255,.09);}
.kwhp-more-filters summary{cursor:pointer;padding:11px 0 4px;color:rgba(255,255,255,.68);font-size:.72rem;font-weight:800;list-style:none;}
.kwhp-more-filters summary::-webkit-details-marker{display:none;}
.kwhp-more-filters summary:after{content:" +";color:#e30796;}
.kwhp-more-filters[open] summary:after{content:" −";}
.kwhp-selector-actions{display:grid;grid-template-columns:auto minmax(170px,.7fr) minmax(150px,1fr);gap:12px;align-items:center;margin-top:14px;}
.kwhp-find-button{min-height:46px;padding:0 18px;white-space:nowrap;}
.kwhp-kazoo-mode{min-width:0;max-width:none;margin:0;padding:9px 11px;border-radius:8px;}
.kwhp-kazoo-line{gap:9px;}
.kwhp-kazoo-mode small{display:none;}
.kwhp-selector-note{font-size:.69rem;line-height:1.35;}
.kwhp-video-panel{display:flex;flex-direction:column;}
.kwhp-video-head{min-height:48px;padding:12px 15px;}
.kwhp-video-head h2{font-size:.72rem;color:#fff;}
.kwhp-video-player-wrap{aspect-ratio:16/9;}
.kwhp-video-copy{padding:13px 15px 11px;}
.kwhp-video-copy h3{font-size:1.05rem;}
.kwhp-video-copy p{margin-top:6px;font-size:.78rem;line-height:1.35;}
.kwhp-video-queue-head{padding:11px 15px 7px;}
.kwhp-video-queue-list{max-height:168px;padding:0 8px 9px;}
.kwhp-video-queue-item{grid-template-columns:72px minmax(0,1fr) 26px;gap:9px;padding:7px;}
.kwhp-video-queue-copy strong{font-size:.76rem;}
.kwhp-video-queue-copy span{font-size:.62rem;}
.kwhp-section-head{align-items:end;margin-bottom:14px;padding-bottom:10px;}
.kwhp-section-head h2{font-size:clamp(1.55rem,2.4vw,2.3rem);line-height:1;}
.kwhp-section-head p{margin-top:6px;font-size:.86rem;}
.kwhp-poster-rail{gap:10px;}
.kwhp-poster-image{border-radius:8px;}
.kwhp-poster-meta{padding-top:7px;}
.kwhp-poster-meta h3{font-size:.82rem;}
.kwhp-poster-year{margin-top:3px;font-size:.7rem;}
.kwhp-review-link{margin-top:5px;font-size:.65rem;}
.kwhp-reviews-grid{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,.75fr));gap:10px;}
.kwhp-editorial-card{min-width:0;overflow:hidden;border:1px solid #d7dbe2;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(10,12,18,.06);}
.kwhp-editorial-image{display:block;overflow:hidden;background:#16181d;text-decoration:none;}
.kwhp-editorial-image img{display:block;width:100%;height:100%;object-fit:cover;}
.kwhp-editorial-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-weight:900;}
.kwhp-editorial-featured{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.1fr);min-height:180px;}
.kwhp-editorial-featured .kwhp-editorial-image{min-height:180px;}
.kwhp-editorial-compact{display:flex;flex-direction:column;}
.kwhp-editorial-compact .kwhp-editorial-image{aspect-ratio:16/9;}
.kwhp-editorial-copy{padding:14px;}
.kwhp-editorial-meta{display:flex;gap:7px;color:#7a808a;font-size:.61rem;font-weight:800;text-transform:uppercase;}
.kwhp-editorial-type{color:#e30796;}
.kwhp-editorial-copy h3{margin:8px 0 0;font-size:.98rem;line-height:1.18;}
.kwhp-editorial-copy h3 a{text-decoration:none;color:#15171b;}
.kwhp-editorial-copy p{margin:9px 0 0;color:#69707b;font-size:.78rem;line-height:1.42;}
.kwhp-worth-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.kwhp-worth-card{grid-template-columns:74px minmax(0,1fr);gap:10px;padding:9px;}
.kwhp-worth-poster{width:74px;border-radius:7px;}
.kwhp-worth-copy h3{font-size:.94rem;}
.kwhp-worth-copy p{margin-top:6px;font-size:.72rem;line-height:1.35;}
.kwhp-rating-guide{padding:22px;border-radius:12px;}
.kwhp-rating-guide h2{font-size:clamp(1.65rem,2.8vw,2.4rem);}
.kwhp-rating-guide p{margin:9px 0;font-size:.84rem;}
.kwhp-rating-guide .kwhp-rating-key{margin-top:12px;}
.kwhp-badge-section-title,.kwhp-rating-guide .kwhp-special-badges{display:none;}
.kwhp-utility-grid{gap:10px;}
.kwhp-utility-card{padding:22px;border-radius:10px;}
.kwhp-utility-card h2{font-size:1.45rem;}
.kwhp-utility-card p{margin:7px 0 14px;font-size:.82rem;}

@media(max-width:1180px){
    .kwhp-top-grid{grid-template-columns:1fr 1fr;}
    .kwhp-selector-actions{grid-template-columns:1fr 1fr;}
    .kwhp-selector-note{grid-column:1/-1;}
    .kwhp-poster-rail{grid-template-columns:repeat(6,minmax(0,1fr));}
    .kwhp-reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .kwhp-editorial-featured{grid-template-columns:160px minmax(0,1fr);}
    .kwhp-worth-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:900px){
    .kwhp-top-grid{grid-template-columns:1fr;}
    .kwhp-video-panel{max-width:none;}
    .kwhp-poster-rail{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:650px){
    .kwhp-shell{width:calc(100% - 20px);padding-top:10px;}
    .kwhp-section{margin-top:30px;}
    .kwhp-selector-head{padding:20px 18px 10px;}
    .kwhp-selector h1{font-size:2.25rem;}
    .kwhp-selector-body{padding:0 18px 18px;}
    .kwhp-choice-row{grid-template-columns:1fr;gap:5px;padding:8px 0;}
    .kwhp-choice-label{padding-top:0;}
    .kwhp-selector-actions{grid-template-columns:1fr;}
    .kwhp-selector-note{grid-column:auto;}
    .kwhp-find-button{width:100%;}
    .kwhp-kazoo-mode{width:100%;}
    .kwhp-poster-rail{display:flex;overflow-x:auto;gap:9px;padding-bottom:9px;scroll-snap-type:x mandatory;}
    .kwhp-poster-card{flex:0 0 42%;scroll-snap-align:start;}
    .kwhp-reviews-grid{grid-template-columns:1fr;}
    .kwhp-editorial-featured{grid-template-columns:112px minmax(0,1fr);min-height:116px;}
    .kwhp-editorial-featured .kwhp-editorial-image{min-height:116px;}
    .kwhp-editorial-compact{display:grid;grid-template-columns:92px minmax(0,1fr);}
    .kwhp-editorial-compact .kwhp-editorial-image{aspect-ratio:auto;min-height:82px;}
    .kwhp-section-head{align-items:flex-start;}
    .kwhp-worth-grid,.kwhp-utility-grid{grid-template-columns:1fr;}
}


/* =========================================================
   COMPACT FEED BASELINE — WIDE DESKTOP MATCHES THE GOOD SMALL VIEW
========================================================= */
.kwhp-shell{width:min(1180px,calc(100% - 32px));padding:14px 0 56px;}
.kwhp-section{margin-top:30px;}
.kwhp-priority-section{margin-top:26px;}
.kwhp-top-grid{grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);gap:10px;align-items:start;}
.kwhp-selector,.kwhp-video-panel{border-radius:12px;box-shadow:0 12px 34px rgba(8,10,15,.12);}
.kwhp-selector-head{padding:20px 22px 9px;}
.kwhp-selector .kwhp-eyebrow{color:#63dc76;}
.kwhp-selector h1{max-width:560px;color:#fff!important;font-size:2.55rem;line-height:.95;letter-spacing:-.052em;}
.kwhp-selector-intro{max-width:540px;margin-top:8px;color:#d8dce4!important;font-size:.84rem;line-height:1.38;}
.kwhp-selector-body{padding:0 22px 18px;}
.kwhp-choice-row{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:8px 0;}
.kwhp-choice-label{padding-top:7px;color:#aeb5c0!important;}
.kwhp-chip{padding:6px 9px;color:#f3f5f8!important;font-size:.7rem;}
.kwhp-more-filters summary{color:#d7dbe2!important;}
.kwhp-services-row{min-width:0;}
.kwhp-service-options{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px 8px;
    min-width:0;
    margin:0;
    padding:2px 0;
    border:0;
}
.kwhp-service-option{
    display:flex;
    align-items:center;
    gap:5px;
    min-width:0;
    color:#f3f5f8!important;
    font-size:.66rem;
    font-weight:800;
    line-height:1.15;
    cursor:pointer;
}
.kwhp-service-option input{
    flex:0 0 auto;
    width:14px;
    height:14px;
    margin:0;
    accent-color:#e30796;
    cursor:pointer;
}
.kwhp-service-option span{min-width:0;}
.kwhp-service-option:has(input:focus-visible){
    outline:2px solid #7b69c7;
    outline-offset:3px;
    border-radius:3px;
}
.kwhp-selector-actions{grid-template-columns:auto minmax(150px,.62fr) minmax(130px,1fr);gap:9px;margin-top:10px;}
.kwhp-find-button{min-height:40px;padding:0 15px;}
.kwhp-kazoo-mode{padding:7px 9px;}
.kwhp-kazoo-name{color:#fff!important;}
.kwhp-selector-note{color:#b7bec8!important;}
.kwhp-video-head{min-height:42px;padding:10px 13px;}
.kwhp-video-head h2,.kwhp-video-all-link{color:#fff!important;}
.kwhp-video-copy{padding:10px 13px 9px;}
.kwhp-video-copy h3,.kwhp-video-copy h3 a{color:#fff!important;}
.kwhp-video-copy p{color:#c6ccd5!important;}
.kwhp-video-queue-head h3,.kwhp-video-queue-head span,.kwhp-video-queue-copy strong,.kwhp-video-queue-copy span{color:#e9edf2!important;}
.kwhp-video-queue-list{max-height:132px;}
.kwhp-section-head{margin-bottom:11px;padding-bottom:8px;}
.kwhp-section-head h2{font-size:1.7rem;}
.kwhp-section-head p{font-size:.78rem;}
.kwhp-poster-rail{gap:8px;}
.kwhp-poster-meta h3{font-size:.76rem;}
.kwhp-reviews-grid{gap:8px;}
.kwhp-utility-grid{grid-template-columns:1.15fr .85fr;}
.kwhp-shortcuts{background:#fff;}
.kwhp-shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.kwhp-shortcut-grid button,.kwhp-shortcut-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;border:1px solid #d9dde4;border-radius:8px;background:#f7f8fa;color:#17191e;text-decoration:none;cursor:pointer;text-align:left;}
.kwhp-shortcut-grid button:hover,.kwhp-shortcut-grid a:hover{border-color:#7b69c7;background:#fff;}
.kwhp-shortcut-grid strong{font-size:.78rem;}
.kwhp-shortcut-grid span{color:#737a85;font-size:.68rem;}
@media(max-width:1020px){
  .kwhp-shell{width:min(940px,calc(100% - 24px));}
  .kwhp-top-grid{grid-template-columns:1fr;}
  .kwhp-video-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);}
  .kwhp-video-head{grid-column:1/-1;}
  .kwhp-video-player-wrap,.kwhp-video-empty-player{grid-row:2/4;}
  .kwhp-video-copy{grid-column:2;}
  .kwhp-video-queue{grid-column:2;}
  .kwhp-poster-rail{grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media(max-width:720px){
  .kwhp-shell{width:calc(100% - 18px);padding-top:9px;}
  .kwhp-selector h1{font-size:2rem;}
  .kwhp-selector-head{padding:17px 16px 8px;}
  .kwhp-selector-body{padding:0 16px 15px;}
  .kwhp-choice-row{grid-template-columns:1fr;gap:4px;}
  .kwhp-service-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;}
  .kwhp-service-option{font-size:.7rem;}
  .kwhp-selector-actions{grid-template-columns:1fr;}
  .kwhp-video-panel{display:flex;}
  .kwhp-poster-rail{display:flex;overflow-x:auto;gap:8px;}
  .kwhp-poster-card{flex:0 0 36%;}
  .kwhp-utility-grid{grid-template-columns:1fr;}
}


/* =========================================================
   HOT 3, SEEN-IT STATE, AND GLANCEABLE STREAMING
========================================================= */
.kwhp-provider-strip{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;overflow:visible;}
.kwhp-provider-strip.is-poster{width:100%;min-height:40px;margin-top:7px;padding:5px 7px;border:1px solid #d9dde5;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(22,25,34,.07);}
.kwhp-provider-icon{position:relative;display:grid;place-items:center;width:30px;height:30px;overflow:visible;border:1px solid #d5d9e0;border-radius:8px;background:#fff;color:#111318;font-size:.58rem;font-weight:950;line-height:1;box-shadow:0 2px 8px rgba(15,18,25,.10);}
.kwhp-provider-icon img{display:block;width:28px!important;height:28px!important;border-radius:7px;object-fit:cover!important;}
.kwhp-provider-icon:after{content:attr(data-provider);position:absolute;left:50%;bottom:calc(100% + 7px);z-index:40;max-width:180px;padding:5px 7px;border-radius:6px;background:#111318;color:#fff;font-size:.64rem;font-weight:750;line-height:1.2;white-space:nowrap;box-shadow:0 5px 16px rgba(0,0,0,.22);opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:.14s ease;}
.kwhp-provider-icon:hover:after,.kwhp-provider-icon:focus:after{opacity:1;transform:translate(-50%,0);}
.kwhp-provider-icon:focus{outline:2px solid #7b69c7;outline-offset:2px;}
.kwhp-provider-more{display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border:1px solid #d5d9e0;border-radius:8px;background:#f2f3f6;color:#4d535d;font-size:.66rem;font-weight:900;}
.kwhp-audience-rating{display:grid;gap:2px;margin-top:8px;min-width:0;}
.kwhp-audience-rating-label{color:#6b717b;font-size:.59rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}
.kwhp-poster-card .kwc-stars{display:grid;gap:0;grid-template-columns:repeat(5,minmax(0,1fr));max-width:118px;width:100%;}
.kwhp-poster-card .kwc-star{min-width:0;min-height:27px;padding:1px 0;font-size:1rem;width:100%;}
.kwhp-poster-card .kwc-save-status{grid-column:1/-1;margin:2px 0 0;min-height:0;font-size:.58rem;line-height:1.15;width:100%;}
.kwhp-title-state-controls{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:7px;}
.kwhp-title-state-controls.is-compact{gap:4px 8px;}
.kwhp-title-state-toggle{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:transparent;color:#5e6570;font:inherit;font-size:.68rem;font-weight:850;line-height:1.2;letter-spacing:0;cursor:pointer;}
.kwhp-title-state-controls.is-compact .kwhp-title-state-toggle{font-size:.62rem;}
.kwhp-title-state-box{display:grid;place-items:center;flex:0 0 auto;width:15px;height:15px;border:1.5px solid #9aa1ac;border-radius:4px;background:#fff;color:transparent;font-size:.52rem;transition:border-color .15s ease,background .15s ease,color .15s ease,opacity .15s ease;}
.kwhp-title-state-toggle:hover{color:#111318;}
.kwhp-seen-toggle.is-seen{color:#268730;}
.kwhp-seen-toggle.is-seen .kwhp-title-state-box{border-color:#268730;background:#268730;color:#fff;}
.kwhp-want-toggle.is-wanted,.kwhp-want-toggle.is-active{color:#c80083;}
.kwhp-want-toggle.is-wanted .kwhp-title-state-box,.kwhp-want-toggle.is-active .kwhp-title-state-box{border-color:#e30796;background:#e30796;color:#fff;}
.kwhp-watching-toggle.is-active{color:#5d46b7;}
.kwhp-watching-toggle.is-active .kwhp-title-state-box{border-color:#7b69c7;background:#7b69c7;color:#fff;}
.kwhp-finished-toggle.is-active{color:#268730;}
.kwhp-finished-toggle.is-active .kwhp-title-state-box{border-color:#268730;background:#268730;color:#fff;}
.kwhp-want-toggle.is-disabled{opacity:.42;cursor:not-allowed;}
.kwhp-title-state-controls.is-tv{align-items:flex-start;}
.kwhp-title-state-controls.is-compact.is-tv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:4px 7px;}
.kwhp-title-state-controls.is-compact.is-tv .kwhp-want-toggle{grid-column:1/-1;}
.kwhp-title-state-controls.is-compact.is-tv .kwhp-title-state-toggle{min-width:0;}
.kwhp-title-state-legacy{flex-basis:100%;color:#6b6570;font-size:.57rem;font-weight:750;line-height:1.25;}
.kwhp-title-state-controls.is-saving{opacity:.66;}
/* v0.4.209: lifecycle state is communicated by the active poster button,
   never by fading or desaturating the artwork. */
.kwhp-poster-card.is-seen{opacity:1;}
.kwhp-poster-card.is-seen .kwhp-poster-image{filter:none;}
.kwhp-poster-card.is-wanted{box-shadow:0 0 0 2px rgba(227,7,150,.16);}
.kwhp-results .kwhp-poster-card.is-seen{display:none;}
.kwhp-kazoo-stage [hidden]{display:none!important;}
@media(max-width:720px){
  .kwhp-provider-strip.is-poster,
  .kwhp-availability-status{box-sizing:border-box;height:37px;min-height:37px;margin-top:5px;}
  .kwhp-provider-strip.is-poster{padding:4px 5px;}
  .kwhp-availability-status{padding:4px 5px;}
  .kwhp-provider-icon{width:27px;height:27px;}
  .kwhp-provider-icon img{width:25px!important;height:25px!important;}
  .kwhp-provider-more{min-width:27px;height:27px;}
}


/* =========================================================
   UTILITY RESPONSIVE OVERRIDE — KEEP KAZOO MODE + VIDEO TOGETHER
========================================================= */
@media (min-width:721px) and (max-width:1050px) {
    .kwhp-shell{width:calc(100% - 18px);}
    .kwhp-top-grid{
        grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr)!important;
        gap:8px!important;
        align-items:start;
    }
    .kwhp-selector-head{padding:16px 16px 7px;}
    .kwhp-selector h1{font-size:clamp(1.72rem,3.3vw,2.15rem);line-height:.98;}
    .kwhp-selector-intro{margin-top:6px;font-size:.76rem;}
    .kwhp-selector-body{padding:0 16px 14px;}
    .kwhp-choice-row{grid-template-columns:52px minmax(0,1fr);gap:7px;padding:7px 0;}
    .kwhp-choice-label{padding-top:6px;font-size:.56rem;}
    .kwhp-choice-options{gap:5px;}
    .kwhp-chip{padding:5px 7px;font-size:.64rem;}
    .kwhp-service-options{gap:5px 4px;}
    .kwhp-service-option{gap:3px;font-size:.55rem;}
    .kwhp-service-option input{width:12px;height:12px;}
    .kwhp-selector-actions{grid-template-columns:minmax(0,1fr) 132px;gap:7px;}
    .kwhp-selector-note{grid-column:1/-1;}
    .kwhp-find-button{min-height:38px;padding:0 10px;font-size:.70rem;}
    .kwhp-kazoo-mode{min-width:0;}
    .kwhp-video-panel{
        display:flex!important;
        flex-direction:column!important;
        min-width:0;
        max-width:none!important;
    }
    .kwhp-video-head,.kwhp-video-player-wrap,.kwhp-video-empty-player,.kwhp-video-copy,.kwhp-video-queue{
        grid-column:auto!important;
        grid-row:auto!important;
    }
    .kwhp-video-queue-list{max-height:104px;}
}

@media (min-width:721px) and (max-width:820px) {
    .kwhp-top-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.92fr)!important;}
    .kwhp-selector h1{font-size:1.72rem;}
    .kwhp-chip{padding:4px 6px;font-size:.60rem;}
    .kwhp-video-copy p{display:none;}
    .kwhp-video-queue{display:none;}
}


/* =========================================================
   v0.4.15 — TRUE WHOLE-CARD POSTER CAROUSELS
   Card width is calculated in JavaScript from the actual rail width,
   so every resting view ends on a complete poster. Buttons, touch,
   trackpad, and a visible scrollbar all remain available.
========================================================= */
.kwhp-section,
.kwhp-section-head,
.kwhp-carousel{
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
}
.kwhp-carousel{
    position:relative;
    overflow:hidden;
    padding:0 38px;
}
.kwhp-carousel.is-static{padding-right:0;padding-left:0;}
.kwhp-poster-rail:not(.kwhp-results-rail){
    box-sizing:border-box;
    display:flex!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:4px 14px 12px 2px!important;
    scroll-behavior:smooth;
    scroll-snap-type:x proximity;
    scroll-padding-inline:2px 14px;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
}
.kwhp-poster-rail:not(.kwhp-results-rail)::-webkit-scrollbar{display:none;}
.kwhp-poster-rail:not(.kwhp-results-rail)>.kwhp-poster-card{
    box-sizing:border-box;
    flex:0 0 var(--kwhp-carousel-card-width,150px)!important;
    width:var(--kwhp-carousel-card-width,150px)!important;
    min-width:var(--kwhp-carousel-card-width,150px)!important;
    max-width:var(--kwhp-carousel-card-width,150px)!important;
    scroll-snap-align:start;
    scroll-snap-stop:normal;
}
.kwhp-carousel-button{
    position:absolute;
    top:38%;
    z-index:5;
    display:grid;
    place-items:center;
    width:32px;
    height:46px;
    border:1px solid #d8dce4;
    border-radius:10px;
    background:rgba(255,255,255,.97);
    color:#17191e;
    box-shadow:0 8px 22px rgba(17,19,25,.13);
    cursor:pointer;
    transform:translateY(-50%);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.kwhp-carousel-button:hover,
.kwhp-carousel-button:focus-visible{
    border-color:#7b69c7;
    box-shadow:0 12px 30px rgba(17,19,25,.18);
    transform:translateY(-50%) scale(1.04);
    outline:none;
}
.kwhp-carousel-prev{left:0;}
.kwhp-carousel-next{right:0;}
.kwhp-carousel.is-static .kwhp-carousel-button{display:none;}
.kwhp-carousel.is-static .kwhp-poster-rail:not(.kwhp-results-rail){
    overflow-x:hidden!important;
    padding-right:2px!important;
    scrollbar-width:none;
}
.kwhp-carousel.is-static .kwhp-poster-rail:not(.kwhp-results-rail)::-webkit-scrollbar{display:none;}

/* Force the dark rating panel's headline above theme-level heading colors. */
.kwhp-rating-guide h2{
    position:relative;
    z-index:2;
    display:block!important;
    overflow:visible!important;
    color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
    text-shadow:0 1px 0 rgba(0,0,0,.2);
    -webkit-text-fill-color:#fff!important;
    background:none!important;
    clip-path:none!important;
    white-space:normal!important;
}
.kwhp-rating-guide>.kwhp-eyebrow,
.kwhp-rating-guide>p{
    position:relative;
    z-index:2;
}
.kwhp-rating-guide>p{color:rgba(255,255,255,.76)!important;}

@media(max-width:900px){
    .kwhp-carousel{padding-right:34px;padding-left:34px;}
}
@media(max-width:650px){
    .kwhp-carousel{padding-right:30px;padding-left:30px;}
    .kwhp-poster-rail:not(.kwhp-results-rail){gap:9px!important;padding-right:12px!important;}
    .kwhp-carousel-button{width:26px;height:42px;border-radius:8px;}
}


/* =========================================================
   v0.4.18 — DYNAMIC WHOLE-CARD SHELVES
========================================================= */
.kwhp-section,
.kwhp-section-head,
.kwhp-poster-rail,
.kwhp-dynamic-shelf,
.kwhp-shelf-carousel,
.kwhp-shelf-viewport{
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
}
.kwhp-section-head .kwhp-eyebrow{
    display:inline-flex!important;
    align-items:center;
    min-height:20px;
    color:#176f25!important;
    font-size:.74rem!important;
    font-weight:950!important;
    letter-spacing:.13em!important;
    line-height:1.15!important;
    opacity:1!important;
    -webkit-text-fill-color:#176f25!important;
}
.kwhp-rating-guide{
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
}
.kwhp-rating-guide h2{
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:8px 0 10px!important;
    color:#fff!important;
    font-size:clamp(1.65rem,2.8vw,2.4rem)!important;
    line-height:1.08!important;
    opacity:1!important;
    overflow:visible!important;
    -webkit-text-fill-color:#fff!important;
}
.kwhp-community-card{max-width:760px;margin:0 auto;}
.kwhp-human-trust{
    max-width:720px;
    margin:16px auto 6px;
    color:#4b5360;
    text-align:center;
    font-size:.92rem;
    font-weight:750;
    line-height:1.5;
}
.kwhp-hot-three-home{
    display:flex;
    justify-content:center;
    width:100%;
    margin:18px auto 4px;
}
.kwhp-hot-three-home .kwsh-masthead-hot{
    box-sizing:border-box;
    width:356px;
    min-width:356px;
    max-width:356px;
    margin:0;
}
.kwhp-kazoo-stage .kwsh-hot-three-list{
    transition:opacity .16s ease;
}
.kwhp-kazoo-stage.is-loading .kwsh-hot-three-list{
    opacity:.46;
}
.kwhp-kazoo-stage-status{
    margin:9px 0 0;
    color:#59616d;
    text-align:center;
    font-size:.68rem;
    font-weight:800;
    line-height:1.35;
}
.kwhp-kazoo-stage-status[hidden]{
    display:none;
}
@media(max-width:430px){
    .kwhp-hot-three-home .kwsh-masthead-hot{
        width:270px;
        min-width:270px;
        max-width:270px;
    }
}

/* v0.4.60 - Finder theatrical matching consumes Engine public availability truth. */
.kwhp-hot-three-home{min-width:0;max-width:100%;}
.kwhp-hot-three-home .kwsh-masthead-hot.is-finder-results{
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
}
.kwhp-hot-three-home .kwsh-masthead-hot.is-show-options{
    width:min(1060px,100%)!important;
    min-width:0!important;
    max-width:1060px!important;
}
.kwhp-kazoo-stage.is-show-options .kwsh-hot-three-list{
    display:flex!important;
    justify-content:flex-start!important;
    gap:12px!important;
    max-width:100%;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 2px 10px!important;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    scrollbar-gutter:stable;
}
.kwhp-kazoo-stage.is-show-options .kwsh-hot-pick{
    flex:0 0 132px!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    scroll-snap-align:start;
}
.kwhp-hot-three-home .kwsh-masthead-hot.is-just-three{
    width:356px;
    min-width:356px;
    max-width:356px;
}
.kwhp-kazoo-stage.is-just-three .kwsh-hot-three-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
    padding:0!important;
}
.kwhp-reset-finder{
    min-height:40px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:8px;
    background:transparent;
    color:#fff;
    font-size:.70rem;
    font-weight:850;
    letter-spacing:.04em;
    cursor:pointer;
}
.kwhp-reset-finder:hover,.kwhp-reset-finder:focus-visible{border-color:#fff;background:rgba(255,255,255,.08);}
@media(max-width:700px){
    .kwhp-hot-three-home .kwsh-masthead-hot.is-show-options{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }
    .kwhp-kazoo-stage.is-show-options .kwsh-hot-pick{
        flex-basis:118px!important;
        width:118px!important;
        min-width:118px!important;
        max-width:118px!important;
    }
    .kwhp-hot-three-home .kwsh-masthead-hot.is-just-three{
        width:100%!important;
        min-width:0!important;
        max-width:356px!important;
    }
}
/* v0.4.66 - Finder result-card readability and lifecycle-control alignment. */
.kwhp-kazoo-stage.is-finder-results .kwsh-hot-meta{
    min-width:0;
}
.kwhp-kazoo-stage.is-finder-results .kwsh-hot-title{
    display:-webkit-box!important;
    width:100%;
    min-height:3.45em;
    max-height:3.45em;
    overflow:hidden;
    color:#151820!important;
    font-size:.74rem!important;
    font-weight:950!important;
    line-height:1.15!important;
    text-align:center;
    white-space:normal!important;
    text-overflow:ellipsis;
    overflow-wrap:anywhere;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.kwhp-kazoo-stage.is-finder-results .kwhp-title-state-controls.is-compact,
.kwhp-kazoo-stage.is-finder-results .kwhp-title-state-controls.is-compact.is-tv{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%;
    gap:4px!important;
    margin-top:6px;
}
.kwhp-kazoo-stage.is-finder-results .kwhp-title-state-controls.is-compact.is-tv .kwhp-want-toggle{
    grid-column:auto!important;
}
.kwhp-kazoo-stage.is-finder-results .kwhp-title-state-controls.is-compact .kwhp-title-state-toggle{
    display:grid!important;
    grid-template-columns:15px auto;
    align-items:center!important;
    justify-content:center;
    column-gap:6px;
    width:100%;
    min-width:0;
    min-height:20px;
    margin:0;
    padding:0 2px;
    font-size:.62rem!important;
    line-height:1.15!important;
    text-align:left;
    white-space:normal;
}
.kwhp-kazoo-stage.is-finder-results .kwhp-title-state-controls.is-compact .kwhp-title-state-box{
    width:15px;
    height:15px;
    margin:0;
}
.kwhp-kazoo-stage.is-finder-results .kwhp-title-state-controls.is-compact .kwhp-title-state-toggle>span:last-child{
    min-width:0;
}
@media(min-width:701px){
    .kwhp-kazoo-stage.is-show-options .kwsh-hot-pick{
        flex-basis:140px!important;
        width:140px!important;
        min-width:140px!important;
        max-width:140px!important;
    }
}


/* v0.4.67 - Finder cards use the same clean visual rhythm as homepage shelf cards. */
.kwhp-hot-three-home .kwsh-masthead-hot.is-just-three{
    width:min(470px,100%)!important;
    min-width:0!important;
    max-width:470px!important;
}
.kwhp-kazoo-stage.is-just-three .kwsh-hot-three-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,150px))!important;
    justify-content:center!important;
    gap:10px!important;
    max-width:100%;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 2px 8px!important;
    overscroll-behavior-x:contain;
    scrollbar-gutter:stable;
}
.kwhp-kazoo-stage.is-finder-results .kwsh-hot-pick,
.kwhp-kazoo-stage.is-show-options .kwsh-hot-pick{
    box-sizing:border-box;
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
}
.kwhp-kazoo-stage.is-finder-results .kwsh-hot-meta{
    display:block;
    width:100%;
    min-width:0;
    padding:7px 2px 0;
}
.kwhp-kazoo-stage.is-finder-results .kwsh-hot-title{
    display:-webkit-box!important;
    width:100%;
    min-height:2.35em!important;
    max-height:2.35em!important;
    margin:0!important;
    overflow:hidden;
    color:#151820!important;
    font-size:.76rem!important;
    font-weight:900!important;
    line-height:1.18!important;
    text-align:left!important;
    white-space:normal!important;
    text-overflow:ellipsis;
    overflow-wrap:normal!important;
    word-break:normal!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.kwhp-kazoo-stage.is-finder-results .kwhp-title-state-controls.is-compact,
.kwhp-kazoo-stage.is-finder-results .kwhp-title-state-controls.is-compact.is-tv{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    justify-items:stretch!important;
    width:100%;
    gap:5px!important;
    margin-top:7px;
}
.kwhp-kazoo-stage.is-finder-results .kwhp-title-state-controls.is-compact .kwhp-title-state-toggle{
    display:grid!important;
    grid-template-columns:16px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:start!important;
    column-gap:7px!important;
    width:100%!important;
    min-width:0!important;
    min-height:19px!important;
    margin:0!important;
    padding:0!important;
    color:#5e6570;
    font-size:.66rem!important;
    font-weight:800!important;
    line-height:1.15!important;
    text-align:left!important;
    white-space:normal!important;
}
.kwhp-kazoo-stage.is-finder-results .kwhp-title-state-controls.is-compact .kwhp-title-state-box{
    width:16px!important;
    height:16px!important;
    margin:0!important;
}
.kwhp-kazoo-stage.is-finder-results .kwhp-title-state-controls.is-compact .kwhp-title-state-toggle>span:last-child{
    display:block;
    min-width:0;
    text-align:left;
}
.kwhp-kazoo-stage.is-finder-results .kwhp-title-state-controls.is-compact.is-tv .kwhp-want-toggle{
    grid-column:auto!important;
}
/* v0.4.70 - Advanced Search opens as a viewport modal instead of expanding the Finder/video row. */
body.kwhp-advanced-modal-open{overflow:hidden!important;}
.kwhp-advanced-search[open]{
    position:fixed!important;
    inset:0!important;
    z-index:100100!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    margin:0!important;
    padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;
    border:0!important;
    background:rgba(5,7,10,.82)!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    overflow:hidden!important;
}
.kwhp-advanced-search[open]>summary{
    box-sizing:border-box!important;
    width:min(960px,calc(100vw - 28px))!important;
    min-height:52px!important;
    margin:0!important;
    padding:13px 16px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    border-radius:15px 15px 0 0!important;
    background:#0c1015!important;
    box-shadow:0 -8px 32px rgba(0,0,0,.22)!important;
    font-size:.84rem!important;
}
.kwhp-advanced-search[open]>summary:after{
    content:'×'!important;
    width:30px!important;
    height:30px!important;
    border-color:rgba(255,255,255,.24)!important;
    font-size:1.25rem!important;
    line-height:1!important;
}
.kwhp-advanced-search[open]>.kwhp-advanced-panel{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:min(960px,calc(100vw - 28px))!important;
    max-height:calc(100dvh - 98px)!important;
    margin:0!important;
    padding:15px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-top:0!important;
    border-radius:0 0 15px 15px!important;
    background:#0c1015!important;
    box-shadow:0 24px 70px rgba(0,0,0,.46)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
}
@media(max-width:760px){
    .kwhp-advanced-search[open]{justify-content:flex-end!important;padding:0!important;}
    .kwhp-advanced-search[open]>summary{
        width:100%!important;
        min-height:56px!important;
        padding:14px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))!important;
        border-left:0!important;
        border-right:0!important;
        border-radius:16px 16px 0 0!important;
    }
    .kwhp-advanced-search[open]>.kwhp-advanced-panel{
        grid-template-columns:1fr!important;
        width:100%!important;
        max-height:calc(100dvh - 56px)!important;
        padding:12px max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;
        border-left:0!important;
        border-right:0!important;
        border-bottom:0!important;
        border-radius:0!important;
    }
    .kwhp-advanced-search[open] .kwhp-advanced-release,
    .kwhp-advanced-search[open] .kwhp-advanced-avoid,
    .kwhp-advanced-search[open] .kwhp-advanced-streaming-services{grid-column:auto!important;}
}

/* v0.4.69 - Finder posters keep full 2:3 poster geometry while matching provider-strip width. */
.kwhp-kazoo-stage.is-finder-results .kwsh-hot-poster{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:2 / 3!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:hidden!important;
}
.kwhp-kazoo-stage.is-finder-results .kwsh-hot-poster img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:center!important;
}

@media(max-width:520px){
    .kwhp-hot-three-home .kwsh-masthead-hot.is-just-three{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }
    .kwhp-kazoo-stage.is-just-three .kwsh-hot-three-list{
        display:flex!important;
        justify-content:flex-start!important;
        gap:10px!important;
        overflow-x:auto!important;
        padding:2px 2px 8px!important;
        scroll-snap-type:x mandatory;
    }
    .kwhp-kazoo-stage.is-just-three .kwsh-hot-pick{
        flex:0 0 146px!important;
        width:146px!important;
        min-width:146px!important;
        max-width:146px!important;
        scroll-snap-align:start;
    }
}

@media(max-width:430px){
    .kwhp-hot-three-home .kwsh-masthead-hot.is-show-options{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }
    .kwhp-hot-three-home .kwsh-masthead-hot.is-just-three{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }
}
.kwhp-dynamic-shelf{--kwhp-shelf-card-width:150px;}
.kwhp-results-rail{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,150px));
    justify-content:start;
    gap:10px;
}
.kwhp-shelf-carousel{
    display:grid;
    grid-template-columns:32px minmax(0,1fr) 32px;
    align-items:center;
    gap:10px;
}
.kwhp-shelf-viewport{
    position:relative;
    justify-self:start;
    overflow:hidden;
    padding:2px 0 8px;
    outline:none;
}
.kwhp-shelf-viewport:focus-visible{
    border-radius:12px;
    box-shadow:0 0 0 3px rgba(227,7,150,.26);
}
.kwhp-shelf-track{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:var(--kwhp-shelf-card-width);
    justify-content:start;
    gap:10px;
    width:max-content;
    padding:2px 18px 10px 0;
    transition:opacity .16s ease,transform .24s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}
.kwhp-shelf-track-incoming{
    position:absolute;
    top:2px;
    left:0;
    pointer-events:none;
}
.kwhp-shelf-viewport.is-sliding>.kwhp-shelf-track:not(.kwhp-shelf-track-incoming){
    position:absolute;
    top:2px;
    left:0;
}
@media (prefers-reduced-motion:reduce){
    .kwhp-shelf-track{transition:opacity .16s ease;}
}
.kwhp-shelf-track>.kwhp-poster-card{
    box-sizing:border-box;
    width:var(--kwhp-shelf-card-width)!important;
    min-width:var(--kwhp-shelf-card-width)!important;
    max-width:var(--kwhp-shelf-card-width)!important;
    margin:0!important;
}
.kwhp-shelf-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:48px;
    padding:0;
    border:1px solid #d7dae0;
    border-radius:10px;
    background:#fff;
    color:#20242c;
    box-shadow:0 4px 14px rgba(21,27,38,.08);
    cursor:pointer;
}
.kwhp-shelf-button:hover,
.kwhp-shelf-button:focus-visible{border-color:#e30796;color:#e30796;}
.kwhp-shelf-button:disabled{opacity:.28;cursor:default;}
.kwhp-dynamic-shelf.is-loading .kwhp-shelf-track{opacity:.42;}
.kwhp-availability-status{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:100%;
    min-height:40px;
    margin-top:7px;
    padding:7px 8px;
    border:1px solid #d9dde5;
    border-radius:10px;
    background:#fff;
    color:#555d68;
    text-align:center;
    font-size:.58rem;
    font-weight:950;
    letter-spacing:.035em;
    line-height:1.1;
}
.kwhp-availability-status.is-theaters{border-color:#c9e4ce;background:#eef8f0;color:#176f25;}
.kwhp-availability-status.is-coming-soon{border-color:#ddcff4;background:#f6f0ff;color:#5d2a91;}
.kwhp-availability-status.is-unavailable{background:#f2f3f5;color:#69717c;}
.kwhp-editorial-copy>.kwhp-title-state-controls{margin-top:10px;}
.kwhp-single-title-tools-live{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 18px;}
.kwhp-single-title-tools-live .kwhp-title-state-controls{margin:0;}
.kwhp-single-title-tools-live .kwhp-title-state-controls.is-tv{gap:8px 14px;}
@media(max-width:650px){
    .kwhp-single-title-tools-live{width:100%;}
    .kwhp-single-title-tools-live .kwhp-title-state-controls.is-tv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(100%,430px);gap:8px;}
    .kwhp-single-title-tools-live .kwhp-title-state-controls.is-tv .kwhp-want-toggle{grid-column:1/-1;}
    .kwhp-single-title-tools-live .kwhp-title-state-controls.is-tv .kwhp-title-state-toggle{justify-content:center;min-height:40px;padding:8px 10px;border:1px solid #e0e2e8;border-radius:10px;background:#fff;}
}
@media(max-width:650px){
    .kwhp-section-head .kwhp-eyebrow{font-size:.70rem!important;}
    .kwhp-shelf-carousel{grid-template-columns:24px minmax(0,1fr) 24px;gap:5px;}
    .kwhp-shelf-button{width:24px;height:42px;}
    .kwhp-shelf-track{gap:8px;padding-right:12px;}
}
@media(max-width:430px){
    .kwhp-dynamic-shelf{--kwhp-shelf-card-width:124px;}
    .kwhp-results-rail{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* v0.4.24 — the primary product row starts immediately below the masthead. */
.kwhp-shell{padding-top:0;}
.kwhp-top-grid{align-items:stretch;}
@media(max-width:720px){
    .kwhp-top-grid{align-items:start;}
}


/* v0.4.46 — mobile discovery order: Finder, Hot 3, trust line, then video.
   Desktop keeps the accepted two-column Finder/video composition and
   the existing trust-line/Hot-3 order beneath it. */
@media(max-width:720px){
    .kwhp-discovery-stack{
        display:flex;
        flex-direction:column;
        min-width:0;
        max-width:100%;
    }
    .kwhp-discovery-stack .kwhp-top-grid{
        display:contents!important;
    }
    .kwhp-discovery-stack .kwhp-selector{order:1;}
    .kwhp-discovery-stack .kwhp-hot-three-home{order:2;}
    .kwhp-discovery-stack .kwhp-human-trust{order:3;}
    .kwhp-discovery-stack .kwhp-video-panel{order:4;}
}

/* v0.4.51 — bounded Advanced Search and mobile-safe multi-select controls. */
.kwhp-service-options{display:block;}
.kwhp-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 8px;min-width:0;}
.kwhp-multi-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:28px;margin:0 0 6px;color:#929aa6;font-size:.66rem;font-weight:850;line-height:1;}
.kwhp-multi-toolbar button{min-width:34px;min-height:28px;padding:4px 6px;border:0;border-radius:6px;background:transparent;color:#d8dce4;font:inherit;cursor:pointer;}
.kwhp-multi-toolbar button:hover,.kwhp-multi-toolbar button:focus-visible{background:rgba(255,255,255,.09);color:#fff;outline:2px solid transparent;}
.kwhp-advanced-search{margin-top:8px;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);}
.kwhp-advanced-search>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 2px;color:#f3f5f8;font-size:.75rem;font-weight:900;letter-spacing:.04em;cursor:pointer;list-style:none;}
.kwhp-advanced-search>summary::-webkit-details-marker{display:none;}
.kwhp-advanced-search>summary:after{content:'+';display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#fff;font-size:1rem;line-height:1;}
.kwhp-advanced-search[open]>summary:after{content:'−';}
.kwhp-advanced-search>summary:focus-visible{outline:2px solid #7b69c7;outline-offset:3px;border-radius:6px;}
.kwhp-advanced-count{margin-left:auto;padding:4px 7px;border-radius:999px;background:rgba(227,7,150,.16);color:#ff83cf;font-size:.62rem;letter-spacing:0;}
.kwhp-advanced-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:2px 0 12px;min-width:0;}
.kwhp-advanced-group{min-width:0;margin:0;padding:11px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.035);}
.kwhp-advanced-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px;}
.kwhp-advanced-group legend{padding:0;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.035em;}
.kwhp-advanced-group p{margin:0;color:#aeb5c0;font-size:.63rem;line-height:1.3;}
.kwhp-advanced-group .kwhp-multi-toolbar{flex:0 0 auto;margin:-3px -3px 0 0;}
.kwhp-advanced-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 9px;min-width:0;}
.kwhp-advanced-option{display:flex;align-items:flex-start;gap:6px;min-width:0;color:#eef1f5;font-size:.67rem;font-weight:750;line-height:1.2;cursor:pointer;}
.kwhp-advanced-option input{flex:0 0 auto;width:15px;height:15px;margin:0;accent-color:#e30796;}
.kwhp-advanced-option span{min-width:0;overflow-wrap:anywhere;}
.kwhp-advanced-release{grid-column:1/-1;}
.kwhp-advanced-release .kwhp-chips{gap:6px;}
.kwhp-advanced-avoid{grid-column:1/-1;}
.kwhp-clear-advanced{grid-column:1/-1;justify-self:start;min-height:34px;padding:6px 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:transparent;color:#d8dce4;font-size:.68rem;font-weight:850;cursor:pointer;}
.kwhp-clear-advanced:hover,.kwhp-clear-advanced:focus-visible{border-color:#7b69c7;color:#fff;outline:0;}
@media(max-width:720px){
  .kwhp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;}
  .kwhp-multi-toolbar{justify-content:flex-start;margin-bottom:8px;}
  .kwhp-multi-toolbar button{min-width:44px;min-height:36px;padding:7px 9px;}
  .kwhp-advanced-search>summary{min-height:48px;}
  .kwhp-advanced-panel{grid-template-columns:1fr;gap:8px;}
  .kwhp-advanced-release,.kwhp-advanced-avoid{grid-column:auto;}
  .kwhp-advanced-group-head{display:block;}
  .kwhp-advanced-group .kwhp-multi-toolbar{margin:6px 0 0;}
  .kwhp-advanced-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px;}
  .kwhp-advanced-option{font-size:.7rem;}
  .kwhp-clear-advanced{width:100%;min-height:42px;}
}
@media(max-width:380px){
  .kwhp-advanced-options{grid-template-columns:1fr;}
}

/* v0.4.52 — compact Finder hierarchy and registry-backed provider directory. */
.kwhp-essential-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.kwhp-essential-services-note{display:block;margin-top:7px;color:#8f98a5;font-size:.61rem;line-height:1.3;}
.kwhp-advanced-streaming-services{grid-column:1/-1;}
.kwhp-provider-search-label{display:grid;gap:5px;margin:10px 0 0;color:#f2f3f6;font-size:.65rem;font-weight:850;}
.kwhp-provider-search{box-sizing:border-box;width:100%;min-height:38px;padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(0,0,0,.22);color:#fff;font:inherit;font-size:.72rem;}
.kwhp-provider-search::placeholder{color:#8f98a5;}
.kwhp-provider-search:focus{border-color:#7b69c7;outline:2px solid rgba(123,105,199,.28);outline-offset:1px;}
.kwhp-advanced-provider-list{padding:8px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);overflow:visible;}
.kwhp-advanced-provider-list.is-searching{max-height:270px;padding-right:7px;overflow:auto;scrollbar-width:thin;}
.kwhp-advanced-provider-list [data-kwhp-provider-option][hidden]{display:none!important;}

/* v0.4.56 — clean standalone provider representatives; stores, tiers, and channel add-ons are search-only. */
/* v0.4.55 — deduplicated popular provider families; exact variants remain searchable. */
/* v0.4.53 — compact radio settings and a full searchable regional provider directory. */
.kwhp-radio-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0;margin-top:2px;}
.kwhp-radio-option{display:inline-flex;align-items:center;gap:7px;min-width:0;min-height:30px;color:#eef1f5;font-size:.69rem;font-weight:800;line-height:1.2;cursor:pointer;}
.kwhp-radio-option input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:#e30796;cursor:pointer;}
.kwhp-radio-option span{white-space:normal;}
.kwhp-radio-option input:checked+span{color:#fff;}
.kwhp-radio-option:focus-within{outline:2px solid rgba(123,105,199,.65);outline-offset:3px;border-radius:4px;}
.kwhp-provider-directory-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(0,0,0,.16);color:#aeb5c0;font-size:.62rem;line-height:1.25;}
.kwhp-provider-directory-summary strong{color:#fff;font-size:.67rem;}
.kwhp-provider-result-count{min-height:1.2em;margin:0 0 5px;color:#9ca5b1;font-size:.61rem;line-height:1.2;}
.kwhp-advanced-provider-list .kwhp-advanced-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;}
.kwhp-provider-option{align-items:center;min-height:42px;padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.025);}
.kwhp-provider-option:hover{border-color:rgba(123,105,199,.45);background:rgba(123,105,199,.08);}
.kwhp-provider-option.is-unavailable{cursor:default;opacity:.58;}
.kwhp-provider-option.is-unavailable:hover{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.025);}
.kwhp-provider-copy{display:flex!important;flex-direction:column;gap:2px;min-width:0;}
.kwhp-provider-copy strong{overflow:hidden;color:#f6f7f9;font-size:.68rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;}
.kwhp-provider-copy small{color:#9ba3af;font-size:.57rem;font-weight:650;line-height:1.25;}
.kwhp-provider-empty{margin:8px 0;padding:10px;text-align:center;color:#aeb5c0;font-size:.66rem;}
.kwhp-provider-search-hint{margin:5px 0 0;color:#8f98a5;font-size:.59rem;line-height:1.35;}
.kwhp-unified-services .kwhp-provider-result-count{margin-top:7px;}
.kwhp-unified-services .kwhp-advanced-provider-list{margin-top:2px;}
.kwhp-unified-services .kwhp-service-option.is-unavailable{opacity:.52;cursor:default;}
@media(max-width:720px){
  .kwhp-essential-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .kwhp-radio-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;}
  .kwhp-radio-option{min-height:42px;padding:4px 2px;font-size:.72rem;}
  .kwhp-provider-directory-summary{display:block;}
  .kwhp-provider-directory-summary span{display:block;margin-top:3px;}
  .kwhp-advanced-provider-list.is-searching{max-height:330px;}
  .kwhp-advanced-provider-list .kwhp-advanced-options{grid-template-columns:1fr;}
  .kwhp-provider-option{min-height:48px;}
}
@media(max-width:380px){
  .kwhp-radio-list{grid-template-columns:1fr;}
}

/* v0.4.42 — keep the owned homepage surface inside the real phone viewport. */
@media(max-width:1024px){
    body.kwhp-front-page-active .kwhp-homepage{
        min-width:0;
    }
    body.kwhp-front-page-active .kwhp-homepage .kwhp-shell,
    body.kwhp-front-page-active .kwhp-homepage .kwhp-top-grid,
    body.kwhp-front-page-active .kwhp-homepage .kwhp-selector,
    body.kwhp-front-page-active .kwhp-homepage .kwhp-selector-head,
    body.kwhp-front-page-active .kwhp-homepage .kwhp-selector-body{
        min-width:0;
        max-width:100%;
    }
}

/* v0.4.71 - Keep Advanced Search fully inside the real viewport and align default Hot 3 geometry with Finder cards. */
.kwhp-advanced-search[open]>summary{
    width:min(920px,calc(100vw - 40px))!important;
    max-width:calc(100vw - 40px)!important;
}
.kwhp-advanced-search[open]>.kwhp-advanced-panel{
    width:min(920px,calc(100vw - 40px))!important;
    max-width:calc(100vw - 40px)!important;
    max-height:calc(var(--kwhp-advanced-vh,100vh) - 128px)!important;
    min-height:0!important;
}
.kwhp-advanced-actions{
    grid-column:1/-1!important;
    position:sticky;
    bottom:-15px;
    z-index:3;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
    margin:2px -15px -15px;
    padding:12px 15px 15px;
    border-top:1px solid rgba(255,255,255,.10);
    background:#0c1015;
}
.kwhp-advanced-actions .kwhp-clear-advanced,
.kwhp-advanced-submit{
    box-sizing:border-box;
    width:100%;
    min-height:44px;
    margin:0!important;
    border-radius:8px;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.05em;
    text-transform:uppercase;
    cursor:pointer;
}
.kwhp-advanced-submit{
    border:1px solid #fff;
    background:#fff;
    color:#0b0c10;
}
.kwhp-advanced-submit:hover,.kwhp-advanced-submit:focus-visible{background:#e9ecf1;}

.kwhp-hot-three-home .kwsh-masthead-hot:not(.is-finder-results){
    box-sizing:border-box;
    width:min(470px,100%)!important;
    min-width:0!important;
    max-width:470px!important;
}
.kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-three-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,150px))!important;
    justify-content:center!important;
    gap:10px!important;
    max-width:100%;
    padding:2px!important;
}
.kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-three-list.hot-count-1{
    grid-template-columns:minmax(0,150px)!important;
}
.kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-three-list.hot-count-2{
    grid-template-columns:repeat(2,minmax(0,150px))!important;
}
.kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-pick,
.kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-placeholder{
    box-sizing:border-box;
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
}
.kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-placeholder{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:2 / 3!important;
}
.kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-poster{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:2 / 3!important;
    max-width:none!important;
}
.kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-poster img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
}
@media(max-width:760px){
    .kwhp-advanced-search[open]>summary{
        max-width:100%!important;
    }
    .kwhp-advanced-search[open]>.kwhp-advanced-panel{
        max-width:100%!important;
        max-height:calc(var(--kwhp-advanced-vh,100vh) - 70px)!important;
    }
    .kwhp-advanced-actions{
        bottom:calc(-1 * max(18px,env(safe-area-inset-bottom)));
        grid-template-columns:1fr 1fr;
        margin:2px calc(-1 * max(14px,env(safe-area-inset-right))) calc(-1 * max(18px,env(safe-area-inset-bottom))) calc(-1 * max(14px,env(safe-area-inset-left)));
        padding:12px max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
    }
}
/* v0.4.72 - Keep the entire Advanced Search frame visibly contained while its contents scroll internally. */
.kwhp-advanced-search[open]{
    box-sizing:border-box!important;
    top:var(--kwhp-advanced-vtop,0px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    height:var(--kwhp-advanced-vh,100dvh)!important;
    min-height:0!important;
    padding:clamp(14px,2.5vh,24px) max(20px,env(safe-area-inset-right)) clamp(14px,2.5vh,24px) max(20px,env(safe-area-inset-left))!important;
}
.kwhp-advanced-search[open]>summary{
    flex:0 0 auto!important;
    width:min(920px,calc(100vw - 48px))!important;
    max-width:calc(100vw - 48px)!important;
}
.kwhp-advanced-search[open]>.kwhp-advanced-panel{
    flex:0 1 auto!important;
    width:min(920px,calc(100vw - 48px))!important;
    max-width:calc(100vw - 48px)!important;
    height:min(720px,calc(var(--kwhp-advanced-vh,100dvh) - 150px))!important;
    max-height:min(720px,calc(var(--kwhp-advanced-vh,100dvh) - 150px))!important;
    min-height:220px!important;
    overflow-y:auto!important;
}
@media(max-width:760px){
    .kwhp-advanced-search[open]{
        justify-content:flex-end!important;
        padding:max(10px,env(safe-area-inset-top)) 0 0!important;
    }
    .kwhp-advanced-search[open]>summary{
        width:100%!important;
        max-width:100%!important;
    }
    .kwhp-advanced-search[open]>.kwhp-advanced-panel{
        width:100%!important;
        max-width:100%!important;
        height:calc(var(--kwhp-advanced-vh,100dvh) - 76px - max(10px,env(safe-area-inset-top)))!important;
        max-height:calc(var(--kwhp-advanced-vh,100dvh) - 76px - max(10px,env(safe-area-inset-top)))!important;
        min-height:0!important;
    }
}

@media(max-width:520px){
    .kwhp-hot-three-home .kwsh-masthead-hot:not(.is-finder-results){
        width:100%!important;
        max-width:100%!important;
    }
    .kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-three-list{
        display:flex!important;
        justify-content:flex-start!important;
        gap:10px!important;
        overflow-x:auto!important;
        padding:2px 2px 8px!important;
        scroll-snap-type:x mandatory;
    }
    .kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-pick,
    .kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-placeholder{
        flex:0 0 146px!important;
        width:146px!important;
        min-width:146px!important;
        max-width:146px!important;
        scroll-snap-align:start;
    }
}

/* v0.4.73 - Let the Advanced Search modal escape Finder clipping and expose both result actions. */
body.kwhp-advanced-modal-open .kwhp-homepage,
body.kwhp-advanced-modal-open .kwhp-shell,
body.kwhp-advanced-modal-open .kwhp-top-grid,
body.kwhp-advanced-modal-open .kwhp-selector,
body.kwhp-advanced-modal-open .kwhp-selector-body,
body.kwhp-advanced-modal-open .kwhp-discovery-stack{
    overflow:visible!important;
}
.kwhp-advanced-search[open]{
    z-index:2147483000!important;
    top:var(--kwhp-advanced-vtop,0px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    height:var(--kwhp-advanced-vh,100dvh)!important;
    max-height:var(--kwhp-advanced-vh,100dvh)!important;
    justify-content:center!important;
}
.kwhp-advanced-search[open]>.kwhp-advanced-panel{
    height:min(720px,calc(var(--kwhp-advanced-vh,100dvh) - 120px))!important;
    max-height:min(720px,calc(var(--kwhp-advanced-vh,100dvh) - 120px))!important;
}
.kwhp-advanced-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.kwhp-advanced-actions .kwhp-clear-advanced{
    grid-column:1/-1!important;
}
@media(max-width:760px){
    .kwhp-advanced-search[open]{
        justify-content:flex-end!important;
    }
    .kwhp-advanced-search[open]>.kwhp-advanced-panel{
        height:calc(var(--kwhp-advanced-vh,100dvh) - 66px)!important;
        max-height:calc(var(--kwhp-advanced-vh,100dvh) - 66px)!important;
    }
}


/* v0.4.74 - Advanced Search is a native top-layer dialog, not a Finder descendant pretending to be a modal. */
.kwhp-advanced-search{
    margin-top:8px;
    border-top:1px solid rgba(255,255,255,.09);
    border-bottom:1px solid rgba(255,255,255,.09);
}
.kwhp-advanced-trigger{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    min-height:44px;
    padding:8px 2px;
    border:0;
    background:transparent;
    color:#f3f5f8;
    font-size:.75rem;
    font-weight:900;
    letter-spacing:.04em;
    text-align:left;
    cursor:pointer;
}
.kwhp-advanced-trigger:focus-visible{outline:2px solid #7b69c7;outline-offset:3px;border-radius:6px;}
.kwhp-advanced-trigger-icon{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:26px;
    height:26px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
    color:#fff;
    font-size:1rem;
    line-height:1;
}
.kwhp-advanced-dialog{
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:none!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    padding:16px!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    overflow:hidden!important;
}
.kwhp-advanced-dialog:not([open]){display:none!important;}
.kwhp-advanced-dialog::backdrop{
    background:rgba(9,11,15,.78);
    backdrop-filter:blur(5px);
}
.kwhp-advanced-frame{
    box-sizing:border-box;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    width:min(920px,100%);
    height:min(820px,100%);
    max-height:100%;
    margin:auto;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.14);
    border-radius:18px;
    background:#0d1015;
    box-shadow:0 28px 90px rgba(0,0,0,.5);
}
.kwhp-advanced-dialog-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:58px;
    padding:10px 14px;
    border-bottom:1px solid rgba(255,255,255,.1);
    background:#0d1015;
}
.kwhp-advanced-dialog-head strong{
    color:#fff;
    font-size:.86rem;
    font-weight:950;
    letter-spacing:.04em;
}
.kwhp-advanced-close{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    flex:0 0 auto;
    padding:0;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:1.45rem;
    line-height:1;
    cursor:pointer;
}
.kwhp-advanced-close:hover,.kwhp-advanced-close:focus-visible{border-color:#e30796;background:rgba(227,7,150,.12);outline:0;}
.kwhp-advanced-dialog .kwhp-advanced-panel{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    padding:14px 14px 18px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
}
.kwhp-advanced-dialog .kwhp-advanced-actions{
    position:sticky!important;
    z-index:5;
    bottom:-18px!important;
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    margin:2px -14px -18px!important;
    padding:10px 14px max(12px,env(safe-area-inset-bottom))!important;
    border-top:1px solid rgba(255,255,255,.10);
    background:rgba(13,16,21,.98)!important;
    backdrop-filter:blur(10px);
}
.kwhp-advanced-dialog .kwhp-advanced-actions .kwhp-clear-advanced{grid-column:1/-1!important;width:100%!important;justify-self:stretch!important;}
.kwhp-advanced-dialog .kwhp-advanced-submit{width:100%!important;min-height:44px!important;}

@media(max-width:720px){
    .kwhp-advanced-trigger{min-height:48px;}
    .kwhp-advanced-dialog{
        padding:0!important;
    }
    .kwhp-advanced-frame{
        width:100%!important;
        height:100%!important;
        max-height:100%!important;
        border:0!important;
        border-radius:0!important;
    }
    .kwhp-advanced-dialog-head{
        min-height:calc(56px + env(safe-area-inset-top));
        padding:calc(8px + env(safe-area-inset-top)) 12px 8px;
    }
    .kwhp-advanced-dialog .kwhp-advanced-panel{
        grid-template-columns:1fr!important;
        gap:8px!important;
        padding:10px 12px 16px!important;
    }
    .kwhp-advanced-dialog .kwhp-advanced-release,
    .kwhp-advanced-dialog .kwhp-advanced-avoid,
    .kwhp-advanced-dialog .kwhp-advanced-streaming-services{grid-column:auto!important;}
    .kwhp-advanced-dialog .kwhp-advanced-actions{
        bottom:-16px!important;
        margin:2px -12px -16px!important;
        padding:10px 12px max(12px,env(safe-area-inset-bottom))!important;
    }
}
@media(max-width:430px){
    .kwhp-advanced-dialog .kwhp-advanced-actions{grid-template-columns:1fr!important;}
    .kwhp-advanced-dialog .kwhp-advanced-actions .kwhp-clear-advanced{grid-column:auto!important;}
}

/* v0.4.75 - Simple Finder is Feeling-first; precision controls live in Advanced Search. */
.kwhp-selector-body > .kwhp-choice-row[data-group="feeling"]{
    border-top:0;
    padding-top:8px;
}
.kwhp-simple-finder-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin:10px 0 4px;
}
.kwhp-simple-submit{
    min-height:46px;
    padding:0 16px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:9px;
    background:#fff;
    color:#101218;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:.78rem;
    letter-spacing:.055em;
    text-transform:uppercase;
    cursor:pointer;
}
.kwhp-simple-submit:hover,.kwhp-simple-submit:focus-visible{background:#edf0f4;outline:2px solid #7b69c7;outline-offset:2px;}
.kwhp-simple-submit:disabled{opacity:.62;cursor:wait;}
.kwhp-finder-internal-submit{display:none!important;}
.kwhp-advanced-search{margin-top:10px;}
.kwhp-advanced-dialog .kwhp-advanced-primary-choice{
    grid-column:1/-1!important;
    grid-template-columns:110px minmax(0,1fr)!important;
    gap:12px!important;
    margin:0!important;
    padding:11px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.035)!important;
}
.kwhp-advanced-dialog .kwhp-advanced-primary-choice .kwhp-choice-label{padding-top:8px;color:#fff;}
.kwhp-advanced-dialog .kwhp-essential-services-row .kwhp-service-options{min-width:0;}
.kwhp-advanced-dialog .kwhp-essential-services-row .kwhp-multi-toolbar{margin:0 0 8px;}
.kwhp-advanced-dialog .kwhp-advanced-actions .kwhp-clear-advanced,
.kwhp-advanced-dialog .kwhp-advanced-actions .kwhp-advanced-reset{grid-column:auto!important;width:100%!important;justify-self:stretch!important;}
@media(max-width:720px){
    .kwhp-simple-finder-actions{grid-template-columns:1fr;}
    .kwhp-advanced-dialog .kwhp-advanced-primary-choice{grid-template-columns:1fr!important;gap:6px!important;}
    .kwhp-advanced-dialog .kwhp-advanced-primary-choice .kwhp-choice-label{padding-top:0;}
}

/* v0.4.81 - Community participation bar moved directly below content rows and above email signup. */

/* v0.4.122 - Kazoo Mode has one recommendation action; retire the two-mode button fork. */
.kwhp-simple-finder-actions{grid-template-columns:1fr!important;}
.kwhp-advanced-dialog .kwhp-advanced-actions .kwhp-advanced-submit{grid-column:1/-1!important;}
@media(max-width:520px){.kwhp-simple-finder-actions{grid-template-columns:1fr!important;}}

/* v0.4.115 - Saved services are profile preferences; direct provider tiers share one service family. */
.kwhp-profile-service-limit{display:flex;align-items:flex-start;gap:9px;margin:8px 0 0;padding:9px 11px;border:1px solid rgba(123,105,199,.34);border-radius:12px;background:rgba(123,105,199,.07);cursor:pointer;}
.kwhp-profile-service-limit input{width:17px;height:17px;margin:2px 0 0;accent-color:#E30796;flex:0 0 auto;}
.kwhp-profile-service-limit-copy{display:grid;gap:2px;min-width:0;}
.kwhp-profile-service-limit-copy strong{font-size:.72rem;letter-spacing:.035em;text-transform:uppercase;line-height:1.2;}
.kwhp-profile-service-limit-copy small{font-size:.68rem;line-height:1.35;opacity:.72;}
.kwhp-service-option.is-saved-service,.kwhp-provider-option.is-saved-service{border-color:rgba(38,135,48,.42);}
.kwhp-saved-service-marker{display:inline-block;margin-left:5px;font-size:.56rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#268730;}
/* v0.4.86 - Compact Finder no longer exposes streaming-service shortcuts; profile defaults remain active in Advanced Search. */
/* v0.4.77 - Discovery stack: compact Finder -> immediate Hot 3/results -> catalogue row -> featured video. */
.kwhp-top-grid{
    display:block!important;
    grid-template-columns:none!important;
    gap:0!important;
    align-items:start!important;
}
.kwhp-selector{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
}
.kwhp-hot-three-home{
    margin:12px auto 0!important;
}
.kwhp-home-video-slot{
    box-sizing:border-box;
    width:min(980px,100%);
    margin:28px auto 0;
}
.kwhp-home-video-slot .kwhp-video-panel{
    width:100%;
    max-width:none;
    margin:0;
}
@media(max-width:720px){
    .kwhp-discovery-stack{display:block!important;}
    .kwhp-discovery-stack .kwhp-top-grid{display:block!important;}
    .kwhp-hot-three-home{margin-top:10px!important;}
    .kwhp-home-video-slot{width:100%;margin-top:22px;}
}

/* v0.4.76 - Compact the simple Finder and make default Hot 3 responsive like the poster rows. */
@media(min-width:721px){
    .kwhp-top-grid{align-items:start!important;}
    .kwhp-selector{align-self:start!important;}
}
.kwhp-selector-head{padding:18px 22px 5px!important;}
.kwhp-selector h1{max-width:620px!important;font-size:clamp(1.95rem,3.25vw,3rem)!important;line-height:.96!important;}
.kwhp-selector-intro{display:none!important;}
.kwhp-selector-body{padding:0 22px 13px!important;}
.kwhp-selector-body>.kwhp-choice-row[data-group="feeling"]{
    grid-template-columns:1fr!important;
    gap:5px!important;
    padding:7px 0 4px!important;
}
.kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-choice-label{
    padding:0!important;
    font-size:.56rem!important;
}
.kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chips{gap:5px!important;}
.kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chip{
    padding:6px 9px!important;
    font-size:.69rem!important;
}
.kwhp-simple-finder-actions{gap:8px!important;margin:7px 0 2px!important;}
.kwhp-simple-submit{min-height:38px!important;padding:0 12px!important;font-size:.69rem!important;border-radius:8px!important;}
.kwhp-advanced-search{margin-top:6px!important;}
.kwhp-advanced-trigger{min-height:36px!important;padding:5px 2px!important;font-size:.69rem!important;}
.kwhp-advanced-trigger-icon{width:22px!important;height:22px!important;font-size:.9rem!important;}

@media(max-width:520px){
    .kwhp-selector-head{padding:16px 16px 4px!important;}
    .kwhp-selector h1{font-size:clamp(1.75rem,9vw,2.35rem)!important;}
    .kwhp-selector-body{padding:0 16px 12px!important;}
    .kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chip{padding:6px 8px!important;font-size:.66rem!important;}
    .kwhp-simple-finder-actions{grid-template-columns:1fr!important;gap:7px!important;}
    .kwhp-simple-submit{width:100%!important;min-height:38px!important;padding:0 12px!important;font-size:.66rem!important;letter-spacing:.035em!important;}

    .kwhp-hot-three-home .kwsh-masthead-hot:not(.is-finder-results){
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }
    .kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-three-list{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        justify-content:stretch!important;
        gap:7px!important;
        width:100%!important;
        max-width:100%!important;
        overflow:visible!important;
        padding:2px!important;
        scroll-snap-type:none!important;
    }
    .kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-pick,
    .kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-placeholder{
        box-sizing:border-box!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        flex:none!important;
        scroll-snap-align:none!important;
    }
    .kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-poster,
    .kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-placeholder{
        width:100%!important;
        aspect-ratio:2 / 3!important;
    }
    .kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-meta{min-width:0!important;}
    .kwhp-kazoo-stage:not(.is-finder-results) .kwsh-hot-title{
        display:-webkit-box!important;
        overflow:hidden!important;
        font-size:.66rem!important;
        line-height:1.15!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }
}

/* v0.4.78 - Two-column discovery hero: Finder/results left, video/community right. */
.kwhp-discovery-stack{
    display:grid!important;
    grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr)!important;
    gap:22px!important;
    align-items:start!important;
    width:100%!important;
}
.kwhp-discovery-left{min-width:0;}
.kwhp-discovery-stack .kwhp-top-grid{
    display:block!important;
    min-width:0!important;
}
.kwhp-discovery-stack .kwhp-selector{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
}
.kwhp-discovery-stack .kwhp-hot-three-home{
    width:100%!important;
    margin:12px 0 0!important;
}
.kwhp-discovery-right{
    display:flex;
    flex-direction:column;
    gap:14px;
    min-width:0;
}
.kwhp-discovery-right .kwhp-home-video-slot{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
}
.kwhp-discovery-right .kwhp-video-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
}
.kwhp-discovery-right .kwhp-human-trust{margin:0!important;}

/* v0.4.82 - Compact rotating KazooWatch comments use the existing right-column whitespace. */
.kwhp-comment-rotator{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
    min-height:96px;
    max-height:124px;
    margin:0;
    padding:11px 16px 10px;
    overflow:hidden;
    border-radius:12px;
    background:transparent;
    color:#151820;
}
.kwhp-comment-label{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 6px;
    color:#e30796;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:.61rem;
    font-weight:900;
    letter-spacing:.12em;
    line-height:1;
    text-transform:uppercase;
}
.kwhp-comment-label span{
    display:block;
    width:24px;
    height:2px;
    flex:0 0 24px;
    background:linear-gradient(90deg,#268730 0 50%,#e30796 50% 100%);
}
.kwhp-comment-stage{position:relative;min-height:48px;}
.kwhp-comment-item{margin:0;padding:0;border:0;}
.kwhp-comment-item[hidden]{display:none!important;}
.kwhp-comment-item p{
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    color:#1b1d24;
    font-family:Georgia,'Times New Roman',serif;
    font-size:clamp(1.05rem,1.45vw,1.42rem);
    font-weight:700;
    line-height:1.14;
    letter-spacing:-.018em;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.kwhp-comment-controls{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:5px;
}
.kwhp-comment-arrow{
    width:22px;
    height:22px;
    padding:0;
    border:0;
    background:transparent;
    color:#30343b;
    font-size:1.05rem;
    line-height:1;
    cursor:pointer;
}
.kwhp-comment-dots{display:flex;align-items:center;gap:5px;}
.kwhp-comment-dot{width:6px;height:6px;border-radius:50%;background:#c8cbd0;}
.kwhp-comment-dot.is-active{background:#e30796;}
.kwhp-comment-rotator:focus-within .kwhp-comment-arrow,
.kwhp-comment-arrow:hover{color:#7b69c7;}
@media(max-width:980px){
    .kwhp-comment-rotator{
        min-height:0;
        max-height:64px;
        padding:7px 10px 7px;
        border:1px solid rgba(20,24,32,.08);
        background:#fff;
    }
    .kwhp-comment-label{display:none;}
    .kwhp-comment-stage{min-height:34px;padding-right:50px;}
    .kwhp-comment-item p{
        font-family:inherit;
        font-size:.84rem;
        font-weight:750;
        line-height:1.28;
        letter-spacing:0;
        -webkit-line-clamp:2;
    }
    .kwhp-comment-controls{
        position:absolute;
        right:8px;
        bottom:7px;
        margin:0;
        gap:4px;
    }
    .kwhp-comment-arrow{display:none;}
    .kwhp-comment-dot{width:5px;height:5px;}
}
@media(max-width:980px){
    .kwhp-discovery-stack{
        display:flex!important;
        flex-direction:column!important;
        gap:18px!important;
    }
    .kwhp-discovery-right{width:100%;gap:14px;}
    .kwhp-discovery-stack .kwhp-hot-three-home{margin-top:10px!important;}
}

/* v0.4.84 - Mobile Finder containment and responsive Hot 3 geometry. */
@media(max-width:980px){
    .kwhp-homepage{
        overflow-x:hidden!important;
    }
    .kwhp-shell,
    .kwhp-discovery-stack,
    .kwhp-discovery-left,
    .kwhp-discovery-stack .kwhp-top-grid,
    .kwhp-discovery-stack .kwhp-selector,
    .kwhp-discovery-stack .kwhp-hot-three-home,
    .kwhp-discovery-stack .kwhp-kazoo-stage{
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }
    .kwhp-discovery-left,
    .kwhp-discovery-stack .kwhp-top-grid,
    .kwhp-discovery-stack .kwhp-selector,
    .kwhp-discovery-stack .kwhp-hot-three-home{
        overflow-x:hidden!important;
    }
    .kwhp-kazoo-stage.is-show-options .kwsh-hot-three-list{
        box-sizing:border-box!important;
        display:flex!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        justify-content:flex-start!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior-x:contain;
        scroll-snap-type:x proximity;
    }
}

@media(max-width:520px){
    /* Hot 3 and focused three use the same responsive three-across geometry. */
    .kwhp-kazoo-stage:not(.is-show-options) .kwsh-hot-three-list,
    .kwhp-kazoo-stage.is-just-three .kwsh-hot-three-list{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        justify-content:stretch!important;
        gap:7px!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        overflow:visible!important;
        padding:2px!important;
        scroll-snap-type:none!important;
        scrollbar-width:none!important;
    }
    .kwhp-kazoo-stage:not(.is-show-options) .kwsh-hot-pick,
    .kwhp-kazoo-stage:not(.is-show-options) .kwsh-hot-placeholder,
    .kwhp-kazoo-stage.is-just-three .kwsh-hot-pick{
        box-sizing:border-box!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        flex:none!important;
        scroll-snap-align:none!important;
    }
    .kwhp-kazoo-stage:not(.is-show-options) .kwsh-hot-poster,
    .kwhp-kazoo-stage:not(.is-show-options) .kwsh-hot-placeholder,
    .kwhp-kazoo-stage.is-just-three .kwsh-hot-poster{
        width:100%!important;
        max-width:100%!important;
        aspect-ratio:2 / 3!important;
    }

    /* Show-me-options remains a contained horizontal rail instead of widening the page. */
    .kwhp-kazoo-stage.is-show-options .kwsh-hot-three-list{
        gap:8px!important;
        padding:2px 2px 8px!important;
    }
    .kwhp-kazoo-stage.is-show-options .kwsh-hot-pick{
        flex:0 0 clamp(108px,31vw,124px)!important;
        width:clamp(108px,31vw,124px)!important;
        min-width:clamp(108px,31vw,124px)!important;
        max-width:clamp(108px,31vw,124px)!important;
        scroll-snap-align:start!important;
    }
}


/* v0.4.87 - One Advanced Services block + even desktop Feeling rows. */
.kwhp-advanced-dialog .kwhp-unified-services{
    grid-column:1/-1!important;
}
.kwhp-advanced-dialog .kwhp-unified-service-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px 10px;
}
.kwhp-advanced-dialog .kwhp-unified-services-note{
    margin:9px 0 0!important;
    color:#8f97a3!important;
    font-size:.62rem!important;
}
@media(min-width:900px){
    .kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chips{
        display:grid!important;
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        gap:6px!important;
        width:100%!important;
    }
    .kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chip{
        width:100%!important;
        min-width:0!important;
        justify-content:center!important;
        text-align:center!important;
    }
}
@media(max-width:720px){
    .kwhp-advanced-dialog .kwhp-unified-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:430px){
    .kwhp-advanced-dialog .kwhp-unified-service-grid{grid-template-columns:1fr;}
}



/* v0.4.90 - Full Kazoo Mode organization pass. */
.kwhp-advanced-dialog .kwhp-advanced-panel{
    display:block!important;
    padding:12px 14px 18px!important;
}
.kwhp-kazoo-control-section{
    margin:0 0 8px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;
    background:rgba(255,255,255,.025);
    overflow:hidden;
}
.kwhp-kazoo-control-section>summary{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:8px 11px;
    cursor:pointer;
    list-style:none;
    user-select:none;
}
.kwhp-kazoo-control-section>summary::-webkit-details-marker{display:none;}
.kwhp-kazoo-control-section>summary:after{
    content:'+';
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    color:#fff;
    font-weight:900;
}
.kwhp-kazoo-control-section[open]>summary:after{content:'−';}
.kwhp-kazoo-section-title{color:#fff;font-size:.76rem;font-weight:950;letter-spacing:.035em;}
.kwhp-kazoo-section-summary{min-width:0;color:#9da6b3;font-size:.62rem;line-height:1.2;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kwhp-kazoo-section-body{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:0 9px 9px;
}
.kwhp-kazoo-control-section[data-kwhp-kazoo-section="basics"] .kwhp-advanced-primary-choice,
.kwhp-kazoo-control-section[data-kwhp-kazoo-section="basics"] .kwhp-advanced-release,
.kwhp-advanced-language{margin-top:10px;}
.kwhp-language-mode-list{display:flex;flex-wrap:wrap;gap:7px;}
.kwhp-language-profile-summary,.kwhp-language-custom-help{margin:8px 0 0;color:#aeb7c4;font-size:.72rem;line-height:1.35;}
.kwhp-language-custom{margin-top:8px;}
.kwhp-language-custom[hidden]{display:none!important;}
.kwhp-language-options{grid-template-columns:repeat(4,minmax(0,1fr));}
@media (max-width:720px){.kwhp-language-options{grid-template-columns:repeat(2,minmax(0,1fr));}}

.kwhp-kazoo-control-section[data-kwhp-kazoo-section="streaming"] .kwhp-advanced-streaming-services,
.kwhp-kazoo-control-section[data-kwhp-kazoo-section="limits"] .kwhp-advanced-avoid{
    grid-column:1/-1!important;
}
.kwhp-kazoo-control-section .kwhp-advanced-group,
.kwhp-kazoo-control-section .kwhp-advanced-primary-choice{
    margin:0!important;
}
.kwhp-kazoo-control-section .kwhp-advanced-group{padding:9px!important;}
.kwhp-kazoo-control-section .kwhp-advanced-group-head{margin-bottom:6px!important;}
.kwhp-kazoo-control-section .kwhp-advanced-primary-choice{padding:8px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;}
.kwhp-advanced-dialog .kwhp-advanced-actions{margin-top:10px!important;}
@media(max-width:720px){
    .kwhp-kazoo-control-section>summary{min-height:44px;padding:8px 9px;}
    .kwhp-kazoo-section-summary{font-size:.59rem;}
    .kwhp-kazoo-section-body{grid-template-columns:1fr;padding:0 8px 8px;}
    .kwhp-kazoo-control-section[data-kwhp-kazoo-section="basics"] .kwhp-advanced-primary-choice,
    .kwhp-kazoo-control-section[data-kwhp-kazoo-section="basics"] .kwhp-advanced-release,
    .kwhp-kazoo-control-section[data-kwhp-kazoo-section="streaming"] .kwhp-advanced-streaming-services,
    .kwhp-kazoo-control-section[data-kwhp-kazoo-section="limits"] .kwhp-advanced-avoid{grid-column:auto!important;}
}

/* 0.4.94: compact public services + hero-level Kazoo Mode invitation. */
.kwhp-guest-services{margin:10px 0 0;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.025);}
.kwhp-guest-services legend{padding:0 6px;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#fff;}
.kwhp-guest-services-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px;}
.kwhp-guest-services-head p{margin:0;color:rgba(255,255,255,.72);font-size:.72rem;line-height:1.35;}
.kwhp-guest-service-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px 14px!important;width:100%;max-width:100%;margin-inline:auto;}
.kwhp-guest-service-grid .kwhp-service-option{min-width:0;}
.kwhp-guest-more-services{position:relative;display:inline-block;}
.kwhp-guest-more-services summary{display:flex;align-items:center;min-height:28px;padding:4px 6px;border-radius:6px;list-style:none;cursor:pointer;color:#d8dce4;font:inherit;white-space:nowrap;}
.kwhp-guest-more-services summary:hover,.kwhp-guest-more-services summary:focus-visible{background:rgba(255,255,255,.09);color:#fff;outline:2px solid transparent;}
.kwhp-guest-more-services summary::-webkit-details-marker{display:none;}
.kwhp-guest-more-services[open] summary{color:#b9adf0;}
.kwhp-guest-provider-popover{position:absolute;z-index:80;top:calc(100% + 8px);right:0;width:min(360px,80vw);padding:10px;border:1px solid rgba(123,105,199,.42);border-radius:12px;background:#12131a;box-shadow:0 16px 40px rgba(0,0,0,.35);}
.kwhp-guest-provider-popover .kwhp-provider-search-label{margin-top:0;}
.kwhp-guest-provider-list{margin-top:5px;border-top:0;padding-top:2px;}
.kwhp-guest-provider-list:not(.is-searching) .kwhp-provider-option[hidden]{display:none!important;}
.kwhp-guest-provider-list .kwhp-provider-copy strong{white-space:normal;}
.kwhp-homepage{position:relative;}
.kwhp-kazoo-mode-cta{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:10px 12px;border:1px solid rgba(123,105,199,.45);border-radius:12px;background:linear-gradient(135deg,rgba(123,105,199,.16),rgba(227,7,150,.08));overflow:hidden;}
.kwhp-kazoo-mode-hero-cta{position:absolute;z-index:40;top:calc(-1 * clamp(178px,11vw,210px));right:max(18px,calc((100vw - 1280px)/2));width:min(350px,calc(100vw - 36px));box-sizing:border-box;}
.kwhp-kazoo-mode-cta-arrow{font-size:1.6rem;line-height:1;transform:translateY(0);animation:kwhpKazooArrow 1.45s ease-in-out infinite;}
.kwhp-kazoo-mode-cta-eyebrow{display:block;margin-bottom:2px;font-size:.58rem;font-weight:900;letter-spacing:.11em;text-transform:none;color:#b9adf0;}
.kwhp-kazoo-mode-cta strong{display:block;color:#fff;font-size:.93rem;}
.kwhp-kazoo-mode-cta p{margin:3px 0 0;color:rgba(255,255,255,.72);font-size:.68rem;line-height:1.35;}
.kwhp-kazoo-mode-cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:999px;background:#7B69C7;color:#fff!important;font-size:.65rem;font-weight:900;letter-spacing:.03em;text-decoration:none!important;white-space:nowrap;}
.kwhp-kazoo-mode-cta-button:hover{filter:brightness(1.1);}
@keyframes kwhpKazooArrow{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-4px)}}
@media(prefers-reduced-motion:reduce){.kwhp-kazoo-mode-cta-arrow{animation:none;}}
@media(max-width:980px){
    .kwhp-kazoo-mode-hero-cta{position:relative;top:auto;right:auto;width:min(520px,calc(100% - 20px));margin:0 auto 14px;}
}
@media(max-width:720px){
    .kwhp-guest-services-head{display:block;}
    .kwhp-guest-services-head .kwhp-multi-toolbar{margin-top:6px;}
    .kwhp-guest-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .kwhp-kazoo-mode-cta{grid-template-columns:auto 1fr;}
    .kwhp-kazoo-mode-cta-button{grid-column:1/-1;width:100%;}
    .kwhp-guest-provider-popover{left:0;right:auto;width:min(330px,88vw);}
}

/* 0.4.96: restrained KazooWatch brand-color pass. Layout and behavior unchanged. */
.kwhp-homepage{
    background:
        radial-gradient(circle at 8% 2%,rgba(38,135,48,.075),transparent 360px),
        radial-gradient(circle at 93% 4%,rgba(227,7,150,.065),transparent 390px),
        linear-gradient(180deg,#f7f6fb 0%,#f3f5f3 48%,#f8f5fa 100%);
}
.kwhp-selector{
    border-color:rgba(123,105,199,.30)!important;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
        radial-gradient(circle at 94% 2%,rgba(123,105,199,.30),transparent 31%),
        radial-gradient(circle at 4% 98%,rgba(38,135,48,.20),transparent 31%),
        radial-gradient(circle at 72% 112%,rgba(227,7,150,.14),transparent 27%),
        #0b0c10!important;
    background-size:34px 34px,34px 34px,auto,auto,auto,auto!important;
    box-shadow:0 16px 46px rgba(8,10,15,.15),0 0 0 1px rgba(227,7,150,.06)!important;
}
.kwhp-video-panel{
    border-color:rgba(227,7,150,.23)!important;
    box-shadow:0 16px 46px rgba(8,10,15,.15),inset 0 3px 0 rgba(227,7,150,.42)!important;
}
.kwhp-guest-services{
    border-color:rgba(123,105,199,.26)!important;
    background:linear-gradient(135deg,rgba(123,105,199,.075),rgba(38,135,48,.035))!important;
}
.kwhp-guest-services legend{color:#fff!important;}
.kwhp-selector-actions .kwhp-action-primary,
.kwhp-selector-actions .kwhp-action-secondary{
    border-color:rgba(123,105,199,.30)!important;
}
.kwhp-kazoo-mode-cta{
    border:1px solid rgba(123,105,199,.68)!important;
    background:
        linear-gradient(135deg,#eee9ff 0%,#f9e7f3 58%,#e9f6eb 100%)!important;
    box-shadow:0 12px 30px rgba(74,51,122,.17),inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.kwhp-kazoo-mode-cta:before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:3px;
    background:linear-gradient(90deg,#268730 0%,#7B69C7 48%,#E30796 100%);
}
.kwhp-kazoo-mode-cta-arrow{color:#268730!important;text-shadow:0 0 18px rgba(38,135,48,.18);}
.kwhp-kazoo-mode-cta-eyebrow{color:#6c58b8!important;font-weight:950!important;}
.kwhp-kazoo-mode-cta strong{color:#271f3a!important;}
.kwhp-kazoo-mode-cta p{color:#5b5367!important;font-weight:650;}
.kwhp-kazoo-mode-cta-button{
    background:linear-gradient(135deg,#725fc5,#8b68cf)!important;
    color:#fff!important;
    box-shadow:0 6px 16px rgba(123,105,199,.28);
}
.kwhp-kazoo-mode-cta-button:hover{background:linear-gradient(135deg,#6854bd,#E30796)!important;filter:none!important;}

/* v0.4.144 — exact Most Anticipated trailer playback without page navigation. */
body.kwhp-trailer-modal-open{overflow:hidden!important;}
.kwhp-trailer-dialog{
    width:min(1000px,94vw);
    max-width:none;
    padding:0;
    border:1px solid rgba(255,255,255,.2);
    border-radius:16px;
    color:#fff;
    background:#111218;
    box-shadow:0 28px 80px rgba(0,0,0,.55);
}
.kwhp-trailer-dialog:not([open]){display:none!important;}
.kwhp-trailer-dialog::backdrop{background:rgba(8,9,13,.82);backdrop-filter:blur(5px);}
.kwhp-trailer-dialog-shell{min-width:0;}
.kwhp-trailer-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;}
.kwhp-trailer-dialog-head h2{margin:0;color:#fff;font-size:clamp(18px,2vw,26px);line-height:1.2;}
.kwhp-trailer-dialog-head button{
    width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;
    border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#1d1f28;color:#fff;
    font:700 30px/1 Arial,sans-serif;cursor:pointer;
}
.kwhp-trailer-dialog-player{aspect-ratio:16/9;background:#000;overflow:hidden;border-radius:0 0 15px 15px;}
.kwhp-trailer-dialog-player iframe{display:block;width:100%;height:100%;border:0;background:#000;}

/* =========================================================
   NEWSROOM — PUBLICATION FRONT (0.4.150)
   Global navigation comes from Site Shell. This surface owns only the
   publication masthead, a thin editorial section rail, and editorial layout.
========================================================= */
.kwhp-newsroom-page .entry-header,
.kwhp-newsroom-page .page-header,
.kwhp-newsroom-page .entry-title,
.kwhp-newsroom-page .page-title,
.kwhp-newsroom-page .wp-block-post-title{display:none!important}
.kwhp-newsroom-page .entry-content,
.kwhp-newsroom-page .site-main,
.kwhp-newsroom-page main#main{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
body.kwhp-newsroom-page{overflow-x:clip}
.kwhp-newsroom-page .wp-block-post-content,
.kwhp-newsroom-page .wp-block-group.is-layout-constrained>.wp-block-post-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.kwhp-newsroom{
    --nr-green:#268730;--nr-purple:#7B69C7;--nr-pink:#E30796;--nr-ink:#111216;
    --nr-muted:#666d78;--nr-soft:#f7f7fa;--nr-line:#dfe2e7;
    box-sizing:border-box;width:100dvw;max-width:100dvw;margin:0 calc(50% - 50dvw) 80px;
    color:var(--nr-ink);background:#fff;font-family:Inter,Arial,Helvetica,sans-serif;overflow:hidden;
}
@supports not (width:100dvw){.kwhp-newsroom{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}
.kwhp-newsroom a{color:inherit}
.kwhp-newsroom-inner{width:min(1240px,calc(100% - 48px));margin:0 auto}
.kwhp-newsroom-shared-shell{
    position:relative;box-sizing:border-box;width:100%;max-width:none;margin:0;
    background:linear-gradient(110deg,#f1f8f2 0 34%,#f7f4ff 34% 70%,#fff2fa 70% 100%);
    border-bottom:1px solid var(--nr-line,#dfe2e7);color:var(--nr-ink,#111216);overflow:hidden;
}
.kwhp-newsroom-shared-shell::before{content:"";display:block;height:5px;background:linear-gradient(90deg,#268730 0 33.333%,#7B69C7 33.333% 66.666%,#E30796 66.666% 100%)}
.kwhp-newsroom-shared-shell .kwhp-newsroom-masthead{width:min(1240px,calc(100% - 48px));margin:0 auto}
.kwhp-newsroom-edition-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 0 8px;border-bottom:1px solid rgba(17,18,22,.12);color:#5d6470;font-size:.63rem;font-weight:900;letter-spacing:.085em;text-transform:uppercase}
/* 0.4.170: preserve the accepted wide front Newsroom flag without clipping its artwork.
   Width remains authoritative; the brand band now grows to the image's natural scaled height
   so the full top and bottom of the uploaded masthead graphic remain visible. */
.kwhp-newsroom-brand-line{display:flex;align-items:center;justify-content:center;min-height:0;padding:18px 0 15px}
.kwhp-newsroom-logo{display:flex;align-items:center;justify-content:center;width:min(760px,90vw);min-height:0;text-decoration:none}
.kwhp-newsroom-logo img{display:block;width:auto;max-width:100%;height:auto;max-height:96px;object-fit:contain}
.kwhp-newsroom-shared-template .kwhp-newsroom-edition-line{
    box-sizing:border-box;height:32px!important;min-height:32px!important;max-height:32px!important;
    padding:0!important;margin:0!important;line-height:1;
}
.kwhp-newsroom-shared-template .kwhp-newsroom-brand-line{
    box-sizing:border-box;height:auto!important;min-height:0!important;max-height:none!important;
    padding:0!important;margin:0!important;overflow:visible!important;
}
.kwhp-newsroom-shared-template .kwhp-newsroom-logo{
    box-sizing:border-box;width:clamp(540px,54%,700px)!important;height:auto!important;min-height:0!important;max-height:none!important;
    padding:0!important;margin:0!important;overflow:visible!important;
}
.kwhp-newsroom-shared-template .kwhp-newsroom-logo img{
    display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;
    flex:none!important;margin:0!important;object-fit:contain!important;
}
.kwhp-newsroom-shared-template .kwhp-newsroom-nav{
    box-sizing:border-box;height:39px!important;min-height:39px!important;max-height:39px!important;margin:0!important;
}
.kwhp-newsroom-shared-template .kwhp-newsroom-nav a{height:39px!important;min-height:39px!important;padding-top:0!important;padding-bottom:0!important}
.kwhp-newsroom-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.kwhp-newsroom-nav{display:flex;align-items:center;justify-content:center;gap:30px;min-height:38px;overflow-x:auto;border-top:1px solid rgba(17,18,22,.1);white-space:nowrap;scrollbar-width:none}
.kwhp-newsroom-nav::-webkit-scrollbar{display:none}
.kwhp-newsroom-nav a{position:relative;display:flex;align-items:center;min-height:36px;padding:0;color:#32363e!important;font-size:.8rem;font-weight:900;letter-spacing:.005em;text-decoration:none;text-transform:none}
.kwhp-newsroom-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;transform:scaleX(.25);transform-origin:left;transition:transform .16s ease}
.kwhp-newsroom-nav a.is-latest::after{background:var(--nr-green,#268730)}
.kwhp-newsroom-nav a.is-news::after{background:var(--nr-pink,#E30796)}
.kwhp-newsroom-nav a.is-reviews::after{background:var(--nr-purple,#7B69C7)}
.kwhp-newsroom-nav a.is-watch::after{background:#4a9b53}
.kwhp-newsroom-nav a:hover::after{transform:scaleX(1)}

 .kwhp-newsroom-lede{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.58fr);gap:32px;padding:8px 0 36px;border-bottom:1px solid var(--nr-line)}
.kwhp-newsroom-lede.is-solo{display:block}
.kwhp-newsroom-lede.is-solo .kwhp-newsroom-story-lead{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:32px;align-items:end}
.kwhp-newsroom-lede.is-solo .kwhp-newsroom-story-lead .kwhp-newsroom-story-copy{padding:0 0 3px}
.kwhp-newsroom-lede.is-solo .kwhp-newsroom-story-lead .kwhp-newsroom-story-image{max-height:420px}
.kwhp-newsroom-lede.is-solo .kwhp-newsroom-story-lead .kwhp-newsroom-story-copy h2{font-size:clamp(2.2rem,3.25vw,3.6rem);line-height:.98;letter-spacing:-.045em}

.kwhp-newsroom-overline,.kwhp-newsroom-kind{font-size:.63rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.kwhp-newsroom-overline{display:block;margin-bottom:10px;color:var(--nr-pink)}
.kwhp-newsroom-story{min-width:0}
.kwhp-newsroom-story-image{display:block;overflow:hidden;background:#15171c;text-decoration:none}
.kwhp-newsroom-story-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.kwhp-newsroom-story-image:hover img{transform:scale(1.012)}
.kwhp-newsroom-image-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:180px;color:#fff;font-weight:950;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#16171c,#393060)}
.kwhp-newsroom-story-lead .kwhp-newsroom-story-image{aspect-ratio:16/9;max-height:455px}
.kwhp-newsroom-story-copy{padding-top:11px}
.kwhp-newsroom-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;color:#747b86;font-size:.64rem;font-weight:780;text-transform:uppercase}
.kwhp-newsroom-kind{color:var(--nr-purple)}
.kwhp-newsroom-byline{font-weight:850;color:#373b43}
.kwhp-newsroom-story-copy h2,.kwhp-newsroom-story-copy h3{margin:7px 0 0;line-height:1.06;letter-spacing:-.03em}
.kwhp-newsroom-story-copy h2 a,.kwhp-newsroom-story-copy h3 a{text-decoration:none}
.kwhp-newsroom-story-copy h2 a:hover,.kwhp-newsroom-story-copy h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.kwhp-newsroom-story-copy p{margin:9px 0 0;color:var(--nr-muted);font-size:.88rem;line-height:1.5}
.kwhp-newsroom-story-lead .kwhp-newsroom-story-copy h2{max-width:900px;font-size:clamp(2.15rem,3.25vw,3.7rem);font-weight:900;line-height:.98;letter-spacing:-.046em}
.kwhp-newsroom-story-lead .kwhp-newsroom-story-copy p{max-width:820px;font-size:.98rem}
.kwhp-newsroom-text-link{display:inline-block;margin-top:13px;color:var(--nr-green)!important;font-size:.69rem;font-weight:950;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}
.kwhp-newsroom-top-stories{padding:17px 18px 4px;border-top:5px solid var(--nr-pink);background:linear-gradient(180deg,#fff5fb 0,#fff 42%)}
.kwhp-newsroom-top-stories-head{padding-bottom:7px;border-bottom:2px solid var(--nr-ink)}
.kwhp-newsroom-top-stories-head .kwhp-newsroom-overline{margin:0;color:var(--nr-ink);font-size:.7rem}
.kwhp-newsroom-top-stories-list>.kwhp-newsroom-story{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--nr-line)}
.kwhp-newsroom-story-rail .kwhp-newsroom-story-image{aspect-ratio:4/3}
.kwhp-newsroom-story-rail .kwhp-newsroom-story-copy{padding-top:0}
.kwhp-newsroom-story-rail .kwhp-newsroom-meta{font-size:.57rem}
.kwhp-newsroom-story-rail .kwhp-newsroom-story-copy h3{font-size:.98rem;line-height:1.12}

.kwhp-newsroom-video-stage{position:relative;margin:36px 0 0;padding:28px 28px 32px;border-top:6px solid var(--nr-green);background:linear-gradient(135deg,#090a0d 0,#171327 58%,#21101d 100%);color:#fff;scroll-margin-top:84px}
.kwhp-newsroom-video-stage .kwhp-newsroom-section-head{margin-bottom:5px}
.kwhp-newsroom-video-stage .kwhp-eyebrow{color:#b8acf4}
.kwhp-newsroom-video-stage .kwhp-newsroom-section-head h2,.kwhp-newsroom-video-stage .kwhp-newsroom-section-head>a{color:#fff}
.kwhp-newsroom-video-stage .kwhp-newsroom-watch-intro{color:rgba(255,255,255,.64)}
.kwhp-newsroom-player-shell{margin-top:17px;padding-top:17px;border-top:1px solid rgba(255,255,255,.14)}
.kwhp-newsroom-player-shell .kwhp-video-panel{display:grid!important;grid-template-columns:minmax(0,1.68fr) minmax(280px,.62fr)!important;grid-template-rows:auto auto 1fr!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;background:#050608!important;box-shadow:none!important}
.kwhp-newsroom-player-shell .kwhp-video-head{grid-column:1/-1!important;padding:12px 15px!important;border-bottom:1px solid rgba(255,255,255,.09)}
.kwhp-newsroom-player-shell .kwhp-video-player-wrap,.kwhp-newsroom-player-shell .kwhp-video-empty-player{grid-column:1!important;grid-row:2/4!important;align-self:stretch!important;min-height:0!important;aspect-ratio:16/9}
.kwhp-newsroom-player-shell .kwhp-video-copy{grid-column:2!important;grid-row:2!important;padding:16px 16px 10px!important}
.kwhp-newsroom-player-shell .kwhp-video-queue{grid-column:2!important;grid-row:3!important;min-width:0;border-top:1px solid rgba(255,255,255,.1)!important}
.kwhp-newsroom-player-shell .kwhp-video-queue-list{max-height:300px!important}
.kwhp-newsroom-player-shell .kwhp-video-queue-item{grid-template-columns:82px minmax(0,1fr) 26px!important}

.kwhp-newsroom-latest{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;margin:30px 0 0;padding:22px 0 30px;border-top:5px solid var(--nr-purple);border-bottom:1px solid var(--nr-line);scroll-margin-top:84px}
.kwhp-newsroom-latest-head h2{margin:0;font-size:1.7rem;font-weight:950;letter-spacing:-.045em;text-transform:uppercase}
.kwhp-newsroom-latest-head p{margin:6px 0 0;color:var(--nr-muted);font-size:.76rem;line-height:1.42}
.kwhp-newsroom-wire{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--nr-line);border-left:1px solid var(--nr-line)}
.kwhp-newsroom-wire-item{display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-content:start;min-height:96px;padding:12px 13px;border-right:1px solid var(--nr-line);border-bottom:1px solid var(--nr-line);background:#fff;text-decoration:none}
.kwhp-newsroom-wire-item:hover{background:#f7f5fc}
.kwhp-newsroom-wire-item .kwhp-newsroom-kind{grid-column:1;color:var(--nr-pink)}
.kwhp-newsroom-wire-item strong{grid-column:1/-1;font-size:.82rem;line-height:1.24}
.kwhp-newsroom-wire-item time{grid-column:2;grid-row:1;color:#858b95;font-size:.56rem;font-weight:820;text-transform:uppercase;white-space:nowrap}
.kwhp-newsroom-wire-video .kwhp-newsroom-kind{color:var(--nr-green)}

.kwhp-newsroom-desk{padding:44px 0;border-bottom:1px solid var(--nr-line);scroll-margin-top:84px}
.kwhp-newsroom-news{border-top:6px solid var(--nr-pink)}
.kwhp-newsroom-reviews{border-top:6px solid var(--nr-purple)}
.kwhp-newsroom-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px;padding-top:9px}
.kwhp-newsroom-section-head .kwhp-eyebrow{display:block;margin-bottom:4px;color:var(--nr-purple);font-size:.63rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.kwhp-newsroom-section-head h2{margin:0;font-size:clamp(2rem,3.8vw,3.5rem);font-weight:950;line-height:.92;letter-spacing:-.052em}
.kwhp-newsroom-section-head>a{padding-bottom:4px;font-size:.68rem;font-weight:950;letter-spacing:.055em;text-decoration:none;text-transform:uppercase}
.kwhp-newsroom-section-head>a:hover{color:var(--nr-pink)}
.kwhp-newsroom-news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--nr-line);border-left:1px solid var(--nr-line)}
.kwhp-newsroom-story-news{display:grid;grid-template-columns:160px minmax(0,1fr);gap:15px;padding:14px;border-right:1px solid var(--nr-line);border-bottom:1px solid var(--nr-line)}
.kwhp-newsroom-story-news .kwhp-newsroom-story-image{aspect-ratio:4/3}
.kwhp-newsroom-story-news .kwhp-newsroom-story-copy{padding:1px 0 0}
.kwhp-newsroom-story-news .kwhp-newsroom-story-copy h3{font-size:clamp(1.08rem,1.65vw,1.5rem);font-weight:860}
.kwhp-newsroom-story-news .kwhp-newsroom-story-copy p{display:-webkit-box;max-width:650px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kwhp-newsroom-story-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,.72fr));gap:16px;align-items:start}
.kwhp-newsroom-story-feature{padding-right:16px;border-right:1px solid var(--nr-line)}
.kwhp-newsroom-story-feature .kwhp-newsroom-story-image{aspect-ratio:16/9}
.kwhp-newsroom-story-feature .kwhp-newsroom-story-copy h3{font-size:clamp(1.45rem,2.5vw,2.4rem);font-weight:900;line-height:.99}
.kwhp-newsroom-story-card .kwhp-newsroom-story-image{aspect-ratio:4/3}
.kwhp-newsroom-story-card .kwhp-newsroom-story-copy p{display:none}
.kwhp-newsroom-watch-intro{max-width:690px;margin:-6px 0 0;color:var(--nr-muted);font-size:.9rem;line-height:1.5}
.kwhp-newsroom-empty{margin:30px 0;padding:44px;border-top:4px solid var(--nr-ink);background:var(--nr-soft)}
.kwhp-newsroom-empty h2{margin:0;font-size:2rem}.kwhp-newsroom-empty p{margin:8px 0 0;color:var(--nr-muted)}

@media(max-width:1100px){
    .kwhp-newsroom-inner,.kwhp-newsroom-shared-shell .kwhp-newsroom-masthead{width:min(980px,calc(100% - 30px))}
    .kwhp-newsroom-lede{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}
    .kwhp-newsroom-lede.is-solo .kwhp-newsroom-story-lead{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:26px}
    .kwhp-newsroom-wire{grid-template-columns:repeat(2,minmax(0,1fr))}
    .kwhp-newsroom-player-shell .kwhp-video-panel{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important}
    .kwhp-newsroom-news-list{grid-template-columns:1fr}
    .kwhp-newsroom-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .kwhp-newsroom-story-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;padding:0 0 17px;border-right:0;border-bottom:1px solid var(--nr-line)}
}
@media(max-width:760px){
    .kwhp-newsroom{margin-bottom:65px}
    .kwhp-newsroom-inner,.kwhp-newsroom-shared-shell .kwhp-newsroom-masthead{width:calc(100% - 24px)}
    .kwhp-newsroom-edition-line{font-size:.57rem}
    .kwhp-newsroom-brand-line{min-height:0;padding:12px 0 10px}
    .kwhp-newsroom-logo{width:min(620px,92vw);min-height:0}
    .kwhp-newsroom-logo img{max-height:84px}
    /* 0.4.216: mobile Newsroom rail is one complete four-destination bar in both
       Newsroom and Article contexts. No horizontal scrolling or hidden destinations. */
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;height:44px!important;min-height:44px!important;max-height:44px!important;overflow:visible;white-space:normal}
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a{justify-content:center;min-width:0;width:100%;height:44px!important;min-height:44px!important;padding:0 3px!important;font-size:clamp(.5rem,2.2vw,.62rem);line-height:1.05;text-align:center;white-space:normal}
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a::after{left:4px;right:4px}
    .kwhp-newsroom-lede{grid-template-columns:1fr;gap:24px;padding-top:16px}
    .kwhp-newsroom-lede.is-solo .kwhp-newsroom-story-lead{display:block}
    .kwhp-newsroom-lede.is-solo .kwhp-newsroom-story-lead .kwhp-newsroom-story-copy{padding-top:12px}
    .kwhp-newsroom-story-lead .kwhp-newsroom-story-image,.kwhp-newsroom-lede.is-solo .kwhp-newsroom-story-lead .kwhp-newsroom-story-image{max-height:none}
    .kwhp-newsroom-top-stories{padding:15px 14px 4px}
    .kwhp-newsroom-latest{grid-template-columns:1fr;gap:12px}
    .kwhp-newsroom-video-stage{margin-left:-12px;margin-right:-12px;padding:23px 12px 26px}
    .kwhp-newsroom-player-shell .kwhp-video-panel{display:flex!important}
    .kwhp-newsroom-player-shell .kwhp-video-queue-list{max-height:160px!important}
    .kwhp-newsroom-story-grid{grid-template-columns:1fr}
    .kwhp-newsroom-story-feature{grid-template-columns:1fr}
    .kwhp-newsroom-section-head{align-items:start;flex-direction:column;gap:8px}
}
@media(max-width:520px){
    .kwhp-newsroom-edition-line time{display:none}
    .kwhp-newsroom-wire{grid-template-columns:1fr}
    .kwhp-newsroom-top-stories-list>.kwhp-newsroom-story{grid-template-columns:88px minmax(0,1fr)}
    .kwhp-newsroom-story-news{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:10px}
    .kwhp-newsroom-story-news .kwhp-newsroom-story-copy p{display:none}
    .kwhp-newsroom-story-news .kwhp-newsroom-story-copy h3{font-size:1rem}
    .kwhp-newsroom-player-shell .kwhp-video-queue{display:block!important}
    .kwhp-newsroom-player-shell .kwhp-video-queue-item{grid-template-columns:72px minmax(0,1fr) 24px!important}
}

/* =========================================================
   v0.4.156 - Product-first homepage discovery choreography
   Desktop: Finder + What's On Tonight left; Hot 3/results right.
   Mobile: Finder -> Hot 3/results -> What's On Tonight.
   The Homepage no longer renders the managed video player.
========================================================= */
.kwhp-tonight-home{
    min-width:0;
    width:100%;
}
.kwhp-tonight-home .kwhp-dynamic-shelf{
    margin-top:16px!important;
}

@media(min-width:981px){
    .kwhp-discovery-stack{
        display:grid!important;
        grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr)!important;
        grid-template-areas:
            "finder hot"
            "finder side"!important;
        gap:18px 22px!important;
        align-items:start!important;
    }
    .kwhp-discovery-left{
        grid-area:finder;
        min-width:0;
    }
    .kwhp-discovery-stack>.kwhp-hot-three-home{
        grid-area:hot;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
    }
    .kwhp-discovery-stack>.kwhp-discovery-right{
        grid-area:side;
        width:100%;
        min-width:0;
        margin:0;
    }
    .kwhp-tonight-home .kwhp-dynamic-shelf{
        --kwhp-shelf-card-width:132px;
    }
    .kwhp-tonight-home .kwhp-section-head{
        margin-bottom:10px;
        padding-bottom:8px;
    }
    .kwhp-tonight-home .kwhp-section-head h2{
        font-size:clamp(1.35rem,2vw,1.9rem);
    }
    .kwhp-tonight-home .kwhp-section-head p{
        font-size:.78rem;
    }
}

@media(max-width:980px){
    .kwhp-discovery-stack{
        display:flex!important;
        flex-direction:column!important;
        gap:14px!important;
    }
    .kwhp-discovery-left{
        display:contents!important;
    }
    .kwhp-discovery-stack>.kwhp-top-grid,
    .kwhp-discovery-stack .kwhp-discovery-left>.kwhp-top-grid{
        order:1;
    }
    .kwhp-discovery-stack>.kwhp-hot-three-home{
        order:2;
        margin:0!important;
    }
    .kwhp-discovery-stack .kwhp-tonight-home{
        order:3;
    }
    .kwhp-discovery-stack>.kwhp-discovery-right{
        order:4;
    }
    .kwhp-tonight-home .kwhp-dynamic-shelf{
        margin-top:0!important;
    }
}


/* =========================================================
   v0.4.157 - Full-width Tonight shelf + protected quote lane
   Desktop keeps Finder left and Hot 3/results right, reserves a
   compact quote lane directly below Hot 3, then lets What's On
   Tonight span the full discovery width. Mobile preserves the
   accepted Finder -> Hot 3/results -> What's On Tonight -> quote
   sequence.
========================================================= */
@media(min-width:981px){
    .kwhp-discovery-stack{
        display:grid!important;
        grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr)!important;
        grid-template-areas:
            "finder hot"
            "finder quote"
            "tonight tonight"!important;
        column-gap:22px!important;
        row-gap:14px!important;
        align-items:start!important;
    }
    .kwhp-discovery-stack>.kwhp-discovery-left{
        grid-area:finder!important;
        align-self:stretch!important;
    }
    .kwhp-discovery-stack>.kwhp-hot-three-home{
        grid-area:hot!important;
        align-self:start!important;
        margin:0!important;
    }
    .kwhp-discovery-stack>.kwhp-discovery-right{
        grid-area:quote!important;
        align-self:start!important;
        margin:0!important;
    }
    .kwhp-discovery-stack>.kwhp-tonight-home{
        grid-area:tonight!important;
        width:100%!important;
        min-width:0!important;
        margin:4px 0 0!important;
    }
    .kwhp-tonight-home .kwhp-dynamic-shelf{
        --kwhp-shelf-card-width:150px!important;
        width:100%!important;
        max-width:none!important;
        margin-top:0!important;
    }
    .kwhp-tonight-home .kwhp-shelf-shell,
    .kwhp-tonight-home .kwhp-shelf-viewport,
    .kwhp-tonight-home .kwhp-shelf-track{
        max-width:none!important;
    }
    .kwhp-discovery-right .kwhp-comment-rotator{
        min-height:82px!important;
        max-height:104px!important;
        padding:10px 14px 9px!important;
    }
    .kwhp-discovery-right .kwhp-comment-stage{
        min-height:38px!important;
    }
    .kwhp-discovery-right .kwhp-comment-item p{
        font-size:clamp(.98rem,1.15vw,1.22rem)!important;
        -webkit-line-clamp:2!important;
    }
}

@media(max-width:980px){
    .kwhp-discovery-stack>.kwhp-discovery-right{order:4!important;}
    .kwhp-discovery-stack>.kwhp-tonight-home{order:3!important;}
}

/* 0.4.162: phone-landscape shelf edge geometry.
   Dynamic shelf controls overlay the rail instead of consuming desktop-style
   side columns, reclaiming width while leaving portrait and desktop alone. */
@media (orientation:landscape) and (max-width:1024px) and (max-height:560px) {
    body.kwhp-front-page-active .kwhp-homepage .kwhp-shell {
        width:calc(100% - 8px)!important;
    }
    .kwhp-dynamic-shelf .kwhp-shelf-carousel {
        position:relative;
        display:block;
        width:100%;
        overflow:visible;
    }
    .kwhp-dynamic-shelf .kwhp-shelf-viewport {
        width:100%;
        max-width:100%;
        padding-left:0;
        padding-right:0;
    }
    .kwhp-dynamic-shelf .kwhp-shelf-button {
        position:absolute;
        top:34%;
        z-index:8;
        width:28px;
        height:46px;
        margin:0;
        transform:translateY(-50%);
    }
    .kwhp-dynamic-shelf .kwhp-shelf-previous {
        left:0;
        transform:translate(-38%,-50%);
    }
    .kwhp-dynamic-shelf .kwhp-shelf-next {
        right:0;
        transform:translate(38%,-50%);
    }
}



/* =========================================================
   v0.4.171 — NEWSROOM PUBLICATION POLISH
   Preserve the accepted wide, uncropped masthead and the existing editorial
   structure. Sharpen the shared Newsroom chrome: quieter masthead field,
   stronger publication rules, and a conventional section rail with no idle
   colored tick marks. This visible chrome is now the one shared template.
========================================================= */
.kwhp-newsroom-shared-template{
    background:linear-gradient(110deg,#f7faf7 0 34%,#faf9fd 34% 70%,#fff8fc 70% 100%);
    border-bottom:0;
}
.kwhp-newsroom-shared-template::before{height:4px;}
.kwhp-newsroom-shared-template .kwhp-newsroom-edition-line{
    border-bottom:1px solid rgba(17,18,22,.14)!important;
    color:#555c66!important;
    font-size:.61rem!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
}
.kwhp-newsroom-shared-template .kwhp-newsroom-nav{
    position:relative;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:0!important;
    height:45px!important;
    min-height:45px!important;
    max-height:45px!important;
    border-top:1px solid rgba(17,18,22,.16)!important;
    border-bottom:2px solid var(--nr-ink,#111216)!important;
    background:rgba(255,255,255,.92)!important;
}
.kwhp-newsroom-shared-template .kwhp-newsroom-nav a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:45px!important;
    min-height:45px!important;
    padding:0 24px!important;
    color:#202229!important;
    font-size:.69rem!important;
    font-weight:950!important;
    letter-spacing:.085em!important;
    line-height:1!important;
    text-transform:uppercase!important;
    transition:background-color .16s ease,color .16s ease!important;
}
.kwhp-newsroom-shared-template .kwhp-newsroom-nav a + a::before{
    content:"";
    position:absolute;
    left:0;
    top:12px;
    bottom:12px;
    width:1px;
    background:#d9dce2;
}
.kwhp-newsroom-shared-template .kwhp-newsroom-nav a::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:-2px;
    height:3px;
    transform:scaleX(0)!important;
    transform-origin:center!important;
    transition:transform .16s ease!important;
}
.kwhp-newsroom-shared-template .kwhp-newsroom-nav a:hover,
.kwhp-newsroom-shared-template .kwhp-newsroom-nav a:focus-visible{
    background:#f4f4f7!important;
    color:#111216!important;
    outline:0;
}
.kwhp-newsroom-shared-template .kwhp-newsroom-nav a:hover::after,
.kwhp-newsroom-shared-template .kwhp-newsroom-nav a:focus-visible::after{
    transform:scaleX(1)!important;
}
.kwhp-newsroom-shared-template + .kwhp-newsroom-inner,
.kwhp-newsroom > .kwhp-newsroom-inner{position:relative;}
.kwhp-newsroom-lede{padding-top:12px;}
.kwhp-newsroom-overline{letter-spacing:.15em;}
.kwhp-newsroom-top-stories{
    padding:16px 17px 4px;
    border-top-width:4px;
    background:#fff;
    box-shadow:inset 0 0 0 1px #eceef2;
}
.kwhp-newsroom-top-stories-head{padding-bottom:9px;}
.kwhp-newsroom-top-stories-head .kwhp-newsroom-overline{font-size:.67rem;letter-spacing:.15em;}

@media(max-width:760px){
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav{
        justify-content:flex-start!important;
        overflow-x:auto!important;
        scroll-snap-type:x proximity;
    }
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a{
        flex:0 0 auto!important;
        min-width:max-content!important;
        padding:0 18px!important;
        font-size:.64rem!important;
        scroll-snap-align:start;
    }
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a::after{left:14px;right:14px;}
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a + a::before{top:13px;bottom:13px;}
    .kwhp-newsroom-lede{padding-top:14px;}
}


/* =========================================================
   v0.4.172 — HOT 3 COMPACT CARD-BODY REPAIR
   Preserve the accepted three-across Hot 3 poster geometry. Repair only the
   cramped metadata/action area exposed on narrow viewports: stable two-line
   titles and one clear lifecycle action per row. Finder-result/show-options
   states keep their existing dedicated geometry.
========================================================= */
.kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwsh-hot-meta{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin-top:6px!important;
    padding:0 1px!important;
}
.kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwsh-hot-title{
    display:-webkit-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:2.35em!important;
    max-height:2.35em!important;
    margin:0!important;
    overflow:hidden!important;
    color:#151820!important;
    font-size:.72rem!important;
    font-weight:900!important;
    line-height:1.18!important;
    text-align:left!important;
    white-space:normal!important;
    text-overflow:ellipsis!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwsh-hot-meta .kwhp-title-state-controls.is-compact,
.kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwsh-hot-meta .kwhp-title-state-controls.is-compact.is-tv{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    align-content:start!important;
    justify-items:stretch!important;
    width:100%!important;
    min-height:62px!important;
    gap:3px!important;
    margin-top:6px!important;
}
.kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwsh-hot-meta .kwhp-title-state-controls.is-compact.is-tv .kwhp-want-toggle{
    grid-column:auto!important;
}
.kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwsh-hot-meta .kwhp-title-state-controls.is-compact .kwhp-title-state-toggle{
    display:grid!important;
    grid-template-columns:15px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:start!important;
    column-gap:5px!important;
    width:100%!important;
    min-width:0!important;
    min-height:18px!important;
    margin:0!important;
    padding:0!important;
    font-size:.59rem!important;
    font-weight:800!important;
    line-height:1.1!important;
    text-align:left!important;
    white-space:normal!important;
}
.kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwsh-hot-meta .kwhp-title-state-controls.is-compact .kwhp-title-state-box{
    width:15px!important;
    height:15px!important;
    margin:0!important;
}
.kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwsh-hot-meta .kwhp-title-state-controls.is-compact .kwhp-title-state-toggle>span:last-child{
    display:block!important;
    min-width:0!important;
    text-align:left!important;
}
@media(max-width:520px){
    .kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwsh-hot-title{
        font-size:.64rem!important;
    }
    .kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwhp-title-state-controls.is-compact,
    .kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwhp-title-state-controls.is-compact.is-tv{
        min-height:58px!important;
        gap:2px!important;
        margin-top:5px!important;
    }
    .kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwsh-hot-meta .kwhp-title-state-controls.is-compact .kwhp-title-state-toggle{
        grid-template-columns:14px minmax(0,1fr)!important;
        column-gap:4px!important;
        min-height:17px!important;
        font-size:.55rem!important;
    }
    .kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwsh-hot-meta .kwhp-title-state-controls.is-compact .kwhp-title-state-box{
        width:14px!important;
        height:14px!important;
    }
}

/* =========================================================
   v0.4.174 — HOT 3 AVAILABILITY BANNER NORMALIZATION
   Every Hot 3 availability surface uses the same outer box dimensions,
   whether it contains provider icons or a status such as Coming Soon.
========================================================= */
.kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options){
    --kwhp-hot-availability-height:42px;
    --kwhp-hot-availability-margin:7px;
    --kwhp-hot-availability-pad-y:5px;
    --kwhp-hot-availability-pad-x:7px;
}
.kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwhp-provider-strip.is-poster,
.kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options) .kwhp-availability-status{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:var(--kwhp-hot-availability-height)!important;
    min-height:var(--kwhp-hot-availability-height)!important;
    max-height:var(--kwhp-hot-availability-height)!important;
    margin-top:var(--kwhp-hot-availability-margin)!important;
    padding:var(--kwhp-hot-availability-pad-y) var(--kwhp-hot-availability-pad-x)!important;
    border-radius:10px!important;
}
@media(max-width:720px){
    .kwhp-kazoo-stage:not(.is-finder-results):not(.is-show-options){
        --kwhp-hot-availability-height:37px;
        --kwhp-hot-availability-margin:5px;
        --kwhp-hot-availability-pad-y:4px;
        --kwhp-hot-availability-pad-x:5px;
    }
}


/* =========================================================
   v0.4.176 — ONE NEWSROOM TEMPLATE + MOBILE MARGIN FIT
   /newsroom/ and every Article render the same visible publication template.
   The mobile section rail fits inside the masthead margins; no horizontal
   runoff or hidden WATCH tab.
========================================================= */
.kwhp-newsroom-shared-template .kwhp-newsroom-masthead{
    box-sizing:border-box;
}
@media(max-width:760px){
    .kwhp-newsroom-shared-template .kwhp-newsroom-masthead{
        width:calc(100% - 20px)!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav{
        display:grid!important;
        grid-template-columns:auto auto minmax(0,1fr) auto!important;
        align-items:stretch!important;
        justify-content:stretch!important;
        gap:0!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        overflow:hidden!important;
        overscroll-behavior:none!important;
        scroll-snap-type:none!important;
    }
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a{
        box-sizing:border-box!important;
        min-width:0!important;
        width:auto!important;
        padding-left:8px!important;
        padding-right:8px!important;
        font-size:.60rem!important;
        letter-spacing:.045em!important;
        white-space:nowrap!important;
        overflow:visible!important;
        scroll-snap-align:none!important;
    }
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a.is-reviews{
        padding-left:6px!important;
        padding-right:6px!important;
    }
}
@media(max-width:360px){
    .kwhp-newsroom-shared-template .kwhp-newsroom-masthead{
        width:calc(100% - 14px)!important;
    }
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a{
        padding-left:5px!important;
        padding-right:5px!important;
        font-size:.55rem!important;
        letter-spacing:.025em!important;
    }
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a.is-reviews{
        padding-left:3px!important;
        padding-right:3px!important;
    }
}

/* =========================================================
   v0.4.177 — CANONICAL NEWSROOM TEMPLATE / EVEN MOBILE RAIL
   The Newsroom masthead is self-contained and full-viewport so the exact same
   template renders on /newsroom/ and inside Article Page, regardless of the
   surrounding WordPress content width. The mobile section rail uses four equal
   columns with symmetric margins; long labels wrap instead of forcing WATCH
   outside the masthead or creating an oversized middle cell.
========================================================= */
.kwhp-newsroom-shared-template{
    box-sizing:border-box;
    width:100dvw!important;
    max-width:100dvw!important;
    margin-left:calc(50% - 50dvw)!important;
    margin-right:calc(50% - 50dvw)!important;
}
@supports not (width:100dvw){
    .kwhp-newsroom-shared-template{
        width:100vw!important;
        max-width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:calc(50% - 50vw)!important;
    }
}
@media(max-width:760px){
    .kwhp-newsroom-shared-template .kwhp-newsroom-masthead{
        width:calc(100% - 28px)!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav{
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        align-items:stretch!important;
        justify-content:stretch!important;
        width:100%!important;
        max-width:100%!important;
        height:52px!important;
        min-height:52px!important;
        max-height:52px!important;
        margin:0!important;
        overflow:hidden!important;
        gap:0!important;
    }
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a,
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a.is-reviews{
        box-sizing:border-box!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        min-width:0!important;
        height:52px!important;
        min-height:52px!important;
        padding:0 6px!important;
        overflow:hidden!important;
        white-space:normal!important;
        text-align:center!important;
        text-wrap:balance;
        font-size:clamp(.52rem,2.2vw,.61rem)!important;
        letter-spacing:.025em!important;
        line-height:1.08!important;
    }
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a + a::before{
        top:11px!important;
        bottom:11px!important;
    }
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a::after{
        left:16%!important;
        right:16%!important;
    }
}
@media(max-width:360px){
    .kwhp-newsroom-shared-template .kwhp-newsroom-masthead{
        width:calc(100% - 18px)!important;
    }
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a,
    .kwhp-newsroom-shared-template .kwhp-newsroom-nav a.is-reviews{
        padding-left:4px!important;
        padding-right:4px!important;
        font-size:.51rem!important;
        letter-spacing:.015em!important;
    }
}

/* v0.4.182 - Release E2 approved Watch Tonight context.
   Presentation only: the deterministic shelf candidate order is unchanged. */
.kwhp-watch-tonight-context {
    margin: 8px 0 10px;
    padding: 9px 10px;
    border-left: 3px solid #7B69C7;
    background: rgba(123, 105, 199, 0.08);
    font-size: 0.82rem;
    line-height: 1.4;
}
.kwhp-watch-tonight-context > span {
    display: block;
    margin-bottom: 3px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}


/* =========================================================
   v0.4.185 — CANONICAL TITLE CARD / NOT INTERESTED
   Public title cards share one compact dismiss affordance. RATE keeps its
   specialized Community card model and is intentionally unaffected.
========================================================= */
.kwhp-poster-card{
    position:relative;
}
.kwhp-not-interested{
    position:absolute;
    top:7px;
    right:7px;
    z-index:12;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:29px;
    height:29px;
    padding:0;
    border:1px solid rgba(255,255,255,.78);
    border-radius:999px;
    background:rgba(12,14,18,.74);
    color:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.25);
    font:900 20px/1 Arial,sans-serif;
    cursor:pointer;
    transition:transform .14s ease,background .14s ease,opacity .14s ease;
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
}
.kwhp-not-interested:hover,
.kwhp-not-interested:focus-visible{
    background:#e30796;
    transform:scale(1.06);
    outline:2px solid #fff;
    outline-offset:2px;
}
.kwhp-not-interested:disabled{
    cursor:wait;
    opacity:.58;
}
.kwhp-not-interested::after{
    content:attr(data-label);
    position:absolute;
    top:34px;
    right:0;
    width:max-content;
    max-width:150px;
    padding:5px 7px;
    border-radius:7px;
    background:#11141a;
    color:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.2);
    font:800 10px/1.2 Arial,sans-serif;
    letter-spacing:.02em;
    opacity:0;
    pointer-events:none;
    transform:translateY(-3px);
    transition:opacity .12s ease,transform .12s ease;
}
.kwhp-not-interested:hover::after,
.kwhp-not-interested:focus-visible::after{
    opacity:1;
    transform:translateY(0);
}
.kwhp-poster-card.is-not-interested-pending{
    opacity:.55;
}
.kwhp-poster-card.is-not-interested-saved{
    opacity:0;
    transform:scale(.96);
    pointer-events:none;
    transition:opacity .16s ease,transform .16s ease;
}

/* Hot 3 and Finder use the same card anatomy as the standard rows. Keep only
   their stage-specific width/layout contract from the legacy Hot 3 shell. */
.kwhp-kazoo-stage .kwsh-hot-pick.kwhp-poster-card .kwhp-poster-image{
    width:100%!important;
    height:auto!important;
    aspect-ratio:2 / 3!important;
    border-radius:18px!important;
}
.kwhp-kazoo-stage .kwsh-hot-pick.kwhp-poster-card .kwhp-poster-meta{
    min-width:0;
}
.kwhp-kazoo-stage .kwsh-hot-pick.kwhp-poster-card .kwhp-poster-meta h3{
    display:-webkit-box;
    min-height:2.3em;
    overflow:hidden;
    white-space:normal;
    line-height:1.15;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
@media(max-width:520px){
    .kwhp-not-interested{
        top:5px;
        right:5px;
        width:27px;
        height:27px;
        font-size:18px;
    }
    .kwhp-not-interested::after{display:none;}
}

/* 0.4.186: Hot 10 Streamers is a first-class Main Finder control for guests and members. */
.kwhp-main-hot-streamers{margin-top:12px;}

/* 0.4.188: Main Finder visual hierarchy makeover. Behavior and footprint stay intact. */
.kwhp-selector{
    border:1px solid rgba(132,112,205,.42)!important;
    background:
        radial-gradient(circle at 93% -8%,rgba(123,105,199,.30),transparent 34%),
        radial-gradient(circle at -4% 108%,rgba(38,135,48,.16),transparent 34%),
        linear-gradient(145deg,#0a0b10 0%,#10111a 62%,#151224 100%)!important;
    box-shadow:0 20px 54px rgba(9,9,18,.19),inset 0 1px 0 rgba(255,255,255,.055)!important;
    overflow:visible!important;
}
.kwhp-selector-head{
    padding:20px 24px 8px!important;
}
.kwhp-selector .kwhp-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:9px;
    color:#72df80!important;
    font-size:.62rem!important;
    font-weight:900!important;
    letter-spacing:.16em!important;
    text-transform:none!important;
}
.kwhp-selector .kwhp-eyebrow:before{
    content:"";
    width:30px;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,#268730 0 48%,#e30796 48% 100%);
    box-shadow:0 0 14px rgba(227,7,150,.18);
}
.kwhp-selector h1{
    max-width:680px!important;
    font-size:clamp(2.05rem,3vw,2.75rem)!important;
    line-height:.96!important;
    letter-spacing:-.052em!important;
    text-wrap:balance;
}
.kwhp-selector-body{
    padding:0 24px 18px!important;
}

/* Mood choices: clear primary selection deck. */
.kwhp-selector-body>.kwhp-choice-row[data-group="feeling"]{
    display:block!important;
    padding:10px 0 12px!important;
    border:0!important;
}
.kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-choice-label{
    display:block;
    margin:0 0 7px;
    padding:0!important;
    color:#aeb5c0!important;
    font-size:.58rem!important;
    font-weight:850!important;
    letter-spacing:.14em!important;
}
.kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chips{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px!important;
}
.kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chip{
    min-height:39px;
    padding:7px 9px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.026))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    color:#f2f3f7!important;
    font-size:.70rem!important;
    font-weight:720!important;
    transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease;
}
.kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chip:hover,
.kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chip:focus-visible{
    border-color:rgba(188,174,242,.48)!important;
    background:rgba(123,105,199,.13)!important;
    transform:translateY(-1px);
}
.kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chip.selected{
    border-color:rgba(255,105,205,.72)!important;
    background:linear-gradient(135deg,#765fc8 0%,#b038b3 58%,#e30796 100%)!important;
    box-shadow:0 8px 20px rgba(227,7,150,.20),inset 0 1px 0 rgba(255,255,255,.22)!important;
    color:#fff!important;
}

/* Audience: a compact segmented control, visually secondary to mood. */
.kwhp-selector-body>.kwhp-choice-row[data-group="audience"]{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    align-items:center;
    gap:12px!important;
    padding:3px 0 12px!important;
    border:0!important;
}
.kwhp-selector-body>.kwhp-choice-row[data-group="audience"] .kwhp-choice-label{
    padding:0!important;
    color:#aeb5c0!important;
    font-size:.58rem!important;
    font-weight:850!important;
    letter-spacing:.14em!important;
}
.kwhp-selector-body>.kwhp-choice-row[data-group="audience"] .kwhp-chips{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px!important;
    max-width:430px;
    padding:4px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:12px;
    background:rgba(0,0,0,.20);
}
.kwhp-selector-body>.kwhp-choice-row[data-group="audience"] .kwhp-chip{
    min-height:34px;
    padding:6px 10px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#cfd3dc!important;
    font-size:.72rem!important;
    box-shadow:none!important;
}
.kwhp-selector-body>.kwhp-choice-row[data-group="audience"] .kwhp-chip:hover,
.kwhp-selector-body>.kwhp-choice-row[data-group="audience"] .kwhp-chip:focus-visible{
    background:rgba(255,255,255,.07)!important;
    color:#fff!important;
}
.kwhp-selector-body>.kwhp-choice-row[data-group="audience"] .kwhp-chip.selected{
    background:linear-gradient(135deg,rgba(123,105,199,.96),rgba(227,7,150,.90))!important;
    color:#fff!important;
    box-shadow:0 5px 16px rgba(123,105,199,.22)!important;
}

/* Hot 10: service buttons, not a checkbox form. */
.kwhp-main-hot-streamers{
    position:relative;
    margin:0!important;
    padding:14px 14px 13px!important;
    border:1px solid rgba(123,105,199,.34)!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,rgba(123,105,199,.105),rgba(255,255,255,.018) 48%,rgba(38,135,48,.055))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.kwhp-main-hot-streamers legend{
    padding:0 8px!important;
    color:#fff!important;
    font-size:.78rem!important;
    font-weight:950!important;
    letter-spacing:.025em!important;
    text-transform:none!important;
}
.kwhp-main-hot-streamers .kwhp-guest-services-head{
    align-items:center!important;
    margin:0 0 10px!important;
}
.kwhp-main-hot-streamers .kwhp-guest-services-head>p{
    max-width:410px;
    margin:0!important;
    color:#9ea5b1!important;
    font-size:.64rem!important;
    line-height:1.28!important;
}
.kwhp-main-hot-streamers .kwhp-multi-toolbar{
    gap:4px!important;
    min-height:0!important;
    margin:0!important;
    color:#737c8b!important;
    font-size:.62rem!important;
}
.kwhp-main-hot-streamers .kwhp-multi-toolbar>span[aria-hidden="true"]{display:none;}
.kwhp-main-hot-streamers .kwhp-multi-toolbar>button,
.kwhp-main-hot-streamers .kwhp-guest-more-services>summary{
    min-width:0!important;
    min-height:28px!important;
    padding:4px 8px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.035)!important;
    color:#c9ced7!important;
    white-space:nowrap!important;
}
.kwhp-main-hot-streamers .kwhp-multi-toolbar>button:hover,
.kwhp-main-hot-streamers .kwhp-multi-toolbar>button:focus-visible,
.kwhp-main-hot-streamers .kwhp-guest-more-services>summary:hover,
.kwhp-main-hot-streamers .kwhp-guest-more-services>summary:focus-visible{
    border-color:rgba(185,173,240,.44)!important;
    background:rgba(123,105,199,.12)!important;
    color:#fff!important;
}
.kwhp-main-hot-streamers .kwhp-guest-service-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:7px!important;
}
.kwhp-main-hot-streamers .kwhp-service-option{
    position:relative;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:39px!important;
    padding:7px 8px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:10px!important;
    background:rgba(7,8,13,.46)!important;
    color:#eef0f5!important;
    font-size:.66rem!important;
    font-weight:820!important;
    line-height:1.12!important;
    text-align:center!important;
    cursor:pointer!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease;
}
.kwhp-main-hot-streamers .kwhp-service-option:hover{
    border-color:rgba(185,173,240,.42)!important;
    background:rgba(123,105,199,.10)!important;
    transform:translateY(-1px);
}
.kwhp-main-hot-streamers .kwhp-service-option input{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
    opacity:0!important;
}
.kwhp-main-hot-streamers .kwhp-service-option:has(input:focus-visible){
    outline:2px solid #b9adf0!important;
    outline-offset:2px!important;
}
.kwhp-main-hot-streamers .kwhp-service-option:has(input:checked){
    border-color:rgba(227,7,150,.70)!important;
    background:linear-gradient(135deg,rgba(123,105,199,.34),rgba(227,7,150,.27))!important;
    box-shadow:0 5px 16px rgba(227,7,150,.12),inset 0 1px 0 rgba(255,255,255,.09)!important;
    color:#fff!important;
}
.kwhp-main-hot-streamers .kwhp-service-option:has(input:checked):after{
    content:"✓";
    position:absolute;
    top:4px;
    right:6px;
    color:#ff82cf;
    font-size:.62rem;
    font-weight:950;
}
.kwhp-main-hot-streamers .kwhp-saved-service-marker{
    display:inline-block!important;
    width:6px!important;
    height:6px!important;
    margin:0 0 0 6px!important;
    border-radius:50%!important;
    background:#63dc76!important;
    box-shadow:0 0 8px rgba(99,220,118,.42)!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    vertical-align:middle!important;
}

/* Quiet utilities: Advanced Search + saved-service hard limit share one row. */
.kwhp-advanced-search{
    display:grid!important;
    grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr)!important;
    gap:8px!important;
    align-items:stretch!important;
    margin:10px 0 0!important;
    padding:0!important;
    border:0!important;
}
.kwhp-advanced-trigger{
    min-height:42px!important;
    padding:6px 11px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.025)!important;
    color:#cdd2dc!important;
    font-size:.68rem!important;
    font-weight:780!important;
}
.kwhp-advanced-trigger:hover,.kwhp-advanced-trigger:focus-visible{
    border-color:rgba(185,173,240,.42)!important;
    background:rgba(123,105,199,.08)!important;
    color:#fff!important;
}
.kwhp-advanced-trigger-icon{
    width:24px!important;
    height:24px!important;
    border-color:rgba(255,255,255,.12)!important;
    background:rgba(0,0,0,.16)!important;
}
.kwhp-profile-service-limit{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:42px!important;
    margin:0!important;
    padding:6px 11px!important;
    border:1px solid rgba(38,135,48,.25)!important;
    border-radius:11px!important;
    background:rgba(38,135,48,.055)!important;
}
.kwhp-profile-service-limit input{
    position:relative;
    flex:0 0 auto!important;
    width:34px!important;
    height:19px!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:999px!important;
    background:#292d35!important;
    appearance:none!important;
    cursor:pointer!important;
    transition:background .14s ease,border-color .14s ease;
}
.kwhp-profile-service-limit input:before{
    content:"";
    position:absolute;
    top:2px;
    left:2px;
    width:13px;
    height:13px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 5px rgba(0,0,0,.28);
    transition:transform .14s ease;
}
.kwhp-profile-service-limit input:checked{
    border-color:#63dc76!important;
    background:#268730!important;
}
.kwhp-profile-service-limit input:checked:before{transform:translateX(15px);}
.kwhp-profile-service-limit-copy{gap:0!important;}
.kwhp-profile-service-limit-copy strong{
    color:#e8ebf0!important;
    font-size:.66rem!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
.kwhp-profile-service-limit-copy small{
    margin-top:1px!important;
    color:#88919e!important;
    font-size:.58rem!important;
    line-height:1.15!important;
}
.kwhp-advanced-dialog{grid-column:1/-1;}

/* The payoff: one unmistakable primary action. */
.kwhp-simple-finder-actions{
    margin:10px 0 0!important;
}
.kwhp-simple-submit{
    position:relative;
    min-height:45px!important;
    padding:0 48px 0 18px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:12px!important;
    background:linear-gradient(100deg,#268730 0%,#6c5cc0 46%,#e30796 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(101,67,172,.22),inset 0 1px 0 rgba(255,255,255,.24)!important;
    font-family:inherit!important;
    font-size:.74rem!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    transition:transform .14s ease,filter .14s ease,box-shadow .14s ease!important;
}
.kwhp-simple-submit:after{
    content:"→";
    position:absolute;
    right:17px;
    top:50%;
    transform:translateY(-52%);
    font-size:1.05rem;
    font-weight:900;
}
.kwhp-simple-submit:hover,.kwhp-simple-submit:focus-visible{
    background:linear-gradient(100deg,#2b9637 0%,#7564ca 46%,#f10b9f 100%)!important;
    transform:translateY(-1px);
    box-shadow:0 13px 28px rgba(101,67,172,.28),inset 0 1px 0 rgba(255,255,255,.28)!important;
    outline:0!important;
}

@media(max-width:720px){
    .kwhp-selector-head{padding:18px 17px 7px!important;}
    .kwhp-selector-body{padding:0 17px 15px!important;}
    .kwhp-selector h1{font-size:clamp(1.85rem,8vw,2.35rem)!important;}
    .kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chip:last-child:nth-child(odd){grid-column:1/-1;}
    .kwhp-selector-body>.kwhp-choice-row[data-group="audience"]{grid-template-columns:1fr!important;gap:6px!important;}
    .kwhp-selector-body>.kwhp-choice-row[data-group="audience"] .kwhp-chips{max-width:none;}
    .kwhp-main-hot-streamers{padding:12px!important;}
    .kwhp-main-hot-streamers .kwhp-guest-services-head{display:block!important;}
    .kwhp-main-hot-streamers .kwhp-guest-services-head>p{margin-bottom:7px!important;}
    .kwhp-main-hot-streamers .kwhp-multi-toolbar{justify-content:flex-start!important;}
    .kwhp-main-hot-streamers .kwhp-guest-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .kwhp-advanced-search{grid-template-columns:1fr!important;}
    .kwhp-profile-service-limit-copy small{display:none!important;}
}

@media(max-width:420px){
    .kwhp-selector-body>.kwhp-choice-row[data-group="audience"] .kwhp-chips{grid-template-columns:1fr!important;}
    .kwhp-main-hot-streamers .kwhp-service-option{min-height:37px!important;font-size:.63rem!important;}
}


/* 0.4.189: Finder compaction. Eight core streamers, native audience radios, less vertical bulk. */
.kwhp-selector-body>.kwhp-choice-row[data-group="audience"]{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding:2px 0 9px!important;
}
.kwhp-selector-body>.kwhp-choice-row[data-group="audience"] .kwhp-choice-label{
    padding:0!important;
    margin:0!important;
}
.kwhp-audience-radios{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:0;
    flex-wrap:nowrap;
}
.kwhp-audience-radio{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-width:0;
    color:#cfd3dc;
    font-size:.70rem;
    font-weight:760;
    line-height:1.1;
    white-space:nowrap;
    cursor:pointer;
}
.kwhp-audience-radio input{
    width:14px!important;
    height:14px!important;
    margin:0!important;
    flex:0 0 14px!important;
    accent-color:#e30796;
    cursor:pointer;
}
.kwhp-audience-radio:has(input:checked){color:#fff;}
.kwhp-audience-radio:has(input:focus-visible){outline:2px solid #b9adf0;outline-offset:3px;border-radius:4px;}

.kwhp-main-hot-streamers{padding:11px 12px 10px!important;}
.kwhp-main-hot-streamers legend{font-size:.75rem!important;}
.kwhp-main-hot-streamers .kwhp-guest-services-head{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    min-height:0!important;
    margin:-2px 0 7px!important;
}
.kwhp-main-hot-streamers .kwhp-guest-services-head>p{display:none!important;}
.kwhp-main-hot-streamers .kwhp-multi-toolbar{justify-content:flex-end!important;}
.kwhp-main-hot-streamers .kwhp-guest-service-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
}
.kwhp-main-hot-streamers .kwhp-service-option{
    min-height:36px!important;
    padding:6px 6px!important;
    font-size:.64rem!important;
}
.kwhp-profile-service-limit-copy small{display:none!important;}
.kwhp-profile-service-limit{min-height:38px!important;}
.kwhp-advanced-trigger{min-height:38px!important;}
.kwhp-simple-finder-actions{margin-top:8px!important;}
.kwhp-simple-submit{min-height:42px!important;}

@media(max-width:720px){
    .kwhp-selector-head{padding:14px 14px 4px!important;}
    .kwhp-selector-body{padding:0 14px 12px!important;}
    .kwhp-selector h1{font-size:clamp(1.72rem,7.6vw,2.12rem)!important;}
    .kwhp-selector .kwhp-eyebrow{margin-bottom:6px!important;}
    .kwhp-selector-body>.kwhp-choice-row[data-group="feeling"]{padding:7px 0 9px!important;}
    .kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-choice-label{margin-bottom:5px!important;}
    .kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chips{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:5px!important;
    }
    .kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chip{
        min-height:34px!important;
        padding:5px 5px!important;
        border-radius:9px!important;
        font-size:.62rem!important;
        line-height:1.08!important;
    }
    .kwhp-selector-body>.kwhp-choice-row[data-group="feeling"] .kwhp-chip:last-child:nth-child(odd){grid-column:auto!important;}
    .kwhp-selector-body>.kwhp-choice-row[data-group="audience"]{
        grid-template-columns:1fr!important;
        gap:4px!important;
        padding:1px 0 8px!important;
    }
    .kwhp-audience-radios{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:8px!important;
    }
    .kwhp-audience-radio{
        justify-content:flex-start;
        gap:5px;
        font-size:.62rem;
    }
    .kwhp-audience-radio input{width:13px!important;height:13px!important;flex-basis:13px!important;}
    .kwhp-main-hot-streamers{padding:9px 10px 9px!important;}
    .kwhp-main-hot-streamers .kwhp-guest-services-head{
        display:flex!important;
        justify-content:flex-end!important;
        margin:-3px 0 6px!important;
    }
    .kwhp-main-hot-streamers .kwhp-multi-toolbar{
        justify-content:flex-end!important;
        gap:3px!important;
    }
    .kwhp-main-hot-streamers .kwhp-multi-toolbar>button,
    .kwhp-main-hot-streamers .kwhp-guest-more-services>summary{
        min-height:25px!important;
        padding:3px 7px!important;
        font-size:.58rem!important;
    }
    .kwhp-main-hot-streamers .kwhp-guest-service-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:5px!important;
    }
    .kwhp-main-hot-streamers .kwhp-service-option{
        min-height:38px!important;
        padding:4px 3px!important;
        font-size:.56rem!important;
        border-radius:8px!important;
    }
    .kwhp-advanced-search{margin-top:7px!important;gap:6px!important;}
    .kwhp-advanced-trigger,.kwhp-profile-service-limit{min-height:36px!important;}
    .kwhp-simple-finder-actions{margin-top:7px!important;}
    .kwhp-simple-submit{min-height:40px!important;}
}

@media(max-width:420px){
    .kwhp-selector-body>.kwhp-choice-row[data-group="audience"] .kwhp-chips{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
    .kwhp-audience-radios{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
    .kwhp-audience-radio{font-size:.57rem;}
    .kwhp-main-hot-streamers .kwhp-service-option{min-height:36px!important;font-size:.53rem!important;}
}

/* =========================================================
   v0.4.191 - MOBILE RAIL SCROLL STABILITY
   Touch devices get native momentum and gentle settling rather than sticky
   mandatory stops. Desktop whole-card button navigation remains unchanged.
========================================================= */
@media (hover:none) and (pointer:coarse) {
    .kwhp-poster-rail:not(.kwhp-results-rail),
    .kwhp-kazoo-stage.is-show-options .kwsh-hot-three-list,
    .kwhp-kazoo-stage.is-just-three .kwsh-hot-three-list {
        -webkit-overflow-scrolling:touch;
        scroll-behavior:auto!important;
        scroll-snap-type:x proximity!important;
        overscroll-behavior-x:contain;
    }

    .kwhp-poster-rail:not(.kwhp-results-rail)>.kwhp-poster-card,
    .kwhp-kazoo-stage.is-show-options .kwsh-hot-pick,
    .kwhp-kazoo-stage.is-just-three .kwsh-hot-pick {
        scroll-snap-stop:normal!important;
    }
}



/* =========================================================
   v0.4.192 - TRUE CIRCULAR POSTER RAILS
   Poster rows use duplicate visual cycles and invisible re-centering in JS.
   Native finite-scrollbar position is intentionally hidden because there is no
   meaningful beginning or end to the public carousel anymore.
========================================================= */
.kwhp-poster-rail:not(.kwhp-results-rail){
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
}
.kwhp-poster-rail:not(.kwhp-results-rail)::-webkit-scrollbar{display:none!important;}
.kwhp-poster-rail:not(.kwhp-results-rail)>.kwhp-poster-card{scroll-snap-stop:normal!important;}


/* =========================================================
   v0.4.193 - CONTINUOUS LOOP ENGINE
   JS owns arrow easing; native touch/trackpad movement remains direct.
========================================================= */
.kwhp-poster-rail:not(.kwhp-results-rail){scroll-behavior:auto!important;}
\n\n/* v0.4.194 — dynamic homepage shelves use one continuous physical track. */\n.kwhp-shelf-viewport.is-sliding>.kwhp-shelf-track:not(.kwhp-shelf-track-incoming){\n    position:relative;\n    top:auto;\n    left:auto;\n}\n
/* =========================================================
   v0.4.196 - FINAL HOMEPAGE REMEDIATION
   Product-first opening, tighter poster rails, restrained on-poster actions,
   and a restored KazooWatch green / purple / pink color field.
========================================================= */

/* Color is atmosphere, not clutter: keep poster art dominant while the page
   itself stops reading as a stack of gray panels. */
.kwhp-homepage{
    background:
        radial-gradient(circle at 4% 3%,rgba(38,135,48,.15),transparent 360px),
        radial-gradient(circle at 95% 5%,rgba(227,7,150,.14),transparent 420px),
        radial-gradient(circle at 52% 34%,rgba(123,105,199,.10),transparent 520px),
        linear-gradient(180deg,#fbfbfd 0%,#f5f3fb 34%,#f4f8f4 67%,#fff7fb 100%)!important;
}
.kwhp-shell{
    padding-top:18px!important;
}
.kwhp-dynamic-shelf{
    position:relative;
    overflow:visible;
    margin-top:24px!important;
    padding:12px 14px 14px;
    border:1px solid rgba(123,105,199,.16);
    border-radius:16px;
    background:linear-gradient(135deg,rgba(123,105,199,.055),rgba(255,255,255,.72) 48%,rgba(227,7,150,.04));
    box-shadow:0 9px 26px rgba(64,48,105,.055);
}
.kwhp-dynamic-shelf[data-shelf-kind="tonight"]{
    border-color:rgba(38,135,48,.28);
    background:
        radial-gradient(circle at 8% 0,rgba(38,135,48,.13),transparent 250px),
        radial-gradient(circle at 94% 15%,rgba(123,105,199,.12),transparent 280px),
        rgba(255,255,255,.78);
}
.kwhp-dynamic-shelf[data-shelf-kind="new-trailers"],
.kwhp-dynamic-shelf[data-shelf-kind="ratings"]{
    border-color:rgba(227,7,150,.20);
    background:linear-gradient(135deg,rgba(227,7,150,.06),rgba(255,255,255,.80) 52%,rgba(123,105,199,.06));
}
.kwhp-dynamic-shelf[data-shelf-kind="your-streaming"]{
    border-color:rgba(38,135,48,.20);
    background:linear-gradient(135deg,rgba(38,135,48,.065),rgba(255,255,255,.82) 54%,rgba(123,105,199,.045));
}
.kwhp-dynamic-shelf .kwhp-section-head{
    position:relative;
    margin-bottom:9px!important;
    padding-bottom:8px!important;
    border-bottom:1px solid rgba(74,63,111,.13)!important;
}
.kwhp-dynamic-shelf .kwhp-section-head:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:84px;
    height:2px;
    background:linear-gradient(90deg,var(--green),var(--purple),var(--pink));
}
.kwhp-dynamic-shelf .kwhp-section-head h2{
    font-size:clamp(1.45rem,2.2vw,2.15rem)!important;
    color:#18151e;
}
.kwhp-dynamic-shelf .kwhp-section-head p{
    margin-top:4px!important;
    font-size:.77rem!important;
    line-height:1.25;
    color:#656170!important;
}
.kwhp-home-top-tonight{
    margin:0 0 18px;
}
.kwhp-home-top-tonight .kwhp-dynamic-shelf{
    margin-top:0!important;
}

/* Finder now carries its own conversion prompt. No detached promo card. */
.kwhp-kazoo-mode-hero-cta{display:none!important;}
.kwhp-selector-intro-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    width:100%;
    margin-top:7px;
}
.kwhp-selector-intro-row .kwhp-selector-intro{
    flex:1 1 auto;
    min-width:0;
    max-width:690px;
    margin:0!important;
}
.kwhp-finder-account-cta{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
    color:rgba(255,255,255,.82);
    font-size:.67rem;
    font-weight:760;
    line-height:1.2;
    white-space:nowrap;
}
.kwhp-finder-account-cta a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:31px;
    padding:0 11px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:linear-gradient(100deg,#268730 0%,#7564ca 48%,#e30796 100%);
    color:#fff!important;
    box-shadow:0 7px 18px rgba(100,62,161,.24);
    font-size:.63rem;
    font-weight:900;
    text-decoration:none!important;
    transition:transform .14s ease,filter .14s ease;
}
.kwhp-finder-account-cta a:hover,
.kwhp-finder-account-cta a:focus-visible{
    transform:translateY(-1px);
    filter:brightness(1.08);
    outline:2px solid rgba(255,255,255,.88);
    outline-offset:2px;
}

/* The poster stays the hero. Lifecycle actions sit in a quiet glass tray at
   the bottom-right of the artwork; the title/link remain outside the art. */
.kwhp-poster-visual{
    position:relative;
    min-width:0;
}
.kwhp-shelf-card .kwhp-poster-image:after{
    content:"";
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:0;
    height:23%;
    background:linear-gradient(180deg,transparent,rgba(8,9,12,.20) 46%,rgba(8,9,12,.58));
    pointer-events:none;
}
.kwhp-poster-state-overlay{
    position:absolute;
    z-index:10;
    right:7px;
    bottom:7px;
    display:flex;
    align-items:center;
    max-width:calc(100% - 14px);
    padding:4px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:10px;
    background:rgba(9,10,14,.62);
    box-shadow:0 5px 16px rgba(0,0,0,.20);
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
}
.kwhp-poster-state-overlay .kwhp-title-state-controls,
.kwhp-poster-state-overlay .kwhp-title-state-controls.is-compact,
.kwhp-poster-state-overlay .kwhp-title-state-controls.is-tv,
.kwhp-poster-state-overlay .kwhp-title-state-controls.is-compact.is-tv{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:3px!important;
    width:auto!important;
    margin:0!important;
}

/* TV posters have three lifecycle actions. Keep the accepted rating badge at
   bottom-left and stack only TV actions vertically in the existing bottom-right
   glass tray so the two overlays never compete for horizontal poster space. */
.kwhp-poster-state-overlay .kwhp-title-state-controls.is-tv,
.kwhp-poster-state-overlay .kwhp-title-state-controls.is-compact.is-tv{
    flex-direction:column!important;
    align-items:center!important;
}
.kwhp-poster-state-overlay .kwhp-title-state-toggle,
.kwhp-poster-state-overlay .kwhp-title-state-controls.is-compact .kwhp-title-state-toggle{
    position:relative;
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.20)!important;
    border-radius:7px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07))!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 2px 5px rgba(0,0,0,.18)!important;
}
.kwhp-poster-state-overlay .kwhp-title-state-toggle:hover,
.kwhp-poster-state-overlay .kwhp-title-state-toggle:focus-visible{
    background:rgba(255,255,255,.20)!important;
    outline:2px solid rgba(255,255,255,.9)!important;
    outline-offset:1px!important;
}
.kwhp-poster-state-overlay .kwhp-title-state-box{
    display:grid!important;
    place-items:center!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:1rem!important;
    font-weight:900!important;
    line-height:1!important;
    text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}
.kwhp-poster-state-overlay .kwhp-title-state-toggle>span:last-child,
.kwhp-poster-state-overlay .kwhp-title-state-legacy{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
}
.kwhp-poster-state-overlay .kwhp-title-state-toggle:after{
    content:attr(title);
    position:absolute;
    right:0;
    bottom:calc(100% + 7px);
    width:max-content;
    max-width:130px;
    padding:5px 7px;
    border-radius:7px;
    background:#111318;
    color:#fff;
    box-shadow:0 5px 16px rgba(0,0,0,.25);
    font-size:.58rem;
    font-weight:800;
    line-height:1.15;
    opacity:0;
    pointer-events:none;
    transform:translateY(3px);
    transition:opacity .12s ease,transform .12s ease;
}
.kwhp-poster-state-overlay .kwhp-title-state-toggle:hover:after,
.kwhp-poster-state-overlay .kwhp-title-state-toggle:focus-visible:after{
    opacity:1;
    transform:translateY(0);
}
.kwhp-poster-state-overlay .kwhp-seen-toggle.is-seen,
.kwhp-poster-state-overlay .kwhp-finished-toggle.is-active{
    border-color:#63dc76!important;
    background:#268730!important;
}
.kwhp-poster-state-overlay .kwhp-want-toggle.is-wanted,
.kwhp-poster-state-overlay .kwhp-want-toggle.is-active{
    border-color:#ff82cf!important;
    background:#e30796!important;
}
.kwhp-poster-state-overlay .kwhp-watching-toggle.is-active{
    border-color:#c8bdf7!important;
    background:#7b69c7!important;
}

/* Shorter information stack under every homepage shelf poster. */
.kwhp-dynamic-shelf .kwhp-provider-strip.is-poster{
    min-height:31px!important;
    height:31px!important;
    margin-top:5px!important;
    padding:3px 5px!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.82)!important;
}
.kwhp-dynamic-shelf .kwhp-provider-icon{
    width:23px!important;
    height:23px!important;
    border-radius:6px!important;
}
.kwhp-dynamic-shelf .kwhp-provider-icon img{
    width:21px!important;
    height:21px!important;
    border-radius:5px!important;
}
.kwhp-dynamic-shelf .kwhp-provider-more{
    min-width:23px!important;
    height:23px!important;
    padding:0 5px!important;
    border-radius:6px!important;
    font-size:.57rem!important;
}
.kwhp-dynamic-shelf .kwhp-poster-meta{
    padding:6px 2px 0!important;
}
.kwhp-dynamic-shelf .kwhp-poster-meta h3{
    font-size:.79rem!important;
    line-height:1.12!important;
}
.kwhp-dynamic-shelf .kwhp-poster-year{
    margin-top:2px!important;
    font-size:.65rem!important;
    line-height:1.1!important;
}
.kwhp-dynamic-shelf .kwhp-special-badges{
    gap:3px!important;
    margin-top:4px!important;
}
.kwhp-dynamic-shelf .kwhp-special-badge{
    padding:3px 5px!important;
    font-size:.54rem!important;
}
.kwhp-dynamic-shelf .kwhp-watch-tonight-context{
    display:-webkit-box;
    margin:5px 0 0!important;
    overflow:hidden;
    font-size:.66rem!important;
    line-height:1.22!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.kwhp-dynamic-shelf .kwhp-watch-tonight-context>span{
    display:inline!important;
    margin:0 5px 0 0!important;
    font-size:.56rem!important;
}
.kwhp-dynamic-shelf .kwhp-audience-rating{
    display:block!important;
    margin-top:5px!important;
}
.kwhp-dynamic-shelf .kwhp-audience-rating-label{display:none!important;}
.kwhp-dynamic-shelf .kwc-stars{
    max-width:96px!important;
}
.kwhp-dynamic-shelf .kwc-star{
    min-height:20px!important;
    height:20px!important;
    font-size:.82rem!important;
    line-height:1!important;
}
.kwhp-dynamic-shelf .kwc-save-status:empty{display:none!important;}
.kwhp-dynamic-shelf .kwhp-title-state-controls:not(.is-single-title-tools){margin-top:0;}

/* Poster/title already open these ordinary discovery cards; remove the repeated
   VIEW TITLE line. Trailer/review/curated shelves keep their meaningful action. */
.kwhp-shelf-tonight .kwhp-review-link,
.kwhp-shelf-new-this-week .kwhp-review-link,
.kwhp-shelf-your-streaming .kwhp-review-link,
.kwhp-shelf-trending .kwhp-review-link,
.kwhp-shelf-leaving-soon .kwhp-review-link{
    display:none!important;
}

/* Pull the actual rows closer together after the card body is shorter. */
.kwhp-homepage>.kwhp-shell>.kwhp-dynamic-shelf,
.kwhp-shell>.kwhp-dynamic-shelf{
    margin-top:24px!important;
}
.kwhp-dynamic-shelf + .kwhp-dynamic-shelf{
    margin-top:20px!important;
}

@media(max-width:980px){
    .kwhp-home-top-tonight{margin-bottom:14px;}
    .kwhp-dynamic-shelf{padding:10px 10px 12px;margin-top:18px!important;border-radius:13px;}
    .kwhp-dynamic-shelf + .kwhp-dynamic-shelf{margin-top:15px!important;}
    .kwhp-selector-intro-row{align-items:flex-start;}
    .kwhp-finder-account-cta{white-space:normal;text-align:right;}
}
@media(max-width:720px){
    .kwhp-shell{padding-top:10px!important;}
    .kwhp-home-top-tonight{margin-bottom:10px;}
    .kwhp-dynamic-shelf{margin-top:14px!important;padding:9px 8px 10px;}
    .kwhp-dynamic-shelf + .kwhp-dynamic-shelf{margin-top:12px!important;}
    .kwhp-dynamic-shelf .kwhp-section-head{margin-bottom:7px!important;padding-bottom:6px!important;}
    .kwhp-dynamic-shelf .kwhp-section-head h2{font-size:1.35rem!important;}
    .kwhp-dynamic-shelf .kwhp-section-head p{font-size:.69rem!important;}
    .kwhp-selector-intro-row{display:block;margin-top:5px;}
    .kwhp-finder-account-cta{
        display:flex;
        justify-content:space-between;
        width:100%;
        margin-top:7px;
        text-align:left;
        font-size:.62rem;
    }
    .kwhp-finder-account-cta a{min-height:29px;padding:0 9px;font-size:.59rem;}
    .kwhp-poster-state-overlay{right:5px;bottom:5px;padding:3px;border-radius:8px;}
    .kwhp-poster-state-overlay .kwhp-title-state-toggle,
    .kwhp-poster-state-overlay .kwhp-title-state-controls.is-compact .kwhp-title-state-toggle{
        width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important;border-radius:6px!important;
    }
    .kwhp-poster-state-overlay .kwhp-title-state-box{width:auto!important;height:auto!important;font-size:.88rem!important;}
    .kwhp-poster-state-overlay .kwhp-title-state-toggle:after{display:none!important;}
    .kwhp-dynamic-shelf .kwhp-provider-strip.is-poster{height:28px!important;min-height:28px!important;}
    .kwhp-dynamic-shelf .kwhp-provider-icon{width:21px!important;height:21px!important;}
    .kwhp-dynamic-shelf .kwhp-provider-icon img{width:19px!important;height:19px!important;}
    .kwhp-dynamic-shelf .kwhp-provider-more{min-width:21px!important;height:21px!important;}
    .kwhp-dynamic-shelf .kwhp-poster-meta h3{font-size:.73rem!important;}
    .kwhp-dynamic-shelf .kwhp-poster-year{font-size:.59rem!important;}
}

/* Tonight no longer occupies a discovery-grid row; remove the legacy empty
   grid area so Finder/Hot 3/quote close up immediately beneath the top shelf. */
@media(min-width:981px){
    .kwhp-discovery-stack{
        grid-template-areas:
            "finder hot"
            "finder quote"!important;
        row-gap:14px!important;
    }
}

/* =========================================================
   v0.4.197 - CARD INTERACTION + COLOR REMEDIATION
   Restore readable lifecycle tooltips, move audience stars onto the artwork,
   give Hot 3 the same compact card treatment, and increase brand color.
========================================================= */

/* Stable custom tooltip: JS preserves the underlying title/data-tooltip label. */
.kwhp-poster-state-overlay .kwhp-title-state-toggle:after{
    content:attr(data-tooltip)!important;
    white-space:nowrap;
    max-width:none!important;
}

/* Audience stars become a poster interaction instead of a permanent line of
   metadata. Desktop reveals them on hover/focus; touch keeps them available. */
.kwhp-poster-rating-overlay{
    position:absolute;
    z-index:11;
    left:50%;
    top:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    max-width:calc(100% - 22px);
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,-44%) scale(.96);
    transition:opacity .13s ease,transform .13s ease;
}
.kwhp-poster-card:hover .kwhp-poster-rating-overlay,
.kwhp-poster-card:focus-within .kwhp-poster-rating-overlay{
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%,-50%) scale(1);
}
.kwhp-poster-rating-overlay .kwhp-audience-rating{
    display:block!important;
    margin:0!important;
}
.kwhp-poster-rating-overlay .kwhp-audience-rating-label{display:none!important;}
.kwhp-poster-rating-overlay .kwc-stars{
    display:grid!important;
    grid-template-columns:repeat(5,26px)!important;
    gap:2px!important;
    width:auto!important;
    max-width:none!important;
    padding:6px 7px!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:12px!important;
    background:rgba(15,12,20,.72)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
}
.kwhp-poster-rating-overlay .kwc-star{
    width:26px!important;
    min-width:26px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    color:#d7d2df!important;
    font-size:1.1rem!important;
    line-height:1!important;
}
.kwhp-poster-rating-overlay .kwc-star:hover,
.kwhp-poster-rating-overlay .kwc-star:focus-visible,
.kwhp-poster-rating-overlay .kwc-star.is-on{
    color:#ff3bad!important;
    text-shadow:0 0 12px rgba(227,7,150,.35);
}
.kwhp-poster-rating-overlay .kwc-save-status{
    grid-column:1/-1!important;
    width:auto!important;
    min-height:0!important;
    margin:2px 0 0!important;
    color:#8ce397!important;
    font-size:.58rem!important;
    text-align:center!important;
}
.kwhp-poster-rating-overlay .kwc-save-status:empty{display:none!important;}

/* Hot 3 now uses the same overlay-state/rating treatment as ordinary shelves. */
.kwhp-kazoo-stage .kwsh-hot-pick.kwhp-poster-card .kwhp-poster-state-overlay{
    right:7px!important;
    bottom:7px!important;
}
.kwhp-kazoo-stage .kwsh-hot-pick.kwhp-poster-card .kwhp-poster-meta .kwhp-audience-rating{
    display:none!important;
}

/* Push the color field one step farther without competing with the posters. */
.kwhp-dynamic-shelf{
    border-width:1px!important;
    box-shadow:0 10px 30px rgba(69,45,120,.09),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.kwhp-dynamic-shelf[data-shelf-kind="tonight"],
.kwhp-dynamic-shelf[data-shelf-kind="your-streaming"]{
    background:
        radial-gradient(circle at 5% 0,rgba(38,135,48,.20),transparent 275px),
        radial-gradient(circle at 98% 22%,rgba(123,105,199,.16),transparent 310px),
        rgba(255,255,255,.84)!important;
}
.kwhp-dynamic-shelf[data-shelf-kind="new-this-week"],
.kwhp-dynamic-shelf[data-shelf-kind="new-trailers"],
.kwhp-dynamic-shelf[data-shelf-kind="ratings"]{
    background:
        radial-gradient(circle at 6% 0,rgba(227,7,150,.16),transparent 280px),
        radial-gradient(circle at 96% 18%,rgba(123,105,199,.15),transparent 320px),
        rgba(255,255,255,.84)!important;
}
.kwhp-dynamic-shelf[data-shelf-kind="trending"]{
    background:
        radial-gradient(circle at 8% 0,rgba(123,105,199,.19),transparent 285px),
        radial-gradient(circle at 96% 22%,rgba(227,7,150,.12),transparent 320px),
        rgba(255,255,255,.84)!important;
}
.kwhp-dynamic-shelf[data-shelf-kind="leaving-soon"]{
    background:
        radial-gradient(circle at 8% 0,rgba(227,7,150,.13),transparent 280px),
        radial-gradient(circle at 96% 18%,rgba(38,135,48,.11),transparent 320px),
        rgba(255,255,255,.84)!important;
}
.kwhp-dynamic-shelf .kwhp-eyebrow{color:#6d58bd!important;}
.kwhp-dynamic-shelf[data-shelf-kind="tonight"] .kwhp-eyebrow,
.kwhp-dynamic-shelf[data-shelf-kind="your-streaming"] .kwhp-eyebrow{color:#268730!important;}
.kwhp-dynamic-shelf[data-shelf-kind="new-this-week"] .kwhp-eyebrow,
.kwhp-dynamic-shelf[data-shelf-kind="new-trailers"] .kwhp-eyebrow,
.kwhp-dynamic-shelf[data-shelf-kind="ratings"] .kwhp-eyebrow,
.kwhp-dynamic-shelf[data-shelf-kind="leaving-soon"] .kwhp-eyebrow{color:#c90780!important;}

/* Give the Finder/Hot 3 block a visible KazooWatch color signature instead of
   reading as one uninterrupted charcoal slab. */
.kwhp-selector{
    border:1px solid rgba(123,105,199,.44)!important;
    box-shadow:0 14px 40px rgba(58,38,104,.18),inset 0 3px 0 rgba(38,135,48,.72)!important;
    background:
        radial-gradient(circle at 8% 0,rgba(38,135,48,.18),transparent 250px),
        radial-gradient(circle at 98% 8%,rgba(227,7,150,.18),transparent 300px),
        linear-gradient(145deg,#12131a 0%,#191525 58%,#11161a 100%)!important;
}
.kwhp-hot-three-home .kwsh-masthead-hot:not(.is-finder-results){
    border-color:rgba(227,7,150,.34)!important;
    box-shadow:0 12px 34px rgba(112,32,90,.12),inset 0 3px 0 rgba(227,7,150,.78)!important;
}

@media(hover:none),(pointer:coarse){
    .kwhp-poster-rating-overlay{
        top:50%;
        opacity:1;
        pointer-events:auto;
        transform:translate(-50%,-50%) scale(.92);
    }
    .kwhp-poster-rating-overlay .kwc-stars{
        grid-template-columns:repeat(5,22px)!important;
        padding:4px 5px!important;
        border-radius:10px!important;
        background:rgba(15,12,20,.60)!important;
    }
    .kwhp-poster-rating-overlay .kwc-star{
        width:22px!important;
        min-width:22px!important;
        height:24px!important;
        min-height:24px!important;
        font-size:.94rem!important;
    }
}

/* 0.4.197 final polish: one-line Finder CTA, richer brand color, clean news. */
.kwhp-selector-intro-row{
    justify-content:flex-start!important;
    gap:10px!important;
}
.kwhp-selector-intro-row .kwhp-selector-intro{
    flex:0 1 auto!important;
    max-width:none!important;
    color:#fff!important;
    font-weight:700!important;
}
.kwhp-finder-account-cta{gap:0!important;}

/* Color should feel deliberate, not grey. Keep the posters visually dominant. */
.kwhp-dynamic-shelf{
    background:
        linear-gradient(115deg,rgba(255,255,255,.91),rgba(255,255,255,.78)),
        linear-gradient(90deg,rgba(38,135,48,.18),rgba(123,105,199,.17) 50%,rgba(227,7,150,.16))!important;
}
.kwhp-dynamic-shelf:nth-of-type(3n+1){
    box-shadow:0 11px 30px rgba(38,135,48,.11),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.kwhp-dynamic-shelf:nth-of-type(3n+2){
    box-shadow:0 11px 30px rgba(123,105,199,.12),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.kwhp-dynamic-shelf:nth-of-type(3n){
    box-shadow:0 11px 30px rgba(227,7,150,.10),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.kwhp-dynamic-shelf .kwhp-section-head{
    border-bottom-color:rgba(123,105,199,.20)!important;
}
.kwhp-dynamic-shelf .kwhp-section-head h2{
    text-shadow:0 1px 0 rgba(255,255,255,.75);
}

/* Stable visible labels for lifecycle controls. No empty native title bubbles. */
.kwhp-poster-state-overlay .kwhp-title-state-toggle::after{
    content:attr(data-tooltip)!important;
    min-width:max-content;
}

/* Editorial cards are journalism. Do not inherit title lifecycle controls. */
.kwhp-editorial-card .kwhp-title-state-controls{display:none!important;}

@media(max-width:720px){
    .kwhp-selector-intro-row{
        display:flex!important;
        align-items:center!important;
        flex-wrap:wrap!important;
        gap:7px!important;
    }
    .kwhp-selector-intro-row .kwhp-selector-intro{
        width:auto!important;
        flex:0 1 auto!important;
    }
    .kwhp-finder-account-cta{
        width:auto!important;
        margin-top:0!important;
        flex:0 0 auto!important;
    }
}

/* =========================================================
   v0.4.198 - FIVE-STAR POSTER TRAY FIT PATCH
   Keep the accepted five-star scale, but hard-constrain the interactive tray
   to the poster so all five stars remain centered and inside the artwork.
========================================================= */
.kwhp-poster-rating-overlay{
    width:calc(100% - 16px)!important;
    max-width:126px!important;
    box-sizing:border-box!important;
}
.kwhp-poster-rating-overlay .kwhp-audience-rating{
    width:100%!important;
    min-width:0!important;
}
.kwhp-poster-rating-overlay .kwc-stars{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    justify-items:center!important;
    align-items:center!important;
    gap:1px!important;
    width:100%!important;
    max-width:126px!important;
    margin:0 auto!important;
    padding:6px 6px!important;
}
.kwhp-poster-rating-overlay .kwc-star{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:21px!important;
    height:27px!important;
    min-height:27px!important;
    padding:0!important;
    margin:0!important;
    font-size:1rem!important;
}
@media(hover:none),(pointer:coarse){
    .kwhp-poster-rating-overlay{
        width:calc(100% - 12px)!important;
        max-width:118px!important;
    }
    .kwhp-poster-rating-overlay .kwc-stars{
        max-width:118px!important;
        gap:0!important;
        padding:4px 5px!important;
    }
    .kwhp-poster-rating-overlay .kwc-star{
        max-width:20px!important;
        height:24px!important;
        min-height:24px!important;
        font-size:.92rem!important;
    }
}


/* =========================================================
   v0.4.199 - FINDER CTA HEADLINE FIT PATCH
   Keep Try Kazoo Mode in the unused right side of the headline rather than
   spending another vertical row on a button by itself.
========================================================= */
@media (min-width:721px){
    .kwhp-selector-head{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        grid-template-rows:auto auto!important;
        column-gap:14px!important;
        align-items:end!important;
    }
    .kwhp-selector-head>.kwhp-eyebrow{
        grid-column:1/-1!important;
        grid-row:1!important;
    }
    .kwhp-selector-head>h1{
        grid-column:1!important;
        grid-row:2!important;
        min-width:0!important;
        margin-bottom:0!important;
    }
    .kwhp-selector-head>.kwhp-selector-intro-row{
        grid-column:2!important;
        grid-row:2!important;
        align-self:end!important;
        justify-self:end!important;
        width:auto!important;
        margin:0 0 3px!important;
        gap:0!important;
    }
    .kwhp-selector-head>.kwhp-selector-intro-row>.kwhp-selector-intro{
        display:none!important;
    }
    .kwhp-finder-account-cta{
        width:auto!important;
        margin:0!important;
        white-space:nowrap!important;
    }
}

@media (max-width:720px){
    /* Mobile has less spare horizontal room; keep the CTA compact and avoid
       forcing the headline into an unreadably narrow column. */
    .kwhp-selector-head>.kwhp-selector-intro-row{
        margin-top:5px!important;
    }
}


/* =========================================================
   v0.4.201 - EXACT LEFT-RAIL REMOVAL
   Remove the full-height colored inset rails from Homepage discovery shelves.
   Preserve the short horizontal section-head color dashes and all other color.
========================================================= */
.kwhp-dynamic-shelf:nth-of-type(3n+1),
.kwhp-dynamic-shelf:nth-of-type(3n+2),
.kwhp-dynamic-shelf:nth-of-type(3n){
    border-left-width:1px!important;
}


/* v0.4.202 - Canonical compact lifecycle buttons: movie ✓/+; TV +/▶/✓. */

/* v0.4.203 - Compact top-of-home key for ratings and poster controls. */
.kwhp-quick-key{
    display:grid;
    gap:5px;
    width:100%;
    margin:8px 0 12px;
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:10px;
    background:rgba(10,11,14,.92);
    box-shadow:0 5px 16px rgba(0,0,0,.10);
    color:rgba(255,255,255,.80);
    text-align:center;
    font-size:.69rem;
    line-height:1.2;
}
.kwhp-quick-key-row{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:5px 9px;
    text-align:center;
    min-width:0;
}
.kwhp-quick-key-title{
    margin-right:3px;
    color:#fff;
    font-size:.70rem;
    font-weight:950;
    letter-spacing:.09em;
    white-space:nowrap;
}
.kwhp-quick-key-label{
    color:rgba(255,255,255,.46);
    font-size:.60rem;
    font-weight:950;
    letter-spacing:.10em;
    text-transform:uppercase;
    white-space:nowrap;
}
.kwhp-quick-rating,
.kwhp-quick-action{
    display:inline-flex;
    align-items:center;
    gap:4px;
    white-space:nowrap;
}
.kwhp-quick-rating>i{
    width:1.05em;
    color:#f2c94c;
    font-size:.78rem;
    line-height:1;
    text-align:center;
}
.kwhp-quick-action-icon{
    display:inline-grid;
    place-items:center;
    width:19px;
    height:19px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:5px;
    background:rgba(255,255,255,.07);
    color:#fff;
    font-size:.75rem;
    font-weight:950;
    line-height:1;
}
@media (max-width: 720px){
    .kwhp-quick-key{
        margin:5px 0 10px;
        padding:7px 8px;
        gap:6px;
        font-size:.64rem;
    }
    .kwhp-quick-key-title{
        flex:0 0 100%;
        font-size:.66rem;
    }
    .kwhp-quick-key-row{
        gap:5px 7px;
    }
    .kwhp-quick-rating>i{
        font-size:.72rem;
    }
    .kwhp-quick-action-icon{
        width:18px;
        height:18px;
    }
}


/* v0.4.204 - Mobile-only quick-key refinement: slim, single-line scroll rows. */
.kwhp-quick-key-title-mobile,
.kwhp-quick-action-mobile{
    display:none;
}
@media (max-width: 720px){
    .kwhp-quick-key{
        margin:5px 0 9px;
        padding:6px 7px 5px;
        gap:3px;
        overflow:hidden;
        border-radius:9px;
        font-size:.62rem;
    }
    .kwhp-quick-key-title-desktop,
    .kwhp-quick-action-desktop{
        display:none;
    }
    .kwhp-quick-key-title-mobile{
        display:block;
        width:100%;
        margin:0 0 1px;
        color:rgba(255,255,255,.86);
        text-align:center;
        font-size:.60rem;
        font-weight:950;
        letter-spacing:.10em;
        line-height:1.1;
    }
    .kwhp-quick-action-mobile{
        display:inline;
    }
    .kwhp-quick-key-row{
        display:flex;
        align-items:center;
        justify-content:safe center;
        flex-wrap:nowrap;
        gap:4px 8px;
        min-width:0;
        overflow-x:auto;
        overflow-y:hidden;
        padding:1px 1px 2px;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior-inline:contain;
    }
    .kwhp-quick-key-row::-webkit-scrollbar{
        display:none;
    }
    .kwhp-quick-key-label{
        position:static;
        flex:0 0 auto;
        padding:2px 3px;
        background:transparent;
        text-align:center;
        font-size:.55rem;
    }
    .kwhp-quick-rating,
    .kwhp-quick-action{
        flex:0 0 auto;
        gap:3px;
    }
    .kwhp-quick-rating>i{
        font-size:.68rem;
    }
    .kwhp-quick-action-icon{
        width:17px;
        height:17px;
        border-radius:5px;
        font-size:.70rem;
    }
}


/* =========================================================
   v0.4.205 - SEVEN-UP DESKTOP CAROUSEL GEOMETRY LOCK
   Restore the accepted tight shelf gutters, prevent the seven -> six settling
   regression, and center navigation arrows on the poster artwork itself.
========================================================= */
@media (min-width: 981px){
    .kwhp-dynamic-shelf{
        padding-left:10px!important;
        padding-right:10px!important;
    }
    .kwhp-carousel{
        padding-left:28px!important;
        padding-right:28px!important;
    }
    .kwhp-carousel-button{
        top:var(--kwhp-carousel-arrow-top,112px)!important;
        width:28px!important;
        height:46px!important;
    }
    .kwhp-carousel-prev{left:0!important;}
    .kwhp-carousel-next{right:0!important;}
}
\n\n/* =========================================================\n   v0.4.206 - DYNAMIC SHELF SEVEN-UP / ARROW OWNERSHIP FIX\n   The homepage's AJAX shelves were still treating desktop arrows as two\n   grid columns. Overlay them at the rail edges so seven full-size posters\n   keep the accepted desktop geometry without shrinking the cards.\n========================================================= */\n@media (min-width:981px){\n    .kwhp-dynamic-shelf{\n        padding-left:8px!important;\n        padding-right:8px!important;\n    }\n    .kwhp-dynamic-shelf .kwhp-shelf-carousel{\n        position:relative!important;\n        display:block!important;\n        width:100%!important;\n        max-width:100%!important;\n        overflow:visible!important;\n    }\n    .kwhp-dynamic-shelf .kwhp-shelf-viewport{\n        display:block!important;\n        margin-left:auto!important;\n        margin-right:auto!important;\n    }\n    .kwhp-dynamic-shelf .kwhp-shelf-track{\n        gap:8px!important;\n        padding-right:0!important;\n    }\n    .kwhp-dynamic-shelf .kwhp-shelf-button{\n        position:absolute!important;\n        top:var(--kwhp-shelf-arrow-top,114.5px)!important;\n        z-index:12!important;\n        width:28px!important;\n        height:46px!important;\n        margin:0!important;\n    }\n    .kwhp-dynamic-shelf .kwhp-shelf-previous{\n        left:0!important;\n        transform:translate(-58%,-50%)!important;\n    }\n    .kwhp-dynamic-shelf .kwhp-shelf-next{\n        right:0!important;\n        transform:translate(58%,-50%)!important;\n    }\n}\n
/* =========================================================
   v0.4.210 - UNMISTAKABLE POSTER ACTION STATES
   Keep poster artwork full-color. The action controls themselves carry the
   persistent lifecycle state, with redundant class/ARIA/status selectors so
   dynamic shelves repaint immediately after Community rating saves.
========================================================= */
.kwhp-not-interested{
    border-color:rgba(255,126,126,.88)!important;
    background:rgba(177,28,38,.92)!important;
    color:#fff!important;
}
.kwhp-not-interested:hover,
.kwhp-not-interested:focus-visible{
    background:#d62828!important;
}

.kwhp-poster-state-overlay .kwhp-want-toggle.is-wanted,
.kwhp-poster-state-overlay .kwhp-want-toggle.is-active,
.kwhp-poster-state-overlay .kwhp-want-toggle[aria-pressed="true"],
.kwhp-poster-state-overlay .kwhp-title-state-controls[data-current-status="want"] .kwhp-want-toggle{
    border-color:#8eb4ff!important;
    background:#2563eb!important;
    box-shadow:0 0 0 2px rgba(37,99,235,.38),inset 0 1px 0 rgba(255,255,255,.24),0 3px 8px rgba(0,0,0,.25)!important;
    color:#fff!important;
}
.kwhp-poster-state-overlay .kwhp-watching-toggle.is-active,
.kwhp-poster-state-overlay .kwhp-watching-toggle[aria-pressed="true"],
.kwhp-poster-state-overlay .kwhp-title-state-controls[data-current-status="watching"] .kwhp-watching-toggle{
    border-color:#8ee49a!important;
    background:#268730!important;
    box-shadow:0 0 0 2px rgba(38,135,48,.38),inset 0 1px 0 rgba(255,255,255,.24),0 3px 8px rgba(0,0,0,.25)!important;
    color:#fff!important;
}
.kwhp-poster-state-overlay .kwhp-seen-toggle.is-seen,
.kwhp-poster-state-overlay .kwhp-seen-toggle.is-active,
.kwhp-poster-state-overlay .kwhp-seen-toggle[aria-pressed="true"],
.kwhp-poster-state-overlay .kwhp-finished-toggle.is-active,
.kwhp-poster-state-overlay .kwhp-finished-toggle[aria-pressed="true"],
.kwhp-poster-state-overlay .kwhp-title-state-controls[data-current-status="seen"] .kwhp-seen-toggle,
.kwhp-poster-state-overlay .kwhp-title-state-controls[data-current-status="finished"] .kwhp-finished-toggle{
    border-color:#c9bfff!important;
    background:#6d55c7!important;
    box-shadow:0 0 0 2px rgba(109,85,199,.38),inset 0 1px 0 rgba(255,255,255,.24),0 3px 8px rgba(0,0,0,.25)!important;
    color:#fff!important;
}


/* v0.4.213 - Quick-key icon restoration and centered copy. */
.kwhp-quick-key .kwhp-quick-key-title,
.kwhp-quick-key .kwhp-quick-key-label,
.kwhp-quick-key .kwhp-quick-rating,
.kwhp-quick-key .kwhp-quick-action{
    text-align:center;
}
.kwhp-quick-rating-kazoo{
    min-width:max-content;
}


/* =========================================================
   v0.4.219 — PUBLICATION HEADER V2 / CLEAN RENDER CONTRACT
   New isolated namespace. This is the only active visual contract for the
   Newsroom publication header rendered by kwhp_render_newsroom_header().
   Legacy .kwhp-newsroom-shared-template rules remain inert for rollback
   history and cannot affect this component.
========================================================= */
.kwhp-publication-header{
    --kwhp-pub-green:#268730;
    --kwhp-pub-purple:#7B69C7;
    --kwhp-pub-pink:#E30796;
    --kwhp-pub-ink:#17191f;
    --kwhp-pub-muted:#60656f;
    --kwhp-pub-line:#d7dbe2;
    position:relative;
    box-sizing:border-box;
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    color:var(--kwhp-pub-ink);
    background:linear-gradient(110deg,#f3f8f3 0 34%,#f6f4fb 34% 70%,#fff4fa 70% 100%);
    border-bottom:1px solid var(--kwhp-pub-line);
    font-family:Inter,Arial,Helvetica,sans-serif;
    overflow:hidden;
}
.kwhp-publication-header::before{
    content:"";
    display:block;
    height:4px;
    background:linear-gradient(90deg,var(--kwhp-pub-green) 0 33.333%,var(--kwhp-pub-purple) 33.333% 66.666%,var(--kwhp-pub-pink) 66.666% 100%);
}
.kwhp-publication-header__inner{
    box-sizing:border-box;
    width:min(1240px,calc(100% - 48px));
    margin:0 auto;
}
.kwhp-publication-header__edition{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:32px;
    border-bottom:1px solid rgba(23,25,31,.14);
    color:var(--kwhp-pub-muted);
    font-size:.63rem;
    font-weight:900;
    letter-spacing:.105em;
    line-height:1;
    text-transform:uppercase;
}
.kwhp-publication-header__edition span,
.kwhp-publication-header__edition time{min-width:0;}
.kwhp-publication-header__edition time{flex:0 0 auto;white-space:nowrap;}
.kwhp-publication-header__brand{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px 0 10px;
}
.kwhp-publication-header__logo{
    display:flex;
    align-items:center;
    justify-content:center;
    width:clamp(520px,54%,700px);
    max-width:90vw;
    text-decoration:none;
}
.kwhp-publication-header__logo img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    object-fit:contain;
}
.kwhp-publication-header__nav{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    width:100%;
    min-height:46px;
    margin:0;
    border-top:1px solid rgba(23,25,31,.16);
    border-bottom:2px solid var(--kwhp-pub-ink);
    background:rgba(255,255,255,.96);
}
.kwhp-publication-header__tab{
    position:relative;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:46px;
    padding:0 12px;
    color:#17191f!important;
    background:transparent!important;
    font-size:.70rem;
    font-weight:950;
    letter-spacing:.055em;
    line-height:1.08;
    text-align:center;
    text-decoration:none!important;
    text-transform:uppercase;
    white-space:normal;
    overflow-wrap:normal;
    transition:background-color .15s ease,color .15s ease;
}
.kwhp-publication-header__tab + .kwhp-publication-header__tab{border-left:1px solid var(--kwhp-pub-line);}
.kwhp-publication-header__tab::after{
    content:"";
    position:absolute;
    left:18%;
    right:18%;
    bottom:-2px;
    height:4px;
    transform:scaleX(.42);
    transform-origin:center;
    transition:transform .15s ease;
}
.kwhp-publication-header__tab.is-latest::after{background:var(--kwhp-pub-green);}
.kwhp-publication-header__tab.is-news::after{background:var(--kwhp-pub-pink);}
.kwhp-publication-header__tab.is-reviews::after{background:var(--kwhp-pub-purple);}
.kwhp-publication-header__tab.is-features::after{background:var(--kwhp-pub-green);}
.kwhp-publication-header__tab.is-opinion::after{background:var(--kwhp-pub-pink);}
.kwhp-publication-header__tab.is-watch::after{background:#4b9554;}
.kwhp-publication-header__tab:hover,
.kwhp-publication-header__tab:focus-visible{
    background:#f0f1f4!important;
    color:#08090b!important;
    outline:0;
}
.kwhp-publication-header__tab:hover::after,
.kwhp-publication-header__tab:focus-visible::after{transform:scaleX(1);}
.kwhp-publication-header--article .kwhp-publication-header__edition{border-bottom:0;}
.kwhp-publication-header--article .kwhp-publication-header__nav{border-top:1px solid rgba(23,25,31,.14);}

@media(max-width:760px){
    .kwhp-publication-header__inner{width:calc(100% - 20px);}
    .kwhp-publication-header__edition{
        min-height:29px;
        gap:10px;
        font-size:.56rem;
        letter-spacing:.075em;
    }
    .kwhp-publication-header__edition span{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .kwhp-publication-header__brand{padding:8px 0 7px;}
    .kwhp-publication-header__logo{width:min(620px,94%);}
    .kwhp-publication-header__nav{grid-template-columns:repeat(3,minmax(0,1fr));min-height:88px;}
    .kwhp-publication-header__tab{
        min-height:44px;
        padding:0 5px;
        font-size:clamp(.55rem,2.45vw,.66rem);
        letter-spacing:.025em;
        line-height:1.05;
        text-wrap:balance;
    }
    .kwhp-publication-header__tab::after{left:14%;right:14%;}
}
@media(max-width:360px){
    .kwhp-publication-header__inner{width:calc(100% - 14px);}
    .kwhp-publication-header__edition{font-size:.52rem;letter-spacing:.045em;}
    .kwhp-publication-header__tab{padding:0 3px;font-size:.53rem;letter-spacing:.012em;}
}


/* =========================================================
   v0.4.226 - TRUE SHARED POSTER ACTION GEOMETRY
   Preserve the accepted 0.4.225 edge-peek rail behavior. Hot 3 no longer
   receives any poster-overlay-specific compensation. Its historical compact
   metadata rules are scoped to the legacy .kwsh-hot-meta container above, so
   the canonical .kwhp-poster-state-overlay rules are literally the same rules
   used by ordinary shelf cards. TV actions remain horizontal and the terminal
   checkmark remains the rightmost corner action everywhere.
========================================================= */
.kwhp-poster-state-overlay .kwhp-title-state-controls.is-tv,
.kwhp-poster-state-overlay .kwhp-title-state-controls.is-compact.is-tv{
    flex-direction:row!important;
    align-items:center!important;
}
.kwhp-poster-state-overlay .kwhp-want-toggle{order:1!important;}
.kwhp-poster-state-overlay .kwhp-watching-toggle{order:2!important;}
.kwhp-poster-state-overlay .kwhp-seen-toggle,
.kwhp-poster-state-overlay .kwhp-finished-toggle{order:3!important;}

@media (prefers-reduced-motion:reduce){
    .kwhp-shelf-track.is-edge-peeking{transition:none!important;}
}


/* 0.4.227 - canonical Newsroom section accents without changing card geometry. */
.kwhp-newsroom-features{border-top:6px solid var(--nr-green)}
.kwhp-newsroom-opinion{border-top:6px solid var(--nr-pink)}
.kwhp-newsroom-watch-stories{margin:18px 0 26px}
.kwhp-newsroom-section-archive .kwhp-newsroom-desk{padding-top:34px}
