@font-face{font-family:DM Sans;font-weight:400;font-display:swap;src:url(/fonts/DMSans_400Regular.ttf)format("truetype")}@font-face{font-family:DM Sans;font-weight:700;font-display:swap;src:url(/fonts/DMSans_700Bold.ttf)format("truetype")}@font-face{font-family:DM Sans;font-weight:800;font-display:swap;src:url(/fonts/DMSans_800ExtraBold.ttf)format("truetype")}@font-face{font-family:Lora;font-weight:400;font-display:swap;src:url(/fonts/Lora_400Regular.ttf)format("truetype")}:root{--sans:"DM Sans", system-ui, sans-serif;--serif:"Lora", Georgia, serif;--gutter:max(16px, 6vw);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper)}html.pointing{cursor:pointer}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}#scene{z-index:0;visibility:hidden;block-size:100%;inline-size:100%;display:block;position:fixed;inset:0}.has-scene #scene{visibility:visible}.poster{z-index:0;background:var(--backdrop) url(/poster.webp) center / cover no-repeat;display:none;position:fixed;inset:0}.no-scene .poster{display:block}body:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(to right, color-mix(in srgb, var(--paper) 88%, transparent) 40%, transparent);inline-size:52%;position:fixed;inset-block:0;inset-inline-start:0}[dir=rtl] body:before{background:linear-gradient(to left, color-mix(in srgb, var(--paper) 88%, transparent) 40%, transparent)}main{z-index:2;position:relative}.chapter{min-block-size:100vh;min-block-size:100svh;padding-inline:var(--gutter);align-items:center;padding-block:96px;display:grid}.panel{max-inline-size:27rem;opacity:calc(.12 + .88 * var(--reveal,1));transform:translateY(calc((1 - var(--reveal,1)) * 22px))}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:700}h1,h2{letter-spacing:-.02em;text-wrap:balance;margin:0 0 16px;font-weight:800;line-height:1.04}h1{font-size:clamp(2.6rem,6vw,4.6rem)}h2{font-size:clamp(2rem,4vw,3.2rem)}.lede{text-wrap:pretty;margin:0 0 12px;font-size:18px;line-height:1.5}.meta{color:var(--muted);margin:0;font-size:14px}.steps,.days{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.steps li,.days li{border:1px solid var(--line);background:var(--card);border-radius:4px;padding:6px 10px;font-size:14px;font-weight:700}.lessons{gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.lesson{border:1px solid var(--line);background:var(--card);min-block-size:48px;inline-size:100%;color:var(--ink);font:700 16px/1.25 var(--sans);text-align:start;cursor:pointer;border-radius:6px;grid-template-columns:32px 1fr;align-items:center;gap:12px;padding:8px 12px 8px 8px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.lesson .n{background:var(--indigo);block-size:32px;inline-size:32px;color:var(--paper);border-radius:4px;place-items:center;font-size:14px;display:grid}.lesson:hover{border-color:var(--indigo);transform:translate(4px);box-shadow:0 2px 10px #1b1f3914}[dir=rtl] .lesson:hover{transform:translate(-4px)}.lesson:active{transform:scale(.98)}.lesson:focus-visible,.close:focus-visible,.index a:focus-visible{outline:3px solid var(--turmeric);outline-offset:2px}.badge{background:var(--turmericSoft);color:var(--ink);border-radius:4px;margin:0;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.badge.top{z-index:3;position:fixed;inset-block-start:16px;inset-inline-start:var(--gutter)}.index{z-index:3;position:fixed;inset-block-start:50%;inset-inline-end:24px;transform:translateY(-50%)}.index ol{background:color-mix(in srgb, var(--paper) 86%, transparent);border-radius:6px;gap:4px;margin:0;padding:8px 0;list-style:none;display:grid}.index a{max-inline-size:15rem;color:var(--muted);text-align:end;white-space:nowrap;text-overflow:ellipsis;border-inline-end:2px solid #0000;padding:4px 10px;font-size:13px;text-decoration:none;display:block;overflow:hidden}.index a[aria-current]{color:var(--ink);border-inline-end-color:var(--turmeric);font-weight:700}dialog{background:var(--card);max-block-size:min(86vh,52rem);inline-size:min(36rem,100vw - 32px);color:var(--ink);border:0;border-radius:8px;padding:0;box-shadow:0 24px 60px #1b1f3947}dialog::backdrop{background:#1b1f3980}.close-row{background:var(--card);justify-content:flex-end;padding:12px 12px 0;display:flex;position:sticky;inset-block-start:0}.close{border:1px solid var(--line);background:var(--paper);min-block-size:44px;color:var(--ink);font:700 15px var(--sans);cursor:pointer;border-radius:6px;padding:8px 16px}.sheet{padding:4px 28px 32px}.sheet h2{margin-block:8px 20px;font-size:clamp(1.8rem,5vw,2.4rem)}.sheet .label{margin-block-start:24px}.sheet .badge+.label{margin-block-start:16px}.story,.reading,.gloss,.line,.takeaway{font-family:var(--serif);font-size:18px;line-height:1.65}.story,.gloss,.line,.takeaway{margin:0 0 8px}.reading{border-inline-start:3px solid var(--turmeric);margin:0 0 12px;padding-inline-start:16px;font-size:20px}.source{color:var(--muted);margin:0;font-size:14px}.word{margin:0 0 4px;font-size:24px;font-weight:800}@media (max-width:959px){.index{display:none}}@media (max-aspect-ratio:1){body:before{display:none}.chapter{align-items:end;padding-block:72px 16px}.panel{background:color-mix(in srgb, var(--paper) 94%, transparent);border-radius:8px;max-inline-size:none;padding:20px;box-shadow:0 8px 28px #1b1f391a}h1{font-size:clamp(2.2rem,10vw,3rem)}h2{font-size:clamp(1.8rem,8vw,2.4rem)}.sheet{padding-inline:20px}}@media (prefers-reduced-motion:reduce){.panel{transform:none}.lesson{transition:none}.lesson:hover,.lesson:active{transform:none}}