@charset "utf-8";

/* unresolved font stylesheet stripped for offline safety */

:root { --theme-accent-color: #6366f1; --theme-accent-contrast-1: #4745c0; --theme-accent-contrast-2: #353397; --theme-accent-contrast-3: #29277c; --theme-accent-contrast-4: #151446; --theme-accent-contrast-5: #8d98fd; --theme-accent-contrast-6: #8d98fd; --theme-accent-contrast-7: #b1bcfe; --theme-accent-contrast-8: #d1d8ff; --theme-accent-contrast-9: #e8ecfe; --theme-accent-contrast-10: #f4f6ff; --theme-accent-color-50: #f4f6ff; --theme-accent-color-100: #e8ecfe; --theme-accent-color-200: #d1d8ff; --theme-accent-color-300: #b1bcfe; --theme-accent-color-400: #8d98fd; --theme-accent-color-500: #7076fc; --theme-accent-color-600: #6366f1; --theme-accent-color-700: #4745c0; --theme-accent-color-800: #353397; --theme-accent-color-900: #29277c; --theme-accent-color-950: #151446; --theme-background-contrast-1: #ededed; --theme-background-contrast-2: #dbdbdb; --theme-background-contrast-3: #c1c1c1; --theme-background-contrast-4: #c1c1c1; --theme-background-contrast-5: #898989; --theme-background-contrast-6: #b1b1b1; --theme-background-contrast-7: #5b5b5b; --theme-background-contrast-8: #454545; --theme-background-contrast-9: #373737; --theme-background-contrast-10: undefined; --theme-background-color-50: #ffffff; --theme-background-color-100: #ededed; --theme-background-color-200: #dbdbdb; --theme-background-color-300: #c1c1c1; --theme-background-color-400: #a3a3a3; --theme-background-color-500: #898989; --theme-background-color-600: #b1b1b1; --theme-background-color-700: #5b5b5b; --theme-background-color-800: #454545; --theme-background-color-900: #373737; --theme-background-color-950: #1d1d1d; --theme-heading-color: #030712; --theme-heading-contrast-1: #3f4551; --theme-heading-contrast-2: #3f4551; --theme-heading-contrast-3: #535b69; --theme-heading-contrast-4: #242b39; --theme-heading-contrast-5: #7f8a9c; --theme-heading-contrast-6: #99a4b6; --theme-heading-contrast-7: #b9c1d0; --theme-heading-contrast-8: #d5dbe6; --theme-heading-contrast-9: #e9edf3; --theme-heading-contrast-10: #f5f7fb; --theme-heading-color-50: #f5f7fb; --theme-heading-color-100: #e9edf3; --theme-heading-color-200: #d5dbe6; --theme-heading-color-300: #b9c1d0; --theme-heading-color-400: #99a4b6; --theme-heading-color-500: #7f8a9c; --theme-heading-color-600: #242b39; --theme-heading-color-700: #535b69; --theme-heading-color-800: #3f4551; --theme-heading-color-900: #313741; --theme-heading-color-950: #030712; --theme-text-color: #6b7280; --theme-text-contrast-1: #555b67; --theme-text-contrast-2: #40454f; --theme-text-contrast-3: #33373f; --theme-text-contrast-4: #1a1d22; --theme-text-contrast-5: #9ba3b3; --theme-text-contrast-6: #9ba3b3; --theme-text-contrast-7: #bac1ce; --theme-text-contrast-8: #d6dbe4; --theme-text-contrast-9: #eaedf2; --theme-text-contrast-10: #f5f7fa; --theme-text-color-50: #f5f7fa; --theme-text-color-100: #eaedf2; --theme-text-color-200: #d6dbe4; --theme-text-color-300: #bac1ce; --theme-text-color-400: #9ba3b3; --theme-text-color-500: #81899a; --theme-text-color-600: #6b7280; --theme-text-color-700: #555b67; --theme-text-color-800: #40454f; --theme-text-color-900: #33373f; --theme-text-color-950: #1a1d22; --theme-element-size: 56px; --theme-rounded: rounded-2xl; --theme-featured-text-color: #FFFFFF; --theme-background-color: #ffffff; --theme-background-soft: rgba(64, 64, 64, 0.05); --theme-border-color-xs: #E6E6E6; --theme-heading-font: inter; --theme-text-font: "Inter",
              sans serif, system-ui, -apple-system,
  "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
  "Liberation Sans", sans-serif, "Noto Color Emoji",
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
  "Noto Color Emoji"; --theme-heading-size: 0.5; --theme-text-size: 16px; }

