@import '_content/BlazorCalendar/BlazorCalendar.bw5idj54w0.bundle.scp.css';

/* /Components/Breadcrumb.razor.rz.scp.css */
/* Shared hierarchy breadcrumb (page-header placement). */

.breadcrumb-nav[b-svha3iwq6k] {
    margin-bottom: 0.75rem;
}

.breadcrumb[b-svha3iwq6k] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.9rem;
    line-height: 1.4;
}

.breadcrumb__item[b-svha3iwq6k] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.breadcrumb__item:not(:last-child)[b-svha3iwq6k]::after {
    content: "›";
    margin: 0 0.35rem;
    color: var(--ink-muted, #4b4b4b);
    opacity: 0.65;
    speak: never;
}

.breadcrumb__link[b-svha3iwq6k] {
    color: var(--brand-cool, #1f7a76);
    text-decoration: none;
}

.breadcrumb__link:hover[b-svha3iwq6k] {
    color: var(--brand-ink, #123f3a);
    text-decoration: underline;
}

.breadcrumb__link:focus-visible[b-svha3iwq6k] {
    outline: 2px solid var(--brand-cool, #1f7a76);
    outline-offset: 2px;
    border-radius: 2px;
}

.breadcrumb__current[b-svha3iwq6k],
.breadcrumb__text[b-svha3iwq6k] {
    color: var(--ink-muted, #4b4b4b);
}

.breadcrumb__current[b-svha3iwq6k] {
    font-weight: 500;
}

.breadcrumb-nav--on-dark .breadcrumb__item:not(:last-child)[b-svha3iwq6k]::after {
    color: rgba(255, 255, 255, 0.75);
    opacity: 1;
}

.breadcrumb-nav--on-dark .breadcrumb__link[b-svha3iwq6k] {
    color: rgba(255, 255, 255, 0.92);
}

.breadcrumb-nav--on-dark .breadcrumb__link:hover[b-svha3iwq6k] {
    color: #fff;
}

.breadcrumb-nav--on-dark .breadcrumb__current[b-svha3iwq6k],
.breadcrumb-nav--on-dark .breadcrumb__text[b-svha3iwq6k] {
    color: rgba(255, 255, 255, 0.85);
}

@media (prefers-contrast: more) {
    .breadcrumb__link[b-svha3iwq6k] {
        text-decoration: underline;
        text-decoration-color: transparent;
    }

    .breadcrumb__link:hover[b-svha3iwq6k],
    .breadcrumb__link:focus-visible[b-svha3iwq6k] {
        text-decoration-color: currentColor;
    }
}
/* /Components/EpisodeAboutSection.razor.rz.scp.css */
.detail-section[b-12lqjgu3l8] {
    padding: 1.75rem 2rem 1.85rem;
    border-bottom: 1px solid #f0f0f0;
}

.detail-section:last-of-type[b-12lqjgu3l8] {
    border-bottom: none;
}

.detail-section--about .section-title[b-12lqjgu3l8] {
    font-size: 1rem;
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 1.1rem;
}

.episode-about-paragraph[b-12lqjgu3l8] {
    margin: 0 0 0.9rem;
    color: #444;
    line-height: 1.65;
    font-size: 1rem;
}

.episode-about-paragraph:last-child[b-12lqjgu3l8] {
    margin-bottom: 0;
}

.episode-about-paragraph em[b-12lqjgu3l8] {
    font-style: italic;
}

.episode-about-paragraph a[b-12lqjgu3l8] {
    color: var(--accent-primary, #667eea);
    font-weight: inherit;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--accent-primary, #667eea) 45%, transparent);
    text-underline-offset: 0.2em;
    text-decoration-thickness: 1px;
}

.episode-about-paragraph a:hover[b-12lqjgu3l8],
.episode-about-paragraph a:focus-visible[b-12lqjgu3l8] {
    text-decoration-color: currentColor;
}

.episode-about-paragraph a em[b-12lqjgu3l8] {
    font-style: italic;
    font-weight: inherit;
}

@media (max-width: 600px) {
    .detail-section[b-12lqjgu3l8] {
        padding: 1.35rem 1rem 1.5rem;
    }
}
/* /Components/EpisodePlotSummarySection.razor.rz.scp.css */
.detail-section[b-qbx8sdz8gf] {
    padding: 1.75rem 2rem 1.85rem;
    border-bottom: 1px solid #f0f0f0;
}

.detail-section:last-of-type[b-qbx8sdz8gf] {
    border-bottom: none;
}

.plot-summary-details[b-qbx8sdz8gf] {
    border: 1px solid var(--border-soft, rgba(20, 20, 20, 0.08));
    border-radius: 0.5rem;
    padding: 0.65rem 0.9rem 0.85rem;
    background: color-mix(in srgb, var(--page-bg-alt, #edf3f2) 65%, white);
}

.plot-summary-summary[b-qbx8sdz8gf] {
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
    color: var(--ink-strong, #1b1a17);
    list-style-position: inside;
}

.plot-summary-summary:focus-visible[b-qbx8sdz8gf] {
    outline: 2px solid var(--brand-cool, #1f7a76);
    outline-offset: 2px;
}

.plot-summary-text[b-qbx8sdz8gf] {
    margin: 0.85rem 0 0.65rem;
    color: #444;
    line-height: 1.65;
    font-size: 1rem;
    white-space: pre-wrap;
}

.plot-summary-attribution[b-qbx8sdz8gf] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--ink-muted, #4b4b4b);
    line-height: 1.5;
}

.plot-summary-attribution a[b-qbx8sdz8gf] {
    color: var(--brand-cool, #1f7a76);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.plot-summary-attribution a:hover[b-qbx8sdz8gf],
.plot-summary-attribution a:focus-visible[b-qbx8sdz8gf] {
    text-decoration-color: currentColor;
}

@media (max-width: 600px) {
    .detail-section[b-qbx8sdz8gf] {
        padding: 1.35rem 1rem 1.5rem;
    }
}
/* /Components/LoginDisplay.razor.rz.scp.css */
/* Consistent size for header auth actions (account, sign in, sign out). */
.auth-menu .auth-btn--header[b-xm84dkcsf8] {
    min-height: 2.5rem;
    padding-inline: 1.1rem;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
}

/* Signed-in row: greeting + account + sign out */
.auth-menu--signed-in[b-xm84dkcsf8] {
    flex-wrap: wrap;
    row-gap: 0.35rem;
    column-gap: 0.5rem;
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
    max-width: 100%;
}

.auth-greeting-row[b-xm84dkcsf8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    max-width: min(24rem, 100%);
    flex-shrink: 1;
}

.auth-header-rank[b-xm84dkcsf8] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 0;
}

.auth-greeting--signed-in[b-xm84dkcsf8] {
    /* min-width:0 so max-width + ellipsis work inside nested flex (default is min-content). */
    min-width: 0;
    max-width: min(22rem, 100%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-inline: 0.65rem 0.85rem;
}

@media (max-width: 420px) {
    .auth-greeting--signed-in[b-xm84dkcsf8] {
        display: none;
    }

    .auth-greeting-row[b-xm84dkcsf8] {
        max-width: 100%;
    }

    .auth-menu--signed-in[b-xm84dkcsf8] {
        max-width: 100%;
    }
}

@media (max-width: 360px) {
    .auth-greeting-row[b-xm84dkcsf8] {
        gap: 0.25rem;
    }
}
/* /Components/OnboardingBanner.razor.rz.scp.css */
.onboarding-banner[b-5ew6992xod] {
    /* Keep below .app-header (sticky z-index) so the banner never paints over search / Menu / Sign in. */
    position: relative;
    z-index: 0;
    border-bottom: 1px solid rgba(18, 63, 58, 0.12);
    background: linear-gradient(90deg, rgba(31, 122, 118, 0.12), rgba(227, 146, 43, 0.14));
}

.onboarding-banner__inner[b-5ew6992xod] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0.85rem 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1.25rem;
}

.onboarding-banner__copy[b-5ew6992xod] {
    flex: 1 1 16rem;
    min-width: 0;
}

.onboarding-banner__eyebrow[b-5ew6992xod] {
    margin: 0 0 0.15rem;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--brand-cool);
}

.onboarding-banner__headline[b-5ew6992xod] {
    margin: 0 0 0.2rem;
    font-family: "Space Grotesk", "Outfit", sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--brand-ink);
}

.onboarding-banner__detail[b-5ew6992xod] {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.4;
    color: var(--ink-muted);
}

.onboarding-banner__actions[b-5ew6992xod] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.75rem;
}

.onboarding-banner__cta[b-5ew6992xod] {
    border: none;
    border-radius: 999px;
    padding: 0.55rem 1.1rem;
    font-weight: 600;
    cursor: pointer;
    background: var(--brand-cool);
    color: #fff;
    box-shadow: var(--shadow-soft);
}

.onboarding-banner__cta:hover[b-5ew6992xod] {
    background: #196864;
}

.onboarding-banner__dismiss[b-5ew6992xod] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--ink-muted);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.onboarding-banner__dismiss:hover[b-5ew6992xod] {
    color: var(--ink-strong);
}

@media (max-width: 640px) {
    .onboarding-banner__inner[b-5ew6992xod] {
        padding-inline: 0.85rem;
    }

    .onboarding-banner__actions[b-5ew6992xod] {
        width: 100%;
    }

    .onboarding-banner__cta[b-5ew6992xod] {
        flex: 1 1 auto;
    }
}
/* /Components/OnboardingPathGuide.razor.rz.scp.css */
.onboarding-path[b-wzt7wzz502] {
    margin-bottom: 1.25rem;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-soft);
}

.onboarding-path__steps[b-wzt7wzz502] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.onboarding-path__step[b-wzt7wzz502] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.92rem;
    color: var(--ink-muted);
}

.onboarding-path__step--current[b-wzt7wzz502] {
    color: var(--brand-ink);
    font-weight: 600;
}

.onboarding-path__step--done[b-wzt7wzz502] {
    color: var(--brand-cool);
}

.onboarding-path__marker[b-wzt7wzz502] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    background: rgba(18, 63, 58, 0.08);
    color: var(--brand-ink);
}

.onboarding-path__step--current .onboarding-path__marker[b-wzt7wzz502] {
    background: var(--brand-cool);
    color: #fff;
}

.onboarding-path__step--done .onboarding-path__marker[b-wzt7wzz502] {
    background: rgba(31, 122, 118, 0.18);
    color: var(--brand-cool);
}

.onboarding-path__hint[b-wzt7wzz502] {
    margin: 0.75rem 0 0;
    font-size: 0.92rem;
    line-height: 1.4;
    color: var(--ink-muted);
}

@media (max-width: 640px) {
    .onboarding-path__steps[b-wzt7wzz502] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/RankPips.razor.rz.scp.css */
/* Watch-rank pip insignia (Cadet outline → Admiral laurel frame). */

.rank-pips[b-gi7xba7727] {
    --rank-pip-size: 0.55rem;
    --rank-pip-gap: 0.2rem;
    --rank-pip-fill: var(--brand-accent, #e3922b);
    --rank-pip-outline: var(--brand-ink, #123f3a);
    --rank-pip-outline-width: 2px;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 0;
    vertical-align: middle;
    color: var(--rank-pip-outline);
}

.rank-pips--default[b-gi7xba7727] {
    --rank-pip-size: 0.62rem;
    --rank-pip-gap: 0.28rem;
}

.rank-pips--compact[b-gi7xba7727] {
    --rank-pip-size: 0.48rem;
    --rank-pip-gap: 0.16rem;
}

.rank-pips__pip-row[b-gi7xba7727] {
    display: inline-flex;
    align-items: center;
    gap: var(--rank-pip-gap);
}

.rank-pips__pip[b-gi7xba7727] {
    display: block;
    width: var(--rank-pip-size);
    height: var(--rank-pip-size);
    border-radius: 50%;
    box-sizing: border-box;
    flex-shrink: 0;
}

.rank-pips__pip--filled[b-gi7xba7727] {
    background: var(--rank-pip-fill);
    border: 1px solid color-mix(in srgb, var(--rank-pip-fill) 70%, var(--rank-pip-outline));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rank-pip-fill) 25%, transparent);
}

.rank-pips__pip--outline[b-gi7xba7727] {
    background: transparent;
    border: var(--rank-pip-outline-width) solid var(--rank-pip-outline);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--card-bg, #fff) 40%, transparent);
}

.rank-pips__admiral-frame[b-gi7xba7727] {
    display: inline-flex;
    align-items: center;
    gap: 0.12rem;
    padding: 0.14rem 0.22rem;
    border: 1.5px solid var(--brand-accent, #e3922b);
    border-radius: 5px;
    background: color-mix(in srgb, var(--brand-accent, #e3922b) 8%, transparent);
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--brand-accent, #e3922b) 35%, transparent),
        0 0 10px color-mix(in srgb, var(--brand-accent, #e3922b) 22%, transparent);
    color: var(--brand-accent-strong, #c8761b);
}

.rank-pips__laurel[b-gi7xba7727] {
    width: calc(var(--rank-pip-size) * 0.85);
    height: calc(var(--rank-pip-size) * 1.55);
    flex-shrink: 0;
}

@media (prefers-contrast: more) {
    .rank-pips__pip--outline[b-gi7xba7727] {
        border-width: 2.5px;
    }

    .rank-pips__admiral-frame[b-gi7xba7727] {
        border-width: 2px;
        box-shadow:
            0 0 0 1px var(--brand-accent-strong, #c8761b),
            0 0 8px color-mix(in srgb, var(--brand-accent, #e3922b) 35%, transparent);
    }
}
/* /Components/RecentlyAiredBanner.razor.rz.scp.css */
.recently-aired-banner[b-z5b0asq7a7] {
    margin: 0 0 1.25rem;
    border-radius: 10px;
    border: 1px solid rgba(31, 122, 118, 0.28);
    background: linear-gradient(90deg, rgba(31, 122, 118, 0.1), rgba(227, 146, 43, 0.12));
}

.recently-aired-banner__inner[b-z5b0asq7a7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1.25rem;
    padding: 0.85rem 1rem;
}

.recently-aired-banner__copy[b-z5b0asq7a7] {
    flex: 1 1 16rem;
    min-width: 0;
}

.recently-aired-banner__eyebrow[b-z5b0asq7a7] {
    margin: 0 0 0.15rem;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--brand-cool);
}

.recently-aired-banner__headline[b-z5b0asq7a7] {
    margin: 0;
    font-family: "Space Grotesk", "Outfit", sans-serif;
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--brand-ink);
}

.recently-aired-banner__actions[b-z5b0asq7a7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.75rem;
}

.recently-aired-banner__cta[b-z5b0asq7a7] {
    border-radius: 999px;
    padding: 0.55rem 1.05rem;
    font-weight: 600;
    text-decoration: none;
    background: var(--brand-cool);
    color: #fff;
    box-shadow: var(--shadow-soft);
}

.recently-aired-banner__cta:hover[b-z5b0asq7a7] {
    background: #196864;
    color: #fff;
}

.recently-aired-banner__secondary[b-z5b0asq7a7] {
    border: 1px solid rgba(31, 122, 118, 0.35);
    border-radius: 999px;
    padding: 0.5rem 0.95rem;
    font-weight: 600;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.65);
    color: var(--brand-ink);
}

.recently-aired-banner__secondary:hover:not(:disabled)[b-z5b0asq7a7] {
    background: #fff;
}

.recently-aired-banner__secondary--link[b-z5b0asq7a7] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.recently-aired-banner__secondary--link:hover[b-z5b0asq7a7] {
    color: var(--brand-ink);
}

.recently-aired-banner__secondary:disabled[b-z5b0asq7a7],
.recently-aired-banner__dismiss:disabled[b-z5b0asq7a7] {
    opacity: 0.6;
    cursor: not-allowed;
}

.recently-aired-banner__dismiss[b-z5b0asq7a7] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--ink-muted);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.recently-aired-banner__dismiss:hover:not(:disabled)[b-z5b0asq7a7] {
    color: var(--ink-strong);
}

@media (max-width: 640px) {
    .recently-aired-banner__inner[b-z5b0asq7a7] {
        padding-inline: 0.85rem;
    }

    .recently-aired-banner__actions[b-z5b0asq7a7] {
        width: 100%;
    }
}
/* /Components/ReturnsSoonBanner.razor.rz.scp.css */
.recently-aired-banner[b-c8y6k4eimb] {
    margin: 0 0 1.25rem;
    border-radius: 10px;
    border: 1px solid rgba(31, 122, 118, 0.28);
    background: linear-gradient(90deg, rgba(31, 122, 118, 0.1), rgba(227, 146, 43, 0.12));
}

.recently-aired-banner__inner[b-c8y6k4eimb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1.25rem;
    padding: 0.85rem 1rem;
}

.recently-aired-banner__copy[b-c8y6k4eimb] {
    flex: 1 1 16rem;
    min-width: 0;
}

.recently-aired-banner__eyebrow[b-c8y6k4eimb] {
    margin: 0 0 0.15rem;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--brand-cool);
}

.recently-aired-banner__headline[b-c8y6k4eimb] {
    margin: 0;
    font-family: "Space Grotesk", "Outfit", sans-serif;
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--brand-ink);
}

.recently-aired-banner__actions[b-c8y6k4eimb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.75rem;
}

.recently-aired-banner__cta[b-c8y6k4eimb] {
    border-radius: 999px;
    padding: 0.55rem 1.05rem;
    font-weight: 600;
    text-decoration: none;
    background: var(--brand-cool);
    color: #fff;
    box-shadow: var(--shadow-soft);
}

.recently-aired-banner__cta:hover[b-c8y6k4eimb] {
    background: #196864;
    color: #fff;
}

.recently-aired-banner__secondary[b-c8y6k4eimb] {
    border: 1px solid rgba(31, 122, 118, 0.35);
    border-radius: 999px;
    padding: 0.5rem 0.95rem;
    font-weight: 600;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.65);
    color: var(--brand-ink);
}

.recently-aired-banner__secondary:hover:not(:disabled)[b-c8y6k4eimb] {
    background: #fff;
}

.recently-aired-banner__secondary--link[b-c8y6k4eimb] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.recently-aired-banner__secondary--link:hover[b-c8y6k4eimb] {
    color: var(--brand-ink);
}

.recently-aired-banner__secondary:disabled[b-c8y6k4eimb],
.recently-aired-banner__dismiss:disabled[b-c8y6k4eimb] {
    opacity: 0.6;
    cursor: not-allowed;
}

.recently-aired-banner__dismiss[b-c8y6k4eimb] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--ink-muted);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.recently-aired-banner__dismiss:hover:not(:disabled)[b-c8y6k4eimb] {
    color: var(--ink-strong);
}

@media (max-width: 640px) {
    .recently-aired-banner__inner[b-c8y6k4eimb] {
        padding-inline: 0.85rem;
    }

    .recently-aired-banner__actions[b-c8y6k4eimb] {
        width: 100%;
    }
}
/* /Components/RewatchSessionPromptBanner.razor.rz.scp.css */
.rewatch-session-prompt[b-jt4ekhz363] {
    margin: 0 0 1rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: rgba(255, 193, 7, 0.12);
    border: 1px solid rgba(255, 193, 7, 0.45);
    font-size: 0.92rem;
}

.rewatch-session-prompt__msg[b-jt4ekhz363] {
    margin: 0 0 0.65rem;
    line-height: 1.45;
    color: #333;
}

.rewatch-session-prompt__actions[b-jt4ekhz363] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.75rem;
    align-items: center;
}

.rewatch-session-prompt__cta[b-jt4ekhz363] {
    padding: 0.35rem 0.85rem;
    border: none;
    border-radius: 8px;
    background: #4361ee;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
}

.rewatch-session-prompt__cta:hover[b-jt4ekhz363] {
    background: #3651d4;
}

.rewatch-session-prompt__secondary[b-jt4ekhz363] {
    padding: 0.35rem 0.75rem;
    border: 1px solid rgba(67, 97, 238, 0.45);
    border-radius: 8px;
    background: transparent;
    color: #4361ee;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
}

.rewatch-session-prompt__secondary:disabled[b-jt4ekhz363] {
    opacity: 0.6;
    cursor: not-allowed;
}

.rewatch-session-prompt__dismiss[b-jt4ekhz363] {
    border: none;
    background: transparent;
    color: #666;
    font-size: 0.85rem;
    cursor: pointer;
    text-decoration: underline;
}
/* /Components/SignInModal.razor.rz.scp.css */
.auth-btn.sign-in-modal__provider[b-2c6iw5btkc] {
    width: 100%;
    justify-content: flex-start;
    min-height: 2.75rem;
    max-width: none;
}

.auth-btn.sign-in-modal__guest[b-2c6iw5btkc] {
    width: 100%;
    justify-content: center;
    min-height: 2.5rem;
    max-width: none;
    background: transparent;
    color: var(--ink-muted, #6b7b7a);
    border: 1px solid var(--border-soft, #e0e7e6);
}

/* Hosted at app-shell root (sibling of sticky header) so z-index is not trapped. */
.sign-in-backdrop[b-2c6iw5btkc] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top, 0px))
        max(1rem, env(safe-area-inset-right, 0px))
        max(1.25rem, env(safe-area-inset-bottom, 0px))
        max(1rem, env(safe-area-inset-left, 0px));
    box-sizing: border-box;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.55);
    outline: none;
}

.sign-in-modal[b-2c6iw5btkc] {
    width: 100%;
    max-width: 24rem;
    max-height: min(28rem, 90vh);
    min-height: 0;
    flex: 0 1 auto;
    margin: auto;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-soft, #e0e7e6);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    isolation: isolate;
}

.sign-in-modal__header[b-2c6iw5btkc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.15rem 1.15rem 0.5rem 1.25rem;
    border-bottom: 1px solid var(--border-soft, #e0e7e6);
    background: var(--card-bg, #fff);
}

.sign-in-modal__title[b-2c6iw5btkc] {
    margin: 0 0 0.25rem 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--brand-ink, #1f7a76);
}

.sign-in-modal__subtitle[b-2c6iw5btkc] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--ink-muted, #6b7b7a);
    line-height: 1.45;
}

.sign-in-modal__close[b-2c6iw5btkc] {
    flex-shrink: 0;
    background: none;
    border: none;
    color: var(--ink-muted, #6b7b7a);
    cursor: pointer;
    padding: 0.35rem;
    border-radius: 8px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease;
}

.sign-in-modal__close:hover[b-2c6iw5btkc] {
    background: var(--border-soft, #e0e7e6);
    color: var(--brand-ink, #1f7a76);
}

.sign-in-modal__close:focus-visible[b-2c6iw5btkc] {
    outline: 2px solid var(--brand-cool, #2a948f);
    outline-offset: 2px;
}

.sign-in-modal__body[b-2c6iw5btkc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.15rem 1.25rem 1.3rem 1.25rem;
    background: var(--card-bg, #fff);
}

.sign-in-modal__legal[b-2c6iw5btkc] {
    margin: 0.65rem 0 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--ink-muted, #6b7b7a);
    text-align: center;
}

.sign-in-modal__legal a[b-2c6iw5btkc] {
    font-weight: 600;
    color: var(--brand-cool, #2a948f);
}

@media (max-width: 640px) {
    .sign-in-backdrop[b-2c6iw5btkc] {
        align-items: center;
        justify-content: center;
    }

    .sign-in-modal[b-2c6iw5btkc] {
        max-height: min(24rem, 88vh);
    }
}
/* /Components/StreakEmailOptInBanner.razor.rz.scp.css */
.streak-email-opt-in-banner[b-bro72igzh7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 0.75rem;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid rgba(31, 122, 118, 0.28);
    background: rgba(31, 122, 118, 0.1);
    color: var(--brand-ink, #0d1f1e);
}

.streak-email-opt-in-banner__msg[b-bro72igzh7] {
    flex: 1 1 12rem;
    font-size: 0.95rem;
    line-height: 1.35;
}

.streak-email-opt-in-banner__cta[b-bro72igzh7] {
    border: none;
    border-radius: 6px;
    padding: 0.35rem 0.85rem;
    font-weight: 600;
    cursor: pointer;
    background: var(--brand-cool, #1f7a76);
    color: #fff;
}

.streak-email-opt-in-banner__cta:hover[b-bro72igzh7] {
    filter: brightness(0.92);
}

.streak-email-opt-in-banner__dismiss[b-bro72igzh7] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    padding: 0.2rem 0.35rem;
    color: inherit;
    opacity: 0.7;
}

.streak-email-opt-in-banner__dismiss:hover[b-bro72igzh7] {
    opacity: 1;
}
/* /Components/Top5ListHeroCard.razor.rz.scp.css */
.top5-hero-card[b-vtmj8paua4] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.top5-hero-card-header[b-vtmj8paua4] {
    padding: 1rem;
    display: flex;
    align-items: center;
    height: 60px;
    box-sizing: border-box;
    color: #fff;
    background: linear-gradient(120deg, var(--brand-ink, #1a2b3c) 0%, var(--brand-cool, #1f7a76) 100%);
}

.top5-hero-header-badge[b-vtmj8paua4] {
    font-size: 1.1rem;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    line-height: 1.2;
}

.top5-hero-card-body[b-vtmj8paua4] {
    padding: 1.25rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
}

.top5-hero-title[b-vtmj8paua4] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ink-strong);
}

.top5-hero-description[b-vtmj8paua4] {
    margin: 0;
    color: var(--ink-strong);
    line-height: 1.55;
    font-size: 0.95rem;
}

.top5-hero-description--muted[b-vtmj8paua4] {
    color: var(--ink-muted);
    font-style: italic;
}

.top5-hero-byline[b-vtmj8paua4] {
    margin: 0;
    font-size: 0.92rem;
    color: var(--ink-muted);
}

.top5-hero-profile-link[b-vtmj8paua4] {
    color: var(--brand-cool, #1f7a76);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.top5-hero-profile-link:hover[b-vtmj8paua4] {
    color: var(--ink-strong);
}

.top5-hero-footer[b-vtmj8paua4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-top: auto;
    padding-top: 0.25rem;
}
/* /Components/UserGamificationSummaryView.razor.rz.scp.css */
.audit-gamification-cell[b-mdb1z6je6y] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 8rem;
}

.audit-gamification-rank[b-mdb1z6je6y] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.audit-gamification-rank-title[b-mdb1z6je6y] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--ink-strong);
}

.audit-gamification-badges[b-mdb1z6je6y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.audit-gamification-badge[b-mdb1z6je6y] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    background: rgba(31, 122, 118, 0.12);
    color: rgb(18, 63, 58);
    border: 1px solid rgba(31, 122, 118, 0.28);
}

.audit-gamification-empty[b-mdb1z6je6y] {
    color: var(--ink-muted);
}
/* /Components/WatchNextContinueHero.razor.rz.scp.css */
.watch-next-continue-hero[b-06eivft3vy] {
    margin: 0 0 1.25rem;
    padding: 1rem 1.15rem;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(67, 97, 238, 0.12) 0%, rgba(67, 97, 238, 0.04) 100%);
    border: 1px solid rgba(67, 97, 238, 0.28);
}

.watch-next-continue-hero__eyebrow[b-06eivft3vy] {
    margin: 0 0 0.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #4361ee;
}

.watch-next-continue-hero__main[b-06eivft3vy] {
    margin-bottom: 0.75rem;
}

.watch-next-continue-hero__title[b-06eivft3vy] {
    display: block;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--brand-ink, #1a1a2e);
    text-decoration: none;
    line-height: 1.35;
}

.watch-next-continue-hero__title:hover[b-06eivft3vy] {
    color: #4361ee;
}

.watch-next-continue-hero__code[b-06eivft3vy] {
    margin-right: 0.35rem;
    font-weight: 600;
    color: #4361ee;
}

.watch-next-continue-hero__series[b-06eivft3vy] {
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
    color: #555;
}

.watch-next-continue-hero__empty[b-06eivft3vy] {
    margin: 0 0 0.75rem;
    font-size: 0.95rem;
    line-height: 1.45;
    color: #333;
}

.watch-next-continue-hero__actions[b-06eivft3vy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    align-items: center;
}

.watch-next-continue-hero__cta[b-06eivft3vy] {
    display: inline-block;
    padding: 0.45rem 0.95rem;
    border-radius: 8px;
    background: #4361ee;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
}

.watch-next-continue-hero__cta:hover[b-06eivft3vy] {
    background: #3651d4;
    color: #fff;
}

.watch-next-continue-hero__secondary[b-06eivft3vy] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #4361ee;
    text-decoration: none;
}

.watch-next-continue-hero__secondary:hover[b-06eivft3vy] {
    text-decoration: underline;
}
/* /Components/WatchNextUpNextStrip.razor.rz.scp.css */
.watch-next-up-next[b-iv61lit2ml] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.85rem;
    margin: 0 0 1.25rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    background: rgba(67, 97, 238, 0.08);
    border: 1px solid rgba(67, 97, 238, 0.22);
    font-size: 0.92rem;
    color: var(--brand-ink, #1a1a2e);
}

.watch-next-up-next__label[b-iv61lit2ml] {
    font-weight: 700;
    color: #4361ee;
    white-space: nowrap;
}

.watch-next-up-next__body[b-iv61lit2ml] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
}

.watch-next-up-next__title[b-iv61lit2ml] {
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
}

.watch-next-up-next__title:hover[b-iv61lit2ml] {
    color: #4361ee;
}

.watch-next-up-next__series[b-iv61lit2ml] {
    font-size: 0.85rem;
    color: #666;
}

.watch-next-up-next__queue-link[b-iv61lit2ml] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #4361ee;
    text-decoration: none;
    white-space: nowrap;
}

.watch-next-up-next__queue-link:hover[b-iv61lit2ml] {
    text-decoration: underline;
}
/* /Components/WatchUndoBanner.razor.rz.scp.css */
.watch-undo-banner[b-wkyij9eclo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 0.75rem;
    margin-top: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 8px;
    background: rgba(34, 139, 34, 0.12);
    border: 1px solid rgba(34, 139, 34, 0.35);
    color: #0d1f0d;
}

.watch-undo-banner__msg[b-wkyij9eclo] {
    flex: 1 1 12rem;
    font-size: 0.95rem;
    line-height: 1.35;
}

.watch-undo-banner__undo[b-wkyij9eclo] {
    border: none;
    border-radius: 6px;
    padding: 0.35rem 0.85rem;
    font-weight: 600;
    cursor: pointer;
    background: #1a5f1a;
    color: #fff;
}

.watch-undo-banner__undo:hover[b-wkyij9eclo] {
    background: #144814;
}

.watch-undo-banner__dismiss[b-wkyij9eclo] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    padding: 0.2rem 0.35rem;
    color: #333;
    opacity: 0.7;
}

.watch-undo-banner__dismiss:hover[b-wkyij9eclo] {
    opacity: 1;
}
/* /Pages/Account.razor.rz.scp.css */
.account-hub[b-ftjsm832hj] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 1.25rem 2.5rem;
}

.account-hub__guest-actions[b-ftjsm832hj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 1.25rem;
}

.account-hub__sections[b-ftjsm832hj] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 42rem;
}

.account-hub__card[b-ftjsm832hj] {
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.5rem 1.75rem;
}

.account-hub__heading[b-ftjsm832hj] {
    margin: 0 0 0.75rem;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--ink-strong);
}

