:root{--bg:#100b11;--panel:#1d141e;--panel2:#281b29;--text:#fff8fc;--muted:#cdb9c7;--pink:#f25c9b;--pink2:#ff9fc7;--border:#432b3d;--danger:#ffb6bf}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 10%,#46223a 0,transparent 32%),var(--bg)}
a{color:var(--pink2);text-decoration:none}a:hover{text-decoration:underline}
.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--border);background:rgba(16,11,17,.82);backdrop-filter:blur(14px)}
.brand img{display:block;width:225px;max-height:46px}.site-header nav{display:flex;align-items:center;gap:22px}
.hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:64px clamp(24px,7vw,110px)}
.hero h1,.page-heading h1,.container>h1{font-size:clamp(44px,7vw,94px);line-height:.95;margin:12px 0 24px;letter-spacing:-.055em}
.hero p{max-width:650px;color:var(--muted);font-size:20px;line-height:1.65}.hero-art{width:100%;max-height:620px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--pink2);font-size:12px;font-weight:800}
.button,button{appearance:none;border:0;border-radius:999px;background:linear-gradient(135deg,var(--pink),#d9387a);color:white;font-weight:800;padding:14px 22px;display:inline-block;cursor:pointer;font-size:15px;box-shadow:0 14px 36px rgba(242,92,155,.22)}
.auth-page{display:grid;place-items:center;padding:32px}.auth-card{width:min(100%,460px);background:rgba(29,20,30,.94);border:1px solid var(--border);border-radius:24px;padding:36px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.install-card{width:min(100%,560px)}.auth-logo{width:260px;max-width:100%;display:block;margin:0 auto 25px}
.auth-card h1{text-align:center;margin:0 0 25px}.auth-card form{display:grid;gap:18px}
label{display:grid;gap:8px;color:var(--muted);font-weight:700;font-size:14px}
input{width:100%;border:1px solid var(--border);background:#120d13;color:var(--text);border-radius:12px;padding:13px 14px;font:inherit;outline:none}
input:focus{border-color:var(--pink)}.alert,.success{border:1px solid #76333d;background:#341820;color:var(--danger);padding:13px;border-radius:12px;margin-bottom:16px}
.success{border-color:#2f6a4a;background:#142c20;color:#bff4d3}.fine-print{font-size:12px;color:var(--muted);line-height:1.5}
.container{width:min(1180px,calc(100% - 40px));margin:50px auto}.page-heading{display:flex;justify-content:space-between;align-items:end}
.page-heading h1,.container>h1{font-size:clamp(40px,6vw,68px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}
.metric,.panel{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:20px;padding:25px}.metric{display:grid;gap:8px}
.metric strong{font-size:44px;letter-spacing:-.04em}.metric span,.panel p{color:var(--muted)}.panel{line-height:1.65}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-art{order:-1;max-height:360px}.cards{grid-template-columns:1fr}.site-header{padding:0 18px}.site-header nav span{display:none}}
select{width:100%;border:1px solid var(--border);background:#120d13;color:var(--text);border-radius:12px;padding:13px 14px;font:inherit}.search-row{display:flex;gap:12px;margin:24px 0}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:18px}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--border)}small{color:var(--muted)}code,pre{display:block;background:#120d13;padding:12px;border-radius:12px;overflow:auto}
textarea{width:100%;min-height:160px;border:1px solid var(--border);background:#120d13;color:var(--text);border-radius:12px;padding:13px 14px;font:inherit}.profile-hero{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:center}.avatar-placeholder{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#672143);font-weight:900}.feed{display:grid;gap:18px;margin-top:30px}.post-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px}.action-row{display:flex;gap:12px}
.feed{width:min(760px,calc(100% - 30px));margin:40px auto}.post-card,.creator-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:22px;padding:24px;margin-bottom:22px}.post-actions form{display:flex;gap:10px;margin-top:18px}.creator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.creator-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}.locked{padding:28px;border:1px dashed var(--pink);border-radius:16px;text-align:center;color:var(--muted)}textarea{width:100%;min-height:110px;border:1px solid var(--border);background:#120d13;color:var(--text);border-radius:12px;padding:13px;font:inherit}

/*
|--------------------------------------------------------------------------
| STAGE 9.3D5B CREATOR DISCOVERY
|--------------------------------------------------------------------------
*/

.discover-heading {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-end;
    margin-bottom: 1.25rem;
}

.discover-heading h1 {
    margin-bottom: 0.25rem;
}

.discover-heading p {
    margin: 0;
}

.discover-filter-panel {
    display: grid;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
}

.discover-search-main label,
.discover-filter-grid label {
    display: grid;
    gap: 0.4rem;
}

.discover-search-main input {
    width: 100%;
}

.discover-filter-grid {
    display: grid;
    grid-template-columns:
        repeat(5, minmax(0, 1fr));
    gap: 0.9rem;
}

.discover-filter-grid input,
.discover-filter-grid select {
    width: 100%;
}

.discover-feature-filters {
    margin: 0;
    padding: 1rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
}

.discover-feature-filters legend {
    padding: 0 0.45rem;
    font-weight: 700;
}

.discover-checkbox-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 0.75rem 1rem;
}

.discover-checkbox-grid label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.55rem;
    margin: 0;
    cursor: pointer;
}

.discover-checkbox-grid input[type="checkbox"] {
    flex: 0 0 auto;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0;
}

.discover-filter-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.discover-results-heading {
    margin: 1rem 0;
}

.discover-card-meta,
.discover-card-features {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.75rem 0;
}

.discover-card-meta span,
.discover-card-features span {
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 999px;
    font-size: 0.85rem;
}

.discover-card-features span {
    font-weight: 700;
}

.discover-price {
    margin-top: 0.9rem;
}

.discover-follow-form {
    margin-top: 0.75rem;
}

.discover-empty {
    padding: 2rem;
    text-align: center;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
}

@media (max-width: 1000px) {

    .discover-filter-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .discover-checkbox-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {

    .discover-filter-grid,
    .discover-checkbox-grid {
        grid-template-columns: 1fr;
    }

    .discover-filter-actions .button {
        width: 100%;
    }
}

/*
|--------------------------------------------------------------------------
| STAGE 9.3D5B7 FINAL BODY FEATURE GRID
|--------------------------------------------------------------------------
|
| feature-check-row is removed from visual layout with display:contents.
| The parent grid therefore positions the checkbox and its label directly.
|
*/

input[type="checkbox"],
input[type="radio"] {
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;

    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/*
 * Four explicit columns:
 *
 * checkbox | label | checkbox | label
 */

.profile-checkbox-grid,
.discover-checkbox-grid {
    display: grid !important;

    grid-template-columns:
        18px minmax(120px, max-content)
        18px minmax(120px, max-content) !important;

    grid-auto-flow: row !important;
    grid-auto-rows: minmax(26px, auto) !important;

    column-gap: 8px !important;
    row-gap: 10px !important;

    justify-content: start !important;
    justify-items: start !important;
    align-items: center !important;

    width: 100% !important;
}

/*
 * The wrapper no longer participates in layout.
 * Its input and label become direct grid items.
 */

.profile-checkbox-grid > .feature-check-row,
.discover-checkbox-grid > .feature-check-row {
    display: contents !important;
}

/*
 * Checkbox cell.
 */

.profile-checkbox-grid > .feature-check-row > input[type="checkbox"],
.discover-checkbox-grid > .feature-check-row > input[type="checkbox"] {
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;

    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    justify-self: start !important;
    align-self: center !important;
}

/*
 * Text cell.
 */

.profile-checkbox-grid > .feature-check-row > label,
.discover-checkbox-grid > .feature-check-row > label {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    justify-self: start !important;
    align-self: center !important;

    line-height: 20px !important;

    color: var(--muted);
    font-weight: 700;
    font-size: 14px;

    cursor: pointer;
}

/*
 * Mobile:
 *
 * checkbox | label
 * checkbox | label
 * checkbox | label
 * checkbox | label
 */

@media (max-width: 640px) {

    .profile-checkbox-grid,
    .discover-checkbox-grid {
        grid-template-columns:
            18px minmax(0, 1fr) !important;

        column-gap: 8px !important;
    }
}



/*
|--------------------------------------------------------------------------
| STAGE 9.3D6C1 SITE THEME
|--------------------------------------------------------------------------
|
| HOTBBWS4YOU
|
| Light:
| - pure white
| - gold framing
| - red highlights
|
| Dark:
| - black/charcoal
| - gold framing
| - red highlights
|
*/

/*
 * System preference provides a CSS-only initial default.
 */

:root {
    --theme-bg: #090909;
    --theme-bg-soft: #111111;
    --theme-panel: #171717;
    --theme-panel-2: #1d1d1d;

    --theme-text: #f8f5ee;
    --theme-muted: #c9c1b2;

    --theme-gold: #d4af37;
    --theme-gold-soft: #a98728;

    --theme-red: #c5162e;
    --theme-red-strong: #e31b36;

    --theme-border: rgba(212, 175, 55, 0.45);

    --theme-shadow:
        0 12px 32px rgba(0, 0, 0, 0.28);

    --theme-flame-1: #ff2a1a;
    --theme-flame-2: #ff7a00;
    --theme-flame-3: #ffc400;

    color-scheme: dark;
}

@media (prefers-color-scheme: light) {

    :root:not([data-theme]) {
        --theme-bg: #ffffff;
        --theme-bg-soft: #fffaf2;
        --theme-panel: #ffffff;
        --theme-panel-2: #fff8ec;

        --theme-text: #18120d;
        --theme-muted: #665a4b;

        --theme-border: rgba(169, 125, 20, 0.48);

        --theme-shadow:
            0 12px 30px rgba(87, 59, 10, 0.10);

        color-scheme: light;
    }
}

/*
 * Explicit browser-selected modes.
 */

:root[data-theme="dark"] {
    --theme-bg: #090909;
    --theme-bg-soft: #111111;
    --theme-panel: #171717;
    --theme-panel-2: #1d1d1d;

    --theme-text: #f8f5ee;
    --theme-muted: #c9c1b2;

    --theme-border: rgba(212, 175, 55, 0.45);

    --theme-shadow:
        0 12px 32px rgba(0, 0, 0, 0.28);

    color-scheme: dark;
}

:root[data-theme="light"] {
    --theme-bg: #ffffff;
    --theme-bg-soft: #fffaf2;
    --theme-panel: #ffffff;
    --theme-panel-2: #fff8ec;

    --theme-text: #18120d;
    --theme-muted: #665a4b;

    --theme-border: rgba(169, 125, 20, 0.48);

    --theme-shadow:
        0 12px 30px rgba(87, 59, 10, 0.10);

    color-scheme: light;
}

/*
 * Map the existing application's common variables into the
 * new theme so legacy pages inherit the selected mode.
 */

:root,
:root[data-theme="dark"],
:root[data-theme="light"] {
    --bg: var(--theme-bg);
    --panel: var(--theme-panel);
    --panel2: var(--theme-panel-2);

    --text: var(--theme-text);
    --muted: var(--theme-muted);

    --border: var(--theme-border);

    --pink: var(--theme-red);
}

/*
 * Foundation
 */

html {
    background: var(--theme-bg);
}

body {
    background: var(--theme-bg);
    color: var(--theme-text);
    transition:
        background-color 160ms ease,
        color 160ms ease;
}

a {
    color: var(--theme-red-strong);
}

a:hover {
    color: var(--theme-gold);
}

/*
 * Site framing
 */

.site-header {
    background:
        color-mix(
            in srgb,
            var(--theme-bg) 92%,
            transparent
        );

    border-bottom-color: var(--theme-gold-soft);
}

.panel,
.metric,
.post-card,
.creator-card,
.auth-card,
.table-wrap,
.discover-filter-panel,
.discover-feature-filters,
.discover-empty {
    border-color: var(--theme-border);
    box-shadow: var(--theme-shadow);
}

/*
 * Forms
 */

input,
select,
textarea {
    background: var(--theme-bg-soft);
    color: var(--theme-text);
    border-color: var(--theme-border);
}

input::placeholder,
textarea::placeholder {
    color: var(--theme-muted);
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--theme-gold);
    outline:
        2px solid
        color-mix(
            in srgb,
            var(--theme-gold) 28%,
            transparent
        );
    outline-offset: 1px;
}

/*
 * Buttons
 */

.button,
button {
    border-color: var(--theme-gold-soft);
}

.button.primary,
button.primary {
    background:
        linear-gradient(
            135deg,
            var(--theme-red),
            var(--theme-red-strong)
        );

    color: #ffffff;
    border-color: var(--theme-gold);
}

.button.secondary,
button.secondary {
    background: var(--theme-panel-2);
    color: var(--theme-text);
    border-color: var(--theme-gold-soft);
}

/*
 * Tables
 */

table {
    background: var(--theme-panel);
    color: var(--theme-text);
}

th,
td {
    border-bottom-color: var(--theme-border);
}

/*
 * Theme toggle.
 *
 * Fixed positioning avoids having to rewrite duplicated
 * navigation markup across the application.
 */

.site-theme-toggle {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 10000;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto !important;
    min-width: 92px;

    min-height: 42px;

    margin: 0 !important;
    padding: 9px 14px !important;

    border:
        1px solid
        var(--theme-gold) !important;

    border-radius: 999px;

    background:
        linear-gradient(
            135deg,
            var(--theme-panel),
            var(--theme-panel-2)
        ) !important;

    color: var(--theme-text) !important;

    box-shadow:
        0 8px 26px
        rgba(0, 0, 0, 0.24);

    font: inherit;
    font-size: 14px;
    font-weight: 800;

    cursor: pointer;
}

.site-theme-toggle:hover,
.site-theme-toggle:focus-visible {
    border-color:
        var(--theme-red-strong) !important;

    outline:
        2px solid
        var(--theme-gold);

    outline-offset: 2px;
}

/*
 * Restrained flame accent.
 *
 * Kept on the toggle during the pilot instead of introducing
 * decorative elements throughout every page before browser
 * acceptance.
 */

.site-theme-toggle::before {
    content: "🔥";
    display: inline-block;
    margin-right: 6px;
    font-size: 15px;
    line-height: 1;
}

/*
 * Light mode must remain genuinely white rather than becoming
 * a pale version of the legacy dark palette.
 */

:root[data-theme="light"] body {
    background: #ffffff;
}

:root[data-theme="light"] .panel,
:root[data-theme="light"] .metric,
:root[data-theme="light"] .post-card,
:root[data-theme="light"] .creator-card,
:root[data-theme="light"] .auth-card {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fffaf2
        );
}

/*
 * Dark mode retains black/charcoal surfaces.
 */

:root[data-theme="dark"] body {
    background: #090909;
}

:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .metric,
:root[data-theme="dark"] .post-card,
:root[data-theme="dark"] .creator-card,
:root[data-theme="dark"] .auth-card {
    background:
        linear-gradient(
            145deg,
            #171717,
            #1d1d1d
        );
}

@media (max-width: 640px) {

    .site-theme-toggle {
        right: 12px;
        bottom: 12px;
        min-width: 82px;
        min-height: 40px;
        padding: 8px 12px !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    body {
        transition: none;
    }
}


/*
|--------------------------------------------------------------------------
| STAGE 9.3D6C1F LEGACY THEME COMPATIBILITY
|--------------------------------------------------------------------------
|
| Overrides legacy hard-coded dark/pink surfaces so the
| existing application visibly responds to data-theme.
|
*/

/* =========================================================
   COMMON SURFACES
   ========================================================= */

:root[data-theme="light"] body,
:root[data-theme="light"] .auth-page,
:root[data-theme="light"] main {
    background-color: #ffffff;
    color: #18120d;
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] .auth-page,
:root[data-theme="dark"] main {
    background-color: #090909;
    color: #f8f5ee;
}


/* =========================================================
   HEADER / NAVIGATION
   ========================================================= */

:root[data-theme="light"] .site-header {
    background: rgba(255, 255, 255, 0.96);
    border-bottom:
        1px solid
        rgba(169, 125, 20, 0.55);
    color: #18120d;
}

:root[data-theme="dark"] .site-header {
    background: rgba(9, 9, 9, 0.94);
    border-bottom:
        1px solid
        rgba(212, 175, 55, 0.48);
    color: #f8f5ee;
}


/* =========================================================
   CARDS / PANELS
   ========================================================= */

:root[data-theme="light"] .panel,
:root[data-theme="light"] .metric,
:root[data-theme="light"] .post-card,
:root[data-theme="light"] .creator-card,
:root[data-theme="light"] .auth-card,
:root[data-theme="light"] .table-wrap,
:root[data-theme="light"] .discover-filter-panel,
:root[data-theme="light"] .discover-feature-filters,
:root[data-theme="light"] .discover-empty {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fffaf0
        ) !important;

    color: #18120d !important;

    border-color:
        rgba(169, 125, 20, 0.50) !important;

    box-shadow:
        0 12px 32px
        rgba(87, 59, 10, 0.10);
}

:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .metric,
:root[data-theme="dark"] .post-card,
:root[data-theme="dark"] .creator-card,
:root[data-theme="dark"] .auth-card,
:root[data-theme="dark"] .table-wrap,
:root[data-theme="dark"] .discover-filter-panel,
:root[data-theme="dark"] .discover-feature-filters,
:root[data-theme="dark"] .discover-empty {
    background:
        linear-gradient(
            145deg,
            #141414,
            #1d1d1d
        ) !important;

    color: #f8f5ee !important;

    border-color:
        rgba(212, 175, 55, 0.45) !important;
}


/* =========================================================
   FORM CONTROLS
   ========================================================= */

:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea {
    background: #ffffff !important;
    color: #18120d !important;

    border:
        1px solid
        rgba(169, 125, 20, 0.55) !important;
}

:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea {
    background: #111111 !important;
    color: #f8f5ee !important;

    border:
        1px solid
        rgba(212, 175, 55, 0.42) !important;
}

:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder {
    color: #756957;
}

:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
    color: #aaa092;
}


/* =========================================================
   LABELS / MUTED TEXT
   ========================================================= */

:root[data-theme="light"] label,
:root[data-theme="light"] small,
:root[data-theme="light"] .muted {
    color: #665a4b;
}

:root[data-theme="dark"] label,
:root[data-theme="dark"] small,
:root[data-theme="dark"] .muted {
    color: #c9c1b2;
}


/* =========================================================
   TABLES
   ========================================================= */

:root[data-theme="light"] table {
    background: #ffffff !important;
    color: #18120d !important;
}

:root[data-theme="dark"] table {
    background: #141414 !important;
    color: #f8f5ee !important;
}

:root[data-theme="light"] th,
:root[data-theme="light"] td {
    border-bottom-color:
        rgba(169, 125, 20, 0.32);
}

:root[data-theme="dark"] th,
:root[data-theme="dark"] td {
    border-bottom-color:
        rgba(212, 175, 55, 0.28);
}


/* =========================================================
   CODE / PRE
   ========================================================= */

:root[data-theme="light"] code,
:root[data-theme="light"] pre {
    background: #fff8e8 !important;
    color: #3b2c16 !important;

    border:
        1px solid
        rgba(169, 125, 20, 0.32);
}

:root[data-theme="dark"] code,
:root[data-theme="dark"] pre {
    background: #111111 !important;
    color: #f8f5ee !important;

    border:
        1px solid
        rgba(212, 175, 55, 0.28);
}


/* =========================================================
   AVATAR / PROFILE ACCENTS
   ========================================================= */

:root[data-theme="light"] .avatar-placeholder,
:root[data-theme="dark"] .avatar-placeholder {
    background:
        linear-gradient(
            135deg,
            #c5162e,
            #7d0b19
        ) !important;

    color: #ffffff;
    border:
        2px solid
        #d4af37;
}


/* =========================================================
   PRIMARY ACTIONS
   ========================================================= */

:root[data-theme="light"] .button,
:root[data-theme="light"] button:not(.site-theme-toggle),
:root[data-theme="dark"] .button,
:root[data-theme="dark"] button:not(.site-theme-toggle) {
    border:
        1px solid
        #d4af37;
}

:root[data-theme="light"] .button.primary,
:root[data-theme="light"] button.primary,
:root[data-theme="dark"] .button.primary,
:root[data-theme="dark"] button.primary {
    background:
        linear-gradient(
            135deg,
            #c5162e,
            #e31b36
        ) !important;

    color: #ffffff !important;

    border-color:
        #d4af37 !important;
}


/* =========================================================
   LINKS
   ========================================================= */

:root[data-theme="light"] a {
    color: #b20f27;
}

:root[data-theme="dark"] a {
    color: #ff5369;
}

:root[data-theme="light"] a:hover,
:root[data-theme="dark"] a:hover {
    color: #d4af37;
}


/* =========================================================
   DISCOVERY BODY-FEATURE LAYOUT PROTECTION
   ========================================================= */

.profile-checkbox-grid,
.discover-checkbox-grid {
    align-items: center;
}

.feature-check-row > input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 !important;
}

.feature-check-row > label {
    margin: 0 !important;
}


/* =========================================================
   THEME TOGGLE
   ========================================================= */

.site-theme-toggle {
    left: auto !important;
    right: 18px !important;
    bottom: 18px !important;

    background:
        linear-gradient(
            135deg,
            #c5162e,
            #8e0d20
        ) !important;

    color: #ffffff !important;

    border:
        2px solid
        #d4af37 !important;

    box-shadow:
        0 8px 28px
        rgba(0, 0, 0, 0.30) !important;
}


/* =========================================================
   GOLD FRAME ACCENT
   ========================================================= */

:root[data-theme="light"] .panel,
:root[data-theme="light"] .creator-card,
:root[data-theme="light"] .post-card,
:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .creator-card,
:root[data-theme="dark"] .post-card {
    border:
        1px solid
        var(--theme-gold-soft) !important;
}


/* =========================================================
   RESTRAINED FLAME ACCENT
   ========================================================= */

.site-theme-toggle::before {
    content: "🔥";
}