/* Creator Club visual skin: scoped so the active WordPress theme stays intact. */
.creator-club-shell {
    --cc-bg: #090b12;
    --cc-surface: rgba(19, 22, 33, .82);
    --cc-surface-strong: #161a28;
    --cc-line: rgba(255, 255, 255, .10);
    --cc-line-strong: rgba(255, 255, 255, .18);
    --cc-text: #f8f8fc;
    --cc-muted: #a4a7b8;
    --cc-soft: #707589;
    --cc-accent: #a98bff;
    --cc-accent-strong: #e8b4ff;
    --cc-success: #77e0ba;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    box-sizing: border-box;
    width: 100vw;
    max-width: none;
    min-height: 760px;
    margin: 0;
    margin-left: calc(50% - 50vw);
    padding: clamp(1.25rem, 4vw, 4rem);
    color: var(--cc-text);
    background:
        radial-gradient(circle at 82% 4%, rgba(169, 139, 255, .18), transparent 28rem),
        radial-gradient(circle at 12% 68%, rgba(83, 109, 255, .12), transparent 24rem),
        var(--cc-bg);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.creator-club-shell *, .creator-club-shell *::before, .creator-club-shell *::after { box-sizing: inherit; }
.creator-club-shell__noise { position: absolute; inset: 0; z-index: -1; opacity: .18; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"); mix-blend-mode: screen; }
.creator-club-shell__inner { position: relative; z-index: 1; width: min(100%, 1120px); margin: 0 auto; }
.creator-club-shell__footer { display: flex; justify-content: space-between; gap: 1rem; padding-top: 2rem; color: var(--cc-soft); font-size: .68rem; letter-spacing: .16em; }
.creator-club-shell--profile, .creator-club-shell--creator { color: var(--cc-text); }
.creator-club-shell--profile h1, .creator-club-shell--profile h2, .creator-club-shell--creator h1, .creator-club-shell--creator h2 { color: var(--cc-text); }
.creator-club-shell--profile p, .creator-club-shell--creator p { color: var(--cc-muted); }
.creator-club-eyebrow { margin: 0 0 .6rem; color: var(--cc-accent-strong); font-size: .68rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.creator-club-eyebrow span { color: var(--cc-soft); margin: 0 .35rem; }
.creator-club-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; padding: clamp(2rem, 5vw, 4rem) 0 2.2rem; }
.creator-club-hero h1 { max-width: 760px; margin: 0; color: var(--cc-text); font-size: clamp(2.25rem, 6vw, 5.25rem); font-weight: 650; letter-spacing: -.055em; line-height: .98; }
.creator-club-hero__intro { max-width: 540px; margin: 1.2rem 0 0; color: var(--cc-muted); font-size: clamp(.95rem, 1.8vw, 1.12rem); line-height: 1.7; }
.creator-club-hero__signal { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .55rem; padding: .7rem .9rem; border: 1px solid var(--cc-line); border-radius: 999px; color: var(--cc-muted); font-size: .65rem; letter-spacing: .14em; white-space: nowrap; }
.creator-club-hero__signal-dot { width: .48rem; height: .48rem; border-radius: 50%; background: var(--cc-success); box-shadow: 0 0 0 .25rem rgba(119, 224, 186, .12), 0 0 1rem rgba(119, 224, 186, .7); }
.member-dashboard__metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin: 0 0 1.2rem; }
.creator-club-metric { padding: 1rem 1.15rem; border: 1px solid var(--cc-line); border-radius: 1rem; background: rgba(255,255,255,.035); }
.creator-club-metric__label { display: block; margin-bottom: .45rem; color: var(--cc-soft); font-size: .62rem; letter-spacing: .14em; }
.creator-club-metric strong { color: var(--cc-text); font-size: .9rem; font-weight: 650; letter-spacing: .04em; }
.creator-club-panel, .member-dashboard__memberships { border: 1px solid var(--cc-line); border-radius: 1.35rem; background: linear-gradient(145deg, rgba(30,34,51,.88), rgba(15,18,28,.9)); box-shadow: 0 1.5rem 4rem rgba(0,0,0,.18); }
.member-dashboard__redeem-card { position: relative; padding: clamp(1.3rem, 3vw, 2.15rem); margin-top: 1.2rem; overflow: hidden; }
.member-dashboard__redeem-card::after { content: ""; position: absolute; width: 16rem; height: 16rem; right: -6rem; bottom: -9rem; border-radius: 50%; background: rgba(169,139,255,.18); filter: blur(2px); pointer-events: none; }
.creator-club-panel__heading, .creator-club-section-heading { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.creator-club-panel h2, .creator-club-section-heading h2 { margin: 0; color: var(--cc-text); font-size: clamp(1.25rem, 2.8vw, 1.8rem); letter-spacing: -.035em; }
.creator-club-panel__index { color: var(--cc-soft); font-size: .7rem; letter-spacing: .14em; }
.member-dashboard__redeem-form { position: relative; z-index: 2; margin-top: 1.6rem; }
.member-dashboard__redeem-form label { display: block; margin-bottom: .55rem; color: var(--cc-muted); font-size: .78rem; font-weight: 600; }
.member-dashboard__redeem-hint { margin: -.25rem 0 .7rem; color: var(--cc-soft); font-size: .76rem; line-height: 1.5; }
.member-dashboard__redeem-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .7rem; align-items: stretch; }
.creator-club-shell input[type="text"], .creator-club-shell input[type="search"] { min-width: 0; width: 100%; border: 1px solid var(--cc-line-strong); border-radius: .85rem; outline: none; background: rgba(4,6,12,.55); color: var(--cc-text); padding: .85rem 1rem; font: inherit; transition: border-color .18s ease, box-shadow .18s ease; }
.creator-club-shell input:focus { border-color: var(--cc-accent); box-shadow: 0 0 0 .22rem rgba(169,139,255,.14); }
.creator-club-shell input::placeholder { color: var(--cc-soft); }
.creator-club__button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.8rem; border: 1px solid transparent; border-radius: .78rem; padding: .7rem 1.05rem; color: var(--cc-text); font: inherit; font-size: .82rem; font-weight: 650; text-decoration: none; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.creator-club__button:hover { transform: translateY(-1px); }
.creator-club__button--accent { min-width: 7.2rem; background: linear-gradient(135deg, var(--cc-accent), #7961e8); box-shadow: 0 .7rem 1.5rem rgba(121,97,232,.22); }
.member-dashboard__redeem-row .creator-club__button { position: relative; z-index: 2; pointer-events: auto; }
.creator-club__button--ghost { width: 100%; border-color: var(--cc-line-strong); background: rgba(255,255,255,.035); color: var(--cc-text); }
.creator-club__button--ghost:hover { border-color: var(--cc-accent); background: rgba(169,139,255,.1); }
.creator-club-form-hint { margin: .7rem 0 0; color: var(--cc-soft); font-size: .72rem; }
.creator-club-alert { margin: 1rem 0 0; padding: .7rem .85rem; border: 1px solid rgba(255,152,174,.28); border-radius: .7rem; background: rgba(255,95,132,.08); color: #ffc2d0; font-size: .8rem; }
.creator-club-alert--success { border-color: rgba(119,224,186,.28); background: rgba(119,224,186,.08); color: var(--cc-success); }
.member-dashboard__memberships { padding: clamp(1.3rem, 3vw, 2.15rem); margin-top: 1.2rem; background: transparent; box-shadow: none; }
.creator-club-section-heading__count { padding-top: .25rem; color: var(--cc-soft); font-size: .66rem; letter-spacing: .12em; }
.member-dashboard__membership-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 1rem; margin-top: 1.35rem; }
.member-dashboard__membership-card { min-width: 0; overflow: hidden; border: 1px solid var(--cc-line); border-radius: 1.15rem; background: var(--cc-surface); box-shadow: 0 .9rem 2.5rem rgba(0,0,0,.16); }
.creator-club-card__cover { min-height: 7.3rem; background: linear-gradient(135deg, #272b43, #151827); background-position: center; background-size: cover; }
.creator-club-card__body { padding: 1rem; }
.creator-club-card__identity { display: flex; align-items: center; gap: .7rem; margin-top: 0; }
.creator-club-card__identity h3 { margin: 0 0 .25rem; color: var(--cc-text); font-size: 1rem; font-weight: 650; }
.creator-club-card__avatar { display: grid; flex: 0 0 3.6rem; place-items: center; width: 3.6rem; height: 3.6rem; border: .22rem solid var(--cc-surface-strong); border-radius: 1.1rem; object-fit: cover; background: linear-gradient(135deg, #b69bff, #6c5bd4); color: #fff; font-size: 1.25rem; font-weight: 750; box-shadow: 0 .5rem 1.2rem rgba(0,0,0,.22); }
.creator-club-card__status { color: var(--cc-success); font-size: .61rem; letter-spacing: .09em; }
.creator-club-card__status i { display: inline-block; width: .38rem; height: .38rem; margin-right: .28rem; border-radius: 50%; background: currentColor; vertical-align: .06rem; }
.creator-club-card__expiry { display: flex; justify-content: space-between; gap: .8rem; margin: 1.1rem 0; padding-top: .85rem; border-top: 1px solid var(--cc-line); color: var(--cc-soft); font-size: .68rem; letter-spacing: .08em; }
.creator-club-card__expiry strong { color: var(--cc-muted); font-size: .72rem; font-weight: 600; letter-spacing: 0; }
.creator-club-empty-state { display: grid; justify-items: center; margin-top: 1.2rem; padding: 3.5rem 1rem; border: 1px dashed var(--cc-line-strong); border-radius: 1rem; text-align: center; }
.creator-club-empty-state__mark { display: grid; width: 3rem; height: 3rem; place-items: center; border: 1px solid var(--cc-line-strong); border-radius: 50%; color: var(--cc-accent-strong); font-size: 1.5rem; }
.creator-club-empty-state h3 { margin: 1rem 0 .35rem; color: var(--cc-text); font-size: 1rem; }
.creator-club-empty-state p { margin: 0; color: var(--cc-soft); font-size: .8rem; }

/* Shared profile/workbench treatment. */
.creator-club:not(.creator-club-shell) { box-sizing: border-box; max-width: 1120px; margin: 2rem auto; padding: 1.25rem; color: #f8f8fc; }
.creator-club:not(.creator-club-shell) .creator-club__header h1, .creator-club:not(.creator-club-shell) h2 { color: #f8f8fc; }
.creator-club__profile, .creator-club__cards, .member-dashboard__redeem, .member-dashboard__memberships { border: 1px solid rgba(255,255,255,.1); border-radius: 1rem; background: #151827; padding: 1.25rem; margin-top: 1rem; }
.creator-club__card { display: flex; gap: .75rem; align-items: center; justify-content: space-between; padding: .85rem 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.creator-club__card:last-child { border-bottom: 0; }
.creator-club__notice { border-left: 3px solid #a98bff; padding: .75rem 1rem; background: rgba(169,139,255,.1); color: #c9cbe0; }
.creator-club-login-required { max-width: 760px; margin: 1.5rem auto; }
.creator-club-login-required > p { margin: 0; }
.creator-club-login-required__actions { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: .85rem !important; }
.creator-club-login-required__actions span { display: inline-flex; align-items: center; gap: .4rem; }
.creator-club-login-required a { display: inline-flex; align-items: center; min-height: 38px; padding: .45rem .85rem; border: 1px solid rgba(232,180,255,.45); border-radius: 999px; color: #f3d8ff; font-weight: 700; line-height: 1; text-decoration: none; }
.creator-club-login-required a:hover,
.creator-club-login-required a:focus-visible { border-color: #e8b4ff; background: rgba(232,180,255,.12); color: #fff; }
.creator-club-register-form { display: grid; gap: .8rem; margin-top: 1.25rem; padding-top: 1.15rem; border-top: 1px solid rgba(232,180,255,.2); }
.creator-club-register-form h2,
.creator-club-register-form p { margin: 0; }
.creator-club-register-form label { display: grid; gap: .35rem; color: #eef0ff; font-weight: 700; }
.creator-club-register-form input { width: 100%; min-height: 44px; box-sizing: border-box; border: 1px solid rgba(232,180,255,.32); border-radius: 10px; background: rgba(7,9,18,.78); color: #fff; padding: .65rem .75rem; }
.creator-club-register-form button { justify-self: start; min-height: 42px; border: 0; border-radius: 999px; background: linear-gradient(135deg,#a98bff,#d96cff); color: #fff; padding: .65rem 1.15rem; font-weight: 800; cursor: pointer; }
.creator-club-register-form button:hover,
.creator-club-register-form button:focus-visible { filter: brightness(1.08); }
.creator-club-register-form__error { border-left: 3px solid #ff6b8a; background: rgba(255,107,138,.1); color: #ffd7df; padding: .7rem .8rem; }
.creator-club-conversation { max-width: 760px; margin: 2rem auto; padding: 1.25rem; color: #f8f8fc; }
.creator-club-conversation h2 { margin: 0 0 1rem; color: #f8f8fc; }
.creator-club-conversation__messages { display: grid; gap: .8rem; max-height: 60vh; overflow: auto; padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1rem; background: #10131f; }
.creator-club-message { max-width: 82%; padding: .8rem 1rem; border-radius: .85rem; background: rgba(255,255,255,.06); }
.creator-club-message.is-unread { border-left: 2px solid #a98bff; }
.creator-club-message p { margin: 0; white-space: pre-wrap; color: #f8f8fc; }
.creator-club-message time { display: block; margin-top: .45rem; color: #8f93aa; font-size: .68rem; }
.creator-club-message img, .creator-club-message video { display: block; max-width: min(100%, 420px); max-height: 320px; margin-top: .65rem; border-radius: .65rem; object-fit: contain; background: #080a11; }
.creator-club-conversation__file, .creator-club-support__file { display: inline-flex; align-items: center; gap: .4rem; margin-top: .65rem; color: var(--cc-accent-strong); font-size: .8rem; font-weight: 650; text-decoration: underline; overflow-wrap: anywhere; }
.creator-club-conversation__form { display: grid; gap: .65rem; margin-top: 1rem; padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1rem; background: #151827; }
.creator-club-conversation__form label { color: #a4a7b8; font-size: .78rem; }
.creator-club-conversation__form textarea { min-height: 7rem; width: 100%; resize: vertical; border: 1px solid rgba(255,255,255,.16); border-radius: .65rem; padding: .75rem; background: #0b0e18; color: #f8f8fc; font: inherit; }
.creator-club-conversation__form input[type="file"] { color: #a4a7b8; }
.creator-club-conversation__form small { color: #8f93aa; line-height: 1.5; }
.creator-club-conversation__form button { justify-self: start; border: 0; border-radius: .65rem; padding: .7rem 1rem; background: linear-gradient(135deg, #a98bff, #7961e8); color: #fff; font-weight: 700; cursor: pointer; }
.creator-club-support-page { min-height: 760px; }
.creator-club-support__nav { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .5rem; }
.creator-club-support__nav .creator-club__button { width: auto; }
.creator-club-app-download__nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--cc-line); }
.creator-club-app-download__nav > div { display: flex; flex-wrap: wrap; gap: 1rem; }
.creator-club-app-download__nav a { color: var(--cc-muted); font-size: .78rem; font-weight: 650; text-decoration: none; }
.creator-club-app-download__nav .creator-club-app-download__brand { color: var(--cc-text); font-size: 1rem; }
.creator-club-app-download__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.creator-club-app-download__card { padding: clamp(1.4rem, 3vw, 2rem); }
.creator-club-app-download__card h2, .creator-club-app-download__verify h2 { margin: 0; color: var(--cc-text); }
.creator-club-app-download__card p:not(.creator-club-eyebrow), .creator-club-app-download__verify p:not(.creator-club-eyebrow) { min-height: 4.8rem; color: var(--cc-muted); line-height: 1.7; }
.creator-club-app-download__card .creator-club__button { width: auto; }
.creator-club-app-download__verify { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; margin-top: 1rem; padding: 1.4rem 1.6rem; }
.creator-club-app-download__verify p:not(.creator-club-eyebrow) { min-height: 0; margin-bottom: 0; }
.creator-club-app-download__verify .creator-club__button { flex: 0 0 auto; width: auto; }
.creator-club-app-download__help { margin: 1.2rem 0 0; color: var(--cc-muted); text-align: center; }
.creator-club-app-download__help a { color: var(--cc-accent-strong); }
.creator-club-support__thread { display: grid; gap: .8rem; max-width: 820px; margin: 1.5rem auto 0; padding: 1.1rem; border: 1px solid var(--cc-line); border-radius: 1.2rem; background: rgba(10,12,20,.72); }
.creator-club-support__message { display: flex; }
.creator-club-support__message.is-support { justify-content: flex-start; }
.creator-club-support__message.is-visitor { justify-content: flex-end; }
.creator-club-support__bubble { max-width: min(82%, 620px); padding: .8rem 1rem; border-radius: .9rem; background: rgba(255,255,255,.06); }
.creator-club-support__message.is-support .creator-club-support__bubble { border-left: 2px solid var(--cc-success); }
.creator-club-support__message.is-visitor .creator-club-support__bubble { border-right: 2px solid var(--cc-accent); background: rgba(169,139,255,.12); }
.creator-club-support__bubble p { margin: 0; white-space: pre-wrap; color: var(--cc-text); }
.creator-club-support__bubble time { display: block; margin-top: .5rem; color: var(--cc-soft); font-size: .68rem; }
.creator-club-support__bubble img, .creator-club-support__bubble video { display: block; max-width: min(100%, 420px); max-height: 320px; margin-top: .7rem; border-radius: .65rem; object-fit: contain; background: #080a11; }
.creator-club-support__form { display: grid; gap: .7rem; max-width: 820px; margin: 1rem auto 3rem; padding: 1.2rem; border: 1px solid var(--cc-line); border-radius: 1.2rem; background: rgba(255,255,255,.035); }
.creator-club-support__form label { color: var(--cc-muted); font-size: .78rem; }
.creator-club-support__form textarea { min-height: 7rem; resize: vertical; border: 1px solid var(--cc-line-strong); border-radius: .7rem; padding: .8rem; background: rgba(4,6,12,.55); color: var(--cc-text); font: inherit; }
.creator-club-support__form input[type="file"] { color: var(--cc-muted); }
.creator-club-support__form small { color: var(--cc-soft); line-height: 1.5; }
.creator-club-support__form .creator-club__button { width: fit-content; }
.creator-profile__header { display: grid; gap: 1rem; }
.creator-profile__nav { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; margin-bottom: .5rem; }
.creator-profile__nav .creator-club__button { width: auto; }
.creator-profile__identity { display: flex; align-items: center; gap: 1rem; }
.creator-profile__identity h1 { margin: 0; }
.creator-profile__identity p { margin: .55rem 0 0; }
.creator-profile__avatar { display: block; flex: 0 0 5.25rem; width: 5.25rem; height: 5.25rem; border: 2px solid rgba(255,255,255,.18); border-radius: 1.35rem; object-fit: cover; background: linear-gradient(135deg, #b69bff, #6c5bd4); box-shadow: 0 .8rem 1.8rem rgba(0,0,0,.25); }
.creator-profile__avatar--fallback { display: grid; place-items: center; color: #fff; font-size: 1.8rem; font-weight: 750; }
.creator-profile__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.creator-profile__categories { display: grid; gap: 1.25rem; margin-top: 2rem; padding: 1.25rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(28,31,52,.78), rgba(12,14,25,.88)); }
.creator-profile__categories-heading, .creator-profile__category-heading { display: grid; gap: .35rem; }
.creator-profile__categories-heading > span, .creator-profile__category-heading > span { color: var(--cc-accent-strong); font-size: .62rem; font-weight: 750; letter-spacing: .16em; }
.creator-profile__categories-heading h2, .creator-profile__category-heading h2 { margin: 0; color: var(--cc-text); font-size: clamp(1.55rem, 3.5vw, 2.5rem); letter-spacing: -.055em; }
.creator-profile__category-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .65rem; }
.creator-profile__category-link { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .9rem 1rem; border: 1px solid rgba(255,255,255,.13); border-radius: .8rem; color: var(--cc-muted); background: rgba(255,255,255,.035); font-size: .86rem; font-weight: 650; text-decoration: none; transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease; }
.creator-profile__category-link:hover, .creator-profile__category-link:focus-visible { border-color: rgba(169,139,255,.62); color: var(--cc-text); background: rgba(169,139,255,.12); transform: translateY(-1px); }
.creator-profile__category-link.is-selected { border-color: rgba(241,208,141,.58); color: var(--cc-text); background: linear-gradient(135deg, rgba(201,151,75,.2), rgba(121,97,232,.16)); box-shadow: 0 .45rem 1.25rem rgba(0,0,0,.16); }
.creator-profile__category { display: grid; gap: 1.25rem; margin-top: 2rem; }
.creator-club__media { border: 1px solid rgba(255,255,255,.1); border-radius: 1rem; background: #151827; padding: .75rem; overflow: hidden; }
.creator-club__media-visual { position: relative; overflow: hidden; border-radius: .7rem; background: #080a11; }
.creator-club__media img, .creator-club__media video { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: inherit; }
.creator-club__media--locked { border-color: rgba(241,208,141,.2); background: linear-gradient(145deg, rgba(39,34,49,.94), #111421); }
.creator-club__media-lock { position: relative; display: grid; min-height: 0; aspect-ratio: 4 / 3; place-items: center; gap: .55rem; overflow: hidden; border-radius: .7rem; color: rgba(255,255,255,.88); background: radial-gradient(circle at 50% 38%, rgba(169,139,255,.28), transparent 27%), linear-gradient(145deg, #25213b, #0b0e18); font-size: .78rem; font-weight: 700; text-decoration: none; }
.creator-club__media-lock--poster { background: #080a11; }
.creator-club__media-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) brightness(.62); }
.creator-club__media-lock-overlay { position: relative; z-index: 1; display: grid; place-items: center; gap: .55rem; text-shadow: 0 1px 3px rgba(0,0,0,.8); }
.creator-club__media-lock:hover, .creator-club__media-lock:focus-visible { color: #fff; box-shadow: inset 0 0 0 1px rgba(241,208,141,.65); }
.creator-club__media-lock-icon { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; color: var(--cc-accent-strong); font-size: .75rem; }
.creator-club__media-lock .creator-club__media-badge { top: .65rem; right: .65rem; }
.creator-club__media-badge { position: absolute; top: .65rem; right: .65rem; z-index: 2; pointer-events: none; border: 1px solid rgba(255,255,255,.42); border-radius: 999px; padding: .28rem .5rem; color: #fff; font-size: .62rem; font-weight: 800; letter-spacing: .12em; line-height: 1; text-shadow: 0 1px 1px rgba(0,0,0,.35); }
.creator-club__media-badge--vip { border-color: rgba(255,224,170,.72); background: linear-gradient(135deg, #f1b968, #a75bdb); box-shadow: 0 .35rem 1rem rgba(167,91,219,.34); }
.creator-club__media p { color: #a4a7b8; }
.creator-dashboard .creator-club__button { background: linear-gradient(135deg, #a98bff, #7961e8); }
.creator-club-source-picker__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .65rem; margin: 1rem 0; }
.creator-club-source-picker__item { display: flex; align-items: center; gap: .55rem; min-width: 0; padding: .75rem; border: 1px solid rgba(255,255,255,.1); border-radius: .75rem; background: rgba(255,255,255,.035); color: #f8f8fc; }
.creator-club-source-picker__item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.creator-club-source-picker__item small { margin-left: auto; color: #8f93aa; font-size: .68rem; white-space: nowrap; }
.creator-club-source-picker select { min-width: 12rem; border: 1px solid rgba(255,255,255,.16); border-radius: .6rem; padding: .55rem .7rem; background: #0f1220; color: #f8f8fc; }

/* Homepage treatment: dark editorial gallery with content-first sections. */
.creator-club-shell--home { --cc-home-line: rgba(255,255,255,.13); --cc-home-muted: #969bb1; }
.member-dashboard__nav { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .5rem; }
.member-dashboard__nav .creator-club__button { width: auto; }
.creator-club-shell--member .creator-club-card__identity { margin-top: 0; }
.creator-club-home__nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .35rem 0 1.5rem; border-bottom: 1px solid var(--cc-home-line); }
.creator-club-home__brand { display: inline-flex; align-items: center; gap: .65rem; color: var(--cc-text); font-size: .72rem; font-weight: 750; letter-spacing: .15em; text-decoration: none; }
.creator-club-home__brand-mark { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid var(--cc-accent); border-radius: .65rem; color: var(--cc-accent-strong); font-size: .8rem; letter-spacing: 0; }
.creator-club-home__nav-links { display: flex; align-items: center; gap: 1.1rem; }
.creator-club-home__nav-links > a:not(.creator-club__button) { color: var(--cc-muted); font-size: .75rem; text-decoration: none; }
.creator-club-home__nav-links > a:not(.creator-club__button):hover { color: var(--cc-text); }
.creator-club-home__hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr); align-items: center; gap: 2rem; min-height: 33rem; padding: clamp(3rem, 8vw, 7rem) 0 2rem; }
.creator-club-home__hero-copy { position: relative; z-index: 1; }
.creator-club-home__hero h1 { max-width: 720px; margin: 0; color: var(--cc-text); font-size: clamp(2.8rem, 7vw, 6.8rem); font-weight: 680; letter-spacing: -.075em; line-height: .92; }
.creator-club-home__intro { max-width: 540px; margin: 1.4rem 0 0; color: var(--cc-muted); font-size: clamp(1rem, 1.8vw, 1.2rem); line-height: 1.75; }
.creator-club-home__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.creator-club-home__actions .creator-club__button { width: auto; }
.creator-club-home__app-download { display: flex; align-items: center; gap: 16px; width: min(100%, 28rem); min-height: 6rem; margin-top: 1rem; padding: 18px 20px; border: 1px solid var(--cc-accent); border-radius: 1.1rem; color: var(--cc-text); background: linear-gradient(115deg, rgba(255,64,88,.18), rgba(255,64,88,.03)), var(--cc-surface-strong); box-shadow: 0 .75rem 2rem rgba(255,64,88,.1); text-decoration: none; touch-action: manipulation; scroll-margin-block: 1.5rem calc(7rem + env(safe-area-inset-bottom)); transition: border-color .18s ease, box-shadow .18s ease; }
.creator-club-home__app-download:hover { border-color: var(--cc-accent-strong); box-shadow: 0 .75rem 2.2rem rgba(255,64,88,.2); }
.creator-club-home__app-download:focus-visible { outline: 3px solid var(--cc-accent-strong); outline-offset: 4px; }
.creator-club-home__app-download:active { box-shadow: none; }
.creator-club-home__app-download-icon { display: grid; flex: 0 0 52px; width: 52px; height: 52px; place-items: center; border-radius: 14px; color: #fff; background: var(--cc-accent); }
.creator-club-home__app-download-icon svg { width: 30px; height: 30px; }
.creator-club-home__app-download-copy { display: flex; flex: 1; flex-direction: column; gap: .3rem; min-width: 0; }
.creator-club-home__app-download-copy strong { color: var(--cc-text); font-size: 1.35rem; font-weight: 750; line-height: 1.3; overflow-wrap: anywhere; }
.creator-club-home__app-download-copy > span { color: var(--cc-muted); font-size: .8rem; line-height: 1.5; }
.creator-club-home__app-download-arrow { flex: 0 0 22px; width: 22px; height: 22px; color: var(--cc-accent-strong); }
@media (prefers-reduced-motion: reduce) { .creator-club-home__app-download { transition: none; } }
.creator-club-home__hero-art { position: relative; min-height: 22rem; overflow: hidden; border: 1px solid var(--cc-home-line); border-radius: 2rem; background: radial-gradient(circle at 30% 25%, rgba(222,177,255,.4), transparent 17%), linear-gradient(145deg, #282342 0%, #111426 56%, #080a11 100%); box-shadow: inset 0 0 4rem rgba(255,255,255,.05), 0 2rem 5rem rgba(0,0,0,.25); transform: rotate(2deg); }
.creator-club-home__hero-art::before, .creator-club-home__hero-art::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; transform: rotate(-18deg); }
.creator-club-home__hero-art::before { width: 28rem; height: 28rem; right: -10rem; top: -8rem; }
.creator-club-home__hero-art::after { width: 17rem; height: 17rem; left: -5rem; bottom: -7rem; }
.creator-club-home__orb { position: absolute; display: block; border-radius: 50%; filter: blur(1px); }
.creator-club-home__orb--one { width: 8rem; height: 8rem; right: 18%; top: 22%; background: linear-gradient(135deg, #f3c5ff, #8c6dff); box-shadow: 0 0 5rem rgba(169,139,255,.65); }
.creator-club-home__orb--two { width: 3.5rem; height: 3.5rem; left: 24%; bottom: 24%; background: #77e0ba; box-shadow: 0 0 3rem rgba(119,224,186,.55); }
.creator-club-home__art-label { position: absolute; right: 1.4rem; bottom: 1.2rem; color: rgba(255,255,255,.56); font-size: .58rem; font-weight: 700; letter-spacing: .2em; line-height: 1.7; text-align: right; }
.creator-club-home__announcement { display: inline-flex; align-items: center; gap: .55rem; margin: 0; padding: .7rem .9rem; border: 1px solid var(--cc-home-line); border-radius: 999px; color: var(--cc-muted); font-size: .68rem; letter-spacing: .11em; }
.creator-club-home__metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin: 2.5rem 0 5rem; }
.creator-club-home__metrics > div { display: flex; flex-direction: column; gap: .4rem; padding: 1rem 0; border-top: 1px solid var(--cc-home-line); }
.creator-club-home__metrics strong { color: var(--cc-text); font-size: 1.65rem; font-weight: 650; letter-spacing: -.04em; }
.creator-club-home__metrics span { color: var(--cc-soft); font-size: .61rem; letter-spacing: .13em; }
.creator-club-home__section { margin: 0 0 5rem; scroll-margin-top: 2rem; }
.creator-club-home__section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.4rem; }
.creator-club-home__section-heading h2 { margin: 0; color: var(--cc-text); font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: -.055em; }
.creator-club-home__section-heading > span { color: var(--cc-soft); font-size: .7rem; letter-spacing: .1em; }
.creator-club-home__creator-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .9rem; }
.creator-club-home__creator-card { position: relative; min-height: 21rem; overflow: hidden; border: 1px solid var(--cc-home-line); border-radius: 1.35rem; background: linear-gradient(150deg, rgba(42,44,70,.9), rgba(11,13,22,.96)); }
.creator-club-home__creator-card:nth-child(3n+2) { background: linear-gradient(150deg, rgba(37,62,68,.9), rgba(10,15,22,.96)); }
.creator-club-home__creator-card:nth-child(3n+3) { background: linear-gradient(150deg, rgba(65,39,70,.9), rgba(14,12,23,.96)); }
.creator-club-home__creator-card::after { content: ""; position: absolute; width: 12rem; height: 12rem; right: -5rem; top: -5rem; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.creator-club-home__creator-art { display: grid; height: 9rem; place-items: center; background: radial-gradient(circle at 50% 80%, rgba(255,255,255,.13), transparent 36%), linear-gradient(135deg, rgba(255,255,255,.08), transparent); }
.creator-club-home__creator-art img { width: 5rem; height: 5rem; border: 1px solid rgba(255,255,255,.28); border-radius: 1.5rem; object-fit: cover; box-shadow: 0 1rem 2.5rem rgba(0,0,0,.2); }
.creator-club-home__creator-art span { display: grid; width: 5rem; height: 5rem; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 1.5rem; color: var(--cc-text); font-size: 2rem; font-weight: 700; background: rgba(255,255,255,.08); box-shadow: 0 1rem 2.5rem rgba(0,0,0,.2); }
.creator-club-home__creator-body { position: relative; z-index: 1; padding: 1.2rem; }
.creator-club-home__card-index { margin: 0 0 .8rem; color: var(--cc-accent-strong); font-size: .62rem; letter-spacing: .18em; }
.creator-club-home__creator-body h3 { margin: 0; color: var(--cc-text); font-size: 1.35rem; letter-spacing: -.04em; }
.creator-club-home__creator-body p:not(.creator-club-home__card-index) { min-height: 2.7rem; margin: .5rem 0 1.2rem; color: var(--cc-muted); font-size: .8rem; line-height: 1.6; }
.creator-club-home__creator-body a { color: var(--cc-text); font-size: .75rem; font-weight: 650; text-decoration: none; }
.creator-club-home__creator-body a:hover { color: var(--cc-accent-strong); }
.creator-club-home__preview-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .9rem; }
.creator-club-home__preview-card { overflow: hidden; border: 1px solid var(--cc-home-line); border-radius: 1.1rem; background: rgba(255,255,255,.035); }
.creator-club-home__preview-media { position: relative; display: grid; min-height: 12rem; place-items: center; overflow: hidden; background: linear-gradient(135deg, #24243a, #10121f); color: var(--cc-soft); font-size: .65rem; letter-spacing: .16em; }
.creator-club-home__preview-media img, .creator-club-home__preview-media video { display: block; width: 100%; height: 12rem; object-fit: cover; }
.creator-club-home__play--cover, .creator-club__media-play--cover { position: absolute; inset: 0; z-index: 3; display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: transparent; cursor: pointer; }
.creator-club-home__play--cover:focus-visible, .creator-club__media-play--cover:focus-visible { outline: 3px solid var(--cc-accent-strong, #d9b6ff); outline-offset: -4px; }
.creator-club-home__play--cover:disabled, .creator-club__media-play--cover:disabled { cursor: wait; }
body.creator-club-playback-open { overflow:hidden!important; }
.creator-club-playback-overlay { --cc-player-left:12px; --cc-player-right:76px; position:fixed; inset:0; z-index:2147483000; box-sizing:border-box; overflow:hidden; background:#000; color:#fff; font-family:inherit; }
.creator-club-playback-overlay [hidden] { display:none!important; }
.creator-club-playback-overlay::after { content:""; position:absolute; z-index:2; pointer-events:none; inset:auto 0 0; height:160px; background:linear-gradient(transparent,#0009); }
.creator-club-playback-overlay__canvas { position:absolute; inset:0 0 env(safe-area-inset-bottom); min-width:0; min-height:0; overflow:hidden; background:#000; }
.creator-club-playback-overlay__canvas video { display:block; width:100%; height:100%; min-width:0; min-height:0; max-width:none; max-height:none; object-fit:contain; background:#000; }
.creator-club-playback-overlay__canvas video.is-portrait { object-fit:cover; }
.creator-club-shell [data-cc-search-suggestions][hidden] { display:none!important; }
.creator-club-playback-overlay__canvas .creator-club__media-badge { top:max(16px,env(safe-area-inset-top)); right:max(12px,env(safe-area-inset-right)); z-index:5; pointer-events:none; font-size:9px; padding:3px 5px; }
.creator-club-playback-overlay__close { position:absolute; top:max(12px,env(safe-area-inset-top)); left:max(10px,env(safe-area-inset-left)); z-index:7; display:grid; width:40px; height:40px; place-items:center; margin:0; padding:0; border:0; border-radius:50%; background:#0006; color:#fff; font:400 28px/1 system-ui,sans-serif; cursor:pointer; }
.creator-club-playback-overlay__close:focus-visible { outline:2px solid #d9b6ff; outline-offset:2px; }
.creator-club-playback-overlay__info { position:absolute; z-index:4; left:max(var(--cc-player-left),env(safe-area-inset-left)); right:max(var(--cc-player-right),env(safe-area-inset-right)); bottom:calc(28px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; gap:4px; min-width:0; margin:0; padding:0; color:#fff; text-shadow:0 1px 4px #000; }
.creator-club-playback-overlay__info strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#fff; font-size:14px; font-weight:600; line-height:1.3; letter-spacing:0; overflow-wrap:anywhere; }
.creator-club-playback-overlay__info p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0; padding:0; color:#fffc; font-size:12px; line-height:1.3; letter-spacing:0; }
.creator-club-playback-overlay__info small { margin:0; color:#fffb; font-size:10px; line-height:1.2; letter-spacing:0; }
.creator-club-playback-overlay__status { position:absolute; z-index:8; left:max(var(--cc-player-left),env(safe-area-inset-left)); right:max(var(--cc-player-right),env(safe-area-inset-right)); bottom:calc(28px + env(safe-area-inset-bottom)); box-sizing:border-box; width:auto; max-width:420px; margin:0; padding:10px; border:1px solid #ffffff25; border-radius:12px; background:#14141ed9; color:#fff; font:inherit; font-size:12px; line-height:1.5; text-align:center; overflow-wrap:anywhere; }
.creator-club-playback-overlay__canvas > .creator-club-playback-overlay__status { top:50%; bottom:auto; transform:translateY(-50%); }
.creator-club-playback-overlay__status.is-error { border-color:#ff778b66; color:#ffd6dd; }
.creator-club-playback-overlay.is-preview-ended video { filter:blur(9px) brightness(.62); }
.creator-club-playback-overlay.is-preview-ended .creator-club-playback-overlay__info { display:none; }
.creator-club-playback-overlay.is-preview-ended .creator-club-playback-overlay__status { bottom:calc(26px + env(safe-area-inset-bottom)); padding:4px 10px 10px; text-align:left; }
.cc-preview-lock { position:absolute; z-index:4; top:44%; left:50%; transform:translate(-50%,-50%); width:max-content; max-width:90%; pointer-events:none; text-align:center; font-size:14px; line-height:1.4; text-shadow:0 1px 4px #000; }
.cc-preview-lock::before { content:"🔒"; display:block; margin-bottom:8px; font-size:28px; }
.cc-preview-unlock__heading { display:flex; min-height:40px; align-items:center; justify-content:space-between; gap:4px; font-size:12px; }
.cc-preview-upgrade { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:100%; min-height:42px; padding:8px; border:0; border-radius:8px; background:#ff4058; color:#fff; font:inherit; font-size:13px; line-height:1.4; font-weight:600; text-decoration:none; }
.creator-club-home__preview-card--members .creator-club-home__preview-media { background: radial-gradient(circle at 50% 35%, rgba(190,142,255,.22), transparent 38%), linear-gradient(145deg, #252039, #10121f); }
.creator-club-home__preview-lock { position: relative; display: grid; width: 100%; height: 12rem; place-items: center; color: var(--cc-text); text-decoration: none; }
.creator-club-home__preview-lock--poster { overflow: hidden; background: #080a11; }
.creator-club-home__preview-lock--poster > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) brightness(.62); }
.creator-club-home__preview-lock-overlay { position: relative; z-index: 1; color: var(--cc-text); text-shadow: 0 1px 3px rgba(0,0,0,.8); }
.creator-club-home__preview-lock > span:last-child { color: var(--cc-muted); font-size: .72rem; letter-spacing: .12em; }
.creator-club-home__preview-lock .creator-club__media-badge { top: .7rem; right: .7rem; }
.creator-club-home__preview-meta { display: flex; flex-direction: column; gap: .35rem; padding: .85rem 1rem 1rem; }
.creator-club-home__preview-meta span { color: var(--cc-accent-strong); font-size: .62rem; letter-spacing: .1em; }
.creator-club-home__preview-meta strong { color: var(--cc-text); font-size: .88rem; font-weight: 600; }
.creator-club-home__empty { padding: 2.5rem 1rem; border: 1px dashed var(--cc-line-strong); border-radius: 1.1rem; text-align: center; }
.creator-club-home__empty h3 { margin: 0 0 .4rem; color: var(--cc-text); }
.creator-club-home__empty p { margin: 0; color: var(--cc-muted); font-size: .8rem; }
.creator-club-home__access { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin: 0 0 3rem; padding: clamp(1.4rem, 4vw, 2.4rem); border: 1px solid rgba(169,139,255,.3); border-radius: 1.35rem; background: linear-gradient(110deg, rgba(67,54,118,.64), rgba(19,20,35,.8)); }
.creator-club-home__access h2 { margin: 0; color: var(--cc-text); font-size: clamp(1.4rem, 3vw, 2.2rem); letter-spacing: -.05em; }
.creator-club-home__access p:last-child { margin: .55rem 0 0; color: var(--cc-muted); }
.creator-club-home__access .creator-club__button { flex: 0 0 auto; width: auto; }
.creator-club-home__support { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin: 0 0 3rem; padding: 1.35rem 1.5rem; border: 1px solid var(--cc-home-line); border-radius: 1.1rem; background: rgba(255,255,255,.035); }
.creator-club-home__support h2 { margin: 0; color: var(--cc-text); font-size: 1.35rem; letter-spacing: -.04em; }
.creator-club-home__support p:last-child { margin: .4rem 0 0; color: var(--cc-muted); font-size: .8rem; }
.creator-club-home__support .creator-club__button { flex: 0 0 auto; width: auto; }
.creator-club-home__main-header { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; padding: clamp(3.5rem, 8vw, 6rem) 0 2.25rem; border-bottom: 1px solid var(--cc-home-line); }
.creator-club-home__main-header h1 { margin: 0; color: var(--cc-text); font-size: clamp(2.6rem, 6vw, 5.2rem); letter-spacing: -.07em; line-height: .95; }
.creator-club-home__main-header p:last-child { max-width: 560px; margin: 1rem 0 0; color: var(--cc-muted); font-size: 1rem; line-height: 1.7; }
.creator-club-home__main-header .creator-club__button { flex: 0 0 auto; width: auto; }
.creator-club-home--mode-main .creator-club-home__section { margin-top: 3rem; }
.creator-club-home--mode-cover .creator-club-home__hero { min-height: 38rem; }
.creator-club-home--mode-cover .creator-club-home__announcement { margin-bottom: 2rem; }
.creator-club-home--gallery { --cc-accent: #d39a7a; --cc-accent-strong: #ffd3b4; --cc-home-line: rgba(255,231,208,.17); background: radial-gradient(circle at 86% 6%, rgba(209,139,99,.2), transparent 27rem), #0b0c10; }
.creator-club-home--gallery .creator-club-home__hero-art { transform: none; border-radius: 1rem; background: linear-gradient(135deg, rgba(205,153,113,.33), rgba(23,22,29,.92)), repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 48px); }
.creator-club-home--gallery .creator-club-home__hero-art::before { width: 22rem; height: 30rem; right: 10%; top: -6rem; border-radius: 1rem; transform: rotate(10deg); background: linear-gradient(145deg, rgba(238,193,162,.3), rgba(23,22,29,.25)); }
.creator-club-home--gallery .creator-club-home__hero-art::after { width: 16rem; height: 23rem; left: 12%; bottom: -7rem; border-radius: 1rem; transform: rotate(-12deg); background: rgba(255,255,255,.04); }
.creator-club-home--gallery .creator-club-home__orb--one { width: 5rem; height: 5rem; right: 28%; top: 29%; background: #f1c7a2; box-shadow: 0 0 4rem rgba(224,150,105,.55); }
.creator-club-home--gallery .creator-club-home__orb--two { width: 2.2rem; height: 2.2rem; left: 28%; bottom: 25%; background: #e6a67a; }
.creator-club-home--gallery .creator-club-home__creator-card { border-radius: .65rem; background: linear-gradient(150deg, rgba(65,49,47,.9), rgba(14,14,17,.98)); }
.creator-club-home--gallery .creator-club-home__creator-art { height: 12rem; background: linear-gradient(145deg, rgba(235,186,151,.34), rgba(29,26,31,.45)); }
.creator-club-home--gold { --cc-accent: #c9974b; --cc-accent-strong: #f2d08d; --cc-home-line: rgba(241,210,152,.18); background: radial-gradient(circle at 80% 0%, rgba(191,132,54,.2), transparent 27rem), #090a0b; }
.creator-club-home--gold .creator-club-home__hero-art { transform: none; border-radius: .8rem; background: linear-gradient(145deg, #302719, #0d0e10 62%); box-shadow: inset 0 0 0 1px rgba(241,210,152,.08), 0 2rem 5rem rgba(0,0,0,.35); }
.creator-club-home--gold .creator-club-home__hero-art::before { width: 24rem; height: 24rem; right: -8rem; top: -8rem; border-color: rgba(241,210,152,.28); }
.creator-club-home--gold .creator-club-home__hero-art::after { width: 12rem; height: 12rem; left: 11%; bottom: 10%; border-color: rgba(241,210,152,.25); }
.creator-club-home--gold .creator-club-home__orb--one { width: 7rem; height: 7rem; right: 24%; top: 25%; background: linear-gradient(135deg, #f2d08d, #a86e2d); box-shadow: 0 0 5rem rgba(205,145,53,.55); }
.creator-club-home--gold .creator-club-home__orb--two { width: 2.8rem; height: 2.8rem; left: 25%; bottom: 22%; background: #c9974b; box-shadow: 0 0 2.5rem rgba(201,151,75,.5); }
.creator-club-home--gold .creator-club-home__creator-card { border-color: rgba(241,210,152,.2); background: linear-gradient(150deg, rgba(48,40,28,.9), rgba(12,13,14,.98)); }
.creator-club-home--gold .creator-club-home__creator-art { background: radial-gradient(circle at 50% 80%, rgba(242,208,141,.2), transparent 40%), linear-gradient(135deg, rgba(201,151,75,.15), transparent); }
body.creator-club-home-page, body:has(.creator-club-shell--home) { background: var(--cc-bg, #090b12); }
body:has(.creator-club-shell), html:has(.creator-club-shell) { overflow-x: clip; }
@supports not (overflow: clip) {
    body:has(.creator-club-shell), html:has(.creator-club-shell) { overflow-x: hidden; }
}
body.creator-club-home-page .wp-site-blocks, body:has(.creator-club-shell--home) .wp-site-blocks { background: #090b12; }
body.creator-club-home-page .wp-site-blocks > header, body.creator-club-home-page .wp-site-blocks > footer,
body:has(.creator-club-shell--home) .wp-site-blocks > header, body:has(.creator-club-shell--home) .wp-site-blocks > footer { display: none; }
body.creator-club-home-page .wp-site-blocks > main, body:has(.creator-club-shell--home) .wp-site-blocks > main { margin-block-start: 0 !important; margin-block-end: 0 !important; }
body.creator-club-profile-page .wp-block-post-title, body.creator-club-profile-page .entry-title { display: none !important; }
body.creator-club-profile-page .wp-site-blocks > header, body.creator-club-profile-page .wp-site-blocks > footer { display: none; }
body.creator-club-profile-page .wp-site-blocks > main { margin-block-start: 0 !important; margin-block-end: 0 !important; }
body.creator-club-profile-page .wp-site-blocks > main > .wp-block-group { margin-block-start: 0 !important; padding-block-start: 0 !important; padding-block-end: 0 !important; }
body.creator-club-member-page .wp-block-post-title, body.creator-club-member-page .entry-title { display: none !important; }
body.creator-club-member-page .wp-site-blocks > header, body.creator-club-member-page .wp-site-blocks > footer { display: none; }
body.creator-club-member-page .wp-site-blocks > main { margin-block-start: 0 !important; margin-block-end: 0 !important; }
body.creator-club-member-page .wp-site-blocks > main > .wp-block-group { margin-block-start: 0 !important; padding-block-start: 0 !important; padding-block-end: 0 !important; }
@supports selector(body:has(*)) {
    body:has(.creator-club-shell--profile) .wp-block-post-title, body:has(.creator-club-shell--profile) .entry-title { display: none !important; }
    body:has(.creator-club-profile-page) .wp-site-blocks > header, body:has(.creator-club-profile-page) .wp-site-blocks > footer { display: none; }
    body:has(.creator-club-profile-page) .wp-site-blocks > main { margin-block-start: 0 !important; margin-block-end: 0 !important; }
    body:has(.creator-club-profile-page) .wp-site-blocks > main > .wp-block-group { margin-block-start: 0 !important; padding-block-start: 0 !important; padding-block-end: 0 !important; }
    body:has(.creator-club-shell--profile) .wp-site-blocks > main { margin-block-start: 0 !important; margin-block-end: 0 !important; }
}
body:has(.creator-club-shell--support) { background: #090b12; }
body:has(.creator-club-shell--support) .wp-site-blocks > header,
body:has(.creator-club-shell--support) .wp-site-blocks > footer { display: none; }
body:has(.creator-club-shell--support) .wp-site-blocks > main { margin-block-start: 0 !important; margin-block-end: 0 !important; }
body:has(.creator-club-shell--member) .wp-block-post-title, body:has(.creator-club-shell--member) .entry-title { display: none !important; }
body:has(.creator-club-shell--member) .wp-site-blocks > header,
body:has(.creator-club-shell--member) .wp-site-blocks > footer { display: none; }
body:has(.creator-club-shell--member) .wp-site-blocks > main { margin-block-start: 0 !important; margin-block-end: 0 !important; }
body:has(.creator-club-shell--member) .wp-site-blocks > main > .wp-block-group { margin-block-start: 0 !important; padding-block-start: 0 !important; padding-block-end: 0 !important; }
body:has(.creator-club-member-page) .wp-block-post-title, body:has(.creator-club-member-page) .entry-title { display: none !important; }
body:has(.creator-club-member-page) .wp-site-blocks > header, body:has(.creator-club-member-page) .wp-site-blocks > footer { display: none; }
body:has(.creator-club-member-page) .wp-site-blocks > main { margin-block-start: 0 !important; margin-block-end: 0 !important; }
body:has(.creator-club-member-page) .wp-site-blocks > main > .wp-block-group { margin-block-start: 0 !important; padding-block-start: 0 !important; padding-block-end: 0 !important; }
body.creator-club-support-page .wp-block-post-title, body.creator-club-support-page .entry-title { display: none !important; }
body.creator-club-support-page .wp-site-blocks > main { margin-block-start: 0 !important; margin-block-end: 0 !important; }
body.creator-club-support-page .wp-site-blocks > main > .wp-block-group { margin-block-start: 0 !important; padding-block-start: 0 !important; padding-block-end: 0 !important; }
body.creator-club-app-download-page .wp-block-post-title, body.creator-club-app-download-page .entry-title { display: none !important; }
body.creator-club-app-download-page .wp-site-blocks > header, body.creator-club-app-download-page .wp-site-blocks > footer { display: none; }
body.creator-club-app-download-page .wp-site-blocks > main { margin-block-start: 0 !important; margin-block-end: 0 !important; }
body.creator-club-app-download-page .wp-site-blocks > main > .wp-block-group { margin-block-start: 0 !important; padding-block-start: 0 !important; padding-block-end: 0 !important; }
body:has(.creator-club-shell--download) .wp-block-post-title, body:has(.creator-club-shell--download) .entry-title { display: none !important; }
body:has(.creator-club-shell--download) .wp-site-blocks > header, body:has(.creator-club-shell--download) .wp-site-blocks > footer { display: none; }
body:has(.creator-club-shell--download) .wp-site-blocks > main { margin-block-start: 0 !important; margin-block-end: 0 !important; }

@media (max-width: 720px) {
    .creator-club-app-download__nav, .creator-club-app-download__verify { align-items: flex-start; flex-direction: column; }
    .creator-club-app-download__grid { grid-template-columns: 1fr; }
    .creator-club-app-download__card p:not(.creator-club-eyebrow) { min-height: 0; }
    .creator-club-app-download__card .creator-club__button, .creator-club-app-download__verify .creator-club__button { width: 100%; }
    .creator-club-shell { min-height: 680px; padding: 1rem; }
    .creator-club-hero { display: block; padding: 2.2rem 0 1.5rem; }
    .creator-club-hero__signal { margin-top: 1.25rem; }
    .member-dashboard__metrics { grid-template-columns: 1fr; }
    .creator-club-shell__footer { display: block; line-height: 2; }
    .creator-club-home__nav, .creator-club-home__nav-links, .member-dashboard__nav, .creator-club-support__nav { align-items: flex-start; }
    .creator-club-support__nav { flex-wrap: wrap; }
    .member-dashboard__nav { flex-wrap: wrap; }
    .creator-club-home__nav { display: block; }
    .creator-club-home__nav-links { display: flex; flex-wrap: wrap; margin-top: 1rem; }
    .creator-club-home__hero { display: block; min-height: 0; padding: 3.5rem 0 2rem; }
    .creator-club-home__hero-art { min-height: 15rem; margin-top: 2.5rem; transform: none; }
    .creator-club-home__metrics { margin-bottom: 3.5rem; }
    .creator-club-home__section-heading, .creator-club-home__access { display: block; }
    .creator-club-home__section-heading > span { display: block; margin-top: .55rem; }
    .creator-club-home__access .creator-club__button { width: 100%; margin-top: 1.25rem; }
    .creator-club-home__support { display: block; }
    .creator-club-home__support .creator-club__button { width: 100%; margin-top: 1rem; }
    .creator-club-home__main-header { display: block; padding: 3.2rem 0 1.8rem; }
    .creator-club-home__main-header .creator-club__button { margin-top: 1.25rem; }
    .creator-profile__nav { justify-content: flex-start; flex-wrap: wrap; }
    .creator-profile__categories { padding: 1rem; }
    .creator-profile__category-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* Shared standalone Web shell and the approved four-destination navigation. */
.cc-site-page { color:#f5f7fb; background:#05080d; font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; }
.cc-site-page .creator-club-shell { --cc-bg:#05080d; --cc-surface:rgba(15,20,29,.92); --cc-accent:#ff4058; --cc-accent-strong:#ff9ca9; --cc-muted:#aab3c4; width:100%; min-height:100dvh; margin:0; padding:clamp(20px,3vw,40px); padding-bottom:calc(128px + env(safe-area-inset-bottom)); background:radial-gradient(ellipse at 85% 0,rgba(40,67,82,.18),transparent 45%),#05080d; font-size:15px; }
.cc-site-page .creator-club-shell__inner { max-width:1200px; margin-inline:auto; }
.cc-site-page a { color:inherit; }
.cc-site-page button, .cc-site-page input, .cc-site-page select, .cc-site-page textarea { font:inherit; }
.cc-site-page button, .cc-site-page a, .cc-site-page input, .cc-site-page textarea, .cc-site-page select { -webkit-tap-highlight-color:transparent; }
.cc-site-page :focus-visible { outline:3px solid #38dff4; outline-offset:3px; }
.cc-site-page .creator-club__button--accent { background:#ff4058; color:#fff; border-color:#ff4058; }
.cc-site-page .creator-club__button { min-height:44px; box-sizing:border-box; font-size:14px; letter-spacing:0; }
.cc-site-nav { position:fixed; z-index:40; left:50%; bottom:max(16px,env(safe-area-inset-bottom)); transform:translateX(-50%); display:flex; width:min(520px,calc(100% - 28px)); min-height:78px; box-sizing:border-box; border:1px solid #ffffff26; border-radius:36px; background:rgba(9,13,19,.93); box-shadow:0 12px 44px #0008; backdrop-filter:blur(20px); }
.cc-site-nav a { display:flex; flex:1; min-width:0; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:9px 4px; border-radius:30px; color:#bdc3cf; text-decoration:none; font-size:13px; font-weight:600; }
.cc-site-nav a[aria-current] { color:#ff4058; }
.cc-site-nav a[aria-current] svg { fill:rgba(255,64,88,.15); }
.cc-site-nav svg { width:27px; height:27px; }
.cc-site-nav a:hover { background:#ffffff08; }
.cc-site-nav a:focus-visible { outline:3px solid #38dff4; outline-offset:-5px; }
.cc-wordmark { font-size:20px; font-weight:800; text-decoration:none; letter-spacing:-.6px; }
.cc-wordmark span { padding-left:6px; color:#38dff4; }
.cc-directory__header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:22px; border-bottom:1px solid #ffffff12; }
.cc-directory__header .creator-club__button { width:auto; }
.cc-page-title { margin:42px 0 22px; }
.cc-page-title h1 { margin:0 0 12px; font-size:clamp(30px,4vw,44px); letter-spacing:-1.2px; }
.cc-page-title p:last-child { color:#aab3c4; line-height:1.65; }
.cc-directory__status { min-height:24px; color:#aab3c4; font-size:14px; }
.cc-directory__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.cc-directory__grid.is-empty { min-height:36vh; border:1px dashed #ffffff26; border-radius:24px; background:radial-gradient(ellipse at center,#18253077,transparent 70%); }
.cc-creator-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid #ffffff16; border-radius:24px; background:#10151e; color:#fff; text-decoration:none; transition:border-color .18s,transform .18s; }
.cc-creator-card:hover { border-color:#ff405866; transform:translateY(-3px); }
.cc-creator-card__cover { position:relative; height:135px; background:linear-gradient(130deg,#172f3a,#151923 65%,#3a2030); }
.cc-creator-card__cover>img { width:100%; height:100%; object-fit:cover; }
.cc-creator-card__avatar { position:absolute; bottom:-25px; left:22px; display:grid; place-items:center; width:68px; height:68px; border:3px solid #111721; border-radius:50%; background:#243545; color:#e1edf1; font-size:25px; overflow:hidden; }
.cc-creator-card__avatar img { width:100%; height:100%; object-fit:cover; }
.cc-creator-card__body { flex:1; padding:42px 22px 20px; }
.cc-creator-card__body h2 { margin:0 0 10px; color:#fff; font-size:21px; }
.cc-creator-card__body p { margin:0 0 16px; color:#b0b8c7; font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
.cc-profile-tags { display:flex; flex-wrap:wrap; gap:7px; margin:14px 0; }
.cc-profile-tags span { padding:5px 10px; border-radius:8px; background:#38dff410; color:#98e5ee; font-size:12px; }
.cc-creator-card__footer { display:flex; justify-content:space-between; gap:12px; margin-top:20px; padding-top:16px; border-top:1px solid #ffffff12; font-size:13px; color:#b2bdcd; }
.cc-creator-card__footer span:last-child { color:#ff9ca9; }
.cc-load-more { display:block; width:auto!important; min-width:150px; margin:26px auto; cursor:pointer; }
.cc-site-page [hidden], .creator-club-playback-overlay [hidden] { display:none!important; }
.cc-site-page [data-cc-discovery]>.creator-club-shell__inner { display:flex; flex-direction:column; }
.cc-site-page [data-cc-discovery] .creator-club-home__nav { order:0; padding-bottom:18px; }
.cc-site-page [data-cc-discovery] .creator-club-home__main-header { order:1; padding:32px 0 22px; border:0; }
.cc-site-page [data-cc-discovery] .creator-club-home__main-header h1 { font-size:clamp(29px,4vw,40px); letter-spacing:-1px; }
.cc-site-page [data-cc-discovery] .creator-club-home__search { order:2; margin:0; }
.cc-site-page [data-cc-discovery] .creator-club-home__search-status { order:3; margin:10px 0 14px; font-size:13px; }
.cc-site-page [data-cc-discovery] #creator-club-preview { order:4; }
.cc-site-page [data-cc-discovery] #creator-club-creators { order:5; margin-top:32px; }
.cc-site-page [data-cc-discovery] .creator-club-home__announcement, .cc-site-page [data-cc-discovery] .creator-club-home__metrics, .cc-site-page [data-cc-discovery] .creator-club-home__access, .cc-site-page [data-cc-discovery] .creator-club-home__support, .cc-site-page [data-cc-discovery] footer { order:6; }
.cc-site-page .creator-club-home__brand-mark { background:#ff4058; color:#fff; border-color:#ff4058; }
.cc-site-page .creator-club-home__brand { font-size:19px; }
.cc-site-page .creator-club-home__main-header p { max-width:42rem; font-size:14px; }
.cc-site-page .creator-club-home__preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.cc-site-page .creator-club-home__preview-card { position:relative; min-width:0; border-radius:22px; overflow:hidden; background:#121923; }
.cc-site-page .creator-club-home__preview-media { min-height:320px; height:420px; }
.cc-site-page .creator-club-home__preview-media img { height:100%; object-fit:cover; }
.cc-site-page .creator-club-home__preview-placeholder { position:absolute; inset:0; display:grid; place-items:center; min-height:inherit; font-size:12px; color:#718095; letter-spacing:3px; background:linear-gradient(145deg,#182735,#10141d); }
.cc-site-page .creator-club-home__preview-media:has(img) .creator-club-home__preview-placeholder { display:none; }
.cc-site-page .creator-club-home__preview-meta { position:absolute; z-index:4; bottom:0; inset-inline:0; padding:54px 18px 20px; background:linear-gradient(transparent,#000d); pointer-events:none; }
.cc-site-page .creator-club-home__preview-meta span { font-size:12px; letter-spacing:0; color:#e2e7ef; }
.cc-site-page .creator-club-home__preview-meta strong { font-size:18px; line-height:1.5; overflow-wrap:anywhere; }
.cc-site-page .creator-club-home__preview-access { color:#72e6f4; font-size:12px; line-height:1.7; }
.cc-category-filter { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 20px; }
.cc-category-filter button { min-height:40px; padding:8px 18px; color:#b3bdcb; border:1px solid #ffffff16; border-radius:22px; background:#111822; cursor:pointer; font-size:13px; }
.cc-category-filter button[aria-pressed=true] { background:#ff4058; border-color:#ff4058; color:#fff; }
.cc-site-page .creator-profile__header { position:relative; padding:0 0 24px; overflow:hidden; border-radius:26px; background:#101720; border:1px solid #ffffff14; }
.creator-profile__background { display:block; width:100%; aspect-ratio:3/1; max-height:330px; object-fit:cover; }
.cc-site-page .creator-profile__identity { position:relative; gap:20px; padding:26px 24px 0; }
.cc-site-page .creator-profile__header>.cc-profile-tags, .cc-site-page .creator-profile__header>.creator-club__notice { margin-inline:24px; }
.cc-site-page .creator-profile__identity h1 { font-size:30px; letter-spacing:-.5px; }
.cc-site-page .creator-profile__identity p { font-size:14px; line-height:1.7; }
.cc-site-page .creator-profile__avatar { border:3px solid #e1f3fa; width:88px; height:88px; }
.cc-video-actions { position:absolute; z-index:7; right:max(16px,env(safe-area-inset-right)); top:42%; display:flex; flex-direction:column; align-items:center; gap:20px; transform:translateY(-30%); width:70px; }
.cc-video-actions__button { display:flex; flex-direction:column; align-items:center; justify-content:center; width:64px; min-height:64px; padding:5px; border:0; border-radius:24px; color:#fff; background:#0004; backdrop-filter:blur(6px); font-size:32px!important; cursor:pointer; text-shadow:0 1px 7px #000; }
.cc-video-actions__button[aria-pressed=true] { color:#ff4058; }
.cc-video-actions__button span { font-size:13px; line-height:1.6; }
.cc-video-actions__button:disabled { opacity:.55; cursor:wait; }
.cc-video-actions__creator { max-width:66px; padding:10px 7px; border:1px solid #ffffff66; border-radius:20px; font-size:12px; color:white; text-align:center; text-decoration:none; overflow-wrap:anywhere; background:#0008; }
.cc-interaction-notice { position:absolute; z-index:8; top:74px; left:16px; max-width:calc(100% - 112px); padding:8px 12px; border-radius:12px; background:#080d18d9; color:#d5dfed; font-size:13px; line-height:1.7; }
.cc-interaction-notice:empty { display:none; }
.cc-interaction-login, .cc-interaction-retry { position:absolute; z-index:8; top:144px; left:16px; min-height:40px; padding:10px 14px; border:1px solid #ffffff44; border-radius:20px; color:#fff; background:#111823; font-size:13px; cursor:pointer; }
.cc-comment-panel { position:absolute; z-index:12; bottom:0; right:0; display:flex; flex-direction:column; box-sizing:border-box; width:min(100%,560px); max-height:78dvh; padding:18px 22px max(22px,env(safe-area-inset-bottom)); border:1px solid #ffffff22; border-radius:28px 28px 0 0; background:#101720; box-shadow:0 -20px 70px #0008; }
.cc-comment-panel__header { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.cc-comment-panel__header h2 { margin:0; font-size:20px; }
.cc-comment-panel__header button, .cc-comment__remove { min-height:40px; padding:8px 12px; border:0; border-radius:12px; background:#ffffff0b; color:#dfe7f1; cursor:pointer; }
.cc-comment-panel__status { margin:12px 0; font-size:13px; line-height:1.65; color:#b7c5d7; }
.cc-comment-panel__list { overflow-y:auto; overscroll-behavior:contain; min-height:70px; }
.cc-platform-recommendations { border-bottom:1px solid #ffffff26; }
.cc-platform-recommendation strong { color:#c9b990; }
.cc-comment { position:relative; padding:14px 0; border-bottom:1px solid #ffffff12; }
.cc-comment strong { font-size:14px; color:#8de2ef; }
.cc-comment__author{display:inline-flex;align-items:center;gap:7px}.cc-comment__tier-badge{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border:1px solid currentColor;border-radius:999px;font-size:10px;font-weight:800;line-height:1;white-space:nowrap}.cc-comment--tier-bronze{padding:14px 12px;border:1px solid #715d4d;border-radius:14px;background:linear-gradient(130deg,#322a25,#191d25)}.cc-comment--tier-bronze .cc-comment__author{color:#ebc09b}.cc-comment--tier-silver{padding:14px 12px;border:1px solid #607083;border-radius:14px;background:linear-gradient(130deg,#303946,#19212c)}.cc-comment--tier-silver .cc-comment__author{color:#d4dfeb}.cc-comment--tier-platinum{padding:14px 12px;border:1px solid #635b80;border-radius:14px;background:linear-gradient(130deg,#302c45,#191e2d)}.cc-comment--tier-platinum .cc-comment__author{color:#cdbaf2}.cc-comment--tier-diamond{padding:14px 12px;border:1px solid #446b89;border-radius:14px;background:linear-gradient(130deg,#22374b,#162232)}.cc-comment--tier-diamond .cc-comment__author{color:#a3d8f5}.cc-comment--tier-emperor{padding:14px 12px;border:2px solid #9d8157;border-radius:14px;background:linear-gradient(130deg,#554330,#1a202b);box-shadow:0 0 18px #ffe2a933,inset 0 0 0 1px #ffe2a94d}.cc-comment--tier-emperor .cc-comment__author{color:#ffe2a9}.cc-comment--tier-emperor .cc-comment__tier-badge{box-shadow:0 0 10px #ffe2a955}
.cc-comment p { margin:8px 0; font-size:14px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.cc-comment time { font-size:11px; color:#9aabc0; }
.cc-comment__remove { margin-left:12px; font-size:12px; }
.cc-comment-panel__more { margin:10px auto; width:auto; background:#ffffff0b; color:#dfe7f1; }
.cc-comment-form { display:grid; grid-template-columns:1fr auto; gap:9px; padding-top:16px; border-top:1px solid #ffffff12; }
.cc-comment-form label { grid-column:1/-1; font-size:13px; }
.cc-comment-form textarea { grid-column:1/-1; resize:vertical; min-height:64px; max-height:160px; padding:12px; box-sizing:border-box; border:1px solid #ffffff26; border-radius:14px; background:#080e16; color:#fff; font-size:14px; }
.cc-comment-form__count { align-self:center; color:#a5b4c7; font-size:12px; }
.cc-comment-form .creator-club__button { width:auto; padding-inline:18px; }
.cc-comment-panel { color:#292a2d; background:#fff; border-color:#e7e7ea; box-shadow:0 -20px 70px #0002; }
.cc-comment-panel__header h2 { color:#17181b; }
.cc-comment-panel__header button,.cc-comment__remove { background:#f4f4f6; color:#777980; }
.cc-comment-panel__status { color:#96979c; }
.cc-comment-panel__list { padding:0 2px; }
.cc-comment { padding:0 0 18px; border-bottom:0; background:transparent; }
.cc-comment__layout { display:grid; grid-template-columns:32px minmax(0,1fr); align-items:start; gap:8px; }
.cc-generated-avatar,.cc-generated-avatar svg { display:block; width:100%; height:100%; overflow:hidden; border-radius:50%; }
.cc-generated-author { display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; }
.cc-generated-author .cc-comment__author { min-width:0; max-width:100%; }
.cc-generated-name { overflow-wrap:anywhere; }
.cc-platform-source { flex:none; max-height:72px; overflow-y:auto; margin:4px 0 8px; color:#777980; font-size:12px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
.cc-comment__avatar-frame { display:grid; place-items:center; width:32px; height:32px; box-sizing:border-box; padding:2px; border:1px solid #d6d7db; border-radius:50%; background:#fff; overflow:hidden; }
.cc-comment__avatar-frame--bronze { border:2px solid #a96532; box-shadow:0 0 0 2px #f0d5be; }
.cc-comment__avatar-frame--silver { border:2px solid #8294aa; box-shadow:0 0 0 2px #e2e9f0; }
.cc-comment__avatar-frame--platinum { border:2px solid #8966cf; box-shadow:0 0 0 2px #e4dafb; }
.cc-comment__avatar-frame--diamond { border:2px solid #377fab; box-shadow:0 0 0 2px #d1ecfb; }
.cc-comment__avatar-frame--emperor { border:2px solid #d9ab58; box-shadow:0 0 0 2px #ffe2a9,0 0 14px #ffe2a966; }
.cc-comment__avatar,.cc-comment__avatar-fallback { display:grid; place-items:center; width:100%; height:100%; border-radius:50%; object-fit:cover; background:#f0f1f3; color:#85878c; font-size:16px; font-weight:700; }
.cc-comment__content { min-width:0; }
.cc-comment__author-row { display:flex; align-items:center; min-height:17px; gap:6px; }
.cc-comment__author-row .cc-comment__remove { margin-left:auto; min-height:26px; padding:3px 7px; font-size:11px; }
.cc-comment .cc-comment__author { color:#85878c; font-size:12px; line-height:1.25; font-weight:500; }
.cc-comment--tier-bronze .cc-comment__author { color:#ebc09b; }
.cc-comment--tier-silver .cc-comment__author { color:#d4dfeb; }
.cc-comment--tier-platinum .cc-comment__author { color:#cdbaf2; }
.cc-comment--tier-diamond .cc-comment__author { color:#a3d8f5; }
.cc-comment--tier-emperor .cc-comment__author { color:#ffe2a9; }
.cc-comment__body { margin-top:4px; }
.cc-comment__body p { margin:0; color:#292a2d; font-size:14px; line-height:1.45; }
.cc-comment__body--tier-bronze,.cc-comment__body--tier-silver,.cc-comment__body--tier-platinum,.cc-comment__body--tier-diamond,.cc-comment__body--tier-emperor { padding:8px 10px; border-radius:12px; }
.cc-comment__body--tier-bronze { border:1px solid #a96532; background:linear-gradient(130deg,#70513a,#21150e); box-shadow:inset 0 0 0 1px #ffc08033; }
.cc-comment__body--tier-silver { border:1px solid #8294aa; background:linear-gradient(130deg,#596574,#141a23); box-shadow:inset 0 0 0 1px #e1efff33; }
.cc-comment__body--tier-platinum { border:1px solid #8966cf; background:linear-gradient(130deg,#392d70,#100d20); box-shadow:inset 0 0 0 1px #d2b7ff33; }
.cc-comment__body--tier-diamond { border:1px solid #377fab; background:linear-gradient(130deg,#174b82,#080e23); box-shadow:inset 0 0 0 1px #9cddff33; }
.cc-comment__body--tier-emperor { border:2px solid #d9ab58; background:linear-gradient(130deg,#9e7440,#281b11); box-shadow:0 0 18px #ffdf9a55,inset 0 0 0 1px #ffdf9a66; }
.cc-comment__body--tier-bronze p,.cc-comment__body--tier-silver p,.cc-comment__body--tier-platinum p,.cc-comment__body--tier-diamond p,.cc-comment__body--tier-emperor p { color:#fff; }
.cc-comment time { display:block; margin-top:4px; color:#a0a1a6; font-size:11px; line-height:1.3; }
.cc-comment--tier-bronze,.cc-comment--tier-silver,.cc-comment--tier-platinum,.cc-comment--tier-diamond,.cc-comment--tier-emperor { padding:0 0 18px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.cc-comment-form { border-color:#e7e7ea; }
.cc-comment-form label,.cc-comment-form__count { color:#777980; }
.cc-comment-form textarea { border-color:#dedfe3; background:#f7f7f8; color:#292a2d; }
.creator-club-playback-overlay__canvas video.is-portrait { object-fit:cover; }

@media (max-width:800px) { .cc-directory__grid,.cc-site-page .creator-club-home__preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media (max-width:540px) {
  .cc-site-page .creator-club-shell { padding:18px 16px calc(118px + env(safe-area-inset-bottom)); }
  .cc-directory__grid,.cc-site-page .creator-club-home__preview-grid { grid-template-columns:minmax(0,1fr); }
  .cc-page-title { margin-top:30px; }
  .cc-directory__header .creator-club__button { padding:10px 12px; font-size:12px; }
  .cc-site-page .creator-club-home__nav-links>a:not(.creator-club__button) { display:none; }
  .cc-site-page [data-cc-discovery] .creator-club-home__main-header { padding-top:25px; }
  .cc-site-page .creator-club-home__main-header .creator-club__button { display:none; }
  .cc-site-page .creator-club-home__preview-media { height:clamp(390px,66dvh,680px); }
  .cc-site-page #creator-club-preview .creator-club-home__section-heading { display:none; }
  .cc-category-filter { flex-wrap:nowrap; overflow-x:auto; padding:2px 2px 8px; margin-bottom:12px; scrollbar-width:none; }
  .cc-category-filter button { flex:none; padding-inline:15px; }
  .cc-site-page .creator-profile__identity { align-items:flex-start; padding-inline:18px; gap:14px; }
  .cc-site-page .creator-profile__avatar { width:72px; height:72px; flex:none; }
  .cc-site-page .creator-profile__identity h1 { font-size:25px; }
  .cc-site-page .creator-profile__nav { gap:7px; }
  .cc-site-page .creator-profile__nav .creator-club__button { padding:8px 11px; font-size:12px; }
  .cc-comment-panel { padding-inline:17px; }
}
@media (max-height:500px) and (orientation:landscape) { .cc-video-actions { top:72px; transform:none; flex-direction:row; width:auto; gap:10px; } .cc-comment-panel { max-height:95dvh; } .cc-comment-form textarea { min-height:44px; max-height:65px; } }
@media (prefers-reduced-motion:reduce) { .cc-creator-card { transition:none; } }

.cc-playback-retry,.cc-playback-refresh { display:inline-flex; align-items:center; justify-content:center; min-height:44px; margin:8px 4px 0; padding:6px 12px; border:1px solid #ffffff55; border-radius:8px; background:#242432; color:#fff; font:inherit; font-size:12px; cursor:pointer; text-decoration:none; }
.cc-preview-unlock__heading .cc-playback-retry { flex:none; min-height:40px; margin:0; padding:4px; border:0; background:transparent; font-size:10px; }
.cc-player-controls { position:absolute; inset:auto 0 env(safe-area-inset-bottom); z-index:6; box-sizing:border-box; height:44px; min-width:0; padding:0; margin:0; background:transparent; opacity:1; visibility:visible; transition:opacity .18s ease,visibility 0s; }
.cc-player-controls.is-hidden { opacity:0; visibility:visible; pointer-events:auto; transition:opacity .18s ease; }
.cc-player-controls__fullscreen.is-hidden { opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s ease,visibility 0s .18s; }
.cc-player-speed { position:absolute; z-index:7; top:calc(108px + env(safe-area-inset-top)); left:50%; transform:translateX(-50%); color:white; font:13px/1.4 system-ui,sans-serif; text-shadow:0 1px 4px #000; pointer-events:none; white-space:nowrap; }
.cc-player-progress { position:absolute; z-index:5; left:0; right:0; bottom:calc(16px + env(safe-area-inset-bottom)); height:2px; background:#ffffff40; pointer-events:none; }
.cc-player-progress i { display:block; height:2px; max-width:100%; background:#fff; }
.cc-player-controls__seek { appearance:none; -webkit-appearance:none; display:block; box-sizing:border-box; position:absolute; inset:0; min-width:0; width:100%; height:44px; margin:0; padding:0; border:0; outline:0; background:transparent; cursor:pointer; }
.cc-player-controls__seek::-webkit-slider-runnable-track { height:2px; margin-top:8px; background:transparent; border:0; }
.cc-player-controls__seek::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:0; height:0; margin-top:1px; border:0; border-radius:50%; background:#fff; }
.cc-player-controls__seek:focus-visible::-webkit-slider-thumb,.cc-player-controls__seek:active::-webkit-slider-thumb { width:8px; height:8px; margin-top:-3px; }
.cc-player-controls__seek::-moz-range-track { height:2px; background:transparent; border:0; }
.cc-player-controls__seek::-moz-range-thumb { width:0; height:0; border:0; border-radius:50%; background:#fff; }
.cc-player-controls__seek:focus-visible::-moz-range-thumb,.cc-player-controls__seek:active::-moz-range-thumb { width:8px; height:8px; }
.cc-player-controls__seek:disabled { cursor:default; }
.cc-player-controls__time,.cc-player-controls__duration { position:absolute; bottom:0; left:6px; color:#fff; font:10px/1.2 system-ui,sans-serif; font-variant-numeric:tabular-nums; white-space:nowrap; text-shadow:0 1px 3px #000; pointer-events:none; }
.cc-player-controls__duration { left:auto; right:6px; }
.cc-player-toggle { position:absolute; z-index:6; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; box-sizing:border-box; width:72px; height:72px; padding:0; margin:0; border:0; background:transparent; color:#ffffffb3; font:56px/1 sans-serif; cursor:pointer; text-shadow:0 1px 5px #0005; }
.cc-player-controls__fullscreen { position:absolute; z-index:6; top:calc(76px + env(safe-area-inset-top)); right:max(8px,env(safe-area-inset-right)); width:40px; height:40px; padding:0; margin:0; border:0; border-radius:50%; background:#0004; color:white; font-size:23px; cursor:pointer; opacity:1; visibility:visible; transition:opacity .18s ease,visibility 0s; }
.creator-club-playback-overlay button:focus-visible,.creator-club-playback-overlay a:focus-visible { outline:2px solid #d9b6ff; outline-offset:2px; }
.cc-video-actions { position:absolute; z-index:7; top:auto; right:max(8px,env(safe-area-inset-right)); bottom:calc(104px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; align-items:center; gap:10px; transform:none; width:56px; }
.cc-video-actions__identity { position:relative; width:56px; height:68px; }
.cc-video-actions__creator { position:absolute; top:0; left:6px; display:grid; place-items:center; box-sizing:border-box; width:44px; height:44px; min-width:0; max-width:none; margin:0; padding:0; border:1px solid #fffc; border-radius:50%; background:#315b91; color:white; font-size:18px; line-height:1; text-align:center; text-decoration:none; overflow:hidden; }
.cc-video-actions__follow { position:absolute; top:24px; left:6px; display:grid; place-items:center; width:44px; height:44px; margin:0; padding:0; border:0; background:transparent; color:white; cursor:pointer; }
.cc-video-actions__follow span { display:grid; place-items:center; width:18px; height:18px; border:1px solid #ffffff88; border-radius:50%; background:#ff4058; font:14px/1 sans-serif; }
.cc-video-actions__follow[aria-pressed=true] span { background:#3a414fcc; }
.cc-video-actions__button { display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; width:44px; min-height:48px; margin:0; padding:0; border:0; border-radius:0; color:#fff; background:transparent; backdrop-filter:none; font-size:28px!important; line-height:1.2; cursor:pointer; text-shadow:0 1px 4px #000; }
.cc-video-actions__button span { font-size:11px; line-height:1.3; }
.creator-club-playback-overlay:fullscreen .creator-club-playback-overlay__info,.creator-club-playback-overlay:fullscreen .cc-video-actions,.creator-club-playback-overlay.is-cinema .creator-club-playback-overlay__info,.creator-club-playback-overlay.is-cinema .cc-video-actions { display:none; }
@media (max-width:340px) {
  .creator-club-playback-overlay { --cc-player-left:10px; --cc-player-right:66px; }
  .creator-club-playback-overlay__info strong { font-size:13px; }
  .creator-club-playback-overlay__info p { font-size:11px; }
  .cc-video-actions { right:max(6px,env(safe-area-inset-right)); bottom:calc(96px + env(safe-area-inset-bottom)); width:48px; }
  .cc-video-actions__identity { width:48px; }
  .cc-video-actions__creator { left:4px; width:40px; height:40px; }
  .cc-video-actions__follow { left:2px; }
  .cc-video-actions__follow span { width:16px; height:16px; font-size:12px; }
  .cc-video-actions__button { font-size:26px!important; }
  .cc-video-actions__button span { font-size:10px; }
  .cc-player-toggle { width:64px; height:64px; font-size:48px; }
}

@media (max-width: 380px) {
    .member-dashboard__redeem-row { grid-template-columns: 1fr; }
    .member-dashboard__redeem-row .creator-club__button { width: 100%; }
}
@media (max-height:420px) and (orientation:landscape) {
  .cc-video-actions { top:70px; bottom:auto; flex-direction:row; width:auto; gap:6px; }
  .cc-player-controls__fullscreen { top:max(12px,env(safe-area-inset-top)); right:max(64px,env(safe-area-inset-right)); }
  .creator-club-playback-overlay__info strong { -webkit-line-clamp:1; }
  .creator-club-playback-overlay__status { max-width:320px; }
}
@media (prefers-reduced-motion:reduce) { .cc-player-controls,.cc-player-controls.is-hidden,.cc-player-controls__fullscreen { transition:none; } }
.creator-club-home__experience{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;max-width:480px;margin:12px 0 0;padding:16px;border:1px solid #d3a95e45;border-radius:16px;background:linear-gradient(120deg,#33291970,#10141bdd);text-align:left}
.creator-club-home__experience-mark{display:grid;place-items:center;width:32px;height:40px;border-radius:8px;background:#e9c982;color:#292016;font:700 23px/1 system-ui,sans-serif}
.creator-club-home__experience strong{font-size:15px;font-weight:600;color:#f5dfae;line-height:1.5}
.creator-club-home__experience p{margin:5px 0 10px;color:#b9b4aa;font-size:12px;line-height:1.65}
.creator-club-home__experience a{font-size:12px;font-weight:500;color:#e4cb97;text-decoration:none}

/* The welcome screen is a compact mobile entry page, separate from the feed. */
.creator-club-shell.cc-welcome {
  --welcome-bg:#070a0f;
  --welcome-panel:#11161e;
  --welcome-line:#2a303a;
  --welcome-text:#f8f9fc;
  --welcome-muted:#aab1bd;
  --welcome-accent:#e51f4f;
  --welcome-pink:#ff7796;
  --welcome-gold:#ecd298;
  display:grid;
  place-items:center;
  width:100%;
  min-height:100vh;
  min-height:100svh;
  margin:0;
  padding:max(32px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
  overflow:visible;
  background:var(--welcome-bg);
  color:var(--welcome-text);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}
.cc-welcome .cc-welcome__background { position:fixed; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; object-position:center; pointer-events:none; }
.cc-welcome .cc-welcome__shade { position:fixed; inset:0; z-index:1; background:rgba(5,8,13,.45); pointer-events:none; }
.cc-welcome .cc-welcome__inner { position:relative; z-index:2; width:100%; max-width:420px; margin:0 auto; }
.cc-welcome .cc-welcome__brand { display:flex; align-items:center; justify-content:center; gap:14px; margin:0 0 36px; }
.cc-welcome .cc-welcome__mark { display:grid; place-items:center; flex:0 0 52px; width:52px; height:52px; border-radius:16px; color:#fff; background:var(--welcome-accent); }
.cc-welcome .cc-welcome__mark svg { width:29px; height:29px; }
.cc-welcome h1 { min-width:0; margin:0; color:var(--welcome-text); font-size:2rem; line-height:1.35; font-weight:700; letter-spacing:.025em; }
.cc-welcome a { color:inherit; text-decoration:none; text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.55); cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; transition:border-color .16s ease,transform .16s ease; }
.cc-welcome a:focus-visible { outline:3px solid var(--welcome-text); outline-offset:4px; }
.cc-welcome a:active { transform:scale(.985); }
.cc-welcome .cc-welcome__actions { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:12px; margin:0 0 20px; }
.cc-welcome .cc-welcome__primary,.cc-welcome .cc-welcome__join { display:flex; align-items:center; justify-content:center; min-width:0; min-height:56px; padding:14px 12px; border:1px solid transparent; border-radius:15px; font-weight:700; line-height:1.4; }
.cc-welcome .cc-welcome__primary { gap:10px; color:#fff; background:transparent; border-color:rgba(255,255,255,.14); font-size:1.125rem; }
.cc-welcome .cc-welcome__primary svg { width:20px; height:20px; flex:none; }
.cc-welcome .cc-welcome__join { border-color:rgba(255,255,255,.2); background:transparent; font-size:1rem; }
.cc-welcome .cc-welcome__download,.cc-welcome .cc-welcome__experience { display:grid; grid-template-columns:48px minmax(0,1fr) 18px; align-items:center; gap:14px; padding:22px 18px; border:1px solid rgba(255,255,255,.2); border-radius:20px; background:transparent; }
.cc-welcome .cc-welcome__primary,.cc-welcome .cc-welcome__join,.cc-welcome .cc-welcome__download,.cc-welcome .cc-welcome__experience { -webkit-backdrop-filter:none; backdrop-filter:none; }
.cc-welcome .cc-welcome__download { min-height:104px; margin-bottom:12px; }
.cc-welcome .cc-welcome__icon { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; }
.cc-welcome .cc-welcome__icon svg { width:26px; height:26px; }
.cc-welcome .cc-welcome__icon--download { color:var(--welcome-pink); background:transparent; }
.cc-welcome .cc-welcome__copy { display:flex; min-width:0; flex-direction:column; align-items:flex-start; }
.cc-welcome .cc-welcome__copy strong { color:var(--welcome-text); font-size:1.1875rem; font-weight:700; line-height:1.45; }
.cc-welcome .cc-welcome__copy>span { margin-top:5px; color:var(--welcome-muted); font-size:.875rem; line-height:1.55; }
.cc-welcome .cc-welcome__arrow { width:18px; height:18px; color:var(--welcome-pink); }
.cc-welcome .cc-welcome__experience { grid-template-columns:48px minmax(0,1fr); align-items:start; min-height:140px; border-color:rgba(236,210,152,.24); background:transparent; }
.cc-welcome .cc-welcome__icon--gift { color:var(--welcome-gold); background:transparent; }
.cc-welcome .cc-welcome__experience strong { color:var(--welcome-gold); font-size:1rem; }
.cc-welcome .cc-welcome__experience .cc-welcome__claim { display:flex; align-items:center; gap:8px; margin-top:14px; color:var(--welcome-gold); font-size:.875rem; font-weight:600; }
.cc-welcome .cc-welcome__claim svg { width:17px; height:17px; flex:none; }
@media (hover:hover) and (pointer:fine) {
  .cc-welcome .cc-welcome__primary:hover { background:transparent; }
  .cc-welcome .cc-welcome__join:hover,.cc-welcome .cc-welcome__download:hover { border-color:#5e4856; background:transparent; }
  .cc-welcome .cc-welcome__experience:hover { border-color:#776744; background:transparent; }
}
@media (max-height:600px) {
  .creator-club-shell.cc-welcome { padding-top:max(24px,env(safe-area-inset-top)); padding-bottom:max(24px,env(safe-area-inset-bottom)); }
  .cc-welcome .cc-welcome__brand { margin-bottom:24px; }
}
@media (prefers-reduced-motion:reduce) { .cc-welcome a { transition:none; } .cc-welcome a:active { transform:none; } }