/*
 * 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 {
  padding: 10px 0;
  margin: 0 auto;
}

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);
  --landing-paper: var(--fiabe-bg);
  --landing-white: var(--fiabe-surface);
  --landing-ink: var(--fiabe-ink);
  --landing-copy: var(--fiabe-copy);
  --landing-coral: var(--fiabe-coral);
  --landing-coral-dark: var(--fiabe-coral-dark);
  --landing-gold: var(--fiabe-gold);
  --landing-sage: var(--fiabe-sage);
  --landing-teal: var(--fiabe-night);
  --landing-teal-dark: var(--fiabe-bg);
  --landing-line: var(--fiabe-line);
  --landing-shadow: var(--fiabe-shadow);
  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 [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-audio-panel svg {
  width: 80%;
  height: auto;
}
.fiabe-audio-panel svg path {
  fill: #ffffff;
}
.fiabe-audio-skip.first svg {
  transform: rotate(180deg);
}

.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--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-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-guest-registration,
.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-guest-registration p,
.fiabe-guest-registration small,
.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-guest-registration,
.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-page.fiabe-app.fiabe-wallet-page .fiabe-pack,
.fiabe-page.fiabe-app.fiabe-wallet-page .fiabe-wallet-buy {
  border-color: var(--fiabe-line) !important;
  background: #0e3039 !important;
}

.fiabe-page.fiabe-app.fiabe-wallet-page .fiabe-pack:nth-child(2) {
  border-color: rgba(238, 121, 76, .42) !important;
  background: #123943 !important;
}

.fiabe-page.fiabe-app.fiabe-wallet-page .fiabe-pack__value > strong,
.fiabe-page.fiabe-app.fiabe-wallet-page .fiabe-balance-card > strong,
.fiabe-page.fiabe-app.fiabe-wallet-page .fiabe-wallet-buy h2 {
  color: #fff7e7;
}

.fiabe-page.fiabe-app.fiabe-wallet-page .fiabe-price {
  color: #f2bd5c !important;
}

.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-cover-preview {
  display: none;
}
.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: #173b3d;
}

.fiabe-demo-choice__copy small {
  border: 1px solid rgba(242, 189, 92, .24);
  background: rgba(242, 189, 92, .12);
  color: #f5cc82;
}

.fiabe-demo-choice__copy strong {
  color: #fff7e7;
}

.fiabe-demo-choice__copy > span {
  color: #c8d6d3;
}

.fiabe-demo-choice__copy b {
  color: #f2bd5c;
}

.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) {
  body > .breadcrumbs {
    overflow-x: auto;
    padding-right: 0;
    padding-left: 0;
    scrollbar-width: none;
  }

  body > .breadcrumbs::-webkit-scrollbar {
    display: none;
  }

  body > .breadcrumbs ol {
    width: max-content;
    flex-wrap: nowrap;
    padding: 0 10px;
  }

  html body header.header-top {
    background: #061922;
  }

  html body header.header-top ul,
  html body header.header-top ul.active {
    border: 0;
    background: #061922;
  }

  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);
  }
  .fiabe-library-hero__visual {
    max-width: 100%;
  }
  .fiabe-eyebrow, .fiabe-wallet-summary,.fiabe-status-visual p {
    display: none;
  }
  .fiabe-page.fiabe-app.fiabe-status-page .fiabe-empty h1 {
        line-height: 1.4;
        font-size: clamp(22px, 6vw, 40px);
    }
}

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

/* Creation wizard: shared evening canvas and typography. */
.fiabe-page.fiabe-app.fiabe-create-page {
  background: #071e2b !important;
  font-size: 16px;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-hero,
.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-shell {
  border: 0;
  background: transparent !important;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-hero h1 {
  max-width: 790px;
  font-size: clamp(36px, 6vw, 66px);
  line-height: .98;
  text-align: left;
  text-transform: none;
}

.fiabe-page.fiabe-app.fiabe-create-page .fiabe-step-heading h2 {
  font-size: clamp(27px, 3.3vw, 44px);
  line-height: 1.08;
  text-align: left;
  text-transform: none;
}

@media (prefers-reduced-motion: no-preference) {
  .fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-hero__inner > div:first-child {
    animation: fiabeCreateHeroReveal .7s cubic-bezier(.22, 1, .36, 1) both;
  }

  .fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-gift {
    animation: fiabeCreateGiftFloat 5.8s ease-in-out infinite;
  }
}

@keyframes fiabeCreateHeroReveal {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fiabeCreateGiftFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@media (max-width: 700px) {
  .fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-hero {
    padding: 20px 0;
  }

  .fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-hero__inner > div:first-child {
    text-align: left;
  }

  .fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-hero h1 {
    font-size: clamp(29px, 7vw, 44px);
    line-height: 1.34;
    margin-bottom: 0;
  }

  .fiabe-page.fiabe-app.fiabe-create-page .fiabe-step-heading h2 {
    font-size: clamp(27px, 8.5vw, 36px);
    line-height: 1.1;
  }

  .fiabe-page.fiabe-app.fiabe-create-page .fiabe-create-gift {
    animation: none;
  }

  body > .breadcrumbs {
    margin: 0 10px;
  }
}

/* Creation status: one calm evening canvas, shared type scale and real cards. */
.fiabe-page.fiabe-app.fiabe-status-page {
  min-height: 68vh;
  background: #071e2b !important;
  font-size: 16px;
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-section {
  padding: clamp(42px, 6vw, 76px) 0 clamp(58px, 8vw, 96px);
  background: transparent;
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-empty {
  border: 1px solid rgba(225, 238, 235, .13);
  border-radius: clamp(24px, 3vw, 36px);
  background: #0e3039 !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-empty h1 {
  color: #fff7e7;
  font-size: clamp(34px, 4.5vw, 52px);
  line-height: 1.06;
  text-transform: none;
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-empty > p:not(.fiabe-eyebrow) {
  color: #c8d6d3;
  font-size: clamp(16px, 1.55vw, 19px);
  line-height: 1.65;
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-status-meter {
  background: transparent;
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-status-meter > div {
  color: #adbfbc;
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-status-meter > i {
  background: #173b44;
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-status-hint {
  border: 1px solid rgba(225, 238, 235, .1);
  background: rgba(255, 255, 255, .045);
  color: #bed0cd !important;
  font-size: 14px;
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-status-track {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.fiabe-page.fiabe-app.fiabe-status-page .fiabe-status-track span {
  border-color: rgba(225, 238, 235, .16);
  background: #0a2731;
  color: #adbfbc;
}

@media (prefers-reduced-motion: no-preference) {
  .fiabe-page.fiabe-app.fiabe-status-page .fiabe-empty {
    animation: fiabeStatusCardReveal .7s cubic-bezier(.22, 1, .36, 1) both;
  }
}

@keyframes fiabeStatusCardReveal {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 620px) {
  .fiabe-page.fiabe-app.fiabe-status-page .fiabe-section {
    padding: 30px 0 58px;
  }

  .fiabe-page.fiabe-app.fiabe-status-page .fiabe-empty {
    padding: 28px 18px;
  }

  .fiabe-page.fiabe-app.fiabe-status-page .fiabe-empty h1 {
    line-height: 1.4;
        font-size: clamp(22px, 6vw, 40px);
        margin-bottom: 0;
  }

  .fiabe-status-track .is-done span::before {
    content: "";
  }
  .fiabe-page.fiabe-app.fiabe-status-page .fiabe-empty {
    overflow: unset;
  }
  .fiabe-status-visual {
          margin-top: -60px !important;
          margin-bottom: 7px !important;
        }
        .fiabe-page.fiabe-app.fiabe-status-page .fiabe-empty > p:not(.fiabe-eyebrow) {
        font-size: 14px;
        line-height: 1.3em;
    }
    .fiabe-status-page .fiabe-status-track {
      margin: 7px auto 0px;
    }
}

.fiabe-library-empty-state .fiabe-empty-title {
    text-align: left;
  }
  h2 {
    line-height: 1.22;
  }
.fiabe-reader-intro, .fiabe-reader-after, .fiabe-demo-picker, .fiabe-story-management, .fiabe-story-option, .fiabe-reader-cover-preview {
    border-color: unset;
    background: none;
    box-shadow: none;
  }

.fiabe-create-aside__details p {
  background: none;
}