:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes fall{0%{opacity:1;top:-20px}to{opacity:0;top:110vh;transform:rotate(540deg)translate(30px)}}@keyframes shine{0%{background-position:0%}to{background-position:200%}}@keyframes slide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}*{box-sizing:border-box}button{outline:none;font-family:Georgia,serif}.card:hover{transform:translateY(-7px)rotate(1.5deg)!important;box-shadow:0 20px 48px #00000026!important}.reader-header{container:reader-header/inline-size}.reader-stories-button{cursor:pointer;white-space:nowrap;border-radius:40px;flex:none;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:32px;padding:5px 12px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.stories-icon{font-size:14px;line-height:1;display:inline-block}.reader-title{overflow:hidden;flex:1 1 0!important}@container reader-header (width<=340px){.reader-stories-button{gap:0;width:36px;padding-inline:0}.reader-stories-button>span:first-child,.reader-stories-label{display:none}}.reader-content{--story-column-gap:12px;--story-reader-bars-h:112px;--reader-content-padding-y:24px;--story-usable-h:calc(100dvh - var(--story-reader-bars-h) - var(--reader-content-padding-y));--story-full-height-image-w:calc(98.9258dvh - 134.539px);--lesson-reader-bars-h:54px;--lesson-actions-h:52px;--lesson-usable-h:calc(100dvh - var(--lesson-reader-bars-h) - var(--reader-content-padding-y));--lesson-full-height-image-w:calc(98.9258dvh - 77.1621px)}.story-page .story-image-panel,.lesson-page .story-image-panel{flex:1 1 0!important;min-height:0!important;max-height:100%!important}.story-page .story-image-panel img,.lesson-page .story-image-panel img{object-fit:contain!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important}.story-page .story-copy,.lesson-page .story-copy,.lesson-page .lesson-actions{flex:none!important}@media (height<=795.447px) and (width>=calc(197.852dvh - 585.805px)),(height>=795.447px) and (width>=988px){.story-page{justify-content:center!important;align-items:center!important;gap:var(--story-column-gap)!important;flex-direction:row!important;width:100%!important;max-width:min(100%,1120px)!important;height:100%!important;min-height:0!important;display:flex!important}.story-page .story-image-panel,.story-page .story-copy{flex:1 1 0!important;min-width:0!important;max-width:none!important}.story-page .story-image-panel{max-height:var(--story-usable-h)!important;margin:0!important}.story-page .story-image-panel img{width:auto!important;max-width:100%!important;height:auto!important;max-height:var(--story-usable-h)!important;object-fit:contain!important}.story-page .story-copy{max-height:var(--story-usable-h)!important;align-self:center!important;padding:clamp(14px,2vw,22px)!important;overflow:auto!important}.story-page .story-copy p{font-size:clamp(14px,1.9vw,20px)!important;line-height:1.55!important}}@media (height<=322px) and (width>=calc(197.852dvh - 585.805px)){.story-page .story-image-panel{flex:0 0 var(--story-full-height-image-w)!important;width:var(--story-full-height-image-w)!important;max-width:var(--story-full-height-image-w)!important}.story-page .story-copy{flex:1 1 0!important;width:auto!important;max-width:none!important}}@media (height<=807.147px) and (width>=calc(197.852dvh - 608.953px)),(height>=807.147px) and (width>=988px){.lesson-page{place-content:center!important;align-items:center!important;gap:var(--story-column-gap)!important;grid-template-rows:auto auto!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;max-width:min(100%,1120px)!important;height:100%!important;min-height:0!important;display:grid!important}.lesson-page .story-image-panel{max-height:var(--lesson-usable-h)!important;grid-area:1/1/3!important;margin:0!important}.lesson-page .story-image-panel img{width:auto!important;max-width:100%!important;height:auto!important;max-height:var(--lesson-usable-h)!important;object-fit:contain!important}.lesson-page .story-copy{max-height:calc(var(--lesson-usable-h) - var(--lesson-actions-h))!important;grid-area:1/2!important;align-self:end!important;padding:clamp(14px,2vw,22px)!important;overflow:auto!important}.lesson-page .story-copy p{font-size:clamp(14px,1.9vw,20px)!important;line-height:1.55!important}.lesson-page .lesson-actions{grid-area:2/2!important;place-self:start center!important;margin:0!important}}@media (height<=264px) and (width>=calc(197.852dvh - 608.953px)){.lesson-page{grid-template-columns:var(--lesson-full-height-image-w) minmax(0, 1fr)!important}.lesson-page .story-image-panel{width:var(--lesson-full-height-image-w)!important;max-width:var(--lesson-full-height-image-w)!important}}