fictioneer/css/properties.css

:root{--site-width: 960px;--lightness-offset: 0;--darken: (1 + var(--lightness-offset));--saturation-offset: 0;--saturation: (1 + var(--saturation-offset));--font-saturation: 1;--hue-offset: 0deg;--hue-rotate: 0deg + var(--hue-offset);--navigation-height: 48px;--ff-system: "-apple-system", "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--ff-base: "Open Sans", var(--ff-system);--ff-heading: "Open Sans", var(--ff-base);--ff-note: "Lato", var(--ff-base);--ff-mono: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;--layout-header-background-height: clamp(210px, 42.1875vw + 75px, 480px);--layout-site-header-height: calc(clamp(190px, 29.6875vw + 95px, 380px) - var(--layout-main-inset-top));--layout-site-logo-filter: none;--layout-site-logo-height: 210px;--site-title-font: var(--ff-heading);--site-title-font-size: clamp(32px, 4.375vw + 18px, 60px);--site-title-tagline-font-size: clamp(13px, 0.78125vw + 10.5px, 18px);--site-title-heading-color: var(--fg-100);--site-title-tagline-color: var(--fg-100);--site-title-text-shadow: 0 0 4px rgb(0 0 0 / 80%), 0 0 2px rgb(0 0 0 / 60%)}@media only screen and (min-width: 1024px){:root{--navigation-height: 40px}}:root,:root[data-theme=base]{--primary-400: hsl(46deg 87% 75%);--primary-500: hsl(44deg 86% 70%);--primary-600: hsl(34deg 82% 70%);--bg-900-free: calc(222deg + var(--hue-rotate)) calc(15% * var(--saturation)) clamp(8.5%, 17% * var(--darken), 58.5%);--bg-1000-free: calc(222deg + var(--hue-rotate)) calc(13% * var(--saturation)) clamp(4%, 8% * var(--darken), 54%);--bg-50: hsl(calc(222deg + var(--hue-rotate)) calc(11% * var(--saturation)) clamp(16.5%, 33% * var(--darken), 66.5%));--bg-100: hsl(calc(222deg + var(--hue-rotate)) calc(11% * var(--saturation)) clamp(15.5%, 31% * var(--darken), 65.5%));--bg-200: hsl(calc(222deg + var(--hue-rotate)) calc(12% * var(--saturation)) clamp(15%, 30% * var(--darken), 65%));--bg-300: hsl(calc(222deg + var(--hue-rotate)) calc(12% * var(--saturation)) clamp(14.5%, 29% * var(--darken), 64.5%));--bg-400: hsl(calc(222deg + var(--hue-rotate)) calc(13% * var(--saturation)) clamp(14%, 28% * var(--darken), 64%));--bg-500: hsl(calc(222deg + var(--hue-rotate)) calc(13% * var(--saturation)) clamp(13.5%, 27% * var(--darken), 63.5%));--bg-600: hsl(calc(222deg + var(--hue-rotate)) calc(14% * var(--saturation)) clamp(12.5%, 25% * var(--darken), 62.5%));--bg-700: hsl(calc(222deg + var(--hue-rotate)) calc(14% * var(--saturation)) clamp(11.5%, 23% * var(--darken), 61.5%));--bg-800: hsl(calc(222deg + var(--hue-rotate)) calc(15% * var(--saturation)) clamp(10%, 20% * var(--darken), 60%));--bg-900: hsl(var(--bg-900-free));--bg-1000: hsl(var(--bg-1000-free));--layout-spacing-vertical: clamp(24px, 5vw - 0px, 48px);--layout-spacing-horizontal: clamp(20px, 12.5% - 40px, 80px);--layout-spacing-horizontal-small: clamp(10px, 12.5% - 30px, 20px);--layout-border-radius-large: 4px;--layout-border-radius-small: 2px;--layout-color-lineart: var(--fg-800);--layout-color-separator: rgb(255 255 255 / 5%);--layout-main-filter: none;--layout-main-mobile-box-shadow: 0 0 2px rgb(0 0 0 / 30%);--layout-main-desktop-box-shadow: 0 0 2px rgb(0 0 0 / 20%);--layout-main-inset-top: 3rem;--layout-link: inherit;--layout-link-hover: var(--fg-200);--layout-collection-text: var(--fg-200);--layout-background-texture-body: none;--layout-background-texture-main: none;--layout-background-texture-chapter: none;--layout-background-texture-container: none;--layout-background-texture-cards: none;--layout-top-header-background-color: transparent;--layout-header-background-filter: none;--layout-header-background-box-shadow: 0 1px 3px rgb(0 0 0 / 20%);--minimal-main-box-shadow: 0 0 1px rgb(0 0 0 / 50%);--minimal-container-box-shadow: 0 0 1px rgb(0 0 0 / 50%);--theme-color-base: 216 12 17;--secant: var(--bg-900);--theme-color-base: 222 15 17;--disabled-pattern: rgb(0 0 0 / 8%) repeating-linear-gradient(-45deg, rgb(0 0 0 / 8%), rgb(0 0 0 / 8%) 2px, transparent 2px, transparent 5px);--disabled-embed-background: var(--disabled-pattern);--progress-bar-background: var(--navigation-background-sticky);--progress-bar-color: var(--fg-900);--media-button-color: var(--fg-600);--media-button-color-hover: var(--fg-500);--tax-cloud-current: var(--primary-500);--checkmark-not-checked: var(--e-body);--card-type-font-weight: 600;--card-unavailable-filter: grayscale(0.5);--spoiler-background: var(--fg-600);--spoiler-text-visible: #060606;--ins-background: #7ebb4e;--ins-color: var(--fg-1000);--del-background: #f66055;--del-color: var(--fg-1000);--vote-default: var(--fg-800);--vote-down: #f66055;--vote-up: #7ebb4e;--skeleton-shape-color: var(--fg-800);--skeleton-cutout-color: var(--e-1);--placeholder-no-cover: var(--e-body);--icon-text-font: inherit;--code-background: var(--bg-900);--code-background-inline: rgb(0 0 0 / 15%);--code-color: var(--fg-800);--warning: #f66055;--warning-caption: #fff;--success: #7ebb4e;--success-caption: #fff;--invert-filter: invert(0);--red: #ef4d4d;--litrpg-bg: var(--fg-400);--litrpg-fg: var(--fg-1000);--litrpg-ins: #363ea1;--litrpg-del: #be123c;--litrpg-drop-shadow: var(--container-drop-shadow);--lit-rpg-polygon: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);--paragraph-spacing: 1.5rem;--barberpole: var(--bg-600);--focus-background: var(--red);--focus-outline: 2px solid var(--focus-background);--focus-box-shadow: inset 0 0 0px 3px rgb(0 0 0 / 75%);--focus-box-shadow-small: inset 0 0 0px 2px rgb(0 0 0 / 75%);--e-body: var(--bg-1000);--e-fullscreen: var(--e-1);--e-0: var(--bg-900);--e-1: var(--bg-800);--e-2: var(--bg-700);--e-overlay: var(--bg-1000);--navigation-background-sticky: var(--bg-1000);--navigation-background-sticky-start-opacity: 0;--navigation-background-sticky-end-opacity: 1;--navigation-text: var(--fg-300);--navigation-text-hover: var(--fg-200);--navigation-actions-text: var(--fg-400);--navigation-actions-text-hover: var(--fg-200);--navigation-text-shadow: var(--text-shadow);--navigation-drop-shadow: drop-shadow(0 3px 2px rgb(0 0 0 / 20%));--navigation-item-active-background: var(--bg-300);--navigation-item-active-submenu-background: var(--bg-300);--navigation-item-active-submenu-secant: var(--secant);--navigation-submenu-box-shadow: 0 4px 3px -2px rgb(0 0 0 / 30%);--navigation-subitem-active-background: var(--bg-50);--navigation-new-follow-background: var(--primary-500);--navigation-new-follow-color: black;--tab-background-active: var(--fg-600);--tab-background-inactive: var(--bg-500);--tab-background-hover: var(--bg-50);--tab-text-shadow-active: none;--tab-text-shadow-inactive: 0 0 1px var(--bg-800);--tab-text-active: var(--fg-1000);--tab-text-hover: var(--fg-500);--tab-text-inactive: var(--fg-800);--modal-overlay: rgb(0 0 0 / 30%);--modal-background: var(--bg-700);--modal-icon: var(--fg-600);--modal-icon-hover: var(--fg-300);--floating-shadow: 0 0 16px 4px rgb(0 0 0 / 30%), 1px 1px 0 0 rgb(255 255 255 / 1%) inset;--container-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));--container-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%), 0 1px 2px -1px rgb(0 0 0 / 10%);--figure-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.12)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.1));--card-image-drop-shadow: none;--caption-overlay-shadow: linear-gradient(0deg, rgb(0 0 0 / 70%), rgb(0 0 0 / 30%) 70%, transparent);--embed-box-shadow: 0 0 2px rgb(0 0 0 / 30%);--mobile-menu-background: var(--e-body);--mobile-menu-site-box-shadow: inset -5px 0 3px -4px rgb(0 0 0 / 30%);--mobile-menu-overlay: rgb(0 0 0 / 20%);--mobile-menu-text-shadow: var(--text-shadow);--mobile-menu-bookmark-progress-background: rgb(0 0 0 / 40%);--mobile-menu-current-chapter-text: var(--fg-400);--mobile-menu-current-chapter-background: var(--bg-800);--blockquote-background: rgb(0 0 0 / 15%);--text-shadow: -1px -1px 1px rgb(0 0 0 / 12%);--table-border-color: var(--fg-900);--table-stripe-background: hsl(var(--bg-1000-free) / 15%);--font-smoothing-webkit: subpixel-antialiased;--font-smoothing-moz: auto;--font-weight-normal: 300;--font-weight-strong: 500;--font-weight-semi-strong: 400;--font-weight-medium: 400;--font-weight-heading: 600;--font-weight-badge: 600;--font-weight-post-meta: 300;--font-weight-ribbon: 600;--font-weight-navigation: 400;--font-line-height-base: 1.7;--font-letter-spacing-base: 0.01em;--fs-xxxs: .625rem;--fs-xxs: .75rem;--fs-xs: .875rem;--fs-s: 1rem;--fs-m: 1.125rem;--fs-ml: 1.25rem;--fs-l: 1.5rem;--fs-xl: 1.75rem;--fs-xxl: 2.25rem;--fs-xxxl: 2.5rem;--fs-xxxxl: 3rem;--fs-dxxs: clamp(11px, 0.5434782609vw + 8.8260869565px, 13px);--fs-dxs: clamp(12px, 0.2717391304vw + 10.9130434783px, 13px);--fs-ds: clamp(13px, 0.2717391304vw + 11.9130434783px, 14px);--heading-link: var(--fg-400);--heading-link-hover: var(--fg-200);--inline-link: var(--primary-500);--inline-link-hover: var(--primary-400);--inline-link-visited: var(--primary-600);--inline-link-border: 1px solid transparent;--inline-link-border-hover: 1px solid currentColor;--story-link: var(--fg-400);--story-link-hover: var(--fg-200);--card-label-type-text: var(--fg-1000);--card-label-type-background: var(--fg-500);--bookmark-color-alpha: var(--fg-900);--bookmark-color-beta: #e06552;--bookmark-color-gamma: #77BFA3;--bookmark-color-delta: #3C91E6;--bookmark-line: var(--primary-500);--bookmark-button-text-active-alpha: var(--fg-1000);--bookmark-button-text-active-beta: var(--fg-1000);--bookmark-button-text-active-gamma: var(--fg-1000);--bookmark-button-text-active-delta: var(--fg-1000);--bookmark-progress-opacity: .15;--bookmark-progress-mobile-opacity: .75;--button-font-weight: 500;--button-box-shadow: none;--button-primary-text: var(--fg-400);--button-primary-text-hover: var(--fg-300);--button-primary-text-disabled: var(--fg-800);--button-primary-background: var(--bg-200);--button-primary-background-hover: var(--bg-50);--button-primary-background-disabled: var(--bg-400);--button-primary-border: 0;--button-secondary-text: var(--fg-700);--button-secondary-text-hover: var(--fg-300);--button-secondary-text-active: var(--fg-1000);--button-secondary-text-disabled: var(--fg-900);--button-secondary-background: transparent;--button-secondary-background-hover: rgb(255 255 255 / 5%);--button-secondary-background-active: var(--fg-600);--button-secondary-background-disabled: rgb(255 255 255 / 2%) repeating-linear-gradient(-45deg, rgb(255 255 255 / 4%), rgb(255 255 255 / 4%) 2px, transparent 2px, transparent 5px);--button-secondary-border: .5px solid var(--fg-900);--button-secondary-border-active: .5px solid var(--fg-500);--button-secondary-border-disabled: .5px solid var(--fg-900);--button-quick-background: var(--bg-500);--button-quick-background-hover: var(--bg-300);--button-quick-text: var(--fg-600);--button-quick-text-hover: var(--fg-400);--button-quick-border: none;--button-quick-border-hover: none;--button-file-block-text: var(--fg-1000);--button-file-block-text-hover: var(--fg-1000);--button-file-block-background: var(--fg-600);--button-file-block-background-hover: var(--fg-400);--button-selection-background: var(--primary-500);--button-selection-text-color: var(--fg-1000);--post-password-background: var(--infobox-background);--post-password-cutout: var(--e-1);--post-password-submit-color: var(--e-2);--input-shadow: inset 0 0 1px rgb(0 0 0 / 10%);--input-placeholder: var(--bg-200);--input-fill: var(--fg-800);--input-node-background: var(--bg-600);--input-node-text: var(--fg-400);--input-range-thumb: var(--fg-700);--input-range-thumb-hover: var(--fg-400);--input-border-color: transparent;--input-border-color-hover: transparent;--input-border-color-focus: transparent;--input-border-color-active: transparent;--input-border-color-disabled: transparent;--input-background: rgb(0 0 0 / 30%);--input-background-disabled: rgb(0 0 0 / 15%) repeating-linear-gradient(-45deg, rgb(0 0 0 / 15%), rgb(0 0 0 / 15%) 2px, transparent 2px, transparent 5px);--popup-menu-background: var(--fg-300);--popup-menu-background-hover: var(--fg-500);--popup-menu-background-selected: var(--fg-400);--popup-menu-text: var(--fg-1000);--popup-menu-text-hover: var(--fg-1000);--pagination-background: var(--bg-500);--pagination-background-hover: var(--bg-50);--pagination-text: var(--fg-600);--pagination-text-hover: var(--fg-500);--pagination-current-text: var(--fg-1000);--pagination-current-background: var(--fg-600);--infobox-background: var(--bg-900);--infobox-text: var(--fg-600);--infobox-background-free: var(--bg-900-free);--infobox-gradient: linear-gradient(-90deg, hsl(var(--infobox-background-free) / 40%) 0%, hsl(var(--infobox-background-free) / 40%) 55%, transparent 90%);--tooltip-background: var(--fg-300);--tooltip-text: var(--fg-1000);--comment-background: hsl(var(--bg-1000-free) / 20%);--comment-background-private: rgb(0 0 0 / 5%) repeating-linear-gradient(-45deg, var(--comment-background), var(--comment-background) 2px, transparent 2px, transparent 5px);--comment-background-deleted: rgb(0 0 0 / 5%) repeating-linear-gradient(-45deg, var(--comment-background), var(--comment-background) 2px, transparent 2px, transparent 5px);--comment-background-offensive: rgb(0 0 0 / 5%) repeating-linear-gradient(45deg, var(--comment-background), var(--comment-background) 2px, transparent 2px, transparent 5px);--comment-background-sticky: hsl(var(--bg-1000-free) / 30%);--comment-border-sticky: 1px dashed rgb(255 255 255 / 20%);--transition-duration: .2s;--text-selection-background: rgb(255 255 255 / 20%);--text-selection-color: var(--fg-200);--placeholder-background: var(--e-body);--scrollbar-background: rgb(0 0 0 / 20%);--scrollbar-thumb: var(--fg-900);--scrollbar-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);--badge-generic-text: var(--fg-400);--badge-generic-background: var(--bg-300);--badge-supporter-text: var(--fg-100);--badge-supporter-background: hsl(350deg 75% 60%);--badge-moderator-text: var(--fg-200);--badge-moderator-background: #4d628f;--badge-admin-text: var(--fg-200);--badge-admin-background: #505062;--badge-author-text: var(--fg-200);--badge-author-background: #505062;--badge-override-text: var(--fg-400);--badge-override-background: var(--bg-300)}:root,:root .chapter-formatting,:root[data-theme=base],:root[data-theme=base] .chapter-formatting{--fg-100: hsl(calc(220deg + var(--hue-rotate)) calc(10% * (var(--font-saturation) + var(--saturation) - 1)) 88%);--fg-200: hsl(calc(223deg + var(--hue-rotate)) calc(11% * (var(--font-saturation) + var(--saturation) - 1)) 84%);--fg-300: hsl(calc(224deg + var(--hue-rotate)) calc(11% * (var(--font-saturation) + var(--saturation) - 1)) 79%);--fg-400: hsl(calc(221deg + var(--hue-rotate)) calc(13% * (var(--font-saturation) + var(--saturation) - 1)) 74%);--fg-500: hsl(calc(222deg + var(--hue-rotate)) calc(14% * (var(--font-saturation) + var(--saturation) - 1)) 69%);--fg-600: hsl(calc(222deg + var(--hue-rotate)) calc(13% * (var(--font-saturation) + var(--saturation) - 1)) 65%);--fg-700: hsl(calc(221deg + var(--hue-rotate)) calc(12% * (var(--font-saturation) + var(--saturation) - 1)) 62%);--fg-800: hsl(calc(221deg + var(--hue-rotate)) calc(10% * (var(--font-saturation) + var(--saturation) - 1)) 61%);--fg-900: hsl(calc(223deg + var(--hue-rotate)) calc(10% * (var(--font-saturation) + var(--saturation) - 1)) 52%);--fg-1000: hsl(calc(220deg + var(--hue-rotate)) calc(10% * (var(--font-saturation) + var(--saturation) - 1)) 8%);--fg-tinted: hsl(calc(222deg + var(--hue-rotate)) calc(12% * (var(--font-saturation) + var(--saturation) - 1)) 68%)}:root .follow-notifications,:root[data-theme=base] .follow-notifications{--follow-title-color: var(--fg-300);--follow-meta-color: var(--fg-600)}:root .consent-banner,:root[data-theme=base] .consent-banner{--consent-banner-text: var(--fg-500);--consent-banner-background: var(--e-overlay)}:root .micro-menu,:root[data-theme=base] .micro-menu{--micro-menu-background: var(--e-overlay);--micro-menu-text: var(--fg-400);--micro-menu-text-hover: var(--fg-200);--micro-menu-box-shadow: 0 0 8px 2px rgb(0 0 0 / 30%)}:root .selected-paragraph,:root[data-theme=base] .selected-paragraph{--paragraph-selection-background: rgb(255 255 255 / 10%);--paragraph-tools-filter: drop-shadow(0 -3px 6px rgb(0 0 0 / 30%));--button-bookmark-background-active: var(--primary-500)}:root .tts-interface,:root[data-theme=base] .tts-interface{--tts-background: var(--e-overlay);--tts-button-active-background: var(--primary-500);--tts-button-active-text: var(--fg-1000);--input-background: var(--bg-300)}:root .current-reading,:root[data-theme=base] .current-reading{--tts-current-reading-background: rgb(255 255 255 / 5%)}:root .toggle,:root[data-theme=base] .toggle{--toggle-text: var(--fg-600);--toggle-text-hover: var(--fg-400);--toggle-text-checked: var(--fg-1000);--toggle-text-checked-hover: var(--fg-1000);--toggle-background: transparent;--toggle-background-checked: var(--fg-600);--toggle-background-hover: var(--fg-400);--toggle-border: var(--fg-600);--toggle-border-checked: var(--fg-600);--toggle-border-hover: var(--fg-400)}:root .suggestion-tools,:root[data-theme=base] .suggestion-tools{--button-suggestion-text: var(--fg-1000);--button-suggestion-text-hover: var(--fg-1000);--button-suggestion-background: var(--fg-300);--button-suggestion-background-hover: var(--fg-200)}:root .tag-pill,:root[data-theme=base] .tag-pill{--tag-text: var(--fg-400);--tag-text-hover: var(--fg-300);--tag-background: var(--bg-500);--tag-background-hover: var(--bg-100);--tag-secondary-text: var(--fg-900);--tag-secondary-text-hover: var(--fg-300);--tag-secondary-background: transparent;--tag-secondary-background-hover: var(--bg-100);--tag-secondary-border: .5px solid var(--bg-200);--tag-secondary-border-hover: .5px solid transparent;--tag-warning-text-hover: var(--fg-100);--tag-warning-background: rgb(246 96 85 / 5%);--tag-warning-background-hover: rgb(246 96 85 / 50%)}:root .ribbon,:root[data-theme=base] .ribbon{--ribbon-background: var(--fg-400);--ribbon-text: var(--fg-1000);--ribbon-background-read: var(--fg-400);--ribbon-text-read: var(--fg-1000);--ribbon-box-shadow: 0 0 2px rgb(0 0 0 / 30%)}:root.minimal .header__title,:root[data-theme=base].minimal .header__title{--site-title-heading-color: var(--fg-200);--site-title-tagline-color: var(--fg-500);--site-title-text-shadow: none}:root[data-font-weight=normal]:is(html){--font-weight-normal: 400;--font-weight-strong: 600;--font-weight-medium: 500;--font-weight-heading: 600;--font-weight-badge: 600;--font-weight-post-meta: 400;--font-weight-ribbon: 700;--font-weight-navigation: 400}:root[data-font-weight=thinner]:is(html){--font-weight-normal: 300;--font-weight-strong: 500;--font-weight-medium: 400;--font-weight-heading: 600;--font-weight-badge: 600;--font-weight-post-meta: 300;--font-weight-ribbon: 500;--font-weight-navigation: 400}:root[data-mode=light]{--lightness-offset: 0;--saturation-offset: 0;--primary-400: hsl(217deg 90% 61%);--primary-500: hsl(217deg 91% 60%);--primary-600: hsl(226deg 71% 40%);--bg-200-free: calc(220deg + var(--hue-rotate)) calc(13% * var(--saturation)) clamp(45.5%, 91% * var(--darken), 95.5%);--bg-1000-free: calc(221deg + var(--hue-rotate)) calc(39% * var(--saturation)) clamp(5.5%, 11% * var(--darken), 55.5%);--bg-10: hsl(calc(210deg + var(--hue-rotate)) calc(20% * var(--saturation)) clamp(49.5%, 99% * var(--darken), 99.5%));--bg-50: hsl(calc(210deg + var(--hue-rotate)) calc(20% * var(--saturation)) clamp(49%, 98% * var(--darken), 99%));--bg-100: hsl(calc(220deg + var(--hue-rotate)) calc(14% * var(--saturation)) clamp(48%, 96% * var(--darken), 98%));--bg-200: hsl(var(--bg-200-free));--bg-300: hsl(calc(216deg + var(--hue-rotate)) calc(12% * var(--saturation)) clamp(42%, 84% * var(--darken), 92%));--bg-400: hsl(calc(218deg + var(--hue-rotate)) calc(11% * var(--saturation)) clamp(32.5%, 65% * var(--darken), 82.5%));--bg-500: hsl(calc(220deg + var(--hue-rotate)) calc(9% * var(--saturation)) clamp(23%, 46% * var(--darken), 73%));--bg-600: hsl(calc(215deg + var(--hue-rotate)) calc(14% * var(--saturation)) clamp(17%, 34% * var(--darken), 67%));--bg-700: hsl(calc(217deg + var(--hue-rotate)) calc(19% * var(--saturation)) clamp(13.5%, 27% * var(--darken), 63.5%));--bg-800: hsl(calc(215deg + var(--hue-rotate)) calc(28% * var(--saturation)) clamp(8.5%, 17% * var(--darken), 58.5%));--bg-900: hsl(calc(221deg + var(--hue-rotate)) calc(39% * var(--saturation)) clamp(5.5%, 11% * var(--darken), 55.5%));--bg-1000: hsl(var(--bg-1000-free));--layout-background-texture-main: none;--layout-link: inherit;--layout-link-hover: var(--fg-200);--layout-collection-text: var(--fg-1000);--layout-color-lineart: var(--bg-600);--layout-color-separator: rgb(0 0 0 / 8%);--minimal-main-box-shadow: 0 0 1px rgb(0 0 0 / 40%);--minimal-container-box-shadow: 0 0 1px rgb(0 0 0 / 40%);--theme-color-base: 220 13 91;--secant: var(--bg-300);--disabled-pattern: hsl(var(--bg-1000-free) / 3%) repeating-linear-gradient(-45deg, hsl(var(--bg-1000-free) / 5%), hsl(var(--bg-1000-free) / 5%) 2px, transparent 2px, transparent 5px);--disabled-embed-background: var(--disabled-pattern);--progress-bar-background: var(--bg-900);--progress-bar-color: var(--bg-200);--checkmark-not-checked: var(--bg-300);--media-button-color: var(--fg-600);--media-button-color-hover: var(--fg-600);--spoiler-background: var(--fg-500);--spoiler-text-visible: var(--fg-1000);--ins-background: #7ec945;--ins-color: inherit;--del-background: #e96c63;--del-color: inherit;--vote-default: var(--bg-500);--vote-down: #dc2626;--vote-up: #16a34a;--skeleton-shape-color: var(--fg-900);--skeleton-cutout-color: var(--e-1);--code-background: var(--bg-200);--code-background-inline: rgb(0 0 0 / 7%);--code-color: var(--fg-700);--warning: #eb5247;--warning-caption: white;--success: #16a34a;--success-caption: white;--invert-filter: invert(1);--red: #dc2626;--litrpg-bg: var(--bg-10);--litrpg-fg: var(--fg-500);--litrpg-ins: #16c79a;--litrpg-del: #be123c;--card-unavailable-filter: grayscale(0.75) brightness(0.85);--barberpole: var(--bg-200);--focus-box-shadow: inset 0 0 0px 3px rgb(255 255 255 / 75%);--focus-box-shadow-small: inset 0 0 0px 2px rgb(255 255 255 / 75%);--e-body: var(--bg-300);--e-fullscreen: var(--e-1);--e-0: var(--bg-100);--e-1: var(--bg-50);--e-2: var(--bg-10);--e-overlay: var(--bg-1000);--navigation-background-sticky: var(--e-2);--navigation-text: var(--fg-200);--navigation-text-hover: var(--fg-200);--navigation-actions-text: var(--fg-600);--navigation-actions-text-hover: var(--fg-400);--navigation-text-shadow: none;--navigation-drop-shadow: drop-shadow(0 2px 1px rgba(0, 0, 0, 17%));--navigation-item-active-background: var(--bg-200);--navigation-item-active-submenu-background: var(--bg-200);--navigation-item-active-submenu-secant: var(--bg-100);--navigation-subitem-active-background: var(--bg-300);--navigation-submenu-box-shadow: 0 4px 3px -2px rgb(0 0 0 / 30%);--navigation-new-follow-background: var(--primary-500);--navigation-new-follow-color: white;--tab-background-active: var(--bg-600);--tab-background-inactive: var(--bg-200);--tab-background-hover: var(--bg-300);--tab-text-shadow-active: none;--tab-text-shadow-inactive: none;--tab-text-active: var(--fg-1000);--tab-text-hover: var(--fg-300);--tab-text-inactive: var(--fg-800);--modal-background: var(--bg-50);--embed-box-shadow: 0 0 3px rgb(0 0 0 / 30%);--mobile-menu-text-shadow: none;--mobile-menu-bookmark-text-shadow: none;--mobile-menu-bookmark-progress-background: hsl(var(--bg-1000-free) / 10%);--mobile-menu-current-chapter-text: var(--fg-300);--mobile-menu-current-chapter-background: var(--bg-200);--blockquote-background: hsl(var(--bg-1000-free) / 5%);--text-shadow: none;--table-border-color: var(--fg-900);--table-stripe-background: hsl(var(--bg-1000-free) / 5%);--font-smoothing-webkit: subpixel-antialiased;--font-smoothing-moz: auto;--font-weight-normal: 400;--font-weight-semi-strong: 600;--font-weight-strong: 600;--font-weight-medium: 500;--font-weight-heading: 700;--font-weight-badge: 600;--font-weight-post-meta: 400;--font-weight-ribbon: 700;--font-weight-navigation: 400;--font-line-height-base: 1.7;--font-letter-spacing-base: 0em;--heading-link: var(--fg-400);--heading-link-hover: var(--fg-600);--inline-link: var(--primary-500);--inline-link-hover: var(--primary-400);--inline-link-visited: var(--primary-600);--story-link: var(--fg-400);--story-link-hover: var(--fg-600);--card-label-type-text: var(--fg-1000);--card-label-type-background: var(--bg-800);--bookmark-color-alpha: var(--bg-400);--bookmark-color-beta: #f59e0b;--bookmark-color-gamma: #77BFA3;--bookmark-color-delta: #dd5960;--bookmark-line: var(--primary-500);--bookmark-button-text-active-alpha: var(--fg-1000);--bookmark-button-text-active-beta: var(--fg-300);--bookmark-button-text-active-gamma: var(--fg-300);--bookmark-button-text-active-delta: var(--fg-300);--bookmark-progress-opacity: .25;--bookmark-progress-mobile-opacity: 1;--button-primary-text: var(--fg-1000);--button-primary-text-hover: var(--fg-1000);--button-primary-text-disabled: var(--fg-1000);--button-primary-background: var(--bg-500);--button-primary-background-hover: var(--bg-700);--button-primary-background-disabled: var(--bg-400);--button-box-shadow: none;--button-secondary-text: var(--fg-700);--button-secondary-text-hover: var(--fg-200);--button-secondary-text-active: var(--fg-1000);--button-secondary-text-disabled: var(--fg-600);--button-secondary-background: transparent;--button-secondary-background-hover: var(--bg-200);--button-secondary-background-active: var(--bg-600);--button-secondary-background-disabled: var(--disabled-pattern);--button-secondary-border: 1px solid var(--bg-300);--button-secondary-border-active: 1px solid var(--bg-600);--button-secondary-border-disabled: 1px solid var(--bg-300);--button-quick-background: var(--bg-100);--button-quick-background-hover: var(--bg-500);--button-quick-text: var(--fg-700);--button-quick-text-hover: var(--fg-1000);--button-quick-border: none;--button-quick-border-hover: none;--button-file-block-text: var(--fg-1000);--button-file-block-text-hover: var(--fg-1000);--button-file-block-background: var(--bg-500);--button-file-block-background-hover: var(--bg-700);--button-selection-background: var(--primary-500);--button-selection-text-color: var(--fg-1000);--input-shadow: inset 0 0 1px rgb(0 0 0 / 5%);--input-placeholder: var(--bg-400);--input-fill: var(--bg-500);--input-node-background: var(--bg-400);--input-node-text: var(--fg-1000);--input-range-thumb: var(--bg-500);--input-range-thumb-hover: var(--bg-700);--input-border-color: transparent;--input-border-color-hover: transparent;--input-border-color-focus: transparent;--input-border-color-active: transparent;--input-border-color-disabled: transparent;--input-background: hsl(var(--bg-1000-free) / 7%);--input-background-disabled: hsl(var(--bg-1000-free) / 3%) repeating-linear-gradient(-45deg, var(--input-background), var(--input-background) 2px, transparent 2px, transparent 5px);--popup-menu-background: var(--bg-800);--popup-menu-background-hover: var(--bg-600);--popup-menu-background-selected: var(--bg-700);--popup-menu-text: var(--fg-1000);--popup-menu-text-hover: var(--fg-1000);--pagination-background: var(--bg-200);--pagination-background-hover: var(--bg-300);--pagination-text: var(--fg-400);--pagination-text-hover: var(--fg-300);--pagination-current-text: var(--fg-1000);--pagination-current-background: var(--bg-600);--infobox-background: hsl(var(--bg-1000-free) / 5%);--infobox-text: var(--fg-600);--infobox-background-free: var(--bg-1000-free);--infobox-gradient: linear-gradient(-90deg, hsl(var(--infobox-background-free) / 3%) 0%, hsl(var(--infobox-background-free) / 3%) 55%, transparent 90%);--tooltip-background: var(--bg-800);--tooltip-text: var(--fg-1000);--comment-background: hsl(var(--bg-1000-free) / 5%);--comment-background-private: hsl(var(--bg-1000-free) / 2%) repeating-linear-gradient(-45deg, var(--comment-background), var(--comment-background) 2px, transparent 2px, transparent 5px);--comment-background-deleted: hsl(var(--bg-1000-free) / 2%) repeating-linear-gradient(-45deg, var(--comment-background), var(--comment-background) 2px, transparent 2px, transparent 5px);--comment-background-offensive: hsl(var(--bg-1000-free) / 2%) repeating-linear-gradient(45deg, var(--comment-background), var(--comment-background) 2px, transparent 2px, transparent 5px);--comment-background-sticky: hsl(var(--bg-1000-free) / 7%);--comment-border-sticky: 1px dashed rgb(0 0 0 / 30%);--text-selection-background: var(--bg-600);--text-selection-color: var(--fg-1000);--scrollbar-background: hsl(var(--bg-1000-free) / 3%);--scrollbar-thumb: hsl(var(--bg-1000-free) / 12%);--scrollbar-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);--badge-generic-text: var(--fg-1000);--badge-generic-background: var(--bg-400);--badge-supporter-text: var(--fg-1000);--badge-supporter-background: #ed5e76;--badge-moderator-text: var(--fg-1000);--badge-moderator-background: #5369ac;--badge-admin-text: var(--fg-1000);--badge-admin-background: var(--bg-700);--badge-author-text: var(--fg-1000);--badge-author-background: var(--bg-700);--badge-override-text: var(--fg-1000);--badge-override-background: var(--bg-400)}:root[data-mode=light],:root[data-mode=light] .chapter-formatting{--fg-100: hsl(calc(221deg + var(--hue-rotate)) calc(54% * (var(--font-saturation) + var(--saturation) - 1)) 1%);--fg-200: hsl(calc(221deg + var(--hue-rotate)) calc(49% * (var(--font-saturation) + var(--saturation) - 1)) 3%);--fg-300: hsl(calc(221deg + var(--hue-rotate)) calc(44% * (var(--font-saturation) + var(--saturation) - 1)) 7%);--fg-400: hsl(calc(221deg + var(--hue-rotate)) calc(39% * (var(--font-saturation) + var(--saturation) - 1)) 11%);--fg-500: hsl(calc(215deg + var(--hue-rotate)) calc(28% * (var(--font-saturation) + var(--saturation) - 1)) 17%);--fg-600: hsl(calc(217deg + var(--hue-rotate)) calc(19% * (var(--font-saturation) + var(--saturation) - 1)) 27%);--fg-700: hsl(calc(215deg + var(--hue-rotate)) calc(14% * (var(--font-saturation) + var(--saturation) - 1)) 34%);--fg-800: hsl(calc(220deg + var(--hue-rotate)) calc(9% * (var(--font-saturation) + var(--saturation) - 1)) 46%);--fg-900: hsl(calc(218deg + var(--hue-rotate)) calc(11% * (var(--font-saturation) + var(--saturation) - 1)) 65%);--fg-1000: hsl(calc(210deg + var(--hue-rotate)) calc(20% * (var(--font-saturation) + var(--saturation) - 1)) 96%);--fg-tinted: hsl(calc(216deg + var(--hue-rotate)) calc(24% * (var(--font-saturation) + var(--saturation) - 1)) 22%)}:root[data-mode=light] .consent-banner{--consent-banner-text: var(--fg-1000);--consent-banner-background: var(--e-overlay);--button-primary-text: var(--fg-500);--button-primary-text-hover: var(--fg-200);--button-primary-background: var(--fg-1000);--button-primary-background-hover: var(--fg-1000)}:root[data-mode=light] .consent-banner a{color:var(--primary-400) !important}:root[data-mode=light] .micro-menu{--micro-menu-background: var(--e-overlay);--micro-menu-text: var(--fg-1000);--micro-menu-text-hover: var(--fg-1000);--micro-menu-box-shadow: 0 0 5px 2px rgb(0 0 0 / 18%)}:root[data-mode=light] .selected-paragraph{--paragraph-selection-background: rgb(0 0 0 / 10%);--paragraph-tools-filter: drop-shadow(0 -3px 6px rgb(0 0 0 / 5%))}:root[data-mode=light] .tts-interface{--tts-background: var(--e-overlay);--tts-button-active-background: var(--primary-400);--tts-button-active-text: var(--fg-1000);--fg-600: var(--fg-1000);--input-background: var(--bg-100)}:root[data-mode=light] .current-reading{--tts-current-reading-background: hsl(var(--bg-1000-free) / 5%)}:root[data-mode=light] .toggle{--toggle-text: var(--button-primary-background);--toggle-text-hover: var(--button-primary-background-hover);--toggle-text-checked: var(--fg-1000);--toggle-text-checked-hover: var(--fg-1000);--toggle-background: transparent;--toggle-background-checked: var(--button-primary-background);--toggle-background-hover: var(--button-primary-background-hover);--toggle-border: var(--button-primary-background);--toggle-border-checked: var(--button-primary-background);--toggle-border-hover: var(--button-primary-background-hover)}:root[data-mode=light] .suggestion-tools{--button-suggestion-text: var(--fg-1000);--button-suggestion-text-hover: var(--fg-1000);--button-suggestion-background: var(--bg-700);--button-suggestion-background-hover: var(--bg-800)}:root[data-mode=light] .tag-pill{--tag-text: var(--fg-600);--tag-text-hover: var(--fg-1000);--tag-background: var(--bg-300);--tag-background-hover: var(--bg-700);--tag-secondary-text: var(--fg-900);--tag-secondary-text-hover: var(--fg-1000);--tag-secondary-background: transparent;--tag-secondary-background-hover: var(--bg-700);--tag-secondary-border: 1px solid var(--bg-300);--tag-secondary-border-hover: 1px solid transparent;--tag-warning-text-hover: var(--fg-1000);--tag-warning-background: rgb(246 96 85 / 5%);--tag-warning-background-hover: var(--warning)}:root[data-mode=light] .ribbon{--ribbon-background: var(--e-2);--ribbon-text: var(--fg-500);--ribbon-background-read: var(--e-2);--ribbon-text-read: var(--fg-500);--ribbon-box-shadow: 0 0 2px rgb(0 0 0 / 30%)}:root[data-mode=light] .header__title{--site-title-heading-color: var(--fg-1000);--site-title-tagline-color: var(--fg-1000)}:root[data-mode=light] .iframe-consent{--font-bold: 600}:root[data-mode=light] .wp-block-embed:after{opacity:.1}:root[data-mode=light] .story__list-item._collapse::before,:root[data-mode=light] .story__list-item._collapse::after{background:var(--fg-900)}:root[data-mode=light].minimal .header__title{--site-title-heading-color: var(--fg-200);--site-title-tagline-color: var(--fg-500);--site-title-text-shadow: none}:root[data-font-weight=normal][data-mode=light]:is(html){--font-weight-heading: 700}