:root {
    --tier-black: #050505;
    --tier-blue: #07111e;
    --tier-red: #8b1a1a;
    --tier-red-strong: #e03325;
    --tier-gold: #ffd46b;
    --tier-gold-deep: #9b6500;
    --tier-blue-accent: #84a9ff;
    --tier-blue-deep: #0b1b31;
    --tier-vip-fire: #ff3b22;
    --tier-vip-fire-deep: #8f0906;
    --tier-vip-petal: #ffd6dc;
    --tier-text: #f8f5ee;
    --tier-muted: rgba(248, 245, 238, 0.68);
    --theme-bg: #050505;
    --theme-panel: rgba(13, 13, 13, 0.88);
    --theme-panel-soft: rgba(18, 18, 18, 0.9);
    --theme-border: rgba(255,255,255,0.12);
    --theme-text: #f8f5ee;
    --theme-muted: rgba(248, 245, 238, 0.68);
    --theme-accent: #ffd46b;
    --theme-shadow: rgba(0,0,0,0.42);
}

html[data-access-tier] {
    color-scheme: dark;
}

html[data-theme="light"] {
    color-scheme: light;
    --theme-bg: #f3f4f6;
    --theme-panel: rgba(255,255,255,0.9);
    --theme-panel-soft: rgba(255,255,255,0.84);
    --theme-border: rgba(15, 23, 42, 0.12);
    --theme-text: #0f172a;
    --theme-muted: rgba(15, 23, 42, 0.68);
    --theme-accent: #9f6b00;
    --theme-shadow: rgba(15, 23, 42, 0.12);
}

body {
    background: var(--theme-bg);
    color: var(--theme-text);
}

