:root{color-scheme:light;--ink:#111515;--paper:#f3f0e8;font-family:'Space Grotesk',Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,a,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:5px}button:disabled{opacity:.35;cursor:default}button svg{width:22px;height:22px;display:block}button[hidden]{display:none}a{color:inherit}.story{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;color:var(--ink);background:var(--paper);touch-action:pan-y}#poster{position:absolute;inset:0;width:100%;height:100%;display:block}.story-chrome{position:relative;z-index:1;height:100%;pointer-events:none;padding:calc(20px + env(safe-area-inset-top)) clamp(22px,4.5vw,70px) calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.story-chrome button,.story-chrome a{pointer-events:auto}header{display:flex;align-items:center;gap:17px}.brand{font-size:35px;font-weight:700;letter-spacing:-3px;text-decoration:none;line-height:1}.edition{font-size:10px;font-weight:600;letter-spacing:1.3px;line-height:1.5;display:flex;flex-direction:column}.icon-button{width:44px;height:44px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;background:transparent;color:inherit}.menu-button{margin-left:auto}.progress{display:flex;gap:4px;margin-top:19px}.progress span{height:2px;flex:1;background:currentColor;opacity:.22}.progress .passed{opacity:.6}.progress .current{opacity:1}.chapter-label{display:flex;gap:16px;margin-top:15px;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:1px}footer{margin-top:auto}.footer-top{display:flex;align-items:flex-end;gap:24px;justify-content:space-between;padding-bottom:22px}.footer-top p{margin:0;font-size:clamp(12px,1.1vw,16px);font-weight:600;line-height:1.35;max-width:340px;white-space:pre-line}.advance{flex-shrink:0;width:55px;height:55px;display:grid;place-items:center;background:var(--ink);color:var(--paper);border:1px solid currentColor;border-radius:50%}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid currentColor;padding-top:8px}.demo-label{font-size:9px;letter-spacing:.7px;line-height:1.5;max-width:220px}.footer-actions{display:flex;gap:18px}.text-button{background:transparent;color:inherit;border:0;padding:9px 0;min-height:42px;font-size:11px;font-weight:600;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:0;padding:26px;background:#f3f0e8;color:#111515;max-width:760px;width:calc(100% - 32px);max-height:calc(100svh - 32px);overflow:auto}dialog::backdrop{background:#081018b8;backdrop-filter:blur(12px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-heading h2{font:800 clamp(32px,5vw,52px)/.95 'Barlow Condensed',Impact,sans-serif;margin:8px 0 0;letter-spacing:-1px}.eyebrow{font-size:10px;letter-spacing:1px;margin:0;font-weight:600}.close-button{border:1px solid #111515;background:transparent;border-radius:50%;font-size:26px;width:44px;height:44px;flex-shrink:0}.chapter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.chapter-tile{border:0;text-align:left;padding:0;background:none;color:inherit}.chapter-tile img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.chapter-tile span{display:block;font-size:11px;font-weight:500;margin-top:8px}.chapter-tile[aria-current=true] img{outline:3px solid #111515;outline-offset:3px}.dialog-note{font-size:11px;line-height:1.5;margin:24px 0 0;max-width:450px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100% - 40px);background:#111515;color:#fff;padding:14px 20px;font-size:12px;opacity:0;pointer-events:none;z-index:8}.toast.show{opacity:1}#share-dialog{max-width:400px}#share-preview{display:block;width:auto;max-width:100%;height:min(50svh,460px);object-fit:contain;margin:auto}.share-note{text-align:center;font-size:11px}.primary-button,.secondary-button{border:0;padding:16px;width:100%;font-size:12px;font-weight:600;background:#111515;color:#f3f0e8}.secondary-button{background:transparent;color:#111515;border:1px solid #111515;margin-top:8px}#share-error{font-size:12px}.noscript{position:fixed;inset:20px;background:#fff;padding:30px;z-index:10}.story.transitioning .chapter-label,.story.transitioning .footer-top p{opacity:0;transform:translateY(8px)}.chapter-label,.footer-top p{transition:opacity .25s,transform .25s}
footer{color:var(--ink)}.advance{background:var(--ink);color:var(--paper);transition:transform .25s cubic-bezier(.2,.7,.2,1)}.advance:hover{transform:translateX(3px)}.advance:active{transform:scale(.94)}.icon-button,.chapter-tile img{transition:transform .25s cubic-bezier(.2,.7,.2,1)}.icon-button:hover{transform:rotate(8deg)}.chapter-tile:hover img{transform:translateY(-3px)}
@media(min-width:800px){.story-chrome{padding-top:30px;padding-bottom:20px}.progress{max-width:540px}.chapter-label{margin-top:20px}.footer-top{padding-bottom:25px}.advance{width:64px;height:64px}.footer-top p{max-width:390px}.footer-bottom{padding-top:7px}.demo-label{font-size:10px}.footer-actions{gap:26px}.text-button{font-size:12px}.edition{font-size:11px}.brand{font-size:42px}}
@media(max-width:480px){.footer-actions{gap:13px}.demo-label{max-width:115px;font-size:8px}.footer-top{padding-bottom:16px}.chapter-grid{grid-template-columns:repeat(2,1fr)}.story-chrome{padding-left:22px;padding-right:22px}.footer-top p{max-width:245px}.brand{font-size:32px}.chapter-label{font-size:9px}dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.library-controls{display:flex;gap:8px;flex-wrap:wrap}.library-controls select,.library-controls input{font:inherit;font-size:12px;border:1px solid #111515;background:transparent;padding:12px;min-width:0;flex:1}.library-controls [hidden]{display:none}.chapter-grid{margin-top:18px;grid-template-columns:repeat(3,1fr);gap:18px}.chapter-tile small{display:block;font-size:9px;line-height:1.4;margin-top:4px;opacity:.65;text-transform:uppercase}.chapter-tile img{background:#e0ded6}.chapter-tile span{line-height:1.3}#more-stories{margin-top:22px}@media(max-width:480px){.chapter-grid{grid-template-columns:repeat(2,1fr)}.library-controls input{flex-basis:100%}}
#share-dialog{max-width:850px;padding:28px}.share-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.share-preview-panel{min-width:0}.share-preview-frame{position:relative;display:grid;place-items:center;min-height:180px;background:#e6e3db;padding:18px;overflow:hidden}.share-rendering{display:none;position:absolute;font-size:11px}.share-preview-frame[aria-busy=true] .share-rendering{display:block}#share-preview{width:100%;height:auto;max-height:490px;aspect-ratio:9/16;object-fit:contain;filter:drop-shadow(0 5px 10px #1015191a)}#share-preview:not([src]){visibility:hidden}.share-note{font-size:10px;line-height:1.5;margin:12px 0 0}.share-settings{display:flex;flex-direction:column;gap:26px;min-width:0}.share-choice{border:0;padding:0;margin:0;min-width:0}.share-choice legend{padding:0;font-size:10px;font-weight:700;letter-spacing:1px}.share-hint{margin:8px 0 13px;font-size:11px;color:#535752}.share-cards{display:flex;gap:10px;overflow-x:auto;padding:4px 4px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#101519 #dedbd3}.share-card-option{flex:0 0 91px;scroll-snap-align:start;align-self:flex-start;background:transparent;border:0;padding:0;color:inherit;text-align:left}.share-card-option img{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#dedbd3;object-fit:cover}.share-card-option span{display:block;font-size:10px;line-height:1.25;margin-top:8px;font-weight:600}.share-card-option small{display:block;font-size:9px;margin-top:4px;color:#535752}.share-card-option[aria-pressed=true] img{outline:2px solid #101519;outline-offset:2px}.share-colors{display:flex;gap:8px;justify-content:space-between;margin-top:14px}.share-color-option{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;padding:4px 2px;background:transparent;color:inherit;font-size:10px;min-width:44px;min-height:62px}.share-swatch{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #10151926}.share-color-option[data-colorway=original] .share-swatch{background:conic-gradient(#1743ed 0 25%,#ff7038 25% 50%,#8de4c4 50% 75%,#f3f0e8 75%)}.share-color-option[aria-pressed=true] .share-swatch{outline:2px solid #101519;outline-offset:4px}.share-save{margin-top:auto}#share-selection{font-size:11px;font-weight:600;margin:0 0 12px}#share-error:empty{display:none}#share-error{line-height:1.5;margin:10px 0 0}
@media(max-width:620px){#share-dialog{padding:20px}.share-layout{grid-template-columns:1fr;gap:20px}#share-dialog .dialog-heading{margin-bottom:18px}#share-title{font-size:38px}.share-preview-frame{padding:12px}#share-preview{width:auto;max-width:100%;height:min(34svh,290px);max-height:none}.share-note{margin-top:8px}.share-settings{gap:20px}.share-card-option{flex-basis:76px}.share-card-option img{height:112px;object-fit:contain}.share-cards{gap:12px}.share-colors{justify-content:flex-start;gap:16px}}