@font-face {
  font-family: Indicia;
  src:
    url("assets/fonts/Indicia-Regular.woff2") format("woff2"),
    url("assets/fonts/Indicia-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Scooch;
  src:
    url("assets/fonts/ScoochStandard-Regular.woff2") format("woff2"),
    url("assets/fonts/ScoochStandard-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Scooch;
  src:
    url("assets/fonts/ScoochStandard-Medium.woff2") format("woff2"),
    url("assets/fonts/ScoochStandard-Medium.woff") format("woff");
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Scooch;
  src:
    url("assets/fonts/ScoochStandard-RegularItalic.woff2") format("woff2"),
    url("assets/fonts/ScoochStandard-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Scooch Swash";
  src:
    url("assets/fonts/ScoochSwash-Regular.woff2") format("woff2"),
    url("assets/fonts/ScoochSwash-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Scooch Swash";
  src:
    url("assets/fonts/ScoochSwash-LightItalic.woff2") format("woff2"),
    url("assets/fonts/ScoochSwash-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
:root {
  --paper: #f7f3ec;
  --ink: #492e35;
  --wine: #743849;
  --muted: #786b68;
  --line: #dcd2c9;
  --sage: #dde1d6;
  --rose: #e9d3d0;
  --cream: #f0e7d7;
  --lilac: #ded8e3;
  --swash: "Scooch Swash", Georgia, serif;
  --font: Scooch, Georgia, serif;
}

:root {
  color-scheme: light;
  --hero-text: #6c5a5b;
  --primary-hover: #592436;
  --branch: #84927a;
  --bow: #9b6770;
  --today-ring: #a68578;
  --surface: #f1ebe4;
  --control-border: #cbb9b4;
  --reader-artwork: #eae4dc;
  --scrollbar: #b19c94;
  --reader-frame: #fffdf8;
  --reader-divider: #ddd3ca;
  --reader-hover: #e9ded7;
  --reader-rule: #bc9b9a;
  --reader-control-border: #cdbbb5;
  --reader-zoom-hover: #eee3de;
  --reader-selected: #e9d9d3;
  --reader-selected-border: #b1928d;
  --nav-hover: #ede3dc;
  --nav-hover-border: #bfa7a1;
  --door-wine: #743849;
  --door-wine-ink: #fbf1e7;
  --door-sage: #dce0d4;
  --door-sage-ink: #4b5c49;
  --door-rose: #ead5d1;
  --door-rose-ink: #794852;
  --door-cream: #eee5d6;
  --door-cream-ink: #6e5649;
  --door-lilac: #ded8e2;
  --door-lilac-ink: #66556e;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #211c22;
  --ink: #eee2dd;
  --wine: #dcacb9;
  --muted: #bfb1b6;
  --line: #51444c;
  --sage: #34443a;
  --rose: #4c3440;
  --cream: #463b31;
  --lilac: #40364a;
  --hero-text: #cbbdc1;
  --primary-hover: #eabecb;
  --branch: #a2b195;
  --bow: #c99aab;
  --today-ring: #c99aab;
  --surface: #2b242c;
  --control-border: #79616e;
  --reader-artwork: #19161c;
  --scrollbar: #8e7383;
  --reader-frame: #40343c;
  --reader-divider: #51444c;
  --reader-hover: #42333e;
  --reader-rule: #a38390;
  --reader-control-border: #806976;
  --reader-zoom-hover: #3e303a;
  --reader-selected: #513947;
  --reader-selected-border: #ae8598;
  --nav-hover: #3e303a;
  --nav-hover-border: #a38390;
  --door-wine: #593443;
  --door-wine-ink: #f4d9e1;
  --door-sage: #34443a;
  --door-sage-ink: #dce8d7;
  --door-rose: #4c3440;
  --door-rose-ink: #f2d3dc;
  --door-cream: #463b31;
  --door-cream-ink: #f1dfc8;
  --door-lilac: #40364a;
  --door-lilac-ink: #e6daef;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 32px;
  scrollbar-gutter: stable;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font);
  font-size: 17px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  opacity: 0.13;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%239f8e78' opacity='.18' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
}
button,
a,
input,
summary {
  -webkit-tap-highlight-color: transparent;
}
button,
input {
  font: inherit;
}
button,
a {
  touch-action: manipulation;
}
button {
  cursor: pointer;
}
a {
  color: inherit;
  text-decoration: none;
}
button:focus-visible,
a:focus-visible,
summary:focus-visible,
input:focus-visible {
  outline: 2px solid var(--wine);
  outline-offset: 5px;
}
button:disabled {
  cursor: default;
  opacity: 0.35;
}
p,
h1,
h2 {
  margin: 0;
}
h1,
h2 {
  font-weight: 400;
}
button {
  color: inherit;
}
/* Inbäddade original från assets/icons: SVG-masker fungerar även i filförhandsvisning. */
:root {
  --svg-animals: url("data:image/svg+xml,%3Csvg%20id%3D%22Capa_1%22%20enable-background%3D%22new%200%200%20512%20512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20d%3D%22m302.423%20167.304c-42.532-16.748-45.693%2060.423-3.846%2046.252%2016.63-7.841%2021.712-36.9%203.846-46.252z%22%2F%3E%3Cpath%20d%3D%22m342.506%20224.922c-26.632-12.722-44.278%2029.508-21.81%2044.04%2026.894%2016.429%2046.571-31.337%2021.81-44.04z%22%2F%3E%3Cpath%20d%3D%22m158.072%20248.3c1.234%2035.498%2048.835%2032.137%2043.561-3.026-2.243-28.814-47.173-27.334-43.561%203.026z%22%2F%3E%3Cpath%20d%3D%22m246.386%20187.148c-5.983-28.738-52.252-22.338-46.914%207.9%204.345%2038.872%2055.537%2029.933%2046.914-7.9z%22%2F%3E%3Cpath%20d%3D%22m221.841%20332.359c33.101%2024.613%2086.828%2012.213%2085.475-34.844-1.631-26.993-26.262-44.13-51.018-48.274-34.408%203.57-74.181%2059.788-34.457%2083.118z%22%2F%3E%3Cpath%20d%3D%22m462.213%2062.367c-62.366-45.526-160.463-29.324-206.011%2032.779-49.071-59.583-139.428-83.576-205.607-36.297-4.479%203.118-6.798%208.183-6.668%2013.26-15.771%2014.42-32.42%2042.337-34.695%2051.222-33.612%2095.663%2029.89%20186.195%20104.429%20243.335%2044.999%2035.314%2097.378%2062.674%20135.261%20106.064%205.689%207.297%2017.072%207.294%2022.538-.252%2019.051-26.605%2042.778-49.466%2066.477-71.885%207.539-7.505-1.661-19.336-10.77-13.95-24.374%2015.214-47.106%2032.97-66.846%2054.015-33.113-36.592-76.953-61.432-118.104-87.684-89.315-48.578-174.581-182.925-86.61-266.168%204.479%201.168%209.428.358%2013.405-2.654%2056.546-43.874%20140.57-15.88%20177.708%2040.451%205.136%207.764%2017.395%206.937%2021.404-1.528%208.915-18.064%2023.518-33.439%2041.06-44.48%2027.205-17.288%2060.743-23.571%2092.46-18.224%20145.182%2025.097%2090.129%20212.536-5.265%20267.761-33.615%2091.096%20219.123-143.58%2065.834-265.765z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-arrow-down-right: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M488%20512C501.3%20512%20512%20501.3%20512%20488L512%20248C512%20234.7%20501.3%20224%20488%20224C474.7%20224%20464%20234.7%20464%20248L464%20430.1L169%20135C159.6%20125.7%20144.4%20125.7%20135%20135C125.6%20144.3%20125.7%20159.6%20135%20169L430%20464L247.9%20464C234.6%20464%20223.9%20474.7%20223.9%20488C223.9%20501.3%20234.6%20512%20247.9%20512L487.9%20512z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-arrow-left: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M71%20303C61.6%20312.4%2061.6%20327.6%2071%20336.9L239%20505C248.4%20514.4%20263.6%20514.4%20272.9%20505C282.2%20495.6%20282.3%20480.4%20272.9%20471.1L145.9%20344L552%20344C565.3%20344%20576%20333.3%20576%20320C576%20306.7%20565.3%20296%20552%20296L145.9%20296L273%20169C282.4%20159.6%20282.4%20144.4%20273%20135.1C263.6%20125.8%20248.4%20125.7%20239.1%20135.1L71%20303z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-arrow-right: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M569%20337C578.4%20327.6%20578.4%20312.4%20569%20303.1L401%20135C391.6%20125.6%20376.4%20125.6%20367.1%20135C357.8%20144.4%20357.7%20159.6%20367.1%20168.9L494.1%20295.9L88%20295.9C74.7%20295.9%2064%20306.6%2064%20319.9C64%20333.2%2074.7%20343.9%2088%20343.9L494.1%20343.9L367.1%20470.9C357.7%20480.3%20357.7%20495.5%20367.1%20504.8C376.5%20514.1%20391.7%20514.2%20401%20504.8L569%20337z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-arrow-up-right: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M488%20128C501.3%20128%20512%20138.7%20512%20152L512%20392C512%20405.3%20501.3%20416%20488%20416C474.7%20416%20464%20405.3%20464%20392L464%20209.9L169%20504.9C159.6%20514.3%20144.4%20514.3%20135.1%20504.9C125.8%20495.5%20125.7%20480.4%20135%20471L430%20176L247.9%20176C234.6%20176%20223.9%20165.3%20223.9%20152C223.9%20138.7%20234.6%20128%20247.9%20128L487.9%20128z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-bullseye-arrow: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M418.7%20128.2C417%20118%20420.3%20107.6%20427.6%20100.3L478.8%2049.1C487%2041%20500.8%2043.9%20505%2054.5L528%20112L585.5%20135C596.2%20139.3%20599%20153%20590.9%20161.2L539.7%20212.4C532.4%20219.7%20522%20223%20511.8%20221.3L461.1%20212.9L337%20337C327.6%20346.4%20312.4%20346.4%20303.1%20337C293.8%20327.6%20293.7%20312.4%20303.1%20303.1L427.2%20179L418.8%20128.3zM521.9%20269.6C538.3%20268.6%20554.1%20262.6%20567%20252.3C572.9%20273.9%20576.1%20296.6%20576.1%20320.1C576.1%20461.5%20461.5%20576.1%20320.1%20576.1C178.7%20576.1%2064%20461.4%2064%20320C64%20178.6%20178.6%2064%20320%2064C343.5%2064%20366.2%2067.2%20387.8%2073.1C377.5%2086%20371.4%20101.8%20370.5%20118.2C354.4%20114.2%20337.5%20112%20320.1%20112C205.2%20112%20112.1%20205.1%20112.1%20320C112.1%20434.9%20205.2%20528%20320.1%20528C435%20528%20528.1%20434.9%20528.1%20320C528.1%20302.6%20526%20285.7%20521.9%20269.6zM320%20176C332.9%20176%20345.4%20177.7%20357.3%20180.9L314%20224.2C263.8%20227.3%20224%20269%20224%20320C224%20373%20267%20416%20320%20416C371%20416%20412.7%20376.2%20415.8%20326L459.1%20282.7C462.3%20294.6%20464%20307.1%20464%20320C464%20399.5%20399.5%20464%20320%20464C240.5%20464%20176%20399.5%20176%20320C176%20240.5%20240.5%20176%20320%20176z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-check-circle: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20576C178.6%20576%2064%20461.4%2064%20320C64%20178.6%20178.6%2064%20320%2064C461.4%2064%20576%20178.6%20576%20320C576%20461.4%20461.4%20576%20320%20576zM320%20112C205.1%20112%20112%20205.1%20112%20320C112%20434.9%20205.1%20528%20320%20528C434.9%20528%20528%20434.9%20528%20320C528%20205.1%20434.9%20112%20320%20112zM390.7%20233.9C398.5%20223.2%20413.5%20220.8%20424.2%20228.6C434.9%20236.4%20437.3%20251.4%20429.5%20262.1L307.4%20430.1C303.3%20435.8%20296.9%20439.4%20289.9%20439.9C282.9%20440.4%20276%20437.9%20271.1%20433L215.2%20377.1C205.8%20367.7%20205.8%20352.5%20215.2%20343.2C224.6%20333.9%20239.8%20333.8%20249.1%20343.2L285.1%20379.2L390.7%20234z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-chevron-down: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M303.5%20473C312.9%20482.4%20328.1%20482.4%20337.4%20473L537.4%20273C546.8%20263.6%20546.8%20248.4%20537.4%20239.1C528%20229.8%20512.8%20229.7%20503.5%20239.1L320.5%20422.1L137.5%20239.1C128.1%20229.7%20112.9%20229.7%20103.6%20239.1C94.3%20248.5%2094.2%20263.7%20103.6%20273L303.6%20473z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-close: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M135.5%20169C126.1%20159.6%20126.1%20144.4%20135.5%20135.1C144.9%20125.8%20160.1%20125.7%20169.4%20135.1L320.4%20286.1L471.4%20135.1C480.8%20125.7%20496%20125.7%20505.3%20135.1C514.6%20144.5%20514.7%20159.7%20505.3%20169L354.3%20320L505.3%20471C514.7%20480.4%20514.7%20495.6%20505.3%20504.9C495.9%20514.2%20480.7%20514.3%20471.4%20504.9L320.4%20353.9L169.4%20504.9C160%20514.3%20144.8%20514.3%20135.5%20504.9C126.2%20495.5%20126.1%20480.3%20135.5%20471L286.5%20320L135.5%20169z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-dark: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Capa_1%22%20data-name%3D%22Capa%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Cpath%20d%3D%22M353.32742%2C34.73737c-41.80926-24.29676-166.32415-61.79719-192.60275-4.71159-3.33989%2C13.70479-.18622%2C30.92812%2C11.79107%2C38.48907%2C25.30055%2C12.98865%2C48.05606%2C31.25969%2C65.54284%2C53.77447%2C46.43156%2C55.79566%2C52.75404%2C146.27568-4.27556%2C197.05398-48.12722%2C46.36796-120.36198%2C47.19159-183.13568%2C38.97203-21.62%2C1.21724-38.43607%2C21.80621-32.20292%2C43.97433%2C25.88496%2C59.98038%2C98.04552%2C85.15831%2C156.45585%2C101.34452%2C73.03566%2C17.63516%2C154.53761%2C8.32703%2C216.13647-36.8948%2C17.10677-14.02576-1.95003-39.11891-20.02121-26.54658-12.9841%2C10.16202-27.24%2C18.96292-42.41185%2C25.4777-30.50569%2C13.47312-64.00765%2C18.67525-97.34757%2C17.37623-64.42551-3.89553-136.30596-26.66015-179.65802-76.39525-4.45723-6.33006-10.72522-16.24073-.93111-19.59729%2C59.52314%2C8.14688%2C126.05917%2C7.60487%2C178.62091-25.50191%2C126.97365-80.12422%2C85.31423-255.4976-33.99701-320.57715%2C143.77605-27.3051%2C305.18121%2C133.66403%2C241.48096%2C276.97375-11.16275%2C28.52387%2C29.13099%2C45.81231%2C42.04851%2C17.88346%2C48.94932-116.69959-20.11053-244.34846-125.49293-301.09493v-.00003Z%22%2F%3E%0A%3C%2Fsvg%3E");
  --svg-face-laugh-squint: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M528%20320C528%20205.1%20434.9%20112%20320%20112C205.1%20112%20112%20205.1%20112%20320C112%20434.9%20205.1%20528%20320%20528C434.9%20528%20528%20434.9%20528%20320zM64%20320C64%20178.6%20178.6%2064%20320%2064C461.4%2064%20576%20178.6%20576%20320C576%20461.4%20461.4%20576%20320%20576C178.6%20576%2064%20461.4%2064%20320zM189.2%20396.4C182.7%20382.4%20194.2%20368%20209.6%20368L430.4%20368C445.8%20368%20457.2%20382.4%20450.8%20396.4C428%20445.8%20378%20480%20320%20480C262%20480%20212.1%20445.8%20189.2%20396.4zM186.6%20223.2C191.1%20216.4%20199.9%20214%20207.2%20217.7L286.8%20257.7C292.2%20260.4%20295.6%20265.9%20295.6%20272C295.6%20278.1%20292.2%20283.6%20286.8%20286.3L207.2%20326.3C199.9%20329.9%20191.1%20327.6%20186.6%20320.8C182.1%20314%20183.5%20304.9%20189.7%20299.7L223%20272L189.8%20244.3C183.6%20239.1%20182.2%20230%20186.7%20223.2zM450.2%20244.3L417%20272L450.2%20299.7C456.4%20304.9%20457.8%20314%20453.3%20320.8C448.8%20327.6%20440%20330%20432.7%20326.3L353.1%20286.3C347.7%20283.6%20344.3%20278.1%20344.3%20272C344.3%20265.9%20347.7%20260.4%20353.1%20257.7L432.7%20217.7C440%20214.1%20448.8%20216.4%20453.3%20223.2C457.8%20230%20456.4%20239.1%20450.2%20244.3z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-face-raised-eyebrow: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20112C205.1%20112%20112%20205.1%20112%20320C112%20434.9%20205.1%20528%20320%20528C434.9%20528%20528%20434.9%20528%20320C528%20205.1%20434.9%20112%20320%20112zM576%20320C576%20461.4%20461.4%20576%20320%20576C178.6%20576%2064%20461.4%2064%20320C64%20178.6%20178.6%2064%20320%2064C461.4%2064%20576%20178.6%20576%20320zM208%20320C208%20302.3%20222.3%20288%20240%20288C257.7%20288%20272%20302.3%20272%20320C272%20337.7%20257.7%20352%20240%20352C222.3%20352%20208%20337.7%20208%20320zM400%20288C417.7%20288%20432%20302.3%20432%20320C432%20337.7%20417.7%20352%20400%20352C382.3%20352%20368%20337.7%20368%20320C368%20302.3%20382.3%20288%20400%20288zM224%20424C224%20410.7%20234.7%20400%20248%20400L392%20400C405.3%20400%20416%20410.7%20416%20424C416%20437.3%20405.3%20448%20392%20448L248%20448C234.7%20448%20224%20437.3%20224%20424zM407.1%20234.8L361%20257.9C351.1%20262.8%20339.1%20258.8%20334.2%20249C329.3%20239.2%20333.3%20227.1%20343.1%20222.2L389.2%20199.1C406.1%20190.7%20426%20190.7%20442.9%20199.1L457%20206.2C466.9%20211.1%20470.9%20223.2%20465.9%20233C460.9%20242.8%20448.9%20246.9%20439.1%20241.9L425%20234.8C419.4%20232%20412.7%20232%20407.1%20234.8zM192%20212L256%20212C267%20212%20276%20221%20276%20232C276%20243%20267%20252%20256%20252L192%20252C181%20252%20172%20243%20172%20232C172%20221%20181%20212%20192%20212z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-face-smile-hearts: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M520.4%2043.9C512.4%2036.3%20501.8%2032%20490.8%2032L486.4%2032C465.2%2032%20448%2049.2%20448%2070.4C448%20112.4%20501.9%20145.8%20521.2%20156.5C525.5%20158.8%20530.5%20158.8%20534.7%20156.5C554%20145.9%20607.9%20112.5%20607.9%2070.4C607.9%2049.2%20590.7%2032%20569.5%2032L565.1%2032C554.1%2032%20543.4%2036.3%20535.5%2043.9L527.9%2051.2L520.3%2043.9zM400.2%2076.8C375%2068.5%20348%2064%20320%2064C178.6%2064%2064%20178.6%2064%20320C64%20361.6%2073.9%20400.9%2091.6%20435.7C99.8%20433.3%20108.5%20432%20117.2%20432L121.6%20432C130.5%20432%20139.1%20433.4%20147.2%20435.9C124.9%20402.8%20112%20362.9%20112%20320C112%20205.1%20205.1%20112%20320%20112C359.3%20112%20396.1%20122.9%20427.4%20141.9C414.1%20125.4%20401.9%20103.5%20400.2%2076.9zM481.1%20188.4C510.4%20224.3%20528%20270.1%20528%20320C528%20362.9%20515%20402.8%20492.8%20435.9C500.9%20433.4%20509.5%20432%20518.4%20432L522.8%20432C531.6%20432%20540.2%20433.3%20548.4%20435.7C566%20401%20576%20361.6%20576%20320C576%20277.8%20565.8%20238%20547.7%20203C531.4%20208.5%20513.4%20207%20498.1%20198.5C493.8%20196.1%20487.9%20192.7%20481.1%20188.4zM320%20528C277.1%20528%20237.2%20515%20204.1%20492.8C206.6%20500.9%20208%20509.5%20208%20518.4C208%20529%20206.3%20538.9%20203.5%20548C238.4%20565.9%20278%20576%20320%20576C362%20576%20401.6%20565.9%20436.5%20548C433.7%20538.8%20432%20529%20432%20518.4C432%20509.5%20433.4%20500.9%20435.9%20492.8C402.8%20515.1%20362.9%20528%20320%20528zM232%20260L248%20260C259%20260%20268%20269%20268%20280C268%20291%20277%20300%20288%20300C299%20300%20308%20291%20308%20280C308%20246.9%20281.1%20220%20248%20220L232%20220C198.9%20220%20172%20246.9%20172%20280C172%20291%20181%20300%20192%20300C203%20300%20212%20291%20212%20280C212%20269%20221%20260%20232%20260zM195.9%20380.6C185.2%20388.4%20182.8%20403.4%20190.6%20414.1C219.7%20454%20266.8%20480%20320%20480C373.2%20480%20420.3%20454%20449.4%20414.1C457.2%20403.4%20454.8%20388.4%20444.1%20380.6C433.4%20372.8%20418.4%20375.2%20410.6%20385.9C390.2%20413.9%20357.2%20432%20320%20432C282.8%20432%20249.8%20413.9%20229.4%20385.9C221.6%20375.2%20206.6%20372.8%20195.9%20380.6zM372%20280C372%20269%20381%20260%20392%20260L408%20260C419%20260%20428%20269%20428%20280C428%20291%20437%20300%20448%20300C459%20300%20468%20291%20468%20280C468%20246.9%20441.1%20220%20408%20220L392%20220C358.9%20220%20332%20246.9%20332%20280C332%20291%20341%20300%20352%20300C363%20300%20372%20291%20372%20280zM72.4%20491.9C64.4%20484.3%2053.8%20480%2042.8%20480L38.4%20480C17.2%20480%200%20497.2%200%20518.4C0%20560.4%2053.9%20593.8%2073.2%20604.5C77.5%20606.8%2082.5%20606.8%2086.7%20604.5C106%20593.9%20159.9%20560.5%20159.9%20518.4C159.9%20497.2%20142.7%20480%20121.5%20480L117.1%20480C106.1%20480%2095.4%20484.3%2087.5%20491.9L79.9%20499.2L72.3%20491.9zM522.8%20480L518.4%20480C497.2%20480%20480%20497.2%20480%20518.4C480%20560.4%20533.9%20593.8%20553.2%20604.5C557.5%20606.8%20562.5%20606.8%20566.7%20604.5C586%20593.9%20639.9%20560.5%20639.9%20518.4C639.9%20497.2%20622.7%20480%20601.5%20480L597.1%20480C586.1%20480%20575.4%20484.3%20567.5%20491.9L559.9%20499.2L552.3%20491.9C544.3%20484.3%20533.7%20480%20522.7%20480z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-face-surprise: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M528%20320C528%20205.1%20434.9%20112%20320%20112C205.1%20112%20112%20205.1%20112%20320C112%20434.9%20205.1%20528%20320%20528C434.9%20528%20528%20434.9%20528%20320zM64%20320C64%20178.6%20178.6%2064%20320%2064C461.4%2064%20576%20178.6%20576%20320C576%20461.4%20461.4%20576%20320%20576C178.6%20576%2064%20461.4%2064%20320zM240%20240C257.7%20240%20272%20254.3%20272%20272C272%20289.7%20257.7%20304%20240%20304C222.3%20304%20208%20289.7%20208%20272C208%20254.3%20222.3%20240%20240%20240zM368%20272C368%20254.3%20382.3%20240%20400%20240C417.7%20240%20432%20254.3%20432%20272C432%20289.7%20417.7%20304%20400%20304C382.3%20304%20368%20289.7%20368%20272zM320%20352C355.3%20352%20384%20380.7%20384%20416C384%20451.3%20355.3%20480%20320%20480C284.7%20480%20256%20451.3%20256%20416C256%20380.7%20284.7%20352%20320%20352z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-footprint: url("data:image/svg+xml,%3Csvg%20id%3D%22Capa_1%22%20enable-background%3D%22new%200%200%20512%20512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20d%3D%22m389.751%20455.496s-.008.511-.009.511c.265%2057.033-72.77%2021.369-103.578%2011.242-49.828-21.563-123.541%2028.915-158.849%207.41-5.019-59.351%2058.455-97.325%2068.893-153.811%207.63-43.017%2050.553-107.677%2091.626-54.782%2019.841%2028.806%2022.779%2067.527%2045.603%2095.287%204.084%205.177%208.912%209.82%2014.1%2013.873%208.789%206.434%2018.969-5.156%2011.391-13.061-32.7-36.418-23.645-95.546-61.678-129.138-60.635-50.788-122.272%2021.539-129.768%2081.73-2.9%2015.804-10.011%2029.729-18.427%2044.446-17.824%2030.801-42.374%2062.193-44.521%2099.463-7.106%2053.237%2052.093%2045.618%2086.071%2034.89%2025.235-6.152%2050.429-14.443%2076.4-11.656%2035.86%207.253%2072.084%2030.173%20110.056%2021.173%2022.163-6.018%2030.06-26.432%2030.011-47.306-.268-11.484-16.686-11.748-17.321-.271z%22%2F%3E%3Cpath%20d%3D%22m409.213%2085.978c-12.884-113.194-121.836-92.693-123.824%203.231-12.33%20120.372%20131.199%20104.056%20123.824-3.231zm-80.19-52.768c17.92-10.704%2035.515-5.513%2045.038%2013.035%208.57%2018.244%2013.721%2040.485%207.439%2060.135-8.456%2034.746-59.08%2054.699-73.67%2013.261-10.265-29.165-7.765-69.1%2021.193-86.431z%22%2F%3E%3Cpath%20d%3D%22m182.242%20177.035c78.624-20.817%2062.066-184.328-26.178-169.18-80.413%2022.707-62.988%20179.38%2026.178%20169.18zm7.488-145.139c8.683%206.925%2014.194%2016.738%2017.824%2027.497%207.037%2021.762%207.165%2047.143-2.164%2068.059-16.149%2037.515-53.46%2026.832-64.575-7.744-15.99-32.871-1.182-121.401%2048.915-87.812z%22%2F%3E%3Cpath%20d%3D%22m484.213%20180.822c-61.303-40.288-108.72%2080.818-83.049%20125.892%207.174%2015.981%2025.992%2026.371%2043.345%2024.545%2066.799-10.712%2091.427-108.136%2039.704-150.437zm-30.667%20125.944c-41%2022.677-49.685-36.772-38.217-64.325%208.806-15.443%2026.993-45.112%2047.737-38.664%2031.921%2024.887%2029.371%2084.664-9.52%20102.989z%22%2F%3E%3Cpath%20d%3D%22m115.123%20234.306c-30.44-91.2-137.035-62.694-111.092%2032.099%2021.425%20105.125%20153.503%2071.064%20111.092-32.099zm-16.251%2043.518c-17.257%2041.453-62.657%2018.621-71.342-17.681-7.081-18.191-8.816-42.393%206.812-56.445%2012.627-11.306%2032.03-8.03%2044.068%202.733%2018.518%2016.921%2028.968%2047.245%2020.462%2071.393z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-heart: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M442.9%20144C415.6%20144%20389.9%20157.1%20373.9%20179.2L339.5%20226.8C335%20233%20327.8%20236.7%20320.1%20236.7C312.4%20236.7%20305.2%20233%20300.7%20226.8L266.3%20179.2C250.3%20157.1%20224.6%20144%20197.3%20144C150.3%20144%20112.2%20182.1%20112.2%20229.1C112.2%20279%20144.2%20327.5%20180.3%20371.4C221.4%20421.4%20271.7%20465.4%20306.2%20491.7C309.4%20494.1%20314.1%20495.9%20320.2%20495.9C326.3%20495.9%20331%20494.1%20334.2%20491.7C368.7%20465.4%20419%20421.3%20460.1%20371.4C496.3%20327.5%20528.2%20279%20528.2%20229.1C528.2%20182.1%20490.1%20144%20443.1%20144zM335%20151.1C360%20116.5%20400.2%2096%20442.9%2096C516.4%2096%20576%20155.6%20576%20229.1C576%20297.7%20533.1%20358%20496.9%20401.9C452.8%20455.5%20399.6%20502%20363.1%20529.8C350.8%20539.2%20335.6%20543.9%20320%20543.9C304.4%20543.9%20289.2%20539.2%20276.9%20529.8C240.4%20502%20187.2%20455.5%20143.1%20402C106.9%20358.1%2064%20297.7%2064%20229.1C64%20155.6%20123.6%2096%20197.1%2096C239.8%2096%20280%20116.5%20305%20151.1L320%20171.8L335%20151.1z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-light: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22Capa_1%22%20data-name%3D%22Capa%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%20%20%3Cpath%20d%3D%22M357.84865%2C227.78366c-4.5531-22.85853-15.67583-42.52282-32.63359-57.24066%2C3.10241-16.94907-16.34596-23.55968-28.7134-29.37359-67.43143-34.25677-143.73202%2C13.57737-152.88412%2C85.96521-25.93115%2C177.13751%2C239.67085%2C179.37373%2C214.23111.64902v.00002ZM330.22977%2C286.76537c-11.69981%2C27.03067-38.07027%2C47.92969-68.06431%2C48.79588-146.53907%2C6.48279-94.73509-235.46647%2C34.12151-152.35052%2C5.55828%2C3.66705%2C12.37486%2C3.94254%2C18.04111%2C1.42835%2C27.07036%2C25.86166%2C31.25735%2C68.99754%2C15.90169%2C102.12626v.00004Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M497.39989%2C263.15856c10.64002%2C6.6106%2C20.80597-10.27021%2C9.9513-16.56932-12.6417-8.31693-27.10387-13.91864-41.92468-16.30873-14.23134-2.15059-32.31714%2C11.94552-23.24696%2C27.05797%2C12.35131%2C20.66452%2C20.38034%2C6.13532%2C35.14032%2C2.54025%2C6.87119-.66392%2C13.93228-.2395%2C20.08002%2C3.27987v-.00004Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M259.60782%2C90.49099c25.79217-7.63439%2C10.35334-37.95608%2C5.59797-55.55791-15.96499-21.57662-24.20498%2C19.35406-28.84494%2C29.86625-5.33862%2C14.45474%2C8.20028%2C29.56593%2C23.24694%2C25.69166h.00004Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M9.63202%2C258.1426c9.20547-.48274%2C19.10958-.74459%2C27.79632%2C1.33901%2C10.89813%2C3.45237%2C22.21323%2C4.87201%2C32.50578-1.95699%2C16.84855-11.11902-.01365-38.75899-17.80781-31.35788-14.06011%2C6.82654-29.45053%2C9.30226-44.46494%2C13.41977-11.31013%2C2.29827-9.63235%2C18.65911%2C1.97065%2C18.5561Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M253.3993%2C414.17999c-25.85299%2C9.85075-6.74959%2C40.05081-1.07963%2C57.84004%2C3.363%2C7.19261%2C14.07622%2C6.87369%2C16.94659-.62794%2C1.94457-4.90303%2C3.54171-11.93309%2C4.93283-17.02601%2C1.48296-5.65258%2C2.85299-11.31757%2C4.17462-16.99871%2C3.68195-14.47709-10.69584-27.96635-24.97438-23.18739h-.00004Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M92.25904%2C335.63945c-10.59038.91088-21.45004%2C3.37171-31.87164%2C5.35351-32.51446%2C8.2611-8.05385%2C56.37197%2C17.83016%2C33.197%2C7.39366-7.58476%2C15.47604-15.28742%2C22.06432-23.61056%2C4.66601-6.15516-.23454-15.41895-8.02283-14.93995Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M147.31808%2C99.28818c3.06022%2C13.1331%2C19.73876%2C19.13812%2C30.42593%2C10.75666%2C15.87439-11.90827%2C3.95371-30.93596-7.96823-40.49262-6.84266-6.28672-14.29342-10.73309-21.31975-15.76643-5.77916-3.15701-10.36701-11.09421-17.83636-8.79098-11.25181%2C4.31731-3.41265%2C17.07937.60435%2C24.02504%2C6.0894%2C10.07786%2C13.37385%2C19.14805%2C16.09404%2C30.26833h.00002Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M432.69857%2C168.4371c51.29147%2C5.39198%2C37.2599-56.81002%2C1.12182-35.97304-7.74238%2C6.60441-16.15982%2C13.24232-23.17%2C20.64839-5.1326%2C5.66127-1.29307%2C15.22537%2C6.40583%2C15.70067%2C4.67224.38221%2C10.96764-.18366%2C15.64235-.376v-.00002Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M375.63784%2C421.04998c-6.48029-7.967-14.77616-15.07769-23.41075-20.91394-10.11634-7.56242-21.7913%2C8.49439-11.44168%2C15.77388%2C6.74463%2C5.31503%2C10.90311%2C13.35898%2C12.82288%2C21.59646-.62173%2C13.24605-2.01035%2C26.9227%2C15.26508%2C28.74937%2C28.17358%2C2.47571%2C22.45647-32.97114%2C6.76447-45.2058v.00004Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M423.54647%2C336.57888c-7.62074-.84385-13.1021%2C7.94712-8.88776%2C14.44232%2C9.08511%2C10.58912%2C16.34225%2C25.57997%2C29.99409%2C30.62945%2C25.68544%2C5.35226%2C34.76434-30.97817%2C9.59512-38.34328-10.01583-2.4236-20.46346-5.37089-30.70141-6.7285h-.00004Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M361.12602%2C106.76374c7.91735-16.55444%2C15.28371-33.41168%2C20.59007-50.98744%2C2.30942-8.50431-8.10473-14.81462-14.57635-8.66316-12.35877%2C12.41832-23.91584%2C25.46331-36.56992%2C37.52672-20.47339%2C21.56298%2C16.40057%2C48.41739%2C30.55621%2C22.12389Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M107.26725%2C139.07965c-11.00114-1.50032-30.31548-10.6425-40.05207-5.68732-13.52898%2C11.1848%2C14.87046%2C29.11919%2C21.24529%2C38.34326%2C24.04365%2C22.34106%2C51.20585-22.57685%2C18.80679-32.65594Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M158.17277%2C407.16731c-9.68571%2C10.82366-18.28932%2C22.48003-27.82486%2C33.3397-12.94075%2C12.13411-23.14147%2C29.57462-3.10614%2C40.86739%2C17.6527%2C7.69148%2C26.88297-9.76141%2C31.41994-23.90838%2C5.40812-13.91989%2C10.49855-27.8199%2C14.41006-42.20141%2C2.19774-8.68674-8.69791-14.72651-14.89899-8.09727v-.00004Z%22%2F%3E%0A%3C%2Fsvg%3E");
  --svg-lock: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M240%20160L240%20224L400%20224L400%20160C400%20115.8%20364.2%2080%20320%2080C275.8%2080%20240%20115.8%20240%20160zM192%20224L192%20160C192%2089.3%20249.3%2032%20320%2032C390.7%2032%20448%2089.3%20448%20160L448%20224C483.3%20224%20512%20252.7%20512%20288L512%20512C512%20547.3%20483.3%20576%20448%20576L192%20576C156.7%20576%20128%20547.3%20128%20512L128%20288C128%20252.7%20156.7%20224%20192%20224zM400%20272L240%20272L240%20272L192%20272L192%20272C183.2%20272%20176%20279.2%20176%20288L176%20512C176%20520.8%20183.2%20528%20192%20528L448%20528C456.8%20528%20464%20520.8%20464%20512L464%20288C464%20279.2%20456.8%20272%20448%20272L448%20272L400%20272L400%20272z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-magnifying-glass-minus: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M272%20112C360.4%20112%20432%20183.6%20432%20272C432%20360.4%20360.4%20432%20272%20432C183.6%20432%20112%20360.4%20112%20272C112%20183.6%20183.6%20112%20272%20112zM272%20480C320.8%20480%20365.7%20463.2%20401.1%20435.1L535%20569C544.4%20578.4%20559.6%20578.4%20568.9%20569C578.2%20559.6%20578.3%20544.4%20568.9%20535.1L435.1%20401.1C463.2%20365.7%20480%20320.8%20480%20272C480%20157.1%20386.9%2064%20272%2064C157.1%2064%2064%20157.1%2064%20272C64%20386.9%20157.1%20480%20272%20480zM200%20248C186.7%20248%20176%20258.7%20176%20272C176%20285.3%20186.7%20296%20200%20296L344%20296C357.3%20296%20368%20285.3%20368%20272C368%20258.7%20357.3%20248%20344%20248L200%20248z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-magnifying-glass-plus: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M272%20112C360.4%20112%20432%20183.6%20432%20272C432%20360.4%20360.4%20432%20272%20432C183.6%20432%20112%20360.4%20112%20272C112%20183.6%20183.6%20112%20272%20112zM272%20480C320.8%20480%20365.7%20463.2%20401.1%20435.1L535%20569C544.4%20578.4%20559.6%20578.4%20568.9%20569C578.2%20559.6%20578.3%20544.4%20568.9%20535.1L435.1%20401.1C463.2%20365.7%20480%20320.8%20480%20272C480%20157.1%20386.9%2064%20272%2064C157.1%2064%2064%20157.1%2064%20272C64%20386.9%20157.1%20480%20272%20480zM272%20176C258.7%20176%20248%20186.7%20248%20200L248%20248L200%20248C186.7%20248%20176%20258.7%20176%20272C176%20285.3%20186.7%20296%20200%20296L248%20296L248%20344C248%20357.3%20258.7%20368%20272%20368C285.3%20368%20296%20357.3%20296%20344L296%20296L344%20296C357.3%20296%20368%20285.3%20368%20272C368%20258.7%20357.3%20248%20344%20248L296%20248L296%20200C296%20186.7%20285.3%20176%20272%20176z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-paw-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22384%22%20height%3D%22288%22%20viewBox%3D%220%200%20384%20288%22%3E%3Cdefs%3E%3Cg%20id%3D%22paw%22%3E%3Cpath%20d%3D%22m389.751%20455.496s-.008.511-.009.511c.265%2057.033-72.77%2021.369-103.578%2011.242-49.828-21.563-123.541%2028.915-158.849%207.41-5.019-59.351%2058.455-97.325%2068.893-153.811%207.63-43.017%2050.553-107.677%2091.626-54.782%2019.841%2028.806%2022.779%2067.527%2045.603%2095.287%204.084%205.177%208.912%209.82%2014.1%2013.873%208.789%206.434%2018.969-5.156%2011.391-13.061-32.7-36.418-23.645-95.546-61.678-129.138-60.635-50.788-122.272%2021.539-129.768%2081.73-2.9%2015.804-10.011%2029.729-18.427%2044.446-17.824%2030.801-42.374%2062.193-44.521%2099.463-7.106%2053.237%2052.093%2045.618%2086.071%2034.89%2025.235-6.152%2050.429-14.443%2076.4-11.656%2035.86%207.253%2072.084%2030.173%20110.056%2021.173%2022.163-6.018%2030.06-26.432%2030.011-47.306-.268-11.484-16.686-11.748-17.321-.271z%22%20%2F%3E%3Cpath%20d%3D%22m409.213%2085.978c-12.884-113.194-121.836-92.693-123.824%203.231-12.33%20120.372%20131.199%20104.056%20123.824-3.231zm-80.19-52.768c17.92-10.704%2035.515-5.513%2045.038%2013.035%208.57%2018.244%2013.721%2040.485%207.439%2060.135-8.456%2034.746-59.08%2054.699-73.67%2013.261-10.265-29.165-7.765-69.1%2021.193-86.431z%22%20%2F%3E%3Cpath%20d%3D%22m182.242%20177.035c78.624-20.817%2062.066-184.328-26.178-169.18-80.413%2022.707-62.988%20179.38%2026.178%20169.18zm7.488-145.139c8.683%206.925%2014.194%2016.738%2017.824%2027.497%207.037%2021.762%207.165%2047.143-2.164%2068.059-16.149%2037.515-53.46%2026.832-64.575-7.744-15.99-32.871-1.182-121.401%2048.915-87.812z%22%20%2F%3E%3Cpath%20d%3D%22m484.213%20180.822c-61.303-40.288-108.72%2080.818-83.049%20125.892%207.174%2015.981%2025.992%2026.371%2043.345%2024.545%2066.799-10.712%2091.427-108.136%2039.704-150.437zm-30.667%20125.944c-41%2022.677-49.685-36.772-38.217-64.325%208.806-15.443%2026.993-45.112%2047.737-38.664%2031.921%2024.887%2029.371%2084.664-9.52%20102.989z%22%20%2F%3E%3Cpath%20d%3D%22m115.123%20234.306c-30.44-91.2-137.035-62.694-111.092%2032.099%2021.425%20105.125%20153.503%2071.064%20111.092-32.099zm-16.251%2043.518c-17.257%2041.453-62.657%2018.621-71.342-17.681-7.081-18.191-8.816-42.393%206.812-56.445%2012.627-11.306%2032.03-8.03%2044.068%202.733%2018.518%2016.921%2028.968%2047.245%2020.462%2071.393z%22%20%2F%3E%3C%2Fg%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23paw%22%20transform%3D%22translate%2825%2032%29%20rotate%28-18%2023.0%2023.0%29%20scale%280.08984375%29%22%20%2F%3E%3Cuse%20href%3D%22%23paw%22%20transform%3D%22translate%28154%208%29%20rotate%2813%2021.0%2021.0%29%20scale%280.08203125%29%22%20%2F%3E%3Cuse%20href%3D%22%23paw%22%20transform%3D%22translate%28285%2060%29%20rotate%28-12%2024.5%2024.5%29%20scale%280.095703125%29%22%20%2F%3E%3Cuse%20href%3D%22%23paw%22%20transform%3D%22translate%2873%20184%29%20rotate%2817%2022.0%2022.0%29%20scale%280.0859375%29%22%20%2F%3E%3Cuse%20href%3D%22%23paw%22%20transform%3D%22translate%28210%20154%29%20rotate%28-20%2025.0%2025.0%29%20scale%280.09765625%29%22%20%2F%3E%3Cuse%20href%3D%22%23paw%22%20transform%3D%22translate%28329%20219%29%20rotate%2811%2021.0%2021.0%29%20scale%280.08203125%29%22%20%2F%3E%3Cuse%20href%3D%22%23paw%22%20transform%3D%22translate%2822%20117%29%20rotate%2815%2019.0%2019.0%29%20scale%280.07421875%29%22%20%2F%3E%3Cuse%20href%3D%22%23paw%22%20transform%3D%22translate%28154%2094%29%20rotate%28-12%2019.0%2019.0%29%20scale%280.07421875%29%22%20%2F%3E%3Cuse%20href%3D%22%23paw%22%20transform%3D%22translate%28307%20139%29%20rotate%2820%2019.5%2019.5%29%20scale%280.076171875%29%22%20%2F%3E%3C%2Fsvg%3E");
  --svg-sparkle: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cg%20fill%3D%22currentColor%22%20class%3D%22nc-icon-wrapper%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2064C330%2064%20339%2070.2%20342.5%2079.6L401.9%20238.2L560.5%20297.6C569.8%20301%20576%20310%20576%20320C576%20330%20569.8%20339%20560.4%20342.5L401.8%20401.9L342.4%20560.5C339%20569.8%20330%20576%20320%20576C310%20576%20301%20569.8%20297.5%20560.4L238.2%20401.8L79.6%20342.5C70.2%20339%2064%20330%2064%20320C64%20310%2070.2%20301%2079.6%20297.5L238.2%20238.1L297.6%2079.5C301%2070.2%20310%2064%20320%2064zM320%20156.5L279.3%20265.2C276.9%20271.7%20271.7%20276.8%20265.2%20279.3L156.5%20320L265.2%20360.7C271.7%20363.1%20276.8%20368.3%20279.3%20374.8L320%20483.5L360.7%20374.8C363.1%20368.3%20368.3%20363.2%20374.8%20360.7L483.5%20320L374.8%20279.3C368.3%20276.9%20363.2%20271.7%20360.7%20265.2L320%20156.5z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: var(--icon) center/contain no-repeat;
  mask: var(--icon) center/contain no-repeat;
}
.icon-lock {
  --icon: var(--svg-lock);
}
.icon-close {
  --icon: var(--svg-close);
}
.icon-sparkle {
  --icon: var(--svg-sparkle);
}
.icon-check-circle {
  --icon: var(--svg-check-circle);
}
.icon-arrow-left {
  --icon: var(--svg-arrow-left);
}
.icon-arrow-right {
  --icon: var(--svg-arrow-right);
}
.icon-arrow-up-right {
  --icon: var(--svg-arrow-up-right);
}
.icon-arrow-down-right {
  --icon: var(--svg-arrow-down-right);
}
[hidden] {
  display: none !important;
}
.skip-link {
  position: fixed;
  top: 12px;
  left: 20px;
  z-index: 100;
  background: var(--wine);
  padding: 12px 20px;
  color: var(--paper);
  transform: translateY(-150%);
}
.skip-link:focus {
  transform: translateY(0);
}
.site-header {
  max-width: 1400px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 6%;
  border-bottom: 1px solid var(--line);
}
.wordmark {
  font-size: 21px;
  letter-spacing: -0.4px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.brand-icon {
  display: block;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  color: var(--wine);
  background-color: currentColor;
  -webkit-mask: var(--svg-animals) center/contain no-repeat;
  mask: var(--svg-animals) center/contain no-repeat;
}
.wordmark-dot {
  margin-left: -9px;
  color: var(--wine);
}
.month-link {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 13px;
}
.hero {
  position: relative;
  max-width: 1400px;
  margin: auto;
  padding: 66px 24px 0;
  text-align: center;
  overflow: hidden;
}
.hero-content {
  position: relative;
  z-index: 1;
}
.eyebrow {
  font-family: var(--font);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2.3px;
  line-height: 1.5;
}
.hero .eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: var(--wine);
}
h1 {
  font-family: var(--swash);
  font-size: clamp(66px, 7.5vw, 108px);
  line-height: 0.99;
  letter-spacing: -4px;
  margin: 30px 0 24px;
}
h1 em {
  font-weight: 300;
  font-family: var(--swash);
  font-style: italic;
  color: var(--wine);
  letter-spacing: -3px;
}
.hero-description {
  font-size: 18px;
  line-height: 1.6;
  color: var(--hero-text);
}
.primary-button {
  margin-top: 28px;
  border: 1px solid var(--wine);
  background: var(--wine);
  padding: 14px 23px;
  display: inline-flex;
  gap: 28px;
  align-items: center;
  color: var(--paper);
  font-size: 16px;
  border-radius: 3px;
  transition:
    background 0.2s,
    transform 0.2s;
}
.primary-button:hover {
  background: var(--primary-hover);
  transform: translateY(-2px);
}
.primary-button span {
  font-family: Arial, sans-serif;
  font-size: 20px;
}
.hero-signature {
  margin-top: 16px;
  font-style: italic;
  font-size: 15px;
  color: var(--muted);
}
.hero-signature span {
  font-size: 20px;
  margin-left: 3px;
  color: var(--wine);
}
.hero-footnote {
  padding: 44px 0 23px;
  font-size: 12px;
  letter-spacing: 1.2px;
  color: var(--muted);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.hero-footnote .ui-icon {
  width: 19px;
  height: 19px;
  color: var(--wine);
}
.calendar-section {
  max-width: 1228px;
  margin: auto;
  padding: 36px 30px 0;
  border-top: 1px solid var(--line);
  scroll-margin-top: 0;
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 28px;
  margin-bottom: 28px;
}
.section-heading .eyebrow {
  color: var(--muted);
  font-size: 10px;
  letter-spacing: 1.8px;
  margin-bottom: 9px;
}
h2 {
  font-family: var(--swash);
  font-size: 36px;
  line-height: 1.15;
  letter-spacing: -0.8px;
}
.progress-wrap {
  min-width: 175px;
  padding-bottom: 5px;
  font-size: 12px;
  color: var(--muted);
}
.progress-wrap p {
  text-align: right;
}
.progress-track {
  height: 2px;
  width: 100%;
  background: var(--line);
  margin-top: 10px;
}
.progress-track span {
  height: 100%;
  display: block;
  width: 0;
  background: var(--wine);
  transition: width 0.4s;
}
.calendar-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px 16px;
}
.door {
  --envelope: #eee3d4;
  --door-ink: #5e4243;
  display: block;
  width: 100%;
  min-width: 0;
  position: relative;
  border: 0;
  background: var(--envelope);
  color: var(--door-ink);
  aspect-ratio: 1.15;
  min-height: 110px;
  border-radius: 2px;
  padding: 0;
  isolation: isolate;
  box-shadow:
    0 2px 3px #492e3508,
    0 1px 0 #ffffff70 inset;
  transition:
    transform 0.3s,
    box-shadow 0.3s;
  overflow: hidden;
}
.door::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid currentColor;
  opacity: 0.13;
  pointer-events: none;
}
.door:hover {
  transform: translateY(-4px) rotate(-0.5deg);
  box-shadow: 0 7px 16px #492e3512;
}
.door.is-locked:hover {
  transform: translateY(-2px);
}
.door.is-today {
  box-shadow:
    0 0 0 4px var(--paper),
    0 0 0 5px var(--today-ring),
    0 3px 8px #492e3515;
}
.door.is-today::before {
  content: "IDAG";
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 13px;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.4px;
}
.door-number {
  font-family: Indicia, Georgia, serif;
  letter-spacing: -0.04em;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  line-height: 1;
  padding-top: 6px;
  z-index: 2;
  text-shadow: 0 1px 1px #ffffff20;
}
.door-state {
  position: absolute;
  bottom: 12px;
  left: 6px;
  right: 6px;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-family: var(--font);
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  white-space: nowrap;
}
.door-state .ui-icon {
  width: 12px;
  height: 12px;
}
.door-opened-mark {
  height: 22px;
  width: 22px;
  position: absolute;
  top: 12px;
  left: 12px;
  opacity: 0.65;
}
.door[data-tone="wine"] {
  --envelope: var(--door-wine);
  --door-ink: var(--door-wine-ink);
}
.door[data-tone="sage"] {
  --envelope: var(--door-sage);
  --door-ink: var(--door-sage-ink);
}
.door[data-tone="rose"] {
  --envelope: var(--door-rose);
  --door-ink: var(--door-rose-ink);
}
.door[data-tone="cream"] {
  --envelope: var(--door-cream);
  --door-ink: var(--door-cream-ink);
}
.door[data-tone="lilac"] {
  --envelope: var(--door-lilac);
  --door-ink: var(--door-lilac-ink);
}
.calendar-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-align: center;
  font-size: 12px;
  color: var(--muted);
  padding: 25px 0 0;
  line-height: 1.6;
}
.calendar-note .ui-icon {
  width: 16px;
  height: 16px;
}
.closing-note {
  text-align: center;
  padding: 57px 24px 60px;
}
.closing-note > .brand-icon {
  width: 52px;
  height: 52px;
  margin-inline: auto;
}
.closing-note > p {
  font-family: var(--swash);
  font-size: 30px;
  line-height: 1.25;
  margin: 15px 0 12px;
  letter-spacing: -0.5px;
}
.closing-signature {
  font-style: italic;
  font-size: 15px;
  color: var(--muted);
}
.site-footer {
  max-width: 1280px;
  margin: auto;
  border-top: 1px solid var(--line);
  padding: 22px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 10px;
  color: var(--muted);
}
.preview-settings {
  position: relative;
  text-align: center;
}
.preview-settings summary {
  cursor: pointer;
  text-underline-offset: 3px;
  list-style: none;
  text-decoration: underline;
}
.preview-settings summary::-webkit-details-marker {
  display: none;
}
.preview-settings > div {
  position: absolute;
  z-index: 7;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  width: 290px;
  padding: 20px;
  background: var(--paper);
  border: 1px solid var(--line);
  box-shadow: 0 8px 32px #492e3520;
  font-size: 14px;
  text-align: left;
}
.preview-settings label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 15px 0;
  color: var(--wine);
}
.preview-settings input {
  accent-color: var(--wine);
  width: 16px;
  height: 16px;
}
.preview-settings small {
  font-size: 11px;
  display: block;
}
.preview-banner {
  background: var(--wine);
  color: var(--paper);
  padding: 12px 24px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.preview-banner button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: 0;
  text-decoration: underline;
  color: inherit;
  font-size: 12px;
  padding: 4px;
}
.toast {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--ink);
  color: var(--paper);
  padding: 16px 24px;
  border-radius: 3px;
  font-size: 15px;
  box-shadow: 0 4px 24px #492e3525;
  z-index: 30;
  max-width: calc(100vw - 32px);
  width: max-content;
  text-align: center;
}
/* En lugn läsvy med serien på en passepartout och text i sidospalten. */
.reader {
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: var(--paper);
  color: var(--ink);
  width: min(1180px, calc(100vw - 56px));
  height: min(850px, 92vh);
  height: min(850px, 92svh);
  max-width: none;
  max-height: 92svh;
  overflow: hidden;
  box-shadow: 0 24px 100px #24151c55;
}
.reader[open] {
  animation: reader-enter 380ms cubic-bezier(0.16, 1, 0.3, 1);
}
.reader::backdrop {
  background: #29212ac7;
  backdrop-filter: blur(9px);
  animation: reader-backdrop-enter 380ms ease-out;
}
.reader.is-closing {
  animation: reader-leave 200ms ease-in both;
}
.reader.is-closing::backdrop {
  animation: reader-backdrop-leave 200ms ease-in both;
}
@keyframes reader-enter {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.975);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes reader-leave {
  to {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }
}
@keyframes reader-backdrop-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes reader-backdrop-leave {
  to {
    opacity: 0;
  }
}
.reader-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 286px;
  height: 100%;
  min-height: 0;
}
.reader-artwork {
  min-width: 0;
  min-height: 0;
  background: var(--reader-artwork);
}
.comic-scroller {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 28px;
  scrollbar-color: var(--scrollbar) var(--reader-artwork);
}
.comic-scroller img {
  display: block;
  flex-shrink: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: calc(92svh - 56px);
  border: 8px solid var(--reader-frame);
  box-shadow: 0 5px 24px #492e3520;
}
.comic-scroller.is-zoomed {
  display: block;
}
.comic-scroller.is-zoomed img {
  width: 1400px;
  max-width: none;
  max-height: none;
  height: auto;
  margin: 0;
  border-width: 10px;
}
.reader-sidebar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  min-height: 0;
  overflow: auto;
  padding: 82px 26px 26px;
  border-left: 1px solid var(--reader-divider);
}
.icon-button {
  border: 1px solid var(--line);
  background: transparent;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-family: Arial, sans-serif;
  font-size: 27px;
  line-height: 1;
  flex-shrink: 0;
}
.icon-button:hover {
  background: var(--reader-hover);
}
.icon-button .ui-icon {
  width: 24px;
  height: 24px;
}
.close-reader {
  position: absolute;
  top: 18px;
  right: 20px;
  z-index: 2;
}
.reader-story-heading {
  width: 100%;
  margin-top: auto;
}
.reader-story-heading .eyebrow {
  font-size: 9px;
  color: var(--muted);
  letter-spacing: 1.5px;
  line-height: 1.8;
  margin-bottom: 18px;
}
.reader-story-heading h2 {
  font-size: 38px;
  line-height: 1.12;
  letter-spacing: -0.7px;
  overflow-wrap: break-word;
  hyphens: auto;
}
.reader-rule {
  display: block;
  width: 32px;
  height: 1px;
  background: var(--reader-rule);
  margin: 24px 0 18px;
}
.reader-dedication {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.6;
  font-style: italic;
}
.reader-actions {
  margin-top: 30px;
  width: 100%;
}
.reader-zoom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid var(--reader-control-border);
  border-radius: 3px;
  background: transparent;
  font-size: 13px;
  padding: 12px 16px;
  min-height: 44px;
  transition: background 0.2s;
}
.reader-zoom:hover {
  background: var(--reader-zoom-hover);
}
.reader-zoom[aria-pressed="true"] {
  background: var(--reader-selected);
  border-color: var(--reader-selected-border);
}
.reader-zoom .ui-icon {
  --icon: var(--svg-magnifying-glass-plus);
}
.reader-zoom[aria-pressed="true"] .ui-icon {
  --icon: var(--svg-magnifying-glass-minus);
}
.reader-hint {
  font-size: 11px;
  line-height: 1.5;
  color: var(--muted);
  margin-top: 10px;
}
.reader-reactions {
  width: 100%;
  flex-shrink: 0;
  margin-top: 25px;
}
.reader-reactions h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
}
.reaction-hint,
.reaction-status {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.reaction-hint {
  margin-top: 3px;
}
.reaction-status {
  margin-top: 9px;
}
.reaction-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
}
.reaction-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  min-height: 64px;
  padding: 8px 2px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: transparent;
  color: var(--ink);
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
}
.reaction-button .ui-icon {
  width: 27px;
  height: 27px;
}
.reaction-button:hover {
  background: var(--reader-hover);
  border-color: var(--reader-selected-border);
}
.reaction-button[aria-pressed="true"] {
  background: var(--reader-selected);
  border-color: var(--reader-selected-border);
  box-shadow: inset 0 0 0 1px var(--reader-selected-border);
  color: var(--wine);
}
@media (max-width: 760px) {
  .reader-reactions {
    order: 3;
    width: auto;
    margin: 22px 19px 0;
  }
  .reaction-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .reaction-button {
    font-size: 11px;
    min-height: 68px;
  }
}
@media (forced-colors: active) {
  .reaction-button[aria-pressed="true"] {
    border: 3px solid Highlight;
    padding: 6px 0;
  }
}
.reader-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 38px;
  margin-top: auto;
  text-align: center;
}
.reader-footer > span:first-child {
  font-size: 11px;
  letter-spacing: 2px;
  color: var(--muted);
}
.reader-navigation {
  display: flex;
  gap: 8px;
}
.reader-nav {
  border: 1px solid var(--line);
  background: transparent;
  border-radius: 3px;
  padding: 11px 9px;
  min-height: 44px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  flex: 1;
  white-space: nowrap;
}
.reader-nav:hover:enabled {
  background: var(--nav-hover);
  border-color: var(--nav-hover-border);
}
.reader-signature {
  font-size: 12px;
  color: var(--muted);
  font-style: italic;
  padding-top: 7px;
}
.text-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: transparent;
  border: 0;
  padding: 6px 0;
  font-size: 13px;
}
.text-button:hover:enabled {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.image-message {
  padding: 40px 15px;
  font-size: 14px;
  color: var(--muted);
}
body.reader-open {
  overflow: hidden;
}
@media (min-width: 761px) and (max-height: 650px) {
  .reader-sidebar {
    padding-top: 60px;
    padding-bottom: 18px;
  }
  .reader-story-heading .eyebrow {
    margin-bottom: 8px;
  }
  .reader-story-heading h2 {
    font-size: 31px;
  }
  .reader-rule {
    margin: 14px 0;
  }
  .reader-dedication {
    font-size: 13px;
  }
  .reader-actions {
    margin-top: 18px;
  }
  .reader-footer {
    padding-top: 20px;
    gap: 10px;
  }
  .reader-hint {
    font-size: 10px;
  }
}
@media (min-width: 1450px) {
  .hero {
    padding-top: 75px;
  }
  .calendar-section {
    padding-top: 40px;
  }
  .door-number {
    font-size: 65px;
  }
}
@media (max-width: 1050px) {
  .calendar-grid {
    gap: 14px 12px;
  }
  .door-number {
    font-size: 50px;
    padding-top: 0;
    padding-bottom: 6px;
  }
  .door::after {
    inset: 5px;
  }
  .door-state {
    bottom: 8px;
    letter-spacing: 0;
  }
  .door.is-today::before {
    right: 10px;
  }
  .site-header {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 760px) {
  .site-header {
    padding: 21px 22px;
  }
  .wordmark {
    font-size: 18px;
    gap: 7px;
  }
  .brand-icon {
    width: 34px;
    height: 34px;
  }
  .month-link {
    font-size: 11px;
    gap: 6px;
  }
  .hero {
    padding-top: 48px;
  }
  .hero .eyebrow {
    font-size: 9px;
    letter-spacing: 1.6px;
    gap: 9px;
  }
  .hero .eyebrow > span {
    display: none;
  }
  h1 {
    font-size: clamp(54px, 17vw, 76px);
    letter-spacing: -2.5px;
    margin: 25px 0 23px;
  }
  h1 em {
    letter-spacing: -2px;
  }
  .hero-description {
    font-size: 16px;
    max-width: 340px;
    margin: auto;
    line-height: 1.65;
  }
  .desktop-break {
    display: none;
  }
  .primary-button {
    margin-top: 26px;
    font-size: 15px;
    padding: 13px 20px;
    gap: 25px;
  }
  .hero-signature {
    font-size: 13px;
  }
  .hero-footnote {
    font-size: 10px;
    letter-spacing: 0.7px;
    padding: 34px 0 22px;
  }
  .calendar-section {
    padding: 28px 22px 0;
    margin: 0 0;
  }
  .section-heading {
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 23px;
    flex-wrap: wrap;
  }
  .section-heading h2 {
    font-size: 29px;
  }
  .section-heading .eyebrow {
    font-size: 9px;
    margin-bottom: 7px;
  }
  .progress-wrap {
    min-width: 130px;
    margin-left: auto;
    font-size: 10px;
    width: 150px;
  }
  .calendar-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 12px;
  }
  .door-number {
    font-size: 53px;
  }
  .door-state {
    bottom: 10px;
  }
  .door::after {
    inset: 5px;
  }
  .door.is-today::before {
    right: 10px;
  }
  .calendar-note {
    font-size: 11px;
    align-items: flex-start;
    padding-top: 25px;
    max-width: 300px;
    margin: auto;
  }
  .calendar-note .ui-icon {
    margin-top: 2px;
  }
  .closing-note {
    padding: 39px 24px 40px;
  }
  .closing-note > p {
    font-size: 28px;
  }
  .site-footer {
    margin: 0 22px;
    padding: 21px 0;
    flex-wrap: wrap;
    justify-content: center;
    gap: 13px 24px;
    font-size: 9px;
    text-align: center;
  }
  .site-footer > span:first-child {
    width: 100%;
  }
  .site-footer > span:last-child {
    order: 2;
  }
  .preview-settings {
    order: 3;
  }
  .preview-settings > div {
    left: auto;
    right: 0;
    transform: none;
    width: 270px;
  }
  .preview-banner {
    font-size: 11px;
    padding: 10px 15px;
    text-align: center;
    gap: 4px;
  }
  .toast {
    bottom: 18px;
    font-size: 14px;
    padding: 14px 18px;
  }
}
@media (max-width: 760px) {
  .reader {
    width: calc(100vw - 20px);
    height: auto;
    max-height: 96vh;
    max-height: 96svh;
    border-radius: 5px;
  }
  .reader-layout {
    display: flex;
    flex-direction: column;
    overflow: auto;
    max-height: 96svh;
    height: auto;
    position: relative;
    overscroll-behavior: contain;
  }
  .reader-sidebar {
    display: contents;
  }
  .close-reader {
    top: 17px;
    right: 17px;
    width: 36px;
    height: 36px;
    position: sticky;
    align-self: flex-end;
    margin: 17px 17px -53px 0;
    flex-shrink: 0;
    order: -1;
    background: var(--paper);
  }
  .reader-story-heading {
    order: 0;
    padding: 21px 65px 19px 22px;
    margin: 0;
  }
  .reader-story-heading .eyebrow {
    font-size: 8px;
    letter-spacing: 1.3px;
    margin-bottom: 7px;
  }
  .reader-story-heading h2 {
    font-size: 31px;
    line-height: 1.1;
  }
  .reader-rule,
  .reader-dedication {
    display: none;
  }
  .reader-artwork {
    order: 1;
    flex-shrink: 0;
    background: var(--reader-artwork);
  }
  .comic-scroller {
    padding: 13px;
    max-height: 66svh;
    height: auto;
    min-height: 160px;
    align-items: flex-start;
  }
  .comic-scroller img {
    width: 100%;
    max-width: 660px;
    max-height: none;
    border: 5px solid var(--reader-frame);
    box-shadow: 0 3px 15px #492e351a;
  }
  .comic-scroller.is-zoomed {
    height: 66svh;
  }
  .comic-scroller.is-zoomed img {
    width: 1050px;
    max-width: none;
    border-width: 7px;
  }
  .reader-actions {
    order: 2;
    margin: 0;
    padding: 14px 19px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }
  .reader-zoom {
    font-size: 12px;
    padding: 10px 13px;
    min-height: 42px;
    white-space: nowrap;
  }
  .reader-hint {
    margin: 0;
    font-size: 10px;
    max-width: 130px;
    text-align: right;
  }
  .reader-footer {
    order: 3;
    margin: 0;
    padding: 15px 19px 19px;
    gap: 12px;
  }
  .reader-navigation {
    gap: 12px;
    align-items: center;
  }
  .reader-nav {
    font-size: 12px;
    min-height: 42px;
    padding: 10px;
  }
  .reader-footer > span:first-child {
    font-size: 10px;
    letter-spacing: 1.6px;
  }
  .reader-signature {
    display: none;
  }
}
@media (max-width: 370px) {
  .wordmark {
    font-size: 16px;
  }
  .month-link {
    font-size: 10px;
  }
  .section-heading h2 {
    font-size: 27px;
  }
  .door-number {
    font-size: 45px;
  }
  .door-state {
    bottom: 8px;
  }
  .calendar-grid {
    gap: 12px 9px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after,
  *::backdrop {
    animation: none !important;
    transition: none !important;
  }
}

/* Temaväxlaren ingår i navigationen, också på små skärmar. */
.header-actions {
  display: flex;
  align-items: center;
  gap: 23px;
  flex-shrink: 0;
}
.theme-toggle {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  flex-shrink: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  transition: color 0.2s;
}
.theme-toggle:hover {
  color: var(--wine);
}
.theme-sun {
  display: none;
}
:root[data-theme="dark"] .theme-moon {
  display: none;
}
:root[data-theme="dark"] .theme-sun {
  display: block;
}
:root[data-theme="dark"] body::before {
  opacity: 0.06;
}
:root[data-theme="dark"] .door {
  box-shadow:
    0 2px 5px #00000024,
    0 1px 0 #ffffff08 inset;
}
:root[data-theme="dark"] .door:hover {
  box-shadow: 0 8px 20px #00000030;
}
:root[data-theme="dark"] .door.is-today {
  box-shadow:
    0 0 0 4px var(--paper),
    0 0 0 5px var(--today-ring),
    0 3px 8px #00000030;
}
:root[data-theme="dark"] .door-number {
  text-shadow: none;
}
:root[data-theme="dark"] .reader {
  box-shadow: 0 24px 100px #00000080;
}
:root[data-theme="dark"] .reader::backdrop {
  background: #100c13df;
}
:root[data-theme="dark"] .comic-scroller img {
  box-shadow: 0 5px 24px #00000050;
}
:root[data-theme="dark"] .preview-settings > div {
  box-shadow: 0 8px 32px #00000050;
}
@media (max-width: 760px) {
  .header-actions {
    gap: 12px;
  }
  .theme-toggle {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 400px) {
  .site-header {
    padding-left: 16px;
    padding-right: 16px;
  }
  .header-actions {
    gap: 9px;
  }
  .header-actions .month-link {
    font-size: 10px;
  }
}

/* Dagnys förskrivna AI-kommentarer får samma inramning som den tidigare psst-rutan. */
.dagny-section {
  max-width: 1168px;
  margin: 54px auto 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 34px 35px;
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr) 250px;
  align-items: center;
  gap: 26px;
  background: var(--surface);
}
.dagny-ornament {
  --icon: var(--svg-footprint);
  display: block;
  width: 56px;
  height: 56px;
  color: var(--bow);
  transform: rotate(-12deg);
}
.dagny-copy .eyebrow {
  font-size: 9px;
  color: var(--muted);
  margin-bottom: 8px;
}
.dagny-copy h2 {
  font-size: 32px;
  margin-bottom: 12px;
  max-width: 410px;
}
.dagny-copy > p:not(.eyebrow) {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.65;
}
.dagny-copy > p.dagny-disclosure {
  font-size: 10px;
  margin-top: 14px;
  max-width: 340px;
}
.dagny-controls {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
}
.dagny-controls label {
  font-size: 11px;
  color: var(--muted);
}
.dagny-select {
  position: relative;
  min-width: 0;
}
.dagny-select::after {
  content: "";
  position: absolute;
  inset-inline-end: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  pointer-events: none;
  background-color: var(--ink);
  -webkit-mask: var(--svg-chevron-down) center/contain no-repeat;
  mask: var(--svg-chevron-down) center/contain no-repeat;
}
.dagny-controls select {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  font: 13px var(--font);
  padding: 10px 40px 10px 12px;
  border: 1px solid var(--control-border);
  border-radius: 3px;
  color: var(--ink);
  background: var(--paper);
}
.dagny-button {
  border: 1px solid var(--wine);
  background: var(--wine);
  color: var(--paper);
  min-height: 44px;
  padding: 11px 17px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  font-size: 13px;
}
.dagny-button:hover:enabled {
  background: var(--primary-hover);
}
.dagny-availability {
  font-size: 10px;
  color: var(--muted);
  line-height: 1.5;
}
.dagny-result {
  grid-column: 2/-1;
  border-top: 1px solid var(--line);
  padding-top: 27px;
  margin-top: 2px;
}
.dagny-letter .eyebrow {
  font-size: 9px;
  letter-spacing: 1.4px;
  color: var(--muted);
  margin-bottom: 14px;
}
.dagny-letter blockquote {
  margin: 0;
  max-width: 690px;
  font-family: var(--swash);
  font-size: 25px;
  line-height: 1.4;
  letter-spacing: -0.2px;
}
.dagny-signature {
  font-size: 13px;
  font-style: italic;
  color: var(--wine);
  margin-top: 17px;
}
.dagny-result > .text-button {
  font-size: 12px;
  color: var(--muted);
  margin-top: 14px;
  min-height: 36px;
}
.reader-transcript,
.reader-dagny {
  width: 100%;
  margin-top: 25px;
  padding: 15px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.reader-transcript {
  margin-top: 0;
  border-top: 0;
}
.reader-dagny[hidden] + .reader-transcript {
  margin-top: 25px;
  border-top: 1px solid var(--line);
}
.reader-transcript summary,
.reader-dagny summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  list-style: none;
  cursor: pointer;
  font-size: 13px;
  color: var(--wine);
  padding: 3px 0;
  min-height: 30px;
}
.reader-transcript summary::-webkit-details-marker,
.reader-dagny summary::-webkit-details-marker {
  display: none;
}
.reader-transcript summary .ui-icon,
.reader-dagny summary .ui-icon {
  transition: transform 0.2s;
}
.reader-transcript[open] summary .ui-icon,
.reader-dagny[open] summary .ui-icon {
  transform: rotate(180deg);
}
.reader-dagny > p {
  font-size: 14px;
  line-height: 1.65;
  margin-top: 14px;
}
.reader-transcript ol {
  margin: 14px 0 0;
  padding-left: 1.4em;
  font-size: 14px;
  line-height: 1.65;
}
.reader-transcript li + li {
  margin-top: 12px;
}
.reader-dagny small {
  display: block;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.6;
  margin-top: 12px;
}
@media (max-width: 1050px) {
  .dagny-section {
    margin-left: 30px;
    margin-right: 30px;
    padding: 30px 26px;
    grid-template-columns: minmax(0, 1fr) 235px;
    gap: 24px;
  }
  .dagny-ornament {
    display: none;
  }
  .dagny-result {
    grid-column: 1/-1;
  }
  .dagny-copy h2 {
    font-size: 30px;
  }
}
@media (max-width: 760px) {
  .dagny-section {
    margin: 34px 22px 0;
    padding: 27px 23px;
    display: block;
  }
  .dagny-copy {
    text-align: center;
  }
  .dagny-copy .eyebrow {
    font-size: 8px;
  }
  .dagny-copy h2 {
    font-size: 29px;
    max-width: 300px;
    margin: 0 auto 12px;
  }
  .dagny-copy > p:not(.eyebrow) {
    font-size: 13px;
  }
  .dagny-copy > p.dagny-disclosure {
    font-size: 10px;
    max-width: 260px;
    margin: 14px auto 0;
  }
  .dagny-controls {
    max-width: 340px;
    margin: 24px auto 0;
  }
  .dagny-controls label {
    font-size: 11px;
  }
  .dagny-result {
    padding-top: 25px;
    margin-top: 23px;
  }
  .dagny-letter blockquote {
    font-size: 24px;
    line-height: 1.4;
  }
  .dagny-signature {
    font-size: 12px;
  }
  .reader-transcript,
  .reader-dagny {
    order: 3;
    width: auto;
    margin: 18px 19px 0;
    padding: 12px 0;
  }
  .reader-transcript {
    order: 4;
    margin-top: 0;
  }
  .reader-dagny[hidden] + .reader-transcript {
    margin-top: 18px;
  }
  .reader-dagny summary {
    font-size: 13px;
  }
  .reader-transcript ol,
  .reader-dagny > p {
    font-size: 15px;
  }
  .reader-footer {
    order: 5;
  }
}
@media (max-width: 370px) {
  .dagny-section {
    padding-left: 17px;
    padding-right: 17px;
  }
}

/* Den bifogade tassen bildar ett sömlöst, dekorativt mönster i heron. */
.hero {
  isolation: isolate;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: var(--wine);
  opacity: 0.12;
  -webkit-mask-image: var(--svg-paw-pattern);
  mask-image: var(--svg-paw-pattern);
  -webkit-mask-size: 384px 288px;
  mask-size: 384px 288px;
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
  -webkit-mask-position: center 8px;
  mask-position: center 8px;
}
.hero-footnote {
  position: relative;
  z-index: 1;
}
:root[data-theme="dark"] .hero::before {
  opacity: 0.15;
}
@media (max-width: 760px) {
  .hero::before {
    -webkit-mask-size: 300px 225px;
    mask-size: 300px 225px;
  }
}

/* De bifogade navigationsikonerna följer färgtemat. */
.theme-glyph {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  background-color: currentColor;
}
.theme-moon {
  -webkit-mask: var(--svg-dark) center/contain no-repeat;
  mask: var(--svg-dark) center/contain no-repeat;
}
.theme-sun {
  -webkit-mask: var(--svg-light) center/contain no-repeat;
  mask: var(--svg-light) center/contain no-repeat;
}

@media (max-width: 760px) {
  .theme-glyph {
    width: 34px;
    height: 34px;
  }
  .calendar-icon {
    width: 17px;
    height: 17px;
  }
}
@media (max-width: 520px) {
  .site-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 15px;
  }
  .header-actions {
    display: contents;
  }
  .wordmark {
    grid-column: 1;
    grid-row: 1;
  }
  .theme-toggle {
    grid-column: 2;
    grid-row: 1;
  }
  .month-link {
    grid-column: 1/-1;
    grid-row: 2;
    justify-self: start;
    margin-left: 41px;
  }
}

@media (forced-colors: active) {
  .dagny-controls select {
    -webkit-appearance: auto;
    appearance: auto;
  }
  .dagny-select::after {
    display: none;
  }
}