/*
 * Permanent evening palette for the Fiabe area.
 * This file is loaded only by /fiabe-personalizzate/** pages and must stay last.
 */

:root {
  color-scheme: dark;
}

html,
body {
  background: #071c27;
}

body {
  color: #fff7e7;
}

html body header.header-top {
  z-index: 40;
  border-bottom: 1px solid rgba(225, 238, 235, .1);
  background: rgba(6, 25, 34, .98);
  box-shadow: 0 14px 38px rgba(0, 0, 0, .2);
}

html body header.header-top .container,
html body header.header-top .flex {
  background: transparent;
}

html body header.header-top ul {
  background: transparent;
}

html body header.header-top a,
html body header.header-top li,
html body header.header-top .login {
  color: #e8f2ef;
}

html body header.header-top ul li a:hover {
  color: #f2bd5c;
}

html body header.header-top .login {
  border-color: rgba(255, 191, 191, .64);
  background: rgba(255, 191, 191, .06);
  color: #ffc8c8;
}

html body header.header-top .login:hover {
  background: rgba(255, 191, 191, .16);
  color: #ffe3e3;
}

html body header.header-top .login path {
  fill: #ffc8c8;
}

html body header.header-top .bskt svg path {
  fill: #e8f2ef;
}

html body header.header-top .logo img {
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .18));
}

body > .breadcrumbs {
  border-bottom: 1px solid rgba(225, 238, 235, .09);
  background: #09232e;
  color: #a9bfbd;
}

body > .breadcrumbs a {
  color: #a9bfbd;
}

body > .breadcrumbs a:hover,
body > .breadcrumbs [aria-current="page"] {
  color: #fff7e7;
}

body > .breadcrumbs li + li::before {
  color: #64817f;
}