.account-hub__lead[b-ftjsm832hj] {
    margin: 0 0 1rem;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.6;
}

.account-hub__hint[b-ftjsm832hj] {
    margin: 0.75rem 0 0;
    color: var(--ink-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.account-hub__dl[b-ftjsm832hj] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.account-hub__dl-row[b-ftjsm832hj] {
    display: grid;
    grid-template-columns: minmax(8rem, 10rem) 1fr;
    gap: 0.5rem 1rem;
}

.account-hub__dl-row dt[b-ftjsm832hj] {
    margin: 0;
    font-weight: 600;
    color: var(--ink-strong);
    font-size: 0.9rem;
}

.account-hub__dl-row dd[b-ftjsm832hj] {
    margin: 0;
    color: var(--ink);
    font-size: 0.95rem;
    word-break: break-word;
}

.account-hub__actions[b-ftjsm832hj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.account-hub__confirm[b-ftjsm832hj] {
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    background: color-mix(in srgb, var(--card-bg) 88%, var(--ink-muted));
}

.account-hub__confirm-title[b-ftjsm832hj] {
    margin: 0;
    font-weight: 600;
    color: var(--ink-strong);
}

.account-hub__profile-link[b-ftjsm832hj] {
    margin: 0;
    font-size: 1rem;
}

.account-hub__list[b-ftjsm832hj] {
    margin: 0;
    padding-left: 1.2rem;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

.account-hub__list li + li[b-ftjsm832hj] {
    margin-top: 0.65rem;
}

.account-hub__list--links[b-ftjsm832hj] {
    padding-left: 1.2rem;
}

.account-hub__text-btn[b-ftjsm832hj] {
    margin-left: 0.35rem;
    padding: 0;
    border: none;
    background: none;
    color: var(--link, #0b5fff);
    text-decoration: underline;
    cursor: pointer;
    font: inherit;
}

@media (max-width: 520px) {
    .account-hub__dl-row[b-ftjsm832hj] {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }
}
/* /Pages/AuthDiagnostics.razor.rz.scp.css */
.auth-diag-container[b-5bc8onnwpj] {
    max-width: var(--page-max-width);
    margin: 0 auto;
}

.auth-diag-loading[b-5bc8onnwpj] {
    padding: 1rem;
    border-radius: 8px;
    background: rgba(31, 122, 118, 0.08);
    border: 1px solid rgba(31, 122, 118, 0.18);
    color: var(--ink-strong);
    font-weight: 600;
}

.auth-diag-section[b-5bc8onnwpj] {
    margin: 1.5rem 0;
    padding: 1.25rem 1.5rem;
    border-radius: 12px;
    border: 1px solid var(--border-soft);
    background: var(--surface-card, #fff);
}

.auth-diag-section h2[b-5bc8onnwpj] {
    margin-top: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink-strong);
}

.auth-diag-check[b-5bc8onnwpj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.9rem;
    border-radius: 8px;
    margin: 0.4rem 0;
    font-size: 0.95rem;
}

.auth-diag-ok[b-5bc8onnwpj] {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.3);
    color: #1a5e30;
}

.auth-diag-fail[b-5bc8onnwpj] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: #7a1020;
}

.auth-diag-warn[b-5bc8onnwpj] {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    color: #5a4000;
}

.auth-diag-action[b-5bc8onnwpj] {
    margin-top: 0.75rem;
}
/* /Pages/CollectionDetail.razor.rz.scp.css */
.collection-detail-container[b-dcy2kdcp1q] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.collection-detail-container .page-header[b-dcy2kdcp1q]  .breadcrumb-nav {
    margin-bottom: 0.75rem;
}

.collection-intro[b-dcy2kdcp1q] {
    max-width: 42rem;
}

.collection-queue-action[b-dcy2kdcp1q] {
    margin: 0 0 1.5rem;
}

.collection-queue-feedback[b-dcy2kdcp1q] {
    margin: 0 0 1rem;
    padding: 0.65rem 1rem;
    border-radius: 8px;
    background: rgba(31, 122, 118, 0.1);
    border: 1px solid rgba(31, 122, 118, 0.25);
    font-size: 0.92rem;
}

.collection-queue-feedback--err[b-dcy2kdcp1q] {
    background: rgba(220, 53, 69, 0.08);
    border-color: rgba(220, 53, 69, 0.3);
}

.collection-section-title[b-dcy2kdcp1q] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 2rem 0 1rem;
}

.collection-picks-list[b-dcy2kdcp1q] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.collection-pick-item[b-dcy2kdcp1q] {
    display: flex;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #eee;
}

.collection-pick-order[b-dcy2kdcp1q] {
    font-weight: 700;
    color: #4361ee;
    min-width: 1.5rem;
}

.collection-pick-title[b-dcy2kdcp1q] {
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
}

.collection-pick-title:hover[b-dcy2kdcp1q] {
    color: #4361ee;
}

.collection-pick-unresolved[b-dcy2kdcp1q] {
    color: #666;
}

.collection-pick-series[b-dcy2kdcp1q] {
    display: block;
    font-size: 0.85rem;
    color: #888;
    margin-top: 0.15rem;
}

.collection-pick-note[b-dcy2kdcp1q] {
    margin: 0.35rem 0 0;
    font-size: 0.9rem;
    color: #555;
    line-height: 1.45;
}

.stats-row[b-dcy2kdcp1q] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-dcy2kdcp1q] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    text-align: center;
}