body, html, document, .main-content { color: var(--theme-text-color); font-size: var(--theme-text-size); font-family: var(--theme-text-font); background-color: var(--theme-background-color); }

.main-content .btn, .main-content .form-control-theme { width: 100%; min-height: var(--theme-element-size); padding-left: 1rem; padding-right: 1rem; }

.theme-font-featured { font-family: var(--theme-heading-font) !important; }

.theme-font-content { font-family: var(--theme-text-font) !important; }

body, html, document, .bg-theme { background-color: var(--theme-background-color); }

.bg-theme-opacity { background-color: rgba(255, 255, 255, 0.5); }

.bg-featured { background-color: var(--theme-accent-color); }

.bg-featured-opacity { background-color: rgba(99, 102, 241, 0.2); }

.border-theme { border-color: rgba(64, 64, 64, 0.25); }

.border-featured, .border-featured-hover:hover { border-color: var(--theme-accent-color); }

.theme-color-title { color: var(--theme-heading-color); }

.featured-theme { color: rgb(255, 255, 255); background-color: var(--theme-accent-color); }

.main-content .btn, .theme-font-title { font-family: Inter, "sans serif", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

.form-control-theme { transition: 0.2s; border-color: rgba(64, 64, 64, 0.25); }

.form-control-theme:focus { border-color: rgba(64, 64, 64, 0.5); }

.content-calc, .content-variable { display: inline-block; padding: 2px 4px; border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: rgba(3, 7, 18, 0.13) 0px 1px 2px; font-style: normal !important; font-weight: normal !important; font-size: 0.9em !important; color: rgb(75, 85, 99) !important; }

.content-calc { padding-right: 2px !important; }

.content h1 { font-size: 2em; }

.content h2 { font-size: 1.5em; }

.content h3 { font-size: 1.17em; }

.content h1, .content h2, .content h3 { line-height: 1.15; color: var(--theme-heading-color); font-family: Inter, "sans serif", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

.content p + p, .content p + ul, .content p + ol, .content ul + p, .content ul + ol, .content ul + ul, .content ol + p, .content ol + ol, .content ol + ul, .content h1 + p, .content h2 + p, .content h3 + p, .content h1 + ul, .content h2 + ul, .content h3 + ul, .content h1 + ol, .content h2 + ol, .content h3 + ol { margin-top: 0.75rem; }

.content p + h1, .content p + h2, .content p + h3, .content ul + h1, .content ul + h2, .content ul + h3, .content ol + h1, .content ol + h2, .content ol + h3 { margin-top: 0.4rem; }

.content p br { content: " "; height: 0rem; display: block; padding-bottom: 0.5rem; margin-bottom: 0.5rem; }

.content .ql-size-huge { font-size: 2.5em; line-height: 1; }

.content .ql-size-large { font-size: 1.5em; line-height: 1; }

.content .ql-size-small { font-size: 0.75em; line-height: 1.25; display: inline-block; }

.graphic-theme, .argument-theme { color: var(--theme-text-color); border: 1px solid rgba(204, 204, 204, 0.9); }

.quote-theme { color: var(--theme-text-color); border-color: rgba(204, 204, 204, 0.9); background-color: var(--theme-background-color); }

.btn-theme { color: rgb(255, 255, 255); background-color: var(--theme-accent-color); }

.effect-bubble:hover .btn-theme, .btn-theme:hover { background-color: rgb(99, 102, 241); }

.hide-volume::-webkit-media-controls-time-remaining-display { display: none; }

.compare-slider { appearance: none; width: 100%; height: 100%; background: rgb(211, 211, 211); outline: none; opacity: 0.7; transition: opacity 0.2s; }

.compare-slider:hover { opacity: 1; }

.compare-slider::-webkit-slider-thumb { appearance: none; width: 25px; height: 25px; background: rgb(4, 170, 109); cursor: pointer; }