/* AIBALL Dark Cinema — calm Gemini-inspired surfaces, never a copy of Gemini.
   The eye artwork, film imagery and logo's blue-to-lavender identity stay intact.
   Actions are intentionally FLAT colors with no gradient or neon halo. */
:root {
    --aiball-sky: #6ad9ff;
    --aiball-lavender: #a98aff;
    --aiball-brand-gradient: linear-gradient(90deg, #6ad9ff 0%, #a98aff 100%);
    --aiball-button-primary: #a98aff;
    --aiball-button-hover: #b7a2f0;
    --aiball-button-secondary: #282a2e;
    --aiball-button-secondary-hover: #35373c;
    --aiball-canvas: #101114;
    --aiball-ink: #101114;
    --aiball-surface: #202124;
    --aiball-surface-raised: #292a2f;
    --aiball-edge: rgba(255,255,255,.09);
    --ab-ink: #101114;
    --ab-surface: #202124;
    --ab-edge: rgba(255,255,255,.09);
    --aiball-text: #ececf1;
    --aiball-muted: #b4b8c3;
    --bs-focus-ring-color: rgba(169,138,255,.28);
    --plyr-color-main: #a98aff;
}
/* Quiet dark surfaces with gentle tonal separation rather than colorful glow. */
body { background-color: var(--aiball-canvas); color: var(--aiball-text); }
::selection { background: #51497b; color: #fff; }
.header {
    background: rgba(22,23,26,.96);
    border-bottom: 1px solid var(--aiball-edge);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
.header__wrapper .header__menu .main__menu li .sub__menu,
.flyoutMenu .flyout__flip { background: #202124; border-color: var(--aiball-edge); }
.footer__section { background: #17181b; border-top: 1px solid var(--aiball-edge); }
.aiball-search-home,
.aiball-search-home--brand,
.aiball-creator-site,
.aiball-affiliate,
.aiball-public-creator,
.aiball-discovery,
.aiball-film-landing,
.aiball-launch,
.aiball-home {
    background: var(--aiball-canvas);
    color: var(--aiball-text);
}
.aiball-search-home::before { opacity: .06; }
.aiball-search-home--brand {
    background: var(--aiball-canvas);
}
.aiball-search-home--brand .aiball-search-home__form,
.aiball-search-home__form,
.aiball-discovery__search-form {
    background: var(--aiball-surface-raised);
    border: 1px solid rgba(255,255,255,.085);
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.aiball-search-home--brand .aiball-search-home__form:focus-within,
.aiball-search-home__form:focus-within,
.aiball-discovery__search-form:focus-within {
    border-color: rgba(169,138,255,.58);
    box-shadow: 0 0 0 2px rgba(169,138,255,.13);
}
.aiball-search-home__form input,
.aiball-discovery__search-form input { color: #f3f3f5; }
.aiball-search-home__form input::placeholder,
.aiball-discovery__search-form input::placeholder { color: #a8aab1; }
.aiball-search-home--brand .aiball-search-home__results,
.aiball-search-home__results,
.aiball-search-home--brand .aiball-search-home__invite input,
.aiball-search-home__invite input,
.aiball-affiliate__panel,
.aiball-creator-site__benefits article,
.aiball-discovery__title,
.aiball-film__ticket {
    background: var(--aiball-surface);
    border-color: var(--aiball-edge);
    box-shadow: none;
}
.aiball-creator-site__hero,
.aiball-discovery__hero,
.aiball-discovery--series .aiball-discovery__hero,
.aiball-launch__hero,
.aiball-creator-site__workflow,
.aiball-creator-site__bottom-inner {
    background: linear-gradient(125deg, #151619, #101114);
}
.aiball-launch__ambient,
.aiball-discovery__ambient,
.aiball-creator-site__orbit,
.aiball-creator-site__stage .aiball-creator-site__orbit,
.aiball-discovery__stage-orbit {
    opacity: .28;
}
.aiball-home__path,
.aiball-home__path--series,
.aiball-home__card,
.aiball-home__series-empty {
    background: #202124;
    border-color: var(--aiball-edge);
    box-shadow: none;
}
.aiball-home__path::after,
.aiball-home__path--series::after { opacity: .14; }
.aiball-home__hero--empty { background: #17181c; }
.aiball-home__hero-content { background: rgba(20,21,25,.7); border-color: rgba(255,255,255,.12); }
/* Only the identity and select headline fragments retain the signature gradient. */
.aiball-wordmark .aiball-wordmark__ai,
.aiball-search-home--brand .aiball-search-home__logo .aiball-wordmark__ai,
.aiball-search-home--brand h1 em,
.aiball-launch__intro h1 span,
.aiball-discovery__intro h1 em,
.aiball-discovery__search h2 em,
.aiball-discovery__worlds h2 em,
.aiball-creator-site__copy h1 em,
.aiball-creator-site__bottom h2 em,
.aiball-affiliate h1 em,
.aiball-film__story-main h2 em,
.aiball-film__last-word h2 em {
    background-image: var(--aiball-brand-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
/* Primary actions: single lavender fill, dark readable label — no gradient. */
.btn-primary,
.btn.btn-primary,
.btn-white.active,
.aiball-search-home__form button,
.aiball-search-home--brand .aiball-search-home__form button,
.aiball-creator-nav__cta,
.aiball-discovery__feature-cta,
.aiball-discovery__search-form button,
.aiball-launch__premiere-button {
    background: var(--aiball-button-primary) !important;
    background-image: none !important;
    background-color: var(--aiball-button-primary) !important;
    border-color: transparent !important;
    color: #15141d !important;
    box-shadow: none !important;
    text-shadow: none;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.btn-primary:not(:disabled):hover,
.btn-primary:not(:disabled):focus-visible,
.btn-primary.active,
.btn-white.active:hover,
.btn-white.active:focus-visible,
.aiball-search-home__form button:hover,
.aiball-search-home--brand .aiball-search-home__form button:hover,
.aiball-creator-nav__cta:hover,
.aiball-discovery__feature-cta:hover,
.aiball-discovery__search-form button:hover,
.aiball-launch__premiere-button:hover {
    background: var(--aiball-button-hover) !important;
    background-image: none !important;
    background-color: var(--aiball-button-hover) !important;
    border-color: transparent !important;
    color: #15141d !important;
    box-shadow: none !important;
    filter: none;
}
/* Secondary actions: charcoal pills like Gemini dark, without gradients. */
.btn-outline,
.btn-outline-light,
.aiball-search-home__nav a.aiball-search-home__register,
.aiball-search-home--brand .aiball-search-home__nav a.aiball-search-home__register,
.aiball-search-home__invite button,
.aiball-search-home--brand .aiball-search-home__invite button,
body .creator-studio-shell .creator-nav .btn-outline-light {
    background: var(--aiball-button-secondary) !important;
    background-image: none !important;
    border: 1px solid var(--aiball-edge) !important;
    color: #e7e8ed !important;
    box-shadow: none !important;
    text-shadow: none;
    transition: background-color .18s ease, border-color .18s ease;
}
.btn-outline:hover,
.btn-outline:focus-visible,
.btn-outline-light:hover,
.btn-outline-light:focus-visible,
.aiball-search-home__nav a.aiball-search-home__register:hover,
.aiball-search-home--brand .aiball-search-home__nav a.aiball-search-home__register:hover,
.aiball-search-home__invite button:hover,
.aiball-search-home--brand .aiball-search-home__invite button:hover,
body .creator-studio-shell .creator-nav .btn-outline-light:hover {
    background: var(--aiball-button-secondary-hover) !important;
    background-image: none !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #fff !important;
}
/* Calm highlights and interaction affordances, not a glowing neon theme. */
.aiball-search-home__pulse,
.aiball-search-home--brand .aiball-search-home__pulse,
.aiball-home__signal,
.aiball-launch__pulse {
    background: var(--aiball-sky);
    box-shadow: none;
}
.aiball-home__hero-category,
.aiball-home__dot,
.aiball-home__manifesto-line,
.aiball-creator-site__showcase-logo,
.aiball-creator-site__orbit,
.aiball-discovery__stage-orbit { text-shadow: none; }
.aiball-home__manifesto-line { box-shadow: none; }
.aiball-home__path:hover,
.aiball-home__card:hover,
.aiball-home__card:focus-visible,
.aiball-launch__format:hover,
.aiball-discovery__title:hover,
.aiball-discovery__feature:hover {
    border-color: rgba(169,138,255,.28);
    box-shadow: 0 8px 20px rgba(0,0,0,.16);
}
/* Creator Studio: neutral cards/input fields and muted headings. */
body .creator-studio-shell .creator-studio-header,
body .creator-onboarding .creator-hero {
    background: #202124;
    border-color: var(--aiball-edge);
}
body .creator-studio-shell .card,
body .creator-studio-shell .creator-card,
body .creator-onboarding .benefit-card,
body .creator-onboarding .creator-form-card {
    background: var(--aiball-surface);
    border-color: var(--aiball-edge);
}
body .creator-studio-shell .form-control,
body .creator-studio-shell .form-select,
body .creator-onboarding .creator-form-card .form-control {
    background: var(--aiball-surface-raised);
    color: var(--aiball-text);
    border-color: rgba(255,255,255,.12);
}
body .creator-studio-shell .form-control:focus,
body .creator-onboarding .creator-form-card .form-control:focus {
    background: var(--aiball-surface-raised);
    color: var(--aiball-text);
    border-color: rgba(169,138,255,.58);
    box-shadow: 0 0 0 2px rgba(169,138,255,.13);
}
body .creator-studio-shell .table > :not(caption) > * > * { border-color: var(--aiball-edge); }
body .creator-studio-shell .creator-status-pill {
    background: #303136;
    border: 1px solid rgba(255,255,255,.1);
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.btn:focus-visible {
    outline: 2px solid #a98aff;
    outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
    .btn-primary, .btn-outline, .btn-outline-light,
    .aiball-creator-nav__cta, .aiball-search-home__form button { transition: none; }
}