/* ===== исходная строка 5 ===== */
html.nola68-booting body {
  visibility: hidden;
}
.n19filtergenre {
  position: relative;
}
.n19filtertoggle {
  width: 100%;
  text-align: left;
  padding: 12px;
  border: 1px solid #b48a5c;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.n19filtermenu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 300;
  background: #281a22;
  color: #f1d3ac;
  border: 1px solid #b48a5c;
  border-radius: 8px;
  padding: 8px;
  max-height: 260px;
  overflow: auto;
  box-shadow: 0 12px 20px #0006;
}
.n19filtermenu[hidden] {
  display: none;
}
.n19filteroption {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px;
  cursor: pointer;
}
.n19filteroption input {
  accent-color: #a52a35;
}
.n19filterclear {
  background: transparent;
  color: #f1d3ac;
  border: 1px solid #94724f;
  padding: 7px 12px;
  border-radius: 7px;
  cursor: pointer;
}
.n19filterchips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}

/* ===== исходная строка 43 ===== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #0a0a0c;
}
::-webkit-scrollbar-thumb {
  background: #4a0e17;
  border: 1px solid #d4af37;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: #8b0000;
}

.gold-gradient-text {
  background: linear-gradient(135deg, #fff0b2 0%, #d4af37 50%, #997a15 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.book-card {
  transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.book-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 10px 25px rgba(139, 0, 0, 0.3),
    0 0 10px rgba(212, 175, 55, 0.2);
}

.theme-dark {
  background-color: #0a0a0c;
  color: #e2d9c8;
}
.theme-sepia {
  background-color: #1a1612;
  color: #d6c2a5;
}
.theme-blood {
  background-color: #140507;
  color: #e6c3c3;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in {
  animation: fadeIn 0.35s ease-out forwards;
}

@keyframes kudosPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3) rotate(5deg);
  }
  100% {
    transform: scale(1);
  }
}
.kudos-animate {
  animation: kudosPulse 0.4s ease-out;
}
input,
textarea,
select {
  accent-color: #8b0000;
}
input[list]::-webkit-calendar-picker-indicator {
  filter: invert(18%) sepia(91%) saturate(4500%) hue-rotate(345deg);
}

/* Темы сайта: переключение без изменения существующих публикаций */
body {
  --page: #0a0a0c;
  --panel: #121115;
  --ink: #e2d9c8;
  --muted: #9e9484;
  --accent: #d4af37;
  background: var(--page) !important;
  color: var(--ink) !important;
}
body[data-site-theme="day"] {
  --page: #e8e6e3;
  --panel: #f3f0ec;
  --ink: #4a4146;
  --muted: #665b60;
  --accent: #a99da2;
}
body[data-site-theme="day"] .bg-nolaDark,
body[data-site-theme="day"] .bg-nolaCard {
  background-color: var(--panel) !important;
}
body[data-site-theme="day"] .text-nolaText,
body[data-site-theme="day"] .text-nolaMuted {
  color: var(--ink) !important;
}
body[data-site-theme="day"] .text-nolaGold {
  color: var(--accent) !important;
}
body[data-site-theme="day"] .gold-gradient-text {
  background: none;
  -webkit-text-fill-color: var(--accent);
  color: var(--accent);
}
body[data-site-theme="day"] input,
body[data-site-theme="day"] textarea,
body[data-site-theme="day"] select {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #readerBox {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] .book-card {
  background: #f3f0ec !important;
}
body[data-site-theme="day"] header {
  background: #f3f0ec !important;
  border-color: #a99da2 !important;
}
body[data-site-theme="day"] header .text-nolaGold,
body[data-site-theme="day"] header .text-nolaMuted {
  color: #4a4146 !important;
}
body[data-site-theme="day"] header .bg-nolaCrimsonDark\/40 {
  background: #e8e6e3 !important;
}
body[data-site-theme="day"] #siteTheme,
body[data-site-theme="day"] #langSelect {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}
.font-cinzel,
h1,
h2,
h3,
.gold-gradient-text {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.075em;
}
body {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 17px;
}
input,
textarea,
select,
option,
#readerText {
  font-family: Georgia, serif !important;
}
.gothic-heading,
h1,
h2,
h3 {
  font-weight: 700;
}

.gothic-heading {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  letter-spacing: 0.035em;
}
.site-setting {
  background: var(--panel);
  color: var(--ink);
  border: 1px solid #9b7b41;
  padding: 7px;
  font-size: 12px;
  max-width: 130px;
}
.tag-choice {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 9px;
  border: 1px solid #a48b57;
  border-radius: 3px;
  font-size: 11px;
  cursor: pointer;
}
.tag-choice:has(input:checked) {
  background: #64212a;
  color: #fff0d9;
}
.tag-choice input {
  accent-color: #a52a2a;
}
#readerText {
  font-size: var(--reader-size, 20px) !important;
  line-height: var(--reader-line, 1.75) !important;
  max-width: var(--reader-width, 740px);
  margin-inline: auto;
}
#readerText p {
  margin-bottom: 1em;
}
.policy-section {
  max-width: 850px;
  margin: auto;
}
@media (prefers-reduced-motion: reduce) {
  .fade-in,
  .book-card {
    animation: none !important;
    transition: none !important;
  }
}

/* Header contrast is deliberately independent of Tailwind utility classes. */
body[data-site-theme="day"] > header,
body[data-site-theme="day"] header.sticky {
  background-color: #f3f0ec !important;
  background-image: none !important;
  border-bottom: 2px solid #a99da2 !important;
  box-shadow: 0 4px 18px rgba(54, 32, 21, 0.12) !important;
}
body[data-site-theme="day"] header nav button,
body[data-site-theme="day"] header button:not(.bg-nolaCrimson),
body[data-site-theme="day"] header nav span,
body[data-site-theme="day"] header [data-i18n^="nav"],
body[data-site-theme="day"] header .text-nolaCrimson,
body[data-site-theme="day"] header .text-nolaMuted,
body[data-site-theme="day"] header .text-nolaGold {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  opacity: 1 !important;
}
body[data-site-theme="day"] header nav button:hover,
body[data-site-theme="day"] header nav button:focus-visible {
  background: #e8e6e3 !important;
  outline: 2px solid #4a4146;
}
body[data-site-theme="day"] header nav button {
  background-color: transparent !important;
  border-color: #665b60 !important;
}
body[data-site-theme="day"] header #nav-home {
  background-color: #e8e6e3 !important;
}
body[data-site-theme="day"] header button.bg-nolaCrimson,
body[data-site-theme="day"] header button[class*="bg-nolaCrimson"] {
  background-color: #4a4146 !important;
  color: #f3f0ec !important;
  -webkit-text-fill-color: #f3f0ec !important;
}
body[data-site-theme="day"] header input {
  background-color: #f3f0ec !important;
  color: #4a4146 !important;
  border: 1px solid #665b60 !important;
}
body[data-site-theme="day"] header input::placeholder {
  color: #4a4146 !important;
  opacity: 1;
}
body[data-site-theme="night"] header nav button {
  opacity: 1;
}
body[data-site-theme="night"] header nav button:not([class*="bg-nolaCrimson"]) {
  color: #f0d6a0 !important;
}

/* Publish action: contrast guaranteed in both themes, including its icon and label. */
body[data-site-theme="day"] header nav #nav-publish {
  background: #4a4146 !important;
  background-image: none !important;
  border: 2px solid #4a4146 !important;
  color: #f3f0ec !important;
  -webkit-text-fill-color: #f3f0ec !important;
  box-shadow: 0 2px 6px rgba(60, 25, 28, 0.18) !important;
  opacity: 1 !important;
}
body[data-site-theme="day"] header nav #nav-publish span,
body[data-site-theme="day"] header nav #nav-publish svg,
body[data-site-theme="day"] header nav #nav-publish i {
  color: #f3f0ec !important;
  -webkit-text-fill-color: #f3f0ec !important;
  stroke: #f3f0ec !important;
  opacity: 1 !important;
}
body[data-site-theme="day"] header nav #nav-publish:hover,
body[data-site-theme="day"] header nav #nav-publish:focus-visible {
  background: #4a4146 !important;
  outline: 2px solid #665b60 !important;
  outline-offset: 2px;
}
body[data-site-theme="night"] header nav #nav-publish {
  background: #8d293a !important;
  background-image: none !important;
  color: #fff4db !important;
  -webkit-text-fill-color: #fff4db !important;
}
body[data-site-theme="night"] header nav #nav-publish span,
body[data-site-theme="night"] header nav #nav-publish svg {
  color: #fff4db !important;
  -webkit-text-fill-color: #fff4db !important;
  stroke: #fff4db !important;
}

.archive-account-wrap {
  position: relative;
}
.archive-account-trigger {
  background: #f1dfc4;
  color: #4a2b20;
  min-height: 42px;
}
.archive-account-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: min(330px, calc(100vw - 24px));
  max-height: min(74vh, 620px);
  overflow: auto;
  background: #f9f1e5;
  color: #35241e;
  border: 1px solid #b48c57;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
  z-index: 100;
  text-align: left;
}
.archive-account-menu.hidden {
  display: none;
}
.archive-account-menu button {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  text-align: left;
  color: #35241e !important;
  background: transparent !important;
  border-bottom: 1px solid #e3d4bd;
  font:
    600 15px Georgia,
    serif;
  opacity: 1 !important;
  -webkit-text-fill-color: #35241e !important;
}
.archive-account-menu button:hover,
.archive-account-menu button:focus-visible {
  background: #ead9bd !important;
  outline: 2px solid #8c5835;
  outline-offset: -2px;
}
.archive-menu-heading {
  padding: 14px 16px;
  background: #765338;
  color: white;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  font-weight: bold;
}
.archive-menu-heading small {
  font-weight: normal;
}
.archive-menu-section {
  padding: 8px 16px;
  background: #eee0c9;
  color: #65432d;
  font:
    700 12px Georgia,
    serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.archive-profile-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.archive-profile-tabs button {
  border: 1px solid #a98150;
  padding: 9px 14px;
  color: var(--nola-gold, #a87a37);
  font:
    600 14px Georgia,
    serif;
}
.archive-profile-tabs button[aria-selected="true"] {
  background: #7c2933;
  color: #fff4e4;
}
body[data-site-theme="day"] .archive-account-trigger {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}

.archive-bell {
  position: relative;
  border: 1px solid #98754b;
  padding: 9px 12px;
  border-radius: 8px;
  background: #271c1b;
  color: #f5d794;
  font-size: 18px;
  min-width: 46px;
}
.archive-notice-dot {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c64d4d;
}
.archive-notice-dot.hidden {
  display: none;
}
.archive-menu-motto {
  padding: 10px 16px;
  background: #f3e5d2;
  color: #704e37;
  font:
    italic 14px Georgia,
    serif;
}
.archive-account-menu {
  border-radius: 12px;
  overflow: auto;
}
.archive-menu-heading {
  background: linear-gradient(120deg, #50302b, #896144);
}
.archive-panel-backdrop {
  position: fixed;
  inset: 0;
  background: #070509a8;
  z-index: 80;
}
.archive-panel {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  width: min(440px, 100vw);
  background: #f8f0e4;
  color: #30201b;
  z-index: 81;
  box-shadow: -12px 0 50px #0008;
  overflow: auto;
}
.archive-panel.hidden,
.archive-panel-backdrop.hidden {
  display: none;
}
.archive-panel-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #39252a;
  color: #f4dba3;
  padding: 20px;
}
.archive-panel-top h2 {
  font-size: 23px;
}
.archive-panel-top button {
  padding: 5px 10px;
  border: 1px solid #d5b989;
  color: #f4dba3;
}
.archive-panel-content {
  padding: 20px;
  font:
    16px/1.6 Georgia,
    serif;
}
.archive-panel-content .archive-feature {
  padding: 16px;
  border: 1px solid #d3b98d;
  background: #fffaf2;
  border-radius: 9px;
  margin-bottom: 12px;
}
.archive-panel-content h3 {
  font-size: 19px;
  font-weight: bold;
  color: #6d3132;
}
.archive-panel-content button {
  border: 1px solid #70413b;
  background: #70413b;
  color: white;
  padding: 9px 13px;
  border-radius: 6px;
  margin-top: 10px;
}
.archive-panel-content button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
body[data-site-theme="day"] .archive-bell {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}

/* Clear button lettering; decorative headings remain gothic. */
#nav-publish {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px !important;
  min-height: 43px;
  padding: 9px 15px !important;
  border-radius: 8px !important;
  background: #8b303b !important;
  border: 1px solid #d7ad77 !important;
  box-shadow: 0 2px 0 #4c1c25 !important;
  color: #fff5e9 !important;
  filter: none !important;
  letter-spacing: 0.045em !important;
}
#nav-publish span {
  font:
    700 14px/1.2 Georgia,
    "Times New Roman",
    serif !important;
  letter-spacing: 0.045em !important;
  color: #fff5e9 !important;
  -webkit-text-fill-color: #fff5e9 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
#nav-publish .archive-ink-pen {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  color: #fff5e9;
  stroke: none;
}
#nav-publish:hover {
  background: #a4404c !important;
  filter: none !important;
}
#nav-publish:focus-visible {
  outline: 3px solid #f1cf89;
  outline-offset: 3px;
}
body[data-site-theme="day"] #nav-publish {
  background: #4a4146 !important;
  border-color: #665b60 !important;
  color: #f3f0ec !important;
}
body[data-site-theme="day"] #nav-publish span {
  color: #f3f0ec !important;
  -webkit-text-fill-color: #f3f0ec !important;
}
.archive-panel-content .archive-gift-separator {
  font-size: 13px;
  letter-spacing: 0.08em;
  font-weight: 700;
  text-transform: uppercase;
  margin: 15px 0 8px;
  color: #784d3c;
}
.archive-panel-content .archive-gift-samples {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  margin: 10px 0;
}
.archive-panel-content .archive-gift-samples span {
  font-size: 26px;
  padding: 10px;
  background: #f4e7d4;
  border-radius: 8px;
}

/* Fine-lined Gothic: readable Latin and Cyrillic, no heavy Slavic display. */
.font-cinzel,
h1,
h2,
h3,
.gold-gradient-text {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.055em !important;
  text-transform: none !important;
}
.archive-filter-layout {
  display: grid;
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
  gap: 20px;
  margin-top: 18px;
}
.archive-filter-sidebar {
  border: 1px solid #927247;
  padding: 14px;
  background: var(--nola-card, #181319);
  border-radius: 8px;
  max-height: 80vh;
  overflow-y: auto;
}
.archive-filter-sidebar h3 {
  font:
    600 22px "Cormorant Garamond",
    serif;
  margin-bottom: 14px;
  color: var(--nola-gold, #bc9853);
}
.archive-filter-controls {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.archive-filter-block {
  border-top: 1px solid #90704b;
  padding: 12px 0;
}
.archive-filter-block summary {
  cursor: pointer;
  font-weight: 600;
}
.archive-filter-block select,
.archive-filter-block input {
  width: 100%;
  padding: 8px;
  margin-top: 8px;
  background: var(--nola-dark, #171318);
  color: var(--nola-text, #eee);
  border: 1px solid #8d6e49;
}
.archive-filter-tag-choices {
  max-height: 200px;
  overflow: auto;
}
.archive-filter-tag-choices label {
  display: block;
  padding: 5px 0;
  font-size: 13px;
  cursor: pointer;
}
.archive-filter-results {
  min-width: 0;
}
.archive-tag-dropdown {
  border: 1px solid #ad8650;
  background: #f7efdf;
  color: #30211a;
  max-height: 220px;
  overflow: auto;
  position: relative;
  z-index: 10;
}
.archive-tag-dropdown.hidden {
  display: none;
}
.archive-tag-dropdown button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 8px 12px;
  color: #30211a !important;
  background: transparent !important;
}
.archive-tag-dropdown button:hover {
  background: #e7d2b3 !important;
}
.archive-editor-toolbar {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 8px;
  border: 1px solid #9b774a;
  border-bottom: 0;
}
.archive-editor-toolbar button,
.archive-editor-toolbar select {
  padding: 6px 11px;
  border: 1px solid #9b774a;
  color: inherit;
  background: transparent;
  min-width: 38px;
}
.archive-rich-editor {
  min-height: 290px;
  max-height: 650px;
  overflow: auto;
  padding: 18px;
  border: 1px solid #9b774a;
  white-space: pre-wrap;
  font:
    18px/1.6 Georgia,
    serif;
  outline-offset: 2px;
}
.archive-rich-editor:focus {
  outline: 2px solid #b28a4e;
}
@media (max-width: 850px) {
  .archive-filter-layout {
    grid-template-columns: 1fr;
  }
  .archive-filter-sidebar {
    max-height: none;
  }
}

/* v15: consistent thin Gothic-inspired serif across the entire interface. */
:root {
  --archive-letterform: "Cormorant Garamond", Georgia, "Times New Roman", serif;
}
html body,
html body *:not(svg):not(path):not(i):not([data-lucide]),
html body input,
html body textarea,
html body select,
html body option,
html body button,
html body label,
html body summary,
html body .font-cinzel,
html body .font-garamond,
html body .font-sans,
html body .gothic-heading,
html body .gold-gradient-text,
html body #readerText {
  font-family: var(--archive-letterform) !important;
}
html body h1,
html body h2,
html body h3,
html body .gothic-heading,
html body .gold-gradient-text,
html body .font-cinzel {
  font-weight: 500 !important;
  letter-spacing: 0.035em !important;
}
html body button,
html body label,
html body nav,
html body input,
html body select {
  font-weight: 500;
  letter-spacing: 0.015em;
}
html body #nav-publish span {
  font-weight: 600 !important;
  letter-spacing: 0.045em !important;
}
html body #readerText {
  font-weight: 400 !important;
  letter-spacing: normal !important;
}

/* Distinctive slender Cyrillic gothic-serif wordmark, not heavy ornamental lettering. */
.archive-wordmark,
.archive-hero-title,
.archive-wordmark.gold-gradient-text,
.archive-hero-title.gold-gradient-text {
  font-family: "Forum", "Cormorant Garamond", Georgia, serif !important;
  font-weight: 400 !important;
  font-synthesis: none;
  letter-spacing: 0.045em !important;
  text-transform: none !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}
.archive-wordmark {
  line-height: 1.08 !important;
}
.archive-hero-title {
  line-height: 1.14 !important;
}

.archive-release-box {
  border: 1px solid #9d7843;
  padding: 18px;
  margin-top: 20px;
  display: grid;
  gap: 10px;
  color: var(--nola-gold, #d2ae60);
}
.archive-release-box h3 {
  font-size: 21px;
}
.archive-release-box label {
  font-size: 14px;
}
.archive-release-box select,
.archive-release-box input {
  background: #1b161a;
  color: #f7e4c5;
  border: 1px solid #b18a50;
  padding: 10px;
  max-width: 360px;
}
.archive-release-box p {
  font:
    14px/1.5 Georgia,
    serif;
  color: #a9a0a0;
}
.archive-release-box button {
  border: 1px solid #b18a50;
  padding: 10px 14px;
  width: max-content;
}
.archive-preview-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: #08070add;
  overflow: auto;
  padding: 4vh 12px;
}
.archive-preview-overlay.hidden {
  display: none;
}
.archive-preview-paper {
  background: #fbf4e9;
  color: #30231e;
  max-width: 800px;
  margin: auto;
  padding: clamp(18px, 5vw, 55px);
  border: 2px solid #b08b55;
  box-shadow: 0 20px 60px #0008;
}
.archive-preview-actions {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #c3a579;
  padding-bottom: 15px;
}
.archive-preview-actions button {
  border: 1px solid #7e5340;
  padding: 8px;
}
.archive-preview-paper h2 {
  font-size: 27px;
}
.archive-preview-paper h3 {
  font-size: 22px;
  margin: 22px 0 10px;
}
.archive-preview-paper p {
  font:
    18px/1.7 Georgia,
    serif;
  white-space: pre-wrap;
  margin: 12px 0;
}
body[data-site-theme="day"] .archive-release-box select,
body[data-site-theme="day"] .archive-release-box input {
  background: #f3f0ec;
  color: #4a4146;
}

/* v19: wordmark wins over the old global font override.
   Poiret One: slender angular Cyrillic lettering, not Ruslan Display. */
html body h1.archive-wordmark,
html body h2.archive-hero-title,
html body .archive-wordmark.gold-gradient-text,
html body .archive-hero-title.gold-gradient-text {
  font-family: "Poiret One", "Forum", serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0.065em !important;
  line-height: 1.15 !important;
  text-transform: none !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

/* v20 — desktop scale and accessible navigation */
@media (min-width: 1100px) {
  header .max-w-7xl,
  main.max-w-7xl {
    max-width: 1520px !important;
  }
  #sec-publish.max-w-3xl {
    max-width: 1040px !important;
  }
  #sec-profile.max-w-4xl,
  #sec-reader.max-w-4xl {
    max-width: 1120px !important;
  }
  #sec-publish .text-\[11px\],
  #sec-publish .text-xs {
    font-size: 15px !important;
  }
  #sec-publish input,
  #sec-publish select,
  #sec-publish textarea {
    font-size: 17px !important;
    min-height: 45px;
  }
  #sec-publish .archive-rich-editor {
    font-size: 19px !important;
    line-height: 1.75;
  }
  #catalogGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.archive-account-menu button {
  font-family: Georgia, serif !important;
  font-size: 15px !important;
}
.archive-gift-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}
.archive-gift-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 118px;
  padding: 14px;
  border: 1px solid #c49b65;
  border-radius: 12px;
  background: #fffaf3;
  color: #42291e;
}
.archive-gift-tile .archive-gift-icon {
  font-size: 38px;
  line-height: 1.2;
}
.archive-gift-tile strong {
  font-size: 15px;
  text-align: center;
}
.archive-gift-tile small {
  font-size: 12px;
  color: #765b46;
}
.archive-gift-tile:hover,
.archive-gift-tile:focus-visible {
  background: #ecd8b8;
  outline: 2px solid #8e623c;
}
.archive-account-menu {
  width: min(360px, calc(100vw - 24px));
}
.archive-panel {
  width: min(520px, 100vw);
}
.archive-filter-sidebar {
  font-size: 16px;
}
.archive-filter-sidebar select,
.archive-filter-sidebar input {
  font-size: 15px !important;
  min-height: 40px;
}
.archive-filter-sidebar summary {
  font-size: 16px;
}
#catalogGrid .book-card h4 {
  font-size: 25px !important;
}
#catalogGrid .book-card p,
#catalogGrid .book-card span {
  font-size: 14px;
}
#catalogGrid .book-card {
  padding: 22px;
}
@media (max-width: 600px) {
  .archive-gift-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#kudosBtn.kudos-given {
  background: #51301e !important;
  border-color: #e7bc66 !important;
  box-shadow: inset 0 0 0 1px #e7bc66;
}
#kudosBtn:focus-visible {
  outline: 3px solid #e7bc66;
  outline-offset: 3px;
}

/* Archive microinteractions — lightweight and accessible */
.archive-fx-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 99999;
}
.archive-fx-particle {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  line-height: 1;
  opacity: 0;
  transform: translate(-50%, -50%);
  animation: archive-fly 720ms cubic-bezier(0.15, 0.65, 0.35, 1) forwards;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.5));
  will-change: transform, opacity;
}
@keyframes archive-fly {
  0% {
    opacity: 0;
    transform: translate(var(--x), var(--y)) translate(-50%, -50%) scale(0.35) rotate(0deg);
  }
  16% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(calc(var(--x) + var(--dx)), calc(var(--y) + var(--dy)))
      translate(-50%, -50%) scale(var(--scale)) rotate(var(--rot));
  }
}
.archive-fx-settings {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  border: 1px solid rgba(190, 151, 80, 0.4);
  border-radius: 6px;
  margin: 8px 0;
  color: var(--text-primary, #d6bb85);
  font:
    14px Georgia,
    serif;
}
.archive-fx-settings input {
  accent-color: #a68a43;
  width: 18px;
  height: 18px;
}
@media (prefers-reduced-motion: reduce) {
  .archive-fx-particle {
    animation: none !important;
    display: none !important;
  }
}

/* v23: readability fix. Decorative titles remain; functional text uses a clear serif. */
body {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 18px !important;
  line-height: 1.55;
}
body :is(p, li, label, button, input, select, textarea, option, summary, small),
body :is(.text-xs, .text-sm, .text-\[11px\], .text-\[10px\]) {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400;
  letter-spacing: normal;
}
body :is(button, label, summary) {
  font-weight: 600 !important;
}
body :is(.text-xs, .text-\[11px\], .text-\[10px\]) {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
body .text-sm {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
body input,
body textarea,
body select {
  font-size: 16px !important;
}
body input::placeholder,
body textarea::placeholder {
  opacity: 1 !important;
}
body[data-site-theme="day"] {
  --ink: #4a4146;
  --muted: #665b60;
  --accent: #a99da2;
}
body[data-site-theme="day"]
  :is(.text-nolaGold, .text-nolaGoldDark, .text-nolaMuted, .text-nolaText) {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  opacity: 1 !important;
}
body[data-site-theme="day"] :is(.opacity-40, .opacity-50, .opacity-60, .opacity-70) {
  opacity: 1 !important;
}
body[data-site-theme="day"] :is(input, textarea, select) {
  color: #4a4146 !important;
  border-color: #665b60 !important;
}
body[data-site-theme="day"] :is(input, textarea)::placeholder {
  color: #4a4146 !important;
}
body[data-site-theme="day"] :is(button, a) {
  text-decoration-thickness: 1px;
}
body[data-site-theme="night"] :is(.text-nolaMuted, .text-nolaGoldDark) {
  color: #cbb89a !important;
}
body[data-site-theme="night"] :is(input, textarea)::placeholder {
  color: #c5b9ab !important;
}
body[data-site-theme="night"] :is(.opacity-40, .opacity-50) {
  opacity: 0.85 !important;
}
body :is(button, input, select, textarea):focus-visible {
  outline: 2px solid #c39a45 !important;
  outline-offset: 2px;
}
@media (max-width: 700px) {
  body {
    font-size: 16px !important;
  }
  body .text-sm {
    font-size: 15px !important;
  }
}

/* v24: independent, readable manuscript editing typography */
html body #richChapterEditor,
html body #richChapterEditor *,
html body #extraChapters textarea.extra-chapter-content,
html body #pubContent {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  line-height: 1.8 !important;
  text-transform: none !important;
}
html body #richChapterEditor,
html body #extraChapters textarea.extra-chapter-content {
  min-height: 270px;
  tab-size: 4;
}
html body #richChapterEditor :is(b, strong) {
  font-weight: 700 !important;
}
html body #richChapterEditor :is(i, em) {
  font-style: italic !important;
}
html body #richChapterEditor u {
  text-decoration: underline !important;
}

/* v25 Mobile layout + essential offline fallback when external CSS fails */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  overflow-x: hidden;
}
body {
  margin: 0;
  min-width: 0;
  overflow-x: hidden;
}
.hidden {
  display: none !important;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.block {
  display: block;
}
.flex-col {
  flex-direction: column;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.w-full {
  width: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.sticky {
  position: sticky;
}
.top-0 {
  top: 0;
}
.z-40 {
  z-index: 40;
}
.cursor-pointer {
  cursor: pointer;
}
.space-y-8 > * + * {
  margin-top: 2rem;
}
.space-y-6 > * + * {
  margin-top: 1.5rem;
}
.space-y-10 > * + * {
  margin-top: 2.5rem;
}
.space-y-4 > * + * {
  margin-top: 1rem;
}
.space-y-3 > * + * {
  margin-top: 0.75rem;
}
.space-y-2 > * + * {
  margin-top: 0.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.text-center {
  text-align: center;
}
.font-bold {
  font-weight: 700;
}
.bg-nolaDark {
  background: #0a0a0c;
}
.bg-nolaCard {
  background: #121115;
}
.text-nolaText {
  color: #e2d9c8;
}
.text-nolaGold {
  color: #d4af37;
}
.text-nolaMuted {
  color: #9e9484;
}
.border {
  border: 1px solid #846a38;
}
.rounded-sm {
  border-radius: 3px;
}
.max-w-7xl {
  max-width: 1280px;
}
.max-w-4xl {
  max-width: 896px;
}
.max-w-3xl {
  max-width: 768px;
}
body {
  background: #0a0a0c;
  color: #e2d9c8;
}
header {
  background: #151013;
  border-bottom: 1px solid #8c743f;
}
button,
input,
select,
textarea {
  font: inherit;
  max-width: 100%;
}
button {
  cursor: pointer;
}
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
input,
select,
textarea {
  min-width: 0;
}
textarea {
  resize: vertical;
}
img,
svg,
video {
  max-width: 100%;
}
header > div {
  max-width: 1400px;
  margin: auto;
  padding: 0 16px;
}
header > div > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 78px;
}
header > div > div > div:first-child {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
header .archive-wordmark {
  font-size: clamp(21px, 2vw, 32px);
  line-height: 1.1;
}
main {
  max-width: 1280px;
  margin: auto;
  padding: 24px 16px;
}
main section {
  min-width: 0;
}
#sec-publish,
#sec-profile,
#sec-reader {
  margin-left: auto;
  margin-right: auto;
}
#sec-publish {
  max-width: 940px;
}
#sec-profile,
#sec-reader {
  max-width: 1040px;
}
.archive-rich-editor,
[contenteditable="true"] {
  min-height: 180px;
}
#catalogGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}
.mobile-bottom-nav {
  display: none;
}
.mobile-quick-search {
  display: none;
}
@media (max-width: 767px) {
  body {
    font-size: 16px !important;
    line-height: 1.55;
  }
  header {
    position: sticky;
    top: 0;
    z-index: 60;
  }
  header > div {
    padding: 0 12px;
  }
  header > div > div {
    min-height: 64px;
    height: auto !important;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 0;
  }
  header > div > div > div:first-child {
    flex: 1 1 auto;
    max-width: calc(100% - 125px);
  }
  header .archive-wordmark {
    font-size: 19px !important;
    line-height: 1.12 !important;
    white-space: normal;
  }
  header .archive-wordmark + p {
    font-size: 10px !important;
    line-height: 1.2;
    margin: 3px 0;
  }
  header > div > div > div:first-child > div:first-child {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
  }
  header > div > div > div:last-child {
    flex: 0 0 auto;
    margin-left: auto;
    display: flex;
    gap: 6px;
    align-items: center;
  }
  header #siteTheme,
  header #langSelect,
  header [onclick*="policies"],
  header #themeStatus,
  header nav {
    display: none !important;
  }
  header #accountMenuButton {
    padding: 3px;
  }
  header #headerAvatar {
    width: 32px;
    height: 32px;
  }
  header .archive-bell {
    width: 38px;
    height: 38px;
  }
  .mobile-quick-search {
    display: block;
    padding: 8px 12px 10px;
    background: #151013;
    border-bottom: 1px solid #5c4729;
  }
  .mobile-quick-search input {
    display: block;
    width: 100%;
    padding: 11px 14px;
    background: #211b20;
    color: #f4e9d4;
    border: 1px solid #91713e;
    border-radius: 9px;
    font-size: 16px !important;
  }
  .mobile-bottom-nav {
    display: grid;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 90;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    background: #181216;
    border-top: 1px solid #a18a56;
    padding: 7px 4px max(7px, env(safe-area-inset-bottom));
    box-shadow: 0 -5px 18px #0008;
  }
  .mobile-bottom-nav button {
    border: 0;
    background: transparent;
    color: #e7d19a;
    font-size: 11px !important;
    font-family: Arial, sans-serif !important;
    padding: 5px 0;
    min-height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
  }
  .mobile-bottom-nav button span:first-child {
    font-size: 20px;
    line-height: 1.1;
  }
  .mobile-bottom-nav button:focus-visible {
    outline: 2px solid #e7c77c;
  }
  main {
    padding: 18px 12px 100px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  main section {
    max-width: 100% !important;
    width: 100% !important;
  }
  main .grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #catalogGrid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #sec-home h2,
  #sec-home h1 {
    font-size: clamp(27px, 7vw, 40px) !important;
    line-height: 1.2 !important;
  }
  #sec-home > div {
    max-width: 100% !important;
  }
  #sec-publish input,
  #sec-publish textarea,
  #sec-publish select,
  #sec-profile input {
    width: 100%;
    font-size: 16px !important;
    min-height: 44px;
  }
  #sec-publish button {
    min-height: 42px;
    white-space: normal;
  }
  #sec-publish .archive-rich-editor,
  #sec-publish [contenteditable="true"] {
    min-height: 230px;
    font:
      17px/1.65 Arial,
      sans-serif !important;
  }
  #sec-publish .flex {
    flex-wrap: wrap;
  }
  #sec-reader {
    font-size: 17px !important;
  }
  #sec-reader button {
    min-height: 40px;
  }
  .archive-account-menu {
    position: fixed !important;
    top: 65px !important;
    right: 10px !important;
    left: auto !important;
    width: min(350px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 160px);
    overflow-y: auto;
    z-index: 100;
  }
  .archive-panel {
    width: min(100vw, 500px) !important;
  }
  .archive-gift-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  footer {
    padding-bottom: 85px;
  }
}
@media (min-width: 768px) {
  .mobile-bottom-nav,
  .mobile-quick-search {
    display: none !important;
  }
}

/* ===== nola-gothic-menu-v29, исходная строка 469 ===== */
/* Visual-only changes: no navigation, content, or event handlers changed. */
.archive-account-menu {
  background: linear-gradient(145deg, #24151d 0%, #140e16 80%) !important;
  color: #ead9bb !important;
  border: 1px solid #b18b54 !important;
  border-radius: 13px !important;
  box-shadow:
    0 22px 70px #000a,
    0 0 0 3px #21151c,
    0 0 0 4px #82613e !important;
  padding: 4px !important;
  scrollbar-color: #866440 #21151c;
  scrollbar-width: thin;
}
.archive-account-menu .archive-menu-heading {
  background: linear-gradient(115deg, #351722, #602d31 60%, #4a3029) !important;
  color: #f3dfb8 !important;
  padding: 18px 15px !important;
  border-radius: 9px 9px 0 0 !important;
  border-bottom: 1px solid #b18b54 !important;
  font:
    500 20px Georgia,
    serif !important;
  letter-spacing: 0.04em;
}
.archive-account-menu .archive-menu-heading small {
  color: #e3cda9 !important;
  font-size: 13px !important;
}
.archive-account-menu .archive-menu-section {
  background: linear-gradient(90deg, #34242a, #261920) !important;
  color: #d7b77e !important;
  border-top: 1px solid #715437 !important;
  border-bottom: 1px solid #715437 !important;
  padding: 12px 15px !important;
  letter-spacing: 0.16em !important;
  font:
    600 11px Georgia,
    serif !important;
}
.archive-account-menu button {
  background: transparent !important;
  color: #efe0c9 !important;
  -webkit-text-fill-color: #efe0c9 !important;
  border: 0 !important;
  border-bottom: 1px solid #59424a !important;
  padding: 15px 15px !important;
  min-height: 53px !important;
  font:
    normal 17px Georgia,
    serif !important;
  letter-spacing: 0.015em !important;
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease !important;
}
.archive-account-menu button:hover,
.archive-account-menu button:focus-visible {
  background: #48303b !important;
  outline: 1px solid #b18b54 !important;
  outline-offset: -2px !important;
  box-shadow: inset 3px 0 #d2b27b !important;
}
.archive-account-menu button:last-child {
  border-bottom: 0 !important;
}
.archive-account-menu button span:first-child {
  filter: sepia(0.2);
  flex-shrink: 0;
}
body[data-site-theme="day"] .archive-account-menu {
  background: linear-gradient(145deg, #f3f0ec, #e8e6e3) !important;
  color: #4a4146 !important;
  border-color: #a99da2 !important;
  box-shadow:
    0 20px 55px #45301d40,
    0 0 0 3px #f3f0ec,
    0 0 0 4px #a99da2 !important;
}
body[data-site-theme="day"] .archive-account-menu .archive-menu-heading {
  background: linear-gradient(110deg, #4a4146, #665b60) !important;
  color: #f3f0ec !important;
}
body[data-site-theme="day"] .archive-account-menu .archive-menu-section {
  background: #e8e6e3 !important;
  color: #4a4146 !important;
  border-color: #a99da2 !important;
}
body[data-site-theme="day"] .archive-account-menu button {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  border-bottom-color: #e8e6e3 !important;
}
body[data-site-theme="day"] .archive-account-menu button:hover,
body[data-site-theme="day"] .archive-account-menu button:focus-visible {
  background: #e8e6e3 !important;
}
@media (max-width: 600px) {
  .archive-account-menu {
    max-height: min(76dvh, 650px) !important;
  }
  .archive-account-menu button {
    font-size: 16px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .archive-account-menu button {
    transition: none !important;
  }
}

/* ===== nola-reader-menu-scroll, исходная строка 487 ===== */
.archive-account-menu {
  overscroll-behavior: contain;
  max-height: min(70dvh, 640px) !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
}
@media (max-width: 600px) {
  .archive-account-menu {
    max-height: calc(100dvh - 230px) !important;
  }
}

/* ===== nola-v29-desktop-revised, исходная строка 487 ===== */
@media (min-width: 1024px) {
  body > main.max-w-7xl {
    width: calc(100% - 48px) !important;
    max-width: 1480px !important;
    padding: 32px 24px !important;
  }
  #sec-home {
    width: 100% !important;
  }
  #sec-home > div:first-child {
    min-height: 390px !important;
    display: flex !important;
    align-items: center !important;
    padding: 58px clamp(44px, 6vw, 100px) !important;
    border-radius: 12px !important;
    background: radial-gradient(ellipse at 78% 35%, rgba(137, 46, 58, 0.32), transparent 55%),
      linear-gradient(110deg, #130d11 0%, #421524 56%, #170e13 100%) !important;
  }
  #sec-home > div:first-child > div {
    max-width: 950px !important;
    width: 100% !important;
  }
  #sec-home .archive-hero-title {
    font-size: clamp(48px, 4.2vw, 74px) !important;
    line-height: 1.14 !important;
    max-width: 920px !important;
  }
  #sec-home [data-i18n="heroDesc"] {
    font-size: clamp(20px, 1.7vw, 25px) !important;
    line-height: 1.6 !important;
    max-width: 780px !important;
  }
  #sec-home [data-i18n="heroBtnCatalog"],
  #sec-home [data-i18n="heroBtnPublish"] {
    font-size: 14px !important;
    padding: 16px 24px !important;
  }
  #newReleasesGrid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
  #newReleasesGrid > .book-card {
    min-height: 265px !important;
    padding: 22px !important;
  }
  #sec-home h3 {
    font-size: 30px !important;
  }
  #catalogGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
}
@media (min-width: 1440px) {
  #newReleasesGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* ===== nola-treasury-css, исходная строка 503 ===== */
#nolaTreasuryMask {
  position: fixed;
  inset: 0;
  z-index: 999990;
  background: #09070bc9;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
#nolaTreasuryMask.open {
  display: flex;
}
#nolaTreasury {
  width: min(620px, 100%);
  max-height: 90dvh;
  overflow: auto;
  background: #1c121a;
  color: #f0dec3;
  border: 1px solid #ba955e;
  border-radius: 15px;
  box-shadow: 0 24px 80px #000a;
  padding: 24px;
  font-family: Georgia, serif;
}
#nolaTreasury h2 {
  font-size: 26px;
  color: #edcf92;
  margin: 0 0 10px;
}
#nolaTreasury h3 {
  font-size: 19px;
  color: #e8c38a;
  margin: 12px 0;
}
#nolaTreasury p {
  margin: 10px 0;
  line-height: 1.55;
}
#nolaTreasury .nola-treasury-note {
  color: #d8b99b;
  font-size: 13px;
}
#nolaTreasury .nola-treasury-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 16px 0;
}
#nolaTreasury button {
  background: #3e2632;
  border: 1px solid #b38b56;
  color: #f4dfb9;
  border-radius: 8px;
  padding: 10px 13px;
  cursor: pointer;
}
#nolaTreasury button:hover {
  background: #60404b;
}
#nolaTreasury input,
#nolaTreasury select {
  width: 100%;
  background: #291e25;
  border: 1px solid #94734e;
  border-radius: 6px;
  padding: 11px;
  color: #fff;
  margin: 6px 0 12px;
}
#nolaTreasury .nola-treasury-close {
  float: right;
}
#nolaTreasury .nola-treasury-balance {
  font-size: 24px;
  color: #efcf8e;
}
body[data-site-theme="day"] #nolaTreasury {
  background: #e8e6e3;
  color: #4a4146;
}
body[data-site-theme="day"] #nolaTreasury button {
  background: #e8e6e3;
  color: #4a4146;
}
body[data-site-theme="day"] #nolaTreasury input,
body[data-site-theme="day"] #nolaTreasury select {
  background: #f3f0ec;
  color: #4a4146;
}

/* ===== nola-contrast-fix, исходная строка 508 ===== */
body:not([data-site-theme="day"]) .archive-panel {
  background: #4a4146 !important;
  color: #f3f0ec !important;
  border-left: 1px solid #a99da2;
}
body:not([data-site-theme="day"]) .archive-panel-content .archive-feature {
  background: #4a4146 !important;
  color: #f3f0ec !important;
  border-color: #665b60 !important;
}
body:not([data-site-theme="day"]) .archive-panel-content h3 {
  color: #4a4146 !important;
}
#nolaDiaryMask {
  position: fixed;
  inset: 0;
  z-index: 999989;
  background: #09070bce;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 14px;
}
#nolaDiaryMask.open {
  display: flex;
}
#nolaDiaryBox {
  width: min(650px, 100%);
  max-height: 85dvh;
  overflow: auto;
  padding: 23px;
  border: 1px solid #b58b55;
  border-radius: 15px;
  background: #21151e;
  color: #f0dec8;
  font:
    17px/1.5 Georgia,
    serif;
}
#nolaDiaryBox h2 {
  font-size: 29px;
  color: #e9c48e;
}
#nolaDiaryBox textarea {
  width: 100%;
  min-height: 115px;
  display: block;
  background: #33232d;
  color: #fff1df;
  border: 1px solid #b58b55;
  border-radius: 8px;
  padding: 12px;
  font-size: 16px;
  margin: 12px 0;
}
#nolaDiaryBox button {
  background: #593743;
  color: #f8e7cb;
  border: 1px solid #b58b55;
  border-radius: 7px;
  padding: 10px;
  margin: 5px;
}
#nolaDiaryEntries article {
  background: #30212b;
  border: 1px solid #785c42;
  border-radius: 8px;
  padding: 14px;
  margin: 12px 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
body[data-site-theme="day"] #nolaDiaryBox {
  background: #f3f0ec;
  color: #4a4146;
}
body[data-site-theme="day"] #nolaDiaryBox textarea,
body[data-site-theme="day"] #nolaDiaryEntries article {
  background: #f3f0ec;
  color: #4a4146;
}
#nolaTreasury .nola-treasury-actions button[aria-current="page"] {
  outline: 2px solid #e7c080;
  outline-offset: 2px;
}

/* ===== nola-diary-feed-style, исходная строка 522 ===== */
#nolaDiaryComposer {
  border: 1px solid #896b48;
  border-radius: 9px;
  padding: 0;
  margin: 16px 0;
  background: #32222c;
}
#nolaDiaryComposer summary {
  cursor: pointer;
  list-style: none;
  padding: 14px 16px;
  color: #f2d7a8;
  font-size: 17px;
}
#nolaDiaryComposer summary::-webkit-details-marker {
  display: none;
}
#nolaDiaryComposer[open] {
  padding: 0 14px 14px;
}
#nolaDiaryComposer[open] summary {
  margin: 0 -14px 10px;
  border-bottom: 1px solid #896b48;
}
.nola-feed-entry {
  border: 1px solid #876848;
  border-radius: 10px;
  padding: 15px;
  margin: 12px 0;
  background: #2c1e28;
  color: #f2dfc6;
  overflow-wrap: anywhere;
}
.nola-feed-entry > small {
  display: block;
  color: #d5ad77;
  margin-bottom: 10px;
}
.nola-feed-entry > p {
  white-space: pre-wrap;
  line-height: 1.6;
  margin: 9px 0 14px;
  font-size: 16px;
}
.nola-feed-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.nola-feed-actions button,
.nola-feed-comments button {
  font:
    14px Georgia,
    serif !important;
  padding: 8px 12px !important;
  background: #51333e !important;
  color: #f5dfbf !important;
  border: 1px solid #9f7d55 !important;
  border-radius: 8px;
}
.nola-feed-comments {
  border-top: 1px solid #73523e;
  margin-top: 13px;
  padding-top: 10px;
}
.nola-feed-comments[hidden] {
  display: none !important;
}
.nola-feed-comments p {
  font-size: 14px;
  margin: 8px 0;
}
.nola-feed-comments textarea {
  display: block;
  width: 100%;
  min-height: 68px;
  padding: 10px;
  border: 1px solid #977650;
  border-radius: 7px;
  background: #21151c;
  color: #f5e2ce;
  font-size: 16px;
}
body[data-site-theme="day"] .nola-feed-entry {
  background: #f3f0ec;
  color: #4a4146;
}
body[data-site-theme="day"] .nola-feed-entry > small {
  color: #4a4146;
}
body[data-site-theme="day"] #nolaDiaryComposer {
  background: #e8e6e3;
}
body[data-site-theme="day"] #nolaDiaryComposer summary {
  color: #4a4146;
}
@media (max-width: 600px) {
  #nolaDiaryBox {
    max-height: 78dvh;
    padding: 16px;
  }
  #nolaDiaryBox h2 {
    font-size: 25px;
  }
}

/* ===== nola-relic-gallery-css, исходная строка 542 ===== */
.nola-gift-categories {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 6px 0 13px;
  scrollbar-width: thin;
}
.nola-gift-categories button {
  flex: none;
  border: 1px solid #98764c;
  background: #34232d;
  color: #f1d7b0;
  border-radius: 20px;
  padding: 9px 13px;
  font:
    14px Georgia,
    serif;
}
.nola-gift-categories button[aria-pressed="true"] {
  background: #78533f;
  outline: 1px solid #d9b77c;
}
.nola-gift-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}
.nola-gift-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 15px 8px !important;
  border: 1px solid #8c6b49 !important;
  border-radius: 11px;
  background: linear-gradient(155deg, #39232f, #241821) !important;
  color: #f0dec5 !important;
  text-align: center;
  font-family: Georgia, serif !important;
  white-space: normal;
  min-height: 168px;
}
.nola-gift-card[aria-pressed="true"] {
  outline: 2px solid #e2bc75;
  outline-offset: 1px;
  background: #593541 !important;
}
.nola-gift-art {
  font-size: 38px;
  line-height: 1.3;
}
.nola-gift-card strong {
  font-size: 16px;
}
.nola-gift-card small {
  font-size: 12px;
  color: #cdb99c;
}
.nola-gift-price {
  font-size: 13px;
  color: #f0c783;
  margin-top: auto;
}
.nola-gift-checkout {
  margin-top: 20px;
  border-top: 1px solid #8c6b49;
  padding-top: 12px;
}
.nola-gift-checkout label {
  display: block;
  margin: 10px 0;
}
.nola-gift-checkout input {
  display: block;
  width: 100%;
  padding: 11px;
  border-radius: 8px;
  border: 1px solid #a8865b;
  background: #2d202a;
  color: #fff0dc;
  font-size: 16px;
}
.nola-gift-checkout button {
  margin-top: 12px;
  max-width: 100%;
  white-space: normal;
}
.nola-gift-checkout button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
body[data-site-theme="day"] .nola-gift-card {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] .nola-gift-card small {
  color: #4a4146;
}
body[data-site-theme="day"] .nola-gift-categories button {
  background: #e8e6e3;
  color: #4a4146;
}
body[data-site-theme="day"] .nola-gift-categories button[aria-pressed="true"] {
  background: #e8e6e3;
}
@media (min-width: 650px) {
  .nola-gift-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ===== nola-unified-seal-styles, исходная строка 554 ===== */
.nola-seal-card {
  padding: 20px;
  border: 1px solid #b7945e;
  border-radius: 14px;
  background: linear-gradient(145deg, #412734, #211820);
  color: #f0dcb9;
  text-align: center;
  box-shadow: inset 0 0 0 3px #291d25;
}
.nola-seal-mark {
  font-size: 46px;
  color: #edc781;
}
.nola-seal-card h3 {
  color: #f0ce91 !important;
  font-size: 26px;
  margin: 8px 0;
}
.nola-seal-card p {
  line-height: 1.55;
}
.nola-seal-plans {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: 10px;
  margin: 15px 0;
}
.nola-seal-plans button {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  padding: 12px !important;
  border: 1px solid #b9945d !important;
  border-radius: 9px;
  background: #50313e !important;
  color: #f8e6c6 !important;
  font:
    16px Georgia,
    serif !important;
}
.nola-seal-options {
  padding: 15px;
  background: #30212a;
  border: 1px solid #84613f;
  border-radius: 10px;
  margin: 14px 0;
}
.nola-seal-options label {
  display: block;
  margin: 13px 0;
  line-height: 1.5;
}
.nola-seal-options input {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  accent-color: #c7a368;
}
#nolaSealRecipient {
  display: block;
  width: 100%;
  padding: 12px;
  margin: 9px 0;
  background: #30212a;
  color: #fff1dc;
  border: 1px solid #ac8959;
  border-radius: 8px;
  font-size: 16px;
}
body.nola-seal-frame #sec-profile .profile-card,
body.nola-seal-frame #sec-profile .profile-header {
  box-shadow:
    0 0 0 2px #c7a15d,
    0 0 16px #c7a15d55 !important;
}
body.nola-seal-reader #readerModal,
body.nola-seal-reader #readerView {
  background: #21141e !important;
  color: #f4dfc7 !important;
}
body[data-site-theme="day"] .nola-seal-card {
  background: #e8e6e3;
  color: #4a4146;
}
body[data-site-theme="day"] .nola-seal-card h3 {
  color: #4a4146 !important;
}
@media (max-width: 600px) {
  .nola-seal-plans {
    grid-template-columns: 1fr 1fr;
  }
  .nola-seal-card {
    padding: 14px;
  }
}

/* ===== nola-store-ui-v2, исходная строка 565 ===== */
.nola-shop-list {
  display: grid;
  gap: 12px;
  margin: 14px 0 24px;
}
.nola-shop-list > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 72px;
  text-align: left;
  padding: 16px;
  border: 1px solid #a58b66;
  border-radius: 16px;
  background: #342630;
  color: #f5e2ca;
  font: inherit;
}
.nola-shop-list > button b {
  white-space: nowrap;
  color: #edcb8c;
}
.nola-shop-custom {
  border: 1px solid #8e704e;
  border-radius: 14px;
  padding: 14px;
}
.nola-shop-step {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 12px 0;
}
.nola-shop-step input {
  min-width: 0;
  width: 100%;
  text-align: center;
}
.nola-shop-step button {
  min-width: 45px;
}
.nola-shop-warning {
  font-size: 13px;
  opacity: 0.8;
}
.nola-premium-benefits {
  border: 1px solid #9b784d;
  padding: 16px;
  border-radius: 14px;
  margin: 18px 0;
  background: #30232c;
}
.nola-premium-benefits p {
  font-size: 16px;
  line-height: 1.45;
  margin: 12px 0;
}
#nolaCountry {
  display: block;
  width: 100%;
  margin: 10px 0 18px;
  padding: 12px;
  background: #352630;
  color: #f3dec5;
  border: 1px solid #9b784d;
  border-radius: 9px;
  font: inherit;
}
@media (max-width: 520px) {
  .nola-shop-list > button {
    font-size: 15px;
    min-height: 68px;
  }
  .nola-shop-list > button b {
    font-size: 16px;
  }
}

/* ===== nola-seal-modes-css, исходная строка 565 ===== */
.nola-premium-mode {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 20px 0;
}
.nola-premium-mode button {
  min-height: 56px;
  padding: 12px 8px;
  background: #34212b;
  color: #e6cba7;
  border: 1px solid #866743;
  border-radius: 12px;
  font-size: 16px;
}
.nola-premium-mode button.nola-mode-selected {
  background: #74513e;
  color: #fff2d6;
  border: 2px solid #d8b17b;
  font-weight: bold;
}
#nolaSealSelfPanel[hidden],
#nolaSealGiftPanel[hidden] {
  display: none !important;
}
.nola-premium-plans button {
  min-height: 68px;
}
body[data-site-theme="day"] .nola-premium-mode button {
  background: #e8e6e3;
  color: #4a4146;
}
body[data-site-theme="day"] .nola-premium-mode button.nola-mode-selected {
  background: #a99da2;
}

/* ===== исходная строка 565 ===== */
#profileBio {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 16px !important;
  line-height: 1.6 !important;
}
#sec-profile {
  overflow-x: hidden;
}
#sec-profile .bg-nolaCard {
  min-width: 0;
}
#nolaFramePanel h3 {
  margin-top: 12px;
  color: #e4bd80;
}

/* ===== nola-v3-responsive, исходная строка 565 ===== */
/* NOVA3: responsive refinements, preserving original palette and components */
html {
  scroll-padding-top: 90px;
}
body {
  overflow-x: hidden;
}
img,
video,
canvas,
svg {
  max-width: 100%;
}
button,
input,
textarea,
select {
  max-width: 100%;
  font: inherit;
}
button,
a,
[role="button"] {
  touch-action: manipulation;
}
textarea {
  resize: vertical;
}
* {
  box-sizing: border-box;
}
#sec-profile,
#nolaProfileContent {
  min-width: 0;
}
#nolaProfileContent .nola-v4-card {
  min-width: 0;
  overflow-wrap: anywhere;
}
#nolaProfileContent .nola-v4-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#nolaProfileContent .nola-v4-toolbar button {
  white-space: normal;
  min-height: 42px;
}
#nolaProfileContent .nola-v4-field {
  width: 100%;
  min-width: 0;
}
#nolaProfileContent .nola-v4-replies {
  min-width: 0;
  overflow-wrap: anywhere;
}
.nola-thread-comment {
  max-width: 100%;
  overflow-wrap: anywhere;
}
#nolaProfileContent p {
  overflow-wrap: anywhere;
}
@media (max-width: 600px) {
  #nolaProfileContent {
    margin: 0 8px 18px;
    padding: 12px;
  }
  #nolaProfileContent .nola-v4-card {
    padding: 12px;
  }
  #nolaProfileContent .nola-v4-replies {
    margin-left: 4px;
    padding-left: 8px;
  }
  #nolaProfileContent .nola-v4-toolbar button {
    font-size: 14px;
    padding: 10px 12px;
  }
  #nolaProfileContent input,
  #nolaProfileContent textarea {
    font-size: 16px !important;
  }
  button,
  input,
  select {
    min-height: 40px;
  }
}
@media (min-width: 900px) {
  #sec-profile {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
  }
  #nolaProfileContent {
    margin: 0 24px 28px;
    padding: 26px;
  }
  #nolaProfileContent .nola-v4-card {
    padding: 20px;
  }
  #nolaProfileContent .nola-v4-field {
    font-size: 17px;
  }
  #nolaProfileContent .nola-v4-toolbar button {
    min-height: 42px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ===== nola-home-v5-styles, исходная строка 577 ===== */
#sec-home {
  max-width: 1440px;
  margin-inline: auto;
}
.nola-home-discovery {
  display: grid;
  gap: 30px;
  margin-top: 30px;
}
.nola-home-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid rgba(199, 161, 92, 0.4);
  padding-bottom: 18px;
}
.nola-home-eyebrow {
  color: #c7a15c;
  letter-spacing: 0.12em;
  font-size: 12px;
}
.nola-home-intro h3,
.nola-home-heading h3 {
  color: #e0bd7c;
  font-family: "Forum", serif;
  font-weight: 400;
  font-size: clamp(23px, 2.5vw, 35px);
}
.nola-home-intro p,
.nola-home-heading span {
  color: #b9a99c;
  font-size: 14px;
}
.nola-home-intro button,
.nola-home-quick button {
  border: 1px solid #806445;
  color: #e0bd7c;
  padding: 10px 15px;
  background: #24181e;
  cursor: pointer;
}
.nola-home-quick {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.nola-home-books {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.nola-home-books > * {
  min-width: 0;
}
.nola-home-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.nola-home-empty {
  grid-column: 1/-1;
  border: 1px dashed rgba(199, 161, 92, 0.35);
  padding: 24px;
  color: #b9a99c;
  background: #171116;
}
@media (max-width: 1000px) {
  .nola-home-books {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .nola-home-discovery {
    gap: 22px;
  }
  .nola-home-intro {
    align-items: start;
    flex-direction: column;
  }
  .nola-home-quick {
    grid-template-columns: 1fr 1fr;
  }
  .nola-home-quick button:last-child {
    grid-column: 1/-1;
  }
  .nola-home-books {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .nola-home-heading {
    align-items: start;
    flex-direction: column;
  }
  .nola-home-books .book-card {
    min-width: 0;
  }
}

/* ===== nova23-complete-day-theme, исходная строка 592 ===== */
/* NOVA 23: day-only palette; night and application logic unchanged. */
body[data-site-theme="day"] {
  --page: #e8e6e3;
  --panel: #f3f0ec;
  --ink: #4a4146;
  --muted: #665b60;
  --accent: #a99da2;
  background: #f3f0ec !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] main,
body[data-site-theme="day"] #app,
body[data-site-theme="day"] #root {
  color: #4a4146;
}
body[data-site-theme="day"] main section,
body[data-site-theme="day"] main article,
body[data-site-theme="day"] main aside,
body[data-site-theme="day"] main .rounded-xl,
body[data-site-theme="day"] main .rounded-lg,
body[data-site-theme="day"] main .rounded-2xl,
body[data-site-theme="day"] .archive-panel,
body[data-site-theme="day"] .archive-panel-content,
body[data-site-theme="day"] .archive-feature {
  background-color: #f3f0ec !important;
  color: #4a4146 !important;
  border-color: #a99da2 !important;
}
body[data-site-theme="day"] main [class*="bg-nola"],
body[data-site-theme="day"] main [class*="bg-black"],
body[data-site-theme="day"] main [class*="bg-gray-9"],
body[data-site-theme="day"] main [class*="bg-zinc-9"],
body[data-site-theme="day"] main [class*="bg-slate-9"] {
  background-color: #f3f0ec !important;
}
body[data-site-theme="day"] main [class*="text-white"],
body[data-site-theme="day"] main [class*="text-nolaMuted"],
body[data-site-theme="day"] main [class*="text-nolaText"] {
  color: #4a4146 !important;
}
body[data-site-theme="day"] main [class*="text-nolaGold"],
body[data-site-theme="day"] main h1,
body[data-site-theme="day"] main h2,
body[data-site-theme="day"] main h3 {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}
body[data-site-theme="day"] main button:not(.bg-nolaCrimson),
body[data-site-theme="day"] main a[class*="border"],
body[data-site-theme="day"] main [role="tab"] {
  background-color: #a99da2 !important;
  color: #4a4146 !important;
  border-color: #665b60 !important;
}
body[data-site-theme="day"] main button:hover,
body[data-site-theme="day"] main a[class*="border"]:hover {
  background-color: #e8e6e3 !important;
}
body[data-site-theme="day"] main input,
body[data-site-theme="day"] main textarea,
body[data-site-theme="day"] main select,
body[data-site-theme="day"] main option {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border-color: #a99da2 !important;
}
body[data-site-theme="day"] main input::placeholder,
body[data-site-theme="day"] main textarea::placeholder {
  color: #4a4146 !important;
  opacity: 1;
}
body[data-site-theme="day"] main p,
body[data-site-theme="day"] main li,
body[data-site-theme="day"] main label {
  color: inherit;
}
body[data-site-theme="day"] main [style*="background: rgb(2"],
body[data-site-theme="day"] main [style*="background-color: rgb(2"] {
  background-color: #f3f0ec !important;
}
/* Preserve decorative cover art, images and the burgundy hero banner. */
body[data-site-theme="day"] img {
  filter: none;
}

/* ===== nova23-daylight-contrast, исходная строка 608 ===== */
/* NOVA 23: daylight-only contrast correction. Night and application logic untouched. */
body[data-site-theme="day"] {
  --page: #e8e6e3;
  --panel: #f3f0ec;
  --ink: #4a4146;
  --muted: #665b60;
  --accent: #a99da2;
}
body[data-site-theme="day"] #sec-home > div:first-child {
  background: linear-gradient(
    110deg,
    rgba(255, 250, 240, 0.98),
    rgba(247, 226, 199, 0.94)
  ) !important;
  background-color: #f3f0ec !important;
  border: 1px solid #a99da2 !important;
  box-shadow: 0 12px 28px rgba(89, 54, 31, 0.11) !important;
}
body[data-site-theme="day"] #sec-home > div:first-child .gold-gradient-text,
body[data-site-theme="day"] #sec-home > div:first-child .archive-hero-title,
body[data-site-theme="day"] #sec-home > div:first-child h1,
body[data-site-theme="day"] #sec-home > div:first-child h2 {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  background: none !important;
  opacity: 1 !important;
}
body[data-site-theme="day"] #sec-home > div:first-child p,
body[data-site-theme="day"] #sec-home > div:first-child .text-nolaText\/90,
body[data-site-theme="day"] #sec-home > div:first-child .text-nolaGold {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  opacity: 1 !important;
}
body[data-site-theme="day"] #sec-home > div:first-child .bg-black\/60 {
  background: #f3f0ec !important;
}
body[data-site-theme="day"] #sec-home > div:first-child button:first-child {
  background: #665b60 !important;
  color: #f3f0ec !important;
  border: 1px solid #665b60 !important;
}
body[data-site-theme="day"] #sec-home > div:first-child button:last-child {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border: 1px solid #665b60 !important;
}
body[data-site-theme="day"] #nola15-dashboard,
body[data-site-theme="day"] #nola15-result,
body[data-site-theme="day"] #nola15-result > div,
body[data-site-theme="day"] #nola15-result > section {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border-color: #a99da2 !important;
}
body[data-site-theme="day"] #nola15-dashboard h2,
body[data-site-theme="day"] #nola15-dashboard h3,
body[data-site-theme="day"] #nola15-dashboard p,
body[data-site-theme="day"] #nola15-result {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  opacity: 1 !important;
}
body[data-site-theme="day"] .nola15links button {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border: 1px solid #a99da2 !important;
}
body[data-site-theme="day"] .nola15links button:hover {
  background: #e8e6e3 !important;
}
body[data-site-theme="day"] #sec-home .bg-nolaCard,
body[data-site-theme="day"] #sec-home .book-card {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #sec-home .text-nolaText,
body[data-site-theme="day"] #sec-home .text-nolaMuted {
  color: #4a4146 !important;
}
body[data-site-theme="day"] #sec-home .gold-gradient-text {
  background: none !important;
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}
body[data-site-theme="day"] #sec-home .bg-black\/50 {
  background: #f3f0ec !important;
}
body[data-site-theme="day"] #sec-home .text-nolaGold {
  color: #4a4146 !important;
}
body[data-site-theme="day"] #sec-home .border-nolaGold\/30 {
  border-color: #a99da2 !important;
}
body[data-site-theme="day"] #nola15-dashboard [style*="background:#20141b"] {
  background: #f3f0ec !important;
}

/* ===== nola29-restore-profile-header, исходная строка 652 ===== */
/* The profile layout previously hid the original header via a broad .space-y-4 selector. */
#sec-profile #nolaProfileHead {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 115px !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 5 !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap,
#sec-profile #nolaProfileHead #nolaPremiumAvatarHolder {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
}
#sec-profile #nolaProfileHead #profileAvatarImg {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#sec-profile #nolaProfileHead #profileUsername {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ===== nola-profile-two-column-layout, исходная строка 659 ===== */
/* NOVA 35: only profile layout changes. */
@media (min-width: 760px) {
  #sec-profile > .bg-nolaCard {
    display: grid !important;
    grid-template-columns: minmax(210px, 270px) minmax(0, 1fr) !important;
    column-gap: 16px !important;
    align-items: start !important;
    padding-bottom: 18px !important;
  }
  #sec-profile #nolaProfileCover,
  #sec-profile #nolaProfileHead,
  #sec-profile #nolaProfileControls {
    grid-column: 1 / -1 !important;
  }
  #sec-profile #nolaProfileSections {
    grid-column: 1 !important;
    grid-row: 4 !important;
    align-self: start !important;
    padding: 0 0 0 14px !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
  #sec-profile #nolaProfileContent {
    grid-column: 2 !important;
    grid-row: 4 !important;
    align-self: start !important;
    margin: 0 14px 0 0 !important;
    min-width: 0 !important;
    min-height: 330px !important;
  }
}
@media (max-width: 759px) {
  #sec-profile > .bg-nolaCard {
    display: block !important;
  }
  #sec-profile #nolaProfileSections {
    padding: 0 12px 14px !important;
  }
  #sec-profile #nolaProfileContent {
    margin: 0 12px 18px !important;
  }
}

/* ===== nola36-controls-css, исходная строка 673 ===== */
#nolaProfileControls {
  justify-content: flex-end !important;
  padding: 4px 16px 10px !important;
  gap: 8px !important;
}
#nolaProfileControls button {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  font-size: 12px !important;
  padding: 7px 13px !important;
  line-height: 1.35 !important;
}
@media (max-width: 500px) {
  #nolaProfileControls {
    padding: 8px 12px !important;
    justify-content: flex-end !important;
  }
  #nolaProfileControls button {
    font-size: 12px !important;
    padding: 7px 10px !important;
  }
}

/* ===== nola50-avatar-frame-behind, исходная строка 678 ===== */
#sec-profile #nolaProfileHead > .nola30-avatar-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap {
  isolation: isolate !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
  z-index: 1 !important;
  inset: 0 !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
  z-index: 3 !important;
  width: 106px !important;
  height: 106px !important;
  border: 2px solid #d6aa70 !important;
  box-sizing: border-box !important;
  background: #281923 !important;
}
#sec-profile #nolaProfileHead #nolaPremiumAvatarHolder {
  display: contents !important;
}
@media (max-width: 550px) {
  #sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
    width: 92px !important;
    height: 92px !important;
  }
}

/* ===== nola51-avatar-correct-proportions, исходная строка 686 ===== */
/* Outer decorative ring 132px; inner photo 94px. Same exact center. */
#sec-profile #nolaProfileHead > .nola30-avatar-shell {
  position: relative !important;
  flex: 0 0 132px !important;
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  max-width: 132px !important;
  max-height: 132px !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap {
  position: relative !important;
  display: block !important;
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  max-width: 132px !important;
  max-height: 132px !important;
  margin: 0 !important;
  overflow: visible !important;
  isolation: isolate !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  max-width: 132px !important;
  max-height: 132px !important;
  transform: none !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
  width: 132px !important;
  height: 132px !important;
  display: block !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: 94px !important;
  height: 94px !important;
  min-width: 94px !important;
  min-height: 94px !important;
  max-width: 94px !important;
  max-height: 94px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-sizing: border-box !important;
  border: 2px solid #c69b65 !important;
  z-index: 2 !important;
}
@media (max-width: 550px) {
  #sec-profile #nolaProfileHead > .nola30-avatar-shell {
    flex-basis: 116px !important;
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    max-width: 116px !important;
    max-height: 116px !important;
  }
  #sec-profile #nolaProfileHead .nola-avatar-wrap,
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament,
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
  }
  #sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    max-width: 82px !important;
    max-height: 82px !important;
  }
}

/* ===== nola52-frame-true-outer, исходная строка 695 ===== */
/* Portrait and ornament are independently centered in one fixed-size stage. */
#sec-profile #nolaProfileHead > .nola30-avatar-shell {
  flex: 0 0 148px !important;
  width: 148px !important;
  height: 148px !important;
  min-width: 148px !important;
  min-height: 148px !important;
  max-width: 148px !important;
  max-height: 148px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap {
  display: block !important;
  position: relative !important;
  flex: none !important;
  width: 148px !important;
  height: 148px !important;
  min-width: 148px !important;
  min-height: 148px !important;
  max-width: 148px !important;
  max-height: 148px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  isolation: isolate !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
  position: absolute !important;
  display: block !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  width: 148px !important;
  height: 148px !important;
  min-width: 148px !important;
  min-height: 148px !important;
  max-width: 148px !important;
  max-height: 148px !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 1 !important;
  overflow: visible !important;
  pointer-events: none !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
  display: block !important;
  width: 148px !important;
  height: 148px !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap #nolaPremiumAvatarHolder {
  display: contents !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
  position: absolute !important;
  display: block !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: 98px !important;
  height: 98px !important;
  min-width: 98px !important;
  min-height: 98px !important;
  max-width: 98px !important;
  max-height: 98px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 2px solid #d8af74 !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  z-index: 4 !important;
}
@media (max-width: 550px) {
  #sec-profile #nolaProfileHead > .nola30-avatar-shell,
  #sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap {
    flex-basis: 124px !important;
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    max-width: 124px !important;
    max-height: 124px !important;
  }
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament,
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    max-width: 124px !important;
    max-height: 124px !important;
  }
  #sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    max-width: 82px !important;
    max-height: 82px !important;
  }
}

/* ===== nola108-expanded-dialogs, исходная строка 706 ===== */
/* Larger, readable dialogs for reading history, subscriptions, voices and author diary. */
#nolaReaderOverlay {
  padding: clamp(12px, 3vw, 36px) !important;
}
#nolaReaderOverlay .nola-reader-dialog {
  width: min(960px, 96vw) !important;
  max-width: none !important;
  min-height: min(480px, 70dvh);
  max-height: 90dvh !important;
  padding: clamp(22px, 3vw, 38px) !important;
  box-sizing: border-box;
}
#nolaReaderContent {
  min-height: 230px;
  max-height: calc(90dvh - 145px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 8px;
}
#nolaReaderContent .nola-row {
  font-size: 1.05em;
  line-height: 1.6;
}
#nolaDiaryBox {
  width: min(1020px, 96vw) !important;
  max-width: none !important;
  min-height: min(530px, 75dvh);
  max-height: 90dvh !important;
  padding: clamp(22px, 3vw, 38px) !important;
  box-sizing: border-box;
}
#nolaDiaryEntries {
  max-height: 55dvh;
  overflow-y: auto;
  padding-right: 8px;
}
#nolaDiaryBox textarea {
  min-height: 165px;
}
@media (max-width: 650px) {
  #nolaReaderOverlay .nola-reader-dialog,
  #nolaDiaryBox {
    width: 96vw !important;
    min-height: 55dvh;
    padding: 18px !important;
  }
  #nolaReaderContent {
    max-height: 65dvh;
  }
  #nolaDiaryEntries {
    max-height: 48dvh;
  }
}

/* ===== nova109-day-contrast-fix, исходная строка 717 ===== */
/* Day palette applies to day only. Preserve original night appearance. */
body[data-site-theme="day"] #nolaTreasury {
  background: #e8e6e3 !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaTreasury h2,
body[data-site-theme="day"] #nolaTreasury h3,
body[data-site-theme="day"] #nolaTreasury .nola-treasury-balance {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaTreasury p,
body[data-site-theme="day"] #nolaTreasury label,
body[data-site-theme="day"] #nolaTreasury .nola-treasury-note,
body[data-site-theme="day"] #nolaTreasuryContent {
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaTreasuryContent *:not(button):not(input):not(select) {
  text-shadow: none;
}
body[data-site-theme="day"] #nolaTreasuryContent [style*="background"] {
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaTreasury button {
  color: #4a4146 !important;
  background: #e8e6e3 !important;
  border-color: #665b60 !important;
}
body[data-site-theme="day"] #nolaTreasury button:hover {
  background: #e8e6e3 !important;
}
body[data-site-theme="day"] #nolaTreasury input,
body[data-site-theme="day"] #nolaTreasury select {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border-color: #665b60 !important;
}
body[data-site-theme="day"] #nolaTreasury input::placeholder {
  color: #4a4146 !important;
}
/* Profile tab content: prevent dark text on dark background or pale text on white panels. */
body[data-site-theme="day"] #nolaProfileContent {
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaProfileContent [data-panel] {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaProfileContent [data-panel] h2,
body[data-site-theme="day"] #nolaProfileContent [data-panel] h3,
body[data-site-theme="day"] #nolaProfileContent [data-panel] h4,
body[data-site-theme="day"] #nolaProfileContent [data-panel] strong {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaProfileContent [data-panel] p,
body[data-site-theme="day"] #nolaProfileContent [data-panel] small,
body[data-site-theme="day"] #nolaProfileContent [data-panel] .nola-muted,
body[data-site-theme="day"] #nolaProfileContent [data-panel] .n106-award-copy small {
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaProfileContent [data-panel] a,
body[data-site-theme="day"] #nolaProfileContent [data-panel] .n106-award-work {
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaProfileContent [data-panel] .n106-award-card {
  background: #e8e6e3 !important;
  border-color: #a99da2 !important;
}
body[data-site-theme="day"] #nolaProfileContent [data-panel] button:not(.n106-award-work) {
  color: #4a4146 !important;
}

/* ===== n110-day-profile-fully-light, исходная строка 751 ===== */
/* NOVA 110: light profile shell, panels, labels and interactive controls. */
body[data-site-theme="day"] #nolaProfileContent,
body[data-site-theme="day"] #nolaProfileContent .nola-v4-card,
body[data-site-theme="day"] #nolaProfileContent [class*="panel"],
body[data-site-theme="day"] #nolaProfileContent [class*="content"],
body[data-site-theme="day"] #nolaProfileContent [class*="section"] {
  background-color: #f3f0ec !important;
  color: #4a4146 !important;
  border-color: #a99da2 !important;
}
body[data-site-theme="day"]
  #nolaProfileContent
  :is(h1, h2, h3, h4, h5, p, span, small, div, li, label, strong, em) {
  color: #4a4146 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}
body[data-site-theme="day"] #nolaProfileContent :is(input, textarea, select) {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border-color: #a99da2 !important;
}
body[data-site-theme="day"] #nolaProfileContent :is(button, [role="button"]) {
  color: #4a4146 !important;
  border-color: #a99da2 !important;
}
body[data-site-theme="day"] #nolaProfileContent .n106-award-symbol {
  background: #e8e6e3 !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaProfileContent .n106-award-tabs button {
  background: #e8e6e3 !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaProfileContent .n106-award-tabs button[aria-selected="true"] {
  background: #a99da2 !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaProfileContent .n106-award-card {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nolaTreasury :is(h1, h2, h3, h4, p, small, label, span, strong) {
  color: #4a4146 !important;
  text-shadow: none !important;
}
body[data-site-theme="day"] #nolaTreasuryContent :is(button, input, textarea) {
  color: #4a4146 !important;
}
/* Keep header banner images and avatars intact; recolor the text-bearing profile wrapper. */
body[data-site-theme="day"] [id*="Profile"] .nola-v4-card {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}

/* ===== n112-day-profile-shell-contrast, исходная строка 770 ===== */
/* NOVA 112: the outer profile shell was still black in daytime mode. */
body[data-site-theme="day"] #sec-profile {
  background: #e8e6e3 !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileHead,
body[data-site-theme="day"]
  #sec-profile
  #nolaProfileHead
  > div:not(.nola-avatar-wrap):not(.nola30-avatar-shell),
body[data-site-theme="day"] #sec-profile #nolaProfileContent {
  color: #4a4146 !important;
}
body[data-site-theme="day"]
  #sec-profile
  #nolaProfileHead
  :is(h1, h2, h3, h4, p, span, small, strong, label),
body[data-site-theme="day"] #sec-profile #nolaProfileHead [id*="Name"],
body[data-site-theme="day"] #sec-profile #nolaProfileHead [id*="Gender"] {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  text-shadow: none !important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileHead [class*="text-nolaMuted"] {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}
/* Preserve the photographic cover, avatar, and ornaments. */
body[data-site-theme="day"] #sec-profile .nola-v4-profile-shell,
body[data-site-theme="day"] #sec-profile .nola-v4-profile-body,
body[data-site-theme="day"] #sec-profile [class*="profile-shell"] {
  background: #e8e6e3 !important;
  color: #4a4146 !important;
}

/* ===== nola118-effects-off, исходная строка 785 ===== */
body.nola-fx-off .archive-fx-layer,
body.nola-fx-off .nola61-flyer,
body.nola-fx-off .nola78-stage {
  display: none !important;
}

/* ===== n19-multi-style, исходная строка 785 ===== */
.n19chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 5px 0;
}
.n19chip {
  border: 1px solid #a7834f;
  border-radius: 20px;
  background: #54303a;
  color: #f9dcb2;
  padding: 5px 10px;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
}
.n19multi {
  position: relative;
}
.n19suggest {
  position: absolute;
  z-index: 200;
  left: 0;
  right: 0;
  top: 100%;
  max-height: 230px;
  overflow: auto;
  background: #281a22;
  border: 1px solid #aa8154;
  border-radius: 9px;
  box-shadow: 0 12px 22px #0008;
}
.n19suggest[hidden] {
  display: none;
}
.n19suggestion {
  display: block;
  width: 100%;
  text-align: left;
  background: transparent;
  color: #f0d1aa;
  border: 0;
  border-bottom: 1px solid #604650;
  padding: 9px 12px;
  cursor: pointer;
  font: inherit;
}
.n19suggestion:hover {
  background: #62404a;
}
.n125-tag-count {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #432c36;
  color: #f5d9aa;
  padding: 10px 12px;
  border-bottom: 1px solid #ae8354;
  font-size: 13px;
  font-weight: bold;
}
.n19multi:has(input[name="tags"]) .n19suggest,
.n19multi:has(input[name="fandom"]) .n19suggest,
.n19multi:has(input[name="pairing"]) .n19suggest,
.n19multi:has(input[name="genre"]) .n19suggest {
  max-height: 350px;
  scrollbar-width: thin;
  scrollbar-color: #b58a54 #281a22;
}

/* ===== nova130-day-request-correct-theme, исходная строка 789 ===== */
/* The site's real theme attribute is data-site-theme, not data-theme. */
body[data-site-theme="day"] #nola19-requests .n19editor {
  background: #4a4146 !important;
  background-color: #4a4146 !important;
  color: #f3f0ec !important;
  border: 2px solid #665b60 !important;
  box-shadow: 0 5px 20px rgba(61, 35, 18, 0.18) !important;
}
body[data-site-theme="day"] #nola19-requests .n19editor h3,
body[data-site-theme="day"] #nola19-requests .n19editor label {
  color: #f3f0ec !important;
  -webkit-text-fill-color: #f3f0ec !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body[data-site-theme="day"] #nola19-requests .n19editor input,
body[data-site-theme="day"] #nola19-requests .n19editor select,
body[data-site-theme="day"] #nola19-requests .n19editor textarea {
  background: #f3f0ec !important;
  background-color: #f3f0ec !important;
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  border: 1px solid #a99da2 !important;
}
body[data-site-theme="day"] #nola19-requests .n19editor input::placeholder,
body[data-site-theme="day"] #nola19-requests .n19editor textarea::placeholder {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}
body[data-site-theme="day"] #nola19-requests .n19editor .n19suggest,
body[data-site-theme="day"] #nola19-requests .n19editor .n19suggestion {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nola19-requests .n19editor .n19suggestion:hover {
  background: #e8e6e3 !important;
}
body[data-site-theme="day"] #nola19-requests .n19editor .n125-tag-count {
  background: #4a4146 !important;
  color: #f3f0ec !important;
}

/* ===== nova131-day-published-request-readability, исходная строка 829 ===== */
/* Published request cards: scope strictly to daytime, do not alter the editor or night mode. */
body[data-site-theme="day"] #nola19-requests .n19card {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border: 1px solid #a99da2 !important;
}
body[data-site-theme="day"] #nola19-requests .n19card h3,
body[data-site-theme="day"] #nola19-requests .n19card p,
body[data-site-theme="day"] #nola19-requests .n19card .n19muted {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  opacity: 1 !important;
}
body[data-site-theme="day"] #nola19-requests .n19card .n19tags span {
  background: #4a4146 !important;
  background-color: #4a4146 !important;
  color: #f3f0ec !important;
  -webkit-text-fill-color: #f3f0ec !important;
  border: 1px solid #665b60 !important;
}
body[data-site-theme="day"] #nola19-requests .n19card .n19tags span * {
  color: #f3f0ec !important;
  -webkit-text-fill-color: #f3f0ec !important;
}

/* ===== nova136-header-consistency, исходная строка 851 ===== */
.nola-unified-header {
  --hc-height: 44px;
  --hc-radius: 9px;
  --hc-bg: #352521;
  --hc-text: #f0dcc0;
  --hc-border: #a88552;
  --hc-hover: #50342e;
}
body[data-site-theme="day"] .nola-unified-header {
  --hc-bg: #f3f0ec;
  --hc-text: #4a4146;
  --hc-border: #665b60;
  --hc-hover: #e8e6e3;
}
.nola-unified-header .nola-header-controls {
  gap: 8px !important;
  min-width: 0;
}
.nola-unified-header .nola-header-controls > * {
  flex-shrink: 0;
}
.nola-unified-header .nola-header-controls button:not(#accountMenu button),
.nola-unified-header .nola-header-controls select,
.nola-unified-header #searchInput {
  box-sizing: border-box !important;
  height: var(--hc-height) !important;
  min-height: var(--hc-height) !important;
  border: 1px solid var(--hc-border) !important;
  border-radius: var(--hc-radius) !important;
  background: var(--hc-bg) !important;
  color: var(--hc-text) !important;
  -webkit-text-fill-color: var(--hc-text) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease !important;
}
.nola-unified-header .nola-header-controls button:not(#accountMenu button),
.nola-unified-header .nola-header-controls select {
  padding: 0 11px !important;
}
.nola-unified-header .nola-header-controls button:hover:not(#accountMenu button),
.nola-unified-header .nola-header-controls select:hover,
.nola-unified-header #searchInput:hover {
  background: var(--hc-hover) !important;
}
.nola-unified-header .nola-header-controls button:focus-visible,
.nola-unified-header .nola-header-controls select:focus-visible,
.nola-unified-header #searchInput:focus-visible {
  outline: 2px solid #d4a459 !important;
  outline-offset: 2px !important;
}
.nola-unified-header #searchInput {
  width: 100% !important;
  padding: 0 14px 0 40px !important;
}
.nola-unified-header #searchInput::placeholder {
  color: #c3b098 !important;
  -webkit-text-fill-color: #c3b098 !important;
}
body[data-site-theme="day"] .nola-unified-header #searchInput::placeholder {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}
.nola-unified-header .header-search-icon {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.nola-unified-header .nola-header-links {
  display: flex;
  align-items: center;
  border-left: 1px solid var(--hc-border);
  padding-left: 10px;
}
.nola-unified-header .nola-header-rules {
  white-space: nowrap;
  text-decoration: none !important;
}
.nola-unified-header #nav-publish {
  background: #763c32 !important;
  color: #f5dfbd !important;
  -webkit-text-fill-color: #f5dfbd !important;
  border-color: #bd955b !important;
}
.nola-unified-header #nav-publish:hover {
  background: #925042 !important;
}
.nola-unified-header #archiveNoticeButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: var(--hc-height) !important;
  position: relative !important;
}
.nola-unified-header #archiveNoticeDot {
  position: absolute !important;
}
.nola-unified-header #accountMenuButton {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}
.nola-unified-header #headerAvatar {
  height: 28px !important;
  width: 28px !important;
  flex-shrink: 0;
}
.nola-unified-header #themeStatus {
  font-size: 16px !important;
  font-weight: 600 !important;
}
.nola-unified-header .nola-header-controls nav {
  gap: 6px !important;
}
.nola-unified-header .nola-header-controls nav button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}
/* Preserve full-size touch targets and readable labels at every viewport. */
@media (max-width: 1279px) {
  .nola-unified-header .header-desktop-search {
    max-width: 230px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .nola-unified-header .nola-header-controls {
    gap: 5px !important;
  }
  .nola-unified-header .nola-header-controls button:not(#accountMenu button),
  .nola-unified-header .nola-header-controls select {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media (max-width: 1100px) {
  .nola-unified-header .header-desktop-search {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .nola-unified-header #headerUsername {
    display: none !important;
  }
  .nola-unified-header .nola-header-links {
    padding-left: 7px;
  }
}
@media (max-width: 767px) {
  .nola-unified-header .nola-header-links {
    border-left: 0;
    padding-left: 0;
  }
  .nola-unified-header .nola-header-controls {
    gap: 5px !important;
  }
  .nola-unified-header .nola-header-controls button:not(#accountMenu button),
  .nola-unified-header .nola-header-controls select {
    font-size: 16px !important;
    padding: 0 7px !important;
  }
}
@media (max-width: 480px) {
  .nola-unified-header .nola-header-rules {
    display: none !important;
  }
  .nola-unified-header .nola-header-links {
    display: none !important;
  }
  .nola-unified-header .archive-wordmark {
    font-size: 19px !important;
  }
  .nola-unified-header .header-logo-subtitle {
    display: none !important;
  }
}

/* ===== nova137-search-group-fix, исходная строка 957 ===== */
/* Search is a sibling of the button group: apply the same control tokens directly. */
.nola-unified-header .nola-header-search {
  min-width: 150px;
  align-items: center;
  flex: 1 1 220px;
}
.nola-unified-header .nola-header-search > .relative {
  width: 100%;
}
.nola-unified-header .nola-header-search #searchInput {
  display: block !important;
  box-sizing: border-box !important;
  height: var(--hc-height) !important;
  min-height: var(--hc-height) !important;
  border-radius: var(--hc-radius) !important;
  border: 1px solid var(--hc-border) !important;
  background: var(--hc-bg) !important;
  color: var(--hc-text) !important;
  -webkit-text-fill-color: var(--hc-text) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  padding: 0 14px 0 40px !important;
  outline-offset: 2px;
}
.nola-unified-header .nola-header-search #searchInput:focus-visible {
  outline: 2px solid #d4a459 !important;
  border-color: #d4a459 !important;
}
.nola-unified-header .nola-header-search #searchInput:hover {
  background: var(--hc-hover) !important;
}
.nola-unified-header .nola-header-search .header-search-icon {
  position: absolute;
  left: 12px;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none;
  color: var(--hc-text) !important;
  z-index: 1;
}
@media (max-width: 1100px) {
  .nola-unified-header .nola-header-search {
    display: none !important;
  }
}

/* ===== nova138-responsive-header-repair, исходная строка 982 ===== */
/* Keep the real search field accessible rather than creating a disconnected duplicate. */
@media (max-width: 1100px) {
  .nola-unified-header .max-w-7xl > .flex.items-center.justify-between {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 80px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    gap: 8px !important;
  }
  .nola-unified-header .header-desktop-search {
    display: flex !important;
    order: 3 !important;
    flex: 1 0 100% !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .nola-unified-header .nola-header-controls {
    margin-left: auto !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }
}
@media (max-width: 767px) {
  .nola-unified-header .nola-header-links {
    display: flex !important;
    border-left: 1px solid var(--hc-border) !important;
    padding-left: 7px !important;
  }
  .nola-unified-header .nola-header-rules {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .nola-unified-header .nola-header-controls button:not(#accountMenu button),
  .nola-unified-header .nola-header-controls select {
    min-height: 44px !important;
    height: 44px !important;
    font-size: 16px !important;
  }
}
@media (max-width: 480px) {
  .nola-unified-header .nola-header-links {
    display: flex !important;
  }
  .nola-unified-header .nola-header-rules {
    display: inline-flex !important;
  }
  .nola-unified-header .nola-header-controls {
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 6px !important;
  }
  .nola-unified-header #themeStatus {
    display: none !important;
  }
}
/* Only direct controls: dropdown menu entries retain their own design. */
.nola-unified-header .nola-header-controls > button,
.nola-unified-header .nola-header-controls > select,
.nola-unified-header .nola-header-links > button {
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 9px !important;
}

/* ===== nola-v29-bird-only, исходная строка 3511 ===== */
.nola-publish-bird {
  display: inline-block;
  line-height: 1;
  transform-origin: center;
  transition: transform 0.28s ease;
  will-change: transform;
}
button:hover .nola-publish-bird {
  transform: translateY(-2px) rotate(-8deg);
}
@media (prefers-reduced-motion: reduce) {
  .nola-publish-bird {
    transition: none !important;
  }
}

/* ===== nola-mobile-theme-restore, исходная строка 3529 ===== */
@media (max-width: 767px) {
  #nola-mobile-theme-control {
    display: flex !important;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
    padding: 5px 12px;
    background: var(--panel, #151013);
    color: var(--ink, #f0dbb0);
    font-size: 13px;
    border-bottom: 1px solid #6b5433;
  }
  #nola-mobile-theme-control select {
    background: var(--panel, #151013);
    color: var(--ink, #f0dbb0);
    border: 1px solid var(--accent, #a18a56);
    border-radius: 7px;
    padding: 6px 9px;
    font-size: 14px;
    min-height: 34px;
  }
}
@media (min-width: 768px) {
  #nola-mobile-theme-control {
    display: none !important;
  }
}

/* ===== nola-reader-expansion-style, исходная строка 3555 ===== */
.nola-reader-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0;
}
.nola-reader-actions button,
.nola-reader-dialog button {
  background: linear-gradient(125deg, #44212d, #693747);
  border: 1px solid #b69a63;
  color: #f8e7cb;
  padding: 10px 13px;
  border-radius: 7px;
  font-family: Georgia, serif;
  cursor: pointer;
}
#nolaReaderOverlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #070508bd;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
#nolaReaderOverlay.open {
  display: flex;
}
.nola-reader-dialog {
  width: min(580px, 100%);
  max-height: 88dvh;
  overflow: auto;
  background: #1b1118;
  border: 2px solid #9c7a46;
  border-radius: 14px;
  color: #f1e0c6;
  box-shadow: 0 25px 80px #000;
  padding: 20px;
  font:
    17px/1.5 Georgia,
    serif;
}
.nola-reader-dialog h2 {
  font:
    28px Georgia,
    serif;
  color: #e6c27c;
  margin: 0;
}
.nola-reader-dialog p {
  margin: 10px 0;
}
.nola-reader-dialog .nola-row {
  padding: 12px 0;
  border-bottom: 1px solid #755739;
}
.nola-reader-dialog input,
.nola-reader-dialog textarea {
  display: block;
  width: 100%;
  background: #2c1c26;
  border: 1px solid #9c7a46;
  border-radius: 6px;
  color: #fff1d9;
  padding: 12px;
  margin: 8px 0;
  font:
    16px Georgia,
    serif;
}
.nola-reader-dialog textarea {
  min-height: 115px;
  resize: vertical;
}
.nola-reader-dialog .muted {
  color: #c4ae92;
  font-size: 14px;
}
.nola-reader-dialog .nola-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.nola-reader-dialog .nola-head button {
  min-width: 42px;
}
body[data-site-theme="day"] .nola-reader-dialog {
  background: #f3f0ec;
  color: #4a4146;
}
body[data-site-theme="day"] .nola-reader-dialog h2 {
  color: #4a4146;
}
body[data-site-theme="day"] .nola-reader-dialog input,
body[data-site-theme="day"] .nola-reader-dialog textarea {
  background: #f3f0ec;
  color: #4a4146;
}
body[data-site-theme="day"] .nola-reader-dialog .muted {
  color: #4a4146;
}

/* ===== nola-visible-premium-style, исходная строка 3742 ===== */
/* Premium markers stay in the normal layout, never over navigation. */
#nolaPremiumProfileBadge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 4px 0 7px;
  padding: 3px 9px;
  border: 1px solid #b99458;
  border-radius: 14px;
  background: #30212a;
  color: #efd09a;
  font:
    13px Georgia,
    serif;
  max-width: 100%;
  width: max-content;
}
#nolaPremiumProfileBadge[hidden],
#nolaPremiumAvatarMark[hidden] {
  display: none !important;
}
#nolaPremiumAvatarMark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #e0b969;
  border-radius: 50%;
  background: #33212a;
  color: #f1d18c;
  font-size: 15px;
  pointer-events: none;
}
#nolaPremiumAvatarHolder {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  align-self: flex-start;
}
body.nola-seal-reader #sec-reader {
  background: linear-gradient(140deg, #21151f, #100d15) !important;
  box-shadow: inset 0 0 0 2px #ad8b59;
}
body.nola-seal-reader #sec-reader .reader-content,
body.nola-seal-reader #sec-reader #chapterContent {
  color: #f5e3c9 !important;
}

/* ===== nola-avatar-studio-style, исходная строка 3773 ===== */
#nolaFrameOpenBtn {
  margin: 12px auto;
  padding: 10px 16px;
  border: 1px solid #bb985c;
  border-radius: 10px;
  background: #36242d;
  color: #f1d8ac;
  font:
    16px Georgia,
    serif;
}
#nolaFrameStudio {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10005;
  background: #000c;
  align-items: center;
  justify-content: center;
  padding: 14px;
}
#nolaFrameStudio.open {
  display: flex;
}
#nolaFramePanel {
  width: min(700px, 100%);
  max-height: 88dvh;
  overflow: auto;
  background: #20151e;
  color: #f3ddbb;
  border: 1px solid #c09b61;
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 15px 55px #000b;
}
#nolaFramePanel h2 {
  font:
    26px Georgia,
    serif;
  color: #f0c985;
  margin: 0 0 8px;
}
#nolaFramePanel p {
  font:
    15px/1.5 Georgia,
    serif;
  margin: 10px 0;
}
#nolaFramePanel button {
  cursor: pointer;
}
#nolaFrameClose {
  float: right;
  background: #50313b;
  border: 1px solid #b99865;
  color: #f4dfc0;
  border-radius: 9px;
  padding: 9px 13px;
}
#nolaFramePreview {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto;
  width: 130px;
  height: 130px;
}
#nolaFramePreview img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  object-fit: cover;
}
#nolaFrameGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 10px;
  margin: 15px 0;
}
.nola-frame-option {
  background: #34242c;
  border: 1px solid #826849;
  border-radius: 12px;
  padding: 12px 7px;
  color: #f2dcbd;
  text-align: center;
  font:
    14px Georgia,
    serif;
  min-height: 124px;
}
.nola-frame-option[aria-pressed="true"] {
  outline: 2px solid #e9c06e;
}
.nola-frame-sample {
  width: 58px;
  height: 58px;
  display: block;
  margin: 0 auto 9px;
  border-radius: 50%;
  background: #513540;
  box-sizing: border-box;
}
.nola-frame-price {
  display: block;
  font-size: 12px;
  color: #e4bf80;
  margin-top: 5px;
}
#nolaFrameMessage {
  min-height: 22px;
  color: #f5ce82;
}
#nolaPremiumAvatarHolder img {
  box-sizing: border-box !important;
}

/* ===== nola-ornate-frame-css, исходная строка 3817 ===== */
.nola-avatar-wrap {
  display: inline-flex;
  position: relative;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 126px;
  height: 126px;
  isolation: isolate;
}
.nola-avatar-wrap #profileAvatarImg {
  width: 96px !important;
  height: 96px !important;
  flex: none;
  position: relative;
  z-index: 1;
  border-radius: 50% !important;
}
.nola-avatar-ornament {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.nola-frame-option {
  min-width: 0;
  min-height: 150px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.nola-frame-sample {
  position: relative;
  width: 76px !important;
  height: 76px !important;
  border: 0 !important;
  background: radial-gradient(circle, #5b3d4b 48%, #2b1b25 50%) !important;
}
.nola-frame-sample img {
  position: absolute;
  inset: -10%;
  width: 120%;
  height: 120%;
  object-fit: contain;
}
#nolaFramePreview {
  width: 165px !important;
  height: 165px !important;
  position: relative;
}
#nolaFramePreviewImg {
  width: 120px !important;
  height: 120px !important;
  object-fit: cover;
  border: 0 !important;
}
#nolaFramePreviewDecor {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#nolaFrameGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.nola-frame-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
#nolaFramePanel {
  padding: 16px !important;
  max-height: 84dvh !important;
}
.nola-studio-tabs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 15px 0;
}
.nola-studio-tabs button {
  padding: 10px 12px;
  border: 1px solid #a88a62;
  border-radius: 9px;
  color: #f2d5a9;
  background: #422a34;
}
.nola-studio-tabs button[aria-selected="true"] {
  background: #a17a46;
  color: #140d13;
  font-weight: bold;
}
.nola-studio-section[hidden] {
  display: none !important;
}
#nolaAboutLong {
  display: block;
  width: 100%;
  min-height: 200px;
  padding: 13px;
  background: #2d1e28;
  color: #f4e2cd;
  border: 1px solid #a38a66;
  border-radius: 9px;
  font:
    16px/1.6 Georgia,
    serif;
  resize: vertical;
}
#nolaAboutPreview {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.65;
}
.nola-about-controls {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 12px 0;
}
.nola-about-controls button {
  padding: 9px 12px;
  border: 1px solid #a38a66;
  border-radius: 8px;
  background: #513440;
  color: #f2ddbc;
}
@media (max-width: 420px) {
  #nolaFramePanel {
    padding: 12px !important;
  }
  .nola-frame-option {
    font-size: 12px !important;
  }
}

/* ===== nola-frame-fix-final, исходная строка 3942 ===== */
#nolaFramePreview {
  width: 170px !important;
  height: 170px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 20px auto !important;
  overflow: visible !important;
}
#nolaFramePreviewImg {
  width: 120px !important;
  height: 120px !important;
  max-width: none !important;
  max-height: none !important;
  position: relative !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  flex: none !important;
}
#nolaFramePreviewDecor {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 4;
}
#nolaFramePreviewDecor svg,
.nola-avatar-ornament svg,
.nola-frame-svg svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}
.nola-avatar-ornament {
  display: block;
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  pointer-events: none !important;
}
.nola-avatar-wrap {
  width: 140px !important;
  height: 140px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}
.nola-avatar-wrap #profileAvatarImg {
  width: 100px !important;
  height: 100px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  box-sizing: border-box !important;
  flex: none !important;
}
.nola-frame-sample {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 82px !important;
  height: 82px !important;
  position: relative !important;
  flex: none !important;
  border: 0 !important;
  padding: 0 !important;
}
.nola-frame-svg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}
.nola-frame-option {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.nola-frame-option > span:not(.nola-frame-sample) {
  overflow-wrap: anywhere;
}
.nola-frame-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
#nolaFramePanel {
  overflow-x: hidden !important;
}
@media (max-width: 390px) {
  .nola-frame-grid {
    gap: 7px !important;
  }
  .nola-frame-option {
    padding: 9px 5px !important;
  }
}

/* ===== nola-ornament-polish, исходная строка 3957 ===== */
#nolaFramePreview {
  overflow: visible !important;
}
#nolaFramePreviewImg {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 70% !important;
  height: 70% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}
#nolaFramePreviewDecor {
  z-index: 8 !important;
  display: block !important;
  pointer-events: none !important;
}
#nolaFramePreviewDecor svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}
.nola-frame-sample {
  overflow: visible !important;
}
.nola-frame-svg {
  z-index: 3 !important;
}
.nola-frame-svg svg {
  width: 100% !important;
  height: 100% !important;
}
.nola-avatar-wrap #profileAvatarImg {
  width: 70% !important;
  height: 70% !important;
  object-fit: cover !important;
}
.nola-avatar-ornament {
  z-index: 8 !important;
}

/* ===== nola-art-frame-fix, исходная строка 3962 ===== */
.nola-frame-sample {
  background: transparent !important;
  overflow: visible !important;
}
.nola-frame-sample::before {
  content: "";
  position: absolute;
  inset: 15%;
  border-radius: 50%;
  background: #4c303f center/cover no-repeat;
  box-shadow: inset 0 0 9px #0006;
}
.nola-frame-svg {
  inset: -12% !important;
  width: 124% !important;
  height: 124% !important;
}
.nola-frame-svg svg {
  overflow: visible !important;
}
#nolaFramePreviewDecor svg,
.nola-avatar-ornament svg {
  overflow: visible !important;
}
#nolaFramePreviewImg {
  width: 66% !important;
  height: 66% !important;
}
.nola-avatar-wrap #profileAvatarImg {
  width: 66% !important;
  height: 66% !important;
}

/* ===== nola-multifaceted-style, исходная строка 3971 ===== */
.nola-profile-settings-launch {
  padding: 12px 16px;
  margin: 10px 8px 10px 0;
  border: 1px solid #b99960;
  border-radius: 9px;
  color: #f2d2a1;
  background: #412b35;
  font-size: 15px;
}
#nolaSettingsOverlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: #080509d9;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
#nolaSettingsOverlay.open {
  display: flex;
}
#nolaSettingsDialog {
  position: relative;
  width: min(720px, 100%);
  max-height: 92dvh;
  overflow: auto;
  overscroll-behavior: contain;
  background: #241821;
  color: #ead7bd;
  border: 1px solid #b48b5a;
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 20px 60px #000a;
  font:
    16px/1.5 Georgia,
    serif;
}
#nolaSettingsDialog h2 {
  font-size: 27px;
  color: #e8bb78;
  margin: 0 45px 14px 0;
}
#nolaSettingsDialog h3 {
  font-size: 21px;
  color: #e8bb78;
  margin: 14px 0;
}
#nolaSettingsDialog label {
  display: block;
  margin: 14px 0 5px;
}
#nolaSettingsDialog textarea,
#nolaSettingsDialog input:not([type="checkbox"]),
#nolaSettingsDialog select {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  background: #352530;
  color: #fff1dc;
  border: 1px solid #a18a70;
  font: inherit;
  box-sizing: border-box;
}
#nolaSettingsDialog textarea {
  min-height: 150px;
  resize: vertical;
}
#nolaSettingsDialog button {
  border: 1px solid #ac8659;
  background: #4c323c;
  color: #f8e4c8;
  border-radius: 8px;
  padding: 10px 12px;
  cursor: pointer;
}
#nolaSettingsDialog button:focus-visible {
  outline: 3px solid #f1c773;
}
#nolaSettingsDialog .nola-settings-close {
  position: absolute;
  right: 16px;
  top: 14px;
  font-size: 23px;
}
#nolaSettingsTabs {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding: 5px 0 14px;
  scrollbar-width: thin;
}
#nolaSettingsTabs button {
  flex: none;
  white-space: nowrap;
}
#nolaSettingsTabs button[aria-selected="true"] {
  background: #bc925d;
  color: #21141a;
}
.nola-settings-page[hidden] {
  display: none !important;
}
.nola-settings-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 14px 0;
}
.nola-settings-row input {
  width: 19px;
  height: 19px;
  flex: none;
  margin-top: 4px;
  accent-color: #bd955d;
}
#nolaSettingsNotice {
  min-height: 24px;
  color: #f0c887;
  margin-top: 10px;
}
#nolaSettingsBioPreview {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding: 10px;
  background: #30212a;
  border-radius: 8px;
  margin: 8px 0;
}
#nolaProfileCover {
  height: 110px;
  border-radius: 12px 12px 0 0;
  margin: -8px -8px 14px;
  background: linear-gradient(130deg, #3b192a, #8c4a49, #d7a76a);
  border: 1px solid #997349;
}
@media (max-width: 440px) {
  #nolaSettingsDialog {
    padding: 14px;
  }
  #nolaSettingsDialog h2 {
    font-size: 22px;
  }
  .nola-profile-settings-launch {
    display: block;
    width: 100%;
    margin: 9px 0;
  }
}

/* ===== nola-profile-redesign-css, исходная строка 4025 ===== */
#sec-profile {
  max-width: 850px !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}
#sec-profile > div:first-child {
  padding: 0 !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  background: #171117 !important;
}
#nolaProfileCover {
  height: 165px;
  position: relative;
  background: linear-gradient(125deg, #140e18 10%, #492027 48%, #161018 90%);
  overflow: hidden;
  border-bottom: 1px solid #a88a5e;
}
#nolaProfileCover:before {
  content: "⚜";
  position: absolute;
  right: 6%;
  top: -68px;
  font-size: 240px;
  color: #d9ae6a;
  opacity: 0.11;
  transform: rotate(-18deg);
}
#nolaProfileCover:after {
  content: "ФРАНЦУЗСКИЙ КВАРТАЛ · НОВЫЙ ОРЛЕАН";
  position: absolute;
  bottom: 14px;
  right: 18px;
  letter-spacing: 2px;
  font-size: 10px;
  color: #d9b88a;
  text-shadow: 0 1px 4px #000;
}
#nolaProfileHead {
  position: relative;
  display: flex;
  gap: 15px;
  align-items: flex-start;
  padding: 0 18px 15px !important;
  border: 0 !important;
  margin-top: -46px !important;
  z-index: 1;
  min-width: 0;
}
#nolaProfileHead > .nola-avatar-wrap,
#nolaProfileHead > #profileAvatarImg,
#nolaProfileHead > #nolaPremiumAvatarHolder {
  flex-shrink: 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2;
}
#nolaProfileHead > .nola-avatar-wrap {
  width: 118px !important;
  height: 118px !important;
}
#nolaProfileHead > .nola-avatar-wrap #profileAvatarImg {
  width: 78px !important;
  height: 78px !important;
}
#nolaProfileHead > div:last-child {
  padding-top: 51px;
  min-width: 0;
  flex: 1;
  text-align: left !important;
}
#profileUsername {
  font-size: 27px !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere;
}
#profileBio {
  display: none !important;
}
#nolaProfileHead .nola-profile-settings-launch,
#nolaProfileHead #nolaFrameOpenBtn,
#nolaProfileHead #toggleEditBtn {
  display: none !important;
}
#nolaProfileHead .nola-reader-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 8px 0;
}
#nolaProfileHead .nola-reader-actions button {
  font-size: 12px !important;
  padding: 7px !important;
}
#nolaProfileControls {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 0 16px 16px;
}
#nolaProfileControls button {
  font-size: 13px;
  padding: 9px 12px;
  border: 1px solid #a88a5e;
  border-radius: 8px;
  background: #37232e;
  color: #efd4ab;
}
#nolaProfileSections {
  padding: 12px 16px 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.nola-profile-nav {
  display: flex;
  align-items: center;
  gap: 9px;
  text-align: left;
  border: 1px solid #775d47;
  background: #291e26;
  border-radius: 9px;
  padding: 12px 10px;
  color: #f0d6b0;
  min-width: 0;
  font-size: 14px;
}
.nola-profile-nav span {
  font-size: 18px;
}
.nola-profile-nav[aria-selected="true"] {
  background: #6b3d4d;
  border-color: #d6af6c;
}
#nolaProfileContent {
  margin: 0 16px 22px;
  padding: 16px;
  border: 1px solid #7c6045;
  border-radius: 12px;
  background: #211720;
  color: #f0ddc5;
  min-height: 130px;
  overflow-wrap: anywhere;
}
#nolaProfileContent h3 {
  font-size: 20px;
  color: #e9bd77;
  margin-bottom: 10px;
}
#nolaProfileContent .nola-info-bio {
  white-space: pre-wrap;
  line-height: 1.7;
  font-size: 16px;
}
#nolaProfileContent [data-panel] {
  display: none;
}
#nolaProfileContent [data-panel].active {
  display: block;
}
#nolaProfileContent .nola-empty {
  opacity: 0.75;
  font-size: 14px;
}
#sec-profile .archive-profile-tabs {
  display: none !important;
}
#sec-profile #profileGiftsPanel,
#sec-profile #profileWorksGrid {
  max-width: 100%;
}
#sec-profile #nolaOriginalBlog,
#sec-profile #nolaOriginalWorks,
#sec-profile #nolaOriginalGifts {
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}
#nolaProfileHead #profileEditBox {
  margin-top: 10px;
}
@media (max-width: 500px) {
  #nolaProfileCover {
    height: 140px;
  }
  #nolaProfileHead {
    gap: 7px;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  #nolaProfileHead > div:last-child {
    padding-top: 48px;
  }
  #nolaProfileHead > .nola-avatar-wrap {
    width: 108px !important;
    height: 108px !important;
  }
  #profileUsername {
    font-size: 23px !important;
  }
  #nolaProfileSections {
    gap: 6px;
    padding: 10px;
  }
  #nolaProfileContent {
    margin: 0 10px 15px;
    padding: 12px;
  }
  .nola-profile-nav {
    font-size: 12px;
    padding: 10px 7px;
  }
}

/* ===== nola-profile-v2-fixes, исходная строка 4082 ===== */
#sec-profile > .bg-nolaCard {
  padding: 0 !important;
  overflow: hidden;
  border-radius: 15px !important;
}
#nolaProfileCover {
  height: 155px !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
#nolaProfileHead {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  text-align: left !important;
  gap: 12px !important;
  padding: 0 15px 15px !important;
  margin-top: -27px !important;
  position: relative !important;
  z-index: 2;
  min-height: 128px !important;
  border-bottom: 0 !important;
}
#nolaProfileHead > .nola-avatar-wrap {
  flex: none !important;
  width: 115px !important;
  height: 115px !important;
  margin: 0 !important;
}
#nolaProfileHead > div:last-child {
  padding: 30px 0 0 !important;
  text-align: left !important;
  min-width: 0 !important;
}
#nolaProfileHead #profileUsername {
  text-align: left !important;
  font-size: 26px !important;
}
#nolaProfileHead #profileDetails,
#nolaProfileHead #profileDisplayName {
  text-align: left !important;
}
#nolaProfileHead .nola-reader-actions {
  display: none !important;
}
#nolaProfileControls {
  display: flex !important;
  gap: 7px !important;
  padding: 8px 12px 12px !important;
  justify-content: flex-start !important;
}
#nolaProfileControls button {
  font-size: 12px !important;
  padding: 9px !important;
  flex: 1;
  min-width: 0;
}
#nolaProfileSections {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 12px 14px !important;
}
.nola-profile-nav {
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #8e725344 !important;
  background: #281c25 !important;
  padding: 12px 14px !important;
  font-size: 16px !important;
  min-height: 49px;
}
.nola-profile-nav:first-child {
  border-radius: 10px 10px 0 0 !important;
}
.nola-profile-nav:last-child {
  border-radius: 0 0 10px 10px !important;
}
.nola-profile-nav[aria-selected="true"] {
  background: #60404c !important;
}
#nolaProfileContent {
  margin: 0 12px 18px !important;
  min-height: 90px !important;
}
#sec-profile #nolaOriginalBlog,
#sec-profile #nolaOriginalWorks,
#sec-profile #nolaOriginalGifts {
  display: block !important;
}
#sec-profile > .bg-nolaCard > .space-y-4:not(#nolaProfileContent) {
  display: none !important;
}
@media (max-width: 420px) {
  #nolaProfileHead > .nola-avatar-wrap {
    width: 105px !important;
    height: 105px !important;
  }
  #nolaProfileHead #profileUsername {
    font-size: 23px !important;
  }
  #nolaProfileControls button {
    font-size: 11px !important;
    padding: 8px 4px !important;
  }
}

/* ===== nola-functional-profile-css, исходная строка 4106 ===== */
#nolaProfileContent .nola-work-form {
  display: grid;
  gap: 10px;
  margin: 12px 0;
}
#nolaProfileContent input,
#nolaProfileContent textarea,
#nolaProfileContent select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 11px;
  border: 1px solid #997b55;
  border-radius: 8px;
  background: #34252e;
  color: #f8e8d5;
  font: inherit;
}
#nolaProfileContent textarea {
  min-height: 120px;
}
#nolaProfileContent button.nola-action {
  padding: 9px 14px;
  border: 1px solid #d1a967;
  border-radius: 8px;
  background: #563645;
  color: #f9dfb2;
  margin: 4px 5px 4px 0;
}
#nolaProfileContent .nola-entry {
  padding: 13px 0;
  border-bottom: 1px solid #9b785755;
}
#nolaProfileContent .nola-entry h4 {
  font-size: 18px;
  color: #e9c38c;
}
#nolaProfileContent .nola-muted {
  font-size: 13px;
  opacity: 0.78;
}
#nolaProfileContent .nola-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
#nolaProfileContent .nola-grid > * {
  min-width: 0;
}
#nolaProfileContent .nola-entry p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
#nolaFollowSummary {
  font-size: 13px;
  color: #e9c38c;
  margin: 7px 12px;
}
#nolaProfileHead {
  margin-bottom: 0 !important;
}
#nolaProfileControls {
  margin-top: 0 !important;
}
#nolaProfileContent [data-panel].active {
  display: block !important;
}
#nolaProfileContent .nola-empty {
  display: none !important;
}
@media (max-width: 460px) {
  #nolaProfileContent .nola-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== nola-profile-functional-style, исходная строка 4154 ===== */
.nola-profile-tools {
  border: 1px solid rgba(190, 150, 74, 0.35);
  padding: 14px;
  margin: 14px 0;
  background: rgba(15, 11, 13, 0.4);
  color: #d5b878;
}
.nola-profile-tools button,
.nola-profile-tools select,
.nola-profile-tools input,
.nola-profile-tools textarea {
  border: 1px solid rgba(190, 150, 74, 0.5);
  padding: 8px;
  background: #21191b;
  color: #e4c68c;
  margin: 3px;
  max-width: 100%;
}
.nola-profile-tools button {
  cursor: pointer;
}
.nola-profile-tools button:hover {
  border-color: #e8cb8c;
}
.nola-profile-tools .nola-item {
  border-bottom: 1px solid rgba(190, 150, 74, 0.25);
  padding: 10px 0;
}
.nola-profile-tools .nola-muted {
  opacity: 0.8;
  font-size: 12px;
}

/* ===== nola-v4-profile-style, исходная строка 4179 ===== */
#nolaProfileContent .nola-v4-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 14px 0;
}
#nolaProfileContent .nola-v4-btn {
  border: 1px solid #b18b55;
  background: #38242c;
  color: #f2d9a8;
  padding: 11px 15px;
  border-radius: 7px;
  cursor: pointer;
}
#nolaProfileContent .nola-v4-btn:focus-visible {
  outline: 2px solid #f0c46b;
}
#nolaProfileContent .nola-v4-card {
  border: 1px solid #876849;
  border-radius: 12px;
  padding: 17px;
  margin: 12px 0;
  background: linear-gradient(140deg, #291d26, #171217);
  overflow-wrap: anywhere;
}
#nolaProfileContent .nola-v4-card h4 {
  color: #e8c98d;
  font-size: 20px;
  margin: 4px 0 10px;
}
#nolaProfileContent .nola-v4-muted {
  color: #c1ad9c;
  font-size: 14px;
}
#nolaProfileContent .nola-v4-field {
  width: 100%;
  display: block;
  margin: 10px 0;
  padding: 12px;
  background: #1b141a;
  border: 1px solid #9d7b51;
  border-radius: 7px;
  color: #f5e5cb;
  min-height: 44px;
}
#nolaProfileContent textarea.nola-v4-field {
  min-height: 110px;
}
#nolaProfileContent .nola-v4-badges {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
  margin-top: 18px;
}
#nolaProfileContent .nola-v4-medal {
  border: 1px solid #8b6b42;
  border-radius: 14px;
  background: radial-gradient(circle at 50% 0%, #513542, #211820 72%);
  padding: 20px 10px;
  text-align: center;
  min-height: 172px;
}
#nolaProfileContent .nola-v4-medal .emblem {
  font-size: 43px;
  display: block;
  margin: 4px auto 12px;
  filter: drop-shadow(0 2px 9px #d6a34777);
}
#nolaProfileContent .nola-v4-medal strong {
  color: #e9c78d;
  display: block;
  font-size: 16px;
}
#nolaProfileContent .nola-v4-medal.locked {
  opacity: 0.58;
  filter: grayscale(0.7);
}
#nolaProfileContent .nola-v4-medal small {
  display: block;
  color: #cfbca6;
  margin-top: 9px;
}
#nolaProfileContent .nola-v4-replies {
  margin-left: 12px;
  border-left: 2px solid #8c6846;
  padding-left: 12px;
}
#nolaProfileContent .nola-v4-card p {
  white-space: pre-wrap;
}

/* ===== исходная строка 4326 ===== */
.nola-custom-banner {
  display: grid;
  gap: 10px;
  margin: 18px 0;
  padding: 14px;
  border: 1px solid #806445;
  border-radius: 10px;
}
.nola-custom-banner p {
  font-size: 14px;
  opacity: 0.85;
}
#nolaCustomBannerPreview {
  width: 100%;
  aspect-ratio: 16/5;
  background: #25171e center/cover no-repeat;
  border: 1px dashed #a18458;
  border-radius: 8px;
}
.nola-custom-banner input {
  max-width: 100%;
  font-size: 14px;
}

/* ===== nola-v7-style, исходная строка 4454 ===== */
.nola-v7-panel {
  border: 1px solid #876748;
  background: #241921;
  color: #e9d3ad;
  padding: 18px;
  border-radius: 12px;
  margin: 18px 0;
}
.nola-v7-panel h3 {
  font-size: 23px;
  color: #e6bb78;
  margin-bottom: 12px;
}
.nola-v7-panel button,
.nola-v7-panel select {
  border: 1px solid #a68759;
  background: #3b2730;
  color: #f4dfbc;
  padding: 9px 13px;
  margin: 4px;
  border-radius: 6px;
}
.nola-v7-item {
  border-bottom: 1px solid #70513e;
  padding: 12px 2px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.nola-v7-small {
  font-size: 13px;
  opacity: 0.8;
}
.nola-v7-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 12px;
}
.nola-v7-tag {
  font-size: 12px;
  border: 1px solid #ab8157;
  padding: 3px 7px;
  border-radius: 4px;
}
@media (max-width: 600px) {
  .nola-v7-panel {
    padding: 12px;
  }
  .nola-v7-item {
    display: block;
  }
  .nola-v7-panel button {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

/* ===== nola9styles, исходная строка 4573 ===== */
#nola9promo {
  margin: 22px auto;
  padding: 20px;
  border: 1px solid #9a7448;
  border-radius: 10px;
  background: #231820;
  color: #e8d5b6;
  max-width: 1080px;
}
#nola9promo h3 {
  font-size: 24px;
  color: #e9bb79;
  margin-bottom: 10px;
}
#nola9promo select,
#nola9promo button {
  background: #3a2630;
  color: #f3dfc1;
  border: 1px solid #a98555;
  border-radius: 5px;
  padding: 9px;
  margin: 5px;
  max-width: 100%;
}
#nola9promo .nola9cards {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 10px;
}
#nola9promo .nola9card {
  padding: 12px;
  border: 1px solid #795738;
  flex: 1 1 230px;
}
#nola9promo small {
  opacity: 0.75;
  display: block;
  margin: 8px 0;
}

/* ===== nola10-layout, исходная строка 4624 ===== */
#nola10nav {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 18px;
  padding: 12px;
  border: 1px solid #806441;
  border-radius: 10px;
  background: #1d151b;
}
#nola10nav button,
.nola10-action {
  border: 1px solid #a18a60;
  border-radius: 7px;
  background: #30202a;
  color: #e9d5ad;
  padding: 10px 14px;
  cursor: pointer;
}
#nola10nav button:hover,
.nola10-action:hover {
  background: #603746;
}
.nola10-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 12px;
}
.nola10-card {
  border: 1px solid #846b48;
  border-radius: 9px;
  padding: 14px;
  background: #241a22;
  min-width: 0;
  overflow-wrap: anywhere;
}
.nola10-card img {
  width: 100%;
  height: 160px;
  object-fit: contain;
  background: #100d12;
}
.nola10-card h4 {
  color: #e7c388;
  font-size: 1.15rem;
  margin: 10px 0;
}
.nola10-block {
  margin: 22px 0;
  padding: 16px;
  border: 1px solid #745a3c;
  border-radius: 9px;
}
.nola10-block h3 {
  color: #e4c38b;
  font-size: 1.35rem;
  margin: 0 0 12px;
}
#nola10directory {
  max-width: 1080px;
  margin: 20px auto 120px;
  padding: 18px;
  color: #e6d1b4;
  background: #110d13;
  min-height: 65vh;
}
#nola10directory input {
  background: #231922;
  border: 1px solid #957c50;
  padding: 12px;
  color: #fff;
  width: 100%;
  margin: 10px 0;
}
@media (max-width: 600px) {
  #nola10nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #nola10nav button {
    font-size: 14px;
    padding: 11px 6px;
  }
  .nola10-block {
    padding: 12px;
  }
}

/* ===== nola13-compact-style, исходная строка 4732 ===== */
#nola-home-discovery .nola-home-intro,
#nola-home-discovery .nola-home-quick,
#nola10highlights,
#nola10nav {
  display: none !important;
}
#nola-home-discovery {
  margin-top: 12px;
  display: block;
}
#nola13hub {
  border: 1px solid #785d3f;
  border-radius: 12px;
  background: linear-gradient(135deg, #20151d, #100d12);
  padding: 15px;
  margin: 16px 0 24px;
}
#nola13hub .nola13actions,
#nola13hub .nola13tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 9px 0;
}
#nola13hub button {
  background: #2b1d25;
  border: 1px solid #806645;
  color: #e7c99a;
  border-radius: 7px;
  padding: 10px 13px;
  cursor: pointer;
  min-height: 40px;
}
#nola13hub button[aria-selected="true"] {
  background: #67404c;
  border-color: #d0a96c;
  color: #fff1d5;
}
#nola13hub .nola13panels > section {
  display: none;
}
#nola13hub .nola13panels > section.nola13active {
  display: block;
}
#nola13hub .nola13panels .nola-home-shelf {
  margin: 10px 0;
  border: 0;
  padding: 0;
}
#nola13hub .nola13panels .nola-home-heading {
  margin-bottom: 12px;
}
#nola13hub details {
  margin-top: 12px;
  border-top: 1px solid #66503b;
  padding-top: 10px;
}
#nola13hub summary {
  cursor: pointer;
  color: #dfbb81;
  padding: 8px;
}
#nola13hub #nola9promo {
  margin: 8px 0;
  max-width: none;
}
#sec-home > div:has(> #newReleasesGrid) {
  display: none !important;
}
@media (max-width: 600px) {
  #nola13hub {
    padding: 10px;
    margin: 12px 0;
  }
  #nola13hub .nola13actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #nola13hub button {
    font-size: 13px;
    padding: 9px 7px;
  }
  #nola13hub .nola13tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ===== исходная строка 4779 ===== */
body[data-nola-system-blue="true"] {
  --nolaGold: #87cbe9 !important;
}
body[data-nola-system-blue="true"] header,
body[data-nola-system-blue="true"] .archive-account-menu {
  border-color: #5eafcf !important;
}
#nola14drafts {
  margin: 12px 0 20px;
}
#nola14drafts h2 {
  font-size: 24px;
  color: #e8c38a;
}

/* ===== nola15-style, исходная строка 4781 ===== */
#nola15-dashboard {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#nola15-dashboard .nola15links {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}
#nola15-dashboard button {
  border: 1px solid #a38758;
  border-radius: 7px;
  background: #38242d;
  color: #f2d9aa;
  padding: 12px 14px;
  cursor: pointer;
  min-height: 44px;
}
#nola15-dashboard button:hover {
  background: #70414b;
}
.nola15story {
  border: 1px solid #765b3b;
  border-radius: 8px;
  padding: 13px;
  margin: 8px 0;
  background: #2c1d26;
}
.nola15story button {
  margin: 6px 8px 0 0;
}
@media (max-width: 600px) {
  #nola15-dashboard .nola15links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #nola15-dashboard button {
    font-size: 13px;
    padding: 10px 6px;
  }
}

/* ===== nola18-author-style, исходная строка 4834 ===== */
.nola18-directory-avatar {
  width: 72px !important;
  height: 72px !important;
  flex: 0 0 72px;
  object-fit: cover !important;
  border-radius: 50%;
  border: 2px solid #ad8754;
  background: #2b1d26 !important;
}
.nola18-author-head {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.nola18-author-head h4 {
  margin: 0 0 4px;
}
.nola18-author-head small {
  color: #baa68e;
}
#nola18-public-cover {
  height: 190px;
  border-radius: 10px 10px 0 0;
  background: linear-gradient(120deg, #130e16, #562333 48%, #19101a);
  border: 1px solid #8e714b;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
#nola18-public-cover::after {
  content: "✦ Новоорлеанский Архив ✦";
  position: absolute;
  bottom: 12px;
  right: 18px;
  color: #e5c18b;
  text-shadow: 0 2px 6px #000;
  font-size: 13px;
}
#nola18-public-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding: 12px 18px;
  border: 1px solid #8e714b;
  border-top: 0;
  color: #e7c18c;
  background: #211721;
}
#nola18-public-stats span {
  white-space: nowrap;
}
@media (max-width: 600px) {
  #nola18-public-cover {
    height: 115px;
  }
  #nola18-public-stats {
    font-size: 12px;
    gap: 9px;
  }
}

/* ===== nola19-request-style, исходная строка 4872 ===== */
#nola19-requests {
  color: #e9cfaa;
  font-family: inherit;
  max-width: 1100px;
}
#nola19-requests * {
  box-sizing: border-box;
}
#nola19-requests .n19bar {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  align-items: center;
  margin: 12px 0;
}
#nola19-requests button,
#nola19-requests input,
#nola19-requests select,
#nola19-requests textarea {
  font: inherit;
}
#nola19-requests button {
  cursor: pointer;
  border: 1px solid #a17d53;
  border-radius: 7px;
  background: #3b2731;
  color: #f5d7a6;
  padding: 10px 14px;
  min-height: 42px;
}
#nola19-requests button:hover {
  background: #60404b;
}
#nola19-requests button[aria-pressed="true"],
#nola19-requests .primary {
  background: #9a763c;
  color: #fff;
}
#nola19-requests input,
#nola19-requests select,
#nola19-requests textarea {
  width: 100%;
  padding: 11px;
  background: #1c151d;
  border: 1px solid #80674e;
  border-radius: 6px;
  color: #f1dfca;
  min-height: 42px;
}
#nola19-requests textarea {
  min-height: 105px;
  resize: vertical;
}
#nola19-requests .n19grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
#nola19-requests label {
  display: block;
  margin: 8px 0 4px;
}
#nola19-requests .n19card,
#nola19-requests .n19editor {
  padding: 17px;
  margin: 12px 0;
  border: 1px solid #775b45;
  border-radius: 10px;
  background: #291c25;
}
#nola19-requests .n19card h3 {
  margin: 0 0 8px;
  color: #f1c992;
}
#nola19-requests .n19tags {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin: 10px 0;
}
#nola19-requests .n19tags span {
  background: #4c3436;
  padding: 5px 9px;
  border-radius: 5px;
}
#nola19-requests .n19muted {
  color: #c3a991;
  font-size: 0.9em;
}
#nola19-requests .n19notice {
  padding: 10px;
  border-left: 3px solid #bb965d;
  margin: 10px 0;
}
#nola19-requests .n19comment {
  border-top: 1px solid #5d4650;
  padding: 8px 0;
}
#nola19-requests .n19empty {
  padding: 18px;
  border: 1px dashed #775b45;
  border-radius: 9px;
}
#nola19-requests .n19checkbox {
  width: auto;
  min-height: auto;
  margin-right: 7px;
}
#nola19-requests .n19field {
  min-width: 0;
}
@media (max-width: 680px) {
  #nola19-requests .n19grid {
    grid-template-columns: 1fr;
  }
  #nola19-requests .n19card,
  #nola19-requests .n19editor {
    padding: 12px;
  }
}

/* ===== nola20-back-style, исходная строка 4923 ===== */
#nola20-back {
  position: fixed;
  left: 16px;
  bottom: 92px;
  z-index: 9998;
  display: none;
  align-items: center;
  gap: 7px;
  padding: 11px 16px;
  border: 1px solid #a58a5e;
  border-radius: 24px;
  background: #2a1b25;
  color: #f4d7a6;
  box-shadow: 0 4px 18px #0009;
  font:
    600 15px Georgia,
    serif;
  cursor: pointer;
}
/* NOVA24: back button belongs to the content flow, never overlays cards. */
#nola20-back {
  position: sticky;
  left: auto;
  bottom: auto;
  top: 10px;
  z-index: 30;
  margin: 12px 0 12px max(16px, calc((100vw - 1500px) / 2));
  width: max-content;
  max-width: calc(100% - 32px);
  box-shadow: 0 2px 8px #0004;
}
@media (max-width: 700px) {
  #nola20-back {
    left: auto;
    bottom: auto;
    top: 8px;
    margin: 10px 12px;
    padding: 10px 14px;
  }
}
body[data-theme="day"] #nola20-back,
body.day #nola20-back {
  background: #f3f0ec;
  color: #4a4146;
  border-color: #a99da2;
}
#nola20-back:focus-visible {
  outline: 2px solid #f3d19b;
  outline-offset: 3px;
}
@media (max-width: 700px) {
  #nola20-back {
    left: 10px;
    bottom: 100px;
    padding: 11px 13px;
  }
}
/* NOVA24: compact Back control in the upper-right corner, below the site header. */
#nola20-back {
  position: fixed !important;
  left: auto !important;
  right: 22px !important;
  top: 104px !important;
  bottom: auto !important;
  margin: 0 !important;
  z-index: 9998 !important;
  width: max-content !important;
  max-width: calc(100vw - 32px) !important;
  box-shadow: 0 4px 16px #0006 !important;
}
@media (max-width: 700px) {
  #nola20-back {
    right: 12px !important;
    top: 92px !important;
    padding: 9px 12px !important;
  }
}

/* ===== nola21-helper-style, исходная строка 4940 ===== */
#nola21-helpers {
  color: #eed4b2;
  max-width: 1150px;
  margin: auto;
}
#nola21-helpers * {
  box-sizing: border-box;
}
#nola21-helpers .h21-tabs,
#nola21-helpers .h21-actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  margin: 12px 0;
}
#nola21-helpers button {
  background: #37232e;
  border: 1px solid #a58657;
  color: #f2d7aa;
  padding: 11px 15px;
  border-radius: 7px;
  cursor: pointer;
  min-height: 44px;
}
#nola21-helpers button[aria-pressed="true"],
#nola21-helpers button.primary {
  background: #75505b;
}
#nola21-helpers input,
#nola21-helpers select,
#nola21-helpers textarea {
  display: block;
  width: 100%;
  min-width: 0;
  background: #211821;
  border: 1px solid #92734e;
  color: #f5dec0;
  padding: 12px;
  border-radius: 7px;
  font: inherit;
}
#nola21-helpers label {
  display: block;
  margin: 8px 0;
  font-size: 15px;
}
#nola21-helpers .h21-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
#nola21-helpers .h21-card {
  border: 1px solid #856845;
  border-radius: 10px;
  padding: 17px;
  margin: 12px 0;
  background: #291d26;
}
#nola21-helpers .h21-card h3 {
  margin: 0 0 8px;
}
#nola21-helpers .h21-muted {
  color: #c2a991;
}
#nola21-helpers .h21-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 10px 0;
}
#nola21-helpers .h21-chips span {
  border: 1px solid #6e5840;
  border-radius: 5px;
  padding: 4px 8px;
}
#nola21-helpers .h21-error {
  color: #ffb0a9;
}
@media (max-width: 700px) {
  #nola21-helpers .h21-grid {
    grid-template-columns: 1fr;
  }
  #nola21-helpers button {
    flex: 1 1 auto;
  }
}

/* ===== nola24-home-style, исходная строка 5004 ===== */
:is(#nola15-result, #nola-home-showcase) .n24-wrap {
  display: grid;
  gap: 16px;
  margin-top: 12px;
  color: var(--n24-text, #e9d4bc);
}
:is(#nola15-result, #nola-home-showcase) .n24-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
:is(#nola15-result, #nola-home-showcase) .n24-head p {
  margin: 0;
  opacity: 0.8;
  font-size: 14px;
}
:is(#nola15-result, #nola-home-showcase) .n24-carousel {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 8px 2px 16px;
  scrollbar-width: thin;
}
:is(#nola15-result, #nola-home-showcase) .n24-tile {
  flex: 0 0 190px;
  min-width: 0;
  scroll-snap-align: start;
  background: var(--n24-card, #30202a);
  border: 1px solid var(--n24-border, #97704b);
  border-radius: 10px;
  overflow: hidden;
}
:is(#nola15-result, #nola-home-showcase) .n24-cover {
  height: 225px;
  background: linear-gradient(145deg, #4a2032, #120e16);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
:is(#nola15-result, #nola-home-showcase) .n24-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:is(#nola15-result, #nola-home-showcase) .n24-cover span {
  font-size: 58px;
  opacity: 0.7;
}
:is(#nola15-result, #nola-home-showcase) .n24-tile-body {
  padding: 12px;
  display: grid;
  gap: 7px;
}
:is(#nola15-result, #nola-home-showcase) .n24-title {
  font-weight: bold;
  font-size: 17px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
:is(#nola15-result, #nola-home-showcase) .n24-meta {
  font-size: 13px;
  opacity: 0.82;
  line-height: 1.45;
}
:is(#nola15-result, #nola-home-showcase) .n24-actions {
  display: flex;
  gap: 8px;
}
:is(#nola15-result, #nola-home-showcase) .n24-actions button,
:is(#nola15-result, #nola-home-showcase) .n24-head button,
:is(#nola15-result, #nola-home-showcase) .n24-tile button {
  border: 1px solid var(--n24-border, #97704b);
  background: var(--n24-button, #402630);
  color: inherit;
  border-radius: 6px;
  padding: 8px 12px;
  cursor: pointer;
}
:is(#nola15-result, #nola-home-showcase) .n24-actions button:disabled {
  opacity: 0.35;
  cursor: default;
}
:is(#nola15-result, #nola-home-showcase) .n24-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 410px), 1fr));
  gap: 14px;
}
:is(#nola15-result, #nola-home-showcase) .n24-work {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 14px;
  background: var(--n24-card, #30202a);
  border: 1px solid var(--n24-border, #97704b);
  border-radius: 10px;
  padding: 12px;
  min-width: 0;
}
:is(#nola15-result, #nola-home-showcase) .n24-work .n24-cover {
  height: 160px;
  border-radius: 6px;
}
:is(#nola15-result, #nola-home-showcase) .n24-work .n24-cover span {
  font-size: 42px;
}
:is(#nola15-result, #nola-home-showcase) .n24-work-main {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
}
:is(#nola15-result, #nola-home-showcase) .n24-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
:is(#nola15-result, #nola-home-showcase) .n24-tags span {
  border: 1px solid var(--n24-border, #97704b);
  padding: 2px 7px;
  border-radius: 5px;
  font-size: 12px;
}
:is(#nola15-result, #nola-home-showcase) .n24-empty {
  border: 1px dashed var(--n24-border, #97704b);
  border-radius: 9px;
  padding: 20px;
  opacity: 0.9;
}
body:has(select option:checked[value="day"]) #nola15-result {
  --n24-text: #4b2926;
  --n24-card: #fff8eb;
  --n24-border: #ba906b;
  --n24-button: #f4e2cc;
}
body:has(select option:checked[value="light"]) #nola15-result {
  --n24-text: #4b2926;
  --n24-card: #fff8eb;
  --n24-border: #ba906b;
  --n24-button: #f4e2cc;
}
@media (max-width: 600px) {
  :is(#nola15-result, #nola-home-showcase) .n24-tile {
    flex-basis: 158px;
  }
  :is(#nola15-result, #nola-home-showcase) .n24-cover {
    height: 190px;
  }
  :is(#nola15-result, #nola-home-showcase) .n24-work {
    grid-template-columns: 88px minmax(0, 1fr);
  }
  :is(#nola15-result, #nola-home-showcase) .n24-work .n24-cover {
    height: 126px;
  }
}

/* ===== nola27-promo-showcase-style, исходная строка 5107 ===== */
:is(#nola15-result, #nola-home-showcase) .n27-promo {
  margin: 10px 0 26px;
  padding: 18px;
  border: 1px solid var(--n24-border, #97704b);
  border-radius: 12px;
  background: var(--n24-card, #30202a);
  color: var(--n24-text, #f1dbc3);
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-header h3 {
  font-size: 25px;
  margin: 0;
  color: inherit;
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-header span,
:is(#nola15-result, #nola-home-showcase) .n27-sponsored {
  font-size: 13px;
  opacity: 0.85;
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-card {
  display: grid;
  grid-template-columns: minmax(160px, 31%) 1fr;
  gap: 22px;
  min-height: 260px;
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-card[hidden] {
  display: none !important;
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-art {
  height: 280px;
  border-radius: 8px;
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-content h4 {
  font-size: 27px;
  line-height: 1.2;
  margin: 0;
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-content p {
  margin: 0;
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-description {
  line-height: 1.5;
  opacity: 0.85;
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-content button,
:is(#nola15-result, #nola-home-showcase) .n27-promo-controls button {
  border: 1px solid var(--n24-border, #97704b);
  border-radius: 6px;
  background: var(--n24-button, #402630);
  color: inherit;
  padding: 10px 15px;
  cursor: pointer;
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 10px;
}
:is(#nola15-result, #nola-home-showcase) .n27-promo-empty {
  margin: 0;
  opacity: 0.8;
}
@media (max-width: 600px) {
  :is(#nola15-result, #nola-home-showcase) .n27-promo-card {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  :is(#nola15-result, #nola-home-showcase) .n27-promo-art {
    height: 230px;
  }
  :is(#nola15-result, #nola-home-showcase) .n27-promo-content h4 {
    font-size: 21px;
  }
}

/* ===== nola26-reader-back-style, исходная строка 5124 ===== */
#nola26-reader-back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 11px 17px !important;
  border: 1px solid #b8955e !important;
  border-radius: 6px !important;
  background: var(--nolaCard, #2a1b25) !important;
  color: var(--nolaGold, #eac88c) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  opacity: 1 !important;
}
body.day #nola26-reader-back,
body[data-theme="day"] #nola26-reader-back {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}

/* ===== nola28-avatar-visibility, исходная строка 5147 ===== */
#nolaProfileHead .nola-avatar-wrap,
#nolaProfileHead #nolaPremiumAvatarHolder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 118px !important;
  height: 118px !important;
  min-width: 118px !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#nolaProfileHead #profileAvatarImg {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 94px !important;
  height: 94px !important;
  min-width: 94px !important;
  min-height: 94px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: #3d2631 !important;
  position: relative !important;
  z-index: 3 !important;
}
#nolaProfileHead .nola-avatar-ornament {
  pointer-events: none !important;
}
@media (max-width: 500px) {
  #nolaProfileHead .nola-avatar-wrap,
  #nolaProfileHead #nolaPremiumAvatarHolder {
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
  }
  #nolaProfileHead #profileAvatarImg {
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
  }
}

/* ===== nola30-avatar-header-fix, исходная строка 5185 ===== */
#sec-profile #nolaProfileHead,
#sec-profile .nola30-profile-head {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 116px !important;
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
  margin-top: -48px !important;
  padding: 0 18px 18px !important;
  z-index: 12 !important;
}
#sec-profile #nolaProfileHead .nola30-avatar-shell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  flex: 0 0 120px !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  z-index: 13 !important;
  border-radius: 50%;
  background: #291922;
}
#sec-profile #nolaProfileHead #profileAvatarImg {
  display: block !important;
  position: relative !important;
  width: 94px !important;
  height: 94px !important;
  min-width: 94px !important;
  min-height: 94px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 14 !important;
  border: 2px solid #d6b67b !important;
}
#sec-profile #nolaProfileHead .nola30-avatar-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 3px double #d8ae68;
  border-radius: 50%;
  box-shadow:
    0 0 0 3px #21151d,
    0 0 0 5px #a77b49;
  pointer-events: none;
  z-index: 15;
}
#sec-profile #nolaProfileHead .nola30-avatar-shell:has(.nola-avatar-ornament)::after {
  display: none;
}
#sec-profile #nolaProfileHead .nola30-profile-identity {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 1;
  min-width: 0;
  padding-top: 0 !important;
  text-align: left !important;
}
#sec-profile #nolaProfileHead #profileUsername {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (max-width: 550px) {
  #sec-profile #nolaProfileHead .nola30-avatar-shell {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    flex-basis: 100px !important;
  }
  #sec-profile #nolaProfileHead #profileAvatarImg {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
  }
  #sec-profile #nolaProfileHead .nola30-profile-identity {
    padding-top: 0 !important;
  }
}

/* ===== nola37-contacts-css, исходная строка 5257 ===== */
#nolaPublicContacts {
  margin-top: 22px;
  padding-top: 15px;
  border-top: 1px solid #795b47;
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}
#nolaPublicContacts[hidden] {
  display: none !important;
}
#nolaPublicContacts h3 {
  flex: 0 0 100%;
  margin: 0 0 4px;
  color: #e9bd77;
}
#nolaPublicContacts a {
  display: inline-block;
  border: 1px solid #9d7956;
  border-radius: 7px;
  padding: 8px 12px;
  color: #f4d8b0;
  background: #37232e;
  text-decoration: none;
  overflow-wrap: anywhere;
}
#nolaPublicContacts a:hover {
  background: #593443;
}
#nolaSettingsDialog input[type="url"] {
  width: 100%;
  box-sizing: border-box;
}

/* ===== nola40-public-settings-css, исходная строка 5257 ===== */
#nola40AuthorPreferences {
  margin: 18px 0 0;
  padding: 15px 17px;
  border: 1px solid rgba(185, 153, 96, 0.42);
  border-radius: 10px;
  background: rgba(57, 39, 48, 0.28);
  color: var(--text, #ead0a9);
}
#nola40AuthorPreferences h4 {
  font-size: 18px;
  margin: 0 0 10px;
  color: var(--gold, #e2b879);
}
#nola40AuthorPreferences p {
  margin: 7px 0;
  line-height: 1.55;
}
#nola40AuthorPreferences .nola40-muted {
  font-size: 12px;
  opacity: 0.8;
}
#nola40AuthorPreferences strong {
  color: var(--gold, #e2b879);
}

/* ===== nola41-avatar-tab-css, исходная строка 5297 ===== */
#nolaFrameOpenBtn {
  display: none !important;
}
#nolaAvatarStudioInline #nolaFramePanel {
  width: 100%;
  max-height: none;
  overflow: visible;
  padding: 8px 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
#nolaAvatarStudioInline #nolaFrameTitle {
  display: none;
}
#nolaAvatarStudioInline .nola-frame-grid {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
#nolaSettingsTabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
#nolaSettingsDialog {
  max-height: 85dvh;
  overflow-y: auto;
}
#nolaAvatarStudioInline {
  min-width: 0;
}
#nolaAvatarStudioInline #nolaFramePreview {
  margin-inline: auto;
}

/* ===== nola43-frame-fix, исходная строка 5300 ===== */
#nolaAvatarStudioInline .nola-studio-tabs {
  display: flex !important;
  gap: 8px;
  flex-wrap: wrap;
  margin: 15px 0;
}
#nolaAvatarStudioInline .nola-studio-tabs button {
  border: 1px solid #a88a62;
  border-radius: 8px;
  background: #49303b;
  color: #f5d9b3;
  padding: 10px 14px;
  cursor: pointer;
}
#nolaAvatarStudioInline .nola-studio-tabs button[aria-selected="true"] {
  background: #c39a62;
  color: #21131a;
}
#nolaAvatarStudioInline .nola-studio-section[hidden] {
  display: none !important;
}
#nolaAvatarStudioInline .nola-frame-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
#nolaAvatarStudioInline .nola-frame-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-height: 170px !important;
}
#nolaAvatarStudioInline .nola-frame-sample {
  position: relative !important;
  width: 96px !important;
  height: 96px !important;
  overflow: visible !important;
  background: radial-gradient(circle, #664654 0 44%, #2b1b25 45% 50%, transparent 51%) !important;
  border-radius: 50%;
}
#nolaAvatarStudioInline .nola-frame-svg {
  position: absolute !important;
  inset: -6px !important;
  display: block !important;
  width: calc(100% + 12px) !important;
  height: calc(100% + 12px) !important;
  pointer-events: none;
  z-index: 2;
}
#nolaAvatarStudioInline .nola-frame-svg svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  overflow: visible !important;
}
#nolaAvatarStudioInline .nola-frame-avatar-photo {
  position: absolute;
  inset: 14%;
  width: 72%;
  height: 72%;
  border-radius: 50%;
  object-fit: cover;
  z-index: 1;
}
#nolaAvatarStudioInline .nola-frame-option span:not(.nola-frame-sample):not(.nola-frame-svg) {
  max-width: 100%;
}
#nolaAvatarStudioInline #nolaFramePreviewDecor svg,
.nola-avatar-ornament svg {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 520px) {
  #nolaAvatarStudioInline .nola-frame-grid {
    gap: 7px !important;
  }
  #nolaAvatarStudioInline .nola-frame-option {
    padding: 8px 4px !important;
  }
}

/* ===== nola49-avatar-single-shell, исходная строка 5431 ===== */
/* The decorative frame, image and identity share one profile header. */
#sec-profile #nolaProfileHead {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  position: relative !important;
  margin-top: -46px !important;
  padding: 0 18px 12px !important;
  min-height: 130px !important;
  overflow: visible !important;
  z-index: 10 !important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  flex: 0 0 128px !important;
  width: 128px !important;
  height: 128px !important;
  min-width: 128px !important;
  min-height: 128px !important;
  max-width: 128px !important;
  max-height: 128px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #281923 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  transform: none !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell::before,
#sec-profile #nolaProfileHead > .nola30-avatar-shell::after {
  content: none !important;
  display: none !important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 128px !important;
  height: 128px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: 92px !important;
  height: 92px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
  z-index: 2 !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 128px !important;
  height: 128px !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead > .nola30-profile-identity {
  padding-top: 0 !important;
  align-self: center !important;
  margin: 0 !important;
  min-width: 0 !important;
  flex: 1 !important;
}
#sec-profile #nolaProfileHead #nolaPremiumAvatarHolder {
  display: contents !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: none !important;
  border: 0 !important;
  background: none !important;
}
#sec-profile #nolaProfileHead #nolaPremiumAvatarMark {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 5 !important;
}
@media (max-width: 550px) {
  #sec-profile #nolaProfileHead {
    gap: 10px !important;
    margin-top: -40px !important;
    padding: 0 10px 12px !important;
    min-height: 110px !important;
  }
  #sec-profile #nolaProfileHead > .nola30-avatar-shell {
    flex-basis: 110px !important;
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    max-width: 110px !important;
    max-height: 110px !important;
  }
  #sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap,
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
    width: 110px !important;
    height: 110px !important;
  }
  #sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
    width: 80px !important;
    height: 80px !important;
  }
}

/* ===== nola53-avatar-fills-dark-circle, исходная строка 5475 ===== */
/* Portrait fills the old dark disk; ornament remains outside it. */
#sec-profile #nolaProfileHead > .nola30-avatar-shell,
#sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap {
  background: transparent !important;
  box-shadow: none !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  max-width: 132px !important;
  max-height: 132px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  border: 2px solid #b98a55 !important;
  z-index: 2 !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
  z-index: 1 !important;
}
@media (max-width: 550px) {
  #sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    max-width: 110px !important;
    max-height: 110px !important;
  }
}

/* ===== nola54-frame-outside-photo, исходная строка 5504 ===== */
/* Keep the approved 132px portrait, enlarge and center the ornament behind it. */
#sec-profile #nolaProfileHead > .nola30-avatar-shell,
#sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap {
  width: 184px !important;
  height: 184px !important;
  min-width: 184px !important;
  min-height: 184px !important;
  max-width: 184px !important;
  max-height: 184px !important;
  flex-basis: 184px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  transform: translate(-50%, -50%) !important;
  width: 184px !important;
  height: 184px !important;
  min-width: 184px !important;
  min-height: 184px !important;
  max-width: 184px !important;
  max-height: 184px !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
  display: block !important;
  width: 184px !important;
  height: 184px !important;
  max-width: none !important;
  max-height: none !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  max-width: 132px !important;
  max-height: 132px !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 3 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
@media (max-width: 550px) {
  #sec-profile #nolaProfileHead > .nola30-avatar-shell,
  #sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap {
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    max-width: 150px !important;
    max-height: 150px !important;
    flex-basis: 150px !important;
  }
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament,
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    max-width: 150px !important;
    max-height: 150px !important;
  }
  #sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    max-width: 108px !important;
    max-height: 108px !important;
  }
}

/* ===== nola55-fix-actual-avatar-wrapper, исходная строка 5549 ===== */
/* The same element is BOTH .nola30-avatar-shell and .nola-avatar-wrap.
   Center photo and ornament relative to that one element. */
#sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap {
  position: relative !important;
  display: block !important;
  width: 184px !important;
  height: 184px !important;
  min-width: 184px !important;
  min-height: 184px !important;
  max-width: 184px !important;
  max-height: 184px !important;
  flex: 0 0 184px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  overflow: visible !important;
  isolation: isolate !important;
}
#sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap > .nola-avatar-ornament {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 184px !important;
  height: 184px !important;
  min-width: 184px !important;
  min-height: 184px !important;
  max-width: 184px !important;
  max-height: 184px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap > .nola-avatar-ornament svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap > #profileAvatarImg {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  max-width: 132px !important;
  max-height: 132px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  z-index: 2 !important;
}
#sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap::after {
  display: none !important;
}
@media (max-width: 550px) {
  #sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap {
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    max-width: 150px !important;
    max-height: 150px !important;
    flex-basis: 150px !important;
  }
  #sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap > .nola-avatar-ornament {
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    max-width: 150px !important;
    max-height: 150px !important;
  }
  #sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap > #profileAvatarImg {
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    max-width: 108px !important;
    max-height: 108px !important;
  }
}

/* ===== nola56-blog, исходная строка 5589 ===== */
#nolaBlogNotice {
  margin: 10px 0;
  padding: 12px;
  border: 1px solid #a98557;
  border-radius: 8px;
  background: #2b1d26;
  color: #e8c78f;
}
#nolaBlogNotice button {
  display: block;
  margin-top: 8px;
  padding: 8px 12px;
  border: 1px solid #b99458;
  border-radius: 5px;
  color: #e8c78f;
}
.nola-blog-title {
  width: 100%;
  margin: 8px 0;
  padding: 10px;
  background: #241921;
  border: 1px solid #93764d;
  color: #f4d9a9;
}
.nola-blog-alert {
  padding: 12px;
  border-bottom: 1px solid #775d48;
  cursor: pointer;
}
.nola-blog-alert:hover {
  background: #48313a;
}

/* ===== nola57-works-css, исходная строка 5683 ===== */
#nola57works {
  max-width: 1210px;
  margin: 30px auto;
  padding: 26px;
  color: #f2d5a9;
  border: 1px solid #94724b;
  background: #211720;
  border-radius: 12px;
  min-height: 450px;
}
#nola57works h2 {
  font-size: 28px;
  color: #e5b76c;
  margin: 0 0 16px;
}
.nola57tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  border-bottom: 1px solid #765542;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.nola57tabs button,
.nola57action {
  border: 1px solid #987653;
  background: #49303b;
  color: #f2d5a9;
  border-radius: 7px;
  padding: 11px 16px;
  cursor: pointer;
  font: inherit;
}
.nola57tabs button[aria-selected="true"] {
  background: #c7a069;
  color: #20141a;
}
.nola57row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px;
  border: 1px solid #755342;
  border-radius: 9px;
  margin: 12px 0;
  background: #2a1d26;
}
.nola57row h3 {
  margin: 0 0 8px;
  color: #e9bd7d;
  font-size: 19px;
}
.nola57row p {
  margin: 5px 0;
  color: #ccb5a6;
}
.nola57row select,
.nola57sort {
  padding: 9px;
  background: #1b141b;
  color: #f2d5a9;
  border: 1px solid #9a764b;
  border-radius: 5px;
}
.nola57toolbar {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
@media (max-width: 640px) {
  #nola57works {
    padding: 15px;
    margin: 12px;
  }
  .nola57row {
    align-items: stretch;
    flex-direction: column;
  }
}

/* ===== nola61-publish-flight-style, исходная строка 5742 ===== */
#nola61-flight-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2147483647;
  overflow: hidden;
}
.nola61-flyer {
  position: fixed;
  display: block;
  line-height: 1;
  pointer-events: none;
  user-select: none;
  will-change: transform, opacity;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
  animation: nola61-flight var(--duration, 15s) cubic-bezier(0.42, 0, 0.58, 1) both;
  animation-delay: var(--delay, 0s);
}
@keyframes nola61-flight {
  0% {
    opacity: 0;
    transform: translate3d(0, 10px, 0) scale(0.65) rotate(-9deg);
  }
  18% {
    opacity: 1;
  }
  53% {
    opacity: 1;
    transform: translate3d(var(--mid-x), var(--mid-y), 0) scale(0.95)
      rotate(var(--mid-rotate, 0deg));
  }
  88% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
    transform: translate3d(var(--fly-x), var(--fly-y), 0) scale(var(--fly-scale, 1.15))
      rotate(var(--fly-rotate, 12deg));
  }
}
@media (prefers-reduced-motion: reduce) {
  .nola61-flyer {
    animation-duration: 0.7s !important;
    animation-delay: 0s !important;
  }
}

/* ===== nola77-library-style, исходная строка 6059 ===== */
.nola77-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 20px;
}
.nola77-btn {
  border: 1px solid #93724c;
  background: #2a1b25;
  color: #f0d6a5;
  padding: 9px 12px;
  border-radius: 7px;
  cursor: pointer;
  margin: 5px 5px 5px 0;
}
.nola77-btn:hover {
  background: #4c3040;
}
.nola77-entry {
  border: 1px solid #5d4050;
  border-radius: 9px;
  padding: 12px;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}
.nola77-entry small {
  color: #c9ad91;
}

/* ===== nola78-aristocrat-style, исходная строка 6067 ===== */
.nola78-stage {
  position: fixed;
  inset: 0;
  z-index: 99999;
  pointer-events: none;
  overflow: hidden;
}
.nola78-aristocrat {
  position: absolute;
  width: 112px;
  height: 152px;
  left: var(--nola78-x);
  top: var(--nola78-y);
  transform: translate(-50%, -55%) scale(0.45);
  opacity: 0;
  filter: drop-shadow(0 7px 15px #000b);
  animation: nola78-entrance 3.4s ease-in-out forwards;
}
.nola78-aristocrat svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.nola78-cloak-left {
  transform-origin: 51px 57px;
  animation: nola78-cloak-l 3.4s ease-in-out forwards;
}
.nola78-cloak-right {
  transform-origin: 61px 57px;
  animation: nola78-cloak-r 3.4s ease-in-out forwards;
}
.nola78-bat {
  position: absolute;
  left: var(--nola78-x);
  top: var(--nola78-y);
  font-size: 23px;
  opacity: 0;
  animation: nola78-bat-flight 2.1s ease-out forwards;
  animation-delay: var(--nola78-delay);
  filter: drop-shadow(0 3px 5px #000);
}
@keyframes nola78-entrance {
  0% {
    opacity: 0;
    transform: translate(-50%, -30%) scale(0.4);
  }
  20% {
    opacity: 1;
    transform: translate(-50%, -60%) scale(0.85);
  }
  45%,
  67% {
    opacity: 1;
    transform: translate(-50%, -70%) scale(1);
  }
  90% {
    opacity: 0.7;
    transform: translate(-50%, -75%) scale(0.85);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -85%) scale(0.5);
  }
}
@keyframes nola78-cloak-l {
  0%,
  35% {
    transform: rotate(0);
  }
  70%,
  100% {
    transform: rotate(26deg);
  }
}
@keyframes nola78-cloak-r {
  0%,
  35% {
    transform: rotate(0);
  }
  70%,
  100% {
    transform: rotate(-26deg);
  }
}
@keyframes nola78-bat-flight {
  0% {
    opacity: 0;
    transform: translate(0, 0) scale(0.25) rotate(0);
  }
  18% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
    transform: translate(var(--nola78-dx), var(--nola78-dy)) scale(1.1) rotate(var(--nola78-rot));
  }
}
@media (prefers-reduced-motion: reduce) {
  .nola78-stage {
    display: none;
  }
}

/* ===== nola88-received-gifts-style, исходная строка 6126 ===== */
.n88-wrap {
  background: linear-gradient(130deg, #21121c, #110d14 65%, #291822);
  border: 1px solid #977044;
  border-radius: 12px;
  color: #efdbc0;
  padding: 19px;
  margin: 20px 0;
  font-family: Georgia, serif;
  box-shadow: 0 12px 28px #0004;
}
.n88-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  border-bottom: 1px solid #89663b77;
  padding-bottom: 12px;
  margin-bottom: 13px;
}
.n88-top h3 {
  margin: 0;
  color: #f2cf89;
  font-size: 22px;
}
.n88-small {
  font-size: 12px;
  color: #c6a989;
}
.n88-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 16px;
}
.n88-btn {
  border: 1px solid #a17b4a;
  border-radius: 6px;
  padding: 9px 12px;
  background: #492535;
  color: #f6dcac;
  font:
    14px Georgia,
    serif;
  cursor: pointer;
}
.n88-btn:hover,
.n88-btn[aria-selected="true"] {
  background: #7a3d48;
  border-color: #e0bb7e;
}
.n88-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
  gap: 12px;
}
.n88-card {
  background: linear-gradient(#271a23, #120e15);
  border: 1px solid #876b4d;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  color: #f0d8b7;
  text-align: left;
  padding: 0;
  min-width: 0;
  font-family: Georgia, serif;
}
.n88-card:hover {
  transform: translateY(-2px);
  border-color: #e0b56d;
}
.n88-card.rare {
  border-color: #a87c52;
}
.n88-card.epic {
  border-color: #9869b7;
  box-shadow: inset 0 0 12px #683a8d30;
}
.n88-card.legendary {
  border-color: #dbb354;
  box-shadow: 0 0 14px #dbb35430;
}
.n88-img {
  width: 100%;
  aspect-ratio: 1.3;
  object-fit: cover;
  display: block;
  background: #130c13;
}
.n88-emoji {
  display: grid;
  place-items: center;
  aspect-ratio: 1.3;
  font-size: 46px;
  background: radial-gradient(circle, #543043, #1b1019 75%);
}
.n88-card-body {
  padding: 9px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.n88-card-name {
  font-size: 13px;
  line-height: 1.3;
  min-height: 32px;
}
.n88-tag {
  font-size: 11px;
  color: #d7ad72;
}
.n88-count {
  font-size: 12px;
  color: #e9ca92;
  font-weight: bold;
}
.n88-foot {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-top: 13px;
}
.n88-shade {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  background: #09060bdc;
  display: grid;
  place-items: center;
  padding: 14px;
}
.n88-modal {
  width: min(720px, 100%);
  max-height: 90vh;
  overflow: auto;
  border: 2px solid #a9814d;
  background: #1d121c;
  color: #f1ddbf;
  border-radius: 12px;
  padding: 20px;
  font-family: Georgia, serif;
}
.n88-detail {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.n88-detail img {
  width: 210px;
  max-width: 100%;
  border: 1px solid #aa854b;
  border-radius: 8px;
}
.n88-floating {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 8000;
  box-shadow: 0 5px 20px #0009;
}
.n88-muted {
  font-size: 12px;
  color: #bfa78b;
  margin-top: 12px;
}
@media (max-width: 550px) {
  .n88-wrap {
    padding: 12px;
  }
  .n88-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .n88-card-name {
    font-size: 12px;
  }
  .n88-top h3 {
    font-size: 18px;
  }
  .n88-floating {
    font-size: 12px;
    padding: 8px;
  }
}

/* ===== n91-awards-style, исходная строка 6197 ===== */
.n91-awards .n91-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 12px;
  margin: 16px 0;
}
.n91-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 15px 8px;
  border: 1px solid var(--award-color, #b28d60);
  border-radius: 12px;
  background: radial-gradient(circle at 50% 0%, #463041, #1d141c 75%);
  color: #ead1ac;
  cursor: pointer;
  min-height: 170px;
  font-family: inherit;
}
.n91-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 16px #a67c5344;
}
.n91-medal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 5px double var(--award-color, #c9a369);
  color: var(--award-color, #c9a369);
  font-size: 42px;
  background: radial-gradient(circle, #493540, #100c12);
  box-shadow:
    inset 0 0 12px #000,
    0 0 12px #0008;
  text-shadow: 0 0 12px currentColor;
}
.n91-large {
  margin: 12px auto;
  width: 100px;
  height: 100px;
  font-size: 60px;
}
.n91-name {
  font-size: 13px;
  text-align: center;
  font-weight: 700;
}
.n91-count {
  font-size: 12px;
  color: #c3a887;
}
.n91-pick {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}

/* ===== исходная строка 6206 ===== */
.n96-stat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #846241;
  border-radius: 7px;
  background: #2b1b25;
  padding: 8px 11px;
  color: #edce9d;
  font-size: 13px;
}
.n96-award {
  border: 1px solid #846241;
  border-radius: 8px;
  background: #2b1b25;
  padding: 9px 12px;
  color: #f1d3aa;
  max-width: 180px;
}

/* ===== n97-compact-awards-style, исходная строка 6228 ===== */
.n91-awards {
  display: none !important;
}
#n96StorySummary {
  display: none !important;
}
#n97AwardsPanel {
  display: none;
  position: fixed;
  z-index: 2147483000;
  top: calc(100% + 8px);
  left: 0;
  width: min(340px, calc(100vw - 40px));
  max-height: 290px;
  overflow-y: auto;
  box-shadow: 0 14px 45px #000b;
  margin: 0;
  padding: 12px;
  background: linear-gradient(135deg, #23151e, #120d14);
  border: 1px solid #8e6946;
  border-radius: 12px;
  color: #e7c99c;
  font-family: Georgia, serif;
}
#n97AwardsPanel .n97-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
#n97AwardsPanel .n97-head button:nth-of-type(1) {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 15px !important;
  font-weight: bold !important;
  padding: 12px 18px !important;
  background: #754052 !important;
}
#n97AwardsPanel .n97-head button:nth-of-type(2) {
  padding: 6px 9px !important;
}
#n97AwardsPanel button {
  background: #54303b;
  color: #f1d5a3;
  border: 1px solid #b18a56;
  border-radius: 7px;
  padding: 9px 15px;
  cursor: pointer;
}
#n97AwardsPanel button:hover {
  background: #723e4c;
}
#n97AwardsPanel .n97-awards {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 12px;
}
#n97AwardsPanel .n97-item {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid #65475a;
  border-radius: 8px;
  background: #2a1b28;
  font-size: 13px;
}
#n97AwardsPanel .n97-icon {
  font-size: 22px;
  color: #d7ae66;
}
#n97AwardsPanel .n97-muted {
  color: #baa38d;
  font-size: 13px;
  margin-top: 9px;
}
#n97AwardsPanel .n97-form {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}
#n97AwardsPanel input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  background: #160f18;
  border: 1px solid #95734c;
  border-radius: 6px;
  color: #f4dcc0;
}
#n97AwardsPanel .n97-choices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 9px;
}
#n97AwardsPanel .n97-choices button {
  text-align: left;
}
@media (max-width: 500px) {
  #n97AwardsPanel {
    left: auto;
    right: 0;
    width: min(320px, calc(100vw - 30px));
  }
}
#n97AwardsPanel .n101-notes {
  font-size: 12px;
  color: #d7bea1;
  margin-top: 10px;
}
#n97AwardsPanel .n101-notes p {
  border-top: 1px solid #604353;
  padding-top: 8px;
  margin-top: 8px;
  overflow-wrap: anywhere;
}

/* ===== n98-award-modal-style, исходная строка 6246 ===== */
#n98AwardDialog {
  font-family: Georgia, serif !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
}
#n98AwardDialog .n97-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
#n98AwardDialog .n97-head h3 {
  margin: 0;
  font-size: 25px;
  color: #f0c985;
}
#n98AwardDialog button {
  background: #57303d;
  color: #f5dfbc;
  border: 1px solid #ad8151;
  border-radius: 9px;
  padding: 12px 16px;
  cursor: pointer;
  font: inherit;
}
#n98AwardDialog button:hover {
  background: #754153;
}
#n98AwardDialog .n97-muted {
  color: #d5b99b;
  margin: 12px 0 18px;
}
#n98AwardDialog .n97-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}
#n98AwardDialog .n97-choices button {
  text-align: left;
  min-height: 58px;
}
#n98AwardDialog .n97-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#n98AwardDialog textarea {
  display: block;
  width: 100%;
  min-height: 160px;
  box-sizing: border-box;
  resize: vertical;
  background: #130d15;
  border: 1px solid #a68156;
  border-radius: 9px;
  padding: 16px;
  color: #f5e4ce;
  font:
    17px/1.6 Georgia,
    serif;
}
#n98AwardDialog textarea:focus {
  outline: 2px solid #e1b77b;
  outline-offset: 2px;
}
#n98AwardDialog .n97-form > button {
  align-self: flex-end;
  min-width: 210px;
  background: #793c4b;
}
@media (max-width: 600px) {
  #n98AwardDialog {
    padding: 16px !important;
    font-size: 15px !important;
  }
  #n98AwardDialog .n97-choices {
    grid-template-columns: 1fr;
  }
  #n98AwardDialog .n97-head h3 {
    font-size: 21px;
  }
  #n98AwardDialog .n97-form > button {
    width: 100%;
  }
}

/* ===== n100-compact-gifts, исходная строка 6274 ===== */
#n100DropsStat {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.n100-gifts {
  max-width: 650px;
  margin: 14px auto 24px;
  border: 1px solid #674a36;
  border-radius: 9px;
  color: #e0bd8b;
  background: #1a1119;
  font-family: Georgia, serif;
}
.n100-gifts > summary {
  cursor: pointer;
  padding: 10px 16px;
  font-size: 13px;
  list-style-position: inside;
}
.n100-gifts > summary:hover {
  background: #2a1922;
}
.n100-gift-count {
  opacity: 0.8;
  font-size: 12px;
}
.n100-gift-inner {
  border-top: 1px solid #674a36;
  padding: 12px 16px;
  display: grid;
  gap: 12px;
}
.n100-gift-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.n100-gift-actions select {
  max-width: 100%;
}

/* ===== n102-style, исходная строка 6301 ===== */
#n98AwardDialog .n102-label {
  display: block;
  color: #e6c08a;
  font-size: 16px;
  font-weight: bold;
}
#n98AwardDialog textarea {
  min-height: 180px !important;
}
#n98AwardDialog .n97-choices button {
  white-space: normal;
}

/* ===== n103-award-labels, исходная строка 6301 ===== */
#n98AwardDialog .n97-choices .n103-choice {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  text-align: left !important;
  min-height: 100px !important;
  padding: 14px 18px !important;
}
#n98AwardDialog .n103-symbol {
  display: grid;
  place-items: center;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border: 2px solid #c9a16c;
  border-radius: 50%;
  background: radial-gradient(circle, #583448, #1a111a);
  color: #f0c88b;
  font-size: 28px;
}
#n98AwardDialog .n103-choice-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
#n98AwardDialog .n103-choice-text strong {
  font-size: 17px;
  color: #f3d4a5;
}
#n98AwardDialog .n103-choice-text small {
  font-size: 13px;
  color: #e2c7ac;
  line-height: 1.35;
}
#n97AwardsPanel .n103-award-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
#n97AwardsPanel .n103-award-info small {
  font-size: 11px;
  color: #cbb399;
  line-height: 1.3;
}
#n97AwardsPanel .n97-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 600px) {
  #n98AwardDialog .n97-choices .n103-choice {
    min-height: 76px !important;
  }
}

/* ===== n104-blood-bag-css, исходная строка 6311 ===== */
#n100DropsStat.n104-blood-stat {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 3px 13px 3px 7px;
  border: 1px solid #7b3038;
  border-radius: 7px;
  color: #e9c88e;
  background: linear-gradient(120deg, #1e1119, #120b11);
  font:
    13px Georgia,
    serif;
  white-space: nowrap;
  min-height: 45px;
}
.n104-bag {
  display: inline-flex;
  width: 35px;
  height: 46px;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 1px 3px #6d1424);
}
#n104BloodFill {
  transition:
    y 0.7s ease,
    height 0.7s ease;
}
#n104BloodWave {
  transition: transform 0.7s ease;
}
.n104-blood-label strong {
  color: #f1d2a2;
  font-weight: 700;
  margin-left: 3px;
}
@media (prefers-reduced-motion: reduce) {
  #n104BloodFill,
  #n104BloodWave {
    transition: none !important;
  }
}

/* ===== n105-comments-style, исходная строка 6339 ===== */
.n105-comment-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 10px;
}
.n105-delete-comment {
  display: inline-block;
  margin-top: 8px;
  color: #db9b9b;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.n105-delete-comment:hover {
  color: #ffb7b7;
}

/* ===== n106-profile-awards-style, исходная строка 6340 ===== */
#nolaProfileContent [data-panel="awards"] .n106-award-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 14px 0 18px;
}
#nolaProfileContent [data-panel="awards"] .n106-award-tabs button {
  border: 1px solid #8d6852;
  border-radius: 7px;
  background: #2a1b26;
  color: #ebc995;
  padding: 9px 16px;
  cursor: pointer;
}
#nolaProfileContent [data-panel="awards"] .n106-award-tabs button[aria-selected="true"] {
  background: #68404d;
  color: #ffe4ac;
}
#nolaProfileContent [data-panel="awards"] .n106-award-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  border: 1px solid #74513e;
  background: linear-gradient(120deg, #2c1d29, #1b141d);
  border-radius: 11px;
  padding: 15px;
  margin: 12px 0;
  color: #ecd1ad;
}
#nolaProfileContent [data-panel="awards"] .n106-award-symbol {
  width: 66px;
  height: 66px;
  flex: 0 0 66px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: radial-gradient(circle, #603943, #1b101a);
  border: 1px solid #a57b58;
  color: #f4cc8c;
  font-size: 32px;
}
#nolaProfileContent [data-panel="awards"] .n106-award-copy {
  min-width: 0;
  flex: 1;
}
#nolaProfileContent [data-panel="awards"] .n106-award-copy strong {
  font-size: 18px;
  color: #ffdfa5;
  display: block;
}
#nolaProfileContent [data-panel="awards"] .n106-award-copy p {
  margin: 5px 0;
  overflow-wrap: anywhere;
}
#nolaProfileContent [data-panel="awards"] .n106-award-copy small {
  color: #bfa58e;
}
#nolaProfileContent [data-panel="awards"] .n106-award-work {
  border: 0;
  background: transparent;
  color: #eabf7e;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  font: inherit;
}
@media (max-width: 560px) {
  #nolaProfileContent [data-panel="awards"] .n106-award-card {
    gap: 10px;
    padding: 10px;
  }
  #nolaProfileContent [data-panel="awards"] .n106-award-symbol {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    font-size: 24px;
  }
}

/* ===== n107-comment-awards-style, исходная строка 6408 ===== */
.n107-award-comment {
  font-size: 12px;
  color: #e9c47e;
  text-decoration: underline;
  margin-right: 14px;
}
.n107-shade {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.76);
  z-index: 2147483640;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.n107-modal {
  width: min(560px, 100%);
  max-height: 90vh;
  overflow: auto;
  border: 1px solid #bc9658;
  border-radius: 14px;
  background: #251722;
  color: #e7c69a;
  padding: 24px;
  box-shadow: 0 12px 50px #000;
}
.n107-modal h2 {
  font-size: 23px;
  margin-bottom: 14px;
}
.n107-modal p {
  margin: 10px 0;
}
.n107-modal blockquote {
  border-left: 2px solid #9b6676;
  padding: 10px 14px;
  background: #160f18;
  max-height: 110px;
  overflow: auto;
  white-space: pre-wrap;
}
.n107-modal label {
  display: block;
  margin: 16px 0 12px;
}
.n107-modal textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 120px;
  margin-top: 8px;
  padding: 12px;
  background: #130e16;
  border: 1px solid #997650;
  color: #fff;
  resize: vertical;
}
.n107-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.n107-actions button {
  padding: 10px 16px;
  border: 1px solid #bd9564;
  border-radius: 6px;
  background: #59313e;
  color: #ffe2aa;
  cursor: pointer;
}

/* ===== n111-day-reader-actions-contrast, исходная строка 6417 ===== */
/* NOVA 111: reader actions must be readable in the light theme. */
body[data-site-theme="day"] #sec-reader #n93AwardCounter,
body[data-site-theme="day"] #sec-reader #readerBookmarkBtn {
  background: #e8e6e3 !important;
  color: #4a4146 !important;
  border: 2px solid #665b60 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  box-shadow: 0 2px 5px #73502d22 !important;
}
body[data-site-theme="day"] #sec-reader #kudosBtn {
  background: linear-gradient(120deg, #4a4146, #665b60) !important;
  color: #f3f0ec !important;
  border: 2px solid #665b60 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}
body[data-site-theme="day"] #sec-reader #kudosBtn [data-kudos-label],
body[data-site-theme="day"] #sec-reader #kudosBtn #readerKudos {
  color: #f3f0ec !important;
}
body[data-site-theme="day"] #sec-reader #readerKudos {
  background: #4a4146 !important;
  border-radius: 4px !important;
}
body[data-site-theme="day"] #sec-reader #n93AwardCounter:hover,
body[data-site-theme="day"] #sec-reader #readerBookmarkBtn:hover {
  background: #a99da2 !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #sec-reader #kudosBtn:hover {
  background: #4a4146 !important;
}
body[data-site-theme="day"] #sec-reader #readerComments + button,
body[data-site-theme="day"] #sec-reader button[onclick="postStoryComment()"] {
  background: #4a4146 !important;
  color: #f3f0ec !important;
  border: 1px solid #4a4146 !important;
  font-weight: 700 !important;
  padding: 11px 17px !important;
  border-radius: 5px !important;
}
body[data-site-theme="day"] #sec-reader #n100GiftDetails > summary {
  background: #e8e6e3 !important;
  color: #4a4146 !important;
  border: 1px solid #665b60 !important;
  font-weight: 700 !important;
}
body[data-site-theme="day"] #sec-reader #n104DropsStat,
body[data-site-theme="day"] #sec-reader #n100DropsStat {
  color: #4a4146 !important;
  font-weight: 700 !important;
}

/* ===== n113-day-comment-controls, исходная строка 6446 ===== */
/* NOVA 113 — readable warm brown comment controls, day mode only. */
/* Superseded reader button style: unified cool day palette */
/* Superseded reader button style: unified cool day palette */
body[data-site-theme="day"] #sec-reader .n105-delete-comment,
body[data-site-theme="day"] #sec-reader .n105-comment-actions .n105-delete-comment {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: #e8e6e3 !important;
  color: #4a4146 !important;
  border: 1px solid #665b60 !important;
  border-radius: 5px !important;
  padding: 6px 10px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}
body[data-site-theme="day"] #sec-reader .n105-delete-comment:hover {
  background: #a99da2 !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #sec-reader #readerComments article,
body[data-site-theme="day"] #sec-reader #readerComments .bg-nolaDark {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border-color: #a99da2 !important;
}
body[data-site-theme="day"] #sec-reader #readerComments article strong,
body[data-site-theme="day"] #sec-reader #readerComments article span,
body[data-site-theme="day"] #sec-reader #readerComments article p {
  color: #4a4146 !important;
}
body[data-site-theme="day"] #sec-reader #n96Comments,
body[data-site-theme="day"] #sec-reader [id*="CommentCount"],
body[data-site-theme="day"] #sec-reader [id*="commentCount"],
body[data-site-theme="day"] #sec-reader [data-comment-count] {
  background: #e8e6e3 !important;
  color: #4a4146 !important;
  border: 1px solid #665b60 !important;
  border-radius: 5px !important;
  padding: 3px 8px !important;
  font-weight: 700 !important;
}

/* ===== n114-force-brown-reader-comments, исходная строка 6481 ===== */
/* NOVA 114: actual button, statistics badge and delete action in day mode. */
/* Superseded reader button style: unified cool day palette */
/* Superseded reader button style: unified cool day palette */
body[data-site-theme="day"] #sec-reader .n96-stat,
body[data-site-theme="day"] #sec-reader .n96-stat b,
body[data-site-theme="day"] #sec-reader #n96Comments {
  background: #e8e6e3 !important;
  background-image: none !important;
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  border-color: #665b60 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}
body[data-site-theme="day"] #sec-reader .n105-delete-comment,
body[data-site-theme="day"] #sec-reader button.n105-delete-comment {
  display: inline-block !important;
  background: #665b60 !important;
  background-image: none !important;
  color: #f3f0ec !important;
  -webkit-text-fill-color: #f3f0ec !important;
  border: 1px solid #4a4146 !important;
  border-radius: 5px !important;
  padding: 7px 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body[data-site-theme="day"] #sec-reader .n105-delete-comment:hover {
  background: #4a4146 !important;
}
body[data-site-theme="day"]
  #sec-reader
  #readerComments
  .n105-comment-actions
  button:not(.n105-delete-comment) {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}

/* ===== n115-day-brown-kudos, исходная строка 6511 ===== */
/* NOVA 115 — brown like action in day theme, independent of active state. */
/* Superseded reader button style: unified cool day palette */
/* Superseded reader button style: unified cool day palette */
/* Superseded reader button style: unified cool day palette */
/* Superseded reader button style: unified cool day palette */
/* Superseded reader button style: unified cool day palette */

/* ===== n116-day-brown-blood-bag, исходная строка 6534 ===== */
/* NOVA 116: change the blood-bag shell (not its red blood fill) only in daylight. */
body[data-site-theme="day"] #sec-reader #n100DropsStat.n104-blood-stat {
  background: #e8e6e3 !important;
  border: 2px solid #665b60 !important;
  color: #4a4146 !important;
  box-shadow: 0 2px 5px rgba(91, 57, 31, 0.15) !important;
}
body[data-site-theme="day"] #sec-reader #n100DropsStat .n104-blood-label,
body[data-site-theme="day"] #sec-reader #n100DropsStat .n104-blood-label strong {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}
body[data-site-theme="day"] #sec-reader #n100DropsStat .n104-bag {
  filter: drop-shadow(0 1px 2px rgba(98, 55, 27, 0.35)) !important;
}
body[data-site-theme="day"] #sec-reader #n100DropsStat .n104-bag svg > path:nth-of-type(2) {
  fill: #4a4146 !important;
  stroke: #4a4146 !important;
}
body[data-site-theme="day"] #sec-reader #n100DropsStat .n104-bag svg > path:first-of-type {
  fill: #4a4146 !important;
  stroke: #4a4146 !important;
}
body[data-site-theme="day"] #sec-reader #n100DropsStat .n104-bag svg > path:nth-of-type(3) {
  stroke: #f3f0ec !important;
}

/* ===== n117-day-profile-warm-brown, исходная строка 6548 ===== */
/* NOVA 117: recolor the actual profile wrapper, rather than only the section. */
body[data-site-theme="day"] #sec-profile > .bg-nolaCard {
  background: #4a4146 !important;
  background-color: #4a4146 !important;
  color: #f3f0ec !important;
  border-color: #665b60 !important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileHead {
  background: transparent !important;
  color: #f3f0ec !important;
}
body[data-site-theme="day"]
  #sec-profile
  #nolaProfileHead
  :is(h1, h2, h3, h4, p, span, small, strong, label),
body[data-site-theme="day"] #sec-profile #nolaProfileHead [id*="Name"],
body[data-site-theme="day"] #sec-profile #nolaProfileHead [id*="Gender"],
body[data-site-theme="day"] #sec-profile #profileUsername,
body[data-site-theme="day"] #sec-profile #profileDisplayName,
body[data-site-theme="day"] #sec-profile #profileDetails {
  color: #f3f0ec !important;
  -webkit-text-fill-color: #f3f0ec !important;
  text-shadow: 0 1px 2px #4a4146 !important;
  opacity: 1 !important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileHead .text-nolaMuted {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileContent {
  background: #f3f0ec !important;
  color: #4a4146 !important;
}

/* ===== nova118-gift-hub-style, исходная строка 6566 ===== */
#novaGiftHub {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(8, 5, 8, 0.83);
  padding: 18px;
}
#novaGiftHub.open {
  display: flex;
}
#novaGiftHub .ng-panel {
  width: min(570px, 100%);
  background: linear-gradient(155deg, #31211d, #150e14);
  border: 2px solid #a7814a;
  border-radius: 17px;
  color: #f3dbb4;
  padding: 25px;
  box-shadow: 0 25px 75px #000a;
  max-height: 90vh;
  overflow: auto;
}
#novaGiftHub h2 {
  font:
    normal 29px Georgia,
    serif;
  color: #edca83;
  margin: 0 0 8px;
}
#novaGiftHub p {
  font:
    16px Georgia,
    serif;
  line-height: 1.5;
}
#novaGiftHub .ng-actions {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}
#novaGiftHub button {
  border: 1px solid #b18b55;
  border-radius: 10px;
  background: #442b29;
  color: #ffe6b8;
  padding: 15px;
  text-align: left;
  cursor: pointer;
  font:
    17px Georgia,
    serif;
}
#novaGiftHub button:hover {
  background: #624038;
}
#novaGiftHub .ng-close {
  float: right;
  padding: 6px 12px;
}
body.day #novaGiftHub .ng-panel {
  background: #f3e4d1;
  color: #513427;
}
body.day #novaGiftHub h2 {
  color: #78401c;
}
body.day #novaGiftHub button {
  background: #e4c8a4;
  color: #50311d;
}

/* ===== nova133-readable-typography, исходная строка 6578 ===== */
/* NOVA 133: increase compact functional text without changing theme colors or decorative icons. */
body {
  font-size: 18px !important;
}
body :is(.text-xs, .text-\[10px\], .text-\[11px\], .text-\[12px\], .text-\[13px\], .text-\[14px\]) {
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}
body :is(.text-sm, .text-\[15px\]) {
  font-size: 18px !important;
  line-height: 1.55 !important;
}
body :is(button, input, select, textarea, summary) {
  font-size: 17px !important;
  line-height: 1.5;
}
body :is(button, summary) {
  font-weight: 600 !important;
}
body :is(label, small) {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
/* Content-heavy sections: rules, work cards and request cards. */
body :is(#sec-rules, #sec-catalog, #nola19-requests, #sec-reader, #sec-profile) :is(p, li, dd, dt) {
  font-size: 18px;
  line-height: 1.65;
}
body :is(#sec-rules, #sec-catalog, #nola19-requests) :is(.text-xs, .text-sm, small) {
  font-size: 17px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}
body #nola19-requests :is(.n19card, .n19tags) {
  line-height: 1.6;
}
/* Retain icon dimensions and do not enlarge numeric indicators or badges indiscriminately. */
body :is(svg, i.lucide, .lucide) {
  font-size: inherit;
}
@media (max-width: 640px) {
  body :is(button, input, select, textarea) {
    font-size: 16px !important;
  }
  body :is(#sec-rules, #sec-catalog, #nola19-requests) :is(p, li) {
    font-size: 17px;
  }
}

/* ===== nova134-soft-text-palette, исходная строка 6595 ===== */
/* Gentle, readable text palette. Preserve specialized contrast rules for cards, badges, and controls. */
body[data-site-theme="day"] {
  --n134-text: #4a4146;
  --n134-muted: #665b60;
  --n134-paper: #f3f0ec;
}
body[data-site-theme="night"] {
  --n134-text: #e8e1d7;
  --n134-muted: #c7bbad;
  --n134-paper: #29232a;
}
/* Set the main document text only; avoid overwriting colored panels and their descendants. */
body[data-site-theme="day"] :is(main, article) {
  color: var(--n134-text);
}
body[data-site-theme="night"] :is(main, article) {
  color: var(--n134-text);
}
/* Standard content areas and quiet metadata, excluding bespoke contrast-managed panels. */
body[data-site-theme="day"] :is(#sec-rules, #sec-catalog) :is(p, li, dd, dt) {
  color: #4a4146;
}
body[data-site-theme="night"] :is(#sec-rules, #sec-catalog) :is(p, li, dd, dt) {
  color: #e8e1d7;
}
body[data-site-theme="day"] :is(#sec-rules, #sec-catalog) :is(small, .text-nolaMuted) {
  color: #4a4146;
}
body[data-site-theme="night"] :is(#sec-rules, #sec-catalog) :is(small, .text-nolaMuted) {
  color: #c7bbad;
}
/* Inputs should use muted ink on their own backgrounds, not inherit panel colors. */
body[data-site-theme="day"] :is(#sec-rules, #sec-catalog) :is(input, textarea, select) {
  color: #4a4146;
}
body[data-site-theme="night"] :is(#sec-rules, #sec-catalog) :is(input, textarea, select) {
  color: #e8e1d7;
}
/* Do not change the approved NOVA 130-132 request, treasury and gift color schemes. */


/* === Cool beige-brown daylight palette — based ONLY on NOVA_test2_audit_fixed(1).zip ===
   Day-scoped overrides. Night and system mode styles remain untouched. */
body[data-site-theme="day"] {
  --page: #e8e6e3;
  --panel: #f3f0ec;
  --ink: #4a4146;
  --muted: #665b60;
  --accent: #a99da2;
  --n134-text: #4a4146;
  --n134-muted: #665b60;
  --n134-paper: #f3f0ec;
  background-color: var(--page) !important;
  color: var(--ink) !important;
}
body[data-site-theme="day"] :is(.bg-nolaDark, .bg-nolaCard, .book-card) {
  background-color: var(--panel) !important;
}
body[data-site-theme="day"] :is(.text-nolaText, .text-nolaMuted) {
  color: var(--ink) !important;
}
body[data-site-theme="day"] .text-nolaGold {
  color: var(--accent) !important;
}
body[data-site-theme="day"] :is(input, textarea, select, #readerBox) {
  background-color: #f3f0ec !important;
  color: #4a4146 !important;
  border-color: #a99da2 !important;
}
body[data-site-theme="day"] :is(input, textarea)::placeholder {
  color: #4a4146 !important;
}
body[data-site-theme="day"] :is(header, header.sticky, body > header) {
  background-color: #e8e6e3 !important;
  background-image: none !important;
  border-color: #a99da2 !important;
  box-shadow: 0 4px 18px rgba(52, 42, 36, .10) !important;
}
body[data-site-theme="day"] header :is(nav button:not(#nav-publish), nav span, [data-i18n^="nav"], .text-nolaGold, .text-nolaMuted) {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}
body[data-site-theme="day"] header nav button:not(#nav-publish):is(:hover, :focus-visible),
body[data-site-theme="day"] header #nav-home {
  background-color: #e8e6e3 !important;
}
body[data-site-theme="day"] :is(#siteTheme, #langSelect) {
  background-color: #f3f0ec !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] :is(#sec-rules, #sec-catalog) :is(p, li, dd, dt) {
  color: #4a4146;
}
body[data-site-theme="day"] :is(#sec-rules, #sec-catalog) :is(small, .text-nolaMuted) {
  color: #4a4146;
}
/* Preserve approved burgundy action buttons, bespoke badges, and request/treasury cards. */

/* Cool taupe / ash-brown harmonization: DAY ONLY. No markup or scripts changed. */
body[data-site-theme="day"] {
  --page:#e8e6e3; --panel:#f3f0ec; --ink:#4a4146;
  --muted:#665b60; --accent:#a99da2;
  --n134-text:#4a4146; --n134-muted:#665b60;
}
body[data-site-theme="day"] #nola19-requests { color:#4a4146 !important; }
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) {
  background:#4a4146 !important; border-color:#665b60 !important;
  color:#f3f0ec !important;
}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(h2,h3,h4,label) {
  color:#f3f0ec !important;
}
body[data-site-theme="day"] #nola19-requests .n19muted {color:#4a4146 !important;}
body[data-site-theme="day"] #nola19-requests .n19tags span {
  background:#665b60 !important; color:#f3f0ec !important;
}
body[data-site-theme="day"] #nola19-requests .n19notice {
  background:#e8e6e3 !important; color:#4a4146 !important; border-color:#a99da2 !important;
}
body[data-site-theme="day"] #nola19-requests button {
  background:#e8e6e3 !important; color:#4a4146 !important; border-color:#a99da2 !important;
}
body[data-site-theme="day"] #nola19-requests button:hover {background:#e8e6e3 !important;}
body[data-site-theme="day"] #nola19-requests :is(button[aria-pressed="true"],.primary) {
  background:#665b60 !important; color:#f3f0ec !important; border-color:#a99da2 !important;
}
body[data-site-theme="day"] #nola19-requests :is(input,select,textarea) {
  background:#f3f0ec !important; color:#4a4146 !important; border-color:#a99da2 !important;
}
body[data-site-theme="day"] #nola19-requests :is(input,textarea)::placeholder {color:#4a4146 !important;}
body[data-site-theme="day"] #nola19-requests .n19editor :is(input,select,textarea) {background:#f3f0ec !important;}
body[data-site-theme="day"] #nola19-requests .n19card :is(p,small) {color:#f3f0ec;}
body[data-site-theme="day"] :is(.text-nolaGold,.text-nolaMuted) {color:#4a4146 !important;}
body[data-site-theme="day"] :is(.border-nolaGold,.border-nolaGold\/40) {border-color:#a99da2 !important;}
body[data-site-theme="day"] :is(#sec-rules,#sec-catalog) :is(p,li,dd,dt) {color:#4a4146 !important;}
body[data-site-theme="day"] header {border-color:#a99da2 !important;}
/* Preserve burgundy action colors and the entire night theme. */

/* === Unified cool taupe DAY palette: all application sections === */
body[data-site-theme="day"] {
 --day-paper:#f3f0ec; --day-base:#e8e6e3; --day-panel:#e8e6e3;
 --day-deep:#4a4146; --day-deep2:#665b60; --day-ink:#4a4146;
 --day-muted:#665b60; --day-border:#a99da2; --day-light:#f3f0ec;
 --page:var(--day-base);--panel:var(--day-paper);--ink:var(--day-ink);
 --muted:var(--day-muted);--accent:#a99da2;
 background:var(--day-base)!important;color:var(--day-ink)!important;
}
/* Replace warm panels in all sections, including dynamically rendered cards. */
body[data-site-theme="day"] :is(main,section,article,.card,.panel,.book-card,.n19notice) {border-color:var(--day-border);}
body[data-site-theme="day"] :is(.bg-nolaDark,.bg-nolaCard,.book-card) {background-color:var(--day-paper)!important;}
body[data-site-theme="day"] :is(input,select,textarea) {background:var(--day-light)!important;color:var(--day-ink)!important;border-color:var(--day-border)!important;}
body[data-site-theme="day"] :is(input,textarea)::placeholder {color:#4a4146!important;}
body[data-site-theme="day"] :is(.text-nolaGold,.text-nolaMuted) {color:#4a4146!important;}
body[data-site-theme="day"] :is(.border-nolaGold,.border-nolaGold\/40) {border-color:var(--day-border)!important;}
/* Requests: pale controls, deep cool-taupe surfaces, and legible text. */
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) {background:var(--day-deep)!important;color:#f3f0ec!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(h1,h2,h3,h4,h5,h6,p,small,label,.n19muted) {color:#f3f0ec!important;-webkit-text-fill-color:currentColor!important;}
body[data-site-theme="day"] #nola19-requests .n19card :is(.n19tags,.n19meta) {color:#f3f0ec!important;}
body[data-site-theme="day"] #nola19-requests .n19tags span {background:#665b60!important;border:1px solid #a99da2!important;color:#f3f0ec!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(button,input,textarea,select) {color:var(--day-ink)!important;-webkit-text-fill-color:currentColor!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(input,textarea,select) {background:var(--day-light)!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(button.primary,button[aria-pressed="true"]) {background:#665b60!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(button:disabled) {background:#a99da2!important;color:#4a4146!important;opacity:1!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(a:not(.button)) {color:#f3f0ec!important;}
/* Normalize remaining warm-looking utility accents in day theme only. */
body[data-site-theme="day"] :is(.gold-gradient-text) {background-image:none!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}


/* Exact user-approved five-color DAY palette — scoped to day only. */
body[data-site-theme="day"] {
 --day-paper:#f3f0ec; --day-base:#e8e6e3; --day-panel:#e8e6e3;
 --day-deep:#4a4146; --day-deep2:#665b60; --day-ink:#4a4146;
 --day-muted:#665b60; --day-border:#a99da2; --day-light:#f3f0ec;
 --page:#e8e6e3; --panel:#f3f0ec; --ink:#4a4146;
 --muted:#665b60; --accent:#a99da2;
 background-color:#e8e6e3!important;color:#4a4146!important;
}
body[data-site-theme="day"] :is(.bg-nolaDark,.bg-nolaCard,.book-card) {background-color:#f3f0ec!important;}
body[data-site-theme="day"] :is(input,textarea,select,#readerBox) {background-color:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] :is(input,textarea)::placeholder {color:#665b60!important;}
body[data-site-theme="day"] :is(.text-nolaGold,.text-nolaMuted,.gold-gradient-text) {color:#665b60!important;-webkit-text-fill-color:#665b60!important;}
body[data-site-theme="day"] :is(.border-nolaGold,.border-nolaGold\/40) {border-color:#a99da2!important;}
body[data-site-theme="day"] :is(header,header.sticky,body > header) {background-color:#f3f0ec!important;border-color:#a99da2!important;}
body[data-site-theme="day"] header :is(nav button:not(#nav-publish),nav span,[data-i18n^="nav"],.text-nolaGold,.text-nolaMuted) {color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) {background:#4a4146!important;border-color:#a99da2!important;color:#f3f0ec!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(h1,h2,h3,h4,h5,h6,p,small,label,.n19muted,.n19meta) {color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}
body[data-site-theme="day"] #nola19-requests .n19tags span {background:#665b60!important;color:#f3f0ec!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(input,select,textarea) {background:#f3f0ec!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) button:not(.primary):not([aria-pressed="true"]) {background:#e8e6e3!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(button.primary,button[aria-pressed="true"]) {background:#665b60!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) button:disabled {background:#a99da2!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}

/* ===== DAY CONTRAST REPAIR: five approved tones, no global text recoloring ===== */
body[data-site-theme="day"] {--day-bg:#e8e6e3;--day-paper:#f3f0ec;--day-border:#a99da2;--day-mid:#665b60;--day-dark:#4a4146; background:#e8e6e3!important;color:#4a4146!important;}
body[data-site-theme="day"] :is(header,header.sticky) {background:#f3f0ec!important;border-color:#a99da2!important;}
body[data-site-theme="day"] :is(#sec-home,#sec-home > div:first-child) {color:#4a4146!important;}
body[data-site-theme="day"] #sec-home > div:first-child {background:#f3f0ec!important;background-image:none!important;border:1px solid #a99da2!important;box-shadow:none!important;}
body[data-site-theme="day"] #sec-home > div:first-child :is(h1,h2,h3,p,span,.archive-hero-title,[data-i18n="heroDesc"]) {color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;text-shadow:none!important;}
body[data-site-theme="day"] #sec-home .archive-hero-title,body[data-site-theme="day"] #sec-home .archive-hero-title.gold-gradient-text {background:none!important;background-image:none!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] #sec-home [data-i18n="heroDesc"] {opacity:1!important;color:#665b60!important;-webkit-text-fill-color:#665b60!important;}
body[data-site-theme="day"] #sec-home [data-i18n="heroBtnCatalog"],body[data-site-theme="day"] #sec-home [data-i18n="heroBtnPublish"] {background:transparent!important;color:inherit!important;-webkit-text-fill-color:inherit!important;}
body[data-site-theme="day"] #sec-home :is(button,a)[class*="bg-nolaCrimson"],body[data-site-theme="day"] #sec-home :is(button,a)[class*="bg-nolaGold"] {background:#665b60!important;background-image:none!important;border-color:#665b60!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}
body[data-site-theme="day"] #sec-home :is(button,a)[class*="bg-nolaCrimson"] *,body[data-site-theme="day"] #sec-home :is(button,a)[class*="bg-nolaGold"] * {background:transparent!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}
body[data-site-theme="day"] #sec-home :is(button,a):not([class*="bg-nolaCrimson"]):not([class*="bg-nolaGold"]) {border-color:#a99da2!important;}
body[data-site-theme="day"] #sec-home :is(.nola-home-discovery,.nola-home-intro,.nola-home-heading) {background-color:#f3f0ec!important;border-color:#a99da2!important;}
body[data-site-theme="day"] :is(.text-nolaGold,.text-nolaMuted,.gold-gradient-text) {color:#665b60!important;-webkit-text-fill-color:#665b60!important;}
body[data-site-theme="day"] :is(.border-nolaGold,.border-nolaGold\/40) {border-color:#a99da2!important;}
body[data-site-theme="day"] :is(input,textarea,select) {background-color:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) {background:#4a4146!important;border-color:#a99da2!important;color:#f3f0ec!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(h1,h2,h3,h4,p,small,label,.n19muted,.n19meta) {color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}
body[data-site-theme="day"] #nola19-requests .n19tags span {background:#665b60!important;color:#f3f0ec!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(input,select,textarea) {background:#f3f0ec!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) button:not(.primary):not([aria-pressed="true"]) {background:#e8e6e3!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(button.primary,button[aria-pressed="true"]) {background:#665b60!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) button:disabled {background:#a99da2!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
/* Make pale surfaces consistent while keeping semantic blood-drop red icons untouched. */
body[data-site-theme="day"] :is(.bg-nolaDark,.bg-nolaCard,.book-card) {background-color:#f3f0ec!important;}

/* User-approved DAY palette: final targeted consistency layer. Night untouched. */
body[data-site-theme="day"] {--page:#e8e6e3;--panel:#f3f0ec;--ink:#4a4146;--muted:#665b60;--accent:#a99da2;--day-bg:#e8e6e3;--day-paper:#f3f0ec;--day-border:#a99da2;--day-mid:#665b60;--day-dark:#4a4146;}
body[data-site-theme="day"] :is(#sec-home,#sec-catalog,#sec-library,#sec-publish,#sec-profile,#sec-reader,#sec-rules) {border-color:#a99da2;}
body[data-site-theme="day"] #sec-home > div:first-child,body[data-site-theme="day"] #sec-home > div:first-child::before,body[data-site-theme="day"] #sec-home > div:first-child::after {background:#f3f0ec!important;background-image:none!important;}
body[data-site-theme="day"] #sec-home > div:first-child :is(h1,h2,h3,p,span) {color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;background:transparent!important;text-shadow:none!important;}
body[data-site-theme="day"] #sec-home > div:first-child :is(button,a) {background:#665b60!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #sec-home > div:first-child :is(button,a) :is(span,i,svg) {background:transparent!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}
body[data-site-theme="day"] #sec-home > div:first-child :is(button,a):focus-visible {outline:2px solid #4a4146!important;}
body[data-site-theme="day"] :is(.n19filtertoggle,.n19filtermenu,.n19filterclear) {border-color:#a99da2!important;}
body[data-site-theme="day"] .n19filtermenu {background:#f3f0ec!important;color:#4a4146!important;}
body[data-site-theme="day"] .n19filterclear {color:#4a4146!important;background:#e8e6e3!important;}
body[data-site-theme="day"] :is(.n19tags span,.n19filterchips span) {border-color:#a99da2!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(h1,h2,h3,h4,h5,h6,p,small,label,.n19muted,.n19meta) {color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(input,select,textarea) {background:#f3f0ec!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] #nola19-requests .n19tags span {background:#665b60!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}

/* DAY ONLY: unified controls and interactive components; preserve semantic icons. */
body[data-site-theme="day"] :is(button,.btn,[role="button"],.nola-feed-actions button,.nola-feed-comments button,.n19filtertoggle,.n19filterclear) {
  border-color:#a99da2!important; box-shadow:none;
}
body[data-site-theme="day"] :is(.nola-feed-actions button,.nola-feed-comments button,#kudosBtn,#commentBtn,#commentsBtn,[id*="comment"] button,[class*="comment"] button,[class*="like"] button,[class*="kudos"] button) {
  background-color:#e8e6e3!important;background-image:none!important;color:#4a4146!important;
  -webkit-text-fill-color:#4a4146!important;border:1px solid #a99da2!important;
}
body[data-site-theme="day"] :is(.nola-feed-actions button,.nola-feed-comments button,#kudosBtn,#commentBtn,#commentsBtn,[id*="comment"] button,[class*="comment"] button,[class*="like"] button,[class*="kudos"] button):hover:not(:disabled) {
  background-color:#a99da2!important;color:#4a4146!important;
}
body[data-site-theme="day"] :is(.nola-feed-actions,.nola-feed-comments,.nola-feed-comments p,[class*="comment-count"],[class*="like-count"]) {border-color:#a99da2!important;color:#4a4146!important;}
body[data-site-theme="day"] :is(.nola-feed-actions button,.nola-feed-comments button,#kudosBtn,#commentBtn,#commentsBtn) :is(span,small) {color:inherit!important;-webkit-text-fill-color:inherit!important;}
body[data-site-theme="day"] :is(.nola-feed-actions button,.nola-feed-comments button,#kudosBtn,#commentBtn,#commentsBtn) :is(svg,i) {color:currentColor;}
body[data-site-theme="day"] :is(.nola-feed-actions button,.nola-feed-comments button,#kudosBtn,#commentBtn,#commentsBtn):focus-visible {outline:2px solid #665b60!important;outline-offset:2px;}
body[data-site-theme="day"] :is(.n19tags span,.n19filterchips span,.n19card .n19tag,.n19card .n19badge) {background:#e8e6e3!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] :is(.n19card,.n19editor) :is(button:not(.primary):not([aria-pressed="true"])) {background:#e8e6e3!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] :is(.n19card,.n19editor) :is(button.primary,button[aria-pressed="true"]) {background:#665b60!important;color:#f3f0ec!important;border-color:#a99da2!important;}
body[data-site-theme="day"] :is(.n19card,.n19editor) button:disabled {background:#a99da2!important;color:#4a4146!important;}
/* The red blood-drop graphic itself is intentionally not recolored. */

/* Reader controls: explicitly match the approved day palette. */
body[data-site-theme="day"] #sec-reader #kudosBtn,
body[data-site-theme="day"] #sec-reader button[onclick="postStoryComment()"] {
  background:#a99da2!important;
  background-image:none!important;
  border:1px solid #665b60!important;
  color:#4a4146!important;
  -webkit-text-fill-color:#4a4146!important;
}
body[data-site-theme="day"] #sec-reader #kudosBtn :is(span,[data-kudos-label]),
body[data-site-theme="day"] #sec-reader button[onclick="postStoryComment()"] :is(span,i) {
  color:#4a4146!important;
  -webkit-text-fill-color:#4a4146!important;
}
body[data-site-theme="day"] #sec-reader #readerKudos {
  background:#e8e6e3!important;
  color:#4a4146!important;
  -webkit-text-fill-color:#4a4146!important;
}
body[data-site-theme="day"] #sec-reader #kudosBtn:hover,
body[data-site-theme="day"] #sec-reader button[onclick="postStoryComment()"]:hover {
  background:#a99da2!important;
  border-color:#4a4146!important;
}
/* The blood-drop icon is intentionally kept red. */

/* Reader action buttons — approved five-color DAY palette, no legacy warm overrides. */
body[data-site-theme="day"] #sec-reader #kudosBtn,
body[data-site-theme="day"] #sec-reader #kudosBtn.kudos-given,
body[data-site-theme="day"] #sec-reader #kudosBtn:hover,
body[data-site-theme="day"] #sec-reader #kudosBtn:focus-visible,
body[data-site-theme="day"] #sec-reader button[onclick*="postStoryComment"],
body[data-site-theme="day"] #sec-reader button[onclick*="postStoryComment"]:not(:disabled),
body[data-site-theme="day"] #sec-reader button[onclick*="postStoryComment"]:hover {
  background:#a99da2 !important;
  background-image:none !important;
  border:1px solid #665b60 !important;
  color:#4a4146 !important;
  -webkit-text-fill-color:#4a4146 !important;
  text-shadow:none !important;
  box-shadow:none !important;
  opacity:1 !important;
}
body[data-site-theme="day"] #sec-reader #kudosBtn [data-kudos-label],
body[data-site-theme="day"] #sec-reader #kudosBtn #readerKudos,
body[data-site-theme="day"] #sec-reader button[onclick*="postStoryComment"] :is(span,small) {
  color:#4a4146 !important;
  -webkit-text-fill-color:#4a4146 !important;
}
body[data-site-theme="day"] #sec-reader #kudosBtn #readerKudos {
  background:#e8e6e3 !important;
  border:1px solid #665b60 !important;
}
/* The red blood-drop icon retains its original semantic red. */

/* Canonical DAY controls: exact user palette; night untouched. */
body[data-site-theme="day"] #sec-reader button.day-reader-action,
body[data-site-theme="day"] #sec-reader button.day-reader-action:hover,
body[data-site-theme="day"] #sec-reader button.day-reader-action:active,
body[data-site-theme="day"] #sec-reader button.day-reader-action:focus-visible,
body[data-site-theme="day"] #sec-reader button.day-reader-action[aria-pressed="true"] {
 background:#a99da2!important; background-image:none!important;
 color:#4a4146!important; -webkit-text-fill-color:#4a4146!important;
 border:1px solid #665b60!important; box-shadow:none!important; text-shadow:none!important;
 opacity:1!important;
}
body[data-site-theme="day"] #sec-reader button.day-reader-action :is(span,small,[data-kudos-label]) {color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] #sec-reader button.day-reader-action #readerKudos {background:#e8e6e3!important;color:#4a4146!important;}

/* DAY PALETTE: literary quarter, dashboard and dynamically generated showcases.
   Scoped to day mode; night/system theme styles remain untouched. */
body[data-site-theme="day"] #nola15-dashboard {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border-color: #a99da2 !important;
  box-shadow: none !important;
}
body[data-site-theme="day"] #nola15-dashboard h2,
body[data-site-theme="day"] #nola15-dashboard h3,
body[data-site-theme="day"] #nola15-dashboard h4,
body[data-site-theme="day"] #nola15-dashboard p,
body[data-site-theme="day"] #nola15-dashboard small,
body[data-site-theme="day"] #nola15-dashboard .n24-meta {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}
body[data-site-theme="day"] #nola15-dashboard button,
body[data-site-theme="day"] #nola15-result button,
body[data-site-theme="day"] #nola20-back {
  background: #a99da2 !important;
  background-image: none !important;
  border: 1px solid #665b60 !important;
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  box-shadow: none !important;
}
body[data-site-theme="day"] #nola15-dashboard button:hover,
body[data-site-theme="day"] #nola15-result button:hover,
body[data-site-theme="day"] #nola20-back:hover {
  background: #665b60 !important;
  color: #f3f0ec !important;
  -webkit-text-fill-color: #f3f0ec !important;
}
body[data-site-theme="day"] #nola15-result {
  --n24-text: #4a4146 !important;
  --n24-card: #f3f0ec !important;
  --n24-border: #a99da2 !important;
  --n24-button: #a99da2 !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] :is(#nola15-result, #nola-home-showcase) .n24-wrap,
body[data-site-theme="day"] :is(#nola15-result, #nola-home-showcase) .n24-work,
body[data-site-theme="day"] :is(#nola15-result, #nola-home-showcase) .n24-tile,
body[data-site-theme="day"] :is(#nola15-result, #nola-home-showcase) .n27-promo,
body[data-site-theme="day"] :is(#nola15-result, #nola-home-showcase) .n27-promo-card,
body[data-site-theme="day"] #nola15-result .nola15story {
  background: #f3f0ec !important;
  background-image: none !important;
  border-color: #a99da2 !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] :is(#nola15-result, #nola-home-showcase) .n24-tags span,
body[data-site-theme="day"] :is(#nola15-result, #nola-home-showcase) .n24-empty,
body[data-site-theme="day"] :is(#nola15-result, #nola-home-showcase) .n27-promo-header {
  border-color: #a99da2 !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] #nola15-result :is(.n24-title,.n24-meta,.n27-promo-content,.n27-promo-content h4,.n27-promo-content p,.n27-promo-header,.n27-promo-header h3,.n24-head,.n24-head p) {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}

/* DAY PALETTE: profile, account menu, requests, home. Approved five-color system. */
body[data-site-theme="day"] #sec-profile > .bg-nolaCard,
body[data-site-theme="day"] #sec-profile #nolaProfileHead,
body[data-site-theme="day"] #sec-profile #nolaProfileSections {background:#e8e6e3!important;background-color:#e8e6e3!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #sec-profile #nolaProfileContent,
body[data-site-theme="day"] #sec-profile .nola-profile-nav {background:#f3f0ec!important;background-color:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #sec-profile .nola-profile-nav[aria-selected="true"] {background:#a99da2!important;color:#4a4146!important;}
body[data-site-theme="day"] #sec-profile #nolaProfileHead :is(h1,h2,h3,h4,p,span,small,strong,label),
body[data-site-theme="day"] #sec-profile #nolaProfileHead [id*="Name"],
body[data-site-theme="day"] #sec-profile #nolaProfileHead [id*="Gender"],
body[data-site-theme="day"] #sec-profile :is(#profileUsername,#profileDisplayName,#profileDetails) {color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;text-shadow:none!important;}
body[data-site-theme="day"] #sec-profile #nolaProfileHead .text-nolaMuted {color:#665b60!important;-webkit-text-fill-color:#665b60!important;}
body[data-site-theme="day"] .archive-account-menu {background:#f3f0ec!important;background-color:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important;box-shadow:0 12px 30px #665b6033!important;}
body[data-site-theme="day"] .archive-account-menu :is(.archive-menu-heading,.archive-menu-section) {background:#e8e6e3!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] .archive-account-menu :is(button,[role="menuitem"]) {background:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] .archive-account-menu :is(button,[role="menuitem"]):is(:hover,:focus-visible) {background:#a99da2!important;color:#4a4146!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) {background:#f3f0ec!important;background-color:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(h1,h2,h3,h4,h5,h6,p,small,label,.n19muted,.n19meta) {color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;text-shadow:none!important;}
body[data-site-theme="day"] #nola19-requests .n19tags span,
body[data-site-theme="day"] #nola19-requests :is(.n19tag,.n19badge) {background:#e8e6e3!important;background-color:#e8e6e3!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;border:1px solid #a99da2!important;}
body[data-site-theme="day"] #nola19-requests :is(button,[role="tab"],.n19filtertoggle) {background:#a99da2!important;background-color:#a99da2!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #nola19-requests :is(button,[role="tab"]):is(.active,[aria-selected="true"],[aria-pressed="true"],.primary) {background:#665b60!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}
body[data-site-theme="day"] #nola19-requests button:disabled {background:#a99da2!important;color:#4a4146!important;opacity:.75!important;}
body[data-site-theme="day"] #sec-home > div:first-child {background:#f3f0ec!important;background-image:none!important;border-color:#a99da2!important;color:#4a4146!important;}
body[data-site-theme="day"] #sec-home [data-i18n="heroBadge"] {color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] #sec-home [data-i18n="heroBadge"]:is(span) {text-shadow:none!important;}
body[data-site-theme="day"] #sec-home [data-i18n="heroBtnCatalog"] {background:#665b60!important;background-color:#665b60!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;border:1px solid #a99da2!important;}
body[data-site-theme="day"] #sec-home [data-i18n="heroBtnPublish"] {background:#a99da2!important;background-color:#a99da2!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;border:1px solid #665b60!important;}
body[data-site-theme="day"] .nola-unified-header :is(button,select) {border-color:#a99da2!important;}
body[data-site-theme="day"] .nola-unified-header :is(#accountMenuButton,button[onclick*="rules"],button[onclick*="policies"]) {background:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #nola19-requests :is(input,select,textarea) {background:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important;}


/* DAY PALETTE FINAL: consistent cold neutral UI, scoped exclusively to day mode.
   Decorative media, blood drops and night theme are preserved. */
body[data-site-theme="day"] {--page:#e8e6e3!important;--panel:#f3f0ec!important;--ink:#4a4146!important;--muted:#665b60!important;--accent:#a99da2!important;background-color:#e8e6e3!important;color:#4a4146!important;}
body[data-site-theme="day"] :is(main,#sec-home,#sec-catalog,#sec-editor,#sec-profile,#sec-reader,#sec-rules,#sec-settings,#nolaTreasury,#nola19-requests) {color:#4a4146!important;}
body[data-site-theme="day"] main :is(section,article,aside,.rounded-xl,.rounded-lg,.rounded-2xl,.archive-panel,.archive-panel-content,.archive-feature),
body[data-site-theme="day"] :is(#sec-home,#sec-catalog,#sec-editor,#sec-reader,#sec-rules,#sec-settings,#nolaTreasury,#nola19-requests) {background-color:#f3f0ec!important;border-color:#a99da2!important;}
body[data-site-theme="day"] :is(#sec-profile,#sec-profile #nolaProfileHead,#sec-profile #nolaProfileSections) {background-color:#e8e6e3!important;border-color:#a99da2!important;color:#4a4146!important;}
body[data-site-theme="day"] :is(#nolaProfileContent,#nolaProfileContent [data-panel],#nolaTreasuryContent,.archive-account-menu,.archive-account-menu [role="menuitem"],.archive-account-menu button,#nola19-requests .n19card,#nola19-requests .n19editor) {background-color:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] :is(main button,main [role="button"],main [role="tab"],main a[class*="border"],.nola-unified-header button,.nola-unified-header select,.archive-account-menu button,.archive-account-menu [role="menuitem"],#nolaTreasury button,#nola19-requests button,#nola20-back) {background-color:#a99da2!important;background-image:none!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;border-color:#665b60!important;}
body[data-site-theme="day"] :is(main button,main [role="button"],main [role="tab"],main a[class*="border"],.nola-unified-header button,.archive-account-menu button,#nolaTreasury button,#nola19-requests button):hover {background-color:#665b60!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}
body[data-site-theme="day"] :is(main input,main select,main textarea,main option,#nolaTreasury input,#nolaTreasury select,#nola19-requests input,#nola19-requests select,#nola19-requests textarea) {background:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] :is(main input,main textarea,#nolaTreasury input)::placeholder {color:#665b60!important;}
body[data-site-theme="day"] #sec-home > div:first-child {background:#f3f0ec!important;background-image:none!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #sec-home > div:first-child :is(h1,h2,h3,p,.gold-gradient-text,.archive-hero-title) {color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] #sec-home :is([data-i18n="heroBtnCatalog"],button:first-child) {background:#665b60!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #sec-home [data-i18n="heroBtnPublish"] {background:#a99da2!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19tags span,.n19tag,.n19badge) {background:#e8e6e3!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) :is(h1,h2,h3,h4,p,small,label,span) {color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] #nola19-requests :is(.n19card,.n19editor) {background:#f3f0ec!important;color:#4a4146!important;}
body[data-site-theme="day"] #nolaTreasury :is(h1,h2,h3,h4,p,small,label,span,strong) {color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] #nolaProfileContent :is(h1,h2,h3,h4,h5,p,span,small,div,li,label,strong,em) {color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] #sec-profile #nolaProfileHead :is(h1,h2,h3,h4,p,span,small,strong,label) {color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;}
body[data-site-theme="day"] .archive-account-menu :is(.archive-menu-heading,.archive-menu-section) {background:#e8e6e3!important;color:#4a4146!important;border-color:#a99da2!important;}
/* Blood-drop indicators and images retain their original appearance. */

/* DAY PALETTE CONSOLIDATION: 2026-11-02; night styles unchanged */
body[data-site-theme="day"] {--page:#e8e6e3;--panel:#f3f0ec;--ink:#4a4146;--muted:#665b60;--accent:#a99da2;background-color:#e8e6e3!important;color:#4a4146!important;}
body[data-site-theme="day"] :is(header,nav,aside,main,section,article,footer) {border-color:#a99da2;}
body[data-site-theme="day"] :is(button,[role="button"],[role="tab"],input[type="submit"],input[type="button"],.btn,.n19btn,.nola-btn) {background-color:#a99da2!important;background-image:none!important;color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;border-color:#665b60!important;}
body[data-site-theme="day"] :is(button,[role="button"],[role="tab"],input[type="submit"],input[type="button"],.btn,.n19btn,.nola-btn):hover {background-color:#665b60!important;color:#f3f0ec!important;-webkit-text-fill-color:#f3f0ec!important;}
body[data-site-theme="day"] :is(input:not([type="submit"]):not([type="button"]),select,textarea) {background-color:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] :is(input,textarea)::placeholder {color:#665b60!important;}
body[data-site-theme="day"] :is(#sec-home,#sec-catalog,#sec-editor,#sec-profile,#sec-reader,#sec-rules,#sec-settings,#nolaTreasury,#nola19-requests) {background-color:#e8e6e3!important;color:#4a4146!important;}
body[data-site-theme="day"] :is(#sec-home,#sec-catalog,#sec-editor,#sec-profile,#sec-reader,#sec-rules,#sec-settings,#nolaTreasury,#nola19-requests) :is(.card,.panel,.n19card,.n19editor,.archive-account-menu) {background-color:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important;}
body[data-site-theme="day"] :is(#sec-home,#sec-catalog,#sec-editor,#sec-profile,#sec-reader,#sec-rules,#sec-settings,#nolaTreasury,#nola19-requests) :is(h1,h2,h3,h4,h5,h6,p,label) {color:#4a4146!important;}
/* Preserve original blood drop image and blood-drop icon coloring. */

/* Treasury showcase modal: viewport-safe, independently scrollable, no clipped header. */
#nolaTreasuryMask { box-sizing:border-box; padding:clamp(8px,2vh,20px); overflow:hidden; }
#nolaTreasuryMask.open { display:flex; align-items:center; justify-content:center; }
#nolaTreasury { box-sizing:border-box; width:min(720px,100%); max-width:100%; max-height:calc(100dvh - 32px); min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; margin:0; position:relative; }
#nolaTreasuryContent { min-width:0; overflow-wrap:anywhere; }
#nolaTreasury .nola-treasury-actions { max-width:100%; }
#nolaTreasury .nola-gift-categories { max-width:100%; overflow-x:auto; flex-wrap:nowrap; padding-bottom:6px; }
#nolaTreasury .nola-gift-categories button { flex-shrink:0; }
#nolaTreasury .nola-gift-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#nolaTreasury .nola-gift-card { width:100%; min-width:0; }
@media (max-width:650px) {
  #nolaTreasuryMask { padding:8px; }
  #nolaTreasury { padding:16px; max-height:calc(100dvh - 16px); }
  #nolaTreasury .nola-gift-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:370px) { #nolaTreasury .nola-gift-grid { grid-template-columns:1fr; } }

/* NIGHT HERO BUTTON RESTORATION — explicitly scoped; no changes to day theme.
   Restore burgundy controls with antique-gold labels and borders. */
body[data-site-theme="night"] #sec-home button[data-i18n="heroBtnCatalog"],
body[data-site-theme="night"] #sec-home button[data-i18n="heroBtnPublish"] {
  background: #772b32 !important;
  background-color: #772b32 !important;
  background-image: none !important;
  color: #f1d18a !important;
  -webkit-text-fill-color: #f1d18a !important;
  border: 1px solid #a57a4c !important;
}
body[data-site-theme="night"] #sec-home button[data-i18n="heroBtnCatalog"]:hover,
body[data-site-theme="night"] #sec-home button[data-i18n="heroBtnPublish"]:hover {
  background: #5b202a !important;
  background-color: #5b202a !important;
  color: #ffe1a1 !important;
  -webkit-text-fill-color: #ffe1a1 !important;
}

/* PROFILE HEADER STRUCTURAL REPAIR — replace conflicting offsets, not theme colors.
   The banner stays at the top, the real avatar/frame remains untouched,
   and the identity is placed immediately below the banner next to the avatar. */
#sec-profile #nolaProfileCover {
  height: 180px !important;
  min-height: 180px !important;
  margin: 0 !important;
  background-size: cover !important;
  background-position: center !important;
}
#sec-profile #nolaProfileHead {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  margin: -24px 0 0 !important;
  padding: 0 16px 4px !important;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell {
  flex-shrink: 0 !important;
  align-self: flex-start !important;
}
#sec-profile #nolaProfileHead > .nola30-profile-identity,
#sec-profile #nolaProfileHead > div:last-child,
#sec-profile #nolaProfileHead .nola30-profile-identity {
  align-self: flex-end !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
  text-align: left !important;
  transform: none !important;
}
#sec-profile #nolaProfileHead #profileUsername {
  margin: 0 0 4px !important;
  line-height: 1.2 !important;
}
#sec-profile #nolaProfileHead #profileDisplayName,
#sec-profile #nolaProfileHead #profileDetails { margin: 0 0 3px !important; }
#sec-profile #nolaFollowSummary { margin: 2px 16px 7px !important; }
#sec-profile #nolaProfileControls { margin: 0 !important; padding-top: 0 !important; padding-bottom: 4px !important; }
@media (max-width: 600px) {
  #sec-profile #nolaProfileCover { height: 145px !important; min-height: 145px !important; }
  #sec-profile #nolaProfileHead { gap: 10px !important; margin-top: -18px !important; padding: 0 10px 4px !important; }
  #sec-profile #nolaProfileHead > .nola30-profile-identity,
  #sec-profile #nolaProfileHead > div:last-child { padding-bottom: 4px !important; }
  #sec-profile #nolaProfileHead #profileUsername { font-size: 22px !important; }
  #sec-profile #nolaFollowSummary { margin: 2px 10px 7px !important; }
}

/* PROFILE LAYOUT: expanded cover, bottom-aligned identity, right-side follower line. */
#sec-profile #nolaProfileCover {
  height: 260px !important;
  min-height: 260px !important;
  background-size: cover !important;
  background-position: center center !important;
}
#sec-profile #nolaProfileHead {
  position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  min-height: 188px !important;
  margin-top: -22px !important;
  padding: 0 18px 8px !important;
  gap: 24px !important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell {
  align-self: flex-start !important;
  flex: 0 0 auto !important;
}
#sec-profile #nolaProfileHead > .nola30-profile-identity {
  align-self: flex-end !important;
  padding: 0 0 3px !important;
  margin: 0 !important;
  transform: none !important;
}
#sec-profile #nolaFollowSummary {
  display: block !important;
  box-sizing: border-box !important;
  width: max-content !important;
  max-width: calc(100% - 36px) !important;
  margin: 0 18px 10px auto !important;
  text-align: right !important;
  white-space: nowrap !important;
  line-height: 1.5 !important;
  font-size: 13px !important;
}
@media (max-width: 650px) {
  #sec-profile #nolaProfileCover {height: 195px !important; min-height: 195px !important;}
  #sec-profile #nolaProfileHead {min-height: 170px !important; gap: 12px !important; padding: 0 10px 7px !important;}
  #sec-profile #nolaFollowSummary {margin: 0 10px 8px auto !important; max-width: calc(100% - 20px) !important; font-size: 11px !important; white-space: normal !important;}
}

/* DAY PROFILE NAV: individually separated buttons, one approved color. */
body[data-site-theme="day"] #sec-profile #nolaProfileSections {
  background: transparent !important;
  background-color: transparent !important;
  gap: 2px !important;
  overflow: visible !important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileSections .nola-profile-nav,
body[data-site-theme="day"] #sec-profile #nolaProfileSections .nola-profile-nav:hover,
body[data-site-theme="day"] #sec-profile #nolaProfileSections .nola-profile-nav:focus-visible,
body[data-site-theme="day"] #sec-profile #nolaProfileSections .nola-profile-nav[aria-selected="true"] {
  background: #a99da2 !important;
  background-color: #a99da2 !important;
  color: #4a4146 !important;
  border: 1px solid #8d8187 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileSections .nola-profile-nav:first-child {
  border-radius: 10px 10px 5px 5px !important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileSections .nola-profile-nav:last-child {
  border-radius: 5px 5px 10px 10px !important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileSections .nola-profile-nav[aria-selected="true"] {
  box-shadow: none !important;
  font-weight: 700 !important;
}

/* Profile author-page layout: Ficbook-inspired hierarchy, existing gothic theme preserved. */
#sec-profile #nolaProfileCover {height:190px!important;min-height:190px!important;}
#sec-profile #nolaProfileHead {display:flex!important;flex-flow:row wrap!important;align-items:center!important;min-height:0!important;height:auto!important;gap:12px 18px!important;margin:-22px 0 0!important;padding:0 16px 12px!important;}
#sec-profile #nolaProfileHead > .nola30-avatar-shell {flex:0 0 auto!important;align-self:center!important;}
#sec-profile #nolaProfileHead > .nola30-profile-identity {flex:1 1 180px!important;align-self:center!important;padding:12px 0 0!important;}
#sec-profile #nolaProfileHead #nolaFollowSummary {flex:0 1 auto!important;align-self:center!important;width:auto!important;max-width:100%!important;margin:10px 0 0 auto!important;text-align:right!important;white-space:normal!important;font-size:12px!important;}
#sec-profile #nolaProfileSections {align-self:start!important;}
#sec-profile #nolaProfileContent [data-panel=info] {min-height:0!important;}
#sec-profile .nola-fb-profile-overview {margin-top:22px;padding-top:16px;border-top:1px solid currentColor;}
#sec-profile .nola-fb-profile-overview h3 {margin:0 0 12px;font-size:19px;}
#sec-profile .nola-fb-overview-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
#sec-profile .nola-fb-overview-links button {display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;padding:13px;border:1px solid currentColor;border-radius:9px;cursor:pointer;background:transparent;color:inherit;min-width:0;}
#sec-profile .nola-fb-overview-links button span {font-size:12px;opacity:.78;}
#sec-profile .nola-fb-overview-links button:hover,#sec-profile .nola-fb-overview-links button:focus-visible {outline:2px solid currentColor;outline-offset:1px;}
body[data-site-theme=day] #sec-profile .nola-fb-overview-links button {background:#e8e6e3!important;border-color:#a99da2!important;color:#4a4146!important;}
@media(max-width:650px) {
 #sec-profile #nolaProfileCover {height:145px!important;min-height:145px!important;}
 #sec-profile #nolaProfileHead {min-height:0!important;gap:8px 12px!important;padding:0 10px 10px!important;}
 #sec-profile #nolaProfileHead > .nola30-profile-identity {flex:1 1 130px!important;padding:8px 0 0!important;}
 #sec-profile #nolaProfileHead #nolaFollowSummary {flex:1 0 100%!important;text-align:left!important;margin:0!important;}
 #sec-profile .nola-fb-overview-links {grid-template-columns:1fr;}
}

/* PROFILE AUDIT: final, scoped structural corrections. No changes to night palette. */
#sec-profile #nolaProfileHead {
  min-height: 0 !important;
  height: auto !important;
  margin-top: -22px !important;
  padding-bottom: 8px !important;
  gap: 10px 18px !important;
}
#sec-profile #nolaProfileHead > .nola30-profile-identity { min-width: 0 !important; }
#sec-profile #nolaProfileHead #nolaFollowSummary {
  flex: 0 1 auto !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
#sec-profile #nolaProfileContent [data-panel][hidden] { display: none !important; }
#sec-profile #nolaProfileContent [data-panel] { min-width: 0 !important; overflow-wrap: anywhere; }
#sec-profile #nolaProfileSections .nola-profile-nav { cursor: pointer; }
#sec-profile .nola-fb-overview-links button { overflow-wrap: anywhere; }
@media (max-width: 759px) {
  #sec-profile > .bg-nolaCard { min-width: 0 !important; }
  #sec-profile #nolaProfileSections { min-width: 0 !important; }
  #sec-profile #nolaProfileHead { flex-wrap: wrap !important; }
  #sec-profile #nolaProfileHead #nolaFollowSummary {
    flex: 1 1 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }
  #sec-profile .nola-fb-overview-links { grid-template-columns: minmax(0,1fr) !important; }
}

/* 2026-11-02: profile information is rendered once; no duplicate footer cards. */
#sec-profile #nolaProfileContent #nola40AuthorPreferences,
#sec-profile #nolaProfileContent .nola-fb-profile-overview,
#sec-profile #nolaProfileContent #nolaProfileAbout {display:none!important;}
#sec-profile #nolaProfileContent [data-panel="info"] > h3 {margin-bottom:14px!important;}
#sec-profile #nolaProfileContent [data-panel="info"] > .nola-entry {margin-bottom:14px!important;}
#sec-profile #nolaProfileContent [data-panel="info"] > .nola-entry:last-of-type {margin-bottom:0!important;}
/* Preserve separate navigation buttons with one uniform approved day color. */
body[data-site-theme="day"] #sec-profile #nolaProfileSections {
 background:transparent!important; background-color:transparent!important;
 padding:0 12px 14px!important; gap:3px!important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileSections > .nola-profile-nav,
body[data-site-theme="day"] #sec-profile #nolaProfileSections > .nola-profile-nav:hover,
body[data-site-theme="day"] #sec-profile #nolaProfileSections > .nola-profile-nav[aria-selected="true"] {
 background:#a99da2!important; background-color:#a99da2!important;
 color:#4a4146!important; border:1px solid #8d8187!important;
 border-radius:6px!important; box-shadow:none!important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileSections > .nola-profile-nav[aria-selected="true"] {
 box-shadow:none!important;
}
/* Keep existing header; only prevent the follower label from escaping it. */
#sec-profile #nolaProfileHead #nolaFollowSummary {font-size:12px!important;line-height:1.4!important;}
@media(max-width:650px){
 body[data-site-theme="day"] #sec-profile #nolaProfileSections {padding:0 10px 12px!important;}
}

/* Active day profile tab: keep the approved color; use text weight only. */
body[data-site-theme="day"] #sec-profile #nolaProfileSections .nola-profile-nav[aria-selected="true"] {box-shadow:none!important;outline:none!important;font-weight:700!important;}

/* NOLA contextual close: one unobtrusive X in the top right of each page section. */
:is(#sec-catalog,#sec-myshelf,#sec-publish,#sec-profile,#sec-reader,#sec-policies) { position:relative; }
:is(#sec-catalog,#sec-myshelf,#sec-publish,#sec-profile,#sec-reader,#sec-policies) > .nola-section-close {
  position:sticky!important; top:12px!important; left:auto!important; right:12px!important;
  float:right; z-index:90; display:grid!important; place-items:center;
  width:36px!important; height:36px!important; min-width:36px!important;
  padding:0!important; margin:8px 8px -44px 0!important;
  border-radius:50%!important; border:1px solid #a58a5e!important;
  background:#2a1b25!important; color:#f4d7a6!important;
  -webkit-text-fill-color:#f4d7a6!important;
  font:normal 28px/1 Arial,sans-serif!important; box-shadow:0 2px 8px #0004;
  cursor:pointer;
}
body[data-site-theme="day"] :is(#sec-catalog,#sec-myshelf,#sec-publish,#sec-profile,#sec-reader,#sec-policies) > .nola-section-close {
  background:#a99da2!important; color:#4a4146!important; -webkit-text-fill-color:#4a4146!important;
  border-color:#665b60!important;
}
.nola-section-close:hover { filter:brightness(1.12); }
.nola-section-close:focus-visible { outline:3px solid #c79b56; outline-offset:3px; }
@media(max-width:650px) { :is(#sec-catalog,#sec-myshelf,#sec-publish,#sec-profile,#sec-reader,#sec-policies) > .nola-section-close {width:34px!important;height:34px!important;margin-right:2px!important;} }

/* NOLA: profile cameos use matching dimensions in both themes. */
.archive-account-menu button .nola-profile-menu-icon {
  display:inline-block!important; width:29px!important; height:29px!important;
  min-width:29px!important; object-fit:contain!important; vertical-align:middle!important;
  margin-right:7px!important; border:0!important; border-radius:50%!important;
  background:transparent!important; filter:none!important;
}

/* Day menu: preserve original cameo artwork at a legible size. */
body[data-site-theme="day"] .archive-account-menu button .nola-profile-menu-icon {
 width:38px!important; height:38px!important; min-width:38px!important;
 object-fit:contain!important; image-rendering:auto!important;
 filter:contrast(1.12)!important;
}

/* Approved day profile menu: readable text against the light header. */
body[data-site-theme="day"] .archive-account-menu .archive-menu-heading,
body[data-site-theme="day"] .archive-account-menu .archive-menu-heading span,
body[data-site-theme="day"] .archive-account-menu .archive-menu-heading small {
  color:#4a4146 !important;
  -webkit-text-fill-color:#4a4146 !important;
  text-shadow:none !important;
}
body[data-site-theme="day"] .archive-account-menu .archive-menu-motto {
  color:#665b60 !important;
  -webkit-text-fill-color:#665b60 !important;
}

/* Unified settings workspace: grouped sidebar, single shared editor. */
#nolaSettingsDialog{width:min(1120px,calc(100vw - 32px))!important;max-height:90dvh!important;padding:24px!important;overflow:auto!important}
#nolaSettingsDialog h2{margin-bottom:22px!important}
#nolaSettingsDialog .nola-settings-layout{display:grid!important;grid-template-columns:255px minmax(0,1fr)!important;gap:22px!important;align-items:start!important}
#nolaSettingsDialog .nola-settings-sidebar{background:rgba(130,110,118,.13)!important;border:1px solid rgba(169,157,162,.4)!important;border-radius:10px!important;padding:12px!important}
#nolaSettingsDialog .nola-settings-side-heading{font-size:13px!important;letter-spacing:.07em!important;font-weight:700!important;margin:4px 6px 14px!important}
#nolaSettingsDialog #nolaSettingsTabs{display:flex!important;flex-direction:column!important;gap:2px!important;overflow:visible!important;padding:0!important}
#nolaSettingsDialog #nolaSettingsTabs .nola-settings-group-label{font-size:12px!important;letter-spacing:.07em!important;font-weight:700!important;margin:16px 8px 6px!important;opacity:.85}
#nolaSettingsDialog #nolaSettingsTabs button{display:block!important;text-align:left!important;width:100%!important;white-space:normal!important;padding:11px 12px!important;border-radius:6px!important}
#nolaSettingsDialog .nola-settings-main{min-width:0!important}
#nolaSettingsDialog .nola-settings-save{display:block!important;width:100%!important;margin-top:20px!important;font-weight:700!important}
#nolaSettingsDialog .nola-settings-row{display:flex!important;align-items:center!important;gap:9px!important}
@media(max-width:720px){#nolaSettingsDialog{padding:14px!important}#nolaSettingsDialog .nola-settings-layout{grid-template-columns:1fr!important;gap:12px!important}#nolaSettingsDialog #nolaSettingsTabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}#nolaSettingsDialog #nolaSettingsTabs .nola-settings-group-label{grid-column:1/-1!important}#nolaSettingsDialog #nolaSettingsTabs button{font-size:13px!important}}
/* The day theme retains the approved cool palette, including the settings window. */
html[data-theme="day"] #nolaSettingsDialog,body[data-site-theme="day"] #nolaSettingsDialog,body.day #nolaSettingsDialog{background:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important}
html[data-theme="day"] #nolaSettingsDialog h2,html[data-theme="day"] #nolaSettingsDialog h3,body[data-site-theme="day"] #nolaSettingsDialog h2,body[data-site-theme="day"] #nolaSettingsDialog h3{color:#4a4146!important}

/* Dedicated site settings workspace. Does not alter personal profile or night/day palette. */
.nola-site-settings[hidden],.nola-site-settings [hidden]{display:none!important}
.nola-site-settings{position:fixed;inset:0;z-index:999990;overflow:auto;background:rgba(8,5,9,.7);padding:clamp(12px,3vw,35px)}
.nola-site-settings-shell{max-width:1170px;min-height:min(800px,calc(100vh - 60px));margin:auto;background:#241821;color:#ead7bd;border:1px solid #b48b5a;border-radius:12px;box-shadow:0 20px 60px #0008;font:16px/1.5 Georgia,serif}
.nola-site-settings-head{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border-bottom:1px solid #98734c;gap:12px}
.nola-site-settings-head h2{font-size:27px;margin:0;color:#e8bb78}.nola-site-settings-head button{background:transparent;color:inherit;border:1px solid currentColor;border-radius:6px;padding:5px 12px;font-size:24px;cursor:pointer}
.nola-site-settings-grid{display:grid;grid-template-columns:285px minmax(0,1fr);gap:22px;padding:18px}
.nola-site-settings-nav{display:flex;flex-direction:column;gap:2px}.nola-site-settings-nav strong{font-size:13px;letter-spacing:.06em;padding:14px 12px 7px;color:#e8bb78}
.nola-site-settings-nav button{font:inherit;text-align:left;cursor:pointer;background:rgba(120,80,100,.2);color:inherit;border:1px solid #76565e;border-radius:4px;padding:11px 13px}.nola-site-settings-nav button.selected{background:#65434e;color:#fff;border-color:#b48b5a}
.nola-site-settings-content{padding:12px 12px 35px;min-width:0}.nola-site-settings-content h3{font-size:25px;color:#e8bb78;margin:0 0 20px}.nola-site-settings-content section{min-height:250px}.nola-site-settings-content label{display:block;margin:16px 0}.nola-site-settings-content select{display:block;width:100%;padding:12px;margin-top:8px;border-radius:6px;background:#352530;color:#fff1dc;border:1px solid #a18a70}.nola-site-settings-content .nola-site-check{display:flex;align-items:center;gap:9px}.nola-site-settings-content input[type=checkbox]{width:19px;height:19px;accent-color:#b48b5a}.nola-site-settings-content button{cursor:pointer}.nola-site-settings-content .nola-site-save{width:100%;background:#b48b5a;color:#241821;border:0;border-radius:5px;padding:12px;font:700 17px Georgia,serif}.nola-site-hint{font-size:14px;opacity:.8}.nola-site-settings-content #nolaSiteSettingsStatus{min-height:25px}
body[data-site-theme=day] .nola-site-settings,body.theme-day .nola-site-settings{background:rgba(74,65,70,.45)}
body[data-site-theme=day] .nola-site-settings-shell,body.theme-day .nola-site-settings-shell{background:#f3f0ec;color:#4a4146;border-color:#a99da2}
body[data-site-theme=day] .nola-site-settings-head,body.theme-day .nola-site-settings-head{border-color:#a99da2}
body[data-site-theme=day] .nola-site-settings-head h2,body[data-site-theme=day] .nola-site-settings-content h3,body[data-site-theme=day] .nola-site-settings-nav strong,body.theme-day .nola-site-settings-head h2,body.theme-day .nola-site-settings-content h3,body.theme-day .nola-site-settings-nav strong{color:#4a4146}
body[data-site-theme=day] .nola-site-settings-nav button,body.theme-day .nola-site-settings-nav button{background:#e8e6e3;color:#4a4146;border-color:#a99da2}
body[data-site-theme=day] .nola-site-settings-nav button.selected,body.theme-day .nola-site-settings-nav button.selected{background:#a99da2;color:#4a4146}
body[data-site-theme=day] .nola-site-settings-content select,body.theme-day .nola-site-settings-content select{background:#fff;color:#4a4146;border-color:#a99da2}
body[data-site-theme=day] .nola-site-settings-content .nola-site-save,body.theme-day .nola-site-settings-content .nola-site-save{background:#665b60;color:#fff}
@media(max-width:650px){.nola-site-settings-grid{grid-template-columns:1fr;gap:10px}.nola-site-settings-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nola-site-settings-nav strong{grid-column:1/-1}.nola-site-settings-shell{min-height:0}.nola-site-settings-head{padding:12px 16px}.nola-site-settings-content{padding:10px}}

/* Expanded site settings: compact grouped navigation, comfortable form controls. */
.nola-site-settings-nav{max-height:calc(100vh - 210px);overflow-y:auto;scrollbar-width:thin;padding-right:4px}
.nola-site-settings-content{max-height:calc(100vh - 210px);overflow-y:auto;scrollbar-width:thin}
.nola-site-settings-content textarea{display:block;width:100%;min-height:90px;padding:12px;margin-top:8px;box-sizing:border-box;border:1px solid #a18a70;border-radius:6px;background:#352530;color:#fff1dc;font:inherit;resize:vertical}
.nola-site-settings-content .nola-site-check input{flex:none}
.nola-site-settings-content .nola-site-check{gap:12px;line-height:1.5}
body[data-site-theme=day] .nola-site-settings-content textarea,body.theme-day .nola-site-settings-content textarea{background:#f3f0ec;color:#4a4146;border-color:#a99da2}
@media(max-width:650px){.nola-site-settings-nav,.nola-site-settings-content{max-height:none;overflow:visible}.nola-site-settings-grid{padding:12px}.nola-site-settings-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* HOTFIX: readable text on the cream cards in the home "Hot works" block.
   Scoped to these cards; other site surfaces and approved themes remain unchanged. */
:is(#nola15-result, #nola-home-showcase) .n24-work,
:is(#nola15-result, #nola-home-showcase) .n24-tile {
  color: #4a302e !important;
  -webkit-text-fill-color: #4a302e !important;
}
:is(#nola15-result, #nola-home-showcase) .n24-work :is(.n24-title,.n24-meta,.n24-tags,.n24-tags span,p,small,strong),
:is(#nola15-result, #nola-home-showcase) .n24-tile :is(.n24-title,.n24-meta,p,small,strong) {
  color: #4a302e !important;
  -webkit-text-fill-color: #4a302e !important;
  text-shadow: none !important;
}
:is(#nola15-result, #nola-home-showcase) .n24-work .n24-actions button,
:is(#nola15-result, #nola-home-showcase) .n24-tile button {
  background: #ead5bb !important;
  border-color: #a77f5b !important;
  color: #432823 !important;
  -webkit-text-fill-color: #432823 !important;
  opacity: 1 !important;
}
:is(#nola15-result, #nola-home-showcase) .n24-work .n24-actions button:hover,
:is(#nola15-result, #nola-home-showcase) .n24-tile button:hover {
  background: #d9b990 !important;
}

/* NOLA typography/contrast audit: scope colors to actual site theme.
   Preserve approved palette and typefaces; avoid blanket recoloring of icons. */
body[data-site-theme="night"] #nola15-result {
  --n24-text:#f0ddc6;
  --n24-card:#30202a;
  --n24-border:#97704b;
  --n24-button:#402630;
}
body[data-site-theme="day"] #nola15-result {
  --n24-text:#4a302e;
  --n24-card:#fff8eb;
  --n24-border:#a77f5b;
  --n24-button:#ead5bb;
}
/* Earlier cream-card hotfix was unconditional and made night cards dark-on-dark. */
body[data-site-theme="night"] #nola15-result :is(.n24-work,.n24-tile),
body[data-site-theme="night"] #nola15-result :is(.n24-work,.n24-tile) :is(.n24-title,.n24-meta,.n24-tags,.n24-tags span,p,small,strong) {
  color:#f0ddc6!important;
  -webkit-text-fill-color:#f0ddc6!important;
  text-shadow:none!important;
}
body[data-site-theme="night"] #nola15-result :is(.n24-work,.n24-tile) button {
  background:#402630!important;
  color:#f0ddc6!important;
  -webkit-text-fill-color:#f0ddc6!important;
  border-color:#97704b!important;
}
body[data-site-theme="night"] #nola15-result :is(.n24-work,.n24-tile) button:hover {background:#563341!important}
/* Promo and hot-work headings must match the actual surface, not inherited theme text. */
body[data-site-theme="day"] #nola15-result :is(.n24-wrap,.n24-head,.n27-promo,.n27-promo-content,.n27-promo-header),
body[data-site-theme="day"] #nola15-result :is(.n24-head,.n27-promo-header) :is(h2,h3,p,span),
body[data-site-theme="day"] :is(#nola15-result, #nola-home-showcase) .n27-promo-content :is(h4,p,span) {
  color:#4a302e!important;
  -webkit-text-fill-color:#4a302e!important;
}
body[data-site-theme="night"] #nola15-result :is(.n24-wrap,.n24-head,.n27-promo,.n27-promo-content,.n27-promo-header),
body[data-site-theme="night"] #nola15-result :is(.n24-head,.n27-promo-header) :is(h2,h3,p,span),
body[data-site-theme="night"] :is(#nola15-result, #nola-home-showcase) .n27-promo-content :is(h4,p,span) {
  color:#f0ddc6!important;
  -webkit-text-fill-color:#f0ddc6!important;
}
body[data-site-theme="day"] :is(#nola15-result, #nola-home-showcase) .n27-promo-content button,
body[data-site-theme="day"] :is(#nola15-result, #nola-home-showcase) .n27-promo-controls button {color:#432823!important;-webkit-text-fill-color:#432823!important}
body[data-site-theme="night"] :is(#nola15-result, #nola-home-showcase) .n27-promo-content button,
body[data-site-theme="night"] :is(#nola15-result, #nola-home-showcase) .n27-promo-controls button {color:#f0ddc6!important;-webkit-text-fill-color:#f0ddc6!important}
/* Form hints remain legible without changing the established gothic heading fonts. */
body[data-site-theme="day"] .nola-site-settings .nola-site-hint {opacity:1;color:#665b60}
body[data-site-theme="night"] .nola-site-settings .nola-site-hint {opacity:1;color:#d2bda7}
body[data-site-theme="day"] .nola-site-settings :is(input,textarea,select)::placeholder {color:#665b60;opacity:1}
body[data-site-theme="night"] .nola-site-settings :is(input,textarea,select)::placeholder {color:#d2bda7;opacity:1}
/* Prevent squeezed mobile text in the work listings. */
@media(max-width:480px){:is(#nola15-result, #nola-home-showcase) .n24-title{font-size:16px;line-height:1.4}:is(#nola15-result, #nola-home-showcase) .n24-meta{font-size:13px;line-height:1.5}}

/* Profile works preferences */
#nolaSettingsDialog .nola-works-mode{border:0;padding:0;margin:16px 0}#nolaSettingsDialog .nola-works-mode legend{font-weight:bold;margin-bottom:8px}#nolaSettingsDialog .nola-works-mode label{display:flex;gap:10px;align-items:center;margin:9px 0}#nolaSettingsDialog .nola-works-mode input{width:auto!important;accent-color:#aa845d}#nolaSettingsDialog .nola-profile-works-order-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #9b878366;padding:8px 0}#nolaSettingsDialog .nola-profile-works-order-row span{flex:1;overflow-wrap:anywhere}#nolaSettingsDialog .nola-profile-works-order-row button{min-width:40px}#nolaSettingsDialog .nola-profile-works-order-row button:disabled{opacity:.35;cursor:not-allowed}#nolaSettingsDialog .nola-works-hint{font-size:.88em;opacity:.85}

/* Account security subsections; no fake credential forms. */
#nolaSiteSettings .nola-security-method{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:14px 16px;margin:9px 0;border:1px solid currentColor;border-radius:8px;background:rgba(150,130,140,.08)}
#nolaSiteSettings .nola-security-method strong{font-weight:700;min-width:145px}
#nolaSiteSettings .nola-security-method span{opacity:.85;flex:1}
@media(max-width:650px){#nolaSiteSettings .nola-security-method{flex-direction:column;gap:5px}#nolaSiteSettings .nola-security-method strong{min-width:0}}

/* Authors directory: responsive full-width listing, theme-aware typography. */
#nola10directory{width:min(1100px,calc(100% - 32px))!important;max-width:1100px!important;box-sizing:border-box;margin:24px auto 110px!important;padding:clamp(16px,3vw,32px)!important;border:1px solid #856745;border-radius:14px}
#nola10directory .nola-authors-heading h2{margin:0;font-size:clamp(24px,3vw,34px)}
#nola10directory .nola-authors-heading p{margin:7px 0 20px;opacity:.85}
#nola10directory .nola-authors-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:12px;margin:0 0 14px}
#nola10directory .nola-authors-toolbar input,#nola10directory .nola-authors-toolbar select{width:100%;box-sizing:border-box;margin:0;min-width:0;min-height:46px;border:1px solid #987a60;border-radius:7px;padding:10px 12px;font:inherit;background:#2c2028;color:#f5e7d6}
#nola10directory .nola-authors-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #8b6c55;padding-bottom:12px}
#nola10directory .nola-authors-tabs button{cursor:pointer;border:1px solid #957755;border-radius:7px;padding:10px 16px;font:inherit;color:inherit;background:#34232c}
#nola10directory .nola-authors-tabs button.active{background:#785039;color:#fff3de;font-weight:700}
#nola10directory .nola-authors-note{font-size:13px;opacity:.85;margin:14px 0}
#nola10directory .nola-authors-list{display:grid;gap:12px}
#nola10directory .nola-author-card{display:flex;gap:18px;align-items:flex-start;padding:18px;border:1px solid #8d7054;border-radius:10px;background:#291c25;color:#f0d8b9}
#nola10directory .nola-author-card-content{flex:1;min-width:0;overflow-wrap:anywhere}
#nola10directory .nola-author-card-title{display:flex;gap:12px;align-items:baseline;font-size:20px}
#nola10directory .nola-author-rank{color:#d8af73;font-weight:700;font-size:15px}
#nola10directory .nola-author-handle{opacity:.75;margin:4px 0}
#nola10directory .nola-author-stats{margin:10px 0;line-height:1.5}
#nola10directory .nola-author-bio{margin:8px 0 12px;opacity:.9}
#nola10directory .nola-author-card button{margin-top:4px;cursor:pointer}
body[data-theme="day"] #nola10directory,html[data-theme="day"] #nola10directory,body.day #nola10directory{background:#f3f0ec!important;color:#4a4146!important;border-color:#a99da2!important}
body[data-theme="day"] #nola10directory .nola-author-card,html[data-theme="day"] #nola10directory .nola-author-card,body.day #nola10directory .nola-author-card{background:#fffaf3!important;color:#4a4146!important;border-color:#a99da2!important}
body[data-theme="day"] #nola10directory .nola-authors-toolbar input,body[data-theme="day"] #nola10directory .nola-authors-toolbar select,html[data-theme="day"] #nola10directory .nola-authors-toolbar input,html[data-theme="day"] #nola10directory .nola-authors-toolbar select{background:#fffaf3!important;color:#4a4146!important}
body[data-theme="day"] #nola10directory .nola-authors-tabs button,html[data-theme="day"] #nola10directory .nola-authors-tabs button{background:#e8e6e3!important;color:#4a4146!important}
body[data-theme="day"] #nola10directory .nola-authors-tabs button.active,html[data-theme="day"] #nola10directory .nola-authors-tabs button.active{background:#a99da2!important;color:#30252a!important}
@media(max-width:620px){#nola10directory{width:calc(100% - 16px)!important;margin:10px auto 70px!important;padding:12px!important}#nola10directory .nola-authors-toolbar{grid-template-columns:1fr}#nola10directory .nola-author-card{padding:12px;gap:10px}#nola10directory .nola18-directory-avatar{width:56px!important;height:56px!important;flex-basis:56px!important}#nola10directory .nola-author-card-title{font-size:17px}}

/* Authors directory: the live theme switch sets data-site-theme on body.
   Keep the approved night palette; correct only the daylight directory. */
body[data-site-theme="day"] #nola10directory {
  background:#f3f0ec!important;
  color:#4a4146!important;
  border-color:#a99da2!important;
}
body[data-site-theme="day"] #nola10directory .nola-author-card {
  background:#fffaf3!important;
  color:#4a4146!important;
  border-color:#a99da2!important;
}
body[data-site-theme="day"] #nola10directory .nola-authors-heading,
body[data-site-theme="day"] #nola10directory .nola-authors-note,
body[data-site-theme="day"] #nola10directory .nola-author-card-content,
body[data-site-theme="day"] #nola10directory .nola-author-handle,
body[data-site-theme="day"] #nola10directory .nola-author-stats,
body[data-site-theme="day"] #nola10directory .nola-author-bio {
  color:#4a4146!important;
}
body[data-site-theme="day"] #nola10directory .nola-author-rank {color:#79523c!important}
body[data-site-theme="day"] #nola10directory .nola-authors-toolbar input,
body[data-site-theme="day"] #nola10directory .nola-authors-toolbar select {
  background:#fffaf3!important;color:#4a4146!important;border-color:#a99da2!important;
}
body[data-site-theme="day"] #nola10directory .nola-authors-tabs button,
body[data-site-theme="day"] #nola10directory .nola-author-card button {
  background:#e8e6e3!important;color:#4a4146!important;border-color:#a99da2!important;
}
body[data-site-theme="day"] #nola10directory .nola-authors-tabs button.active {
  background:#a99da2!important;color:#30252a!important;
}

/* Route visibility must not depend on the Tailwind CDN loading. */
main section[id^="sec-"].hidden,
section[id^="sec-"].hidden,
#nola10directory.hidden {
  display: none !important;
}

/* Route isolation must work even when external utility CSS fails to load. */
#nola10directory.hidden, #nola57works.hidden,
#sec-home.hidden, #sec-catalog.hidden, #sec-myshelf.hidden,
#sec-publish.hidden, #sec-profile.hidden, #sec-reader.hidden,
#sec-policies.hidden { display: none !important; }

/* Avatar photograph upload inside profile settings. */
#nolaSettingsOverlay .nola-avatar-upload-settings{border:1px solid rgba(170,140,110,.5);border-radius:10px;padding:16px;margin:12px 0 22px}
#nolaSettingsOverlay .nola-avatar-upload-settings h4{margin:0 0 8px}
#nolaSettingsOverlay .nola-avatar-upload-settings input[type=file]{display:block;max-width:100%;margin:10px 0;padding:9px;border-radius:7px}
#nolaSettingsOverlay .nola-avatar-upload-settings #nolaSettingsAvatarStatus{min-height:1.4em}


/* Day-theme legibility: scope corrections to light settings surfaces.
   Night theme and decorative SVG artwork are deliberately untouched. */
body[data-site-theme="day"] #nolaSettingsDialog :is(
  .nola-settings-main,.nola-settings-page,.nola-settings-page p,
  .nola-settings-page h3,.nola-settings-page h4,.nola-settings-page h5,
  .nola-settings-page label,.nola-settings-page small,
  .nola-settings-page li,.nola-settings-page strong,
  .nola-settings-page legend,.nola-settings-page fieldset,
  .nola-settings-page .nola-works-hint,
  .nola-settings-sidebar,.nola-settings-side-heading,
  .nola-settings-group-label
) {
  color:#4a4146!important;
  -webkit-text-fill-color:#4a4146!important;
}
body[data-site-theme="day"] #nolaSettingsDialog #nolaAvatarStudioInline :is(
  #nolaFramePanel,#nolaFramePanel p,#nolaFramePanel h3,
  #nolaFramePanel h4,#nolaFramePanel small,
  #nolaFrameMessage,.nola-frame-price,
  .nola-frame-option > span:not(.nola-frame-sample):not(.nola-frame-svg)
) {
  color:#4a4146!important;
  -webkit-text-fill-color:#4a4146!important;
  opacity:1!important;
}
body[data-site-theme="day"] #nolaSettingsDialog #nolaAvatarStudioInline .nola-studio-tabs button,
body[data-site-theme="day"] #nolaSettingsDialog #nolaAvatarStudioInline .nola-frame-option {
  background:#a99da2!important;
  color:#30252a!important;
  -webkit-text-fill-color:#30252a!important;
  border-color:#665b60!important;
}
body[data-site-theme="day"] #nolaSettingsDialog #nolaAvatarStudioInline .nola-studio-tabs button[aria-selected="true"],
body[data-site-theme="day"] #nolaSettingsDialog #nolaAvatarStudioInline .nola-frame-option[aria-pressed="true"] {
  background:#8d7e85!important;
  color:#21191d!important;
  -webkit-text-fill-color:#21191d!important;
}
body[data-site-theme="day"] #nolaSettingsDialog :is(input,textarea,select) {
  color:#4a4146!important;
  -webkit-text-fill-color:#4a4146!important;
}
body[data-site-theme="day"] #nolaSettingsDialog :is(input,textarea)::placeholder {
  color:#665b60!important;
  opacity:1!important;
}
/* Previously inherited gold on pale backgrounds: readable muted text instead. */
body[data-site-theme="day"] #nolaSettingsDialog :is(.text-amber-200,.text-amber-300,.text-yellow-200,.text-yellow-300,.text-gold,.text-muted) {
  color:#665b60!important;
  -webkit-text-fill-color:#665b60!important;
}

/* Name and gender now belong to the profile Information panel. */
#sec-profile #nola-profile-panel-info #nolaProfileInfoIdentity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  margin: 12px 0 20px;
  padding: 0 0 15px;
  border-bottom: 1px solid rgba(130,110,115,.35);
  text-align: left;
}
#sec-profile #nola-profile-panel-info #profileUsername {
  margin: 0 !important;
  font-size: clamp(22px, 3vw, 30px) !important;
  line-height: 1.3 !important;
  text-align: left !important;
}
#sec-profile #nola-profile-panel-info :is(#profileDisplayName,#profileDetails) {
  margin: 0 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}
body[data-site-theme="day"] #sec-profile #nola-profile-panel-info :is(#profileUsername,#profileDisplayName,#profileDetails) {
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  text-shadow: none !important;
}

/* Bio preview: readable foreground and background in the approved daylight palette. */
html[data-theme="day"] #nolaSettingsBioPreview,
body[data-site-theme="day"] #nolaSettingsBioPreview,
body.day #nolaSettingsBioPreview,
html[data-theme="day"] #nolaAboutPreview,
body[data-site-theme="day"] #nolaAboutPreview,
body.day #nolaAboutPreview {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
  border: 1px solid #a99da2 !important;
  opacity: 1 !important;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
/* Night mode: preview text should not inherit the dark daytime ink. */
body[data-site-theme="night"] #nolaSettingsBioPreview,
body[data-site-theme="night"] #nolaAboutPreview {
  color: #f0dfd0 !important;
  -webkit-text-fill-color: #f0dfd0 !important;
}

/* Followers belong below the profile header, not centered beside the avatar. */
#sec-profile #nolaFollowSummary {
  display:block!important; width:auto!important; max-width:none!important;
  margin:4px 18px 10px!important; text-align:left!important;
  white-space:normal!important; color:inherit;
}
#sec-profile #nolaFollowAction {margin:0 18px 10px!important;}
@media(max-width:650px){
 #sec-profile #nolaFollowSummary {margin:4px 12px 8px!important;}
 #sec-profile #nolaFollowAction {margin:0 12px 8px!important;}
}

/* Clearer follower count in both themes. */
#sec-profile #nolaFollowSummary {font-size:18px!important;line-height:1.5!important;font-weight:600!important;}
@media(max-width:650px){#sec-profile #nolaFollowSummary{font-size:16px!important;}}

/* Author nickname and gender beside the avatar, desktop and mobile. */
#sec-profile #nolaProfileHead > #nolaProfileInfoIdentity {
  display:flex!important; flex-direction:column!important; align-items:flex-start!important;
  justify-content:center!important; gap:5px!important; flex:1 1 180px!important;
  min-width:0!important; margin:0!important; padding:0 8px!important;
  border:0!important; text-align:left!important;
}
#sec-profile #nolaProfileHead #nolaProfileInfoIdentity #profileUsername {
  margin:0!important; font-size:clamp(22px,2.5vw,32px)!important;
  line-height:1.25!important; overflow-wrap:anywhere; text-align:left!important;
}
#sec-profile #nolaProfileHead #nolaProfileInfoIdentity :is(#profileDisplayName,#profileDetails) {
  margin:0!important; line-height:1.4!important; text-align:left!important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileHead #nolaProfileInfoIdentity :is(#profileUsername,#profileDisplayName,#profileDetails) {
  color:#4a4146!important; -webkit-text-fill-color:#4a4146!important; text-shadow:none!important;
}
@media(max-width:650px) {
  #sec-profile #nolaProfileHead {flex-direction:row!important; flex-wrap:wrap!important; align-items:center!important;}
  #sec-profile #nolaProfileHead > #nolaProfileInfoIdentity {flex:1 1 120px!important; padding:0 4px!important;}
}

/* Profile header proportions: wider/taller cover, smaller framed avatar (Ficbook reference).
   Scale the complete avatar shell so the approved decorative frame stays aligned. */
#sec-profile #nolaProfileCover {
  height: 280px !important;
  min-height: 280px !important;
  background-size: cover !important;
  background-position: center center !important;
}
#sec-profile #nolaProfileHead {
  margin-top: -12px !important;
  padding: 0 20px 14px !important;
  gap: 10px 18px !important;
  align-items: center !important;
}
#sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap {
  transform: scale(.73) !important;
  transform-origin: left center !important;
  margin-right: -50px !important;
  margin-top: -12px !important;
  margin-bottom: -12px !important;
}
@media(max-width:650px) {
  #sec-profile #nolaProfileCover {height:190px!important;min-height:190px!important;}
  #sec-profile #nolaProfileHead {padding:0 12px 12px!important;gap:8px 12px!important;}
  #sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap {
    transform:scale(.78)!important; transform-origin:left center!important;
    margin-right:-33px!important; margin-top:-10px!important; margin-bottom:-10px!important;
  }
}

/* Profile settings: a left-aligned action directly beneath the banner. */
#sec-profile #nolaProfileSettingsBelowBanner {
  display:flex!important;justify-content:flex-start!important;align-items:center!important;
  width:100%!important;box-sizing:border-box!important;
  padding:12px 20px 4px!important;margin:0!important;
}
#sec-profile #nolaProfileSettingsBelowBanner .nola-profile-settings-launch {
  position:static!important;inset:auto!important;transform:none!important;
  margin:0!important;max-width:100%!important;z-index:1!important;
}
@media(max-width:650px){
  #sec-profile #nolaProfileSettingsBelowBanner {padding:10px 12px 4px!important;}
}

/* Single compact profile settings action at bottom-right immediately below banner. */
#sec-profile #nolaProfileSettingsBelowBanner {
  justify-content: flex-end !important;
  padding: 8px 16px 2px !important;
  min-height: 0 !important;
}
#sec-profile #nolaProfileSettingsBelowBanner .nola-profile-settings-launch {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  border-radius: 6px !important;
}
#sec-profile #nolaProfileControls {display:none !important;}
@media (max-width:650px) {
  #sec-profile #nolaProfileSettingsBelowBanner {padding: 7px 12px 2px !important;}
}

/* Restored two-column profile: keep settings row in its own full-width grid track. */
@media (min-width:760px) {
  #sec-profile #nolaProfileSettingsBelowBanner {grid-column:1 / -1!important;grid-row:2!important;}
  #sec-profile #nolaProfileHead {grid-column:1 / -1!important;grid-row:3!important;}
  #sec-profile #nolaProfileSections,#sec-profile #nolaProfileContent {grid-row:5!important;}
}
#sec-profile #nolaProfileSettingsBelowBanner .nola-profile-settings-launch {font-size:13px!important;padding:8px 12px!important;}

/* Day theme only: legible compact settings button in the approved cool grey palette. */
body[data-site-theme="day"] #sec-profile #nolaProfileSettingsBelowBanner .nola-profile-settings-launch {
  background:#a99da2 !important; color:#302b33 !important;
  -webkit-text-fill-color:#302b33 !important; border:1px solid #81757e !important;
  font-size:14px !important; font-weight:600 !important;
  line-height:1.35 !important; padding:8px 12px !important;
  opacity:1 !important; text-shadow:none !important; box-shadow:none !important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileSettingsBelowBanner .nola-profile-settings-launch:hover,
body[data-site-theme="day"] #sec-profile #nolaProfileSettingsBelowBanner .nola-profile-settings-launch:focus-visible {
  background:#b9afb5 !important; color:#302b33 !important;
  -webkit-text-fill-color:#302b33 !important;
}

/* Profile settings action: prevent clipping at the banner edge in day mode.
   Keep the approved cool grey palette and leave night colors untouched. */
#sec-profile #nolaProfileSettingsBelowBanner {
  position:relative!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  min-height:52px!important;
  height:auto!important;
  overflow:visible!important;
  padding:8px 16px!important;
  z-index:2!important;
}
#sec-profile #nolaProfileSettingsBelowBanner .nola-profile-settings-launch {
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:36px!important;
  height:auto!important;
  margin:0!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
body[data-site-theme="day"] #sec-profile #nolaProfileSettingsBelowBanner .nola-profile-settings-launch {
  background-color:#a99da2!important;
  color:#302b33!important;
  -webkit-text-fill-color:#302b33!important;
  border-color:#81757e!important;
  opacity:1!important;
}
@media(max-width:650px){
  #sec-profile #nolaProfileSettingsBelowBanner {min-height:48px!important;padding:6px 12px!important;}
}

/* Lower the settings control fully below the profile banner, without moving other sections. */
#sec-profile #nolaProfileSettingsBelowBanner {
  padding-top: 20px !important;
  padding-bottom: 12px !important;
  min-height: 68px !important;
  align-items: flex-end !important;
}
#sec-profile #nolaProfileSettingsBelowBanner .nola-profile-settings-launch {
  align-self: flex-end !important;
}
#nolaAboutSaveStatus { margin-top: 10px; overflow-wrap: anywhere; }
@media(max-width:650px) {
  #sec-profile #nolaProfileSettingsBelowBanner {
    padding-top: 14px !important; padding-bottom: 10px !important; min-height: 58px !important;
  }
}

/* Profile header spacing refinement: keep both profile columns and existing theme colors. */
#sec-profile #nolaProfileCover {
  margin-top: 12px !important;
}
#sec-profile #nolaProfileSettingsBelowBanner {
  min-height: 48px !important;
  padding: 8px 16px 4px !important;
  align-items: flex-end !important;
}
#sec-profile #nolaProfileHead {
  margin-top: -10px !important;
  padding-top: 0 !important;
  padding-bottom: 2px !important;
  gap: 4px 16px !important;
}
#sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap {
  transform: scale(.85) !important;
  transform-origin: left center !important;
  margin-right: -28px !important;
  margin-top: -14px !important;
  margin-bottom: -14px !important;
}
@media (max-width:650px) {
  #sec-profile #nolaProfileCover {margin-top:8px!important;}
  #sec-profile #nolaProfileSettingsBelowBanner {
    min-height:46px!important;
    padding:7px 12px 4px!important;
  }
  #sec-profile #nolaProfileHead {gap:4px 10px!important;padding-bottom:2px!important;}
  #sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap {
    transform:scale(.85)!important;
    margin-right:-25px!important;
    margin-top:-12px!important;
    margin-bottom:-12px!important;
  }
}

/* Settings button above information, below avatar/name */
@media(min-width:760px){#sec-profile #nolaProfileSettingsBelowBanner{grid-column:1/-1!important;grid-row:4!important;}}
#sec-profile #nolaProfileSettingsBelowBanner{min-height:44px!important;padding:4px 16px 8px!important;justify-content:flex-end!important;align-items:center!important;}
@media(max-width:650px){#sec-profile #nolaProfileSettingsBelowBanner{padding:6px 12px 8px!important;}}

/* Approved profile layout: followers must sit BELOW the avatar/name header. */
@media (min-width:760px) {
  #sec-profile #nolaProfileHead {grid-column:1 / -1!important;grid-row:3!important;}
  #sec-profile #nolaFollowSummary {grid-column:1 / -1!important;grid-row:4!important;justify-self:start!important;align-self:start!important;margin:0 18px 3px!important;}
  #sec-profile #nolaFollowAction {grid-column:1 / -1!important;grid-row:4!important;}
  #sec-profile #nolaProfileSettingsBelowBanner {grid-column:1 / -1!important;grid-row:5!important;}
  #sec-profile #nolaProfileSections,#sec-profile #nolaProfileContent {grid-row:6!important;}
}

/* NOVA: lower avatar/name and followers slightly, preserving both themes. */
#sec-profile #nolaProfileHead { margin-top: 10px !important; }
#sec-profile #nolaFollowSummary { margin-top: 8px !important; }
@media (max-width:650px) {
  #sec-profile #nolaProfileHead { margin-top: 8px !important; }
  #sec-profile #nolaFollowSummary { margin-top: 6px !important; }
}

/* Profile identity and followers: one compact stack immediately above information. */
@media (min-width:760px) {
  #sec-profile #nolaProfileHead {
    grid-column:1 / -1!important;
    grid-row:3!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  #sec-profile #nolaFollowSummary {
    grid-column:1 / -1!important;
    grid-row:4!important;
    justify-self:start!important;
    align-self:end!important;
    margin:0 0 5px 18px!important;
  }
  #sec-profile #nolaFollowAction {
    grid-column:1 / -1!important;
    grid-row:4!important;
    justify-self:start!important;
  }
  #sec-profile #nolaProfileSettingsBelowBanner {
    grid-column:1 / -1!important;
    grid-row:4!important;
    justify-self:end!important;
    align-self:end!important;
    width:max-content!important;
    min-height:0!important;
    padding:0 16px 5px 0!important;
    margin:0!important;
  }
  #sec-profile #nolaProfileSections,
  #sec-profile #nolaProfileContent {grid-row:5!important;}
}
@media (max-width:759px) {
  #sec-profile #nolaProfileHead {margin-bottom:0!important;padding-bottom:0!important;}
  #sec-profile #nolaFollowSummary {margin:0 12px 5px!important;}
  #sec-profile #nolaProfileSettingsBelowBanner {min-height:0!important;padding-top:0!important;}
}

/* Banner flush with the top border of the profile card (both themes). */
#sec-profile #nolaProfileCover {
  margin-top: 0 !important;
}

/* Author workflow: accessible in day/night themes and on mobile */
.nola-author-workflow{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;border:1px solid var(--nola-gold,#a7895a);border-radius:8px;padding:14px 16px;margin-bottom:14px;color:inherit}.nola-author-workflow strong{font-weight:700}.nola-editing-guide:not([hidden]){display:block;border-left:4px solid #ae8749;padding:14px 18px;margin:0 0 18px;background:rgba(150,115,60,.09);color:inherit}.nola-editing-guide p{margin:7px 0 12px;line-height:1.6}.nola-editing-guide button{padding:9px 12px;border:1px solid currentColor;border-radius:5px;color:inherit}.nola-chapter-help{display:block;font-size:12px;opacity:.85;margin-top:8px;line-height:1.5}@media(max-width:650px){.nola-author-workflow{flex-direction:column;align-items:flex-start}.nola-editing-guide{padding:12px}.chapter-entry input,.chapter-entry textarea{max-width:100%;box-sizing:border-box}}

/* Author chapter workflow and reader navigation */
.nola-edit-autosave-status{font-size:12px;color:var(--nola-gold,#d9bb83);padding:6px 0}.nola-chapter-move{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.nola-chapter-move button{border:1px solid #94704e;padding:6px 10px;border-radius:5px;font-size:12px;color:inherit}.nola-chapter-move button:disabled{opacity:.35;cursor:not-allowed}.nola-reader-toc{border:1px solid #987249;border-radius:8px;padding:14px;background:var(--nola-card,#211720);color:inherit}.nola-reader-toc summary{cursor:pointer;font-weight:600}.nola-reader-toc-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px;margin-top:14px}.nola-toc-item{text-align:left;border:1px solid #876447;border-radius:5px;padding:11px;color:inherit;background:transparent;overflow-wrap:anywhere}.nola-toc-item:hover,.nola-toc-item.active{border-color:#d9b878;background:rgba(170,125,65,.16)}@media(max-width:600px){.nola-reader-toc-list{grid-template-columns:1fr}.nola-chapter-move button{min-height:40px}}

/* Reader: one chapter navigator, one exit control. */
#sec-reader > .nola-section-close {display:none!important;}
#sec-reader #chapterCounter {min-width:80px;text-align:center;}
#sec-reader #prevChapterBtn:disabled,#sec-reader #nextChapterBtn:disabled {opacity:.35!important;cursor:not-allowed!important;}
@media(max-width:650px){#sec-reader > .sticky {position:static!important;padding:12px!important;}#sec-reader #prevChapterBtn,#sec-reader #nextChapterBtn{padding:9px!important;}}

/* Author workshop v3: fits both established site themes. */
.nola-workshop-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:22px;margin:24px 0 12px;border:1px solid rgba(190,151,83,.42);border-radius:10px;background:rgba(122,72,80,.08)}
.nola-workshop-heading h3{font-size:1.4rem;color:var(--nolaGold,#d8b66e);margin:4px 0 8px}
.nola-workshop-heading p{max-width:680px;font-size:13px;line-height:1.7;opacity:.85}
.nola-workshop-kicker{font-size:10px;letter-spacing:.16em;color:var(--nolaGold,#d8b66e)}
.nola-workshop-actions{display:flex;gap:8px;flex-wrap:wrap}
.nola-workshop-actions button{padding:11px 15px;border:1px solid rgba(190,151,83,.6);border-radius:7px;color:var(--nolaGold,#d8b66e);background:rgba(150,96,70,.12);font-size:12px;cursor:pointer}
.nola-workshop-actions button:hover,.nola-workshop-chapter:hover{background:rgba(190,151,83,.2)}
.nola-workshop-chapters{display:flex;gap:8px;overflow-x:auto;padding:8px 0 15px;margin-bottom:12px;scrollbar-width:thin}
.nola-workshop-chapter{white-space:nowrap;flex:0 0 auto;max-width:240px;overflow:hidden;text-overflow:ellipsis;padding:12px 15px;border:1px solid rgba(190,151,83,.4);border-radius:7px;color:inherit;background:rgba(120,90,90,.09);cursor:pointer;font-size:13px}
.nola-workshop-chapter.active{border-color:var(--nolaGold,#d8b66e);background:rgba(190,151,83,.2)}
#nolaWorkshopFirstChapter,.chapter-entry{scroll-margin-top:110px}
@media(max-width:650px){.nola-workshop-heading{padding:14px;margin:16px 0 10px}.nola-workshop-actions{width:100%}.nola-workshop-actions button{flex:1}.nola-workshop-chapter{max-width:185px}}

/* Compact, accessible tag selector in the publishing form. */
.nola-tag-editor{border:1px solid rgba(165,126,64,.38);padding:16px;display:grid;gap:12px;min-width:0}
.nola-tag-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nola-tag-editor-head h3{margin:0 0 6px}.nola-tag-count{white-space:nowrap;font-size:12px;border:1px solid currentColor;border-radius:999px;padding:5px 10px;color:var(--nolaGold,#b89a58)}
.nola-tag-chips{display:flex;flex-wrap:wrap;gap:7px;min-height:25px}.nola-tag-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid rgba(165,126,64,.55);border-radius:16px;font-size:12px;color:inherit;max-width:100%;overflow-wrap:anywhere}.nola-tag-chip button{font-size:17px;line-height:1;padding:0 3px;cursor:pointer;color:inherit}.nola-tag-empty{font-size:12px;opacity:.65}
.nola-tag-catalog{border:1px solid rgba(165,126,64,.38);min-width:0}.nola-tag-catalog>summary{cursor:pointer;padding:12px 14px;color:var(--nolaGold,#b89a58);font-size:13px;list-style-position:inside}.nola-tag-summary-hint{float:right;opacity:.75;font-size:11px}.nola-tag-catalog-body{padding:0 12px 12px;display:grid;gap:9px}.nola-tag-picker{max-height:260px;overflow:auto;padding:0 6px 4px 0;scrollbar-width:thin}.nola-tag-picker .tag-group{border-bottom:1px solid rgba(165,126,64,.18);padding:3px 0}.nola-tag-picker .tag-group>summary{padding:8px 3px}.nola-tag-picker .tag-choice{max-width:100%;overflow-wrap:anywhere}
@media(max-width:650px){.nola-tag-editor{padding:12px}.nola-tag-summary-hint{display:none}.nola-tag-picker{max-height:210px}}

/* Compact multi-fandom picker */
.nola-fandom-multi{position:relative;min-width:0}.nola-fandom-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}.nola-fandom-chips:empty{display:none}.nola-fandom-chip{display:inline-flex;align-items:center;gap:9px;padding:5px 8px;border:1px solid var(--nola-gold,#aa8b55);border-radius:6px;background:var(--nola-card,#30252a);color:var(--nola-text,#eee);font-size:12px;max-width:100%;overflow-wrap:anywhere}.nola-fandom-chip button{font-size:18px;line-height:1;cursor:pointer;color:inherit}.nola-fandom-results{position:absolute;top:auto;left:0;right:0;z-index:80;max-height:235px;overflow-y:auto;background:var(--nola-card,#251b20);color:var(--nola-text,#eee);border:1px solid var(--nola-gold,#a88c55);box-shadow:0 8px 24px #0005;border-radius:4px}.nola-fandom-results[hidden]{display:none!important}.nola-fandom-results button{display:block;width:100%;text-align:left;padding:9px 12px;border-bottom:1px solid #8883;cursor:pointer;color:inherit}.nola-fandom-results button:hover,.nola-fandom-results button:focus{background:#a88c5533}.nola-fandom-create{font-weight:700}.nola-fandom-storage{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.nola-fandom-help{font-size:12px;margin-top:7px;line-height:1.5;opacity:.8}

/* Community fandom proposal: compact, theme-aware inline form. */
.nola-fandom-proposal{position:relative;z-index:85;display:grid;gap:10px;padding:14px;margin-top:8px;border:1px solid var(--nola-gold,#aa8b55);border-radius:8px;background:var(--nola-card,#30252a);color:var(--nola-text,#eee);box-shadow:0 10px 24px #0002}
.nola-fandom-proposal[hidden]{display:none!important}.nola-fandom-proposal-head{display:flex;justify-content:space-between;align-items:center}.nola-fandom-proposal-head button{font-size:22px;line-height:1;padding:2px 8px}.nola-fandom-proposal label{display:grid;gap:4px;font-size:12px}.nola-fandom-proposal input,.nola-fandom-proposal select{width:100%;min-width:0;padding:9px;border:1px solid var(--nola-gold,#aa8b55);border-radius:4px;background:var(--nola-dark,#211b20);color:var(--nola-text,#eee)}.nola-fandom-proposal-actions{display:flex;flex-wrap:wrap;gap:8px}.nola-fandom-proposal-actions button{padding:8px 12px;border:1px solid var(--nola-gold,#aa8b55);border-radius:5px;color:inherit}.nola-fandom-proposal-actions button:last-child{background:var(--nola-gold,#aa8b55);color:#201b1a}.nola-fandom-proposal small{line-height:1.5;opacity:.8}.nola-fandom-proposal-error{font-size:12px;color:#c45a5a}

/* Compact author metadata pickers: selected chips always visible, catalogs on demand. */
.archive-compact-picker{min-width:0}.archive-selected-chips{margin:6px 0 10px;min-height:12px}
.archive-picker-details{border:1px solid rgba(175,130,65,.42);border-radius:7px;overflow:visible}
.archive-picker-details>summary{cursor:pointer;padding:12px 14px;color:var(--nolaGold,#b89153);list-style:none;user-select:none}
.archive-picker-details>summary::-webkit-details-marker{display:none}
.archive-picker-details>summary:after{content:'▾';float:right}.archive-picker-details[open]>summary:after{content:'▴'}
.archive-picker-body{display:grid;gap:10px;padding:0 12px 12px}.archive-picker-body select{max-height:175px;min-height:100px;width:100%}
@media(max-width:640px){.archive-picker-body{padding:0 9px 10px}.archive-picker-details>summary{padding:12px}}

/* Publication form: key metadata first; inline searchable tag dropdown. */
#publishForm .nola-publish-top-group { display:grid; gap:14px; border:1px solid rgba(169,129,69,.28); padding:16px; border-radius:8px; min-width:0; }
#publishForm .nola-publish-top-group .archive-tag-dropdown { position:relative; width:100%; max-height:210px; overflow-y:auto; margin-top:-10px; border-radius:0 0 7px 7px; }
#publishForm .nola-publish-top-group .archive-tag-dropdown button { padding:10px 12px; }
#publishForm .nola-publish-top-group .nola-tag-editor { margin:0; }
@media(max-width:650px) { #publishForm .nola-publish-top-group {padding:12px;} }

/* Tag suggestions: themed purple/charcoal instead of beige. */
#publishForm .nola-tag-editor {position:relative}
#publishForm #pubTagDropdown.archive-tag-dropdown {
 background:#201820!important;color:#f4e8f3!important;border:1px solid #795c80!important;
 border-radius:7px!important;box-shadow:0 12px 26px rgba(0,0,0,.32)!important;
 margin-top:-7px!important;max-height:270px!important;overflow-y:auto!important;z-index:60!important;
}
#publishForm #pubTagDropdown.archive-tag-dropdown button {
 color:#f4e8f3!important;background:transparent!important;
 border-bottom:1px solid rgba(202,177,210,.12);min-height:43px;font-size:13px;
}
#publishForm #pubTagDropdown.archive-tag-dropdown button:hover,
#publishForm #pubTagDropdown.archive-tag-dropdown button:focus-visible {
 background:#49354f!important;color:#fff!important;
}
body[data-theme="day"] #publishForm #pubTagDropdown.archive-tag-dropdown,
body.day #publishForm #pubTagDropdown.archive-tag-dropdown {
 background:#f0eef4!important;color:#2f2939!important;border-color:#aaa0b9!important;
}
body[data-theme="day"] #publishForm #pubTagDropdown.archive-tag-dropdown button,
body.day #publishForm #pubTagDropdown.archive-tag-dropdown button {color:#2f2939!important}
body[data-theme="day"] #publishForm #pubTagDropdown.archive-tag-dropdown button:hover,
body.day #publishForm #pubTagDropdown.archive-tag-dropdown button:hover {
 background:#d9d2e5!important;color:#20192a!important;
}

/* A pairing already names the characters; show the standalone picker only without pairings. */
#publishCharactersSection[hidden] {display:none!important}

/* Compact publication and preview tags */
#publishCharactersSection[hidden] {display:none!important}
.nola-preview-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 22px}
.nola-preview-tags span{padding:5px 10px;border:1px solid #876a9c;border-radius:15px;background:rgba(106,76,126,.15);color:inherit;font-size:13px}

#manuscriptPreviewBody .nola-manuscript-preview-byline {margin:.65rem 0 1rem;padding:.65rem .8rem;border-inline-start:3px solid #9b799f;background:rgba(132,100,143,.09);font-size:.95rem;line-height:1.6}

/* Identical metadata layout for preview and published reading. */
.nola-unified-story-card {display:flex;align-items:flex-start;gap:20px;padding:18px;border:1px solid rgba(161,127,161,.38);border-radius:10px;background:rgba(119,85,131,.07);color:inherit;text-align:left}
.nola-unified-story-cover {width:148px;max-width:32%;aspect-ratio:2/3;object-fit:contain;flex:none;border:1px solid rgba(161,127,161,.38);border-radius:5px}
.nola-unified-story-details {min-width:0;flex:1;display:grid;gap:10px;font-size:15px;line-height:1.55}
.nola-unified-story-line {overflow-wrap:anywhere}
.nola-unified-story-line strong {font-weight:700}
.nola-unified-story-tags {display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.nola-unified-story-tags span {display:inline-block;border:1px solid #8c6a94;border-radius:999px;padding:3px 9px;background:rgba(130,89,146,.13);font-size:13px}
.nola-unified-story-summary {margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.nola-unified-story-card{flex-direction:column;padding:13px}.nola-unified-story-cover{width:120px;max-width:100%}}

/* Readable tag suggestions in every theme, including the day palette.
   Keep the dropdown charcoal/lilac rather than beige; override legacy day rules. */
html body #publishForm #pubTagDropdown.archive-tag-dropdown,
html body[data-theme="day"] #publishForm #pubTagDropdown.archive-tag-dropdown,
html body.day #publishForm #pubTagDropdown.archive-tag-dropdown {
  background:#25202d!important;
  color:#f7f2fc!important;
  border-color:#8c779f!important;
  color-scheme:dark;
}
html body #publishForm #pubTagDropdown.archive-tag-dropdown button,
html body[data-theme="day"] #publishForm #pubTagDropdown.archive-tag-dropdown button,
html body.day #publishForm #pubTagDropdown.archive-tag-dropdown button {
  color:#f7f2fc!important;
  background:#25202d!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body #publishForm #pubTagDropdown.archive-tag-dropdown button:hover,
html body #publishForm #pubTagDropdown.archive-tag-dropdown button:focus-visible,
html body[data-theme="day"] #publishForm #pubTagDropdown.archive-tag-dropdown button:hover,
html body.day #publishForm #pubTagDropdown.archive-tag-dropdown button:hover {
  background:#51415d!important;
  color:#fff!important;
}

/* Larger work details, accessible cover review feedback */
#sec-reader .nola-unified-story-card { width:100%;padding:clamp(18px,3vw,34px);gap:clamp(20px,3vw,34px);min-height:320px; }
#sec-reader .nola-unified-story-cover {width:clamp(180px,23vw,260px);max-width:34%;object-fit:contain;}
#sec-reader .nola-unified-story-details {font-size:clamp(16px,1.2vw,18px);gap:13px;}
.nola-cover-feedback {padding:9px 12px;border:1px solid #91744e;border-radius:5px;font-size:13px;line-height:1.5;}
.nola-cover-feedback[data-error="true"] {border-color:#b54c55;color:#d66c74;}
.nola-cover-pending {font-size:13px;border:1px dashed #947a54;padding:12px;max-width:220px;line-height:1.5;}
@media(max-width:600px){#sec-reader .nola-unified-story-card{flex-direction:column;min-height:0;padding:16px}#sec-reader .nola-unified-story-cover{width:180px;max-width:100%}}

/* Tag picker accessibility: light lilac dropdown with dark legible labels.
   Applied after all legacy theme overrides. */
html body #publishForm #pubTagDropdown.archive-tag-dropdown,
html body[data-theme="day"] #publishForm #pubTagDropdown.archive-tag-dropdown,
html body.day #publishForm #pubTagDropdown.archive-tag-dropdown {
  background:#eee9f4 !important;
  border:1px solid #8c7c9b !important;
  color:#261b34 !important;
  color-scheme:light !important;
  opacity:1 !important;
}
html body #publishForm #pubTagDropdown.archive-tag-dropdown button,
html body #publishForm #pubTagDropdown.archive-tag-dropdown button *,
html body[data-theme="day"] #publishForm #pubTagDropdown.archive-tag-dropdown button,
html body.day #publishForm #pubTagDropdown.archive-tag-dropdown button {
  background:#eee9f4 !important;
  color:#261b34 !important;
  -webkit-text-fill-color:#261b34 !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
  font-weight:600 !important;
}
html body #publishForm #pubTagDropdown.archive-tag-dropdown button:hover,
html body #publishForm #pubTagDropdown.archive-tag-dropdown button:focus-visible,
html body #publishForm #pubTagDropdown.archive-tag-dropdown button:hover * {
  background:#d3c3e4 !important;
  color:#1e112b !important;
  -webkit-text-fill-color:#1e112b !important;
}

/* Publication autocomplete lists: match the clean native select menu visually.
   Retain custom multiselect/search behavior for tags and fandoms. */
html body #publishForm #pubTagDropdown.archive-tag-dropdown,
html body #publishForm #nolaFandomResults.nola-fandom-results {
  background:#f3f0ed !important;
  color:#352d39 !important;
  border:1px solid #a9a2a8 !important;
  border-radius:0 !important;
  box-shadow:0 6px 14px rgba(30,23,34,.14) !important;
  color-scheme:light !important;
  opacity:1 !important;
}
html body #publishForm #pubTagDropdown.archive-tag-dropdown button,
html body #publishForm #pubTagDropdown.archive-tag-dropdown button *,
html body #publishForm #nolaFandomResults.nola-fandom-results button,
html body #publishForm #nolaFandomResults.nola-fandom-results button * {
  background:transparent !important;
  color:#352d39 !important;
  -webkit-text-fill-color:#352d39 !important;
  font-weight:400 !important;
  opacity:1 !important;
  text-shadow:none !important;
  filter:none !important;
}
html body #publishForm #pubTagDropdown.archive-tag-dropdown button,
html body #publishForm #nolaFandomResults.nola-fandom-results button {
  border:0 !important;
  border-bottom:1px solid #d9d4d8 !important;
  padding:9px 13px !important;
  line-height:1.4 !important;
}
html body #publishForm #pubTagDropdown.archive-tag-dropdown button:hover,
html body #publishForm #pubTagDropdown.archive-tag-dropdown button:focus-visible,
html body #publishForm #nolaFandomResults.nola-fandom-results button:hover,
html body #publishForm #nolaFandomResults.nola-fandom-results button:focus-visible {
  background:#2465ca !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
html body #publishForm #pubTagDropdown.archive-tag-dropdown button:hover *,
html body #publishForm #pubTagDropdown.archive-tag-dropdown button:focus-visible *,
html body #publishForm #nolaFandomResults.nola-fandom-results button:hover *,
html body #publishForm #nolaFandomResults.nola-fandom-results button:focus-visible * {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Manuscript deletion confirmation — themed, not a browser alert. */
.nola-delete-backdrop {position:fixed;inset:0;z-index:2147483640;background:rgba(0,0,0,.68);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.nola-delete-dialog {width:min(100%,460px);max-height:calc(100vh - 40px);overflow:auto;box-sizing:border-box;padding:26px 28px;border:1px solid #967442;border-radius:14px;background:#19151b;color:#f2e8d6;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.nola-delete-dialog h2 {margin:0 0 16px;font-size:24px;color:#e3b765}
.nola-delete-dialog p {margin:0 0 13px;line-height:1.55;color:inherit}
.nola-delete-dialog .nola-delete-hint {font-size:14px;opacity:.8}
.nola-delete-actions {display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}
.nola-delete-actions button {cursor:pointer;padding:11px 18px;border-radius:8px;border:1px solid #947a57;background:transparent;color:inherit;font:inherit}
.nola-delete-actions .nola-delete-danger {background:#791e2b;border-color:#a44b53;color:#fff}
.nola-delete-actions button:focus-visible {outline:3px solid #e4b65c;outline-offset:3px}
body[data-site-theme="day"] .nola-delete-dialog {background:#f4f0f1;color:#342a36;border-color:#b9a4b4}
body[data-site-theme="day"] .nola-delete-dialog h2 {color:#6b3d56}
body[data-site-theme="day"] .nola-delete-actions button:not(.nola-delete-danger) {border-color:#a996a5;color:#342a36}
@media(max-width:480px){.nola-delete-dialog{padding:20px}.nola-delete-actions button{flex:1}}

/* Manuscript chapter management and per-chapter reactions */
.nola58chapterlist{margin-top:14px;padding:12px;border:1px solid var(--nola-gold,#8c7280);border-radius:8px;display:grid;gap:9px}
.nola58chapterrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:7px 0;border-bottom:1px solid #8884}
.nola58chapterrow span{flex:1;min-width:160px}
.nola58chapterrow button{font-size:13px;padding:8px 12px}
.nola58vote{display:block;margin:18px auto;padding:12px 20px;border:1px solid #a47583;border-radius:8px;color:inherit;background:transparent;cursor:pointer}
.nola58vote:hover{background:#92738322}
@media(max-width:650px){.nola58chapterrow{align-items:stretch}.nola58chapterrow span{flex-basis:100%}}

/* Existing work: chapter-only continuation mode, preserving original metadata. */
#publishForm.nola-chapter-only > :not(#nolaExistingWorkStatus):not(#nolaWorkshopHeading):not(#nolaWorkshopChapters):not(#nolaWorkshopFirstChapter):not(.archive-release-box):not(.nola-publish-chapter-section) { display:none !important; }
#publishForm.nola-chapter-only > .archive-release-box { display:none !important; }
#publishForm.nola-chapter-only > #nolaWorkshopFirstChapter,
#publishForm.nola-chapter-only > #nolaWorkshopChapters,
#publishForm.nola-chapter-only > #nolaWorkshopHeading,
#publishForm.nola-chapter-only > #nolaExistingWorkStatus { display:flex !important; }
#publishForm.nola-chapter-only > #nolaWorkshopFirstChapter { display:block !important; }
#publishForm.nola-chapter-only > #nolaWorkshopChapters { display:flex !important; }
#publishForm.nola-chapter-only > .space-y-3:has(#extraChapters),
#publishForm.nola-chapter-only > .flex:has(#nolaPublishActionText) { display:flex !important; }
#publishForm.nola-chapter-only > .space-y-3:has(#extraChapters) { display:block !important; }
#publishForm.nola-chapter-only button[onclick="saveDraft()"] { display:none !important; }
.nola-existing-work-status {padding:20px;border:1px solid var(--nolaGold,#a88b57);border-radius:10px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.nola-existing-work-status[hidden] {display:none !important}
.nola-existing-work-status > div {flex:1 1 260px}
.nola-existing-work-status p {font-size:13px;line-height:1.6;margin-top:6px}
.nola-existing-work-status label {display:flex;flex-direction:column;gap:6px}
.nola-existing-work-status select,.nola-existing-work-status button {border:1px solid currentColor;padding:10px;border-radius:6px;background:transparent;color:inherit}

/* Авторская мастерская: управление статусом без повторного заполнения анкеты */
#nola57works .nola-author-status-panel {display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--nolaGold,#a78a64);}
#nola57works .nola-author-status-panel label {display:flex;flex-direction:column;gap:7px;font-size:0.9rem;}
#nola57works .nola-author-status-panel select {min-width:175px;max-width:100%;padding:10px;border-radius:6px;}
#nola57works .nola-status-feedback {font-size:0.82rem;opacity:.85;}
#nola57works .nola58chapterlist {max-width:100%;}
@media(max-width:650px){#nola57works .nola58chapterrow {display:flex;flex-wrap:wrap;gap:8px;} #nola57works .nola58chapterrow button {max-width:100%;}}

/* Single manuscript management panel: no duplicate edit/status controls on the card. */
#nola57works .nola-work-details[hidden]{display:none!important}
#nola57works .nola-work-details{margin-top:14px;display:grid;gap:12px;max-width:100%;}
#nola57works .nola57row>div:first-child{flex:1;min-width:0}
#nola57works .nola57row>div:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#nola57works .nola-work-details>.nola57action{justify-self:start}
@media(max-width:650px){#nola57works .nola57row>div:last-child{width:100%}#nola57works .nola57row>div:last-child button{flex:1}}

/* Focused author chapter editor: no repeated metadata/status controls. */
#publishForm.nola-focused-chapter > :not(#nolaFocusedChapterBar):not(#nolaWorkshopFirstChapter):not(.space-y-3:has(#extraChapters)) {display:none!important}
#publishForm.nola-focused-chapter #nolaWorkshopFirstChapter[hidden],
#publishForm.nola-focused-chapter #extraChapters .chapter-entry[hidden] {display:none!important}
#publishForm.nola-focused-chapter #nolaWorkshopFirstChapter:not([hidden]),
#publishForm.nola-focused-chapter > .space-y-3:has(#extraChapters) {display:block!important}
#publishForm.nola-focused-chapter .nola-chapter-help,
#publishForm.nola-focused-chapter #extraChapters + span + p {display:none!important}
#publishForm .nola-focused-savebar[hidden] {display:none!important}
#publishForm.nola-focused-chapter > #nolaFocusedChapterBar {display:flex!important}
.nola-focused-savebar{position:sticky;top:8px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #a58b78;border-radius:10px;background:var(--nolaCard,#eee8e4);color:var(--nolaText,#382b35);box-shadow:0 4px 18px #0002}
.nola-focused-savebar>div{display:flex;flex-wrap:wrap;gap:8px}
.nola-focused-savebar button{border:1px solid #917b87;border-radius:7px;padding:12px 18px;background:#a79aa3;color:#211c22;cursor:pointer}
.nola-focused-savebar button:first-child{background:#704457;color:white;font-weight:bold}
.nola-focused-savebar button:disabled{opacity:.55;cursor:wait}
.nola-focused-savebar p{flex-basis:100%;font-size:12px;margin:0}
#publishForm.nola-focused-chapter .chapter-entry{max-width:none}
#publishForm.nola-focused-chapter .extra-chapter-content{min-height:420px;width:100%;resize:vertical}
@media(max-width:650px){.nola-focused-savebar{top:0;padding:12px}.nola-focused-savebar>div,.nola-focused-savebar button{width:100%}}

/* Статус доступен в редакторе главы и в редакторе публикации, но не в карточке рукописи. */
.nola-focused-status-label {display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:170px;}
.nola-focused-status-label select {padding:10px;border:1px solid #998b91;border-radius:6px;background:var(--nola-bg,#f4efeb);color:inherit;}
@media(max-width:680px){.nola-focused-savebar{flex-wrap:wrap}.nola-focused-status-label{width:100%}}

/* Persistent save action while scrolling through a long chapter. */
#publishForm.nola-focused-chapter > #nolaFocusedChapterBar {
  position:fixed!important;top:auto!important;bottom:12px!important;left:50%!important;
  transform:translateX(-50%);width:min(1000px,calc(100vw - 24px));z-index:9999!important;
  max-height:38vh;overflow:auto;box-sizing:border-box;
}
#publishForm.nola-focused-chapter {padding-bottom:145px!important}
@media(max-width:650px){#publishForm.nola-focused-chapter > #nolaFocusedChapterBar{bottom:0!important;width:100%;border-radius:10px 10px 0 0;padding:8px!important;gap:5px!important}#publishForm.nola-focused-chapter > #nolaFocusedChapterBar p{display:none}#publishForm.nola-focused-chapter{padding-bottom:200px!important}}

/* Primary save button lives directly under the selected chapter editor. */
#publishForm.nola-focused-chapter .nola-inline-save-action {display:block!important;width:100%;margin:16px 0 20px;padding:16px 24px;background:#704457;color:#fff;font-weight:700;font-size:16px;border:1px solid #9b7486;border-radius:8px;cursor:pointer;position:relative;z-index:2}
#publishForm.nola-focused-chapter .nola-inline-save-action:hover {filter:brightness(1.15)}
#publishForm.nola-focused-chapter .nola-inline-save-action:focus-visible {outline:3px solid #d5ae76;outline-offset:3px}

/* Fix: chapter-only and focused modes must not hide the selected new chapter. */
#publishForm.nola-chapter-only.nola-focused-chapter > .space-y-3:has(#extraChapters) {display:block!important;visibility:visible!important}
#publishForm.nola-chapter-only.nola-focused-chapter > #nolaWorkshopFirstChapter:not([hidden]) {display:block!important}
#publishForm.nola-focused-chapter #extraChapters .chapter-entry:not([hidden]) {display:block!important}

/* NOLA: show save feedback inside the focused editor, never obscure the chapter. */
#publishForm.nola-focused-chapter #nolaPublishNotice {display:block!important;}
#publishForm.nola-focused-chapter .nola-inline-save-action:disabled {opacity:.65;cursor:wait;}

/* NOLA chapter fix: the extra-chapter wrapper is .space-y-3 in index.html.
   Keep the wrapper visible even when chapter-only mode hides other form children. */
#publishForm.nola-chapter-only.nola-focused-chapter > div:has(> #extraChapters) {
  display:block!important;visibility:visible!important;opacity:1!important;
}
#publishForm.nola-chapter-only.nola-focused-chapter #extraChapters {
  display:block!important;visibility:visible!important;
}
#publishForm.nola-chapter-only.nola-focused-chapter #extraChapters > .chapter-entry:not([hidden]) {
  display:block!important;visibility:visible!important;opacity:1!important;
}
#publishForm.nola-chapter-only.nola-focused-chapter #extraChapters > .chapter-entry[hidden] {display:none!important}

/* Premium window: approved DAY palette only. Night styling above remains unchanged. */
body[data-site-theme="day"] #nolaTreasury #nolaTreasuryContent .nola-premium-benefits,
body[data-theme="day"] #nolaTreasury #nolaTreasuryContent .nola-premium-benefits,
body.day #nolaTreasury #nolaTreasuryContent .nola-premium-benefits {
  background:#e8e6e3!important; background-image:none!important;
  border:1px solid #a99da2!important; color:#4a4146!important;
  -webkit-text-fill-color:#4a4146!important; box-shadow:none!important;
}
body[data-site-theme="day"] #nolaTreasury #nolaTreasuryContent .nola-premium-benefits :is(h1,h2,h3,h4,p,small,li,span,strong),
body[data-theme="day"] #nolaTreasury #nolaTreasuryContent .nola-premium-benefits :is(h1,h2,h3,h4,p,small,li,span,strong),
body.day #nolaTreasury #nolaTreasuryContent .nola-premium-benefits :is(h1,h2,h3,h4,p,small,li,span,strong) {
  color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;
  opacity:1!important;text-shadow:none!important;
}
body[data-site-theme="day"] #nolaTreasury #nolaTreasuryContent .nola-premium-benefits button,
body[data-theme="day"] #nolaTreasury #nolaTreasuryContent .nola-premium-benefits button,
body.day #nolaTreasury #nolaTreasuryContent .nola-premium-benefits button {
  background:#a99da2!important;color:#4a4146!important;
  -webkit-text-fill-color:#4a4146!important;border:1px solid #665b60!important;
}
body[data-site-theme="day"] #nolaTreasury #nolaTreasuryContent .nola-premium-benefits button:hover,
body[data-theme="day"] #nolaTreasury #nolaTreasuryContent .nola-premium-benefits button:hover,
body.day #nolaTreasury #nolaTreasuryContent .nola-premium-benefits button:hover {
  background:#f3f0ec!important;
}

/* DAY THEME: treasury explanatory banner must never inherit the dark inline background. */
body[data-site-theme="day"] #nolaTreasury #nolaTreasuryContent > p[style*="background"],
body[data-theme="day"] #nolaTreasury #nolaTreasuryContent > p[style*="background"],
body.day #nolaTreasury #nolaTreasuryContent > p[style*="background"] {
  background:#e8e6e3 !important;
  background-image:none !important;
  color:#4a4146 !important;
  -webkit-text-fill-color:#4a4146 !important;
  border-left:3px solid #665b60 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body[data-site-theme="day"] #nolaTreasury #nolaTreasuryContent > p[style*="background"] *,
body[data-theme="day"] #nolaTreasury #nolaTreasuryContent > p[style*="background"] *,
body.day #nolaTreasury #nolaTreasuryContent > p[style*="background"] * {
  color:#4a4146 !important;
  -webkit-text-fill-color:#4a4146 !important;
  opacity:1 !important;
}

/* NOLA: approved daylight palette for the seal summary and the relic overlay only. */
:is(body[data-site-theme="day"],body[data-theme="day"],body.theme-day,body.day) #nolaTreasury .nola-seal-options {
 background:#e8e6e3!important;background-image:none!important;color:#4a4146!important;border-color:#a99da2!important;
}
:is(body[data-site-theme="day"],body[data-theme="day"],body.theme-day,body.day) #nolaTreasury .nola-seal-options :is(h1,h2,h3,h4,p,small,span,strong,li) {
 color:#4a4146!important;-webkit-text-fill-color:#4a4146!important;opacity:1!important;text-shadow:none!important;
}
:is(body[data-site-theme="day"],body[data-theme="day"],body.theme-day,body.day) #relicGalleryOverlay {background:#e8e6e3!important;color:#4a4146!important}
:is(body[data-site-theme="day"],body[data-theme="day"],body.theme-day,body.day) #relicGalleryOverlay > div:first-child {background:#e8e6e3!important;color:#4a4146!important;border-color:#a99da2!important}
:is(body[data-site-theme="day"],body[data-theme="day"],body.theme-day,body.day) #relicGalleryOverlay > div:first-child button {background:#a99da2!important;color:#4a4146!important;border-color:#665b60!important}
:is(body[data-site-theme="day"],body[data-theme="day"],body.theme-day,body.day) #relicGalleryFrame {background:#f3f0ec!important}

/* Approved daylight treasury: explanatory text without a colored strip. */
:is(body[data-site-theme="day"],body[data-theme="day"],body.theme-day,body.day) #nolaTreasury #nolaTreasuryContent > p[style*="background"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-left: 0 !important;
  padding: 0 !important;
  margin: 12px 0 !important;
  box-shadow: none !important;
  color: #4a4146 !important;
  -webkit-text-fill-color: #4a4146 !important;
}

/* Единая оценка произведения: вместо двух кнопок одна рядом с наградами. */
#sec-reader #kudosBtn.nola-reader-main-like {cursor:pointer;max-width:100%;flex-wrap:wrap;justify-content:center;}
#sec-reader #kudosBtn.nola-reader-main-like .n104-blood-stat {pointer-events:none;}
#sec-reader #kudosBtn.nola-reader-main-like [data-kudos-label] {white-space:normal;}
#sec-reader #kudosBtn.nola-reader-main-like #readerKudos[hidden] {display:none!important;}

/* NOLA: compact multi-select for request genres; checkbox alongside its own label. */
#nola19-requests .n19filtermenu {width:100%;max-height:220px;overflow-y:auto;padding:8px;box-sizing:border-box;}
#nola19-requests .n19filteroption {display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:34px!important;padding:5px 9px!important;margin:0!important;line-height:1.35!important;cursor:pointer;}
#nola19-requests .n19filteroption input[type="checkbox"] {appearance:auto!important;-webkit-appearance:checkbox!important;display:block!important;position:static!important;flex:0 0 17px!important;width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;max-width:17px!important;max-height:17px!important;margin:0!important;padding:0!important;transform:none!important;vertical-align:middle!important;box-shadow:none!important;}
#nola19-requests .n19filteroption span {display:inline!important;flex:1 1 auto!important;margin:0!important;padding:0!important;font-size:15px!important;line-height:1.35!important;text-align:left!important;}
#nola19-requests .n19filterclear {display:block;margin:0 0 5px;width:auto;min-height:34px;}
#nola19-requests .n19filterchips:empty {display:none;}
@media(max-width:640px){#nola19-requests .n19filtermenu{max-height:195px;}}
/* Blood bag is a read-only counter, not part of the voting button. */
#sec-reader .nola-reader-like-group {display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;max-width:100%;}
#sec-reader .nola-reader-like-group > #n100DropsStat {cursor:default;pointer-events:none;flex-shrink:0;}
#sec-reader .nola-reader-like-group > #kudosBtn {margin:0;min-height:44px;}

/* Animated blood drop on the single reader like button (both themes). */
#sec-reader #kudosBtn .nola-blood-icon {position:relative;display:inline-flex;align-items:center;justify-content:center;width:25px;height:30px;flex:0 0 25px;color:#ad1329;-webkit-text-fill-color:initial;isolation:isolate;overflow:visible;}
#sec-reader #kudosBtn .nola-blood-icon svg {display:block;width:23px;height:29px;filter:drop-shadow(0 1px 1px rgba(60,0,12,.35));}
#sec-reader #kudosBtn.kudos-given .nola-blood-icon {color:#d10e2b;}
#sec-reader #kudosBtn .nola-drip {position:absolute;bottom:0;width:5px;height:9px;background:#b20825;border-radius:65% 65% 70% 70%;opacity:0;pointer-events:none;}
#sec-reader #kudosBtn .nola-drip-one {left:5px;}
#sec-reader #kudosBtn .nola-drip-two {left:12px;}
#sec-reader #kudosBtn .nola-drip-three {left:19px;}
#sec-reader #kudosBtn.nola-blood-bleeding .nola-blood-icon svg {animation:nola-blood-pulse .7s ease-out both;}
#sec-reader #kudosBtn.nola-blood-bleeding .nola-drip-one {animation:nola-blood-fall 1.4s .12s ease-in both;}
#sec-reader #kudosBtn.nola-blood-bleeding .nola-drip-two {animation:nola-blood-fall 1.6s .34s ease-in both;}
#sec-reader #kudosBtn.nola-blood-bleeding .nola-drip-three {animation:nola-blood-fall 1.3s .56s ease-in both;}
@keyframes nola-blood-fall {0%{transform:translateY(0) scale(.7);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(36px) scale(.8);opacity:0}}
@keyframes nola-blood-pulse {0%{transform:scale(1)}35%{transform:scale(1.2)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){#sec-reader #kudosBtn.nola-blood-bleeding .nola-drip,#sec-reader #kudosBtn.nola-blood-bleeding .nola-blood-icon svg{animation:none!important;}}

/* NOLA: seven-second flowing blood reaction; visual only, vote logic unchanged. */
#sec-reader #kudosBtn .nola-blood-icon,
#sec-reader #kudosBtn.kudos-given .nola-blood-icon {color:#d3092b!important;-webkit-text-fill-color:initial!important;}
#sec-reader #kudosBtn .nola-blood-icon svg path:first-child {fill:#d3092b!important;stroke:#740719!important;}
#sec-reader #kudosBtn .nola-blood-icon svg path:nth-child(2) {stroke:#ffb7bd!important;}
#sec-reader #kudosBtn .nola-drip {background:linear-gradient(#ed173b,#a60020);border-radius:55% 55% 75% 75%;height:10px;width:5px;filter:drop-shadow(0 1px 2px rgba(125,0,20,.3));}
#sec-reader #kudosBtn.nola-blood-bleeding .nola-blood-icon svg {animation:nola-flow-pulse 7s cubic-bezier(.3,.05,.5,1) both!important;}
#sec-reader #kudosBtn.nola-blood-bleeding .nola-drip-one {animation:nola-flow-one 7s ease-in-out both!important;}
#sec-reader #kudosBtn.nola-blood-bleeding .nola-drip-two {animation:nola-flow-two 7s ease-in-out both!important;}
#sec-reader #kudosBtn.nola-blood-bleeding .nola-drip-three {animation:nola-flow-three 7s ease-in-out both!important;}
@keyframes nola-flow-pulse {0%,100%{transform:scale(1)}8%,29%,53%,77%{transform:scale(1.09)}18%,42%,66%,89%{transform:scale(1.025)}}
@keyframes nola-flow-one {0%,4%,35%,100%{opacity:0;transform:translate(0,0) scale(.45)}9%{opacity:1;transform:translate(0,2px) scale(.8)}19%{opacity:1;transform:translate(-9px,17px) scale(1)}32%{opacity:0;transform:translate(-17px,39px) scale(.45)}}
@keyframes nola-flow-two {0%,23%,59%,100%{opacity:0;transform:translate(0,0) scale(.45)}30%{opacity:1;transform:translate(0,2px) scale(.85)}44%{opacity:1;transform:translate(4px,19px) scale(1)}56%{opacity:0;transform:translate(11px,42px) scale(.4)}}
@keyframes nola-flow-three {0%,51%,94%,100%{opacity:0;transform:translate(0,0) scale(.45)}59%{opacity:1;transform:translate(0,2px) scale(.85)}76%{opacity:1;transform:translate(12px,20px) scale(1)}91%{opacity:0;transform:translate(20px,40px) scale(.4)}}
/* Transparent blood bag shell in day mode: only the red liquid remains opaque. */
body[data-site-theme="day"] #sec-reader #n100DropsStat .n104-bag svg > path:nth-of-type(2) {fill:rgba(243,240,236,.12)!important;stroke:#665b60!important;}
body[data-site-theme="day"] #sec-reader #n100DropsStat .n104-bag svg > path:first-of-type {fill:rgba(243,240,236,.32)!important;stroke:#665b60!important;}
body[data-site-theme="day"] #sec-reader #n100DropsStat .n104-bag {filter:none!important;}
@media(prefers-reduced-motion:reduce){#sec-reader #kudosBtn.nola-blood-bleeding .nola-drip,#sec-reader #kudosBtn.nola-blood-bleeding .nola-blood-icon svg{animation:none!important;}}


/* NOLA: blood like matches the awards button; splash is purely decorative. */
#sec-reader #kudosBtn.nola-reader-main-like {
  background:transparent!important;
  border:1px solid #665b60!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#4a4146!important;
  -webkit-text-fill-color:#4a4146!important;
  font:inherit;
  padding:8px 16px!important;
}
#sec-reader #kudosBtn.nola-reader-main-like [data-kudos-label] {color:inherit!important;-webkit-text-fill-color:inherit!important;}
body[data-site-theme="night"] #sec-reader #kudosBtn.nola-reader-main-like {
  background:transparent!important;border-color:rgba(219,175,105,.55)!important;
  color:#e6c58c!important;-webkit-text-fill-color:#e6c58c!important;
}
#sec-reader #kudosBtn .nola-blood-icon {overflow:visible;}
#sec-reader #kudosBtn .nola-splash {
  position:absolute;left:50%;top:57%;width:5px;height:8px;
  margin-left:-2px;margin-top:-4px;border-radius:70% 30% 65% 35%;
  background:linear-gradient(145deg,#ff5366 0%,#d6092a 45%,#830017 100%);
  opacity:0;pointer-events:none;transform:translate(0,0) scale(.2) rotate(0deg);
  filter:drop-shadow(0 1px 1px rgba(90,0,15,.25));
}
#sec-reader #kudosBtn .nola-splash:nth-of-type(4) {--dx:-64px;--dy:-37px;--rot:-95deg;--delay:.10s;--sz:1.1;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(5) {--dx:-43px;--dy:-62px;--rot:-45deg;--delay:.08s;--sz:.8;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(6) {--dx:-16px;--dy:-78px;--rot:-20deg;--delay:.14s;--sz:.7;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(7) {--dx:18px;--dy:-75px;--rot:25deg;--delay:.06s;--sz:1;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(8) {--dx:49px;--dy:-57px;--rot:75deg;--delay:.12s;--sz:.85;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(9) {--dx:70px;--dy:-24px;--rot:100deg;--delay:.04s;--sz:1.1;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(10) {--dx:75px;--dy:17px;--rot:140deg;--delay:.13s;--sz:.75;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(11) {--dx:48px;--dy:50px;--rot:160deg;--delay:.10s;--sz:1;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(12) {--dx:15px;--dy:66px;--rot:190deg;--delay:.07s;--sz:.8;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(13) {--dx:-21px;--dy:68px;--rot:220deg;--delay:.11s;--sz:1.15;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(14) {--dx:-56px;--dy:47px;--rot:260deg;--delay:.05s;--sz:.85;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(15) {--dx:-75px;--dy:12px;--rot:290deg;--delay:.15s;--sz:1;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(16) {--dx:37px;--dy:-29px;--rot:55deg;--delay:.19s;--sz:.65;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(17) {--dx:-35px;--dy:27px;--rot:-125deg;--delay:.09s;--sz:.6;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(18) {--dx:7px;--dy:-46px;--rot:10deg;--delay:.17s;--sz:.6;}
#sec-reader #kudosBtn .nola-splash:nth-of-type(19) {--dx:-9px;--dy:44px;--rot:200deg;--delay:.16s;--sz:.7;}
#sec-reader #kudosBtn.nola-blood-bleeding .nola-blood-icon svg {
  animation:nola-squash-drop 7s cubic-bezier(.18,.65,.28,1) both!important;
  transform-origin:50% 62%;
}
#sec-reader #kudosBtn.nola-blood-bleeding .nola-splash {
  animation:nola-splash-out 7s cubic-bezier(.2,.7,.3,1) var(--delay,0s) both;
}
#sec-reader #kudosBtn.nola-blood-bleeding .nola-drip {animation:none!important;}
@keyframes nola-squash-drop {
  0%{transform:scale(1)} 1.5%{transform:scale(1.14,.78)}
  3.5%{transform:scale(1.42,.35)} 5.5%{transform:scale(.78,.55)}
  9%{transform:scale(.87,1.13)} 13%{transform:scale(1.05,.97)}
  18%,100%{transform:scale(1)}
}
@keyframes nola-splash-out {
  0%,2%{opacity:0;transform:translate(0,0) scale(.2) rotate(0deg)}
  4%{opacity:1;transform:translate(calc(var(--dx)*.18),calc(var(--dy)*.18)) scale(calc(var(--sz)*1.25)) rotate(calc(var(--rot)*.3))}
  12%{opacity:.95;transform:translate(calc(var(--dx)*.8),calc(var(--dy)*.8)) scale(var(--sz)) rotate(var(--rot))}
  24%{opacity:.8;transform:translate(var(--dx),var(--dy)) scale(calc(var(--sz)*.85)) rotate(var(--rot))}
  55%{opacity:.35;transform:translate(var(--dx),calc(var(--dy) + 12px)) scale(calc(var(--sz)*.65)) rotate(var(--rot))}
  96%,100%{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 30px)) scale(.2) rotate(var(--rot))}
}
@media(prefers-reduced-motion:reduce){
 #sec-reader #kudosBtn.nola-blood-bleeding .nola-splash,
 #sec-reader #kudosBtn.nola-blood-bleeding .nola-blood-icon svg{animation:none!important;}
}

/* FIX: day-mode like button must have the same filled surface as Awards, not transparent. */
:is(body[data-site-theme="day"],body[data-theme="day"],body.theme-day,body.day) #sec-reader #kudosBtn.nola-reader-main-like {
  background:#e8e6e3!important;
  background-color:#e8e6e3!important;
  border:2px solid #665b60!important;
  color:#4a4146!important;
  -webkit-text-fill-color:#4a4146!important;
  box-shadow:0 2px 5px rgba(74,65,70,.12)!important;
}
:is(body[data-site-theme="day"],body[data-theme="day"],body.theme-day,body.day) #sec-reader #kudosBtn.nola-reader-main-like:hover {
  background:#a99da2!important;
  background-color:#a99da2!important;
}
:is(body[data-site-theme="day"],body[data-theme="day"],body.theme-day,body.day) #sec-reader #kudosBtn.nola-reader-main-like [data-kudos-label] {
  color:#4a4146!important;
  -webkit-text-fill-color:#4a4146!important;
}

/* NOLA: unified reader action controls; preserve existing theme colors and blood effects. */
#sec-reader .nola-reader-like-group,
#sec-reader .nola-reader-like-group + #n93AwardCounter { min-width:0; }
#sec-reader #kudosBtn.nola-reader-main-like,
#sec-reader #n93AwardCounter,
#sec-reader #readerBookmarkBtn {
  box-sizing:border-box!important;
  min-height:52px!important;
  height:52px!important;
  padding:8px 14px!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:600!important;
  letter-spacing:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
#sec-reader #kudosBtn.nola-reader-main-like [data-kudos-label] {
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit!important;
}
#sec-reader #kudosBtn .nola-blood-icon {flex:0 0 auto;}
#sec-reader .nola-reader-like-group {display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap;}
#sec-reader #n100DropsStat.n104-blood-stat {
  box-sizing:border-box!important;
  min-height:52px!important;
  height:52px!important;
  padding:4px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0;
}
@media(max-width:640px){
  #sec-reader .nola-reader-like-group {max-width:100%;flex-wrap:wrap;justify-content:center;}
  #sec-reader #kudosBtn.nola-reader-main-like,
  #sec-reader #n93AwardCounter,
  #sec-reader #readerBookmarkBtn {min-height:46px!important;height:46px!important;font-size:12px!important;padding:6px 10px!important;}
  #sec-reader #n100DropsStat.n104-blood-stat {min-height:46px!important;height:46px!important;}
}

/* NOLA checkpoint: readable chapter table of contents in daytime theme only. */
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #sec-reader .nola-reader-toc {
  background: #f5f0e9 !important;
  color: #493238 !important;
  border: 1px solid #c8b5a4 !important;
  box-shadow: 0 2px 8px rgba(72, 46, 40, .07) !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #sec-reader .nola-reader-toc summary {
  color: #493238 !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #sec-reader .nola-toc-item {
  background: #fffaf4 !important;
  color: #493238 !important;
  border: 1px solid #c5b2a6 !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #sec-reader .nola-toc-item:hover,
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #sec-reader .nola-toc-item.active {
  background: #eadbd0 !important;
  color: #39262b !important;
  border-color: #997260 !important;
}

/* Day reader: replace the dark bands around the table of contents with soft gray. */
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #sec-reader {
  background-color: #d5d2d4 !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #sec-reader #nolaReaderToc {
  background-color: #e3e0e1 !important;
  border-color: #b9b3b7 !important;
  color: #3c3339 !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #sec-reader .nola-toc-item {
  background-color: #efeded !important;
  border-color: #bcb5ba !important;
}


/* NOLA — awards palette correction, DAY THEME ONLY.
   Warm stone / parchment / muted plum; night theme is untouched. */
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n97AwardShade {
  background: rgba(40, 35, 40, .58) !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog {
  background: #f3efeb !important;
  color: #382d35 !important;
  border: 1px solid #a995a1 !important;
  box-shadow: 0 22px 65px rgba(42, 29, 40, .25) !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog .n97-head h3 {
  color: #5d394c !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog .n97-muted,
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog .n102-label {
  color: #65545e !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog button {
  background: #e6dfe1 !important;
  color: #49313f !important;
  border-color: #b6a4ad !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog .n97-choices .n103-choice {
  background: #fcfaf7 !important;
  color: #45323e !important;
  border: 1px solid #c9bac0 !important;
  box-shadow: 0 2px 7px rgba(65, 45, 58, .05) !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog .n97-choices .n103-choice:hover {
  background: #f1e8e8 !important;
  border-color: #866275 !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog .n103-choice-text strong {
  color: #432b3b !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog .n103-choice-text small {
  color: #6a5961 !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog .n103-symbol {
  background: radial-gradient(circle at 35% 30%, #f4e5db, #dbc5cd) !important;
  color: #704259 !important;
  border-color: #b69a7b !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog textarea {
  background: #fffdfa !important;
  color: #382c35 !important;
  border: 1px solid #bcaeb3 !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog textarea::placeholder {
  color: #81737a !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog textarea:focus {
  outline: 2px solid #946b7e !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog .n97-form > button {
  background: #674253 !important;
  color: #fff9f3 !important;
  border-color: #674253 !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog .n97-form > button:hover {
  background: #7b5063 !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n97AwardsPanel {
  background: #f4f0ed !important;
  color: #42313b !important;
  border-color: #b5a4ac !important;
  box-shadow: 0 12px 35px rgba(48, 35, 43, .2) !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n97AwardsPanel .n97-item {
  background: #fffcf9 !important;
  border-color: #c8b8bf !important;
  color: #44313d !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n97AwardsPanel .n97-icon {
  color: #84566a !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n97AwardsPanel .n97-muted,
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n97AwardsPanel .n103-award-info small {
  color: #6a5962 !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n97AwardsPanel button {
  background: #e7dfe2 !important;
  color: #47313e !important;
  border-color: #bba8b1 !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n97AwardsPanel .n97-head button:nth-of-type(1) {
  background: #674253 !important;
  color: #fff9f3 !important;
}

/* 2026-11-03: only the primary awards buttons in DAY mode; panels unchanged. */
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n97AwardsPanel .n97-head button:nth-of-type(1),
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog .n97-form > button {
  background: #c8c8c8 !important;
  color: #333333 !important;
  border: 1px solid #999999 !important;
}
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n97AwardsPanel .n97-head button:nth-of-type(1):hover,
:is(body.day, body.theme-day, body[data-theme="day"], body[data-site-theme="day"], html[data-theme="day"] body) #n98AwardDialog .n97-form > button:hover {
  background: #b5b5b5 !important;
  color: #333333 !important;
}

/* Gift controls: Treasury placement and neutral DAY palette only. */
#nolaReaderTreasuryGiftLink {display:block; margin:14px auto 24px; padding:11px 18px; border:1px solid #786a60; border-radius:6px; background:#30202b; color:#f2d7ad; cursor:pointer; font:600 14px Georgia,serif; max-width:100%;}
#nolaReaderTreasuryGiftLink:hover {filter:brightness(1.12)}
#nolaTreasuryContent .n100-gifts {max-width:none; margin:14px 0 8px;}
#nolaTreasuryContent .n100-gift-inner {display:grid;gap:12px;}
#nolaTreasuryContent .n100-gift-actions select {min-width:220px;max-width:100%;}
.nola-gift-treasury-head h3 {margin:8px 0;color:#edcf92;font-size:22px;}
.nola-gift-treasury-nav {display:flex;flex-wrap:wrap;gap:10px;margin:14px 0;}
.nola-gift-treasury-nav button {padding:9px 12px;border:1px solid #9b795c;border-radius:5px;background:#34242c;color:#f2d7ad;cursor:pointer;}
body[data-site-theme="day"] #nolaReaderTreasuryGiftLink {background:#dedede!important;color:#333!important;border-color:#999!important;}
body[data-site-theme="day"] #nolaReaderTreasuryGiftLink:hover {background:#c8c8c8!important;filter:none;}
body[data-site-theme="day"] #nolaTreasuryContent .n100-gifts {background:#f0f0f0!important;border-color:#aaa!important;color:#333!important;}
body[data-site-theme="day"] #nolaTreasuryContent .n100-gifts>summary {background:#dedede!important;color:#333!important;border:0!important;}
body[data-site-theme="day"] #nolaTreasuryContent .n100-gift-inner {background:#f0f0f0!important;border-color:#aaa!important;}
body[data-site-theme="day"] #nolaTreasuryContent .n100-gift-inner p {color:#444!important;}
body[data-site-theme="day"] #nolaTreasuryContent #giftChoice {background:#fff!important;color:#333!important;border:1px solid #999!important;}
body[data-site-theme="day"] #nolaTreasuryContent #sendGiftButton {background:#c8c8c8!important;color:#333!important;border:1px solid #999!important;border-radius:5px;}
body[data-site-theme="day"] #nolaTreasuryContent #sendGiftButton:hover {background:#b5b5b5!important;}
body[data-site-theme="day"] #nolaTreasuryContent .n100-gift-count {color:#555!important;}
body[data-site-theme="day"] #nolaTreasuryContent .nola-gift-treasury-head h3 {color:#333!important;}
body[data-site-theme="day"] #nolaTreasuryContent .nola-gift-treasury-head p {color:#555!important;}
body[data-site-theme="day"] #nolaTreasuryContent .nola-gift-treasury-nav button {background:#dedede!important;color:#333!important;border-color:#999!important;}
@media(max-width:600px){#nolaTreasuryContent .n100-gift-actions{flex-direction:column;align-items:stretch;}#nolaTreasuryContent .n100-gift-actions select,#nolaTreasuryContent .n100-gift-actions button{width:100%;}}

/* Gift tab is accessible inside Treasury only. */
.nola-gift-entry{margin:10px;padding:10px 14px;border:1px solid #999;border-radius:5px;cursor:pointer}
body[data-site-theme="day"] .nola-gift-entry{background:#dedede;color:#333}

/* NOLA: daylight reader TOC surroundings — neutral gray, no dark bands.
   Overrides legacy reader background shorthands; night remains untouched. */
body[data-site-theme="day"] #sec-reader,
body[data-theme="day"] #sec-reader,
html[data-theme="day"] body #sec-reader,
body.day #sec-reader,
body.theme-day #sec-reader {
  background: #f3f0ec !important;
  background-image: none !important;
}
body[data-site-theme="day"] #sec-reader #nolaReaderToc,
body[data-theme="day"] #sec-reader #nolaReaderToc,
html[data-theme="day"] body #sec-reader #nolaReaderToc,
body.day #sec-reader #nolaReaderToc,
body.theme-day #sec-reader #nolaReaderToc {
  background: #e5e5e5 !important;
  background-image: none !important;
  color: #333333 !important;
  border: 1px solid #b8b8b8 !important;
  box-shadow: none !important;
}
body[data-site-theme="day"] #sec-reader #nolaReaderToc summary,
body[data-theme="day"] #sec-reader #nolaReaderToc summary,
body.day #sec-reader #nolaReaderToc summary,
body.theme-day #sec-reader #nolaReaderToc summary {
  color: #333333 !important;
}

/* Treasury author gift: visible controls, neutral daytime gray. */
#nolaTreasuryContent #n100GiftDetails {display:block!important;visibility:visible!important;opacity:1!important;}
#nolaTreasuryContent #n100GiftDetails .n100-gift-inner {display:grid!important;visibility:visible!important;}
#nolaTreasuryContent #n100GiftDetails .n100-gift-actions {display:flex!important;flex-wrap:wrap;gap:12px;}
body[data-site-theme="day"] #nolaTreasuryContent #giftChoice,
body[data-site-theme="day"] #nolaTreasuryContent #sendGiftButton {background:#dedede!important;color:#333!important;border:1px solid #999!important;}
body[data-site-theme="day"] #nolaTreasuryContent #giftAllowanceInfo {color:#444!important;}

.nola-account-status{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px 8px;border-bottom:1px solid #777}
.nola-account-status-card{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 5px;border:1px solid #927657;border-radius:6px;background:#35242a;color:#f0d9b5;cursor:pointer;text-align:center;line-height:1.25}
.nola-account-status-card span{font-size:12px}.nola-account-status-card strong{font-size:15px;overflow-wrap:anywhere}
.nola-account-status-card:hover,.nola-account-status-card:focus-visible{outline:2px solid #b99a68;outline-offset:1px}
body[data-site-theme="day"] .nola-account-status-card,body.theme-day .nola-account-status-card{background:#e3e3e3;color:#333;border-color:#999}
body[data-site-theme="day"] .nola-account-status-card:hover,body.theme-day .nola-account-status-card:hover{background:#d2d2d2}
\n/* Author works cards inside the profile tab; canonical works grid remains at page bottom. */\n.nola-profile-works-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin-top:14px}\n
/* DOCX/plain-text import: show author paragraph indentation and intentional blank lines. */
#richChapterEditor { white-space: pre-wrap; tab-size: 4; overflow-wrap: break-word; }
#sec-reader { overflow-wrap: break-word; }

/* NOLA fix: contextual page close must never overlay the expanded account menu. */
body:has(#accountMenu:not(.hidden)) .nola-section-close {
  visibility:hidden!important;
  pointer-events:none!important;
}
body.nola-account-menu-open .nola-section-close {visibility:hidden!important;pointer-events:none!important;}

/* Chapter fidelity: retain author punctuation, whitespace, blank lines and tabs. */
#readerText .nola-preserved-chapter,
#manuscriptPreviewBody .nola-preserved-chapter {
  white-space: pre-wrap !important;
  tab-size: 4;
  overflow-wrap: break-word;
  font-family: Georgia, serif;
  letter-spacing: normal;
  line-height: inherit;
}
#richChapterEditor, .extra-chapter-content {
  white-space: pre-wrap !important;
  tab-size: 4;
  overflow-wrap: break-word;
}


/* NOLA: Georgia for authored chapter text only.
   Keep existing line-height, paragraph spacing, themes and UI fonts unchanged. */
#richChapterEditor,
#chapterEditor,
#chapterBody,
#chapterText,
#readerText,
#chapterContent,
#sec-reader .reader-content,
#sec-reader .chapter-content,
#sec-publish .archive-rich-editor,
#sec-publish textarea[name="chapterText"],
#sec-publish textarea[name="chapterContent"] {
  font-family: Georgia, "Times New Roman", serif !important;
}
#richChapterEditor *,
#readerText *,
#chapterContent *,
#sec-reader .reader-content *,
#sec-reader .chapter-content * {
  font-family: Georgia, "Times New Roman", serif !important;
}

/* Reader header: slightly larger and stronger, chapter text unchanged. */
#readerBox #readerTitle { font-size: clamp(2.45rem, 3.9vw, 3.5rem) !important; font-weight: 600 !important; line-height: 1.22 !important; }
#readerBox #readerRatingBadge { font-size: 1.1rem !important; font-weight: 600 !important; line-height: 1.4 !important; }
#readerBox #readerTitle + p { font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.55 !important; }
@media (max-width: 640px) {
  #readerBox #readerTitle { font-size: 2.15rem !important; }
  #readerBox #readerTitle + p { font-size: 1.1rem !important; }
}

/* Stage 2: explicit controls for collapsible tag categories */
.nola-tag-collapse-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.nola-tag-collapse-actions button{padding:7px 11px;border:1px solid rgba(165,126,64,.48);border-radius:4px;color:var(--nolaGold,#b89a58);background:transparent;cursor:pointer;font-size:12px}.nola-tag-collapse-actions button:hover,.nola-tag-collapse-actions button:focus-visible{background:rgba(165,126,64,.12)}.nola-tag-picker .tag-group>summary{cursor:pointer;user-select:none}.nola-tag-picker .tag-group>summary:focus-visible{outline:2px solid var(--nolaGold,#b89a58);outline-offset:2px}

/* Stage 3: reader tools; inherits the site's approved colors */
.nola-stage3-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 16px;font-family:Georgia,serif}
.nola-stage3-tools button,.nola-stage3-history button{border:1px solid #8b643e;color:inherit;background:transparent;border-radius:5px;padding:9px 12px;cursor:pointer}
.nola-stage3-tools button:hover,.nola-stage3-history button:hover{background:rgba(169,157,162,.16)}
.nola-stage3-tools #nola3Progress{font-size:13px;opacity:.85}
.nola-stage3-history{border:1px solid #8b643e;padding:12px;margin:10px 0;max-height:240px;overflow:auto}
.nola-stage3-history button{display:block;width:100%;text-align:left;margin:5px 0}
body[data-site-theme="day"] .nola-stage3-tools button,body[data-site-theme="day"] .nola-stage3-history button,body[data-site-theme="day"] .nola-stage3-history{border-color:#a99da2}
@media(max-width:640px){.nola-stage3-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nola-stage3-tools button{font-size:12px;padding:10px 6px;min-height:42px}.nola-stage3-tools #nola3Progress{grid-column:1/-1}#readerText{overflow-wrap:anywhere}}

#sec-profile #nolaFollowRow {
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 gap:10px 16px!important;clear:both!important;position:relative!important;
 grid-column:1/-1!important;grid-row:auto!important;
 margin:12px 18px 16px!important;padding:0!important;min-height:42px!important;
}
#sec-profile #nolaFollowRow #nolaFollowSummary,
#sec-profile #nolaFollowRow #nolaFollowAction {
 position:static!important;float:none!important;transform:none!important;
 inset:auto!important;grid-row:auto!important;grid-column:auto!important;
 align-self:center!important;justify-self:auto!important;
 margin:0!important;width:auto!important;max-width:100%!important;
 flex:0 1 auto!important;white-space:normal!important;line-height:1.4!important;
}
#sec-profile #nolaFollowRow #nolaFollowAction {
 display:inline-flex!important;align-items:center;justify-content:center;
 min-height:38px;padding:8px 14px;
}
#sec-profile #nolaFollowRow #nolaFollowAction[hidden]{display:none!important}
@media(max-width:650px){
 #sec-profile #nolaFollowRow{margin:10px 12px 14px!important;gap:8px!important}
}

/* Profile: keep followers directly below avatar/name, never above them. */
@media (min-width:760px) {
 #sec-profile #nolaProfileHead {grid-row:3!important;grid-column:1/-1!important;}
 #sec-profile #nolaFollowRow {grid-row:4!important;grid-column:1/-1!important;align-self:start!important;margin:0 18px 12px!important;min-height:38px!important;}
 #sec-profile #nolaProfileContent {grid-row:5!important;}
}
@media (max-width:759px) {
 #sec-profile #nolaFollowRow {margin:4px 12px 12px!important;min-height:38px!important;}
}


/* NOLA: day theme dropdown headers and scrollbars.
   Keep the approved day palette; night theme is untouched. */
body[data-site-theme="day"] .n19suggest,
body[data-site-theme="day"] .n19multi .n19suggest {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border-color: #a99da2 !important;
  scrollbar-color: #a99da2 #f3f0ec !important;
  color-scheme: light !important;
}
body[data-site-theme="day"] .n19suggestion,
body[data-site-theme="day"] .n19multi .n19suggestion {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border-bottom-color: #a99da2 !important;
}
body[data-site-theme="day"] .n19suggestion:hover,
body[data-site-theme="day"] .n19suggestion:focus-visible {
  background: #e8e6e3 !important;
  color: #4a4146 !important;
}
body[data-site-theme="day"] .n125-tag-count,
body[data-site-theme="day"] #nola19-requests .n19editor .n125-tag-count {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border-bottom-color: #a99da2 !important;
}
body[data-site-theme="day"] .n19suggest::-webkit-scrollbar-track {
  background: #f3f0ec !important;
}
body[data-site-theme="day"] .n19suggest::-webkit-scrollbar-thumb {
  background: #a99da2 !important;
  border-color: #665b60 !important;
}

/* Day theme: remove the stray bottom rule beneath premium/piastres status cards. */
body[data-site-theme="day"] .nola-account-status-card,
body.theme-day .nola-account-status-card {
  background: #f3f0ec !important;
  color: #4a4146 !important;
  border: 1px solid #a99da2 !important;
  border-bottom: 1px solid #a99da2 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
body[data-site-theme="day"] .nola-account-status-card:hover,
body.theme-day .nola-account-status-card:hover { background: #e8e6e3 !important; }
body[data-site-theme="day"] .nola-account-status,
body.theme-day .nola-account-status { border-bottom-color: #a99da2 !important; }

/* Separate full-page community layout, only when selected. */
#nola-community-page[hidden]{display:none!important}
body.nola-community-active main>section:not(#nola-community-page){display:none!important}
body.nola-community-active #nola-community-page{display:block!important;max-width:1380px;width:100%;margin:0 auto;padding:32px clamp(16px,4vw,56px) 70px;min-height:75vh}
.nola-community-shell{width:100%;font-family:Georgia,serif;color:var(--text,#e9cfaa)}
.nola-community-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0 22px;border-bottom:1px solid #a99da2}
.nola-community-header h1{font:700 clamp(30px,4vw,48px) Georgia,serif;margin:14px 0 10px}
.nola-community-header p{margin:0;line-height:1.6;max-width:780px}
.nola-community-eyebrow{font-size:14px;letter-spacing:.04em}
.nola-community-header button,.nola-community-nav button{border:1px solid #a99da2;border-radius:7px;padding:12px 17px;background:transparent;color:inherit;cursor:pointer;font:16px Georgia,serif}
.nola-community-nav{display:flex;flex-wrap:wrap;gap:10px;padding:24px 0}
.nola-community-nav [aria-current="page"]{background:#a99da2;color:#4a4146}
#nola-community-content{width:100%;min-height:320px}
#nola-community-content #nola15-result{width:100%;max-width:none!important;margin:0!important;min-height:300px}
#nola-community-content #nola19-requests,#nola-community-content #nola21-helpers{width:100%;max-width:none!important}
#nola-community-content .n19grid,#nola-community-content .h21-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#nola-community-content .n19bar,#nola-community-content .h21-tabs{display:flex;flex-wrap:wrap;gap:8px}
body.theme-day .nola-community-shell,body[data-site-theme="day"] .nola-community-shell{color:#4a4146}
body.theme-day .nola-community-header button,body.theme-day .nola-community-nav button,body[data-site-theme="day"] .nola-community-header button,body[data-site-theme="day"] .nola-community-nav button{background:#f3f0ec;color:#4a4146}
body.theme-day .nola-community-nav [aria-current="page"],body[data-site-theme="day"] .nola-community-nav [aria-current="page"]{background:#a99da2;color:#4a4146}
@media(max-width:700px){body.nola-community-active #nola-community-page{padding:18px 12px 45px}.nola-community-header{align-items:flex-start;flex-direction:column}#nola-community-content .n19grid,#nola-community-content .h21-grid{grid-template-columns:minmax(0,1fr)}}

/* Мир Нового Орлеана: unified full-page presentation for Helpers and Requests.
   Existing handlers and local records are deliberately retained. */
body.nola-community-active #nola-community-page{
 max-width:1120px!important;padding:28px 20px 70px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
.nola-community-shell{font-family:Georgia,serif!important;line-height:1.5}
.nola-community-header{border:0!important;padding:0!important;display:block!important}
.nola-community-header h1{font-size:clamp(30px,5vw,42px)!important;margin:0 0 12px!important;line-height:1.2!important}
.nola-community-header p{max-width:1050px!important;line-height:1.6!important;font-size:17px!important}
.nola-community-eyebrow{display:block;margin:0 0 22px;font-size:14px!important}
.nola-community-nav{padding:26px 0 38px!important;gap:10px!important}
.nola-community-nav button{padding:10px 14px!important;border-radius:7px!important;font:16px Georgia,serif!important;min-height:42px!important}
#nola-community-content{min-height:300px!important;overflow:visible!important}
#nola-community-content #nola15-result{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;overflow:visible!important;height:auto!important;max-height:none!important}
#nola-community-content #nola19-requests,#nola-community-content #nola21-helpers{border:0!important;box-shadow:none!important;max-height:none!important;overflow:visible!important;background:transparent!important}
#nola-community-content .n19grid,#nola-community-content .h21-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))!important;gap:16px!important}
#nola-community-content input,#nola-community-content select,#nola-community-content textarea{max-width:100%;min-width:0}
#nola-community-content .n19bar,#nola-community-content .h21-tabs{gap:10px!important;margin-bottom:20px!important}
body.theme-day .nola-community-shell,body[data-site-theme="day"] .nola-community-shell{color:#4a4146!important}
body.theme-day .nola-community-header p,body[data-site-theme="day"] .nola-community-header p{color:#665b60!important}
body.theme-day .nola-community-nav button,body[data-site-theme="day"] .nola-community-nav button{background:#f3f0ec!important;border-color:#a99da2!important;color:#4a4146!important}
body.theme-day .nola-community-nav [aria-current="page"],body[data-site-theme="day"] .nola-community-nav [aria-current="page"]{background:#a99da2!important;color:#4a4146!important}
@media(max-width:700px){body.nola-community-active #nola-community-page{padding:22px 16px 50px!important}.nola-community-nav{padding:20px 0 26px!important}.nola-community-nav button{flex:1 1 auto}}

.nola-community-header #nola-community-back{float:right;margin:0 0 12px 14px}
.nola-community-header::after{content:"";display:block;clear:both}


/* Separate full-page Helpers / Requests: same airy layout as Artists, no cross-section tabs. */
body.nola-community-active #nola-community-page{
 max-width:1120px!important;
 padding:28px 20px 70px!important;
 margin:0 auto!important;
}
#nola-community-page .nola-community-shell{width:100%;font-family:Georgia,serif!important}
#nola-community-page .nola-community-header{
 display:flex!important;justify-content:space-between!important;align-items:flex-start!important;
 gap:16px!important;flex-wrap:wrap!important;
 padding:0 0 24px!important;margin:0!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
}
#nola-community-page .nola-community-header h1{
 font:700 clamp(27px,5vw,42px)/1.2 Georgia,serif!important;
 margin:0 0 12px!important;letter-spacing:0!important;
}
#nola-community-page .nola-community-header p{
 font:16px/1.6 Georgia,serif!important;margin:0!important;
}
#nola-community-page #nola-community-back{
 float:none!important;align-self:flex-start!important;margin:0!important;
 padding:10px 14px!important;border-radius:7px!important;
}
#nola-community-page .nola-community-nav,
#nola-community-page .nola-community-eyebrow{display:none!important}
#nola-community-page #nola-community-content{padding-top:4px!important}
#nola-community-page #nola-community-content #nola15-result{
 width:100%!important;max-width:none!important;padding:0!important;
 margin:0!important;border:0!important;box-shadow:none!important;
 background:transparent!important;overflow:visible!important;height:auto!important;max-height:none!important;
}
body[data-site-theme="day"] #nola-community-page .nola-community-header h1{color:#4a4146!important}
body[data-site-theme="day"] #nola-community-page .nola-community-header p{color:#665b60!important}
@media(max-width:600px){
 body.nola-community-active #nola-community-page{padding:22px 16px 50px!important}
 #nola-community-page .nola-community-header{flex-direction:column!important}
}


/* Exact visual rhythm of the standalone Artists page, applied to Helpers and Requests. */
body.nola-community-active{background:#e8e6e3}
body.nola-community-active #nola-community-page{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;min-height:calc(100vh - 80px)!important;background:#e8e6e3!important}
body.nola-community-active #nola-community-page .nola-world-topbar{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex-wrap:wrap!important;gap:12px!important;
 padding:18px max(20px,calc((100vw - 1080px)/2))!important;
 border-bottom:1px solid #a99da2!important;background:#e8e6e3!important;
 color:#4a4146!important;font:16px Georgia,serif!important;
}
#nola-community-page .nola-world-small{font-size:13px!important;color:#665b60!important}
#nola-community-page .nola-world-actions{display:flex!important;gap:6px!important}
#nola-community-page .nola-world-actions button{
 padding:10px 14px!important;font:16px Georgia,serif!important;border:1px solid #a99da2!important;
 border-radius:7px!important;background:#f3f0ec!important;color:#4a4146!important;
 box-shadow:none!important;min-height:0!important;
}
body.nola-community-active #nola-community-page .nola-community-shell{
 width:100%!important;max-width:1080px!important;margin:auto!important;padding:28px 20px 70px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 color:#4a4146!important;font:16px Georgia,serif!important;
}
#nola-community-page .nola-community-shell>h1{
 font:700 clamp(27px,5vw,42px)/1.2 Georgia,serif!important;margin:0 0 8px!important;
 padding:0!important;text-align:left!important;color:#4a4146!important;
}
#nola-community-page .nola-world-lead{
 font:16px/1.6 Georgia,serif!important;color:#665b60!important;margin:0 0 24px!important;
}
#nola-community-page #nola-community-content{margin:0!important;padding:0!important;min-height:0!important}
#nola-community-page #nola-community-content #nola15-result{
 margin:0!important;padding:0!important;border:0!important;background:transparent!important;
 box-shadow:none!important;max-height:none!important;height:auto!important;overflow:visible!important;
}
/* Remove repeated old section title/intro, not functional tabs or filters. */
#nola-community-page #nola21-helpers>h2,
#nola-community-page #nola21-helpers>h3,
#nola-community-page #nola19-requests>h2,
#nola-community-page #nola19-requests>h3{display:none!important}
#nola-community-page #nola21-helpers>p:first-of-type,
#nola-community-page #nola19-requests>p:first-of-type{display:none!important}
#nola-community-page #nola-community-content button{
 border-radius:7px!important;font-family:Georgia,serif!important;
}
#nola-community-page #nola-community-content input,
#nola-community-page #nola-community-content select,
#nola-community-page #nola-community-content textarea{
 font-family:Georgia,serif!important;border-radius:7px!important;
}
@media(max-width:600px){
 body.nola-community-active #nola-community-page .nola-world-topbar{padding:14px 18px!important}
 body.nola-community-active #nola-community-page .nola-community-shell{padding:28px 18px 50px!important}
}

/* WORLD: separate full-page layout exactly matching the Artists visual system.
   Existing helpers/requests engines remain responsible for all content and data. */
#nola-world-community[hidden]{display:none!important}
body.nola-world-open{background:var(--world-bg)!important;--world-bg:#e8e6e3;--world-panel:#f3f0ec;--world-ink:#4a4146;--world-muted:#665b60;--world-line:#a99da2}
body.nola-world-open:not([data-site-theme="day"]):not(.day-theme):not(.light-theme){--world-bg:#181219;--world-panel:#261d26;--world-ink:#f4e8e0;--world-muted:#d2b9ae;--world-line:#77515a}
body.nola-world-open[data-site-theme="day"]{--world-bg:#e8e6e3;--world-panel:#f3f0ec;--world-ink:#4a4146;--world-muted:#665b60;--world-line:#a99da2}
body.nola-world-open > *:not(#nola-world-community):not(script):not(style){display:none!important}
body.nola-world-open #nola-world-community{display:block!important;min-height:100vh!important;background:var(--world-bg)!important;color:var(--world-ink)!important;font:16px Georgia,serif!important}
#nola-world-community *{box-sizing:border-box}
#nola-world-community .world-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px max(20px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--world-line);background:var(--world-bg);color:var(--world-ink)}
#nola-world-community .world-small{font-size:13px;color:var(--world-muted)}
#nola-world-community .world-actions{display:flex;gap:6px}
#nola-world-community .world-actions button,#nola-world-community .world-content button{font:inherit;border:1px solid var(--world-line);border-radius:7px;background:var(--world-panel);color:var(--world-ink);padding:10px 14px;cursor:pointer;box-shadow:none}
#nola-world-community .world-actions button:hover,#nola-world-community .world-content button:hover{filter:brightness(1.09)}
#nola-world-community .world-main{max-width:1080px;margin:0 auto;padding:28px 20px 70px;background:transparent;border:0;box-shadow:none;display:block!important}
#nola-world-community h1{font:700 clamp(27px,5vw,42px)/1.2 Georgia,serif;margin:0 0 8px;color:var(--world-ink);letter-spacing:normal}
#nola-world-community .world-lead{color:var(--world-muted);font:16px/1.6 Georgia,serif;margin:0 0 24px}
#nola-world-community .world-content,#nola-world-community #nola15-result{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:visible!important;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--world-ink)!important}
#nola-world-community #nola21-helpers>h2,#nola-world-community #nola19-requests>h2,#nola-world-community #nola21-helpers>p.h21-muted:first-of-type{display:none!important}
#nola-world-community .h21-tabs,#nola-world-community .h21-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:24px 0!important}
#nola-world-community .h21-tabs button,#nola-world-community .h21-actions button{min-height:42px!important}
#nola-world-community .h21-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:12px!important;align-items:end!important}
#nola-world-community input:not([type=checkbox]):not([type=hidden]),#nola-world-community select,#nola-world-community textarea{font:16px Georgia,serif!important;min-width:0!important;width:100%!important;padding:11px!important;border:1px solid var(--world-line)!important;border-radius:7px!important;background:var(--world-panel)!important;color:var(--world-ink)!important;box-shadow:none!important}
#nola-world-community .h21-card,#nola-world-community .n19-card{background:var(--world-panel)!important;border:1px solid var(--world-line)!important;border-radius:12px!important;padding:16px!important;box-shadow:none!important}
#nola-world-community .nola-role-tip{background:var(--world-panel)!important;color:var(--world-ink)!important;box-shadow:0 5px 15px #0003!important}
#nola-world-community #nola19-requests,#nola-world-community #nola21-helpers{font:16px/1.5 Georgia,serif!important;color:var(--world-ink)!important}
@media(max-width:600px){#nola-world-community .world-header{padding:14px 18px}#nola-world-community .world-main{padding:28px 18px 50px}#nola-world-community .h21-tabs button{flex:1}}

/* Day theme inherits the site theme selector state. */
body.nola-world-open.theme-day,body.nola-world-open[data-theme="day"],body.nola-world-open.day{--world-bg:#e8e6e3!important;--world-panel:#f3f0ec!important;--world-ink:#4a4146!important;--world-muted:#665b60!important;--world-line:#a99da2!important}

/* Exact standalone Artists styling scoped to Helpers and Requests */
#nola-artstyle-shell{--bg:#181219;--panel:#261d26;--ink:#f4e8e0;--muted:#d2b9ae;--line:#77515a;--accent:#d3b67c}
#nola-artstyle-shell.day{--bg:#e8e6e3;--panel:#f3f0ec;--ink:#4a4146;--muted:#665b60;--line:#a99da2;--accent:#665b60}
#nola-artstyle-shell *{box-sizing:border-box}
#nola-artstyle-shell{margin:0;background:var(--bg);color:var(--ink);font:16px Georgia,serif}
#nola-artstyle-shell button,#nola-artstyle-shell input,#nola-artstyle-shell select,#nola-artstyle-shell textarea{font:inherit}
#nola-artstyle-shell button,#nola-artstyle-shell a.button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);padding:10px 14px;text-decoration:none}
#nola-artstyle-shell button:hover,#nola-artstyle-shell a.button:hover{filter:brightness(1.13)}
#nola-artstyle-shell header{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:18px max(20px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--line)}
#nola-artstyle-shell h1{font-size:clamp(27px,5vw,42px);margin:0 0 8px}
#nola-artstyle-shell h2{font-size:23px}
#nola-artstyle-shell main{max-width:1080px;margin:auto;padding:28px 20px 70px}
#nola-artstyle-shell .lead{color:var(--muted);line-height:1.6}
#nola-artstyle-shell .tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
#nola-artstyle-shell .tabs button.active{background:var(--line)}
#nola-artstyle-shell section[hidden]{display:none}
#nola-artstyle-shell .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
#nola-artstyle-shell .card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;overflow:hidden}
#nola-artstyle-shell .card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:var(--bg)}
#nola-artstyle-shell .card h3{margin:12px 0 5px}
#nola-artstyle-shell .card p{overflow-wrap:anywhere;line-height:1.5}
#nola-artstyle-shell .small{font-size:13px;color:var(--muted)}
#nola-artstyle-shell .filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
#nola-artstyle-shell input,#nola-artstyle-shell textarea,#nola-artstyle-shell select{min-width:0;width:100%;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);padding:11px}
#nola-artstyle-shell textarea{min-height:105px;resize:vertical}
#nola-artstyle-shell .filters input{flex:2;min-width:200px}
#nola-artstyle-shell .filters select{flex:1;min-width:150px}
#nola-artstyle-shell form{display:grid;gap:14px;max-width:660px}
#nola-artstyle-shell label{display:grid;gap:6px}
#nola-artstyle-shell .world-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
#nola-artstyle-shell .world-links .button{display:inline-block}
#nola-artstyle-shell fieldset{border:1px solid var(--line);border-radius:12px;padding:20px}
#nola-artstyle-shell legend{padding:0 8px}
#nola-artstyle-shell .empty{padding:24px;border:1px dashed var(--line);border-radius:12px}
#nola-artstyle-shell .tag{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:4px 9px;font-size:12px;margin:4px 4px 0 0}
#nola-artstyle-shell footer{color:var(--muted);font-size:13px;margin-top:35px}
#nola-artstyle-shell #notice{min-height:22px;color:var(--accent)}
#nola-artstyle-shell{position:fixed!important;inset:0!important;z-index:99999!important;overflow-y:auto!important;overflow-x:hidden!important;display:block!important}
#nola-artstyle-shell[hidden]{display:none!important}
#nola-artstyle-shell header{position:static!important;width:100%!important;box-sizing:border-box!important}
#nola-artstyle-shell main{display:block!important;width:100%!important;max-width:1080px!important;margin:0 auto!important}
#nola-artstyle-shell #nola15-result{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
#nola-artstyle-shell #nola15-result>h3:first-child{display:none!important}
#nola-artstyle-shell #nola15-result>p:first-of-type{display:none!important}
#nola-artstyle-shell input,#nola-artstyle-shell select,#nola-artstyle-shell textarea{font-family:Georgia,serif!important}
#nola-artstyle-shell .n19-card,#nola-artstyle-shell .h21-card{border:1px solid var(--line)!important;background:var(--panel)!important;border-radius:12px!important;padding:16px!important}
#nola-artstyle-shell .n19-filters,#nola-artstyle-shell .h21-filters{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
#nola-artstyle-shell .n19-filters>*,#nola-artstyle-shell .h21-filters>*{flex:1 1 230px!important;min-width:0!important}
#nola-artstyle-shell.day{--bg:#e8e6e3;--panel:#f3f0ec;--ink:#4a4146;--muted:#665b60;--line:#a99da2;--accent:#665b60}
#nola-artstyle-shell{background:var(--bg);color:var(--ink);font:16px Georgia,serif}
@media(max-width:600px){#nola-artstyle-shell header{padding:14px 18px!important}#nola-artstyle-shell .tabs button{flex:1}}


/* ARTISTS PAGE DESIGN — exact standalone visual rhythm for Helpers and Requests.
   Explicitly neutralize inherited site CSS, which previously caused white boxes,
   duplicated headings, oversized header and mismatched typography. */
#nola-artstyle-shell{--world-bg:#181219;--world-panel:#261d26;--world-ink:#f4e8e0;--world-muted:#d2b9ae;--world-line:#77515a;--world-accent:#d3b67c}
#nola-artstyle-shell.day{--world-bg:#e8e6e3;--world-panel:#f3f0ec;--world-ink:#4a4146;--world-muted:#665b60;--world-line:#a99da2;--world-accent:#665b60}
#nola-artstyle-shell:not([hidden]){position:fixed!important;inset:0!important;z-index:2147483000!important;display:block!important;overflow:auto!important;background:var(--world-bg)!important;color:var(--world-ink)!important;font:16px/1.45 Georgia,serif!important}
#nola-artstyle-shell *{box-sizing:border-box}
#nola-artstyle-shell>header{position:static!important;top:auto!important;left:auto!important;right:auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:0!important;height:auto!important;margin:0!important;padding:18px max(20px,calc((100vw - 1080px)/2))!important;background:var(--world-bg)!important;border:0!important;border-bottom:1px solid var(--world-line)!important;border-radius:0!important;box-shadow:none!important;color:var(--world-ink)!important;font:16px/1.2 Georgia,serif!important}
#nola-artstyle-shell>header strong{font:700 16px/1.2 Georgia,serif!important;color:var(--world-ink)!important}
#nola-artstyle-shell>header .small{font:13px/1.4 Georgia,serif!important;color:var(--world-muted)!important;margin:0!important}
#nola-artstyle-shell>header>div:last-child{display:flex!important;gap:6px!important;align-items:center!important;flex-wrap:wrap!important}
#nola-artstyle-shell>main{display:block!important;position:static!important;max-width:1080px!important;width:100%!important;margin:0 auto!important;padding:28px 20px 70px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--world-ink)!important;font:16px/1.5 Georgia,serif!important}
#nola-artstyle-shell>main>h1{font:700 clamp(27px,5vw,42px)/1.2 Georgia,serif!important;color:var(--world-ink)!important;letter-spacing:normal!important;margin:0 0 8px!important;padding:0!important;text-align:left!important}
#nola-artstyle-shell>main>.lead{font:16px/1.6 Georgia,serif!important;color:var(--world-muted)!important;margin:0 0 24px!important;padding:0!important}
#nola-artstyle-shell #nola-artstyle-content,#nola-artstyle-shell #nola15-result,#nola-artstyle-shell #nola21-helpers,#nola-artstyle-shell #nola19-requests{display:block!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;color:var(--world-ink)!important;font:16px/1.5 Georgia,serif!important}
#nola-artstyle-shell #nola21-helpers>h2:first-child,#nola-artstyle-shell #nola19-requests>h2:first-child,#nola-artstyle-shell #nola21-helpers>p.h21-muted,#nola-artstyle-shell #nola19-requests>p.n19muted{display:none!important}
#nola-artstyle-shell .nola-world-section-heading{display:block!important;font:700 23px/1.3 Georgia,serif!important;color:var(--world-ink)!important;margin:58px 0 18px!important;padding:0!important}
#nola-artstyle-shell .h21-tabs,#nola-artstyle-shell .n19bar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;margin:24px 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#nola-artstyle-shell .h21-tabs>span{display:inline-flex!important;align-items:center!important;gap:4px!important}
#nola-artstyle-shell .h21-actions{display:none!important}
#nola-artstyle-shell button,#nola-artstyle-shell .n19bar button,#nola-artstyle-shell .h21-tabs button{font:16px/1.3 Georgia,serif!important;cursor:pointer!important;padding:10px 14px!important;border:1px solid var(--world-line)!important;border-radius:7px!important;background:var(--world-panel)!important;color:var(--world-ink)!important;box-shadow:none!important;min-height:42px!important;max-width:100%!important}
#nola-artstyle-shell button[aria-pressed="true"],#nola-artstyle-shell .n19bar button[aria-pressed="true"]{background:var(--world-line)!important}
#nola-artstyle-shell button:hover{filter:brightness(1.1)}
#nola-artstyle-shell .h21-grid,#nola-artstyle-shell .n19grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:end!important;margin:18px 0 24px!important;padding:0!important;background:transparent!important;border:0!important}
#nola-artstyle-shell .h21-grid>*,#nola-artstyle-shell .n19grid>*{min-width:0!important;width:100%!important;max-width:none!important}
#nola-artstyle-shell label{font:16px/1.4 Georgia,serif!important;color:var(--world-ink)!important}
#nola-artstyle-shell input:not([type=checkbox]):not([type=hidden]),#nola-artstyle-shell select,#nola-artstyle-shell textarea{width:100%!important;min-width:0!important;min-height:46px!important;padding:11px!important;background:var(--world-panel)!important;color:var(--world-ink)!important;border:1px solid var(--world-line)!important;border-radius:7px!important;box-shadow:none!important;font:16px Georgia,serif!important}
#nola-artstyle-shell .h21-grid button,#nola-artstyle-shell .n19grid button{width:100%!important;text-align:left!important;min-height:46px!important}
#nola-artstyle-shell .h21-card,#nola-artstyle-shell .n19-card,#nola-artstyle-shell #nola19-requests article{background:var(--world-panel)!important;border:1px solid var(--world-line)!important;border-radius:12px!important;padding:16px!important;box-shadow:none!important;color:var(--world-ink)!important}
#nola-artstyle-shell .nola-role-tip{position:absolute!important;z-index:100!important;background:var(--world-panel)!important;color:var(--world-ink)!important;border:1px solid var(--world-line)!important}
#nola-artstyle-shell .nola-role-tip[hidden]{display:none!important}
#nola-artstyle-shell #nola21-helpers [hidden],#nola-artstyle-shell #nola19-requests [hidden]{display:none!important}
@media(max-width:650px){
 #nola-artstyle-shell>header{padding:14px 18px!important}
 #nola-artstyle-shell>main{padding:28px 18px 50px!important}
 #nola-artstyle-shell .h21-grid,#nola-artstyle-shell .n19grid{grid-template-columns:minmax(0,1fr)!important}
 #nola-artstyle-shell .nola-world-section-heading{margin-top:34px!important}
}

/* Home showcase is outside the quarter dialog; retain its card/panel theme. */
#nola-home-showcase{display:grid;gap:18px;margin:28px 0 30px}
#nola-home-showcase .n27-promo,#nola-home-showcase .n24-wrap{box-sizing:border-box;border:1px solid var(--n24-border,#97704b);border-radius:12px;background:var(--n24-card,#30202a);padding:20px;color:var(--n24-text,#f1dbc3)}
#nola-home-showcase .n27-promo{margin:0}
#nola-home-showcase .n24-wrap{margin:0}
body.theme-day #nola-home-showcase .n27-promo,body.theme-day #nola-home-showcase .n24-wrap{background:#f3f0ec;color:#4a4146;border-color:#a99da2}
@media(max-width:600px){#nola-home-showcase .n27-promo,#nola-home-showcase .n24-wrap{padding:14px}}

/* Shared Literary Quarter template V2: one palette, rhythm, heading and navigation. */
:root{--lq-bg:#181219;--lq-panel:#261d26;--lq-ink:#f4e8e0;--lq-muted:#d2b9ae;--lq-line:#77515a;--lq-action:#722c38;--lq-action-text:#e9cfaa}
body[data-site-theme="day"],body.theme-day{--lq-bg:#e8e6e3;--lq-panel:#f3f0ec;--lq-ink:#4a4146;--lq-muted:#665b60;--lq-line:#a99da2;--lq-action:#a99da2;--lq-action-text:#4a4146}
#nola-artstyle-shell{--world-bg:var(--lq-bg)!important;--world-panel:var(--lq-panel)!important;--world-ink:var(--lq-ink)!important;--world-muted:var(--lq-muted)!important;--world-line:var(--lq-line)!important}
#nola-artstyle-shell.day{--lq-bg:#e8e6e3;--lq-panel:#f3f0ec;--lq-ink:#4a4146;--lq-muted:#665b60;--lq-line:#a99da2;--lq-action:#a99da2;--lq-action-text:#4a4146}
#nola-artstyle-shell>header.nola-quarter-shared-header{width:100%!important;padding:16px max(20px,calc((100vw - 1080px)/2))!important;min-height:75px!important;background:var(--lq-bg)!important;border-bottom:1px solid var(--lq-line)!important}
#nola-artstyle-shell>main{max-width:1080px!important;padding:28px 20px 70px!important}
#nola-artstyle-shell>main>h1{margin:0 0 8px!important;font:700 clamp(27px,4vw,40px)/1.2 Georgia,serif!important}
#nola-artstyle-shell>main>.lead{margin:0 0 22px!important}
#nola-artstyle-shell .nola-world-section-heading{margin:35px 0 16px!important}
#nola-artstyle-shell .h21-tabs,#nola-artstyle-shell .n19bar{margin:18px 0 24px!important}
#nola-artstyle-shell .h21-grid,#nola-artstyle-shell .n19grid{margin:16px 0 24px!important}
#nola-artstyle-shell #nola-artstyle-back.nola-quarter-shared-back,
body.nola-quarter-page #nola-quarter-return.nola-quarter-shared-back{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;position:static!important;
 margin:0!important;float:none!important;padding:10px 16px!important;min-height:42px!important;
 border-radius:7px!important;background:var(--lq-action)!important;color:var(--lq-action-text)!important;
 border:1px solid var(--lq-line)!important;box-shadow:none!important;font:600 14px/1.3 Georgia,serif!important;white-space:normal!important;
}
body.nola-quarter-page #nola-quarter-return.nola-quarter-shared-back{margin:0 0 22px!important}
#nola-artstyle-shell #nola-artstyle-back.nola-quarter-shared-back:hover,body.nola-quarter-page #nola-quarter-return:hover{filter:brightness(1.08)}
#nola-artstyle-shell #nola-artstyle-back:focus-visible,body.nola-quarter-page #nola-quarter-return:focus-visible{outline:2px solid currentColor!important;outline-offset:3px}
body.nola-quarter-page #sec-catalog{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
body.nola-quarter-page #sec-catalog>.bg-nolaCard{border-radius:12px!important}
@media(max-width:650px){#nola-artstyle-shell>header.nola-quarter-shared-header{padding:14px 18px!important}#nola-artstyle-shell>main{padding:22px 18px 50px!important}body.nola-quarter-page #nola-quarter-return.nola-quarter-shared-back{margin-bottom:14px!important}}


/* Stability patch V10: fixed right-side return strip, without changing section content. */
#nola-quarter-return-strip:not([hidden]){display:flex!important;justify-content:flex-end!important;align-items:center!important;max-width:1120px!important;width:calc(100% - 40px)!important;margin-inline:auto!important;box-sizing:border-box!important}
#nola-quarter-return-strip[hidden]{display:none!important}
#nola-quarter-return-strip #nola-quarter-return{margin-left:auto!important;float:none!important}
@media(max-width:650px){#nola-quarter-return-strip:not([hidden]){width:calc(100% - 36px)!important}}

/* Промо: бронирование, контрастные поля и сетка 10 карточек */
#nola9promo .nola-promo-booking { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:end; }
#nola9promo .nola-promo-booking label { display:flex; flex-direction:column; gap:6px; min-width:0; }
#nola9promo .nola-promo-booking select, #nola9promo .nola-promo-booking input { width:100%; min-width:0; box-sizing:border-box; color:inherit; background:var(--panel, #30242b); border:1px solid currentColor; border-radius:6px; padding:10px; }
#nola9promo .nola-promo-booking select option { color:#241d22; background:#f3f0ec; }
#nola9promo .nola-promo-demo-note { font-size:.88rem; opacity:.85; }
#nola9promo .nola-promo-availability { margin:0; }
#nola9promo .nola-promo-booking button { width:100%; }
:is(#nola15-result,#nola-home-showcase) .n27-promo-viewport { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
:is(#nola15-result,#nola-home-showcase) .n27-promo-card:not([hidden]) { display:flex; min-width:0; }
@media(min-width:1000px){ :is(#nola15-result,#nola-home-showcase) .n27-promo-viewport { grid-template-columns:repeat(5,minmax(0,1fr)); } :is(#nola15-result,#nola-home-showcase) .n27-promo-card:not([hidden]) { flex-direction:column; } }
@media(max-width:650px){ #nola9promo .nola-promo-booking { grid-template-columns:1fr; } }
body[data-site-theme="day"] #nola9promo .nola-promo-booking :is(select,input) { background:#f3f0ec; color:#4a4146; border-color:#a99da2; }
body[data-site-theme="night"] #nola9promo .nola-promo-booking :is(select,input) { background:#30242b; color:#f3f0ec; border-color:#a99da2; }

/* V27: promotion booking is visible outside the advanced accordion. */
#sec-home > #nola9promo {max-width:1180px;margin:24px auto;padding:24px;border:1px solid var(--border, #775747);border-radius:14px;scroll-margin-top:100px;}
#nolaReaderAuthorTools button {margin:4px;}
@media(max-width:700px){#sec-home > #nola9promo{margin:16px 12px;padding:14px;}#nola9promo .nola-promo-booking{grid-template-columns:1fr;}}

/* V29: readable work cards in the home Hot Works showcase.
   Earlier generic rules force dark text with !important on both themes;
   override them for the actual night theme and keep the approved day palette. */
body[data-site-theme="night"] :is(#nola-home-showcase,#nola15-result) :is(.n24-work,.n24-tile) {
  background:#30202a !important;
  color:#f0ddc6 !important;
  -webkit-text-fill-color:#f0ddc6 !important;
  border-color:#97704b !important;
}
body[data-site-theme="night"] :is(#nola-home-showcase,#nola15-result) :is(.n24-work,.n24-tile) :is(.n24-title,.n24-meta,.n24-tags,.n24-tags span,.n24-work-main,.n24-tile-body,p,small,strong) {
  color:#f0ddc6 !important;
  -webkit-text-fill-color:#f0ddc6 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body[data-site-theme="night"] :is(#nola-home-showcase,#nola15-result) :is(.n24-work,.n24-tile) .n24-tags span {
  background:#402630 !important;
  border-color:#97704b !important;
}
body[data-site-theme="night"] :is(#nola-home-showcase,#nola15-result) :is(.n24-work,.n24-tile) button {
  background:#402630 !important;
  color:#f0ddc6 !important;
  -webkit-text-fill-color:#f0ddc6 !important;
  border-color:#97704b !important;
}
body[data-site-theme="day"] :is(#nola-home-showcase,#nola15-result) :is(.n24-work,.n24-tile) {
  background:#f3f0ec !important;
  border-color:#a99da2 !important;
}
body[data-site-theme="day"] :is(#nola-home-showcase,#nola15-result) :is(.n24-work,.n24-tile) :is(.n24-title,.n24-meta,.n24-tags,.n24-tags span,.n24-work-main,.n24-tile-body,p,small,strong) {
  color:#4a4146 !important;
  -webkit-text-fill-color:#4a4146 !important;
  opacity:1 !important;
}
body[data-site-theme="day"] :is(#nola-home-showcase,#nola15-result) :is(.n24-work,.n24-tile) .n24-tags span {
  background:#e8e6e3 !important;
  border-color:#a99da2 !important;
}

/* V30: nonblocking booking feedback, themed for both site modes */
.nola-promo-notice:not([hidden]) {display:block;margin:12px 0 0;padding:12px 16px;border:1px solid currentColor;border-radius:8px;line-height:1.5;color:var(--text,#e9d5b6);background:rgba(145,120,105,.12);}
.nola-promo-notice[data-kind="warning"],.nola-promo-notice[data-kind="error"] {border-color:#ad806c;}
.nola-promo-notice[data-kind="success"] {border-color:#8a9a85;}
.nola-promo-notice[hidden] {display:none!important;}

/* Full-screen profile settings workspace — 2026-11-06.
   Only layout and scrolling; existing settings and avatar frame logic stay intact. */
#nolaSettingsOverlay {
  padding: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}
#nolaSettingsOverlay.open { display: flex !important; }
#nolaSettingsDialog {
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 20px clamp(16px, 2.5vw, 38px) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
#nolaSettingsDialog > h2 {
  flex: 0 0 auto !important;
  margin: 0 50px 14px 0 !important;
  padding-right: 30px !important;
}
#nolaSettingsDialog .nola-settings-close {
  position: absolute !important;
  z-index: 5 !important;
  top: 18px !important;
  right: 22px !important;
}
#nolaSettingsDialog .nola-settings-layout {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  grid-template-columns: clamp(210px, 20vw, 290px) minmax(0, 1fr) !important;
  gap: clamp(14px, 2vw, 28px) !important;
  align-items: stretch !important;
}
#nolaSettingsDialog .nola-settings-sidebar,
#nolaSettingsDialog .nola-settings-main {
  box-sizing: border-box !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin;
}
#nolaSettingsDialog .nola-settings-sidebar { align-self: stretch !important; }
#nolaSettingsDialog .nola-settings-main { padding: 0 8px 24px 0 !important; }
#nolaSettingsDialog #nolaAvatarStudioInline .nola-frame-grid {
  grid-template-columns: repeat(auto-fill, minmax(142px, 1fr)) !important;
  gap: 14px !important;
}
@media (max-width: 720px) {
  #nolaSettingsDialog { padding: 12px !important; }
  #nolaSettingsDialog > h2 { font-size: 22px !important; margin-bottom: 10px !important; }
  #nolaSettingsDialog .nola-settings-close { top: 10px !important; right: 12px !important; }
  #nolaSettingsDialog .nola-settings-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  #nolaSettingsDialog .nola-settings-sidebar {
    max-height: min(26dvh, 190px) !important;
    overflow-y: auto !important;
    padding: 8px !important;
  }
  #nolaSettingsDialog .nola-settings-side-heading { margin: 2px 6px 6px !important; }
  #nolaSettingsDialog #nolaSettingsTabs { gap: 4px !important; }
  #nolaSettingsDialog #nolaSettingsTabs button { padding: 8px !important; }
  #nolaSettingsDialog .nola-settings-main { padding-right: 2px !important; }
  #nolaSettingsDialog #nolaAvatarStudioInline .nola-frame-grid {
    grid-template-columns: repeat(auto-fill, minmax(115px, 1fr)) !important;
    gap: 10px !important;
  }
}


/* Avatar usability trial: single scrolling area, visible live preview. */
#nolaSettingsDialog:has(.nola-settings-page[data-page="avatar"]:not([hidden])) {
  overflow-y:auto !important; overflow-x:hidden !important;
}
#nolaSettingsDialog:has(.nola-settings-page[data-page="avatar"]:not([hidden])) .nola-settings-main,
#nolaSettingsDialog:has(.nola-settings-page[data-page="avatar"]:not([hidden])) .nola-settings-sidebar {
  overflow:visible !important; max-height:none !important; min-height:0 !important;
}
#nolaSettingsDialog .nola-settings-page[data-page="avatar"]:not([hidden]) {
  display:grid !important; grid-template-columns:minmax(0,1fr) minmax(215px,300px);
  gap:14px 22px; align-items:start; min-width:0;
}
#nolaSettingsDialog .nola-settings-page[data-page="avatar"] > h3,
#nolaSettingsDialog .nola-settings-page[data-page="avatar"] > h4,
#nolaSettingsDialog .nola-settings-page[data-page="avatar"] > p,
#nolaSettingsDialog .nola-settings-page[data-page="avatar"] > .nola-avatar-upload-settings,
#nolaSettingsDialog .nola-settings-page[data-page="avatar"] > #nolaAvatarStudioInline {
  grid-column:1; min-width:0; margin-top:0;
}
#nolaSettingsDialog .nola-settings-page[data-page="avatar"] .nola-avatar-preview-dock {
  grid-column:2; grid-row:1 / span 6; position:sticky; top:14px;
  border:1px solid #80646c; border-radius:14px; padding:18px 12px;
  background:rgba(40,26,35,.8); text-align:center; z-index:2;
}
#nolaSettingsDialog .nola-avatar-preview-dock h4 {margin:0 0 12px}
#nolaSettingsDialog .nola-avatar-preview-dock #nolaFramePreview {
  display:flex; justify-content:center; align-items:center;
  margin:0 auto 10px; width:min(100%,230px); min-height:220px;
  overflow:visible !important;
}
#nolaSettingsDialog .nola-avatar-preview-dock #nolaFramePreviewImg {
  max-width:100%; max-height:230px; object-fit:contain;
}
#nolaSettingsDialog #nolaAvatarStudioInline,
#nolaSettingsDialog #nolaAvatarStudioInline #nolaFramePanel,
#nolaSettingsDialog #nolaAvatarStudioInline .nola-studio-section {
  overflow:visible !important; max-height:none !important;
}
#nolaSettingsDialog .nola-avatar-preview-dock p {font-size:13px;opacity:.8;margin:6px 0}
@media(max-width:850px) {
  #nolaSettingsDialog .nola-settings-page[data-page="avatar"]:not([hidden]) {
    grid-template-columns:minmax(0,1fr) !important;
  }
  #nolaSettingsDialog .nola-settings-page[data-page="avatar"] .nola-avatar-preview-dock {
    grid-column:1; grid-row:2; position:sticky; top:0; padding:8px;
  }
  #nolaSettingsDialog .nola-avatar-preview-dock #nolaFramePreview {min-height:100px;max-height:125px}
  #nolaSettingsDialog .nola-avatar-preview-dock #nolaFramePreviewImg {max-height:125px}
}

/* NOLA avatar preview: align the circular photo with the SVG frame's inner ring.
   Frame viewBox is 150 units wide; inner ring diameter is 90 units (60%). */
#nolaSettingsDialog .nola-avatar-preview-dock #nolaFramePreview,
#nolaFramePreview {
  width: 190px !important;
  height: 190px !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
  margin: 12px auto !important;
  flex: none !important;
}
#nolaSettingsDialog .nola-avatar-preview-dock #nolaFramePreviewImg,
#nolaFramePreviewImg {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 60% !important;
  height: 60% !important;
  aspect-ratio: 1 / 1 !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-sizing: border-box !important;
}
#nolaFramePreviewDecor {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}
@media (max-width:850px) {
  #nolaSettingsDialog .nola-avatar-preview-dock #nolaFramePreview,
  #nolaFramePreview { width: 145px !important; height: 145px !important; max-height: none !important; }
}

/* NOLA profile avatar: the SVG inner ring is 90 / 150 of its viewport.
   Keep portrait and decoration in one unscaled coordinate system. */
#sec-profile #nolaProfileHead > .nola30-avatar-shell.nola-avatar-wrap,
#sec-profile #nolaProfileHead > .nola30-avatar-shell {
  width: 180px !important;
  height: 180px !important;
  min-width: 180px !important;
  min-height: 180px !important;
  max-width: 180px !important;
  max-height: 180px !important;
  flex: 0 0 180px !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap,
#sec-profile #nolaProfileHead > .nola30-avatar-shell.nola-avatar-wrap {
  position: relative !important;
  width: 180px !important;
  height: 180px !important;
  min-width: 180px !important;
  min-height: 180px !important;
  max-width: 180px !important;
  max-height: 180px !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  z-index: 4 !important;
  pointer-events: none !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 108px !important;
  height: 108px !important;
  min-width: 108px !important;
  min-height: 108px !important;
  max-width: 108px !important;
  max-height: 108px !important;
  transform: translate(-50%, -50%) !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-sizing: border-box !important;
  z-index: 3 !important;
}
@media (max-width: 650px) {
  #sec-profile #nolaProfileHead > .nola30-avatar-shell.nola-avatar-wrap,
  #sec-profile #nolaProfileHead > .nola30-avatar-shell,
  #sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap {
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    max-width: 140px !important;
    max-height: 140px !important;
    flex-basis: 140px !important;
    transform: none !important;
    margin: 0 !important;
  }
  #sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    max-width: 84px !important;
    max-height: 84px !important;
  }
}

/* PROFILE AVATAR: one coordinate space for photo and ornate SVG.
   Match the settings preview's 72% inner portrait, no nested offsets. */
#sec-profile #nolaProfileHead > .nola30-avatar-shell {position:relative!important;width:150px!important;height:150px!important;min-width:150px!important;min-height:150px!important;max-width:150px!important;max-height:150px!important;flex:0 0 150px!important;padding:0!important;margin:0!important;overflow:visible!important;transform:none!important;}
#sec-profile #nolaProfileHead .nola30-avatar-shell .nola-avatar-wrap {position:absolute!important;inset:0!important;width:150px!important;height:150px!important;min-width:150px!important;min-height:150px!important;max-width:150px!important;max-height:150px!important;padding:0!important;margin:0!important;transform:none!important;overflow:visible!important;}
#sec-profile #nolaProfileHead .nola-avatar-wrap #nolaPremiumAvatarHolder {display:contents!important;}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:108px!important;height:108px!important;min-width:108px!important;min-height:108px!important;max-width:108px!important;max-height:108px!important;transform:translate(-50%,-50%)!important;border:0!important;padding:0!important;margin:0!important;border-radius:50%!important;object-fit:cover!important;box-sizing:border-box!important;z-index:2!important;}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {position:absolute!important;inset:0!important;left:0!important;top:0!important;width:150px!important;height:150px!important;min-width:150px!important;min-height:150px!important;max-width:150px!important;max-height:150px!important;transform:none!important;margin:0!important;padding:0!important;z-index:3!important;pointer-events:none!important;}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {display:block!important;width:150px!important;height:150px!important;max-width:none!important;max-height:none!important;transform:none!important;}
@media(max-width:650px){
#sec-profile #nolaProfileHead > .nola30-avatar-shell,#sec-profile #nolaProfileHead .nola30-avatar-shell .nola-avatar-wrap,#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament,#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {width:120px!important;height:120px!important;min-width:120px!important;min-height:120px!important;max-width:120px!important;max-height:120px!important;flex-basis:120px!important;}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {width:86.4px!important;height:86.4px!important;min-width:86.4px!important;min-height:86.4px!important;max-width:86.4px!important;max-height:86.4px!important;}
}

/* 2026-11-07: Profile avatar uses the same 150:90 SVG-to-photo ratio as the settings preview.
   Override legacy 72% portrait rules without changing the profile layout. */
#sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap,
#sec-profile #nolaProfileHead .nola30-avatar-shell > .nola-avatar-wrap {
  position:relative!important;
  width:150px!important;height:150px!important;
  min-width:150px!important;min-height:150px!important;
  max-width:150px!important;max-height:150px!important;
  flex:0 0 150px!important;transform:none!important;
  padding:0!important;margin:0!important;overflow:visible!important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
  position:absolute!important;left:50%!important;top:50%!important;
  right:auto!important;bottom:auto!important;
  width:90px!important;height:90px!important;
  min-width:90px!important;min-height:90px!important;
  max-width:90px!important;max-height:90px!important;
  transform:translate(-50%,-50%)!important;
  object-fit:cover!important;border-radius:50%!important;
  padding:0!important;margin:0!important;border:0!important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
  position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;
  width:150px!important;height:150px!important;
  min-width:150px!important;min-height:150px!important;
  max-width:150px!important;max-height:150px!important;
  transform:none!important;pointer-events:none!important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
  display:block!important;width:100%!important;height:100%!important;
  transform:none!important;overflow:visible!important;
}
@media(max-width:650px){
  #sec-profile #nolaProfileHead .nola30-avatar-shell.nola-avatar-wrap,
  #sec-profile #nolaProfileHead .nola30-avatar-shell > .nola-avatar-wrap,
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
    width:120px!important;height:120px!important;
    min-width:120px!important;min-height:120px!important;
    max-width:120px!important;max-height:120px!important;
    flex-basis:120px!important;
  }
  #sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
    width:72px!important;height:72px!important;
    min-width:72px!important;min-height:72px!important;
    max-width:72px!important;max-height:72px!important;
  }
}

/* 2026-11-07: SVG artwork has an off-centre viewBox (-15 -18 150 153).
   Its circular ring is centred at SVG x=60 (40% of width), y=60 (78/153).
   Align that actual ring centre with the photo, not the SVG bounding box. */
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
  left: 10% !important;
  top: -0.980392% !important;
  right: auto !important;
  bottom: auto !important;
}
@media (max-width:650px) {
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
    left: 10% !important;
    top: -0.980392% !important;
  }
}

/* NOLA FINAL PROFILE FRAME ALIGNMENT: SVG viewBox -15 -18 150 153
   has the ring centred horizontally at 50% and vertically at 78/153.
   Do NOT offset the entire SVG by 10%; the photo and ring share a centre. */
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
  inset: 0 auto auto 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 4 !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
  left: 50% !important;
  top: 50.980392% !important;
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  max-width: 88px !important;
  max-height: 88px !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2 !important;
}
@media (max-width:650px) {
  #sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
    width: 70.4px !important;
    height: 70.4px !important;
    min-width: 70.4px !important;
    min-height: 70.4px !important;
    max-width: 70.4px !important;
    max-height: 70.4px !important;
  }
}

/* 2026-11-07: One real layout centre for profile portrait and SVG frame.
   Previous absolute offsets were relative to different nested elements. */
#sec-profile #nolaProfileHead > .nola30-avatar-shell {
  display:grid!important;place-items:center!important;position:relative!important;
  width:150px!important;height:150px!important;min-width:150px!important;min-height:150px!important;
  max-width:150px!important;max-height:150px!important;flex:0 0 150px!important;
  margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap {
  display:grid!important;place-items:center!important;position:relative!important;
  width:150px!important;height:150px!important;min-width:150px!important;min-height:150px!important;
  max-width:150px!important;max-height:150px!important;
  margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap #nolaPremiumAvatarHolder {display:contents!important;}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
  position:relative!important;inset:auto!important;left:auto!important;top:auto!important;
  display:block!important;width:90px!important;height:90px!important;
  min-width:90px!important;min-height:90px!important;max-width:90px!important;max-height:90px!important;
  margin:0!important;padding:0!important;border:0!important;transform:none!important;
  border-radius:50%!important;object-fit:cover!important;z-index:2!important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
  position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  display:block!important;width:150px!important;height:150px!important;
  min-width:150px!important;min-height:150px!important;max-width:150px!important;max-height:150px!important;
  margin:0!important;padding:0!important;transform:translate(-50%,-50%)!important;
  z-index:4!important;pointer-events:none!important;overflow:visible!important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
  display:block!important;width:150px!important;height:150px!important;
  transform:none!important;overflow:visible!important;
}
@media(max-width:650px) {
  #sec-profile #nolaProfileHead > .nola30-avatar-shell,
  #sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap,
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament,
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
    width:120px!important;height:120px!important;min-width:120px!important;min-height:120px!important;
    max-width:120px!important;max-height:120px!important;
  }
  #sec-profile #nolaProfileHead > .nola30-avatar-shell {flex-basis:120px!important;}
  #sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
    width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;
    max-width:72px!important;max-height:72px!important;
  }
}

/* NOLA 2026-11-07: definitive avatar overlay. The photograph MUST be
   absolutely positioned in the SAME 150x150 box as the SVG, never a grid item.
   SVG viewBox -15 -18 150 153; its circle centre is x=50%, y=78/153. */
#sec-profile #nolaProfileHead > .nola30-avatar-shell,
#sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap {
  position:relative!important;display:block!important;
  width:150px!important;height:150px!important;
  min-width:150px!important;min-height:150px!important;
  max-width:150px!important;max-height:150px!important;
  padding:0!important;margin:0!important;transform:none!important;
  overflow:visible!important;box-sizing:border-box!important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell {flex:0 0 150px!important;}
#sec-profile #nolaProfileHead .nola-avatar-wrap #nolaPremiumAvatarHolder {display:contents!important;}
#sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
  position:absolute!important;display:block!important;
  left:50%!important;top:50.980392%!important;right:auto!important;bottom:auto!important;
  width:90px!important;height:90px!important;min-width:90px!important;min-height:90px!important;
  max-width:90px!important;max-height:90px!important;
  margin:0!important;padding:0!important;transform:translate(-50%,-50%)!important;
  border:0!important;border-radius:50%!important;object-fit:cover!important;
  box-sizing:border-box!important;z-index:2!important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament {
  position:absolute!important;display:block!important;
  left:0!important;top:0!important;right:auto!important;bottom:auto!important;
  width:150px!important;height:150px!important;
  min-width:150px!important;min-height:150px!important;
  max-width:150px!important;max-height:150px!important;
  margin:0!important;padding:0!important;transform:none!important;
  pointer-events:none!important;overflow:visible!important;z-index:4!important;
}
#sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
  display:block!important;width:150px!important;height:150px!important;
  transform:none!important;overflow:visible!important;
}
@media(max-width:650px){
  #sec-profile #nolaProfileHead > .nola30-avatar-shell,
  #sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap,
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament,
  #sec-profile #nolaProfileHead .nola-avatar-wrap > .nola-avatar-ornament svg {
    width:120px!important;height:120px!important;
    min-width:120px!important;min-height:120px!important;
    max-width:120px!important;max-height:120px!important;
  }
  #sec-profile #nolaProfileHead > .nola30-avatar-shell {flex:0 0 120px!important;}
  #sec-profile #nolaProfileHead .nola-avatar-wrap #profileAvatarImg {
    width:72px!important;height:72px!important;
    min-width:72px!important;min-height:72px!important;
    max-width:72px!important;max-height:72px!important;
  }
}

/* NOLA 2026-11-07 FINAL: one coordinate space for profile portrait and ornament.
   SVG viewBox=-15 -18 150 153, ring center=(60,60), ring diameter=90.
   Portrait is 90/150 of SVG viewport, centered at (50%, 78/153). */
#sec-profile #nolaProfileHead > .nola30-avatar-shell {
 position:relative!important;display:block!important;width:150px!important;height:150px!important;
 min-width:150px!important;min-height:150px!important;max-width:150px!important;max-height:150px!important;
 flex:0 0 150px!important;margin:0!important;padding:0!important;overflow:visible!important;
 transform:none!important;box-sizing:border-box!important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap {
 position:absolute!important;display:block!important;inset:0!important;width:150px!important;height:150px!important;
 min-width:150px!important;min-height:150px!important;max-width:150px!important;max-height:150px!important;
 margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;box-sizing:border-box!important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap > #profileAvatarImg {
 position:absolute!important;display:block!important;left:50%!important;top:50.980392%!important;
 right:auto!important;bottom:auto!important;width:90px!important;height:90px!important;
 min-width:90px!important;min-height:90px!important;max-width:90px!important;max-height:90px!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
 object-fit:cover!important;transform:translate(-50%,-50%)!important;z-index:1!important;
 box-sizing:border-box!important;clip-path:circle(50%)!important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap > .nola-avatar-ornament {
 position:absolute!important;display:block!important;inset:0!important;left:0!important;top:0!important;
 width:150px!important;height:150px!important;min-width:150px!important;min-height:150px!important;
 max-width:150px!important;max-height:150px!important;margin:0!important;padding:0!important;
 transform:none!important;z-index:3!important;overflow:visible!important;pointer-events:none!important;
}
#sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap > .nola-avatar-ornament svg {
 display:block!important;width:150px!important;height:150px!important;min-width:150px!important;
 min-height:150px!important;max-width:150px!important;max-height:150px!important;
 transform:none!important;overflow:visible!important;
}
@media(max-width:650px){
 #sec-profile #nolaProfileHead > .nola30-avatar-shell,
 #sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap,
 #sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap > .nola-avatar-ornament,
 #sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap > .nola-avatar-ornament svg {
  width:120px!important;height:120px!important;min-width:120px!important;min-height:120px!important;
  max-width:120px!important;max-height:120px!important;
 }
 #sec-profile #nolaProfileHead > .nola30-avatar-shell {flex:0 0 120px!important;}
 #sec-profile #nolaProfileHead > .nola30-avatar-shell > .nola-avatar-wrap > #profileAvatarImg {
  width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;
  max-width:72px!important;max-height:72px!important;
 }
}

/* NOLA 2026-11-10: moderate interface text enlargement only.
   Do not affect layout, icons, avatars, or literary reading/editor text. */
body { font-family: Verdana, sans-serif; font-size: 18px; }
button, input, select, textarea { font-family: Verdana, sans-serif; font-size: 17px; }
/* Reading and author-created text retain the approved Georgia typography. */
#sec-reader .reader-content, #sec-reader .chapter-content,
#sec-reader .reader-text, .reader-chapter-text,
.chapter-body, .chapter-text, .nola-reader-text,
[contenteditable="true"].chapter-editor,
#chapterEditor, #chapterContent, .nola-chapter-editor {
  font-family: Georgia, serif;
}
@media (max-width: 650px) {
  body { font-size: 17px; }
  button, input, select, textarea { font-size: 16px; }
}

/* Promo booking dialog only: readable Verdana text, no changes to layout or assets. */
#nola9promo-dialog,
#nola9promo-dialog #nola9promo { font-family: Verdana, sans-serif; font-size: 18px; line-height: 1.55; }
#nola9promo-dialog #nola9promo h3 { font-family: Verdana, sans-serif; font-size: 26px; line-height: 1.35; }
#nola9promo-dialog #nola9promo h4,
#nola9promo-dialog #nola9promo .nola9card strong { font-family: Verdana, sans-serif; font-size: 19px; line-height: 1.45; }
#nola9promo-dialog #nola9promo p,
#nola9promo-dialog #nola9promo .nola-promo-demo-note,
#nola9promo-dialog #nola9promo .nola-promo-availability,
#nola9promo-dialog #nola9promo .nola-promo-notice,
#nola9promo-dialog #nola9promo .nola9card small { font-family: Verdana, sans-serif; font-size: 17px; line-height: 1.55; }
#nola9promo-dialog #nola9promo label,
#nola9promo-dialog #nola9promo select,
#nola9promo-dialog #nola9promo input,
#nola9promo-dialog #nola9promo button,
#nola9promo-dialog #nola9promo-close { font-family: Verdana, sans-serif; font-size: 17px; line-height: 1.45; }