.stat-value[b-dcy2kdcp1q] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #4361ee;
}

.stat-label[b-dcy2kdcp1q] {
    font-size: 0.85rem;
    color: #666;
    margin-top: 0.25rem;
}

.load-more-trigger[b-dcy2kdcp1q] {
    height: 1px;
    margin: 2rem 0;
}

.end-message[b-dcy2kdcp1q] {
    text-align: center;
    padding: 2rem;
    color: #666;
}

.loading-indicator[b-dcy2kdcp1q] {
    text-align: center;
    padding: 2rem;
    color: #666;
}

.empty-state[b-dcy2kdcp1q] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-state-compact[b-dcy2kdcp1q] {
    padding: 1.5rem 1rem;
}

.empty-state-icon[b-dcy2kdcp1q] {
    font-size: 3rem;
}

.empty-state-title[b-dcy2kdcp1q] {
    margin: 1rem 0 0.5rem;
}

.empty-state-message[b-dcy2kdcp1q] {
    color: #666;
}

.empty-state-actions[b-dcy2kdcp1q] {
    margin-top: 1.5rem;
}

/* /Pages/Collections.razor.rz.scp.css */
.collections-container[b-ltbcbp15bp] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.collections-container .page-header[b-ltbcbp15bp]  .breadcrumb-nav {
    margin-bottom: 0.75rem;
}

