PageSourceSearch

https://mythopia.io/saved

html mythopia.io collected 2026-10-03 02:50:09 UTC 83,723 bytes, 282 lines download raw bytes

1<!DOCTYPE html><html lang="en" data-beasties-container><head>
2  <meta charset="utf-8">
3  <title>Saved Stories | Mythopia</title>
4  <base href="/">
5  <!-- viewport-fit=cover is what makes env(safe-area-inset-*) resolve to anything but
6       0. styles.css already guards .pad-page-x and .page-readable with those insets;
7       without this attribute that code was inert, and prose ran under the rounded
8       corners on a landscape iPhone. -->
9  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
10  <meta name="referrer" content="strict-origin-when-cross-origin">
11  
12
13  <meta name="application-name" content="Mythopia">
14  <meta name="apple-mobile-web-app-title" content="Mythopia">
15  <meta name="mobile-web-app-capable" content="yes">
16  <meta name="apple-mobile-web-app-capable" content="yes">
17  <meta name="apple-mobile-web-app-status-bar-style" content="black">
18
19  
20  
21  
22  
23  
24  <meta property="og:site_name" content="Mythopia">
25  <meta property="og:locale" content="en_US">
26  
27  
28  
29  
30  
31
32  <!-- api.mythopia.io: preconnect for JSON API (browser + SPA navigations). -->
33  <link rel="preconnect" href="https://api.mythopia.io" crossorigin>
34  <link rel="preconnect" href="https://filesapi.mythopia.io" crossorigin>
35  
36  <link rel="preload" as="font" type="font/woff2" href="https://fonts.gstatic.com/s/quicksand/v37/6xKtdSZaM9iE8KbpRA_hK1QNYuDyPw.woff2" crossorigin>
37  <link rel="preload" as="font" type="font/woff2" href="https://fonts.gstatic.com/s/bungee/v17/N0bU2SZBIuF2PU_0DXR1C9zfmQ.woff2" crossorigin>
38
39  <style>
40    *,*::before,*::after{box-sizing:border-box}
41    :root{
42      --app-header-height:4rem;
43      --space-section-margin:1.5rem;
44      --space-section-padding:2rem;
45      --tap-target-min:44px;
46      --page-gutter-x:1rem;
47    }
48    @media(min-width:640px){:root{--app-header-height:4.5rem;--page-gutter-x:1.25rem}}
49    @media(min-width:1024px){:root{--app-header-height:5rem;--page-gutter-x:1.5rem}}
50    html{scroll-padding-top:var(--app-header-height);scrollbar-gutter:stable}
51
52    app-root, app-footer { display: block; }
53    app-root { min-height: 100vh; }
54
55    @font-face {
56      font-family: 'Quicksand Fallback';
57      src: local('Arial'), local('Helvetica'), local('sans-serif');
58      size-adjust: 102%;
59      ascent-override: 105%;
60      descent-override: 25%;
61      line-gap-override: 0%;
62    }
63
64    @font-face {
65      font-family: 'Bungee Fallback';
66      src: local('Arial Black'), local('Arial Bold'), local('sans-serif');
67      size-adjust: 95%;
68      ascent-override: 110%;
69      descent-override: 30%;
70    }
71
72    @font-face {
73      font-family: 'Quicksand';
74      font-style: normal;
75      font-weight: 300 700;
76      font-display: swap;
77      src: url('https://fonts.gstatic.com/s/quicksand/v37/6xKtdSZaM9iE8KbpRA_hK1QNYuDyPw.woff2') format('woff2');
78      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
79    }
80
81    @font-face {
82      font-family: 'Bungee';
83      font-style: normal;
84      font-weight: 400;
85      font-display: optional;
86      src: url('https://fonts.gstatic.com/s/bungee/v17/N0bU2SZBIuF2PU_0DXR1C9zfmQ.woff2') format('woff2');
87      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
88    }
89
90    body {
91      margin: 0;
92      font-family: 'Quicksand', 'Quicksand Fallback', system-ui, -apple-system, sans-serif;
93      background-color: #F7EFDD;
94      color: #1C1C1C;
95    }
96
97    h1, h2, h3, h4, h5, h6 {
98      font-family: 'Bungee', 'Bungee Fallback', system-ui, -apple-system, sans-serif;
99    }
100
101    /* RESPONSIVE DISPLAY SAFETY NET — enforced by scripts/check-critical-display-utilities.mjs
102       (runs on `yarn build`; it fails the build if a template uses a responsive
103       display utility that is missing below).
104
105       Tailwind v4 emits utilities inside `@layer utilities`. Beasties (Angular's
106       `inlineCritical`) re-inlines the above-the-fold rules it extracts as UNLAYERED
107       CSS, in a <style> block appended as the LAST child of <head>. Unlayered CSS
108       beats layered CSS regardless of source order or media queries, so the inlined
109       `.hidden{display:none}` outranks the real
110       `@layer utilities{@media(min-width:80rem){.xl\:flex{display:flex}}}` at EVERY
111       width. Whether a given variant survives depends on whether Beasties happened
112       to extract it too — which we neither control nor can predict.
113
114       Two things make this net immune to that, unlike the `lg:`-only allowlist it
115       replaces (which sat earlier in <head> than Beasties' block and so always lost
116       the same-specificity tie — it was dead code):
117         1. Each selector is doubled (`.a.a`) for specificity 0-2-0, which beats
118            `.hidden` at 0-1-0 no matter where Beasties injects its block.
119         2. It covers every responsive display utility the app uses, not a subset,
120            so it does not depend on Beasties' extraction at all.
121
122       Blocks are ordered smallest → largest breakpoint so the widest matching
123       breakpoint wins at equal specificity. Values mirror Tailwind v4 defaults. */
124    @media(min-width:40rem){
125      .sm\:block.sm\:block{display:block}
126      .sm\:inline-block.sm\:inline-block{display:inline-block}
127    }
128    @media(min-width:48rem){
129      .md\:block.md\:block{display:block}
130    }
131    @media(min-width:64rem){
132      .lg\:block.lg\:block{display:block}
133      .lg\:flex.lg\:flex{display:flex}
134      .lg\:grid.lg\:grid{display:grid}
135      .lg\:inline.lg\:inline{display:inline}
136      .lg\:inline-flex.lg\:inline-flex{display:inline-flex}
137      .lg\:table.lg\:table{display:table}
138      .lg\:hidden.lg\:hidden{display:none}
139    }
140    @media(min-width:80rem){
141      .xl\:flex.xl\:flex{display:flex}
142      .xl\:inline.xl\:inline{display:inline}
143      .xl\:hidden.xl\:hidden{display:none}
144    }
145  </style>
146
147
148  <!-- Third-party dns-prefetch targets were removed: many ad/analytics origins return 404 on
149       bare GET requests, which SEO crawlers mis-report as broken external links. Analytics
150       still loads via full script URLs after user interaction (see AnalyticsService). -->
151
152  <link rel="icon" type="image/x-icon" href="favicon.ico">
153  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
154  <link rel="manifest" href="manifest.webmanifest">
155
156  
157  <meta name="google-adsense-account" content="ca-pub-1597934619829746">
158
159  
159<script type="application/ld+json">
160  {
161    "@context": "https://schema.org",
162    "@graph": [
163      {
164        "@type": "WebSite",
165        "@id": "https://mythopia.io/#website",
166        "name": "Mythopia",
167        "url": "https://mythopia.io",
168        "description": "Free African myths & legends — no signup. Ananse, Yoruba Orishas, Zulu warriors, Nigerian & Ghanaian folklore. Read instantly online.",
169        "publisher": {
170          "@id": "https://mythopia.io/#organization"
171        },
172        "potentialAction": {
173          "@type": "SearchAction",
174          "target": {
175            "@type": "EntryPoint",
176            "urlTemplate": "https://mythopia.io/search?searchTerm={search_term_string}"
177          },
178          "query-input": "required name=search_term_string"
179        },
180        "inLanguage": "en"
181      },
182      {
183        "@type": "Organization",
184        "@id": "https://mythopia.io/#organization",
185        "name": "Mythopia",
186        "url": "https://mythopia.io",
187        "description": "Mythopia is a free, curated library of African mythology stories and legends — folktales from Ghana, Nigeria, South Africa, Kenya and many more cultures.",
188        "logo": {
189          "@type": "ImageObject",
190          "url": "https://mythopia.io/assets/mythopia-logo.png",
191          "width": 274,
192          "height": 71,
193          "caption": "Mythopia Logo"
194        },
195        "image": {
196          "@type": "ImageObject",
197          "url": "https://mythopia.io/assets/mythopia-logo.png",
198          "width": 274,
199          "height": 71
200        },
201        "sameAs": [
202          "https://x.com/mythopia_io",
203          "https://www.youtube.com/@mythopia_io",
204          "https://www.facebook.com/profile.php?id=61566367121408",
205          "https://www.instagram.com/mythopia_io/",
206          "https://open.spotify.com/show/1RqXGass4LBVGwFVEZ2UPe",
207          "https://podcasts.apple.com/gh/podcast/mythopia/id1807189451"
208        ],
209        "foundingDate": "2024",
210        "slogan": "Timeless African Tales Passed Down Through Generations",
211        "knowsAbout": [
212          "African Folklore",
213          "African Oral Tradition",
214          "Anansi Spider Stories",
215          "Yoruba Mythology",
216          "Zulu Legends",
217          "West African Folktales",
218          "East African Stories",
219          "African Cultural Heritage"
220        ],
221        "areaServed": "Worldwide",
222        "contactPoint": {
223          "@type": "ContactPoint",
224          "email": "[email protected]",
225          "contactType": "customer service"
226        }
227      }
228    ]
229  }
230  </script>
230
231
232<style>@layer properties{@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))){*,:before,:after{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-space-x-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial;--tw-ease: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-content: ""}}}@layer theme{:root{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white: #fff;--spacing: .25rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--text-7xl: 4.5rem;--text-7xl--line-height: 1;--text-8xl: 6rem;--text-8xl--line-height: 1;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-relaxed: 1.625;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--animate-spin: spin 1s linear infinite;--aspect-video: 16 / 9;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--color-base-100: #f7efdd;--color-base-200: #efe5cd;--color-base-300: #e4d7b7;--color-base-content: #1c1c1c;--color-primary: #cd4f22;--color-primary-content: #fff;--color-secondary: #fdba3c;--color-neutral: #1c1c1c;--color-neutral-content: #f7efdd;--radius-selector: 1rem;--radius-field: .5rem;--radius-box: .75rem;--size-selector: .25rem;--border: 1px;--depth: 1;--noise: 0;--font-display: "Bungee", "Bungee Fallback", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body: "Quicksand", "Quicksand Fallback", "Segoe UI", system-ui, -apple-system, sans-serif;--color-mythic: #cd4f22;--color-mythic-fill: #942f14;--color-sun: #fdba3c;--color-palm: #006b50;--color-ancestral: #1c1c1c;--color-cream: #f7efdd;--color-cream-deep: #efe5cd}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}h1,h2{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}ul{list-style:none}img,svg{vertical-align:middle;display:block}img{max-width:100%;height:auto}button,input{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
232button,input:where([type=button],[type=reset],[type=submit]){appearance:button}:root{color-scheme:light;--app-header-height: 4rem;--space-section-margin: 1.5rem;--space-section-padding: 2rem;--display-tracking: calc(.35px - .02em) ;--tap-target-min: 44px;--page-gutter-x: 1rem;--brand-mythic: #cd4f22;--brand-mythic-fill: #942f14;--brand-mythic-fill-hover: #7a260f;--brand-sun: #fdba3c;--brand-palm: #006b50;--brand-ancestral: #1c1c1c;--brand-cream: #f7efdd;--brand-cream-deep: #efe5cd}@media(min-width:640px){:root{--app-header-height: 4.5rem;--page-gutter-x: 1.25rem}}@media(min-width:1024px){:root{--app-header-height: 5rem;--page-gutter-x: 1.5rem}}html{scroll-padding-top:var(--app-header-height);scrollbar-gutter:stable;background-color:var(--brand-cream)}body{background-color:var(--brand-cream);color:var(--brand-ancestral);font-family:Quicksand,Quicksand Fallback,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}h1,h2,.font-display{letter-spacing:var(--display-tracking);font-family:Bungee,Bungee Fallback,Arial Black,Arial,sans-serif}p,span,a,li,button,input{font-family:var(--font-body)}input:focus-visible{outline:2px solid var(--brand-palm);outline-offset:2px}main:focus,main:focus-visible{outline:none}:root{--fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");scrollbar-color:currentColor #0000}@supports (color: color-mix(in lab,red,red)){:root{scrollbar-color:color-mix(in oklch,currentColor 35%,#0000) #0000}}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}:root{background:var(--page-scroll-bg, var(--root-bg));--page-scroll-bg-on: linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000)) var(--root-bg, #0000)}@supports (color: color-mix(in lab,red,red)){:root{--page-scroll-bg-on: linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000)) color-mix(in srgb, var(--root-bg, #0000), oklch(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%))}}:root{--page-scroll-transition-on: background-color .3s ease-out;transition:var(--page-scroll-transition);scrollbar-gutter:var(--page-scroll-gutter, unset);scrollbar-gutter:if(style(--page-has-scroll: 1): var(--page-scroll-gutter, unset) ; else: unset)}:root{background:var(--page-scroll-bg, var(--root-bg));color:var(--color-base-content)}}@layer components{.app-navbar{min-height:var(--app-header-height);background-color:var(--brand-cream);border-bottom:3px solid var(--brand-ancestral)}.brand-arch-divider{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 28' width='40' height='28'><g fill='none' stroke-width='3'><path d='M3 27 V18 a17 17 0 0 1 34 0 V27' stroke='%23006B50'/><path d='M9 27 V18 a11 11 0 0 1 22 0 V27' stroke='%23FDBA3C'/><path d='M14 27 V18 a6 6 0 0 1 12 0 V27' stroke='%23CD4F22'/></g><circle cx='20' cy='22' r='1.5' fill='%231C1C1C'/></svg>");background-position:center;background-repeat:repeat-x;background-size:40px 28px;height:28px}.brand-section-title{color:var(--brand-palm);border-bottom:3px solid var(--brand-sun);letter-spacing:var(--display-tracking);padding-bottom:.35rem;font-family:Bungee,Bungee Fallback,sans-serif;display:inline-block}.btn-brand{background:var(--brand-mythic-fill);color:#fff;border:2px solid var(--brand-ancestral);box-shadow:4px 4px 0 0 var(--brand-ancestral);letter-spacing:.02em;border-radius:9999px;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-family:Bungee,Bungee Fallback,sans-serif;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn-brand:hover{background:var(--brand-mythic-fill-hover);color:#fff}@media(hover:hover){.btn-brand:hover{box-shadow:6px 6px 0 0 var(--brand-ancestral);transform:translate(-2px,-2px)}}.btn-brand:active{box-shadow:0 0 0 0 var(--brand-ancestral);background:var(--brand-mythic-fill-hover);color:#fff;transform:translate(2px,2px)}.btn-brand--palm{background:var(--brand-palm);color:#fff}.btn-brand--palm:hover{background:#005a44}.btn-brand--ghost{color:var(--brand-ancestral);background:none}.btn-brand--ghost:hover{background:var(--brand-cream-deep)}.btn-brand:focus-visible{outline:3px solid var(--brand-palm);outline-offset:3px}.brand-surface{background:var(--brand-cream);border:2px solid var(--brand-ancestral);border-radius:.75rem}.brand-field{border:2px solid var(--brand-ancestral);color:var(--brand-ancestral);font-family:var(--font-body);background:#fffdf6;border-radius:.5rem;width:100%;padding:.6rem .85rem;transition:border-color .15s,box-shadow .15s}.brand-field:focus,.brand-field:focus-visible{border-color:var(--brand-palm);outline:none;box-shadow:0 0 0 3px #006b5040}.page-surface-cream{background-color:var(--brand-cream);flex-direction:column;min-height:100vh;display:flex}.brand-border-ancestral-2{border:2px solid var(--brand-ancestral)}.brand-framed-modal{border:3px solid var(--brand-ancestral);box-shadow:8px 8px 0 0 var(--brand-mythic)}}@layer utilities{@layer daisyui.l1.l2.l3{.menu{--menu-active-fg: var(--color-neutral-content);--menu-active-bg: var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}.menu :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative}.menu :where(li ul):before{background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";inset-inline-start:0;position:absolute;top:.75rem;bottom:.75rem}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}.menu :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;-webkit-user-select:none;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}.menu :where(li>details>summary){--tw-outline-style: none;outline-style:none}@media(forced-colors:active){.menu :where(li>details>summary){outline-offset:2px;outline:2px solid #0000}}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>details[open]>summary):after,.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{cursor:pointer;background-color:#1c1c1c1a}@supports (color: color-mix(in lab,red,red)){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent)}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{color:var(--color-base-content);--tw-outline-style: none;outline-style:none}@media(forced-colors:active){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{outline-offset:2px;outline:2px solid #0000}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){curs
232or:pointer;background-color:#1c1c1c1a}@supports (color: color-mix(in lab,red,red)){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent)}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){--tw-outline-style: none;outline-style:none}@media(forced-colors:active){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){outline-offset:2px;outline:2px solid #0000}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){box-shadow:inset 0 1px #00000003,inset 0 -1px #ffffff03}.menu :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}.menu :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative}.menu :where(li)>:not(ul,.menu-title,details,.btn):active{--tw-outline-style: none;outline-style:none}@media(forced-colors:active){.menu :where(li)>:not(ul,.menu-title,details,.btn):active{outline-offset:2px;outline:2px solid #0000}}.menu :where(li)>:not(ul,.menu-title,details,.btn):active{color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise)}.dropdown{position-area:var(--anchor-v, bottom) var(--anchor-h, span-right);display:inline-block;position:relative}.dropdown>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style: none;outline-style:none}@media(forced-colors:active){.dropdown>:not(:has(~[class*=dropdown-content])):focus{outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{position:absolute}.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}.dropdown .dropdown-content{z-index:999}@media(prefers-reduced-motion:no-preference){.dropdown .dropdown-content{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{.dropdown .dropdown-content{opacity:0;scale:95%}}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within) .dropdown-content{opacity:1;scale:100%}.dropdown:where([popover]){background:none}.navbar{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}.navbar-end{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}.navbar-start{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}.navbar-center{flex-shrink:0;align-items:center;display:inline-flex}}.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@layer daisyui.l1.l2{.menu-horizontal{flex-direction:row;display:inline-flex}.dropdown-end{--anchor-h: span-left}.dropdown-end :where(.dropdown-content){inset-inline-end:0;translate:0}.menu-sm :where(li:not(.menu-title)>:not(ul,details,.menu-title)),.menu-sm :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.right-0{right:calc(var(--spacing) * 0)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-3{right:calc(var(--spacing) * 3)}.left-0{left:calc(var(--spacing) * 0)}.z-50{z-index:50}.z-\[70\]{z-index:70}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}
232.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-\[274\/71\]{aspect-ratio:274 / 71}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-px{height:1px}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[44px\]{min-height:44px}.min-h-\[70vh\]{min-height:70vh}.min-h-\[calc\(100vh-var\(--app-header-height\)\)\]{min-height:calc(100vh - var(--app-header-height))}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-11{width:calc(var(--spacing) * 11)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-72{width:calc(var(--spacing) * 72)}.w-auto{width:auto}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-none{max-width:none}.max-w-xs{max-width:var(--container-xs)}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-box{border-radius:var(--radius-box)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-ancestral\/20{border-color:#1c1c1c33}@supports (color: color-mix(in lab,red,red)){.border-ancestral\/20{border-color:color-mix(in oklab,var(--color-ancestral) 20%,transparent)}}.border-transparent{border-color:#0000}.\!bg-palm{background-color:var(--color-palm)!important}.bg-ancestral\/15{background-color:#1c1c1c26}@supports (color: color-mix(in lab,red,red)){.bg-ancestral\/15{background-color:color-mix(in oklab,var(--color-ancestral) 15%,transparent)}}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.\!py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-\[var\(--app-header-height\)\]{padding-top:var(--app-header-height)}.\!pr-10{padding-right:calc(var(--spacing) * 10)!important}.pr-12{padding-right:calc(var(--spacing) * 12)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading, var(--text-sm--line-height))!important}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading, var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);
232line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking: var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.\!text-white{color:var(--color-white)!important}.text-ancestral\/70{color:#1c1c1cb3}@supports (color: color-mix(in lab,red,red)){.text-ancestral\/70{color:color-mix(in oklab,var(--color-ancestral) 70%,transparent)}}.text-ancestral\/75{color:#1c1c1cbf}@supports (color: color-mix(in lab,red,red)){.text-ancestral\/75{color:color-mix(in oklab,var(--color-ancestral) 75%,transparent)}}.text-ancestral\/80{color:#1c1c1ccc}@supports (color: color-mix(in lab,red,red)){.text-ancestral\/80{color:color-mix(in oklab,var(--color-ancestral) 80%,transparent)}}.text-ancestral\/85{color:#1c1c1cd9}@supports (color: color-mix(in lab,red,red)){.text-ancestral\/85{color:color-mix(in oklab,var(--color-ancestral) 85%,transparent)}}.text-ancestral\/90{color:#1c1c1ce6}@supports (color: color-mix(in lab,red,red)){.text-ancestral\/90{color:color-mix(in oklab,var(--color-ancestral) 90%,transparent)}}.text-white{color:var(--color-white)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.opacity-70{opacity:.7}.opacity-75{opacity:.75}
232.shadow-2xl{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-2:before{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}@media(hover:hover){.hover\:border-ancestral:hover{border-color:var(--color-ancestral)}.hover\:border-palm:hover{border-color:var(--color-palm)}.hover\:bg-sun:hover{background-color:var(--color-sun)}.hover\:text-ancestral:hover{color:var(--color-ancestral)}.hover\:text-mythic-fill:hover{color:var(--color-mythic-fill)}.hover\:opacity-90:hover{opacity:.9}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.focus\:z-\[9999\]:focus{z-index:9999}.focus\:outline-none:focus{--tw-outline-style: none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
232dow)}.focus-visible\:ring-palm:focus-visible{--tw-ring-color: var(--color-palm)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-cream-deep:focus-visible{--tw-ring-offset-color: var(--color-cream-deep)}.active\:bg-sun:active{background-color:var(--color-sun)}@media(min-width:40rem){.sm\:mx-0{margin-inline:calc(var(--spacing) * 0)}.sm\:inline-block{display:inline-block}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:gap-12{gap:calc(var(--spacing) * 12)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:py-14{padding-block:calc(var(--spacing) * 14)}.sm\:text-left{text-align:left}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}}@media(min-width:48rem){.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:gap-16{gap:calc(var(--spacing) * 16)}.md\:text-left{text-align:left}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}}@media(min-width:64rem){.lg\:inline-flex{display:inline-flex}.lg\:h-12{height:calc(var(--spacing) * 12)}.lg\:gap-20{gap:calc(var(--spacing) * 20)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media(min-width:80rem){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:inline{display:inline}}@media(min-width:96rem){.\32xl\:w-56{width:calc(var(--spacing) * 56)}.\32xl\:px-10{padding-inline:calc(var(--spacing) * 10)}}@media(pointer:coarse){.coarse\:h-11{height:calc(var(--spacing) * 11)}.coarse\:min-h-11{min-height:calc(var(--spacing) * 11)}.coarse\:min-w-11{min-width:calc(var(--spacing) * 11)}}.text-sun{color:var(--brand-sun)}.text-palm{color:var(--brand-palm)}.text-ancestral{color:var(--brand-ancestral)}.bg-palm{background-color:var(--brand-palm)}.bg-cream{background-color:var(--brand-cream)}.bg-cream-deep{background-color:var(--brand-cream-deep)}.border-ancestral{border-color:var(--brand-ancestral)}.touch-target{min-height:var(--tap-target-min);min-width:var(--tap-target-min)}@media(pointer:coarse){.tap-coarse{min-height:var(--tap-target-min);min-width:var(--tap-target-min);justify-content:center;align-items:center;display:inline-flex}}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.btn-brand:hover,.btn-brand:active{transform:none!important}}@keyframes dropdown{0%{opacity:0}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false}@property --tw-rotate-y{syntax: "*"; inherits: false}@property --tw-rotate-z{syntax: "*"; inherits: false}@property --tw-skew-x{syntax: "*"; inherits: false}@property --tw-skew-y{syntax: "*"; inherits: false}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false}@property --tw-font-weight{syntax: "*"; inherits: false}@property --tw-tracking{syntax: "*"; inherits: false}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false}@property --tw-brightness{syntax: "*"; inherits: false}@property --tw-contrast{syntax: "*"; inherits: false}@property --tw-grayscale{syntax: "*"; inherits: false}@property --tw-hue-rotate{syntax: "*"; inherits: false}@property --tw-invert{syntax: "*"; inherits: false}@property --tw-opacity{syntax: "*"; inherits: false}@property --tw-saturate{syntax: "*"; inherits: false}@property --tw-sepia{syntax: "*"; inherits: false}@property --tw-drop-shadow{syntax: "*"; inherits: false}@property --tw-drop-shadow-color{syntax: "*"; inherits: false}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false}@property --tw-duration{syntax: "*"; inherits: false}@property --tw-ease{syntax: "*"; inherits: false}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-content{syntax: "*"; inherits: false; initial-value: "";}
233</style><link rel="stylesheet" href="styles-GU7CBVWM.css" media="print" onload="this.media='all'"><noscript><link rel="preload" as="style" href="styles-GU7CBVWM.css" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="styles-GU7CBVWM.css"></noscript></noscript><style ng-app-id="ng">[_nghost-ng-c2543237016]{display:block}</style><style ng-app-id="ng">.login-dialog[_ngcontent-ng-c2011215150]{border:0;padding:0;background:transparent;max-width:100vw;max-height:100dvh;overflow:visible}.login-dialog[_ngcontent-ng-c2011215150]::backdrop{background:#1c1c1c8c;backdrop-filter:blur(3px)}.login-dialog__panel[_ngcontent-ng-c2011215150]{width:min(32rem,calc(100vw - 2rem));margin:auto;box-shadow:0 24px 60px #1c1c1c47}@media(prefers-reduced-motion:no-preference){.login-dialog[open][_ngcontent-ng-c2011215150]   .login-dialog__panel[_ngcontent-ng-c2011215150]{animation:login-dialog-in .22s cubic-bezier(.16,1,.3,1) both}}@keyframes _ngcontent-ng-c2011215150_login-dialog-in{0%{opacity:0;transform:translateY(.75rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}</style><style ng-app-id="ng">[_nghost-ng-c3477320650]{display:inline-flex;align-items:center}</style><link as="image" href="/assets/mythopia-logo.png" rel="preload" fetchpriority="high" imagesrcset="/assets/mythopia-logo.png?w=274 1x, /assets/mythopia-logo.png?w=548 2x"><meta name="description" content="Your personal collection of bookmarked African folktales and myths."><meta name="robots" content="noindex, follow"><meta name="theme-color" content="#006B50"><meta property="og:title" content="Saved Stories | Mythopia"><meta property="og:description" content="Your personal collection of bookmarked African folktales and myths."><meta property="og:type" content="website"><meta property="og:image" content="https://mythopia.io/assets/mythopia-logo.png"><meta property="og:image:secure_url" content="https://mythopia.io/assets/mythopia-logo.png"><meta property="og:image:type" content="image/png"><meta property="og:image:width" content="274"><meta property="og:image:height" content="71"><meta property="og:image:alt" content="Saved Stories | Mythopia"><meta property="og:url" content="https://mythopia.io/saved"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@mythopia_io"><meta name="twitter:creator" content="@mythopia_io"><meta name="twitter:title" content="Saved Stories | Mythopia"><meta name="twitter:description" content="Your personal collection of bookmarked African folktales and myths."><meta name="twitter:image" content="https://mythopia.io/assets/mythopia-logo.png"><meta name="twitter:image:alt" content="Saved Stories | Mythopia"><meta name="rating" content="General"><meta name="revisit-after" content="7 days"><meta name="format-detection" content="telephone=no"><link rel="canonical" href="https://mythopia.io/saved"><style data-ssr-critical>
234.min-h-screen{min-height:100vh}
234.flex{display:flex}.flex-col{flex-direction:column}
235.bg-base-100{background-color:#ffffff}.container{width:100%;margin-left:auto;margin-right:auto}
236.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}
237.pt-4{padding-top:1rem}.pb-8{padding-bottom:2rem}.hero{display:grid;place-items:center}
238.min-h-\[50vh\]{min-height:50vh}.relative{position:relative}.overflow-hidden{overflow:hidden}
239.absolute{position:absolute}.inset-0{inset:0}.opacity-5{opacity:.05}
240.hero-content{contain:layout;text-align:center;z-index:10;position:relative}
241.text-center{text-align:center}.z-10{z-index:10}.max-w-5xl{max-width:64rem}
242.mb-4{margin-bottom:1rem}.min-h-\[5rem\]{min-height:5rem}
243.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-black{font-weight:900}
244.tracking-tighter{letter-spacing:-.05em}.text-primary{color:#CD4F22}
245.text-secondary{color:#FDBA3C}.inline-block{display:inline-block}
246.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}
247.leading-relaxed{line-height:1.625}.max-w-3xl{max-width:48rem}
248.gap-4{gap:1rem}.justify-center{justify-content:center}.mt-8{margin-top:2rem}
249.items-center{align-items:center}.w-full{width:100%}
250.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;padding:.5rem 1rem;font-weight:600;cursor:pointer}
251.btn-primary{background-color:#CD4F22;color:#fff}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}
252.hidden{display:none}
253.aspect-\[16\/9\]{aspect-ratio:16/9}.rounded-xl{border-radius:.75rem}.max-w-2xl{max-width:42rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-12{padding-top:3rem}
254.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.025em}
255.bg-base-200{background-color:#f5f5f5}.min-h-\[3rem\]{min-height:3rem}.min-h-\[4rem\]{min-height:4rem}
256.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}
257@media(min-width:640px){.sm\:min-h-\[65vh\]{min-height:65vh}.sm\:pt-8{padding-top:2rem}.sm\:pt-16{padding-top:4rem}.sm\:pb-16{padding-bottom:4rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-7xl{font-size:4.5rem;line-height:1}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:mb-16{margin-bottom:4rem}.sm\:min-h-\[12rem\]{min-height:12rem}.sm\:flex-row{flex-direction:row}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}}
258@media(min-width:768px){.md\:text-8xl{font-size:6rem;line-height:1}.md\:block{display:block}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:min-h-\[14rem\]{min-height:14rem}.md\:max-w-2xl{max-width:42rem}.md\:px-8{padding-left:2rem;padding-right:2rem}}
259@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:max-w-3xl{max-width:48rem}}
260@media(min-width:1280px){.xl\:inline{display:inline}.xl\:hidden{display:none}.xl\:w-72{width:18rem}}
261.rounded-2xl{border-radius:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}
262.px-6{padding-left:1.5rem;padding-right:1.5rem}.mb-10{margin-bottom:2.5rem}
263.bg-palm{background-color:#006B50}.text-white{color:#fff}
264.brand-framed-palm-hero{border:3px solid #1C1C1C;box-shadow:8px 8px 0 0 #1C1C1C}
265.text-2xl{font-size:1.5rem;line-height:2rem}.text-sun{color:#FDBA3C}
266.leading-tight{line-height:1.25}.text-cream\/90{color:rgba(247,239,221,.9)}
267@media(min-width:640px){.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}}
268@media(min-width:768px){.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}
269</style>
270<script data-cfasync="false" nonce="edf26e7f-6298-432d-8ed9-13573e02b3e0">try{(function(w,d){!function(kP,kQ,kR,kS){if(kP.zaraz)console.error("zaraz is loaded twice");else{kP[kR]=kP[kR]||{};kP[kR].executed=[];kP.zaraz={deferred:[],listeners:[]};kP.zaraz._v="20";kP.zaraz._n="edf26e7f-6298-432d-8ed9-13573e02b3e0";kP.zaraz.q=[];kP.zaraz._f=function(kT){return async function(){var kU=Array.prototype.slice.call(arguments);kP.zaraz.q.push({m:kT,a:kU})}};for(const kV of["track","set","debug"])kP.zaraz[kV]=kP.zaraz._f(kV);kP.zaraz.init=()=>{var kW=kQ.getElementsByTagName(kS)[0],kX=kQ.createElement(kS),kY=kQ.getElementsByTagName("title")[0];kY&&(kP[kR].t=kQ.getElementsByTagName("title")[0].text);kP[kR].x=Math.random();kP[kR].w=kP.screen.width;kP[kR].h=kP.screen.height;kP[kR].j=kP.innerHeight;kP[kR].e=kP.innerWidth;kP[kR].l=kP.location.href;kP[kR].r=kQ.referrer;kP[kR].k=kP.screen.colorDepth;kP[kR].n=kQ.characterSet;kP[kR].o=(new Date).getTimezoneOffset();if(kP.dataLayer)for(const kZ of Object.entries(Object.entries(dataLayer).reduce((k$,la)=>({...k$[1],...la[1]}),{})))zaraz.set(kZ[0],kZ[1],{scope:"page"});kP[kR].q=[];for(;kP.zaraz.q.length;){const lb=kP.zaraz.q.shift();kP[kR].q.push(lb)}kX.defer=!0;for(const lc of[localStorage,sessionStorage])Object.keys(lc||{}).filter(le=>le.startsWith("_zaraz_")).forEach(ld=>{try{kP[kR]["z_"+ld.slice(7)]=JSON.parse(lc.getItem(ld))}catch{kP[kR]["z_"+ld.slice(7)]=lc.getItem(ld)}});kX.referrerPolicy="origin";kX.src="/cdn-cgi/zaraz/s.js?z="+btoa(encodeURIComponent(JSON.stringify(kP[kR])));kW.parentNode.insertBefore(kX,kW)};["complete","interactive"].includes(kQ.readyState)?zaraz.init():kP.addEventListener("DOMContentLoaded",zaraz.init)}}(w,d,"zarazData","script");window.zaraz._p=async kH=>new Promise(kI=>{if(kH){kH.e&&kH.e.forEach(kJ=>{try{const kK=d.querySelector("script[nonce]"),kL=kK?.nonce||kK?.getAttribute("nonce"),kM=d.createElement("script");kL&&(kM.nonce=kL);kM.innerHTML=kJ;kM.onload=()=>{d.head.removeChild(kM)};d.head.appendChild(kM)}catch(kN){console.error(`Error executing script: ${kJ}\n`,kN)}});Promise.allSettled((kH.f||[]).map(kO=>fetch(kO[0],kO[1])))}kI()});zaraz._p({"e":["(function(w,d){})(window,document)"]});})(window,document)}catch(e){throw fetch("/cdn-cgi/zaraz/t"),e;};</script>
270</head>
271<body><!--nghm-->
271<script type="text/javascript" id="ng-event-dispatch-contract">(()=>{function p(t,n,r,o,e,i,f,m){return{eventType:t,event:n,targetElement:r,eic:o,timeStamp:e,eia:i,eirp:f,eiack:m}}function u(t){let n=[],r=e=>{n.push(e)};return{c:t,q:n,et:[],etc:[],d:r,h:e=>{r(p(e.type,e,e.target,t,Date.now()))}}}function s(t,n,r){for(let o=0;o<n.length;o++){let e=n[o];(r?t.etc:t.et).push(e),t.c.addEventListener(e,t.h,r)}}function c(t,n,r,o,e=window){let i=u(t);e._ejsas||(e._ejsas={}),e._ejsas[n]=i,s(i,r),s(i,o,!0)}window.__jsaction_bootstrap=c;})();
272</script>
272<script>window.__jsaction_bootstrap(document.body,"ng",["click","input","keydown"],["load","error"]);</script>
272
273  <app-root ng-version="21.2.19" ngh="4" ng-server-context="ssr"><a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[9999] btn-brand !text-xs"> Skip to main content
274</a><div class="page-surface-cream"><app-navbar ngh="1"><header class="fixed top-0 left-0 right-0 z-50 w-full app-navbar bg-cream"><nav class="container mx-auto w-full px-4 sm:px-6 lg:px-8 2xl:px-10" aria-label="Main navigation"><div class="navbar min-h-16 w-full px-0 max-w-none"><div class="navbar-start"><a class="flex-shrink-0 flex items-center coarse:min-h-11 focus:outline-none focus-visible:ring-2 focus-visible:ring-palm focus-visible:ring-offset-2 rounded-lg" aria-label="Go to Mythopia homepage" href="/" jsaction="click:;"><img ngsrc="assets/mythopia-logo.png" width="274" height="71" priority class="h-8 sm:h-10 w-auto pointer-events-none aspect-[274/71]" alt="Mythopia — African folklore and storytelling platform" loading="eager" fetchpriority="high" decoding="sync" ng-img="true" src="/assets/mythopia-logo.png" srcset="/assets/mythopia-logo.png?w=274 1x, /assets/mythopia-logo.png?w=548 2x" jsaction="load:;error:;"></a></div><div class="navbar-center hidden xl:flex"><ul class="menu menu-horizontal px-1 gap-2"><li><a routerlinkactive="!bg-palm !text-white" class="font-display text-xs uppercase tracking-wider whitespace-nowrap px-3 py-2 rounded-full border-2 border-transparent hover:border-ancestral hover:bg-sun hover:text-ancestral transition-all" href="/stories" jsaction="click:;"> Explore Stories </a></li><li><a routerlinkactive="!bg-palm !text-white" class="font-display text-xs uppercase tracking-wider whitespace-nowrap px-3 py-2 rounded-full border-2 border-transparent hover:border-ancestral hover:bg-sun hover:text-ancestral transition-all !bg-palm !text-white" href="/saved" jsaction="click:;"> Saved Stories </a></li><li><a routerlinkactive="!bg-palm !text-white" class="font-display text-xs uppercase tracking-wider whitespace-nowrap px-3 py-2 rounded-full border-2 border-transparent hover:border-ancestral hover:bg-sun hover:text-ancestral transition-all" href="/about-us" jsaction="click:;"> About Us </a></li></ul></div><div class="navbar-end gap-3"><div class="hidden xl:flex relative"><input id="desktop-search" type="search" class="brand-field !py-1.5 !px-3 !pr-10 w-44 2xl:w-56 text-sm" value placeholder="Search stories..." aria-label="Search stories" jsaction="input:;"><button type="button" class="absolute right-1.5 top-1/2 -translate-y-1/2 bg-palm text-white rounded-full w-8 h-8 flex items-center justify-center border-2 border-ancestral hover:bg-mythic-aa transition-colors before:absolute before:-inset-2 before:content-['']" aria-label="Search" jsaction="click:;"><app-icon name="search" cssclass="h-3.5 w-3.5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-3.5 w-3.5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-search"/></svg></app-icon></button></div><div class="dropdown dropdown-end hidden sm:inline-block"><button tabindex="0" aria-haspopup="menu" class="h-9 coarse:h-11 px-3 rounded-full flex items-center gap-1.5 bg-cream-deep border-2 border-ancestral hover:bg-sun hover:border-palm transition-all font-display text-xs uppercase tracking-wider text-ancestral cursor-pointer" aria-label="Select language" aria-expanded="false" jsaction="click:;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-3.5 w-3.5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z" clip-rule="evenodd"/></svg><span class="font-bold">EN</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-3 w-3 opacity-70"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><ul tabindex="0" role="menu" class="dropdown-content menu menu-sm z-[70] p-2 shadow-2xl bg-cream rounded-xl w-40 border-2 border-ancestral mt-2"><li role="none"><button type="button" role="menuitemradio" class="flex items-center justify-between font-display text-xs py-2 rounded-lg min-h-[44px] !bg-palm !text-white" aria-checked="true" lang="en" jsaction="click:;"><span>English</span><span class="text-[10px] uppercase font-bold opacity-75">EN</span></button></li><li role="none"><button type="button" role="menuitemradio" class="flex items-center justify-between font-display text-xs py-2 rounded-lg min-h-[44px]" aria-checked="false" lang="fr" jsaction="click:;"><span>Français</span><span class="text-[10px] uppercase font-bold opacity-75">FR</span></button></li><li role="none"><button type="button" role="menuitemradio" class="flex items-center justify-between font-display text-xs py-2 rounded-lg min-h-[44px]" aria-checked="false" lang="es" jsaction="click:;"><span>Español</span><span class="text-[10px] uppercase font-bold opacity-75">ES</span></button></li><li role="none"><button type="button" role="menuitemradio" class="flex items-center justify-between font-display text-xs py-2 rounded-lg min-h-[44px]" aria-checked="false" lang="pt" jsaction="click:;"><span>Português</span><span class="text-[10px] uppercase font-bold opacity-75">PT</span></button></li><!----></ul></div><a class="hidden lg:inline-flex btn-brand btn-brand--palm text-xs whitespace-nowrap shrink-0" aria-label="Share your story" href="/create-story" jsaction="click:;"><span class="hidden xl:inline">Share Your Story</span><span class="xl:hidden">Share</span><app-icon name="pen" cssclass="h-4 w-4" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-4 w-4"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-pen"/></svg></app-icon></a><div class="dropdown dropdown-end xl:hidden"><button tabindex="0" aria-haspopup="true" class="touch-target w-11 h-11 rounded-full flex items-center justify-center bg-cream-deep border-2 border-ancestral hover:bg-sun active:bg-sun transition-colors" aria-label="Open menu" aria-expanded="false" jsaction="click:;"><app-icon name="hamburger" cssclass="h-5 w-5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-5 w-5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-hamburger"/></svg></app-icon></button><ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[70] p-3 shadow-2xl bg-cream rounded-box w-72 border-2 border-ancestral"><li class="mb-3"><div class="form-control w-full relative"><input type="search" class="brand-field !py-1.5 !px-3 !pr-10 w-full text-sm" value placeholder="Search stories..." aria-label="Search stories" jsaction="input:;keydown:;click:;"><button type="button" class="absolute right-1.5 top-1/2 -translate-y-1/2 bg-palm text-white rounded-full w-8 h-8 flex items-center justify-center border-2 border-ancestral before:absolute before:-inset-2 before:content-['']" aria-label="Search" jsaction="click:;"><app-icon name="search" cssclass="h-3 w-3" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-3 w-3"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-search"/></svg></app-icon></button></div></li><li class="mb-2"><div class="flex flex-col gap-1.5 p-1 bg-cream-deep rounded-lg border border-ancestral/20"><span id="mobile-language-label" class="text-[11px] font-display text-ancestral/
27470 uppercase tracking-wider font-semibold">Language</span><div role="group" aria-labelledby="mobile-language-label" class="grid grid-cols-4 gap-1 w-full"><button type="button" class="min-h-[44px] flex items-center justify-center px-1.5 text-center rounded text-xs font-display font-bold border border-ancestral/20 bg-cream hover:bg-sun transition-colors text-ancestral !bg-palm !text-white" aria-pressed="true" lang="en" jsaction="click:;"> EN </button><button type="button" class="min-h-[44px] flex items-center justify-center px-1.5 text-center rounded text-xs font-display font-bold border border-ancestral/20 bg-cream hover:bg-sun transition-colors text-ancestral" aria-pressed="false" lang="fr" jsaction="click:;"> FR </button><button type="button" class="min-h-[44px] flex items-center justify-center px-1.5 text-center rounded text-xs font-display font-bold border border-ancestral/20 bg-cream hover:bg-sun transition-colors text-ancestral" aria-pressed="false" lang="es" jsaction="click:;"> ES </button><button type="button" class="min-h-[44px] flex items-center justify-center px-1.5 text-center rounded text-xs font-display font-bold border border-ancestral/20 bg-cream hover:bg-sun transition-colors text-ancestral" aria-pressed="false" lang="pt" jsaction="click:;"> PT </button><!----></div></div></li><li role="separator"><hr class="my-2 border-0 h-px bg-ancestral/15"></li><li><a routerlinkactive="!bg-palm !text-white" class="gap-3 py-3 font-display text-xs uppercase tracking-wide rounded-md hover:bg-sun" href="/stories" jsaction="click:;"><app-icon name="compass" cssclass="h-5 w-5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-5 w-5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-compass"/></svg></app-icon><span class="text-base">Explore Stories</span></a></li><li><a routerlinkactive="!bg-palm !text-white" class="gap-3 py-3 font-display text-xs uppercase tracking-wide rounded-md hover:bg-sun !bg-palm !text-white" href="/saved" jsaction="click:;"><app-icon name="book" cssclass="h-5 w-5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-5 w-5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-book"/></svg></app-icon><span class="text-base">Saved Stories</span></a></li><li><a routerlinkactive="!bg-palm !text-white" class="gap-3 py-3 font-display text-xs uppercase tracking-wide rounded-md hover:bg-sun" href="/about-us" jsaction="click:;"><app-icon name="info-circle" cssclass="h-5 w-5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-5 w-5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-info-circle"/></svg></app-icon><span class="text-base">About Us</span></a></li><li role="separator"><hr class="my-2 border-0 h-px bg-ancestral/15"></li><li><a class="btn-brand btn-brand--palm w-full justify-center text-sm" href="/create-story" jsaction="click:;"><app-icon name="pen" cssclass="h-5 w-5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-5 w-5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-pen"/></svg></app-icon><span>Share Your Story</span></a></li></ul></div></div></div></nav></header></app-navbar><main id="main-content" tabindex="-1" class="flex-grow pt-[var(--app-header-height)] min-h-[calc(100vh-var(--app-header-height))]"><router-outlet></router-outlet><app-saved-stories ngh="2"><div class="container mx-auto px-4 py-10 sm:py-14 min-h-[70vh]"><div class="max-w-4xl mx-auto text-center mb-10"><h1 class="font-display text-3xl md:text-5xl text-palm mb-4">Saved stories</h1><p class="text-lg text-ancestral/85"> Your personal collection of bookmarked African folktales, myths, and legends. </p></div><!----><!----><div class="text-center py-16 brand-surface bg-cream-deep px-6 space-y-5 max-w-3xl mx-auto rounded-xl"><h2 class="text-2xl font-display text-palm">Your reading list is empty</h2><p class="text-base text-ancestral/80"> You haven't saved any stories yet. As you browse, tap the bookmark icon on any story to keep it here for later. </p><div class="flex justify-center pt-4"><a class="btn-brand" href="/stories" jsaction="click:;">Browse stories</a></div></div><!----></div></app-saved-stories><!----></main><app-footer _nghost-ng-c2543237016 ngh="3"><div _ngcontent-ng-c2543237016 aria-hidden="true" class="brand-arch-divider w-full"></div><footer _ngcontent-ng-c2543237016 role="contentinfo" class="bg-cream-deep border-t-2 border-ancestral text-ancestral" aria-label="Site links and story discovery"><div _ngcontent-ng-c2543237016 class="container mx-auto px-4 sm:px-6 lg:px-8 2xl:px-10 py-10 sm:py-12 flex flex-col gap-10"><div _ngcontent-ng-c2543237016 class="w-full flex flex-col sm:flex-row items-start justify-center gap-10 sm:gap-12 md:gap-16 lg:gap-20 overflow-hidden"><nav _ngcontent-ng-c2543237016 class="flex flex-col items-center sm:items-start max-w-xs w-full" aria-label="Popular Folklore"><h2 _ngcontent-ng-c2543237016 class="brand-section-title text-base sm:text-lg mb-4 mx-auto 
274sm:mx-0 text-center sm:text-left"> Popular Folklore </h2><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/1/ananse" jsaction="click:;"> Ananse </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/3/ghanaian-tales" jsaction="click:;"> Ghanaian Tales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/4/african-tales" jsaction="click:;"> African Tales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/5/nigerian-folktale" jsaction="click:;"> Nigerian Folktale </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/52/african-stories" jsaction="click:;"> African Stories </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/102/folklore" jsaction="click:;"> Folklore </a><!----><!----><!----></nav><nav _ngcontent-ng-c2543237016 class="flex flex-col items-center sm:items-start max-w-xs w-full" aria-label="African Folktales"><h2 _ngcontent-ng-c2543237016 class="brand-section-title text-base sm:text-lg mb-4 mx-auto sm:mx-0 text-center sm:text-left"> African Folktales </h2><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/103/folktales" jsaction="click:;"> Folktales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/202/sudan-tales" jsaction="click:;"> Sudanese Tales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/203/yoruba-tales" jsaction="click:;"> Yoruba Tales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/302/toli" jsaction="click:;"> Toli </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/352/south-african-folktales" jsaction="click:;"> South African Folktales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/402/fang-tales" jsaction="click:;"> Fang Tales </a><!----><!----><!----></nav><nav _ngcontent-ng-c2543237016 class="flex flex-col items-center sm:items-start max-w-xs w-full" aria-label="Traditional Stories"><h2 _ngcontent-ng-c2543237016 class="brand-section-title text-base sm:text-lg mb-4 mx-auto sm:mx-0 text-center sm:text-left"> Traditional Stories </h2><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/403/gabon-folklore" jsaction="click:;"> Gabonese Folklore </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/404/tanzanian-folktales" jsaction="click:;"> Tanzanian Folktales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/452/ghanaian-stories" jsaction="click:;">
274 Ghanaian Stories </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/502/tortoise-tales" jsaction="click:;"> Tortoise Tales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/503/ewe-tales" jsaction="click:;"> Ewe Tales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/552/akan-tales" jsaction="click:;"> Akan Tales </a><!----><!----><!----></nav><nav _ngcontent-ng-c2543237016 class="flex flex-col items-center sm:items-start max-w-xs w-full" aria-label="Cultural Heritage"><h2 _ngcontent-ng-c2543237016 class="brand-section-title text-base sm:text-lg mb-4 mx-auto sm:mx-0 text-center sm:text-left"> Cultural Heritage </h2><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/553/congolese-folktales" jsaction="click:;"> Congolese Folktales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/2/zulu-tales" jsaction="click:;"> Zulu Tales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/554/hausa-tales" jsaction="click:;"> Hausa Tales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/152/fulani-folklore" jsaction="click:;"> Fulani Folklore </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/602/fairy-tales" jsaction="click:;"> Fairy Tales </a><!----><!----><a _ngcontent-ng-c2543237016 class="py-2 px-1 min-h-[44px] coarse:min-w-11 text-center sm:text-left flex items-center text-ancestral/85 hover:text-mythic-fill transition-colors font-medium" href="/tagged/252/igbo-tales" jsaction="click:;"> Egbo Tales </a><!----><!----><!----></nav></div><div _ngcontent-ng-c2543237016 class="border-t-2 border-dashed border-ancestral pt-8"><div _ngcontent-ng-c2543237016 class="flex flex-col md:flex-row items-center justify-between gap-6 w-full"><aside _ngcontent-ng-c2543237016 itemscope itemtype="https://schema.org/Organization" class="flex flex-col items-center md:items-start gap-2 text-center md:text-left"><a _ngcontent-ng-c2543237016 itemprop="url" class="inline-flex items-center gap-2 normal-case min-h-[44px] hover:opacity-90 transition-opacity focus:outline-none focus-visible:ring-2 focus-visible:ring-palm focus-visible:ring-offset-2 focus-visible:ring-offset-cream-deep rounded-lg" aria-label="Go to Mythopia homepage" href="/" jsaction="click:;"><img _ngcontent-ng-c2543237016 ngsrc="assets/mythopia-logo.png" width="274" height="71" loading="lazy" decoding="async" fetchpriority="auto" class="h-8 sm:h-10 lg:h-12 w-auto aspect-[274/71]" alt="Mythopia" ng-img="true" src="/assets/mythopia-logo.png" srcset="/assets/mythopia-logo.png?w=274 1x, /assets/mythopia-logo.png?w=548 2x"></a><span _ngcontent-ng-c2543237016 itemprop="description" class="text-sm font-semibold text-palm">Timeless African Tales Passed Down Through Generations</span></aside><nav _ngcontent-ng-c2543237016 class="flex flex-wrap justify-center gap-2" aria-label="Mythopia on social media"><a _ngcontent-ng-c2543237016 itemprop="sameAs" target="_blank" class="w-11 h-11 flex items-center justify-center rounded-full border-2 border-ancestral bg-cream text-palm hover:bg-sun hover:text-ancestral transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-palm" href="https://x.com/mythopia_io" aria-label="Follow Mythopia on X (Twitter)" rel="noopener noreferrer"><app-icon _ngcontent-ng-c2543237016 cssclass="h-5 w-5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-5 w-5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-x-social"/></svg></app-icon></a><a _ngcontent-ng-c2543237016 itemprop="sameAs" target="_blank" class="w-11 h-11 flex items-center justify-center rounded-full border-2 border-ancestral bg-cream text-palm hover:bg-sun hover:text-ancestral transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-palm" href="https://www.youtube.com/@mythopia_io" aria-label="Subscribe to Mythopia on YouTube" rel="noopener noreferrer"><app-icon _ngcontent-ng-c2543237016 cssclass="h-5 w-5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-5 w-5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-youtube"/></svg></app-icon></a><a _ngcontent-ng-c2543237016 itemprop="sameAs" target="_blank" class="w-11 h-11 flex items-center justify-center rounded-full border-2 border-ancestral bg-cream text-palm hover:bg-sun hover:text-ancestral transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-palm" href="https://www.facebook.com/profile.php?id=61566367121408" aria-label="Follow Mythopia on Facebook" rel="noopener noreferrer"><app-icon _ngcontent-ng-c2543237016 cssclass="h-5 w-5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-5 w-5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-facebook"/></svg></app-icon></a><a _ngcontent-ng-c2543237016 itemprop="sameAs" target="_blank" class="w-11 h-11 flex items-center justify-center rounded-full border-2 border-ancestral bg-cream text-palm hover:bg-sun hover:text-ancestral transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-palm" href="https://www.instagram.com/mythopia_io/" aria-label="Follow Mythopia on Instagram" rel="noopener noreferrer"><app-icon _ngcontent-ng-c2543237016 cssclass="h-5 w-5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-5 w-5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-instagram"/></svg></app-icon></a><a _ngcontent-ng-c2543237016 itemprop="sameAs" target="_blank" class="w-11 h-11 flex items-center justify-center rounded-full border-2 border-ancestral bg-cream text-palm hover:bg-sun hover:text-ancestral transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-palm" href="https://open.spotify.com/show/1RqXGass4LBVGwFVEZ2UPe" aria-label="Listen to the Mythopia podcast on Spotify" rel="noopener noreferrer"><app-icon _ngcontent-ng-c2543237016 cssclass="h-5 w-5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-5 w-5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-spotify"/></svg></app-icon></a><a _ngcontent-ng-c2543237016 itemprop="sameAs" target="_blank" class="w-11 h-11 flex items-center justify-center rounded-full border-2 border-ancestral bg-cream text-palm hover:bg-sun hover:text-ancestral transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-palm" href="https://podcasts.apple.com/gh/podcast/mythopia/id1807189451" aria-label="Listen to the Mythopia podcast on Apple Podcasts" rel="noopener noreferrer"><app-icon _ngcontent-ng-c2543237016 cssclass="h-5 w-5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-5 w-5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-apple"/></svg></app-icon></a><a _ngcontent-ng-c2543237016 itemprop="sameAs" target="_blank" class="w-11 h-11 flex items-center justify-center rounded-full border-2 border-ancestral bg-cream text-palm hover:bg-sun hover:text-ancestral transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-palm" href="https://music.amazon.co.uk/podcasts/62c94a09-f508-4a6d-9401-edf128c54174/mythopia" aria-label="Listen to the Mythopia podcast on Amazon Music" rel="noopener noreferrer"><app-icon _ngcontent-ng-c2543237016 cssclass="h-5 w-5" _nghost-ng-c3477320650 ngh="0"><svg _ngcontent-ng-c3477320650="" fill="none" stroke="currentColor" aria-hidden="true" class="h-5 w-5"><use _ngcontent-ng-c3477320650="" href="/assets/icons.svg#icon-amazon"/></svg></app-icon></a><!----></nav></div></div><div _ngcontent-ng-c2543237016 class="flex flex-col sm:flex-row items-center justify-between gap-3 w-full pt-4 border-t border-ancestral/20 text-sm text-ancestral/
27475"><p _ngcontent-ng-c2543237016 class="m-0">© 2026 Mythopia. All rights reserved.</p><nav _ngcontent-ng-c2543237016 class="flex flex-wrap justify-center gap-x-4 gap-y-1" aria-label="Legal"><a _ngcontent-ng-c2543237016 class="tap-coarse px-1 hover:text-mythic-fill transition-colors font-medium" href="/about-us" jsaction="click:;">About Us</a><a _ngcontent-ng-c2543237016 fragment="contact" class="tap-coarse px-1 hover:text-mythic-fill transition-colors font-medium" href="/about-us#contact" jsaction="click:;">Contact</a><a _ngcontent-ng-c2543237016 class="tap-coarse px-1 hover:text-mythic-fill transition-colors font-medium" href="/privacy-policy" jsaction="click:;">Privacy Policy</a><a _ngcontent-ng-c2543237016 class="tap-coarse px-1 hover:text-mythic-fill transition-colors font-medium" href="/terms-of-use" jsaction="click:;">Terms of Use</a></nav></div></div></footer></app-footer></div><app-login-modal _nghost-ng-c2011215150 ngh="0"><dialog _ngcontent-ng-c2011215150 class="login-dialog" aria-labelledby="login-modal-title-18427" aria-describedby="login-modal-body-18427" jsaction="click:;"><div _ngcontent-ng-c2011215150 class="login-dialog__panel bg-cream rounded-2xl overflow-hidden brand-framed-modal"><div _ngcontent-ng-c2011215150 class="bg-palm text-white p-5 relative"><h2 _ngcontent-ng-c2011215150 class="font-display text-lg sm:text-xl text-sun pr-12" id="login-modal-title-18427"> Sign in to continue </h2><button _ngcontent-ng-c2011215150 type="button" class="absolute right-3 top-3 rounded-full bg-cream text-ancestral flex items-center justify-center hover:bg-sun transition-colors touch-target brand-border-ancestral-2" aria-label="Close" jsaction="click:;"><svg _ngcontent-ng-c2011215150="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-4 w-4"><path _ngcontent-ng-c2011215150="" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button></div><div _ngcontent-ng-c2011215150 class="p-6 text-ancestral"><p _ngcontent-ng-c2011215150 class="text-base text-center mb-6 text-ancestral/90" id="login-modal-body-18427"> You need an account to do that. Signing in takes a moment and keeps your likes and saved stories together. </p><div _ngcontent-ng-c2011215150 class="flex flex-col gap-3"><button _ngcontent-ng-c2011215150 type="button" class="btn-brand w-full justify-center" jsaction="click:;"> Sign in </button><button _ngcontent-ng-c2011215150 type="button" class="btn-brand btn-brand--ghost w-full justify-center !text-sm" jsaction="click:;"> Not now </button></div></div></div></dialog></app-login-modal></app-root>
275
276  <noscript>
277    <p>Mythopia - African folktales, myths and legends. <a href="/stories">Browse stories</a> | <a href="/about-us">About us</a></p>
278  </noscript>
279<link rel="modulepreload" href="chunk-G3O222EG.js"><link rel="modulepreload" href="chunk-QQ7UA7ME.js"><link rel="modulepreload" href="chunk-WUIGF3SU.js"><link rel="modulepreload" href="chunk-CFHDNDXL.js"><link rel="modulepreload" href="chunk-ETZCSURM.js"><link rel="modulepreload" href="chunk-DHYAPUCO.js"><link rel="modulepreload" href="chunk-SQ2DSPWW.js"><link rel="modulepreload" href="chunk-C55ULECF.js"><link rel="modulepreload" href="chunk-7CGTOI24.js">
279<script src="main-PW4HHTVA.js" type="module"></script>
279
280
281<script id="ng-state" type="application/json">{"footer-tags":[{"id":1,"name":"Ananse"},{"id":3,"name":"Ghanaian Tales"},{"id":4,"name":"African Tales"},{"id":5,"name":"Nigerian Folktale"},{"id":52,"name":"African Stories"},{"id":102,"name":"folklore"},{"id":103,"name":"folktales"},{"id":202,"name":"sudan tales"},{"id":203,"name":"yuroba tales"},{"id":302,"name":"Toli"},{"id":352,"name":"South African folktales"},{"id":402,"name":"fang tales"},{"id":403,"name":"gabon folklore"},{"id":404,"name":"Tanzanian folktales"},{"id":405,"name":"Anansi tales"},{"id":452,"name":"Ghanaian Stories"},{"id":502,"name":"tortoise tales"},{"id":503,"name":"Ewe Tales"},{"id":552,"name":"akan tales"},{"id":553,"name":"Congolese folktales"},{"id":2,"name":"Zulu Tales"},{"id":554,"name":"Hausa Tales"},{"id":152,"name":"Fulani Folklore"},{"id":602,"name":"fairy tales"},{"id":252,"name":"Egbo Tales"},{"id":652,"name":"myths"},{"id":653,"name":"Ngano"},{"id":654,"name":"Kenyan Folktales"},{"id":702,"name":"Zambian folklore"},{"id":752,"name":"Aghem Folk Tales"}],"__nghData__":[{},{"t":{"43":"t0","74":"t1"},"c":{"43":[{"i":"t0","r":1,"x":4}],"74":[{"i":"t1","r":1,"x":4}]}},{"t":{"8":"t106","9":"t107","10":"t108"},"c":{"8":[],"9":[],"10":[{"i":"t108","r":1}]}},{"t":{"11":"t10","18":"t13","25":"t16","32":"t19","46":"t22"},"c":{"11":[{"i":"t10","r":3,"t":{"0":"t11","1":"t12"},"c":{"0":[{"i":"t11","r":1}],"1":[]},"x":6}],"18":[{"i":"t13","r":3,"t":{"0":"t14","1":"t15"},"c":{"0":[{"i":"t14","r":1}],"1":[]},"x":6}],"25":[{"i":"t16","r":3,"t":{"0":"t17","1":"t18"},"c":{"0":[{"i":"t17","r":1}],"1":[]},"x":6}],"32":[{"i":"t19","r":3,"t":{"0":"t20","1":"t21"},"c":{"0":[{"i":"t20","r":1}],"1":[]},"x":6}],"46":[{"i":"t22","r":1,"x":7}]}},{"c":{"6":[{"i":"c1288893378","r":1}]}}]}</script>
281<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"4a4e3135b4e245ada22b0a3edef62704","r":1,"spa":2}' crossorigin="anonymous"></script>
281
282</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.