body[data-theme="light"] {
    --theme-bg: #f7f4f6;
    --theme-panel: rgba(255,250,252,0.92);
    --theme-panel-soft: rgba(255,247,250,0.88);
    --theme-border: rgba(110, 63, 82, 0.16);
    --theme-text: #2c2630;
    --theme-muted: rgba(44, 38, 48, 0.68);
    --theme-accent: #b65b83;
    --theme-shadow: rgba(119, 76, 96, 0.14);
    --bg: #f7f4f6;
    --panel: rgba(255,250,252,0.92);
    --panel-strong: rgba(255,247,250,0.96);
    --line: rgba(110, 63, 82, 0.16);
    --line-hot: rgba(190, 92, 133, 0.34);
    --text: #2c2630;
    --muted: rgba(44, 38, 48, 0.68);
    --gold: #a15f00;
    --orange: #b25c2c;
    --red: #b54a6f;
    --green: #2f7d67;
    --blue: #3d6fa6;
    --shadow: 0 20px 56px rgba(119, 76, 96, 0.14);
    background:
        radial-gradient(900px 420px at 16% -8%, rgba(255, 196, 216, 0.58), transparent 62%),
        radial-gradient(760px 430px at 88% 4%, rgba(184, 215, 244, 0.66), transparent 58%),
        linear-gradient(180deg, #fbf8fb 0%, #f7eaf0 46%, #eaf4fb 100%) !important;
    color: #2c2630;
}

body[data-theme="light"] * {
    color-scheme: light;
}

body.has-shared-header .home-topbar,
body.has-shared-header .nav-menu,
body.has-shared-header .tb-page-header,
body.has-shared-header nav.top,
body.has-shared-header > main > header {
    display: none !important;
}

body.tier-subscriber {
    background: linear-gradient(180deg, #090808 0%, var(--tier-black) 54%, #000 100%) !important;
    color: var(--tier-text);
}

body.tier-guest {
    background: linear-gradient(180deg, #0a0908 0%, #040404 58%, #000 100%) !important;
    color: var(--tier-text);
}

body[data-theme="light"] :is(.section, .card, .feature, .plan, .login-panel, .metric, .note, .card-toc, .report-section, .summary-item, .summary-card, .cohort-card, .table-wrap, details.game, .report-block) {
    background: var(--theme-panel) !important;
    border-color: var(--theme-border) !important;
    box-shadow: 0 18px 50px var(--theme-shadow) !important;
    color: var(--theme-text) !important;
}

body[data-theme="light"] :is(.member-content, .member-copy-block, .access-panel, .tool-preview-card, .dealer-section, .game-footer-row, .spin-history-block) {
    background: rgba(255,250,252,0.92) !important;
    border-color: rgba(110, 63, 82, 0.16) !important;
    color: #2c2630 !important;
}

body[data-theme="light"] :is(.shell, main, section, header, footer) {
    color: #2c2630 !important;
}

body[data-theme="light"]::before,
body[data-theme="light"]::after {
    opacity: 0.05 !important;
}

body[data-theme="light"] .section {
    background: rgba(255,250,252,0.58) !important;
    border-color: rgba(110, 63, 82, 0.12) !important;
    box-shadow: 0 18px 48px rgba(119, 76, 96, 0.1) !important;
}

body[data-theme="light"] .member-card {
    background: linear-gradient(160deg, rgba(255,250,252,0.98), rgba(239,247,252,0.92)) !important;
    border-color: rgba(110, 63, 82, 0.16) !important;
    box-shadow: 0 18px 44px rgba(119, 76, 96, 0.14) !important;
}

body[data-theme="light"] .member-card::after {
    border-color: rgba(110, 63, 82, 0.12) !important;
    background:
        linear-gradient(120deg, rgba(255,255,255,0.08), rgba(182,91,131,0.08)),
        repeating-linear-gradient(0deg, rgba(110,63,82,0.025) 0 1px, transparent 1px 38px),
        repeating-linear-gradient(90deg, rgba(61,111,166,0.018) 0 1px, transparent 1px 72px) !important;
    opacity: 0.22 !important;
}

body[data-theme="light"] .member-card::before {
    box-shadow: 0 0 0 1px rgba(110,63,82,0.13), 0 16px 32px rgba(119,76,96,0.12) !important;
}

body[data-theme="light"] .tool-preview-card {
    background: linear-gradient(160deg, rgba(255,250,252,0.96), rgba(235,245,251,0.92)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.58), 0 12px 24px rgba(119,76,96,0.12) !important;
}

body[data-theme="light"] .tool-preview-card.is-flapper {
    background: linear-gradient(160deg, rgba(255,241,247,0.98), rgba(255,252,247,0.95)) !important;
    border-color: rgba(182,91,131,0.38) !important;
}

body[data-theme="light"] .plan,
body[data-theme="light"] .access-panel {
    background: rgba(255,250,252,0.88) !important;
    border-color: rgba(110,63,82,0.13) !important;
}

body[data-theme="light"] :is(.hero, .million-callout, .offer-panel) {
    background: var(--theme-panel-soft) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
    box-shadow: 0 18px 54px var(--theme-shadow) !important;
}

body[data-theme="light"] :is(.lead, .note, .panel-note, .summary-label, .status-line, .report-note, .subtitle, .section-note, .cohort-card span, .metric, .metric span, .game-title span, p, li, small, label, .card span, .link-card p, .tool span, .panel-copy, .stat-label, .game-provider, .view-dashboard) {
    color: #594c58 !important;
}

body[data-theme="light"] :is(h1, h2, h3, h4, .section-title, .summary-value, .metric strong, .game-title strong, .summary-card strong, .card strong, .tool strong, .panel-title, a, .metric-value, .dealer-meta-value, .dealer-summary-value, .reason-card, .window-card, .metric-card, .tier-card, .member-card h3, .tool-preview-title) {
    color: var(--theme-text) !important;
}

body[data-theme="light"] :is(.member-label, .section-kicker, .tool-preview-tag) {
    color: #a63f72 !important;
}

body[data-theme="light"] :is(.member-copy-block p, .tool-preview-meta) {
    color: #665765 !important;
}

body:not([data-theme="light"]) {
    color: #f8f5ee;
}

body[data-theme="light"] :is(table, th, td, .cash-table, .report) {
    color: var(--theme-text) !important;
}

body[data-theme="light"] :is(table thead th, .cash-table thead th, .report thead th) {
    background: rgba(255,250,252,0.94) !important;
    color: #594c58 !important;
}

body[data-theme="light"] :is(.eyebrow, .tag, .pill, .summary-card span, .summary-label, .control label) {
    color: #8e416a !important;
}

body[data-theme="light"] :is(.control select, select, input, textarea) {
    background: rgba(255,250,252,0.94) !important;
    color: #2c2630 !important;
    border-color: rgba(110,63,82,0.16) !important;
}

.theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 50px;
    max-width: calc(100vw - 24px);
    border: 0;
    background: transparent;
    color: transparent;
    padding: 0;
    font: inherit;
    cursor: pointer;
    filter: drop-shadow(0 14px 28px rgba(0,0,0,0.34));
}

.theme-toggle--floating {
    position: fixed;
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, env(safe-area-inset-bottom));
    z-index: 9999;
    box-shadow: none;
}

body[data-theme="light"] .theme-toggle {
    background: transparent;
    border: 0;
    color: transparent;
}

body[data-theme="light"] .theme-toggle--floating {
    box-shadow: none;
}

.theme-toggle__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    filter: brightness(1) contrast(1);
}

