/* El segundo modo conserva los estilos originales. Solo Cuartosanto redefine la paleta. */
html[data-cs-appearance="cuartosanto"] {
  --body-bg-color-dark: #030b1b;
  --body-color-dark: #e2edf2;
  --header-bg-color-dark: #0a1c29;
  --card-dark-color: #0d2231;
  --card-dark-divider: #203948;
  --card-dark-hover: #14313f;
  --card-dark-input: #081a27;
  --card-dark-input-color: #e2edf2;
  --link-color: #4ee0e7;
  --plyr-color-main: #00abbd;
  background: #06131e;
}
html[data-cs-appearance="cuartosanto"] body {
  --bs-body-bg: #06131e;
  --bs-body-color: #e2edf2;
  --bs-secondary-color: #9bb0bd;
  --bs-tertiary-bg: #0d2231;
  --bs-secondary-bg: #14313f;
  --bs-border-color: #203948;
  --bs-primary: #00abbd;
  --bs-primary-rgb: 0, 171, 189;
  --bs-link-color: #4ee0e7;
  --bs-link-hover-color: #9cebf0;
  color: #e2edf2;
  background: radial-gradient(ellipse at 0 0, #00abbd0d, transparent 35%), radial-gradient(ellipse at 100% 45%, #f955a10a, transparent 40%), #06131e;
}
html[data-cs-appearance="cuartosanto"] body .main-header { background: #0a1c29; border-bottom: 1px solid #203948; box-shadow: 0 6px 28px #020b1420; }
html[data-cs-appearance="cuartosanto"] body .card { background-color: #0d2231; border-color: #203948; border-radius: 18px; box-shadow: 0 8px 30px #020b141a; }
html[data-cs-appearance="cuartosanto"] body :is(.card-header, .card-footer, .post-footer, .post-comments, .publisher, .publisher-meta, .publisher-tools-tabs) { background-color: #0d2231; border-color: #203948; color: #e2edf2; }
html[data-cs-appearance="cuartosanto"] body :is(.dropdown-menu, .modal-content, .list-group-item, .chat-widget, .chat-widget-head, .chat-widget-content, .chat-widget-footer, .panel-messages) { background-color: #0d2231; border-color: #203948; color: #e2edf2; }
html[data-cs-appearance="cuartosanto"] body .dropdown-menu { --bs-dropdown-bg: #0d2231; --bs-dropdown-color: #e2edf2; --bs-dropdown-link-color: #e2edf2; --bs-dropdown-link-hover-color: #9cebf0; --bs-dropdown-link-hover-bg: #14313f; border-radius: 16px; }
html[data-cs-appearance="cuartosanto"] body :is(.dropdown-item, .side-nav > li > a, .data-content .name a) { color: #e2edf2; }
html[data-cs-appearance="cuartosanto"] body :is(.dropdown-item:hover, .dropdown-item:focus, .side-nav > li.active > a) { background-color: #14313f; color: #9cebf0; }
html[data-cs-appearance="cuartosanto"] body :is(.text-muted, .text-secondary, .post-time, .data-content .text) { color: #9bb0bd !important; }
html[data-cs-appearance="cuartosanto"] body :is(.text-dark, .text-black) { color: #e2edf2 !important; }
html[data-cs-appearance="cuartosanto"] body :is(.bg-white, .bg-light) { background-color: #0d2231 !important; }
html[data-cs-appearance="cuartosanto"] body :is(.form-control, .form-select, .input-group-text, .publisher textarea, .publisher-meta input) { background-color: #081a27; border-color: #294351; color: #e2edf2; }
html[data-cs-appearance="cuartosanto"] body :is(.form-control, .publisher textarea)::placeholder { color: #8ea8b8; opacity: 1; }
html[data-cs-appearance="cuartosanto"] body :is(.form-control:focus, .form-select:focus) { border-color: #00abbd; box-shadow: 0 0 0 3px #00abbd26; }
html[data-cs-appearance="cuartosanto"] body .btn-primary { background: #00abbd !important; border-color: #00abbd !important; color: #052631 !important; }
html[data-cs-appearance="cuartosanto"] body .btn-primary:hover { background: #4ed5df !important; border-color: #4ed5df !important; }
html[data-cs-appearance="cuartosanto"] body .btn-light { background: #14313f; border-color: #294351; color: #e2edf2; }
html[data-cs-appearance="cuartosanto"] body .text-primary { color: #4ee0e7 !important; }
html[data-cs-appearance="cuartosanto"] body .header-icon.active,
html[data-cs-appearance="cuartosanto"] body .header-icon.active * { color: #4ee0e7; fill: #4ee0e7; }
html[data-cs-appearance="cuartosanto"] body .nav-tabs { border-color: #203948; }
html[data-cs-appearance="cuartosanto"] body .nav-tabs .nav-link.active { background: #14313f; border-color: #203948; color: #9cebf0; }
html[data-cs-appearance="cuartosanto"] body .cs-messages-page { --cs-inbox-bg: #0d2231; --cs-inbox-soft: #14313f; --cs-inbox-line: #203948; --cs-inbox-text: #e2edf2; --cs-inbox-muted: #9bb0bd; }
html[data-cs-appearance="cuartosanto"] body :is(.panel-messages .chat-conversations, .panel-messages .chat-form) { background: #081a27; }
html[data-cs-appearance="cuartosanto"] body .cs-chat-header { background: #0d2231 !important; }
html[data-cs-appearance="cuartosanto"] body .cs-voice-player { background: #14313f; color: #e2edf2; }
html[data-cs-appearance="cuartosanto"] body .conversation.right .cs-voice-player { background: #103740; color: #c2f7fa; }
html[data-cs-appearance="cuartosanto"] body .cs-mobile-search-panel { background: #0d2231; color: #e2edf2; }
html[data-cs-appearance="second"] .soon { background: #1e252b; }
html[data-cs-appearance="cuartosanto"] .soon { background: #06131e; }
html[data-cs-appearance="day"] .soon { background: #fbfdfe; color: #20313e; }
html[data-cs-appearance="day"] .soon :is(.soon-kicker, .soon-description, .soon-worlds small, .soon-promise, .soon-note, footer) { color: #607684; }
html[data-cs-appearance="day"] .soon .soon-description strong { color: #20313e; }
html[data-cs-appearance="day"] .soon .soon-worlds > div { background: #ffffffc4; border-color: #dce7eb; }
html[data-cs-appearance="day"] .soon h1 em { background-image: linear-gradient(110deg, #00818f, #bd286a); }
.cs-soon-appearance { align-self: flex-end; width: min(100%, 1000px); margin: 0 auto 32px; text-align: end; }

/* El acceso también responde a la elección, aunque su CSS original use blanco fijo. */
html[data-cs-appearance="second"] { --cs-auth-bg: #1e252b; --cs-auth-surface: #262d34; --cs-auth-line: #3a4d5c; --cs-auth-soft: #2b3843; }
html[data-cs-appearance="cuartosanto"] { --cs-auth-bg: #06131e; --cs-auth-surface: #0d2231; --cs-auth-line: #294351; --cs-auth-soft: #14313f; }
html:not([data-cs-appearance="day"]) body:has(.auth-page) { background: var(--cs-auth-bg) !important; }
html:not([data-cs-appearance="day"]) body .auth-page { background: var(--cs-auth-bg); color: #e2edf2; }
html:not([data-cs-appearance="day"]) body .auth-access { background: var(--cs-auth-surface); border-color: var(--cs-auth-line); color-scheme: dark; }
html:not([data-cs-appearance="day"]) body .auth-page :is(.card-register, .card-title, .card-body, .auth-story h1, .auth-brand, .auth-worlds strong, .auth-read-modes h2, .auth-release-list strong) { color: #e2edf2; }
html:not([data-cs-appearance="day"]) body .auth-page :is(.auth-intro, .auth-eyebrow, .auth-separation, .auth-access-foot, .auth-age, .form-check-label, .form-label, .auth-read-modes p, .auth-read-modes li, .auth-release-list p, .auth-worlds small) { color: #a5bdca; }
html:not([data-cs-appearance="day"]) body .auth-page :is(.form-control, .form-select, .input-group-text) { background: var(--cs-auth-bg) !important; border-color: var(--cs-auth-line) !important; color: #e2edf2 !important; }
html:not([data-cs-appearance="day"]) body .auth-page .form-control::placeholder { color: #a5bdca; }
html:not([data-cs-appearance="day"]) body .auth-page :is(.auth-switch, .auth-read-tabs) { background: var(--cs-auth-bg); }
html:not([data-cs-appearance="day"]) body .auth-page :is(.auth-switch .auth-switch-active, .auth-read-tabs button[aria-selected="true"], .auth-mode-picker button, .auth-floating, .auth-visual-card) { background: var(--cs-auth-soft); color: #e2edf2; border-color: var(--cs-auth-line); }
html:not([data-cs-appearance="day"]) body .auth-page :is(.auth-read-tabs button, .auth-visual-copy p, .auth-mode-picker small) { color: #a5bdca; }
html:not([data-cs-appearance="day"]) body .auth-page :is(.auth-story h1 span, .card-body a:not(.btn):not(.auth-register-cta), .auth-release-details summary) { color: #9cebf0; }
html:not([data-cs-appearance="day"]) body .auth-page .auth-release-details summary { background: var(--cs-auth-soft); }
html:not([data-cs-appearance="day"]) body .auth-page :is(.auth-release-list article, .auth-access .auth-release-details, .auth-read-modes) { border-color: var(--cs-auth-line); }

/* Selector accesible, con controles amplios y un panel inferior en móvil. */
.cs-appearance-open { display: flex; align-items: center; min-height: 44px; }
.cs-appearance-menu-mode { max-width: 135px; margin-inline-start: auto; padding-inline-start: 12px; color: #788697; font-size: 9px; white-space: normal; text-align: end; }
.cs-auth-appearance { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 8px 12px; border: 1px solid #dce7eb; border-radius: 999px; background: #fff; color: #20313e; font: inherit; font-size: 11px; cursor: pointer; }
html:not([data-cs-appearance="day"]) .cs-auth-appearance { border-color: #ffffff26; background: #ffffff06; color: #e2edf2; }
.cs-appearance-dialog { --cs-picker-bg: #fff; --cs-picker-text: #20313e; --cs-picker-muted: #607684; --cs-picker-soft: #f5f9fa; --cs-picker-line: #dce7eb; position: fixed; inset: auto 0 0; width: min(440px, calc(100% - 24px)); max-width: none; max-height: min(85vh, 650px); max-height: min(85dvh, 650px); margin: 0 auto max(12px, env(safe-area-inset-bottom)); padding: 0; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--cs-picker-line); border-radius: 24px; background: var(--cs-picker-bg); color: var(--cs-picker-text); font-family: Poppins, system-ui, sans-serif; box-shadow: 0 24px 90px #00000040; }
.cs-appearance-dialog:not([open]) { display: none; }
.cs-appearance-dialog::backdrop { background: #020811a6; backdrop-filter: blur(5px); }
html[data-cs-appearance="second"] .cs-appearance-dialog { --cs-picker-bg: #262d34; --cs-picker-text: #c1d4e3; --cs-picker-muted: #a5b6c6; --cs-picker-soft: #1e252b; --cs-picker-line: #3a4d5c; }
html[data-cs-appearance="cuartosanto"] .cs-appearance-dialog { --cs-picker-bg: #0d2231; --cs-picker-text: #e2edf2; --cs-picker-muted: #9bb0bd; --cs-picker-soft: #081a27; --cs-picker-line: #294351; }
.cs-appearance-sheet { padding: 24px 20px; }
.cs-appearance-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.cs-appearance-kicker { margin: 0 0 6px; color: #007d8b; font-size: 9px; font-weight: 600; letter-spacing: .15em; }
html:not([data-cs-appearance="day"]) .cs-appearance-kicker { color: #9cebf0; }
.cs-appearance-heading h2 { margin: 0; color: var(--cs-picker-text); font-size: 25px; font-weight: 600; letter-spacing: -.04em; }
.cs-appearance-close { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 1px solid var(--cs-picker-line); border-radius: 50%; background: var(--cs-picker-soft); color: var(--cs-picker-text); font-size: 25px; cursor: pointer; }
.cs-appearance-description { margin: 18px 0 22px; color: var(--cs-picker-muted); font-size: 13px; line-height: 1.8; }
.cs-appearance-choices { display: grid; gap: 12px; min-width: 0; margin: 0; padding: 0; border: 0; }
.cs-appearance-choice { position: relative; display: flex; align-items: center; gap: 12px; min-height: 86px; margin: 0; padding: 14px 12px; border: 1px solid var(--cs-picker-line); border-radius: 16px; background: var(--cs-picker-soft); cursor: pointer; }
.cs-appearance-choice[hidden] { display: none !important; }
.cs-appearance-choice input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.cs-appearance-choice:has(input:checked) { border-color: #00abbd; box-shadow: 0 0 0 1px #00abbd; }
.cs-appearance-choice:has(input:focus-visible) { outline: 3px solid #f955a1; outline-offset: 3px; }
.cs-appearance-choice-copy { flex: 1; min-width: 0; }
.cs-appearance-choice-copy strong { display: block; color: var(--cs-picker-text); font-size: 12px; font-weight: 600; line-height: 1.5; }
.cs-appearance-choice-copy small { display: block; margin-top: 4px; color: var(--cs-picker-muted); font-size: 10px; line-height: 1.5; }
.cs-appearance-check { flex: 0 0 18px; color: #007d8b; opacity: 0; }
html:not([data-cs-appearance="day"]) .cs-appearance-check { color: #4ee0e7; }
.cs-appearance-choice:has(input:checked) .cs-appearance-check { opacity: 1; }
.cs-appearance-swatch { display: grid; gap: 4px; flex: 0 0 45px; width: 45px; height: 49px; padding: 9px 7px; border: 1px solid #7894a133; border-radius: 10px; }
.cs-appearance-swatch i { display: block; height: 6px; border-radius: 3px; }
.cs-appearance-swatch-brand { background: #06131e; }
.cs-appearance-swatch-brand i { background: #14313f; }
.cs-appearance-swatch-brand i:first-child { background: #00abbd; }
.cs-appearance-swatch-brand i:last-child { width: 65%; background: #f955a1; }
.cs-appearance-swatch-second { background: #1e252b; }
.cs-appearance-swatch-second i { background: #3a4d5c; }
.cs-appearance-swatch-second i:first-child { background: #5e72e4; }
.cs-appearance-swatch-day { background: #f0f2f5; }
.cs-appearance-swatch-day i { background: #dce3e8; }
.cs-appearance-swatch-day i:first-child { background: #00abbd; }
.cs-appearance-status { min-height: 30px; margin: 20px 0 0; color: var(--cs-picker-muted); font-size: 10px; line-height: 1.7; }
.cs-appearance-dialog button:focus-visible, .cs-auth-appearance:focus-visible, .cs-logo-egg:focus-visible, .cs-appearance-unlock button:focus-visible { outline: 3px solid #f955a1; outline-offset: 4px; }
.cs-appearance-retry { min-height: 44px; margin-top: 12px; padding: 9px 14px; border: 1px solid #f955a15c; border-radius: 12px; background: transparent; color: inherit; font: inherit; font-size: 11px; cursor: pointer; }
.cs-appearance-retry[hidden] { display: none !important; }

/* Un destello sobre el logo: no añade espacio ni contenido al feed. */
.cs-logo-discovery { position: relative; display: inline-flex; align-items: center; max-width: 100%; vertical-align: middle; }
.cs-logo-discovery > a { min-width: 0; max-width: 100%; }
.soon-logo.cs-logo-discovery { display: inline-flex; width: fit-content; max-width: 100%; }
.cs-logo-egg { position: absolute; top: -14px; right: -15px; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #bd286a; font: inherit; line-height: 1; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.main-header .cs-logo-egg { top: 0; right: 0; }
html:not([data-cs-appearance="day"]) .cs-logo-egg { color: #ff86ba; }
.cs-logo-egg-glint { font-size: 18px; text-shadow: 0 0 12px #f955a133; animation: cs-logo-glint 8s ease-in-out infinite; }
.cs-logo-egg-small { position: absolute; top: 9px; right: 5px; color: #007d8b; font-size: 9px; }
html:not([data-cs-appearance="day"]) .cs-logo-egg-small { color: #9cebf0; }
.cs-logo-egg:hover, .cs-logo-egg:focus-visible { background: #f955a10b; }
.cs-logo-egg.is-nudged .cs-logo-egg-glint { animation: cs-logo-nudge .45s ease; }
.cs-logo-egg.is-unlocked .cs-logo-egg-glint { animation: none; color: #00818f; }
html:not([data-cs-appearance="day"]) .cs-logo-egg.is-unlocked .cs-logo-egg-glint { color: #4ee0e7; }
.cs-logo-egg [data-cs-egg-note], .cs-appearance-dialog .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@keyframes cs-logo-glint { 0%,75%,100% { opacity: .7; transform: scale(1); } 83% { opacity: 1; transform: scale(1.25) rotate(12deg); } 92% { opacity: .8; transform: scale(1); } }
@keyframes cs-logo-nudge { 0%,100% { transform: rotate(0) scale(1); } 35% { transform: rotate(25deg) scale(1.35); } 70% { transform: rotate(-12deg) scale(1.15); } }

/* Celebración propia: el desbloqueo no se confunde con el selector habitual. */
.cs-appearance-unlock { position: fixed; inset: 0; width: min(450px, calc(100% - 24px)); max-width: none; max-height: 90vh; max-height: 90dvh; height: fit-content; margin: auto; padding: 0; overflow: auto; overscroll-behavior: contain; border: 1px solid #4ee0e752; border-radius: 26px; background: radial-gradient(ellipse at 10% 0, #00abbd20, transparent 50%), radial-gradient(ellipse at 90% 100%, #f955a124, transparent 50%), #06131e; color: #e2edf2; font-family: Poppins, system-ui, sans-serif; box-shadow: 0 24px 90px #00000066, 0 0 50px #00abbd14; }
.cs-appearance-unlock:not([open]) { display: none; }
.cs-appearance-unlock::backdrop { background: #020811c4; backdrop-filter: blur(7px); }
.cs-unlock-content { position: relative; padding: 28px 22px 22px; text-align: center; }
.cs-unlock-close { position: absolute; top: 12px; right: 12px; z-index: 2; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #ffffff08; color: #b1c2cc; font-size: 25px; cursor: pointer; }
.cs-unlock-orb { display: grid; place-items: center; width: 68px; height: 68px; margin: 3px auto 18px; border: 1px solid #4ee0e740; border-radius: 23px; background: linear-gradient(135deg, #00abbd24, #f955a126); color: #9cebf0; font-size: 44px; line-height: 1; transform: rotate(-8deg); }
.cs-unlock-kicker { margin: 0 0 12px; color: #ffabd2; font-size: 9px; font-weight: 600; letter-spacing: .15em; }
.cs-appearance-unlock h2 { margin: 0; color: #fff; font-size: clamp(25px, 7vw, 32px); font-weight: 600; line-height: 1.18; letter-spacing: -.055em; }
.cs-appearance-unlock h2 em { color: #4ee0e7; font-style: normal; background: linear-gradient(110deg, #4ee0e7, #ff86ba); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.cs-unlock-name { margin: 18px 0 0; color: #9cebf0; font-size: 9px; font-weight: 600; letter-spacing: .12em; }
.cs-unlock-preview { display: flex; justify-content: center; gap: 8px; margin: 14px auto 18px; }
.cs-unlock-preview span { width: 44px; height: 25px; border: 1px solid #ffffff26; border-radius: 8px; background: #06131e; }
.cs-unlock-preview span:nth-child(2) { background: #00abbd; }
.cs-unlock-preview span:nth-child(3) { background: #f955a1; }
.cs-unlock-description { margin: 0; color: #b1c2cc; font-size: 12px; line-height: 1.8; }
.cs-unlock-save { min-height: 32px; margin: 14px 0 18px; color: #9bb0bd; font-size: 10px; line-height: 1.7; }
.cs-unlock-primary, .cs-unlock-secondary { display: flex; align-items: center; justify-content: center; gap: 18px; width: 100%; min-height: 48px; padding: 12px 18px; border: 0; border-radius: 999px; font-family: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.cs-unlock-primary { background: #00abbd; color: #052631; }
.cs-unlock-primary:hover { background: #4ed5df; }
.cs-unlock-secondary { margin-top: 8px; background: transparent; color: #b1c2cc; }
.cs-unlock-sparks { position: absolute; inset: 0; overflow: hidden; border-radius: 26px; pointer-events: none; }
.cs-unlock-sparks i { position: absolute; top: 18%; left: 50%; color: #4ee0e7; font-size: 18px; font-style: normal; opacity: 0; }
.cs-unlock-sparks i:nth-child(2) { --spark-x: -135px; --spark-y: -20px; color: #ff86ba; }
.cs-unlock-sparks i:nth-child(3) { --spark-x: 130px; --spark-y: 100px; }
.cs-unlock-sparks i:nth-child(4) { --spark-x: -125px; --spark-y: 130px; color: #ff86ba; }
.cs-unlock-sparks i:nth-child(5) { --spark-x: 80px; --spark-y: -50px; }
.cs-unlock-sparks i:nth-child(6) { --spark-x: -60px; --spark-y: -55px; color: #ff86ba; }
.is-celebrating .cs-unlock-sparks i { animation: cs-unlock-burst 1.6s ease-out forwards; }
@keyframes cs-unlock-burst { 0% { opacity: 0; transform: translate(0,0) scale(.3); } 20% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--spark-x, 125px),var(--spark-y, -5px)) rotate(75deg) scale(1.2); } }
@media (min-width: 768px) { .cs-appearance-dialog { inset: 0; height: fit-content; margin: auto; } .cs-appearance-sheet { padding: 28px; } }
@media (max-width: 479px) { .cs-auth-appearance { padding-inline: 10px; font-size: 10px; } .auth-topbar { flex-wrap: wrap; gap: 12px; } .cs-appearance-menu-mode { max-width: 100px; } }
@media (prefers-reduced-motion: reduce) { .cs-logo-egg-glint, .cs-logo-egg.is-nudged .cs-logo-egg-glint, .cs-unlock-sparks i { animation: none !important; transition: none; } }

/* Cristal y luz Cuartosanto: capas pequeñas, sin filtros sobre el feed completo. */
html[data-cs-appearance="cuartosanto"] {
  --cs-neon-cyan: #00ddeb;
  --cs-neon-pink: #ff279d;
  --cs-neon-violet: #ac70ff;
  --cs-glass: rgba(10, 23, 48, .92);
  --cs-glass-line: rgba(133, 169, 255, .24);
  --card-dark-color: #0b1730;
  --card-dark-divider: #263956;
  --card-dark-hover: #182543;
  --card-dark-input: #071126;
  background: #030b1b;
}
html[data-cs-appearance="cuartosanto"] body,
html[data-cs-appearance="cuartosanto"] body:has(.auth-page) {
  --bs-body-bg: #030b1b;
  --bs-tertiary-bg: #0b1730;
  --bs-secondary-bg: #182543;
  --bs-border-color: #263956;
  background: radial-gradient(ellipse at 0 8%, #00ddeb16, transparent 42%), radial-gradient(ellipse at 100% 38%, #ac70ff18, transparent 44%), radial-gradient(ellipse at 25% 90%, #ff279d12, transparent 40%), #030b1b !important;
}
html[data-cs-appearance="cuartosanto"] body .main-header {
  background: rgba(4, 12, 29, .9);
  border-bottom-color: #76a7ff30;
  box-shadow: 0 8px 32px #00071966, 0 1px 18px #00ddeb0e;
}
html[data-cs-appearance="cuartosanto"] body :is(.card, .auth-access, .auth-visual-card, .auth-floating) {
  background: linear-gradient(145deg, #4895ed12, #ac70ff08 48%, #ff279d09), var(--cs-glass);
  border: 1px solid var(--cs-glass-line);
  box-shadow: inset 0 1px 0 #c7d9ff12, 0 12px 34px #00071950, 0 0 22px #745aff08;
}
html[data-cs-appearance="cuartosanto"] body :is(.card-header, .card-footer, .post-footer, .post-comments, .publisher, .publisher-meta, .publisher-tools-tabs) {
  background-color: transparent;
  border-color: #82a8e51f;
}
html[data-cs-appearance="cuartosanto"] body :is(.dropdown-menu, .modal-content, .chat-widget, .panel-messages, .cs-mobile-search-panel),
html[data-cs-appearance="cuartosanto"] .cs-appearance-dialog {
  background: linear-gradient(145deg, #00ddeb0c, #ac70ff10 65%, #ff279d0b), rgba(8, 18, 39, .96);
  border-color: #829ef342;
  box-shadow: inset 0 1px 0 #dae6ff14, 0 20px 55px #00071980, 0 0 24px #ac70ff12;
}
html[data-cs-appearance="cuartosanto"] body :is(.form-control, .form-select, .input-group-text, .publisher textarea, .publisher-meta input) {
  background-color: #050d20b8;
  border-color: #7d9ccc35;
  box-shadow: inset 0 2px 8px #00071926;
}
html[data-cs-appearance="cuartosanto"] body :is(.form-control:focus, .form-select:focus) {
  border-color: #00ddeb99;
  box-shadow: 0 0 0 3px #00ddeb18, 0 0 18px #00ddeb13;
}
html[data-cs-appearance="cuartosanto"] body .btn-primary,
html[data-cs-appearance="cuartosanto"] .cs-unlock-primary {
  background: linear-gradient(110deg, #ed1679, #c9128d) !important;
  border: 1px solid #ff85d080 !important;
  color: #fff !important;
  box-shadow: inset 0 1px 2px #ffffff4a, 0 5px 18px #ff279d28, 0 0 24px #ff279d16;
}
html[data-cs-appearance="cuartosanto"] body .btn-primary:hover,
html[data-cs-appearance="cuartosanto"] .cs-unlock-primary:hover {
  background: linear-gradient(110deg, #fb2589, #d7199d) !important;
  box-shadow: inset 0 1px 2px #ffffff55, 0 6px 22px #ff279d40;
}
html[data-cs-appearance="cuartosanto"] body :is(.btn-light, .cs-story-empty-add),
html[data-cs-appearance="cuartosanto"] .cs-appearance-choice {
  background: linear-gradient(135deg, #00ddeb0c, #ac70ff12), #0c1930;
  border-color: #829ef33d;
  color: #eaf1ff;
  box-shadow: inset 0 1px 0 #ffffff0c;
}
html[data-cs-appearance="cuartosanto"] body :is(.side-nav > li.active > a, .nav-tabs .nav-link.active) {
  background: linear-gradient(110deg, #00ddeb15, #ac70ff15);
  color: #8cf5ff;
  box-shadow: inset 3px 0 0 #00ddeb, inset 0 1px 0 #00ddeb16;
}
html[data-cs-appearance="cuartosanto"] body .header-icon.active { filter: drop-shadow(0 0 7px #00ddeb44); }
html[data-cs-appearance="cuartosanto"] body .cs-stories-rail #stories .story:not(.seen) > .item-link > .item-preview {
  background: linear-gradient(135deg, #00ddeb, #ac70ff 48%, #ff279d);
  box-shadow: 0 0 12px #ac70ff25;
}
html[data-cs-appearance="cuartosanto"] body .reactions-container.cs-reaction-picker {
  background: rgba(9, 20, 43, .96);
  border-color: #8d9efa50;
  box-shadow: inset 0 1px 0 #ffffff15, 0 12px 35px #00071980, 0 0 20px #ac70ff20;
}
html[data-cs-appearance="cuartosanto"] .cs-appearance-dialog { --cs-picker-soft: #0c1930; --cs-picker-line: #829ef33d; --cs-picker-muted: #a9bdd7; }
html[data-cs-appearance="cuartosanto"] .cs-appearance-choice:has(input:checked) {
  border-color: #00ddeb99;
  box-shadow: inset 0 1px 0 #ffffff12, 0 0 0 1px #00ddeb30, 0 0 20px #00ddeb12;
}
html[data-cs-appearance="cuartosanto"] .cs-appearance-unlock {
  background: radial-gradient(ellipse at 0 0, #00ddeb26, transparent 55%), radial-gradient(ellipse at 100% 100%, #ff279d26, transparent 55%), #071126f5;
  border-color: #ac70ff80;
  box-shadow: inset 0 1px 0 #ffffff26, 0 24px 90px #00071999, 0 0 45px #ac70ff25;
}
html[data-cs-appearance="cuartosanto"] .cs-unlock-orb { box-shadow: inset 0 1px 0 #ffffff2b, 0 0 30px #ac70ff35; }
.cs-appearance-swatch-brand { background: linear-gradient(145deg, #00ddeb1a, #ac70ff22, #ff279d15), #030b1b; border-color: #ac70ff60; box-shadow: 0 0 12px #ac70ff12; }
.cs-appearance-swatch-brand i:first-child { background: linear-gradient(90deg, #00ddeb, #ac70ff, #ff279d); }
html[data-cs-appearance="cuartosanto"] body .auth-page { background: transparent; }
html[data-cs-appearance="cuartosanto"] .soon { background: radial-gradient(ellipse at 10% 15%, #00ddeb20, transparent 45%), radial-gradient(ellipse at 90% 70%, #ac70ff20, transparent 45%), #030b1b; }
html[data-cs-appearance="cuartosanto"] :is(.soon h1 em, .auth-story h1 span) {
  background: linear-gradient(105deg, #00ddeb 10%, #73b4ff 42%, #ac70ff 62%, #ff279d 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-cs-appearance="cuartosanto"] .soon .soon-worlds > div { background: linear-gradient(135deg, #00ddeb0b, #ac70ff13), #0b1730cf; border-color: #829ef342; box-shadow: inset 0 1px 0 #ffffff14, 0 0 24px #ac70ff0d; }
@supports (backdrop-filter: blur(12px)) {
  html[data-cs-appearance="cuartosanto"] body .main-header,
  html[data-cs-appearance="cuartosanto"] body .dropdown-menu,
  html[data-cs-appearance="cuartosanto"] body .reactions-container.cs-reaction-picker,
  html[data-cs-appearance="cuartosanto"] .cs-appearance-dialog { backdrop-filter: blur(12px) saturate(125%); -webkit-backdrop-filter: blur(12px) saturate(125%); }
}
@media (prefers-reduced-transparency: reduce) {
  html[data-cs-appearance="cuartosanto"] { --cs-glass: #0b1730; }
  html[data-cs-appearance="cuartosanto"] body :is(.main-header, .dropdown-menu, .modal-content, .reactions-container.cs-reaction-picker),
  html[data-cs-appearance="cuartosanto"] .cs-appearance-dialog { background: #0b1730; backdrop-filter: none; -webkit-backdrop-filter: none; }
}