.collections-grid[b-ltbcbp15bp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .collections-grid[b-ltbcbp15bp] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (min-width: 1025px) {
    .collections-grid[b-ltbcbp15bp] {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
}

.collection-card[b-ltbcbp15bp] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s, border-color 0.2s, transform 0.1s;
    cursor: pointer;
}

.collection-card:hover[b-ltbcbp15bp] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-color: #4361ee;
    transform: translateY(-2px);
    text-decoration: none;
    color: inherit;
}

.collection-card-icon[b-ltbcbp15bp] {
    font-size: 2.5rem;
    flex-shrink: 0;
}

.collection-card-content[b-ltbcbp15bp] {
    flex: 1;
    min-width: 0;
}

.collection-card-title[b-ltbcbp15bp] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
    color: #1a1a1a;
}

.collection-card-mode[b-ltbcbp15bp] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #4361ee;
    margin: 0 0 0.35rem;
}

.collection-card-description[b-ltbcbp15bp] {
    font-size: 0.9rem;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

.collection-card-arrow[b-ltbcbp15bp] {
    font-size: 1.2rem;
    color: #4361ee;
    flex-shrink: 0;
    margin-top: 0.25rem;
}
/* /Pages/DoNotTrack.razor.rz.scp.css */
.dnt-container[b-1pl1xujp6s] {
    max-width: var(--page-max-width);
    margin: 0 auto;
}

.dnt-card[b-1pl1xujp6s] {
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.dnt-info-title[b-1pl1xujp6s] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink-strong);
    margin: 0 0 0.5rem 0;
}

.dnt-info-text[b-1pl1xujp6s] {
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

.dnt-info-text code[b-1pl1xujp6s] {
    font-family: "Consolas", "Courier New", monospace;
    background: rgba(31, 122, 118, 0.1);
    padding: 0.1em 0.35em;
    border-radius: 4px;
    font-size: 0.9em;
}

.dnt-status-row[b-1pl1xujp6s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dnt-status-label[b-1pl1xujp6s] {
    font-weight: 600;
    color: var(--ink-strong);
    font-size: 0.95rem;
}

.dnt-badge[b-1pl1xujp6s] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.dnt-badge-enabled[b-1pl1xujp6s] {
    background: #d1e7dd;
    color: #0f5132;
}

.dnt-badge-disabled[b-1pl1xujp6s] {
    background: #f8d7da;
    color: #842029;
}

.dnt-badge-loading[b-1pl1xujp6s] {
    background: #e9ecef;
    color: #495057;
}

.dnt-actions[b-1pl1xujp6s] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

@media (max-width: 480px) {
    .dnt-card[b-1pl1xujp6s] {
        padding: 1.25rem;
    }
}
/* /Pages/EditCollection.razor.rz.scp.css */
.collection-admin-container[b-kz1olexnbx] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.collection-form[b-kz1olexnbx] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 1.5rem;
}

.collection-admin-container .page-header[b-kz1olexnbx]  .breadcrumb-nav {
    margin-bottom: 0.5rem;
}

.form-section[b-kz1olexnbx] {
    border: 1px solid #e8e8ee;
    border-radius: 10px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.form-section legend[b-kz1olexnbx] {
    padding: 0 0.5rem;
    font-weight: 600;
    color: #1f7a76;
}

.form-checkbox[b-kz1olexnbx] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: 600;
}

.form-checkbox input[b-kz1olexnbx] {
    width: 1.1rem;
    height: 1.1rem;
}

.pick-search-results[b-kz1olexnbx] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
}

.pick-search-result[b-kz1olexnbx] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    width: 100%;
    padding: 0.6rem 0.85rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid #f3f3f7;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.pick-search-result:last-child[b-kz1olexnbx] {
    border-bottom: none;
}

.pick-search-result:hover[b-kz1olexnbx] {
    background: rgba(67, 97, 238, 0.08);
}

.pick-search-result__title[b-kz1olexnbx] {
    font-weight: 600;
    color: #1a1a1a;
}

.pick-search-result__meta[b-kz1olexnbx] {
    font-size: 0.85rem;
    color: #666;
}

.picks-list[b-kz1olexnbx] {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: pick;
}

.pick-row[b-kz1olexnbx] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e8e8ee;
    border-radius: 10px;
    margin-bottom: 0.75rem;
    background: #fafbff;
}

.pick-row__order[b-kz1olexnbx] {
    font-weight: 700;
    font-size: 1.25rem;
    color: #4361ee;
    align-self: start;
    min-width: 2rem;
}

.pick-row__body[b-kz1olexnbx] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.pick-row__title[b-kz1olexnbx] {
    font-weight: 600;
    color: #1a1a1a;
}

.pick-row__meta[b-kz1olexnbx] {
    font-size: 0.85rem;
    color: #666;
}

.pick-row__actions[b-kz1olexnbx] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    align-self: start;
}

.pick-row__actions button[b-kz1olexnbx] {
    padding: 0.3rem 0.6rem;
    font-size: 0.9rem;
    min-width: 2.25rem;
}

.empty-state[b-kz1olexnbx] {
    margin-top: 0.5rem;
    padding: 1rem;
    background: #fff;
    border: 1px dashed #c0c0c0;
    border-radius: 10px;
    text-align: center;
    color: #555;
}

.loading-container[b-kz1olexnbx] {
    text-align: center;
    padding: 3rem 1rem;
    color: #555;
}

.loading-spinner[b-kz1olexnbx] {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 3px solid #d0d0d0;
    border-top-color: #4361ee;
    border-radius: 50%;
    animation: spin-b-kz1olexnbx 0.8s linear infinite;
    margin-bottom: 0.75rem;
}

@keyframes spin-b-kz1olexnbx {
    to { transform: rotate(360deg); }
}
/* /Pages/EditEpisode.razor.rz.scp.css */
.tag-collections-preview[b-2g8omom55b] {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f7f9ff;
    border: 1px solid #d6e0ff;
    border-radius: 8px;
}

.tag-collections-preview__heading[b-2g8omom55b] {
    margin: 0 0 0.5rem;
    font-weight: 600;
    color: #1f7a76;
    font-size: 0.9rem;
}

.tag-collections-preview__list[b-2g8omom55b] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.9rem;
}

.tag-collections-preview__list li code[b-2g8omom55b] {
    background: rgba(67, 97, 238, 0.1);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    color: #2b3a8a;
    margin-right: 0.4rem;
}

.tag-collections-preview__none[b-2g8omom55b] {
    color: #777;
    font-style: italic;
}

.tag-collections-preview__matches a[b-2g8omom55b] {
    color: #4361ee;
    text-decoration: none;
}

.tag-collections-preview__matches a:hover[b-2g8omom55b] {
    text-decoration: underline;
}
/* /Pages/EditWatchHistory.razor.rz.scp.css */
.edit-watch-history-container[b-il28etmulh] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.edit-watch-history-container .header-content[b-il28etmulh] {
    text-align: center;
}

.watch-history-content[b-il28etmulh] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.no-history[b-il28etmulh] {
    text-align: center;
    padding: 3rem;
}

.no-history p[b-il28etmulh] {
    font-size: 1.2rem;
    color: #666;
    margin-bottom: 1.5rem;
}

