:root{
 --paper:oklch(98% .018 80);--surface:oklch(100% 0 0);--ink:oklch(27% .065 269);--muted:oklch(46% .03 269);--blue:oklch(44% .2 267);--coral:oklch(52% .19 32);--yellow:oklch(87% .145 88);--pale:oklch(95% .046 90);--line:oklch(27% .065 269 / .17);--navy:#202a4a;--focus:#a53024;
 --font-display:'Chillax',sans-serif;--font-body:'Satoshi',sans-serif;--text-xs:clamp(.75rem,.72rem + .12vw,.875rem);--text-sm:clamp(.875rem,.84rem + .15vw,1rem);--text-base:clamp(1rem,.96rem + .18vw,1.125rem);--text-lg:clamp(1.2rem,1.06rem + .5vw,1.5rem);--text-xl:clamp(1.75rem,1.2rem + 1.8vw,3rem);--text-hero:clamp(2.8rem,1.8rem + 3vw,5rem);
 --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.5rem;--radius-lg:1.5rem;--radius-full:99rem;
}
.older-readers{background:var(--pale);padding-block:clamp(var(--space-16),7vw,var(--space-24))}
.older-readers-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24);align-items:start}
.older-readers-copy>p:not(.eyebrow){margin-top:var(--space-6);color:var(--muted);max-width:430px}
.older-readers-copy .older-readers-promise{font-weight:700;color:var(--ink);margin-top:var(--space-8)}
.word-example{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:0 6px 0 var(--line)}
.word-example .eyebrow{font-size:var(--text-xs);margin-bottom:var(--space-4)}
.practice-word{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.2;letter-spacing:-.045em;font-weight:600;color:var(--blue)}
.practice-word>span{color:var(--coral)}
.word-parts{display:flex;gap:var(--space-3);margin-block:var(--space-5) var(--space-6);font-size:var(--text-lg);font-weight:500}
.word-parts>span{border-bottom:3px solid var(--yellow);padding-inline:var(--space-1);padding-bottom:var(--space-1)}
.practice-sentence{font-size:var(--text-base);color:var(--muted);padding-top:var(--space-5);border-top:1px solid var(--line)}
.practice-sentence strong{color:var(--ink)}
.word-example>.small{margin-top:var(--space-5)}
.older-readers-goals{list-style:none;margin:var(--space-8) 0 0;padding:0}
.older-readers-goals li{margin-top:var(--space-5);font-size:var(--text-base);color:var(--muted)}
.older-readers-goals strong{display:block;color:var(--ink);font-weight:700}
.older-readers-note{margin-top:var(--space-6)}
@media(max-width:1050px){.older-readers-grid{gap:var(--space-12)}}
@media(max-width:800px){.older-readers-grid{grid-template-columns:1fr;gap:var(--space-8)}.older-readers-copy>p:not(.eyebrow){max-width:560px}}
@media(max-width:520px){.word-example{padding:var(--space-6)}}
[data-theme="dark"]{--paper:oklch(22% .037 268);--surface:oklch(27% .045 268);--ink:oklch(95% .025 83);--muted:oklch(78% .02 83);--blue:oklch(77% .11 262);--coral:oklch(77% .125 38);--pale:oklch(28% .035 268);--line:oklch(95% .025 83 / .2);--focus:#ffcf63}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65}button,a,summary{transition:background .2s,color .2s,transform .2s}a{text-decoration:none}p{max-width:65ch}h1,h2,h3{line-height:1.16;font-family:var(--font-display);font-weight:600;letter-spacing:-.045em}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:clamp(var(--space-16),8vw,var(--space-32))}.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-6)}.small{font-size:var(--text-xs);color:var(--muted)}.button{background:var(--blue);color:var(--paper);border:1px solid transparent;border-radius:var(--radius-full);padding:var(--space-4) var(--space-6);gap:var(--space-6);font-size:var(--text-sm);font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1.4}.button span{font-size:var(--text-lg);line-height:1}.button:hover{transform:translateY(-3px);background:var(--ink)}.button:active{transform:translateY(1px)}.button-small{padding:var(--space-3) var(--space-5);gap:var(--space-3)}.text-link{gap:var(--space-3);font-weight:700;font-size:var(--text-sm);border:0;background:transparent;padding:0;text-decoration:underline;text-underline-offset:5px}.text-link:hover{color:var(--coral)}.red-text{color:var(--coral)}
.header{border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:100px}.brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.06em;gap:var(--space-3);white-space:nowrap}.brand svg{width:42px;height:42px;color:var(--blue)}.brand-dot{color:var(--coral)}nav{display:flex;gap:var(--space-8);font-weight:600;font-size:var(--text-sm)}nav a:hover{color:var(--coral)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.theme-button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:var(--text-lg)}.theme-button:hover{background:var(--pale)}
.hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:var(--space-4);padding-block:var(--space-16) var(--space-20);min-height:720px}.hero .eyebrow{letter-spacing:.09em;display:flex;align-items:center;gap:var(--space-3)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);display:inline-block;flex-shrink:0}h1{font-size:var(--text-hero);line-height:1.08;letter-spacing:-.065em}h1>span{color:var(--blue)}.hero-description{max-width:420px;margin-top:var(--space-6);color:var(--muted)}.hero-links{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-8)}.hero-note{margin-top:var(--space-6);max-width:390px}.hero-art{position:relative;align-self:center;margin-right:calc(-1 * var(--space-4))}.hero-art img{width:100%;border-radius:46% 46% 8% 8%;aspect-ratio:1/1;object-fit:cover;background:#fcf0d9}.hello-note{position:absolute;right:var(--space-2);top:var(--space-4);background:var(--yellow);color:var(--navy);padding:var(--space-3) var(--space-6);transform:rotate(8deg);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-lg);box-shadow:3px 4px 0 #202a4a;display:flex;align-items:center;gap:var(--space-3)}.note-smile{font-size:var(--text-xl);line-height:1}.art-caption{text-align:center;margin-top:var(--space-5);font-size:var(--text-xs);letter-spacing:.15em;font-weight:700}
.promise-strip{background:var(--yellow);color:var(--navy);padding-block:var(--space-5)}.promise-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-family:var(--font-display);font-weight:600;font-size:var(--text-lg)}.strip-mark{font-size:var(--text-xl);line-height:1}.idea{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24)}.idea-copy p+p{margin-top:var(--space-5)}.idea-copy p{color:var(--muted)}.idea-copy .idea-end{font-weight:700;color:var(--ink)}
.play-section{padding-block:var(--space-20) var(--space-12);background:var(--pale)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--space-12);margin-bottom:var(--space-12)}.section-heading>p{max-width:360px;color:var(--muted)}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:stretch}.chicken-art{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#f5d773;min-height:460px}.chicken-art img{height:100%;width:100%;object-fit:cover;object-position:58% 50%}.chicken-art figcaption{position:absolute;bottom:var(--space-6);left:var(--space-6);color:var(--navy);font-weight:700;font-size:var(--text-sm);line-height:1.4;background:#fff8edeb;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);transform:rotate(-3deg)}.story-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;box-shadow:0 8px 0 var(--line)}.story-topline{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--muted);padding-bottom:var(--space-6);border-bottom:1px solid var(--line)}.tiny-logo{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--blue)}.story-counter{margin-left:auto;font-variant-numeric:tabular-nums}.story-content{padding-block:var(--space-8) var(--space-6);min-height:238px}.story-content h3{font-size:var(--text-xl);letter-spacing:-.04em;margin-bottom:var(--space-4)}.story-content .eyebrow{margin-bottom:var(--space-3);color:var(--coral)}.story-content p{color:var(--muted)}.story-content .word{color:var(--blue);font-weight:700}.story-content.animate{animation:fade-in .35s ease both}.story-choices{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:auto}.story-choices button{border:1px solid var(--line);background:var(--pale);font-weight:700;border-radius:var(--radius-full);font-size:var(--text-sm);padding:var(--space-3) var(--space-5);display:flex;align-items:center;gap:var(--space-6)}.story-choices button:hover{background:var(--yellow);color:var(--navy);transform:rotate(-2deg)}.story-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.demo-note{font-size:var(--text-xs);color:var(--muted);text-align:center;max-width:none;margin-top:var(--space-6)}
.how{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-24)}.how-intro>p:not(.eyebrow){margin-top:var(--space-6);max-width:330px;color:var(--muted)}.hand-note{display:inline-block;transform:rotate(-5deg);color:var(--coral);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:1.35;margin-top:var(--space-10)}.learning-steps article{display:flex;gap:var(--space-6);padding-block:var(--space-8);border-top:1px solid var(--line)}.learning-steps article:last-child{border-bottom:1px solid var(--line)}.step-number{color:var(--coral);font-size:var(--text-sm);font-weight:700;min-width:28px;padding-top:var(--space-1)}.learning-steps p{margin-top:var(--space-3);color:var(--muted)}.meaning-section{background:#253db1;color:#fff8ed;padding-block:var(--space-20)}.meaning-grid{display:grid;grid-template-columns:.55fr 1.5fr .7fr;gap:var(--space-12)}.meaning-grid>.eyebrow{max-width:160px;padding-top:var(--space-3)}.meaning-grid h2{font-size:clamp(2.5rem,1.2rem + 3.5vw,4.5rem);line-height:1.1}.meaning-grid h2 span{color:#ffda75}.meaning-grid>div>p{margin-top:var(--space-8);max-width:450px;color:#e6e8fb}.meaning-note{font-size:var(--text-lg);line-height:1.5;align-self:end;padding-bottom:var(--space-2)}.meaning-note strong{color:#ffda75;font-weight:500}
.pilot{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24)}.pilot-title>p:not(.eyebrow){margin-top:var(--space-6);max-width:375px;color:var(--muted)}.proposal-label{font-size:var(--text-xs);display:inline-block;border:1px solid var(--line);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);margin-top:var(--space-6)}.large-body{font-size:var(--text-lg);line-height:1.5;font-weight:500}.pilot-list{list-style:none;margin:var(--space-8) 0;padding:0}.pilot-list li{border-top:1px solid var(--line);padding-block:var(--space-5);color:var(--muted)}.pilot-list li span{display:block;color:var(--blue);font-weight:700;margin-bottom:var(--space-1)}.grownups{background:var(--pale);padding-block:var(--space-16)}.grownups-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--space-24)}.grownups-grid>div>p:last-child{color:var(--muted);margin-top:var(--space-6)}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{padding-block:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);font-weight:700;cursor:pointer;list-style:none;font-size:var(--text-base)}summary::-webkit-details-marker{display:none}summary>span{font-weight:400;font-size:var(--text-lg);transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details>p{padding-bottom:var(--space-6);color:var(--muted);font-size:var(--text-sm)}
.closing{padding-block:var(--space-24);text-align:center}.closing .eyebrow,.closing p{margin-inline:auto}.closing h2{font-size:clamp(2.6rem,1.8rem + 3vw,4.7rem);line-height:1.1}.closing h2>span{color:var(--coral)}.closing p:not(.eyebrow){margin-top:var(--space-6);color:var(--muted)}.closing .button{margin-top:var(--space-8)}.footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);border-top:1px solid var(--line);padding-block:var(--space-8)}.footer p{font-size:var(--text-xs);color:var(--muted)}.footer .text-link{font-size:var(--text-xs)}
dialog{width:min(580px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-8);background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #15204644}dialog::backdrop{background:#172449a6;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:start;gap:var(--space-4)}.dialog-top .eyebrow{font-size:var(--text-xs);margin:0}.close-dialog{width:44px;min-width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:var(--text-lg)}dialog h2{margin-bottom:var(--space-4)}dialog>p{font-size:var(--text-sm);color:var(--muted)}dialog label{display:block;font-size:var(--text-sm);font-weight:700;margin-block:var(--space-5) var(--space-2)}dialog select,dialog textarea{width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}dialog textarea{resize:vertical;min-height:160px;line-height:1.5}dialog>.button{margin-top:var(--space-5)}#copy-status{min-height:24px;margin-top:var(--space-2)}dialog .dialog-disclosure{font-size:var(--text-xs);margin-top:var(--space-3)}@keyframes fade-in{from{opacity:.15}to{opacity:1}}
@media(min-width:1500px){.hero{min-height:780px}.hero-art{margin-left:var(--space-4)}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}nav{gap:var(--space-4)}.hero{min-height:640px;padding-block:var(--space-12)}.hero-links{flex-wrap:wrap;gap:var(--space-3) var(--space-6)}.idea,.how,.pilot,.grownups-grid{gap:var(--space-12)}.hello-note{right:0;font-size:var(--text-base);padding:var(--space-2) var(--space-4)}.story-layout{gap:var(--space-5)}.story-card{padding:var(--space-6)}.story-content{min-height:255px}.meaning-grid{grid-template-columns:.6fr 1.5fr;gap:var(--space-8)}.meaning-note{grid-column:2;font-size:var(--text-base)}.meaning-note br{display:none}.meaning-note strong:before{content:" "}.story-choices button{gap:var(--space-3)}.footer{flex-wrap:wrap}}
@media(max-width:800px){.header-inner{min-height:84px}.header nav{display:none}.hero{grid-template-columns:1fr;gap:var(--space-8);padding-top:var(--space-12)}.hero-copy{max-width:620px}.hero h1{font-size:clamp(2.8rem,1rem + 6vw,4.8rem)}.hero-description{max-width:500px}.hero-art{max-width:570px;width:100%;margin:0 auto}.hero-art img{max-height:520px;object-fit:contain}.hero-note{max-width:none}.hero h1 br:last-child{display:none}.promise-strip .wrap{font-size:var(--text-sm)}.strip-mark{font-size:var(--text-lg)}.section-heading{align-items:start;gap:var(--space-8)}.section-heading>p{max-width:280px}.story-layout{grid-template-columns:1fr}.chicken-art{min-height:0;max-height:410px}.chicken-art img{aspect-ratio:4/3;object-fit:cover;object-position:center 60%}.story-content{min-height:210px}.idea{grid-template-columns:1fr;gap:var(--space-8)}.how,.pilot,.grownups-grid{grid-template-columns:1fr;gap:var(--space-10)}.how-intro>p:not(.eyebrow){max-width:480px}.hand-note{display:none}.meaning-grid{grid-template-columns:1fr}.meaning-grid>.eyebrow{max-width:none}.meaning-note{grid-column:1}.pilot-title>p:not(.eyebrow){max-width:500px}.grownups-grid h2 br{display:none}.grownups-grid h2{max-width:470px}}
@media(max-width:520px){.wrap{width:calc(100% - 40px)}.header-inner{gap:var(--space-2)}.brand{gap:var(--space-2);font-size:var(--text-lg)}.brand svg{width:32px;height:32px}.header-actions{gap:var(--space-2)}.header .button-small{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);gap:var(--space-2)}.header .button-small span{display:none}.theme-button{width:44px}.hero{padding-block:var(--space-10) var(--space-12)}.hero .eyebrow{font-size:var(--text-xs);letter-spacing:.04em}.hero h1{font-size:clamp(2.45rem,1.1rem + 6.2vw,3.3rem)}.hero h1 br:last-child{display:block}.hero-links{gap:var(--space-2) var(--space-5)}.hero-links .button{padding-inline:var(--space-5)}.hero-note{font-size:var(--text-xs)}.hero-art{margin-top:var(--space-4)}.hello-note{top:0;right:var(--space-2)}.art-caption{font-size:var(--text-xs);letter-spacing:.1em}.promise-strip .wrap{flex-direction:column;gap:var(--space-1);font-size:var(--text-base)}.strip-mark{display:none}.promise-strip{padding-block:var(--space-5)}.section{padding-block:var(--space-16)}.section-heading{display:block}.section-heading>p{margin-top:var(--space-6);max-width:none}.play-section{padding-top:var(--space-12)}.story-card{padding:var(--space-5)}.story-content{min-height:235px}.story-controls{gap:var(--space-2)}.story-choices button{font-size:var(--text-sm)}.story-topline{gap:var(--space-2)}.chicken-art figcaption{bottom:var(--space-4);left:var(--space-4)}.learning-steps article{gap:var(--space-4)}.meaning-section{padding-block:var(--space-16)}.meaning-grid h2{font-size:2.7rem}.proposal-label{font-size:var(--text-xs)}.closing{padding-block:var(--space-16)}.footer{display:block}.footer p{margin-top:var(--space-4)}.footer>.text-link{margin-top:var(--space-4)}dialog{padding:var(--space-6)}.dialog-top .eyebrow{max-width:210px}}