.fiabe-page,
.fiabe-app {
  --fiabe-bg: #071e2b;
  --fiabe-surface: #0e3039;
  --fiabe-surface-strong: #123b44;
  --fiabe-surface-soft: #153c43;
  --fiabe-ink: #fff7e7;
  --fiabe-copy: #c8d6d3;
  --fiabe-muted: #a5b9b6;
  --fiabe-primary: #ee794c;
  --fiabe-primary-dark: #d6633a;
  --fiabe-secondary: #f2bd5c;
  --fiabe-coral: #ee794c;
  --fiabe-coral-dark: #f0926c;
  --fiabe-gold: #f2bd5c;
  --fiabe-night: #17484e;
  --fiabe-sage: #153d3c;
  --fiabe-mint: #153d3c;
  --fiabe-line: rgba(225, 238, 235, .13);
  --fiabe-shadow: 0 26px 70px rgba(0, 0, 0, .27);
  --fiabe-shadow-soft: 0 14px 38px rgba(0, 0, 0, .2);
  min-height: 58vh;
  background:
    radial-gradient(circle at 10% 5%, rgba(242, 189, 92, .08), transparent 25%),
    radial-gradient(circle at 91% 12%, rgba(75, 136, 133, .14), transparent 28%),
    linear-gradient(180deg, #092631 0%, #071e2b 46%, #061a25 100%);
  color: var(--fiabe-ink);
}

.fiabe-page h1,
.fiabe-page h2,
.fiabe-page h3,
.fiabe-page h4,
.fiabe-page strong,
.fiabe-page legend,
.fiabe-page label {
  color: var(--fiabe-ink);
}

.fiabe-page p,
.fiabe-page small,
.fiabe-page em,
.fiabe-page li,
.fiabe-page time {
  color: var(--fiabe-copy);
}

.fiabe-page a:not(.fiabe-btn) {
  color: #f2c77b;
}

.fiabe-page [hidden] {
  display: none !important;
}

.fiabe-page img {
  filter: brightness(.84) saturate(.88);
  transition: filter .2s ease;
}

.fiabe-page a:hover img,
.fiabe-page label:hover img {
  filter: brightness(.91) saturate(.94);
}

.fiabe-page .fiabe-card,
.fiabe-page .fiabe-wallet-summary,
.fiabe-page .fiabe-empty,
.fiabe-page .fiabe-auth,
.fiabe-page .fiabe-story-dialog,
.fiabe-page dialog {
  border-color: var(--fiabe-line);
  background: rgba(14, 48, 57, .96);
  box-shadow: var(--fiabe-shadow);
  color: var(--fiabe-ink);
}

.fiabe-page .fiabe-eyebrow {
  border-color: rgba(242, 189, 92, .25);
  background: rgba(242, 189, 92, .11);
  color: #f5cc82;
}

.fiabe-page .fiabe-btn {
  border-color: transparent;
  background: linear-gradient(135deg, #f18a55, #e66f43);
  color: #fff;
  box-shadow: 0 12px 28px rgba(218, 94, 48, .22);
}

.fiabe-page .fiabe-btn:hover {
  background: linear-gradient(135deg, #f59a67, #ea7649);
  color: #fff;
}

.fiabe-page .fiabe-btn--soft,
.fiabe-page .fiabe-control {
  border-color: rgba(225, 238, 235, .16);
  background: rgba(255, 255, 255, .055);
  color: #f6eee1;
  box-shadow: none;
}

.fiabe-page .fiabe-btn--soft:hover,
.fiabe-page .fiabe-control:hover {
  border-color: rgba(242, 189, 92, .32);
  background: rgba(242, 189, 92, .1);
  color: #fff7e7;
}

.fiabe-page .fiabe-btn--danger {
  border-color: rgba(255, 141, 126, .26);
  background: rgba(167, 57, 47, .18);
  color: #ffb6ac;
  box-shadow: none;
}

.fiabe-page input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="hidden"]),
.fiabe-page select,
.fiabe-page textarea {
  border-color: rgba(225, 238, 235, .16);
  background: #092832;
  color: #fff7e7;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.fiabe-page input::placeholder,
.fiabe-page textarea::placeholder {
  color: #789693;
  opacity: 1;
}

.fiabe-page input:focus,
.fiabe-page select:focus,
.fiabe-page textarea:focus {
  border-color: #ee794c;
  outline: 0;
  box-shadow: 0 0 0 4px rgba(238, 121, 76, .16);
}

.fiabe-page select option {
  background: #092832;
  color: #fff7e7;
}

.fiabe-page input[type="radio"],
.fiabe-page input[type="checkbox"] {
  accent-color: #ee794c;
}

.fiabe-page .fiabe-note {
  border-color: rgba(106, 184, 146, .23);
  background: rgba(57, 122, 95, .16);
  color: #c7ead8;
}

.fiabe-page .fiabe-note--error,
.fiabe-page .fiabe-children-notice.is-error {
  border-color: rgba(244, 137, 111, .26);
  background: rgba(148, 58, 45, .18);
  color: #ffc6b8;
}

/* Landing */
.fiabe-landing {
  --landing-paper: #071e2b;
  --landing-white: #0e3039;
  --landing-ink: #fff7e7;
  --landing-copy: #c8d6d3;
  --landing-coral: #ee794c;
  --landing-coral-dark: #d6633a;
  --landing-gold: #f2bd5c;
  --landing-sage: #153d3c;
  --landing-teal: #17484e;
  --landing-teal-dark: #092730;
  --landing-line: rgba(225, 238, 235, .13);
  --landing-shadow: 0 26px 70px rgba(0, 0, 0, .27);
}

.fiabe-landing,
.fiabe-landing-hero,
.fiabe-landing-benefits,
.fiabe-landing-stories,
.fiabe-landing-how,
.fiabe-landing-pricing,
.fiabe-landing-faq {
  background:
    radial-gradient(circle at 10% 7%, rgba(242, 189, 92, .075), transparent 25%),
    radial-gradient(circle at 92% 10%, rgba(75, 136, 133, .13), transparent 28%),
    linear-gradient(180deg, #092631 0%, #071e2b 100%);
}

.fiabe-landing h1,
.fiabe-landing h2,
.fiabe-landing h3,
.fiabe-landing strong {
  color: #fff7e7;
}

.fiabe-landing p,
.fiabe-landing small,
.fiabe-landing li {
  color: #c8d6d3;
}

.fiabe-landing .fiabe-eyebrow {
  border-color: rgba(242, 189, 92, .25);
  background: rgba(242, 189, 92, .11);
  color: #f5cc82;
}

.fiabe-landing .fiabe-btn {
  background: linear-gradient(135deg, #f18a55, #e66f43);
  color: #fff;
}

.fiabe-landing .fiabe-btn--soft {
  border-color: rgba(225, 238, 235, .16);
  background: rgba(255, 255, 255, .055);
  color: #f6eee1;
}

.fiabe-landing-hero__visual,
.fiabe-landing-benefits__grid > div,
.fiabe-landing-story-card,
.fiabe-book-preview,
.fiabe-pricing-card,
.fiabe-faq-list details,
.fiabe-care-note {
  border-color: var(--landing-line);
  background: rgba(14, 48, 57, .94);
  box-shadow: var(--landing-shadow);
  color: var(--landing-ink);
}

.fiabe-landing .fiabe-landing-benefits__grid,
.fiabe-landing .fiabe-landing-hero__visual figcaption {
  border-color: var(--landing-line);
  background: rgba(14, 48, 57, .96);
  color: var(--landing-ink);
}

.fiabe-landing-hero__visual img,
.fiabe-situation-panel__visual img,
.fiabe-landing-story-card img,
.fiabe-book-preview img {
  filter: brightness(.82) saturate(.87);
}

.fiabe-landing-microcopy,
.fiabe-landing-benefits__grid > div p,
.fiabe-landing-story-card p,
.fiabe-pricing-card li,
.fiabe-faq-list p {
  color: #b9cbc8;
}

.fiabe-landing-benefits__grid > div {
  border-right-color: var(--landing-line);
}

.fiabe-landing-situations {
  background:
    radial-gradient(circle at 79% 18%, rgba(238, 121, 76, .12), transparent 32%),
    linear-gradient(145deg, #071b24, #0c3038 58%, #0a252e);
  color: #fff7e7;
}

.fiabe-situation-tab {
  border-color: rgba(225, 238, 235, .11);
  background: rgba(255, 255, 255, .045);
  color: #d7e2df;
}

.fiabe-situation-tab:hover,
.fiabe-situation-tab.is-active {
  border-color: rgba(238, 121, 76, .42);
  border-left-color: #ee794c;
  background: rgba(238, 121, 76, .13);
  color: #fff7e7;
}

.fiabe-situation-panel__visual {
  border-color: rgba(225, 238, 235, .12);
  background: #061922;
}

.fiabe-situation-panel__body,
.fiabe-situation-panel__insight,
.fiabe-situation-tags span {
  color: #d4e0dd;
}

.fiabe-how__grid,
.fiabe-landing-final__panel {
  border-color: rgba(225, 238, 235, .12);
  background:
    radial-gradient(circle at 12% 18%, rgba(242, 189, 92, .1), transparent 30%),
    linear-gradient(135deg, #10383f, #09262f);
  box-shadow: var(--landing-shadow);
}

.fiabe-how__steps > div,
.fiabe-pricing-card:not(.is-featured) {
  border-color: var(--landing-line);
  background: rgba(255, 255, 255, .035);
}

.fiabe-pricing-card.is-featured {
  border-color: rgba(238, 121, 76, .4);
  background: linear-gradient(150deg, rgba(238, 121, 76, .15), rgba(14, 48, 57, .96));
}

.fiabe-faq-list details[open] {
  border-color: rgba(242, 189, 92, .25);
  background: #123b44;
}

.fiabe-landing-final {
  background: #061a24;
}

/* Creation wizard */
.fiabe-create-page {
  --create-bg: #071e2b;
  --create-paper: #0e3039;
  --create-ink: #fff7e7;
  --create-copy: #c8d6d3;
  --create-line: rgba(225, 238, 235, .13);
  --create-peach: rgba(238, 121, 76, .12);
  --create-peach-strong: rgba(238, 121, 76, .2);
  --create-orange: #ee794c;
  --create-orange-dark: #d6633a;
  --create-night: #17484e;
  --create-sage: #153d3c;
  background: linear-gradient(180deg, #092631, #071e2b 38%, #061a25);
}

.fiabe-create-hero,
.fiabe-create-shell {
  background: transparent;
}

.fiabe-create-hero p,
.fiabe-create-back,
.fiabe-create-privacy {
  color: #adc1be;
}

.fiabe-create-gift,
.fiabe-create-progress,
.fiabe-create-form,
.fiabe-create-source,
.fiabe-create-info,
.fiabe-create-aside__card,
.fiabe-skill-extra,
.fiabe-idea-prompts,
.fiabe-final-summary,
.fiabe-create-checkout {
  border-color: var(--create-line);
  background: rgba(14, 48, 57, .96);
  box-shadow: 0 22px 58px rgba(0, 0, 0, .22);
  color: var(--create-ink);
}

.fiabe-create-gift {
  background: linear-gradient(135deg, rgba(242, 189, 92, .17), rgba(14, 48, 57, .98));
}

.fiabe-create-progress__top,
.fiabe-step-dots b,
.fiabe-step-heading small,
.fiabe-field > small,
.fiabe-skill-extra p,
.fiabe-final-summary small,
.fiabe-create-aside__details span,
.fiabe-create-aside__price span,
.fiabe-create-login-note {
  color: #a9bdb9;
}

.fiabe-wizard-progress {
  background: #1b3c43;
}

.fiabe-step-dots li span {
  border-color: rgba(225, 238, 235, .18);
  background: #0a2933;
  color: #b8cac7;
}

.fiabe-step-dots li.is-active span,
.fiabe-step-dots li.is-complete span {
  border-color: #ee794c;
  background: #ee794c;
  color: #fff;
}

.fiabe-step-dots li.is-active b,
.fiabe-step-dots li.is-complete b {
  color: #fff2dc;
}

.fiabe-step-heading {
  border-bottom-color: var(--create-line);
}

.fiabe-step-heading > span {
  background: #17484e;
  color: #fff7e7;
}

.fiabe-gender-choice label,
.fiabe-child-gender-choice label,
.fiabe-language-choice label,
.fiabe-free-story-card,
.fiabe-theme-card,
.fiabe-style-card,
.fiabe-voice-card,
.fiabe-length-card,
.fiabe-skill-options label,
.fiabe-examples button {
  border-color: var(--create-line);
  background: #0b2b35;
  color: var(--create-ink);
}

.fiabe-gender-choice label:hover,
.fiabe-child-gender-choice label:hover,
.fiabe-language-choice label:hover,
.fiabe-theme-card:hover,
.fiabe-style-card:hover,
.fiabe-voice-card:hover,
.fiabe-length-card:hover,
.fiabe-examples button:hover {
  border-color: rgba(238, 121, 76, .42);
  background: #123942;
}

.fiabe-gender-choice label:has(input:checked),
.fiabe-child-gender-choice label:has(input:checked),
.fiabe-language-choice label:has(input:checked),
.fiabe-free-story-card:has(input:checked),
.fiabe-theme-card:has(input:checked),
.fiabe-style-card:has(input:checked),
.fiabe-voice-card:has(input:checked),
.fiabe-length-card:has(input:checked),
.fiabe-skill-options label:has(input:checked) {
  border-color: #ee794c;
  background: rgba(238, 121, 76, .13);
  box-shadow: 0 0 0 3px rgba(238, 121, 76, .11);
}

.fiabe-theme-card__media,
.fiabe-style-card__preview,
.fiabe-voice-card__media,
.fiabe-free-story-card__media {
  background: #071f29;
}

.fiabe-theme-search,
.fiabe-theme-search input {
  border-color: var(--create-line);
  background: #092832;
  color: #fff7e7;
}

.fiabe-theme-filters button,
.fiabe-story-mode-guided,
.fiabe-language-access {
  border-color: var(--create-line);
  background: rgba(255, 255, 255, .045);
  color: #c8d6d3;
}

.fiabe-theme-filters button.is-active,
.fiabe-theme-filters button:hover {
  background: #17484e;
  color: #fff7e7;
}

.fiabe-style-card__copy,
.fiabe-voice-card__copy,
.fiabe-length-card > div {
  background: transparent;
}

.fiabe-voice-preview {
  border-color: var(--create-line);
  background: #102f38;
  color: #c8d6d3;
}

.fiabe-voice-preview audio {
  color-scheme: dark;
}

.fiabe-final-summary > div,
.fiabe-create-checkout > div,
.fiabe-create-aside__details p {
  border-color: var(--create-line);
  background: rgba(255, 255, 255, .035);
}

.fiabe-final-cover,
.fiabe-create-aside__cover {
  background: #092832;
}

.fiabe-final-cover::after,
.fiabe-create-aside__cover::after {
  background: linear-gradient(180deg, transparent 35%, rgba(4, 20, 27, .94));
}

.fiabe-create-aside__details,
.fiabe-create-aside__price {
  border-color: var(--create-line);
  background: #0d3039;
}

/* The wizard's original skin uses intentionally high-specificity selectors. */
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-gift,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-progress,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-form,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-source,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-info,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-aside__card,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-skill-extra,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-idea-prompts,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-final-summary,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-checkout {
  border-color: var(--create-line) !important;
  background: rgba(14, 48, 57, .96) !important;
  color: var(--create-ink) !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-gift {
  background: linear-gradient(135deg, rgba(242, 189, 92, .17), rgba(14, 48, 57, .98)) !important;
}

.fiabe-page.fiabe-app.fiabe-create-page input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="hidden"]),
.fiabe-page.fiabe-app.fiabe-create-page select,
.fiabe-page.fiabe-app.fiabe-create-page textarea,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-theme-search,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-theme-search input {
  border-color: rgba(225, 238, 235, .16) !important;
  background: #092832 !important;
  color: #fff7e7 !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-wizard-progress {
  background: #1b3c43 !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-step-dots li span {
  border-color: rgba(225, 238, 235, .18) !important;
  background: #0a2933 !important;
  color: #b8cac7 !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-step-dots li.is-active span,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-step-dots li.is-complete span {
  border-color: #ee794c !important;
  background: #ee794c !important;
  color: #fff !important;
}

/* Keep every wizard choice readable after the light visual skin is loaded.
   wizard.css intentionally uses more specific selectors, so these guards must
   stay scoped to the creation page and match that specificity. */
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-free-story-card,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-theme-card,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-style-card,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-voice-card,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-length-card,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-language-choice label,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-voice-option,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-examples button,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-future-option {
  border-color: rgba(225, 238, 235, .16) !important;
  background: #0b2b35 !important;
  color: #fff7e7 !important;
  box-shadow: none;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-free-story-card:hover,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-theme-card:hover,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-style-card:hover,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-voice-card:hover,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-length-card:not(.is-disabled):hover,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-language-choice label:hover,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-voice-option:hover,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-examples button:hover {
  border-color: rgba(238, 121, 76, .58) !important;
  background: #123942 !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-free-story-card:has(input:checked),
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-theme-card:has(input:checked),
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-style-card:has(input:checked),
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-voice-card:has(input:checked),
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-length-card:has(input:checked),
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-language-choice label:has(input:checked),
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-voice-option:has(input:checked) {
  border-color: #ee794c !important;
  background: linear-gradient(145deg, rgba(238, 121, 76, .18), #10313a) !important;
  box-shadow: 0 0 0 3px rgba(238, 121, 76, .12) !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-free-story-card strong,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-theme-card > strong,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-style-card__copy strong,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-voice-card__copy strong,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-length-card strong,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-language-choice label > strong,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-examples button {
  color: #fff7e7 !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-free-story-card small,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-theme-card > em,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-style-card__copy small,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-voice-card__copy small,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-length-card p,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-language-choice label > small,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-future-option,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-language-access {
  color: #c8d6d3 !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-theme-card > small,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-length-card small,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-voice-card__copy > em {
  color: #f0a27e !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-theme-card > b,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-voice-preview > span {
  color: #a9bfbd !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-examples button > span,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-language-choice label > span,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-length-card > span,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-future-option > span,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-future-option > b,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-final-summary > div > span {
  background: #153d3c !important;
  color: #f2bd5c !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-skill-options label,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-skill-options label:has(input:checked) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-skill-options span {
  border-color: rgba(225, 238, 235, .17) !important;
  background: #102f38 !important;
  color: #e7f0ed !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-skill-options label:hover span {
  border-color: rgba(238, 121, 76, .5) !important;
  background: #153b43 !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-skill-options input:checked + span {
  border-color: #ee794c !important;
  background: #17484e !important;
  color: #fff7e7 !important;
  box-shadow: 0 0 0 2px rgba(238, 121, 76, .1);
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-skill-extra h3 > span {
  display: inline-flex;
  margin-left: 8px;
  padding: 4px 7px;
  border: 1px solid rgba(242, 189, 92, .2);
  border-radius: 999px;
  background: rgba(242, 189, 92, .09);
  color: #f2bd5c !important;
  line-height: 1;
  vertical-align: middle;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-voice-preview {
  border-color: rgba(225, 238, 235, .13) !important;
  background: #102f38 !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-aside__details b,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-aside__price,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-checkout small,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-checkout span {
  color: #c8d6d3 !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-checkout strong {
  color: #f2bd5c !important;
}

/* Library */
.fiabe-library-page {
  background:
    radial-gradient(circle at 84% 7%, rgba(242, 189, 92, .1), transparent 28%),
    linear-gradient(180deg, #092631, #071e2b);
}

.fiabe-library-hero,
.fiabe-library-summary,
.fiabe-library-empty-state,
.fiabe-library-card,
.fiabe-library-hero__visual,
.fiabe-library-notice,
.fiabe-library-profile-link {
  border-color: var(--fiabe-line);
  background: rgba(14, 48, 57, .95);
  box-shadow: var(--fiabe-shadow-soft);
  color: var(--fiabe-ink);
}

.fiabe-library-summary > div,
.fiabe-library-details > div,
.fiabe-library-card__footer {
  border-color: var(--fiabe-line);
  background: rgba(255, 255, 255, .035);
}

.fiabe-page.fiabe-app.fiabe-library-page .fiabe-library-summary > a {
  border-color: var(--fiabe-line) !important;
  background: rgba(255, 255, 255, .045) !important;
  color: #fff7e7 !important;
}

.fiabe-library-cover {
  background: #092832;
}

.fiabe-library-cover::after {
  background: linear-gradient(180deg, transparent 42%, rgba(5, 24, 31, .82));
}

.fiabe-library-card.is-archived {
  background: rgba(14, 48, 57, .68);
}

.fiabe-library-link,
.fiabe-library-demo-link,
.fiabe-library-profile-link,
.fiabe-library-archive {
  color: #f2c77b;
}

.fiabe-privacy-badge,
.fiabe-library-meta span {
  border-color: rgba(225, 238, 235, .13);
  background: rgba(255, 255, 255, .055);
  color: #c8d6d3;
}

/* Child profiles */
.fiabe-children-page {
  background:
    radial-gradient(circle at 88% 8%, rgba(80, 142, 125, .15), transparent 30%),
    linear-gradient(180deg, #092631, #071e2b);
}

.fiabe-children-hero,
.fiabe-children-hero__count,
.fiabe-children-notice,
.fiabe-child-create,
.fiabe-children-list,
.fiabe-children-empty,
.fiabe-child-card,
.fiabe-child-edit {
  border-color: var(--fiabe-line);
  background: rgba(14, 48, 57, .95);
  box-shadow: var(--fiabe-shadow-soft);
  color: var(--fiabe-ink);
}

.fiabe-child-card__avatar {
  background: linear-gradient(145deg, rgba(242, 189, 92, .75), rgba(238, 121, 76, .65));
  color: #2c2621;
}

.fiabe-child-card__interests,
.fiabe-child-card__safe-note {
  border-color: var(--fiabe-line);
  background: rgba(255, 255, 255, .045);
  color: #bed0cd;
}

.fiabe-child-card__meta span,
.fiabe-child-card__label {
  color: #f1c476;
}

.fiabe-child-delete {
  color: #ffad9e;
}

.fiabe-page.fiabe-app.fiabe-children-page input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
.fiabe-page.fiabe-app.fiabe-children-page select,
.fiabe-page.fiabe-app.fiabe-children-page textarea {
  border-color: rgba(225, 238, 235, .16) !important;
  background: #092832 !important;
  color: #fff7e7 !important;
}

/* Wallet, packs and creation status */
.fiabe-balance-card,
.fiabe-movements,
.fiabe-pack,
.fiabe-status-page .fiabe-empty,
.fiabe-result-page .fiabe-empty {
  border-color: var(--fiabe-line);
  background: rgba(14, 48, 57, .96);
}

.fiabe-balance-card span,
.fiabe-pack p,
.fiabe-status-hint,
.fiabe-status-track li,
.fiabe-transaction time {
  color: #adbfbc;
}

.fiabe-balance-card strong,
.fiabe-pack strong,
.fiabe-price {
  color: #fff7e7;
}

.fiabe-transaction,
.fiabe-section__inline,
.fiabe-status-track li {
  border-color: var(--fiabe-line);
}

.fiabe-page.fiabe-app.fiabe-wallet-page .fiabe-wallet-summary > div {
  border-color: var(--fiabe-line) !important;
  background: rgba(255, 255, 255, .045) !important;
  color: #fff7e7 !important;
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-wallet-summary > div {
  border-color: var(--fiabe-line) !important;
  background: #102f38 !important;
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-wallet-summary strong {
  color: #a9bfbd !important;
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-wallet-summary span {
  color: #fff7e7 !important;
}

.fiabe-transaction .is-positive {
  color: #8bd5ad;
}

.fiabe-transaction .is-negative {
  color: #f3a183;
}

.fiabe-status-book {
  border-color: rgba(242, 189, 92, .23);
  background: linear-gradient(145deg, #123b44, #0a2933);
  color: #f2bd5c;
}

.fiabe-status-meter,
.fiabe-status-track li::before {
  background: #1a3e45;
}

.fiabe-status-track li.is-current,
.fiabe-status-track li.is-done {
  color: #fff7e7;
}

/* Reader and demos: the evening palette is now the default. */
.fiabe-reader-page,
.fiabe-demo-page {
  background:
    radial-gradient(circle at 50% 0%, rgba(75, 136, 133, .13), transparent 35%),
    linear-gradient(180deg, #071e2b, #061822);
}

.fiabe-reader-intro,
.fiabe-reader-after,
.fiabe-demo-picker,
.fiabe-story-management,
.fiabe-story-option,
.fiabe-reader-cover-preview {
  border-color: var(--fiabe-line);
  background: rgba(14, 48, 57, .95);
  box-shadow: var(--fiabe-shadow-soft);
  color: var(--fiabe-ink);
}

.fiabe-reader-intro__note,
.fiabe-demo-choice,
.fiabe-story-option__status,
.fiabe-story-management__danger {
  border-color: var(--fiabe-line);
  background: rgba(255, 255, 255, .045);
  color: #c8d6d3;
}

.fiabe-demo-choice:hover,
.fiabe-demo-choice.is-active {
  border-color: rgba(238, 121, 76, .45);
  background: rgba(238, 121, 76, .13);
}

.fiabe-book-reader--continuous,
.fiabe-book-reader--continuous.is-evening {
  border-color: rgba(225, 238, 235, .12);
  background: #071e2b;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .32);
}

.fiabe-page.fiabe-app.fiabe-reader-page .fiabe-book-reader--continuous,
.fiabe-page.fiabe-app.fiabe-reader-page .fiabe-book-reader--continuous.is-evening {
  border-color: rgba(225, 238, 235, .12) !important;
  background: #071e2b !important;
}

.fiabe-book-reader--continuous .fiabe-reader-toolbar,
.fiabe-book-reader--continuous.is-evening .fiabe-reader-toolbar {
  border-color: rgba(225, 238, 235, .12);
  background: rgba(7, 28, 38, .96);
}

.fiabe-book-reader--continuous .fiabe-story-feed,
.fiabe-book-reader--continuous.is-evening .fiabe-story-feed {
  background: #071e2b;
}

.fiabe-book-reader--continuous .fiabe-feed-scene:not(:last-child)::after,
.fiabe-book-reader--continuous.is-evening .fiabe-feed-scene:not(:last-child)::after {
  background: rgba(225, 238, 235, .11);
}

.fiabe-book-reader--continuous .fiabe-feed-illustration,
.fiabe-book-reader--continuous.is-evening .fiabe-feed-illustration {
  background: #061821;
}

.fiabe-book-reader--continuous .fiabe-feed-illustration img,
.fiabe-book-reader--continuous.is-evening .fiabe-feed-illustration img {
  background: #061821 !important;
  filter: brightness(.82) saturate(.88);
}

.fiabe-book-reader--continuous .fiabe-reader-kicker,
.fiabe-book-reader--continuous.is-evening .fiabe-reader-kicker {
  color: #efbb5a;
}

.fiabe-book-reader--continuous .fiabe-feed-copy > h2,
.fiabe-book-reader--continuous.is-evening .fiabe-feed-copy > h2 {
  color: #fff7e7;
}

.fiabe-reader-page .fiabe-book-reader--continuous .fiabe-reader-prose p,
.fiabe-reader-page .fiabe-book-reader--continuous .fiabe-reader-prose .fiabe-fragment,
.fiabe-reader-page .fiabe-book-reader--continuous.is-evening .fiabe-reader-prose p,
.fiabe-reader-page .fiabe-book-reader--continuous.is-evening .fiabe-reader-prose .fiabe-fragment {
  color: #dce6e3;
}

.fiabe-reader-page .fiabe-book-reader--continuous .fiabe-reader-prose .fiabe-fragment.is-active,
.fiabe-reader-page .fiabe-book-reader--continuous.is-evening .fiabe-reader-prose .fiabe-fragment.is-active {
  background: rgba(242, 189, 92, .18);
  color: #fff7df;
  box-shadow: inset 4px 0 0 #f2bd5c;
}

.fiabe-reader-tool,
.fiabe-audio-speed,
.fiabe-audio-skip {
  border-color: rgba(225, 238, 235, .15);
  background: rgba(255, 255, 255, .055);
  color: #eef5f2;
}

.fiabe-reader-tool:hover,
.fiabe-reader-tool[aria-pressed="true"] {
  border-color: rgba(242, 189, 92, .32);
  background: rgba(242, 189, 92, .13);
  color: #fff7e7;
}

.fiabe-audio-panel {
  border-color: rgba(225, 238, 235, .13);
  background: rgba(9, 39, 48, .97);
  color: #fff7e7;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .3);
}

.fiabe-audio-range {
  accent-color: #f2bd5c;
}

body.fiabe-reading-mode {
  background: #061821;
}

/* Shared footer and overlays, scoped by this stylesheet being Fiabe-only. */
body > footer {
  border-top: 1px solid rgba(225, 238, 235, .09);
  background: #05161e;
}

body > footer a,
body > footer p,
body > footer .copyrigth,
body > footer [style] {
  color: #9fb4b1 !important;
}

body > footer a:hover {
  color: #f2c77b !important;
}

.popup .popup-content {
  border: 1px solid rgba(225, 238, 235, .14);
  background-color: #0e3039;
  color: #fff7e7;
}

.popup .popup-content p,
.popup .popup-content label,
.popup .popup-content span {
  color: #d5e0dd;
}

@media (max-width: 780px) {
  html body header.header-top {
    background: #061922;
  }

  html body header.header-top ul,
  html body header.header-top ul.active {
    border-top: 1px solid rgba(225, 238, 235, .1);
    background: #071e2b;
  }

  html body header.header-top .login.acsc {
    border-color: rgba(255, 191, 191, .55);
    color: #ffc8c8;
  }

  .fiabe-page,
  .fiabe-landing,
  .fiabe-create-page {
    background:
      radial-gradient(circle at 85% 2%, rgba(75, 136, 133, .12), transparent 24%),
      linear-gradient(180deg, #08232e, #061a25);
  }

  .fiabe-page img {
    filter: brightness(.8) saturate(.86);
  }

  .fiabe-book-reader--continuous,
  .fiabe-book-reader--continuous.is-evening,
  .fiabe-book-reader--continuous .fiabe-feed-illustration,
  .fiabe-book-reader--continuous.is-evening .fiabe-feed-illustration {
    background: #061821;
  }

  .fiabe-book-reader--continuous .fiabe-reader-toolbar,
  .fiabe-book-reader--continuous.is-evening .fiabe-reader-toolbar {
    background: rgba(6, 24, 33, .98);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fiabe-page img {
    transition: none;
  }
}