.history-stats[b-il28etmulh] {
    display: flex;
    gap: 2rem;
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.history-stats .stat-item[b-il28etmulh] {
    display: flex;
    flex-direction: column;
}

.history-stats .stat-label[b-il28etmulh] {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 0.25rem;
}

.history-stats .stat-value[b-il28etmulh] {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
}

.watch-history-list[b-il28etmulh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.watch-history-item[b-il28etmulh] {
    padding: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    transition: box-shadow 0.2s;
}

.watch-history-item:hover[b-il28etmulh] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.watch-info[b-il28etmulh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.watch-date[b-il28etmulh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.date-icon[b-il28etmulh] {
    font-size: 1.2rem;
}

.date-text[b-il28etmulh] {
    font-size: 1rem;
    font-weight: 500;
    color: #333;
}

.edit-form[b-il28etmulh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-il28etmulh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group label[b-il28etmulh] {
    font-weight: 500;
    color: #555;
}

.form-input[b-il28etmulh] {
    padding: 0.5rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
}

.action-buttons[b-il28etmulh] {
    display: flex;
    gap: 0.5rem;
}

.bottom-actions[b-il28etmulh] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .edit-watch-history-container[b-il28etmulh] {
        padding: 1rem;
    }

    .history-stats[b-il28etmulh] {
        flex-direction: column;
        gap: 1rem;
    }

    .watch-info[b-il28etmulh] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .action-buttons[b-il28etmulh] {
        width: 100%;
    }

    .action-buttons button[b-il28etmulh] {
        flex: 1;
    }
}

/* /Pages/EmailPreferences.razor.rz.scp.css */
.email-prefs-container[b-xpvedwxss3] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 1.25rem 2.5rem;
}

.email-prefs-card[b-xpvedwxss3] {
    max-width: 42rem;
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 2rem 2.25rem;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.email-prefs-field[b-xpvedwxss3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 1.75rem;
    margin-bottom: 1.75rem;
    border-bottom: 1px solid var(--border-soft);
}

.email-prefs-label[b-xpvedwxss3] {
    font-weight: 600;
    color: var(--ink-strong);
    font-size: 0.95rem;
}

.email-prefs-input[b-xpvedwxss3] {
    width: 100%;
    max-width: 100%;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    font-size: 1rem;
    line-height: 1.4;
}

.email-prefs-hint[b-xpvedwxss3] {
    margin: 0.15rem 0 0;
    font-size: 0.85rem;
    color: var(--ink-muted);
    line-height: 1.45;
}

.email-prefs-error[b-xpvedwxss3] {
    margin: 0.25rem 0 0;
    color: #842029;
    font-size: 0.9rem;
    line-height: 1.45;
}

.email-prefs-toggles[b-xpvedwxss3] {
    border: none;
    margin: 0;
    padding: 0 0 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.email-prefs-legend[b-xpvedwxss3] {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--ink-strong);
    padding: 0;
    margin: 0 0 0.35rem;
}

.email-prefs-lead[b-xpvedwxss3] {
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    max-width: 36rem;
}

.email-prefs-toggle[b-xpvedwxss3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.25rem;
    padding: 0.9rem 1rem;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--ink-strong);
    background: rgba(31, 122, 118, 0.04);
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    cursor: pointer;
}

.email-prefs-toggle--disabled[b-xpvedwxss3] {
    opacity: 0.55;
    cursor: not-allowed;
}

.email-prefs-actions[b-xpvedwxss3] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-top: 1.75rem;
    border-top: 1px solid var(--border-soft);
}

.email-prefs-card > .ea-alert[b-xpvedwxss3] {
    margin-top: 1.25rem;
}

.email-prefs-card > .ea-alert + .ea-alert[b-xpvedwxss3] {
    margin-top: 0.75rem;
}

.email-prefs-actions ~ .email-prefs-hint[b-xpvedwxss3] {
    margin-top: 1rem;
}

@media (max-width: 480px) {
    .email-prefs-container[b-xpvedwxss3] {
        padding: 0 1rem 2rem;
    }

    .email-prefs-card[b-xpvedwxss3] {
        padding: 1.5rem 1.25rem;
    }

    .email-prefs-field[b-xpvedwxss3] {
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .email-prefs-toggles[b-xpvedwxss3] {
        padding-bottom: 1.5rem;
    }

    .email-prefs-actions[b-xpvedwxss3] {
        padding-top: 1.5rem;
    }
}
/* /Pages/Help.razor.rz.scp.css */
.legal-doc-container[b-52vs8hgxmu] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 1.25rem 2.5rem;
}

.legal-doc-card[b-52vs8hgxmu] {
    max-width: 46rem;
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.75rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

.legal-doc-disclaimer[b-52vs8hgxmu] {
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 8px;
    background: rgba(227, 146, 43, 0.12);
    border: 1px solid rgba(227, 146, 43, 0.35);
    color: var(--ink-strong);
    font-size: 0.92rem;
    line-height: 1.5;
}

.legal-doc-section-title[b-52vs8hgxmu] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink-strong);
    margin: 0 0 0.5rem 0;
}

.legal-doc-text[b-52vs8hgxmu],
.legal-doc-list[b-52vs8hgxmu] {
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

.legal-doc-list[b-52vs8hgxmu] {
    padding-left: 1.25rem;
}

.legal-doc-list li + li[b-52vs8hgxmu] {
    margin-top: 0.4rem;
}

.legal-doc-text a[b-52vs8hgxmu],
.legal-doc-list a[b-52vs8hgxmu] {
    font-weight: 600;
}

.help-toc[b-52vs8hgxmu] {
    margin: 0;
    padding-left: 1.25rem;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

.help-toc li + li[b-52vs8hgxmu] {
    margin-top: 0.25rem;
}

.help-toc a[b-52vs8hgxmu] {
    font-weight: 600;
}

@media (max-width: 480px) {
    .legal-doc-card[b-52vs8hgxmu] {
        padding: 1.25rem;
    }
}
/* /Pages/ManageCollections.razor.rz.scp.css */
.collection-admin-container[b-uozquzizfx] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.page-header[b-uozquzizfx] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.header-actions[b-uozquzizfx] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.admin-collections-table-wrap[b-uozquzizfx] {
    overflow-x: auto;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    background: #fff;
}

.admin-collections-table[b-uozquzizfx] {
    width: 100%;
    border-collapse: collapse;
}

.admin-collections-table th[b-uozquzizfx],
.admin-collections-table td[b-uozquzizfx] {
    text-align: left;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.admin-collections-table thead[b-uozquzizfx] {
    background: #f7f7fa;
}

.admin-collections-table th[b-uozquzizfx] {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #555;
}

.admin-collections-table tbody tr:last-child td[b-uozquzizfx] {
    border-bottom: none;
}

.collection-row-icon[b-uozquzizfx] {
    font-size: 1.25rem;
    margin-right: 0.5rem;
}

.collection-row-title[b-uozquzizfx] {
    font-weight: 600;
}

.status-badge[b-uozquzizfx] {
    display: inline-block;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.status-badge--published[b-uozquzizfx] {
    background: rgba(34, 139, 34, 0.12);
    color: #1f7a1f;
}

.status-badge--draft[b-uozquzizfx] {
    background: rgba(180, 100, 0, 0.12);
    color: #a05400;
}

.row-actions[b-uozquzizfx] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.row-actions .ea-btn-secondary[b-uozquzizfx],
.row-actions .ea-btn-delete[b-uozquzizfx] {
    padding: 0.35rem 0.8rem;
    font-size: 0.85rem;
    text-decoration: none;
    display: inline-block;
}

.empty-state[b-uozquzizfx] {
    margin-top: 2rem;
    padding: 2rem;
    background: #fff;
    border: 1px dashed #c0c0c0;
    border-radius: 12px;
    text-align: center;
    color: #555;
}

.loading-container[b-uozquzizfx] {
    text-align: center;
    padding: 3rem 1rem;
    color: #555;
}

.loading-spinner[b-uozquzizfx] {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 3px solid #d0d0d0;
    border-top-color: #4361ee;
    border-radius: 50%;
    animation: spin-b-uozquzizfx 0.8s linear infinite;
    margin-bottom: 0.75rem;
}

@keyframes spin-b-uozquzizfx {
    to { transform: rotate(360deg); }
}
/* /Pages/OnThisDay.razor.rz.scp.css */
.on-this-day-container[b-ta41yr2q4i] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.page-header[b-ta41yr2q4i] {
    margin-bottom: 2rem;
}

.page-title[b-ta41yr2q4i] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 0.5rem;
}

.page-subtitle[b-ta41yr2q4i] {
    color: #666;
    font-size: 1.1rem;
    margin: 0;
}

.filter-panel[b-ta41yr2q4i] {
    margin-bottom: 1.75rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--border-soft, #e0e0e0);
    border-radius: 12px;
    background: #fafbfc;
}

.filter-row[b-ta41yr2q4i] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.filter-group[b-ta41yr2q4i] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 8rem;
}

.filter-label[b-ta41yr2q4i] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #444;
}

.filter-select[b-ta41yr2q4i] {
    min-height: 2.4rem;
    padding: 0.4rem 0.65rem;
    border: 1px solid var(--border-soft, #e0e0e0);
    border-radius: 8px;
    background: #fff;
    color: #1a1a1a;
}

.btn-today[b-ta41yr2q4i] {
    min-height: 2.4rem;
    padding: 0.45rem 1rem;
    border: 1px solid var(--brand-cool, #1f7a76);
    border-radius: 8px;
    background: rgba(31, 122, 118, 0.1);
    color: var(--brand-cool, #1f7a76);
    font-weight: 600;
    cursor: pointer;
}

.btn-today:disabled[b-ta41yr2q4i] {
    opacity: 0.55;
    cursor: default;
}

.on-this-day-air-date[b-ta41yr2q4i] {
    margin: 0;
    font-size: 0.9rem;
    color: #555;
}

.on-this-day-empty[b-ta41yr2q4i],
.on-this-day-error[b-ta41yr2q4i] {
    padding: 1.5rem;
    border-radius: 12px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    color: #444;
}

.on-this-day-error[b-ta41yr2q4i] {
    border-color: #f5c6cb;
    background: #fdf2f2;
    color: #721c24;
}

.loading-indicator[b-ta41yr2q4i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem 1rem;
}

.loading-spinner[b-ta41yr2q4i] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid #e0e0e0;
    border-top-color: var(--brand-cool, #1f7a76);
    border-radius: 50%;
    animation: on-this-day-spin-b-ta41yr2q4i 0.8s linear infinite;
}

@keyframes on-this-day-spin-b-ta41yr2q4i {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .on-this-day-container[b-ta41yr2q4i] {
        padding: 1.25rem 1rem;
    }

    .filter-group[b-ta41yr2q4i] {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: 0;
    }

    .generate-group[b-ta41yr2q4i] {
        flex: 1 1 100%;
    }
}
/* /Pages/Privacy.razor.rz.scp.css */
.legal-doc-container[b-efbo34tx1e] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 1.25rem 2.5rem;
}

.legal-doc-card[b-efbo34tx1e] {
    max-width: 46rem;
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.75rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

.legal-doc-disclaimer[b-efbo34tx1e] {
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 8px;
    background: rgba(227, 146, 43, 0.12);
    border: 1px solid rgba(227, 146, 43, 0.35);
    color: var(--ink-strong);
    font-size: 0.92rem;
    line-height: 1.5;
}

.legal-doc-section-title[b-efbo34tx1e] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink-strong);
    margin: 0 0 0.5rem 0;
}

.legal-doc-text[b-efbo34tx1e],
.legal-doc-list[b-efbo34tx1e] {
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

.legal-doc-list[b-efbo34tx1e] {
    padding-left: 1.25rem;
}

.legal-doc-list li + li[b-efbo34tx1e] {
    margin-top: 0.4rem;
}

.legal-doc-text a[b-efbo34tx1e],
.legal-doc-list a[b-efbo34tx1e] {
    font-weight: 600;
}

@media (max-width: 480px) {
    .legal-doc-card[b-efbo34tx1e] {
        padding: 1.25rem;
    }
}
/* /Pages/RandomEpisode.razor.rz.scp.css */
.random-container[b-89affxtrp1] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.page-header[b-89affxtrp1] {
    margin-bottom: 2rem;
}

.page-title[b-89affxtrp1] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 0.5rem;
}

.page-subtitle[b-89affxtrp1] {
    color: #666;
    font-size: 1.1rem;
    margin: 0;
}

.onboarding-success[b-89affxtrp1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 1rem;
    margin-bottom: 1.25rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: rgba(34, 139, 34, 0.12);
    border: 1px solid rgba(34, 139, 34, 0.35);
    color: #0d1f0d;
}

.onboarding-success__msg[b-89affxtrp1] {
    flex: 1 1 14rem;
    font-size: 0.95rem;
    line-height: 1.4;
}

.onboarding-success__rank[b-89affxtrp1] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.onboarding-success__rank-title[b-89affxtrp1] {
    font-weight: 600;
    font-size: 0.9rem;
}

/* Filter panel */
.filter-panel[b-89affxtrp1] {
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.filter-fieldset[b-89affxtrp1] {
    border: 0;
    margin: 0 0 1.15rem;
    padding: 0;
    min-width: 0;
}

.filter-fieldset legend[b-89affxtrp1] {
    padding: 0;
    margin-bottom: 0.55rem;
}

.preset-row[b-89affxtrp1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.preset-chip[b-89affxtrp1] {
    border: 2px solid #e0e0e0;
    background: #fff;
    border-radius: 999px;
    padding: 0.4rem 0.9rem;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--ink-strong, #1a1a1a);
    cursor: pointer;
}

.preset-chip:hover:not(:disabled)[b-89affxtrp1] {
    border-color: var(--brand-cool, #1f7a76);
}

.preset-chip:focus-visible[b-89affxtrp1] {
    outline: none;
    border-color: var(--brand-cool, #1f7a76);
    box-shadow: 0 0 0 3px rgba(31, 122, 118, 0.15);
}

.preset-chip--active[b-89affxtrp1] {
    border-color: var(--brand-cool, #1f7a76);
    background: rgba(31, 122, 118, 0.12);
    color: var(--brand-ink, #123f3a);
}

.preset-chip:disabled[b-89affxtrp1] {
    opacity: 0.45;
    cursor: not-allowed;
}

.preset-hint[b-89affxtrp1],
.selection-summary[b-89affxtrp1] {
    margin: 0.65rem 0 0;
    font-size: 0.92rem;
    color: #555;
    line-height: 1.45;
}

.series-block[b-89affxtrp1] {
    margin-bottom: 1.15rem;
}

.series-toolbar[b-89affxtrp1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.55rem;
}

.series-clear[b-89affxtrp1] {
    border: 0;
    background: transparent;
    color: var(--brand-cool, #1f7a76);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.15rem 0.2rem;
}

.series-clear:hover:not(:disabled)[b-89affxtrp1] {
    text-decoration: underline;
}

.series-clear:disabled[b-89affxtrp1] {
    opacity: 0.45;
    cursor: not-allowed;
}

.series-check-grid[b-89affxtrp1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.series-check[b-89affxtrp1] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-size: 0.95rem;
    color: var(--ink-strong, #1a1a1a);
}

.series-check:has(input:checked)[b-89affxtrp1] {
    border-color: var(--brand-cool, #1f7a76);
    background: rgba(31, 122, 118, 0.1);
}

.series-check:has(input:focus-visible)[b-89affxtrp1] {
    box-shadow: 0 0 0 3px rgba(31, 122, 118, 0.15);
}

.series-check input[b-89affxtrp1] {
    accent-color: var(--brand-cool, #1f7a76);
}

.filter-row[b-89affxtrp1] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.filter-group[b-89affxtrp1] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.filter-group--disabled[b-89affxtrp1] {
    opacity: 0.55;
}

.filter-signin-hint[b-89affxtrp1] {
    font-size: 0.78rem;
    font-weight: 400;
    color: var(--ink-muted);
    margin-left: 0.25rem;
}

.filter-label[b-89affxtrp1] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.filter-select[b-89affxtrp1] {
    padding: 0.6rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    font-size: 1rem;
    cursor: pointer;
    transition: border-color 0.2s ease;
    min-width: 180px;
}

.filter-select:focus[b-89affxtrp1] {
    outline: none;
    border-color: var(--brand-cool, #1f7a76);
    box-shadow: 0 0 0 3px rgba(31, 122, 118, 0.15);
}

.generate-group[b-89affxtrp1] {
    justify-content: flex-end;
}

.btn-generate[b-89affxtrp1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem 1.75rem;
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.1s ease;
}

.btn-generate:hover:not(:disabled)[b-89affxtrp1] {
    opacity: 0.9;
    transform: translateY(-1px);
}

.btn-generate:active:not(:disabled)[b-89affxtrp1] {
    transform: translateY(0);
}

.btn-generate:disabled[b-89affxtrp1] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-spinner[b-89affxtrp1] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-89affxtrp1 0.7s linear infinite;
}

@keyframes spin-b-89affxtrp1 {
    to { transform: rotate(360deg); }
}

/* Error message */
.error-message[b-89affxtrp1] {
    background: #fff5f5;
    border: 1px solid #feb2b2;
    color: #c53030;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Result section */
.result-section[b-89affxtrp1] {
    animation: fadeIn-b-89affxtrp1 0.4s ease;
    max-width: 480px;
    margin: 0 auto;
}

@keyframes fadeIn-b-89affxtrp1 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.result-label[b-89affxtrp1] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 1rem;
}

.episode-card-wrapper[b-89affxtrp1] {
    width: 100%;
}

.random-season-link-row[b-89affxtrp1] {
    margin: 1rem 0 0;
    text-align: center;
}

.random-season-link[b-89affxtrp1] {
    color: #4361ee;
    font-weight: 600;
    text-decoration: none;
}

.random-season-link:hover[b-89affxtrp1] {
    text-decoration: underline;
}

.btn-generate-another[b-89affxtrp1] {
    flex: 1;
    padding: 0.6rem 1rem;
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.btn-generate-another:hover[b-89affxtrp1] {
    opacity: 0.9;
}

/* No results */
.no-results[b-89affxtrp1] {
    text-align: center;
    padding: 3rem 1rem;
    color: #888;
}

.no-results-icon[b-89affxtrp1] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

/* Prompt */
.prompt-section[b-89affxtrp1] {
    text-align: center;
    padding: 3rem 1rem;
    color: #888;
}

.prompt-icon[b-89affxtrp1] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
}

.prompt-text[b-89affxtrp1] {
    font-size: 1.1rem;
    color: #666;
}

/* Responsive */
@media (max-width: 600px) {
    .filter-row[b-89affxtrp1] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-select[b-89affxtrp1] {
        min-width: unset;
        width: 100%;
    }

    .btn-generate[b-89affxtrp1] {
        width: 100%;
        justify-content: center;
    }

    .episode-card-footer[b-89affxtrp1] {
        flex-direction: column;
    }
}
/* /Pages/SeriesIndex.razor.rz.scp.css */
.series-index-container[b-jp3xun0ola] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.series-index-container .page-header[b-jp3xun0ola]  .breadcrumb-nav {
    margin-bottom: 0.75rem;
}

.series-index-grid[b-jp3xun0ola] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .series-index-grid[b-jp3xun0ola] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (min-width: 1025px) {
    .series-index-grid[b-jp3xun0ola] {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
}

.series-index-card[b-jp3xun0ola] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-soft, #e0e0e0);
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s, border-color 0.2s, transform 0.1s;
}

.series-index-card:hover[b-jp3xun0ola] {
    box-shadow: var(--shadow-soft, 0 4px 16px rgba(0, 0, 0, 0.1));
    border-color: var(--brand-cool, #1f7a76);
    transform: translateY(-2px);
    text-decoration: none;
    color: inherit;
}

.series-index-card-swatch[b-jp3xun0ola] {
    width: 0.65rem;
    align-self: stretch;
    min-height: 2.75rem;
    border-radius: 999px;
    flex-shrink: 0;
}

.series-index-card-content[b-jp3xun0ola] {
    flex: 1;
    min-width: 0;
}

.series-index-card-title[b-jp3xun0ola] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
    color: var(--ink-strong, #1a1a1a);
}

.series-index-card-hint[b-jp3xun0ola] {
    font-size: 0.9rem;
    color: var(--ink-muted, #666);
    margin: 0;
    line-height: 1.4;
}

.series-index-card-arrow[b-jp3xun0ola] {
    font-size: 1.2rem;
    color: var(--brand-cool, #1f7a76);
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.series-index-error[b-jp3xun0ola] {
    margin: 2rem 0 0;
    color: #721c24;
}
/* /Pages/SeriesOverview.razor.rz.scp.css */
.series-overview-container[b-qzaoujotcg] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.series-overview-container .page-header[b-qzaoujotcg] {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.series-overview-container .page-header[b-qzaoujotcg]  .breadcrumb-nav {
    margin-bottom: 0.75rem;
}

.series-overview-hero[b-qzaoujotcg] {
    border-radius: 12px;
    padding: 1.5rem 1.25rem;
    color: #fff;
}

.page-title--hero[b-qzaoujotcg] {
    margin: 0 0 0.35rem;
    color: #fff;
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
}

.series-overview-hero .page-subtitle[b-qzaoujotcg] {
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    max-width: 42rem;
}

.series-intro[b-qzaoujotcg] {
    max-width: 42rem;
}

.series-overview-meta[b-qzaoujotcg] {
    margin: 0.75rem 0 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
}

.controls-section[b-qzaoujotcg] {
    display: flex;
    gap: 1.5rem;
    margin: 1.5rem 0 2rem;
    flex-wrap: wrap;
}

.browse-tools-section[b-qzaoujotcg] {
    flex: 1;
    min-width: 200px;
    max-width: 320px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.control-label[b-qzaoujotcg] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.series-catalogue-link[b-qzaoujotcg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}

.series-overview-section-title[b-qzaoujotcg] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 1rem;
    color: var(--brand-ink, #1a1a2e);
}

.series-overview-empty-seasons[b-qzaoujotcg] {
    color: var(--ink-muted, #666);
    margin: 0;
}

.seasons-grid[b-qzaoujotcg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.season-card[b-qzaoujotcg] {
    display: flex;
    align-items: stretch;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.season-card:hover[b-qzaoujotcg] {
    border-color: var(--brand-cool, #1f7a76);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    text-decoration: none;
    color: inherit;
}

.season-card-accent[b-qzaoujotcg] {
    width: 6px;
    flex-shrink: 0;
    background: var(--season-accent, linear-gradient(135deg, #667eea 0%, #764ba2 100%));
}

.season-card-body[b-qzaoujotcg] {
    flex: 1;
    padding: 1.25rem 1rem;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.season-card-title[b-qzaoujotcg] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a1a1a;
}

.season-card-hint[b-qzaoujotcg] {
    font-size: 0.85rem;
    color: #666;
}

.season-card-arrow[b-qzaoujotcg] {
    display: flex;
    align-items: center;
    padding-right: 1rem;
    font-size: 1.25rem;
    color: #4361ee;
    flex-shrink: 0;
}

.loading-indicator[b-qzaoujotcg] {
    text-align: center;
    padding: 3rem 1rem;
    color: #666;
}

.loading-spinner[b-qzaoujotcg] {
    width: 40px;
    height: 40px;
    margin: 0 auto 1rem;
    border: 3px solid #e0e0e0;
    border-top-color: var(--brand-cool, #1f7a76);
    border-radius: 50%;
    animation: series-overview-spin-b-qzaoujotcg 0.8s linear infinite;
}

@keyframes series-overview-spin-b-qzaoujotcg {
    to {
        transform: rotate(360deg);
    }
}

.empty-state[b-qzaoujotcg] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-state-icon[b-qzaoujotcg] {
    font-size: 3rem;
}

.empty-state .page-title[b-qzaoujotcg] {
    margin: 1rem 0 0.5rem;
}

.empty-state-actions[b-qzaoujotcg] {
    margin-top: 1.5rem;
}

@media (max-width: 768px) {
    .series-overview-container[b-qzaoujotcg] {
        padding: 1rem;
    }

    .controls-section[b-qzaoujotcg] {
        flex-direction: column;
    }

    .browse-tools-section[b-qzaoujotcg] {
        max-width: none;
    }

    .seasons-grid[b-qzaoujotcg] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (min-width: 1025px) {
    .seasons-grid[b-qzaoujotcg] {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
}
/* /Pages/SeriesSeason.razor.rz.scp.css */
.series-season-container[b-u51fuhw6yk] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.series-season-container .page-header[b-u51fuhw6yk]  .breadcrumb-nav {
    margin-bottom: 0.75rem;
}

.series-season-hero[b-u51fuhw6yk] {
    border-radius: 12px;
    padding: 1.5rem 1.25rem;
    color: #fff;
}

.page-title--hero[b-u51fuhw6yk] {
    margin: 0 0 0.35rem;
    color: #fff;
}

.series-season-hero .page-subtitle[b-u51fuhw6yk] {
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
}

.series-season-progress[b-u51fuhw6yk] {
    margin: 1.25rem 0;
}

.series-season-progress-track[b-u51fuhw6yk] {
    height: 8px;
    border-radius: 4px;
    background: #e8eaf0;
    overflow: hidden;
}

.series-season-progress-fill[b-u51fuhw6yk] {
    height: 100%;
    background: linear-gradient(90deg, #4361ee, #3a86ff);
    border-radius: 4px;
    transition: width 0.25s ease;
}

.series-season-progress-caption[b-u51fuhw6yk] {
    margin: 0.5rem 0 0;
    font-size: 0.9rem;
    color: #555;
}

.controls-section[b-u51fuhw6yk] {
    display: flex;
    gap: 1.5rem;
    margin: 1.25rem 0 2rem;
    flex-wrap: wrap;
}

.filter-section[b-u51fuhw6yk],
.sort-section[b-u51fuhw6yk] {
    flex: 1;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.browse-tools-section[b-u51fuhw6yk] {
    flex: 1;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: flex-end;
}

.season-bulk-actions[b-u51fuhw6yk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.season-bulk-mark-btn[b-u51fuhw6yk] {
    width: 100%;
}

.control-label[b-u51fuhw6yk] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.control-select[b-u51fuhw6yk] {
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-select:hover[b-u51fuhw6yk] {
    border-color: var(--brand-cool);
}

.control-select:focus[b-u51fuhw6yk] {
    outline: none;
    border-color: var(--brand-cool);
    box-shadow: 0 0 0 3px rgba(31, 122, 118, 0.15);
}

.sort-controls[b-u51fuhw6yk] {
    display: flex;
    gap: 0.75rem;
    align-items: stretch;
}

.sort-controls .control-select[b-u51fuhw6yk] {
    flex: 1;
}

.btn-sort-direction[b-u51fuhw6yk] {
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    color: white;
    border: none;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.btn-sort-direction:hover[b-u51fuhw6yk] {
    background: linear-gradient(135deg, #19645f 0%, #237e78 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(31, 122, 118, 0.35);
}

.btn-sort-direction:active[b-u51fuhw6yk] {
    transform: translateY(0);
}

.btn-sort-direction .sort-icon[b-u51fuhw6yk] {
    font-size: 1.1rem;
}

.btn-sort-direction .sort-text[b-u51fuhw6yk] {
    font-size: 0.9rem;
}

.series-season-nav[b-u51fuhw6yk] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1.25rem;
}

.series-season-nav-link[b-u51fuhw6yk] {
    color: #4361ee;
    text-decoration: none;
    font-weight: 500;
}

.series-season-nav-link:hover[b-u51fuhw6yk] {
    text-decoration: underline;
}

.series-season-nav-link--next[b-u51fuhw6yk] {
    margin-left: auto;
}

.series-season-next[b-u51fuhw6yk] {
    margin-top: 2rem;
    padding: 1.25rem 1.5rem;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    background: #f8f9fa;
}

.series-season-next-title[b-u51fuhw6yk] {
    margin: 0 0 0.35rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
}

.series-season-next-copy[b-u51fuhw6yk] {
    margin: 0;
    color: #555;
}

.series-season-next-actions[b-u51fuhw6yk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.series-season-next-link[b-u51fuhw6yk] {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

@media (max-width: 768px) {
    .controls-section[b-u51fuhw6yk] {
        flex-direction: column;
        gap: 1rem;
    }

    .filter-section[b-u51fuhw6yk],
    .sort-section[b-u51fuhw6yk],
    .browse-tools-section[b-u51fuhw6yk] {
        min-width: 100%;
    }

    .sort-controls[b-u51fuhw6yk] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .btn-sort-direction .sort-text[b-u51fuhw6yk] {
        display: none;
    }

}
/* /Pages/Sitemap.razor.rz.scp.css */
.sitemap-container[b-cvdug35pc4] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.sitemap-section[b-cvdug35pc4] {
    margin-top: 2rem;
}

.sitemap-section-title[b-cvdug35pc4] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--brand-ink, #1f7a76);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--brand-ink, #1f7a76);
}

.sitemap-series-group[b-cvdug35pc4] {
    margin-bottom: 1.5rem;
}

.sitemap-series-title[b-cvdug35pc4] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
}

.sitemap-series-overview[b-cvdug35pc4] {
    margin: 0 0 0.5rem;
    font-size: 0.95rem;
}

.sitemap-season-links[b-cvdug35pc4] {
    margin-bottom: 0.75rem;
}

.sitemap-list[b-cvdug35pc4] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.3rem 1rem;
}

.sitemap-list li a[b-cvdug35pc4] {
    color: var(--brand-ink, #1f7a76);
    text-decoration: none;
    font-size: 0.95rem;
}

.sitemap-list li a:hover[b-cvdug35pc4] {
    text-decoration: underline;
}
/* /Pages/Support.razor.rz.scp.css */
.support-container[b-tycww8kbe2] {
    max-width: var(--page-max-width);
    margin: 0 auto;
}

.support-card[b-tycww8kbe2] {
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.support-lead p[b-tycww8kbe2] {
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

.support-section-title[b-tycww8kbe2] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink-strong);
    margin: 0 0 0.5rem 0;
}

.support-list[b-tycww8kbe2] {
    margin: 0;
    padding-left: 1.25rem;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.6;
}

.support-list li + li[b-tycww8kbe2] {
    margin-top: 0.35rem;
}

.support-links a[b-tycww8kbe2] {
    font-weight: 600;
}

.support-note[b-tycww8kbe2] {
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

.support-note a[b-tycww8kbe2] {
    font-weight: 600;
}

.support-actions[b-tycww8kbe2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-top: 0.25rem;
}

.support-cta[b-tycww8kbe2] {
    text-decoration: none;
}

@media (max-width: 480px) {
    .support-card[b-tycww8kbe2] {
        padding: 1.25rem;
    }
}
/* /Pages/Terms.razor.rz.scp.css */
.legal-doc-container[b-9vtnzp6bnu] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 1.25rem 2.5rem;
}

.legal-doc-card[b-9vtnzp6bnu] {
    max-width: 46rem;
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.75rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

.legal-doc-disclaimer[b-9vtnzp6bnu] {
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 8px;
    background: rgba(227, 146, 43, 0.12);
    border: 1px solid rgba(227, 146, 43, 0.35);
    color: var(--ink-strong);
    font-size: 0.92rem;
    line-height: 1.5;
}

.legal-doc-section-title[b-9vtnzp6bnu] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink-strong);
    margin: 0 0 0.5rem 0;
}

.legal-doc-text[b-9vtnzp6bnu],
.legal-doc-list[b-9vtnzp6bnu] {
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

.legal-doc-list[b-9vtnzp6bnu] {
    padding-left: 1.25rem;
}

.legal-doc-list li + li[b-9vtnzp6bnu] {
    margin-top: 0.4rem;
}

.legal-doc-text a[b-9vtnzp6bnu],
.legal-doc-list a[b-9vtnzp6bnu] {
    font-weight: 600;
}

@media (max-width: 480px) {
    .legal-doc-card[b-9vtnzp6bnu] {
        padding: 1.25rem;
    }
}
/* /Pages/Top5ListDetail.razor.rz.scp.css */
.top5-page[b-5iwg12eo8n] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.top5-draft-banner[b-5iwg12eo8n] {
    margin-bottom: 1.25rem;
}

.top5-draft-banner-link[b-5iwg12eo8n] {
    margin-left: 0.35rem;
    font-weight: 600;
    color: var(--brand-cool, #1f7a76);
}


@media (max-width: 640px) {
    .top5-page[b-5iwg12eo8n] {
        padding: 1rem;
    }
}
/* /Pages/Top5ListEdit.razor.rz.scp.css */
.top5-page[b-3qg3m8gp75] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.page-title[b-3qg3m8gp75] {
    margin: 0 0 0.35rem;
    font-size: 1.75rem;
    color: var(--ink-strong);
}

.page-subtitle[b-3qg3m8gp75] {
    margin: 0 0 1.5rem;
    color: var(--ink-muted);
}

.top5-edit-steps[b-3qg3m8gp75] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.top5-step-tab[b-3qg3m8gp75] {
    border: 1px solid var(--border-soft);
    background: #fff;
    color: var(--ink-strong);
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    font-size: 0.9rem;
    cursor: pointer;
}

.top5-step-tab--active[b-3qg3m8gp75] {
    border-color: var(--brand-cool, #1f7a76);
    background: rgba(31, 122, 118, 0.1);
    font-weight: 600;
}

.top5-step-tab:disabled[b-3qg3m8gp75] {
    opacity: 0.5;
    cursor: not-allowed;
}

.form-label-optional[b-3qg3m8gp75] {
    font-weight: 400;
    color: var(--ink-muted);
}

.top5-privacy-row[b-3qg3m8gp75] {
    margin-top: 0.5rem;
}

.top5-checkbox-label[b-3qg3m8gp75] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    cursor: pointer;
    color: var(--ink-strong);
}

.top5-search-results[b-3qg3m8gp75] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.top5-item-button[b-3qg3m8gp75] {
    width: 100%;
    text-align: left;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    background: #fff;
    color: var(--ink-strong);
    padding: 0.75rem 0.9rem;
    cursor: pointer;
}

.top5-item-button:hover[b-3qg3m8gp75] {
    border-color: var(--brand-cool, #1f7a76);
}

.top5-slots[b-3qg3m8gp75] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.top5-slot[b-3qg3m8gp75] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem 1rem;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    background: #fff;
}

.top5-slot-rank[b-3qg3m8gp75] {
    font-weight: 700;
    color: var(--brand-cool, #1f7a76);
    min-width: 2rem;
}

.top5-slot-label[b-3qg3m8gp75] {
    color: var(--ink-strong);
    line-height: 1.4;
}

.top5-slot-empty[b-3qg3m8gp75] {
    color: var(--ink-muted);
    font-style: italic;
    font-size: 0.92rem;
}

.top5-slot-actions[b-3qg3m8gp75] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.top5-slot-btn[b-3qg3m8gp75] {
    padding: 0.35rem 0.55rem;
    font-size: 0.85rem;
}

.top5-edit-actions[b-3qg3m8gp75] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.top5-publish-hint[b-3qg3m8gp75] {
    margin: 0.75rem 0 0;
    color: var(--ink-muted);
    font-size: 0.9rem;
}

.top5-delete-section[b-3qg3m8gp75] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-soft);
}

.top5-showcase-grid--preview[b-3qg3m8gp75] {
    margin-bottom: 1.5rem;
}

@media (max-width: 640px) {
    .top5-page[b-3qg3m8gp75] {
        padding: 1rem;
    }

    .top5-slot[b-3qg3m8gp75] {
        grid-template-columns: 1fr;
    }

    .top5-slot-actions[b-3qg3m8gp75] {
        justify-content: flex-start;
    }
}
/* /Pages/TrendingEpisodes.razor.rz.scp.css */
.trending-container[b-14ndw1pwk6] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.page-header[b-14ndw1pwk6] {
    margin-bottom: 2rem;
}

.page-title[b-14ndw1pwk6] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 0.5rem;
}

.page-subtitle[b-14ndw1pwk6] {
    color: #666;
    font-size: 1.1rem;
    margin: 0 0 1rem;
}

.trending-period-tabs[b-14ndw1pwk6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.trending-period-tab[b-14ndw1pwk6] {
    border: 1px solid var(--border-soft, #e0e0e0);
    background: #fff;
    color: var(--ink-strong, #1a1a1a);
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    font-size: 0.9rem;
    cursor: pointer;
}

.trending-period-tab--active[b-14ndw1pwk6] {
    border-color: var(--brand-cool, #1f7a76);
    background: rgba(31, 122, 118, 0.1);
    font-weight: 600;
}

.trending-slice-summary[b-14ndw1pwk6] {
    margin: 0 0 0.75rem;
    color: var(--ink-strong, #1a1a1a);
    font-size: 0.98rem;
}

.trending-slice-filters[b-14ndw1pwk6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
    margin-top: 0.85rem;
}

.trending-season-label[b-14ndw1pwk6] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--ink-strong, #1a1a1a);
}

.trending-season-select[b-14ndw1pwk6] {
    border: 1px solid var(--border-soft, #e0e0e0);
    background: #fff;
    color: var(--ink-strong, #1a1a1a);
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    font: inherit;
    font-size: 0.9rem;
}

.trending-season-select:disabled[b-14ndw1pwk6] {
    opacity: 0.65;
    cursor: not-allowed;
}

.trending-series-select[b-14ndw1pwk6] {
    min-width: 16rem;
    max-width: 100%;
}

.trending-movies-season-note[b-14ndw1pwk6] {
    margin: 0.55rem 0 0;
    font-size: 0.9rem;
    color: var(--ink-muted);
}

.trending-series-chart[b-14ndw1pwk6] {
    margin: 0 0 1.75rem;
    padding: 1rem 1.25rem 0.5rem;
    border: 1px solid var(--border-soft, #e0e0e0);
    border-radius: 12px;
    background: #fff;
}

.trending-series-chart-title[b-14ndw1pwk6] {
    margin: 0 0 0.25rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--ink-strong, #1a1a1a);
}

.trending-series-chart-hint[b-14ndw1pwk6] {
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
    color: var(--ink-muted);
}

.trending-series-layout[b-14ndw1pwk6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem);
    gap: 1.25rem 2rem;
    align-items: start;
}

.trending-series-bars[b-14ndw1pwk6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.trending-series-bar[b-14ndw1pwk6] {
    display: grid;
    grid-template-columns: 4.75rem minmax(0, 1fr) 2.75rem;
    gap: 0.65rem;
    align-items: center;
    width: 100%;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 8px;
    padding: 0.3rem 0.4rem;
    cursor: pointer;
    text-align: left;
    color: var(--ink-strong);
    font: inherit;
}

.trending-series-bar:hover[b-14ndw1pwk6],
.trending-series-bar:focus-visible[b-14ndw1pwk6] {
    background: rgba(31, 122, 118, 0.08);
}

.trending-series-bar--active[b-14ndw1pwk6] {
    background: rgba(31, 122, 118, 0.12);
    border-color: var(--brand-cool);
    font-weight: 600;
}

.trending-series-bar-label[b-14ndw1pwk6] {
    font-size: 0.9rem;
    font-weight: 700;
}

.trending-series-bar-track[b-14ndw1pwk6] {
    display: block;
    height: 0.7rem;
    background: rgba(20, 20, 20, 0.08);
    border-radius: 999px;
    overflow: hidden;
}

.trending-series-bar-fill[b-14ndw1pwk6] {
    display: block;
    height: 100%;
    min-width: 0.45rem;
    border-radius: 999px;
}

.trending-series-bar-value[b-14ndw1pwk6] {
    font-family: "Space Grotesk", "Outfit", sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.trending-series-summary[b-14ndw1pwk6] {
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: rgba(31, 122, 118, 0.06);
    border: 1px solid rgba(31, 122, 118, 0.14);
}

.trending-series-summary p[b-14ndw1pwk6] {
    margin: 0 0 0.5rem;
    font-size: 0.92rem;
    color: var(--ink-muted);
}

.trending-series-summary .trending-series-summary-hot[b-14ndw1pwk6] {
    color: var(--ink-strong);
    font-weight: 600;
}

.trending-series-summary .trending-series-summary-filter[b-14ndw1pwk6] {
    color: var(--brand-ink);
}

.trending-series-clear[b-14ndw1pwk6] {
    margin-top: 0.25rem;
    border: 1px solid var(--brand-cool);
    background: #fff;
    color: var(--brand-ink);
    border-radius: 999px;
    padding: 0.35rem 0.85rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}

.trending-series-clear:hover[b-14ndw1pwk6],
.trending-series-clear:focus-visible[b-14ndw1pwk6] {
    background: rgba(31, 122, 118, 0.1);
}

.trending-community-hero[b-14ndw1pwk6] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin: 0;
    padding: 0.75rem 0.9rem;
    border-radius: 10px;
    background: rgba(31, 122, 118, 0.08);
    border: 1px solid rgba(31, 122, 118, 0.16);
}

.trending-community-count[b-14ndw1pwk6] {
    font-family: "Space Grotesk", "Outfit", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: var(--brand-ink);
}

.trending-community-label[b-14ndw1pwk6] {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-muted);
}

.trending-empty[b-14ndw1pwk6],
.trending-error[b-14ndw1pwk6] {
    padding: 1.5rem;
    border-radius: 12px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    color: #444;
}

.trending-error[b-14ndw1pwk6] {
    border-color: #f5c6cb;
    background: #fdf2f2;
    color: #721c24;
}

.loading-indicator[b-14ndw1pwk6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem 1rem;
}

.loading-spinner[b-14ndw1pwk6] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #667eea;
    border-radius: 50%;
    animation: trending-spin-b-14ndw1pwk6 0.8s linear infinite;
}

@keyframes trending-spin-b-14ndw1pwk6 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .trending-container[b-14ndw1pwk6] {
        padding: 1rem;
    }

    .trending-series-layout[b-14ndw1pwk6] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/WatchNext.razor.rz.scp.css */
.watch-next-page[b-wz8p2ya5gv] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.25rem 2.5rem;
}

.watch-next-page .page-header[b-wz8p2ya5gv] {
    margin-bottom: 1.4rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    padding-bottom: 1rem;
}

.watch-next-page .page-title[b-wz8p2ya5gv] {
    margin: 0;
    font-size: clamp(1.8rem, 2.5vw, 2.5rem);
    color: #0f4b46;
    line-height: 1.15;
}

.watch-next-page .page-subtitle[b-wz8p2ya5gv] {
    margin: 0.55rem 0 0;
    color: #4b5563;
    font-size: 1rem;
}

.watch-next-page__undo-wrap[b-wz8p2ya5gv] {
    margin: 0 0 1rem;
}

.watch-next-page__summary[b-wz8p2ya5gv] {
    margin-bottom: 1.25rem;
    color: #4b5563;
    font-size: 0.95rem;
}

.watch-next-page__hint[b-wz8p2ya5gv] {
    color: #6b7280;
}

.watch-next-page__drag-handle[b-wz8p2ya5gv] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--ink-muted);
    font-size: 0.75rem;
    letter-spacing: -0.12em;
    line-height: 1;
    cursor: grab;
    user-select: none;
    border: 1px solid var(--border-soft);
    box-shadow: 0 1px 3px rgba(15, 18, 19, 0.06);
}

.watch-next-page__drag-handle:active[b-wz8p2ya5gv] {
    cursor: grabbing;
}

.watch-next-page__queue--dragging .watch-next-page__card-body[b-wz8p2ya5gv] {
    pointer-events: none;
}

.watch-next-page__queue--dragging .watch-next-page__drag-handle[b-wz8p2ya5gv] {
    pointer-events: auto;
}

.watch-next-page__error[b-wz8p2ya5gv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding: 0.85rem 1rem;
    border-radius: 8px;
    background: #fef2f2;
    color: #991b1b;
}

.watch-next-page__empty-actions[b-wz8p2ya5gv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 1.25rem;
}

.watch-next-page__card-wrap[b-wz8p2ya5gv] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.watch-next-page__queue .watch-next-page__card-wrap[b-wz8p2ya5gv] {
    cursor: default;
}

.watch-next-page__card-actions[b-wz8p2ya5gv] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
    margin-top: 0.25rem;
    padding-top: 0.65rem;
    border-top: 1px solid var(--border-soft);
}

.watch-next-page__reorder[b-wz8p2ya5gv] {
    display: inline-flex;
    flex-shrink: 0;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    overflow: hidden;
    background: var(--card-bg);
    box-shadow: 0 1px 2px rgba(15, 18, 19, 0.04);
}

.watch-next-page__reorder-btn[b-wz8p2ya5gv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    margin: 0;
    border: none;
    border-right: 1px solid var(--border-soft);
    background: transparent;
    color: var(--brand-cool);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.watch-next-page__reorder-btn:last-child[b-wz8p2ya5gv] {
    border-right: none;
}

.watch-next-page__reorder-btn:hover:not(:disabled)[b-wz8p2ya5gv] {
    background: rgba(31, 122, 118, 0.1);
    color: var(--brand-ink);
}

.watch-next-page__reorder-btn:focus-visible[b-wz8p2ya5gv] {
    outline: 2px solid var(--brand-cool);
    outline-offset: -2px;
    z-index: 1;
}

.watch-next-page__reorder-btn:disabled[b-wz8p2ya5gv] {
    opacity: 0.35;
    cursor: not-allowed;
}

.watch-next-page__reorder-icon[b-wz8p2ya5gv] {
    width: 1.125rem;
    height: 1.125rem;
    display: block;
}

.watch-next-page__remove-btn[b-wz8p2ya5gv] {
    flex: 1;
    min-width: 0;
    min-height: 2.5rem;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    background: var(--card-bg);
    color: var(--ink-muted);
    padding: 0.45rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 18, 19, 0.04);
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.watch-next-page__remove-btn:hover:not(:disabled)[b-wz8p2ya5gv] {
    background: #fef8f3;
    border-color: rgba(227, 146, 43, 0.35);
    color: var(--brand-ink);
}

.watch-next-page__remove-btn:focus-visible[b-wz8p2ya5gv] {
    outline: 2px solid var(--brand-cool);
    outline-offset: 2px;
}

.watch-next-page__remove-btn:disabled[b-wz8p2ya5gv] {
    opacity: 0.65;
    cursor: not-allowed;
}

.watch-next-page .episodes-grid-container[b-wz8p2ya5gv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 481px) {
    .watch-next-page .episodes-grid-container[b-wz8p2ya5gv] {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    }
}

@media (max-width: 768px) {
    .watch-next-page__drag-handle[b-wz8p2ya5gv] {
        display: none;
    }
}