/* Remove white background from day/night icon */
.theme-toggle--floating .theme-toggle__image {
    mix-blend-mode: normal;
}

body.tier-vip {
    overflow-x: hidden;
    background: linear-gradient(180deg, #080303 0%, #030202 56%, #000 100%) !important;
    color: var(--tier-text);
}

body.tier-admin {
    background: linear-gradient(180deg, #081526 0%, var(--tier-blue) 60%, #03070d 100%) !important;
    color: #f5f9ff;
}

body.tier-admin::before {
    content: none;
}

body.tier-subscriber::before {
    content: none;
}

body.tier-vip::before {
    content: none;
}

body.tier-vip::after {
    content: none;
}

body.tier-elite {
    overflow-x: hidden;
    background: linear-gradient(180deg, #110b07 0%, #070503 56%, #020202 100%) !important;
    color: var(--tier-text);
}

body.tier-elite::before {
    content: none;
}

body.tier-subscriber > *,
body.tier-vip > *,
body.tier-admin > * {
    position: relative;
    z-index: 1;
}

.tb-page-header {
    display: none !important;
}

body.tier-subscriber :is(header, nav:not(.access-tier-nav):not(.topbar):not(.home-topbar):not(.nav-menu)) {
    background: rgba(8, 5, 5, 0.9) !important;
    border-color: rgba(224, 51, 37, 0.32) !important;
}

body.tier-subscriber header.showgames-hero {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.tier-admin :is(header, nav:not(.access-tier-nav):not(.topbar):not(.home-topbar):not(.nav-menu)) {
    background: rgba(7, 17, 30, 0.92) !important;
    border-color: rgba(132, 169, 255, 0.32) !important;
}

body.tier-vip :is(header, nav:not(.access-tier-nav):not(.topbar):not(.home-topbar):not(.nav-menu)) {
    background:
        radial-gradient(320px 180px at 100% 0%, rgba(255, 59, 34, 0.22), transparent 64%),
        rgba(8, 3, 3, 0.92) !important;
    border-color: rgba(255, 73, 48, 0.34) !important;
}

body.tier-subscriber .hero {
    border-color: rgba(224, 51, 37, 0.26) !important;
    box-shadow: 0 24px 76px rgba(0, 0, 0, 0.5) !important;
}

body.tier-admin .hero {
    border-color: rgba(132, 169, 255, 0.3) !important;
    box-shadow: 0 24px 76px rgba(0, 0, 0, 0.42) !important;
}

body.tier-vip .hero {
    border-color: rgba(255, 73, 48, 0.42) !important;
    box-shadow: 0 28px 86px rgba(120, 8, 6, 0.38) !important;
}

body.tier-subscriber :is(.section, .card, .feature, .plan, .login-panel, .metric, .note, .card-toc) {
    border-color: rgba(224, 51, 37, 0.24) !important;
    background: rgba(12, 10, 10, 0.92) !important;
}

body.tier-admin :is(.section, .card, .feature, .plan, .login-panel, .metric, .note, .card-toc) {
    border-color: rgba(132, 169, 255, 0.26) !important;
    background: linear-gradient(160deg, rgba(13, 25, 43, 0.95), rgba(8, 17, 31, 0.9)) !important;
}

body.tier-vip :is(.section, .card, .feature, .plan, .login-panel, .metric, .note, .card-toc) {
    border-color: rgba(255, 73, 48, 0.34) !important;
    background: linear-gradient(160deg, rgba(18, 9, 8, 0.95), rgba(5, 3, 3, 0.9)) !important;
    box-shadow: 0 22px 70px rgba(120, 8, 6, 0.3) !important;
}

body.tier-subscriber :is(.section-kicker, .section-title, .card-toc h4, .metric-value, .subtitle) {
    color: var(--tier-gold) !important;
}

body.tier-subscriber header h1 {
    color: var(--tier-gold) !important;
}

body.tier-subscriber .tag {
    color: #ff9b5a !important;
    background: rgba(139, 26, 26, 0.28) !important;
    border: 1px solid rgba(224, 51, 37, 0.32) !important;
}

body.tier-admin :is(.section-kicker, .section-title, .card-toc h4, .metric-value, .subtitle, h1) {
    color: #dfe8ff !important;
}

body.tier-vip :is(.section-kicker, .section-title, .card-toc h4, .metric-value, .subtitle) {
    color: #ffcf73 !important;
}

body.tier-subscriber :is(
    .btn:not(.login-art):not(.chip-link):not(.home-login-art):not(.home-chip-btn):not(.tengu-draw-btn),
    .button:not(.login-art):not(.chip-link):not(.home-login-art):not(.home-chip-btn):not(.tengu-draw-btn),
    .card-header,
    nav:not(.access-tier-nav):not(.topbar):not(.home-topbar):not(.nav-menu) a.active,
    nav:not(.access-tier-nav):not(.topbar):not(.home-topbar):not(.nav-menu) a:hover
) {
    color: #fff !important;
    background: linear-gradient(135deg, #d20b0b, #6d0505) !important;
    border-color: rgba(255, 80, 64, 0.38) !important;
}

body.tier-admin :is(
    .btn:not(.login-art):not(.chip-link):not(.home-login-art):not(.home-chip-btn):not(.tengu-draw-btn),
    .button:not(.login-art):not(.chip-link):not(.home-login-art):not(.home-chip-btn):not(.tengu-draw-btn),
    .card-header,
    nav:not(.access-tier-nav):not(.topbar):not(.home-topbar):not(.nav-menu) a.active,
    nav:not(.access-tier-nav):not(.topbar):not(.home-topbar):not(.nav-menu) a:hover
) {
    color: #06111f !important;
    background: linear-gradient(135deg, #9bbaff, #4f82ee) !important;
    border-color: rgba(155, 186, 255, 0.48) !important;
}

body.tier-vip :is(
    .btn:not(.login-art):not(.chip-link):not(.home-login-art):not(.home-chip-btn):not(.tengu-draw-btn),
    .button:not(.login-art):not(.chip-link):not(.home-login-art):not(.home-chip-btn):not(.tengu-draw-btn),
    .card-header,
    nav:not(.access-tier-nav):not(.topbar):not(.home-topbar):not(.nav-menu) a.active,
    nav:not(.access-tier-nav):not(.topbar):not(.home-topbar):not(.nav-menu) a:hover
) {
    color: #fff !important;
    background: linear-gradient(135deg, var(--tier-vip-fire), var(--tier-vip-fire-deep) 58%, #bf6b14) !important;
    border-color: rgba(255, 118, 76, 0.48) !important;
    box-shadow: 0 16px 34px rgba(255, 59, 34, 0.22) !important;
}

body.tier-vip :is(.eyebrow, .pill, .tag, .status.watch) {
    color: #fff !important;
    background:
        radial-gradient(circle at 28% 26%, rgba(255, 255, 255, 0.32), transparent 18%),
        linear-gradient(135deg, var(--tier-vip-fire), var(--tier-vip-fire-deep)) !important;
    border: 1px solid rgba(255, 118, 76, 0.42) !important;
}

body.tier-vip :is(.tag.early, .access-tier-badge.vip) {
    color: #160d00 !important;
    background:
        radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.48), transparent 18%),
        linear-gradient(135deg, var(--tier-gold), #b87300) !important;
}

body.tier-vip :is(.tag.negative, .status.review) {
    color: #fff !important;
    background: rgba(255, 59, 34, 0.22) !important;
    border-color: rgba(255, 96, 76, 0.5) !important;
}

.access-tier-nav {
    position: sticky;
    top: 0;
    z-index: 9999;
    margin: -1px 0 18px;
    padding: 8px 14px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background:
        radial-gradient(circle at 12% 0%, rgba(139, 26, 26, 0.22), transparent 42%),
        rgba(0, 0, 0, 0.88);
    backdrop-filter: blur(16px);
    color: var(--tier-text);
    font-family: Manrope, "Segoe UI", sans-serif;
}

body.tier-admin .access-tier-nav {
    background: rgba(7, 17, 30, 0.9);
    border-bottom-color: rgba(132, 169, 255, 0.24);
}

.access-tier-nav__inner {
    max-width: 1260px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
}

.access-tier-nav__brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    flex: 0 0 auto;
}

.access-tier-nav__brand img {
    display: block;
    width: clamp(180px, 20vw, 260px);
    height: auto;
    filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.6));
}

.access-tier-nav__groups {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}

.access-tier-nav__group {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    align-items: center;
}

.access-tier-nav__label {
    color: var(--tier-muted);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    margin-right: 2px;
}

.access-tier-nav__link {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 999px;
    text-decoration: none;
    color: var(--tier-text);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.07);
    box-shadow:
        inset 0 2px 0 rgba(255, 255, 255, 0.16),
        inset 0 -5px 12px rgba(0, 0, 0, 0.32),
        0 8px 18px rgba(0, 0, 0, 0.24);
    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.access-tier-nav__link:hover,
.access-tier-nav__link:focus-visible {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

.access-tier-nav__link.chip-image-link {
    width: 88px;
    height: 88px;
    min-height: 88px;
    padding: 0;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    outline: 0 !important;
}

.access-tier-nav__link.chip-image-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    transform-style: preserve-3d;
    transition: transform 0.42s ease, filter 0.18s ease;
    will-change: transform;
}

.access-tier-nav__link.chip-image-link.active {
    outline: 0 !important;
    box-shadow: none !important;
}

.access-tier-nav__link.chip-image-link::before,
.access-tier-nav__link.chip-image-link::after {
    content: none !important;
}

.access-tier-nav__link.chip-image-link:hover img,
.access-tier-nav__link.chip-image-link:focus-visible img,
.access-tier-nav__link.chip-image-link.is-spinning img {
    animation: access-chip-spin 0.72s cubic-bezier(.2,.65,.25,1) both;
}

@keyframes access-chip-spin {
    from { transform: rotateY(0deg); }
    to { transform: rotateY(360deg); }
}

.access-tier-nav__link.subscriber {
    color: #fff8ee;
}

.access-tier-nav__link.vip {
    color: #160d00;
    background: linear-gradient(135deg, var(--tier-gold), #b87300);
}

.access-tier-nav__link.admin {
    color: #f5f9ff;
    background: linear-gradient(135deg, #2e73df, #0d2a5d);
}

.access-tier-nav__link.active:not(.chip-image-link) {
    outline: 2px solid rgba(255, 212, 107, 0.86);
    outline-offset: 3px;
}

.tengu-home-link,
a.back-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 184px;
    min-height: 92px;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: transparent !important;
    text-decoration: none !important;
    font-size: 0;
    background: url("/assets/ui-controls/tenguicons/ui-back.png?v=20260519c") center / contain no-repeat !important;
    box-shadow: none;
    filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.34));
}

.tengu-home-link {
    background-image: url("/assets/ui-controls/tenguicons/ui-home.png?v=20260519c") !important;
}

.tengu-home-link:hover,
a.back-link:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

.access-tier-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.access-tier-badge.subscriber {
    color: #fff;
    background: linear-gradient(135deg, #c72a2f, #6f0d13);
    border: 1px solid rgba(255, 207, 115, 0.52);
}

.access-tier-badge.vip {
    color: #1a0e00;
    background: linear-gradient(135deg, var(--tier-gold), #b87300);
    border: 1px solid rgba(255, 212, 107, 0.72);
}

.access-tier-badge.admin {
    color: #f5f9ff;
    background: linear-gradient(135deg, #2e73df, #0d2a5d);
    border: 1px solid rgba(158, 195, 255, 0.72);
}

.access-footer-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
    padding: 14px 18px 4px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: var(--tier-muted);
}

.access-footer-links a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    min-height: 64px;
    aspect-ratio: 3 / 1;
    color: transparent;
    text-decoration: none;
    font-size: 0;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: center;
    text-shadow: none;
    background: var(--footer-art) center / contain no-repeat;
    border: 0;
    box-shadow: none;
    filter: drop-shadow(0 12px 24px rgba(0,0,0,0.34));
}

.access-footer-links a span {
    display: none;
}

.access-footer-links a:hover,
.access-footer-links a:focus-visible {
    color: var(--tier-gold);
    transform: translateY(-2px);
    filter: brightness(1.08) drop-shadow(0 14px 28px rgba(0,0,0,0.4));
}

.tag.live,
.status.watch,
.signal-pill.ok,
.signal-pill.live {
    border: 0 !important;
    background: url("/assets/ui-controls/tenguicons/ui-active.png?v=20260519c") center / contain no-repeat !important;
    color: #ffe8ad !important;
    box-shadow: none !important;
}

.tag.review,
.status.review,
.signal-pill.review {
    border: 0 !important;
    background: url("/assets/ui-controls/tenguicons/ui-review.png?v=20260519c") center / contain no-repeat !important;
    color: #ffe8ad !important;
    box-shadow: none !important;
}

body[data-theme="light"],
body[data-theme="light"].tier-guest,
body[data-theme="light"].tier-subscriber,
body[data-theme="light"].tier-vip,
body[data-theme="light"].tier-admin,
body[data-theme="light"].tier-elite {
    background:
        radial-gradient(900px 420px at 16% -8%, rgba(255, 196, 216, 0.58), transparent 62%),
        radial-gradient(760px 430px at 88% 4%, rgba(184, 215, 244, 0.66), transparent 58%),
        linear-gradient(180deg, #fbf8fb 0%, #f7eaf0 46%, #eaf4fb 100%) !important;
    color: #2c2630 !important;
}

body[data-theme="light"] .access-tier-nav,
body[data-theme="light"].tier-admin .access-tier-nav,
body[data-theme="light"] :is(header, nav:not(.access-tier-nav):not(.topbar):not(.home-topbar):not(.nav-menu), .topbar, .home-topbar) {
    background:
        linear-gradient(180deg, rgba(255,250,252,0.94), rgba(250,239,245,0.9)),
        radial-gradient(520px 160px at 12% 0%, rgba(255,196,216,0.46), transparent 70%) !important;
    border-color: rgba(110, 63, 82, 0.14) !important;
    color: #2c2630 !important;
    box-shadow: 0 12px 34px rgba(119, 76, 96, 0.12) !important;
}

body[data-theme="light"] footer {
    background:
        linear-gradient(180deg, rgba(250,239,245,0), rgba(255,250,252,0.82)) !important;
    color: rgba(44, 38, 48, 0.72) !important;
    border-color: rgba(110, 63, 82, 0.14) !important;
}

body[data-theme="light"] .access-footer-links {
    border-top-color: rgba(110, 63, 82, 0.16) !important;
    color: rgba(44, 38, 48, 0.68) !important;
}

body[data-theme="light"] .access-tier-nav__link:not(.chip-image-link),
body[data-theme="light"] :is(nav:not(.access-tier-nav):not(.topbar):not(.home-topbar):not(.nav-menu) a, .top-actions a, .button, .quick-link) {
    background: rgba(255,250,252,0.78) !important;
    border-color: rgba(110, 63, 82, 0.16) !important;
    color: #2c2630 !important;
    box-shadow: 0 10px 24px rgba(119, 76, 96, 0.1) !important;
}

body[data-theme="light"] .access-tier-nav__link.active:not(.chip-image-link),
body[data-theme="light"] :is(nav:not(.access-tier-nav):not(.topbar):not(.home-topbar):not(.nav-menu) a.active, .button.primary, .quick-link:hover) {
    background: linear-gradient(135deg, #f8cfe0, #d9eaf8) !important;
    color: #2c2630 !important;
    border-color: rgba(182, 91, 131, 0.28) !important;
}

body[data-theme="light"] :is(.shell, main, .container) {
    background: transparent !important;
    color: #2c2630 !important;
}

body[data-theme="light"] :is(.section, .hero, .plan, .access-panel, .card, .member-card, .login-panel) {
    background-color: rgba(255,250,252,0.72) !important;
    color: #2c2630 !important;
}

@media (max-width: 760px) {
    .access-tier-nav {
        position: relative;
    }

    .access-tier-nav__inner {
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .access-tier-nav__groups {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .access-tier-nav__group {
        flex-wrap: wrap;
    }

    .access-tier-nav__brand img {
        width: min(300px, 86vw);
    }

    .access-tier-nav__link.chip-image-link {
        width: 96px;
        height: 96px;
        min-height: 96px;
    }

    .theme-toggle {
        width: 116px;
        height: 39px;
        max-width: calc(100vw - 16px);
    }

    .theme-toggle--floating {
        right: max(8px, env(safe-area-inset-right));
        bottom: max(8px, env(safe-area-inset-bottom));
    }

    .access-footer-links a,
    .tengu-home-link,
    a.back-link {
        width: 158px;
        min-height: 53px;
    }
}