/* AIBALL muted cinematic palette: soft blue #6ad9ff -> lavender #a98aff.
   All surface, gradient, hover and glow accents are deliberately low-saturation. */

/* The exact reference palette: strong only on accents, never on large panels. */
.aiball-search-home--brand {
    background:
      radial-gradient(ellipse 53% 55% at 15% 80%,rgba(169,138,255,.13),transparent 73%),
      radial-gradient(ellipse 48% 52% at 88% 18%,rgba(106,217,255,.14),transparent 73%),
      #090911;
}
.aiball-search-home--brand .aiball-search-home__form {
    background:rgba(15,14,29,.93);border-color:rgba(106,217,255,.38);
    box-shadow:0 14px 56px rgba(0,0,0,.28),0 0 35px rgba(106,217,255,.08);
}
.aiball-search-home--brand .aiball-search-home__form:focus-within {
    border-color:#6ad9ff;box-shadow:0 0 0 2px rgba(106,217,255,.17),0 0 35px rgba(106,217,255,.13);
}
.aiball-search-home--brand .aiball-search-home__form>i,
.aiball-search-home--brand .aiball-search-home__creator>i,
.aiball-search-home--brand .aiball-search-home__nav a:hover,
.aiball-search-home--brand .aiball-search-home__footer a:hover {color:#6ad9ff;}
.aiball-search-home--brand .aiball-search-home__form button {
    background:var(--aiball-button-primary, #a98aff);color:#090911;
}
.aiball-search-home--brand .aiball-search-home__form button:hover {filter:brightness(1.12);}
.aiball-search-home--brand h1 em {
    background:linear-gradient(100deg,#bba5ff 0%,#6ad9ff 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
/* Original uploaded eye logo alongside the wordmark. */
.aiball-search-home--brand .aiball-search-home__logo {
    display:inline-flex;align-items:center;justify-content:center;gap:clamp(9px,1.8vw,22px);
    max-width:100%;
}
.aiball-search-home--brand .aiball-search-home__logo-mark {
    /* Display the WHOLE original transparent 1502×844 eye, never square-crop. */
    display:block;
    width:clamp(185px,22vw,290px);
    height:auto;
    aspect-ratio:1502 / 845;
    object-fit:contain;
    object-position:center;
    max-width:100%;
    flex:0 1 auto;
}
.aiball-search-home--brand .aiball-search-home__logo .aiball-wordmark {
    font-size:clamp(42px,9.5vw,128px);
    background:none;color:#fff;-webkit-text-fill-color:#fff;
    -webkit-background-clip:border-box;background-clip:border-box;
}
.aiball-search-home--brand .aiball-search-home__logo .aiball-wordmark__ai {
    background:linear-gradient(90deg, #6ad9ff 0%, #a98aff 100%);
    -webkit-background-clip:text;background-clip:text;
    color:transparent;-webkit-text-fill-color:transparent;
}
.aiball-search-home--brand .aiball-search-home__logo .aiball-wordmark__ball {
    background:none;color:#fff;-webkit-text-fill-color:#fff;
}
.aiball-search-home--brand .aiball-search-home__nav a.aiball-search-home__register {
    background:rgba(169,138,255,.12);color:#fff;border-color:rgba(169,138,255,.55);
}
.aiball-search-home--brand .aiball-search-home__nav a.aiball-search-home__register:hover {
    background:rgba(169,138,255,.24);border-color:#a98aff;color:#fff;
}
.aiball-search-home--brand .aiball-search-home__pulse {
    background:#6ad9ff;box-shadow:0 0 16px rgba(106,217,255,.67);
}
.aiball-search-home--brand .aiball-search-home__results,
.aiball-search-home--brand .aiball-search-home__invite input {
    background:rgba(13,14,29,.93);border-color:rgba(106,217,255,.24);
}
.aiball-search-home--brand .aiball-search-home__creator:hover {background:rgba(106,217,255,.06);}
.aiball-search-home--brand .aiball-search-home__avatar {
    border-color:rgba(106,217,255,.33);background:rgba(106,217,255,.085);color:#6ad9ff;
}
.aiball-search-home--brand .aiball-search-home__affiliate-link {color:#bba5ff;}
.aiball-search-home--brand .aiball-search-home__affiliate-link:hover {color:#6ad9ff;}
.aiball-search-home--brand .aiball-search-home__invite button {
    color:#9BE2FF;background:rgba(106,217,255,.1);border-color:rgba(106,217,255,.42);
}
.aiball-search-home--brand .aiball-search-home__invite button:hover {background:rgba(106,217,255,.2);}
@media(max-width:720px){
    .aiball-search-home--brand .aiball-search-home__logo {
        flex-direction:column;
        gap:6px;
    }
    .aiball-search-home--brand .aiball-search-home__logo-mark {
        width:clamp(190px,47vw,250px);
    }
    .aiball-search-home--brand .aiball-search-home__logo .aiball-wordmark {
        font-size:clamp(58px,12vw,84px);
    }
}

/* Compact homepage treatment inspired by the restrained early video portals:
   the eye itself is NOT modified or cropped; only its rendered dimensions change.
   This is the standard brand homepage, no comparison state. */
.aiball-search-home--brand {
    background:
      radial-gradient(ellipse 48% 45% at 13% 83%, rgba(169,138,255,.075), transparent 73%),
      radial-gradient(ellipse 43% 46% at 88% 16%, rgba(106,217,255,.085), transparent 74%),
      #090911;
}
.aiball-search-home--brand .aiball-search-home__nav {
    padding-top:18px;
    padding-bottom:10px;
}
.aiball-search-home--brand .aiball-search-home__nav-left,
.aiball-search-home--brand .aiball-search-home__nav-right {
    gap:21px;
}
.aiball-search-home--brand .aiball-search-home__nav a {
    font-size:12px;
    font-weight:550;
    letter-spacing:0;
}
.aiball-search-home--brand .aiball-search-home__nav a.aiball-search-home__register {
    padding:7px 11px;
    border-radius:7px;
    font-weight:600;
}
.aiball-search-home--brand .aiball-search-home__main {
    padding:20px 20px 54px;
}
.aiball-search-home--brand .aiball-search-home__center {
    max-width:720px;
}
.aiball-search-home--brand .aiball-search-home__logo {
    /* Eye height follows the wordmark size across all viewports. */
    --aiball-logo-font-size:clamp(57px,6.2vw,89px);
    font-size:var(--aiball-logo-font-size);
    gap:clamp(5px,1vw,13px);
    margin-bottom:18px;
}
.aiball-search-home--brand .aiball-search-home__logo-mark {
    /* Match the wordmark's visible cap height; keep the full original eye. */
    width:auto;
    height:.86em;
    max-width:none;
    flex:0 0 auto;
    aspect-ratio:1502 / 845;
    object-fit:contain;
}
.aiball-search-home--brand .aiball-search-home__logo .aiball-wordmark {
    font-size:1em;
    font-weight:700;
    letter-spacing:-.035em;
    line-height:1;
}
.aiball-search-home--brand h1 {
    font:650 clamp(21px,2.1vw,29px)/1.28 "Switzer",Arial,sans-serif;
    letter-spacing:-.022em;
    margin:0 0 11px;
}
.aiball-search-home--brand .aiball-search-home__subtitle {
    font-size:clamp(13px,1vw,15px);
    line-height:1.85;
    max-width:575px;
    margin-bottom:26px;
}
.aiball-search-home--brand .aiball-search-home__form {
    max-width:620px;
    min-height:55px;
    padding:5px 6px 5px 16px;
    border-radius:11px;
    box-shadow:0 10px 34px rgba(0,0,0,.22);
}
.aiball-search-home--brand .aiball-search-home__form>i {
    font-size:19px;
}
.aiball-search-home--brand .aiball-search-home__form input {
    font-size:14px;
    padding:8px 13px;
}
.aiball-search-home--brand .aiball-search-home__form button {
    width:43px;
    height:43px;
    border-radius:8px;
}
.aiball-search-home--brand .aiball-search-home__form button i {
    font-size:19px;
}
.aiball-search-home--brand .aiball-search-home__hint {
    margin-top:14px;
    font-size:10px;
    font-weight:550;
    letter-spacing:.065em;
}
.aiball-search-home--brand .aiball-search-home__results {
    max-width:620px;
    margin-top:26px;
}
.aiball-search-home--brand .aiball-search-home__missing h2 {
    font-size:19px;
    font-weight:650;
}
.aiball-search-home--brand .aiball-search-home__footer {
    padding-top:14px;
    padding-bottom:14px;
    font-size:9px;
    font-weight:600;
    letter-spacing:.08em;
}
.aiball-search-home--brand .aiball-search-home__footer a {
    font-size:11px;
    font-weight:500;
}
@media(max-width:720px) {
    .aiball-search-home--brand .aiball-search-home__main {
        padding:30px 16px 55px;
    }
    .aiball-search-home--brand .aiball-search-home__logo {
        --aiball-logo-font-size:clamp(49px,11.5vw,74px);
        flex-direction:row;
        gap:8px;
        margin-bottom:18px;
    }
    .aiball-search-home--brand h1 {
        font-size:clamp(20px,5vw,26px);
    }
    .aiball-search-home--brand .aiball-search-home__form {
        min-height:53px;
    }
}
@media(max-width:390px) {
    .aiball-search-home--brand .aiball-search-home__logo {
        --aiball-logo-font-size:clamp(36px,10vw,47px);
    }
    .aiball-search-home--brand .aiball-search-home__nav-left,
    .aiball-search-home--brand .aiball-search-home__nav-right {
        gap:10px;
    }
}

/* Exact eye height (original transparent asset, no cropping), roomier lettering. */
.aiball-search-home--brand .aiball-search-home__logo-mark {
    height:55px;
    width:auto;
    max-width:none;
    aspect-ratio:1502 / 845;
    object-fit:contain;
}
.aiball-search-home--brand .aiball-search-home__logo {
    gap:18px;
}
.aiball-search-home--brand .aiball-search-home__logo .aiball-wordmark {
    letter-spacing:-.012em;
    font-weight:650;
}
.aiball-search-home--brand h1 {
    letter-spacing:.006em;
    font-weight:550;
    line-height:1.55;
}
.aiball-search-home--brand .aiball-search-home__subtitle {
    letter-spacing:.01em;
}
.aiball-search-home__results-section-title {
    padding:14px 22px 8px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.12em;
    color:#B5C5E8;
}
@media(max-width:720px) {
    .aiball-search-home--brand .aiball-search-home__logo-mark {
        height:55px;
        width:auto;
    }
    .aiball-search-home--brand .aiball-search-home__logo {
        gap:9px;
    }
}

/* Purist AIBALL homepage: the eye and AI wordmark carry the color.
   Keep page chrome, messaging and search neutral, with no ambient effects. */
.aiball-search-home.aiball-search-home--brand {
    background: #101114;
}
.aiball-search-home.aiball-search-home--brand::before {
    content: none;
}
.aiball-search-home.aiball-search-home--brand .aiball-search-home__logo:hover {
    filter: none;
}
.aiball-search-home.aiball-search-home--brand h1 {
    color: #f2f3f5;
    font-weight: 550;
    letter-spacing: -.012em;
}
.aiball-search-home.aiball-search-home--brand h1 em {
    background: none;
    background-image: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: inherit;
    color: inherit;
}
.aiball-search-home.aiball-search-home--brand .aiball-search-home__subtitle {
    color: #a6aab4;
    line-height: 1.7;
    letter-spacing: 0;
    margin-bottom: 30px;
}
.aiball-search-home.aiball-search-home--brand .aiball-search-home__form {
    background: #25262a;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    box-shadow: none;
}
.aiball-search-home.aiball-search-home--brand .aiball-search-home__form > i {
    color: #b3b6bf;
}
.aiball-search-home.aiball-search-home--brand .aiball-search-home__form button {
    background: #3b3d43 !important;
    background-color: #3b3d43 !important;
    color: #f4f4f6 !important;
}
.aiball-search-home.aiball-search-home--brand .aiball-search-home__form button:hover,
.aiball-search-home.aiball-search-home--brand .aiball-search-home__form button:focus-visible {
    background: #4a4c53 !important;
    background-color: #4a4c53 !important;
    color: #fff !important;
}
.aiball-search-home.aiball-search-home--brand .aiball-search-home__nav a:hover,
.aiball-search-home.aiball-search-home--brand .aiball-search-home__footer a:hover {
    color: #e3e5eb;
}

/* Home-only Aurora — clearly visible color, restrained and slow.
   Foreground remains crisp and accessible; all motion stays behind content. */
.aiball-search-home.aiball-search-home--brand::before,
.aiball-search-home.aiball-search-home--brand::after {
    content: "";
    position: absolute;
    inset: 8% -15% 12%;
    z-index: 0;
    pointer-events: none;
    filter: blur(36px);
    transform-origin: 50% 50%;
    will-change: transform, opacity;
}
.aiball-search-home.aiball-search-home--brand::before {
    background:
        radial-gradient(ellipse 47% 32% at 28% 47%,
            rgba(67, 188, 249, .48) 0%, rgba(67, 188, 249, .24) 49%, transparent 82%),
        radial-gradient(ellipse 48% 33% at 73% 43%,
            rgba(150, 106, 250, .46) 0%, rgba(150, 106, 250, .22) 47%, transparent 82%);
    opacity: .92;
    animation: aiball-aurora-drift 20s ease-in-out infinite alternate;
}
.aiball-search-home.aiball-search-home--brand::after {
    background:
        radial-gradient(ellipse 39% 26% at 51% 58%,
            rgba(108, 114, 249, .31) 0%, rgba(108, 114, 249, .12) 54%, transparent 82%),
        radial-gradient(ellipse 35% 27% at 40% 34%,
            rgba(71, 199, 227, .27) 0%, rgba(71, 199, 227, .10) 53%, transparent 82%);
    opacity: .8;
    animation: aiball-aurora-counterdrift 30s ease-in-out infinite alternate;
}
.aiball-search-home.aiball-search-home--brand > .aiball-search-home__nav,
.aiball-search-home.aiball-search-home--brand > .aiball-search-home__main,
.aiball-search-home.aiball-search-home--brand > .aiball-search-home__footer {
    position: relative;
    z-index: 1;
}
@keyframes aiball-aurora-drift {
    from { transform: translate3d(-9%, 4%, 0) rotate(-5deg); opacity: .82; }
    to   { transform: translate3d(9%, -5%, 0) rotate(5deg); opacity: 1; }
}
@keyframes aiball-aurora-counterdrift {
    from { transform: translate3d(7%, -4%, 0) rotate(4deg); opacity: .73; }
    to   { transform: translate3d(-8%, 5%, 0) rotate(-4deg); opacity: .92; }
}
@media (max-width: 720px) {
    .aiball-search-home.aiball-search-home--brand::before,
    .aiball-search-home.aiball-search-home--brand::after {
        inset: 13% -38% 22%;
        filter: blur(28px);
    }
}
@media (prefers-reduced-motion: reduce) {
    .aiball-search-home.aiball-search-home--brand::before,
    .aiball-search-home.aiball-search-home--brand::after {
        animation: none;
        will-change: auto;
    }
}

/* AIBALL homepage: accessible signed-in avatar dropdown in the minimal nav. */
.aiball-search-home.aiball-search-home--brand > .aiball-search-home__nav {
    z-index: 10;
}
.aiball-search-home__account {
    position: relative;
    flex: 0 0 auto;
}
.aiball-search-home__account-trigger {
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 3px 8px 3px 3px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(31,32,38,.88);
    color: #f5f6fa;
    cursor: pointer;
    min-height: 44px;
    transition: background .15s ease, border-color .15s ease;
}
.aiball-search-home__account-trigger::-webkit-details-marker { display:none; }
.aiball-search-home__account-trigger:hover,
.aiball-search-home__account[open] > .aiball-search-home__account-trigger {
    background: #32343b;
    border-color: rgba(106,217,255,.55);
}
.aiball-search-home__account-trigger:focus-visible,
.aiball-search-home__account-menu a:focus-visible {
    outline: 2px solid #6ad9ff;
    outline-offset: 3px;
}
.aiball-search-home__account-avatar {
    width: 36px;
    height: 36px;
    display: block;
    object-fit: cover;
    border-radius: 50%;
    background: #353740;
}
.aiball-search-home__account-name {
    display:block;
    font-size: 12px;
    font-weight: 650;
    max-width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.aiball-search-home__account-trigger > i {
    font-size: 15px;
    color: #b8becb;
    transition: transform .15s ease;
}
.aiball-search-home__account[open] .aiball-search-home__account-trigger > i {
    transform: rotate(180deg);
}
.aiball-search-home__account-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 250px;
    max-width: calc(100vw - 24px);
    padding: 7px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 13px;
    background: #202127;
    box-shadow: 0 16px 45px rgba(0,0,0,.5);
    z-index: 30;
}
.aiball-search-home__account-heading {
    padding: 10px 11px 12px;
    border-bottom: 1px solid rgba(255,255,255,.11);
    margin-bottom: 5px;
    min-width: 0;
}
.aiball-search-home__account-heading strong,
.aiball-search-home__account-heading small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.aiball-search-home__account-heading strong {
    color: #f7f7fa;
    font-size: 13px;
    line-height: 1.45;
}
.aiball-search-home__account-heading small {
    color: #abb1bf;
    font-size: 11px;
    margin-top: 3px;
}
.aiball-search-home.aiball-search-home--brand .aiball-search-home__nav .aiball-search-home__account-menu a {
    display: flex;
    gap: 11px;
    align-items: center;
    width: 100%;
    padding: 10px 11px;
    border-radius: 7px;
    color: #e0e3ea;
    text-decoration: none;
    font-size: 12px;
    font-weight: 550;
    line-height: 1.4;
}
.aiball-search-home.aiball-search-home--brand .aiball-search-home__nav .aiball-search-home__account-menu a:hover,
.aiball-search-home.aiball-search-home--brand .aiball-search-home__nav .aiball-search-home__account-menu a:focus-visible {
    background: rgba(106,217,255,.1);
    color: #fff;
}
.aiball-search-home__account-menu a i {
    color: #aeb5c5;
    font-size: 17px;
    width: 18px;
    flex: 0 0 18px;
}
.aiball-search-home__account-divider {
    border-top: 1px solid rgba(255,255,255,.11);
    margin: 5px 5px;
}
@media (max-width: 560px) {
    .aiball-search-home__account-name,
    .aiball-search-home__account-trigger > i {
        display: none;
    }
    .aiball-search-home__account-trigger {
        padding: 3px;
        min-width: 44px;
        min-height: 44px;
    }
}