@font-face{font-family:Andika;src:url(/fonts/andika-regular.ttf)format("truetype");font-display:swap;font-weight:400}.book-buddy>svg{width:100%;height:100%}:root{color:#183e37;font-synthesis:weight;--forest:#164c45;--cream:#faf7ee;--ink:#183e37;--muted:#52665e;--orange:#c55e2c;--mint:#d3ebd7;--peach:#f7d5bf;--lilac:#e7dff3;--line:#d9dfcf;font-optical-sizing:auto;background:#faf7ee;font-family:Andika,ui-rounded,system-ui,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.7}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}main:focus{outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1{letter-spacing:-.055em;font-size:clamp(2.25rem,5.7vw,4.25rem)}h1 em{color:var(--orange);font-style:normal}h2{letter-spacing:-.035em}img,svg{max-width:100%;display:block}.app-shell{max-width:1100px;padding:0 max(22px,env(safe-area-inset-right)) 120px max(22px,env(safe-area-inset-left));margin:auto}.topbar{border-bottom:1px solid var(--line);min-height:96px;padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;min-height:48px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.brand span{color:var(--orange);margin-left:-10px}.family-badge{color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:7px 13px;font-size:.78rem}.hero{text-align:center;max-width:740px;margin:auto;padding:53px 0 38px;position:relative}.eyebrow{letter-spacing:.17em;color:var(--muted);margin-bottom:20px;font-size:.66rem;font-weight:700}.eyebrow span{color:var(--orange);margin-right:8px}.hero-description{max-width:410px;color:var(--muted);margin:22px auto 0;font-size:.98rem}.book-buddy{width:240px;height:195px;margin:18px auto 0;animation:5s ease-in-out infinite bob}.letter-trail{justify-content:center;align-items:center;gap:12px;margin:-3px 0 26px;display:flex;position:relative}.letter-trail>span{background:#fff;border:1px solid #d6dfd0;border-radius:13px;min-width:54px;padding:8px 13px;font-size:2rem;line-height:1.2;box-shadow:0 4px #dce5d6}.letter-trail>span.fused{background:var(--mint);min-width:78px}.letter-trail>b{font-size:1.1rem;font-weight:400}.letter-trail>i{color:var(--orange);font-size:1.5rem;font-style:normal;position:absolute;top:14px;left:calc(50% + 128px)}.primary-button{background:var(--forest);color:#fffdf2;border:0;border-radius:14px;justify-content:center;align-items:center;gap:25px;min-height:56px;padding:14px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px #0e332f}.primary-button:hover{transform:translateY(-2px)}.primary-button:active{transform:translateY(3px);box-shadow:0 1px #0e332f}.hero-note{color:var(--muted);margin-top:18px;font-size:.7rem}.intro-section{border-top:1px solid var(--line);padding:34px 0}.section-heading{text-align:center}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{font-size:1.8rem}.discovery-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px;display:grid}.discovery-card{border:1px solid var(--line);background:#fffdf7;border-radius:19px;padding:24px}.card-symbol{border-radius:13px;justify-content:center;align-items:center;width:49px;height:49px;margin-bottom:17px;font-size:1.5rem;display:inline-flex}.mint{background:var(--mint)}.peach{background:var(--peach)}.lilac{background:var(--lilac)}.yellow{background:#f7e6af}.blue{background:#d8e9ed}.pink{background:#efdae0}.discovery-card h3{margin-bottom:10px;font-size:1rem}.discovery-card p{color:var(--muted);font-size:.82rem}.family-panel{background:#e9eddd;border-radius:20px;align-items:start;gap:20px;margin:0 0 22px;padding:28px;display:flex}.family-icon{font-size:2rem;line-height:1.2}.family-panel h2{margin-bottom:10px;font-size:1.2rem}.family-panel p{color:var(--muted);max-width:650px;font-size:.88rem}.family-panel a{text-underline-offset:5px;align-items:center;min-height:48px;font-size:.86rem;font-weight:700;display:inline-flex}.bottom-nav{bottom:max(13px,env(safe-area-inset-bottom));z-index:10;background:#fffdf7;border:1px solid #dce2d6;border-radius:22px;justify-content:space-around;width:min(100% - 30px,430px);padding:7px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #164c4515}.bottom-nav a{min-width:88px;min-height:57px;color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;padding:4px 13px;font-size:.65rem;text-decoration:none;display:flex}.bottom-nav a>span{font-size:1.3rem;line-height:1.4}.bottom-nav a.active{background:var(--mint);color:var(--forest)}.page-section{max-width:750px;margin:auto;padding:47px 0}.page-intro{color:var(--muted);max-width:520px;margin-top:22px}.learning-path{margin:30px 0;padding:0;list-style:none}.learning-path li{border-bottom:1px solid var(--line);align-items:center;gap:23px;padding:22px 0;display:flex}.level-glyph{border-radius:19px;flex-shrink:0;justify-content:center;align-items:center;width:82px;height:84px;font-size:1.9rem;display:flex;box-shadow:0 4px #164c4510}.level-number{letter-spacing:.13em;color:var(--muted);margin-bottom:6px;font-size:.64rem}.learning-path h2{margin-bottom:6px;font-size:1.2rem}.learning-path li p:not(.level-number){color:var(--muted);font-size:.84rem}.level-reels{color:var(--muted);font-size:.7rem}.vowel-preview{background:#e9eddd;border-radius:18px;margin-top:30px;padding:19px 22px}.vowel-preview>span{font-size:.8rem}.vowel-preview p{flex-wrap:wrap;gap:17px;margin:7px 0;font-size:1.7rem;display:flex}.vowel-preview small{color:var(--muted);font-size:.72rem}.gentle-note{border:1px solid var(--line);background:#fffdf7;border-radius:18px;margin-top:25px;padding:24px}.gentle-note h2{margin-bottom:12px;font-size:1.13rem}.gentle-note p{color:var(--muted);margin-top:10px;font-size:.86rem}.install-guides{grid-template-columns:1fr 1fr;gap:18px;margin:28px 0;display:grid}.install-guides article{border:1px solid var(--line);background:#fffdf7;border-radius:18px;padding:25px}.device-label{letter-spacing:.12em;color:var(--orange);font-size:.64rem;font-weight:700}.install-guides h2{margin:14px 0;font-size:1.25rem}.install-guides ol{color:var(--muted);padding-left:23px;font-size:.88rem}.install-guides li+li{margin-top:12px}.installed-note{background:var(--mint);border-radius:15px;margin-top:25px;padding:18px}.install-page>.primary-button{margin-top:24px}.offline-banner{background:#f7e6af;border-radius:12px;margin-top:15px;padding:12px 15px;font-size:.8rem}.update-notice{background:var(--forest);color:#fff;z-index:20;border-radius:17px;width:min(100% - 32px,420px);padding:20px;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0003}.update-notice p{font-size:.85rem}.notice-actions{gap:10px;margin-top:12px;display:flex}.notice-actions button{min-height:48px;color:var(--forest);background:#fffdf7;border:0;border-radius:10px;padding:9px 15px}.notice-actions .text-button{color:#fff;background:0 0;text-decoration:underline}.skip-link{background:var(--forest);color:#fff;z-index:100;padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:8px}@keyframes bob{50%{transform:translateY(-5px)}}@media (max-width:600px){.app-shell{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.topbar{min-height:80px}.brand{font-size:1.3rem}.brand img{width:33px;height:33px}.family-badge{padding:6px 8px;font-size:.6rem}.hero{padding-top:36px}.hero .eyebrow{letter-spacing:.13em;font-size:.57rem}.hero-description{max-width:320px;font-size:.9rem}.book-buddy{height:168px;margin-top:14px}.hero-note{font-size:.64rem}.discovery-grid{grid-template-columns:1fr;gap:11px}.discovery-card{grid-template-columns:48px 1fr;column-gap:16px;padding:19px;display:grid}.card-symbol{grid-row:1/3;margin:0}.discovery-card h3{margin-bottom:7px}.discovery-card p{font-size:.8rem}.section-heading h2{font-size:1.55rem}.family-panel{gap:14px;padding:23px 19px}.family-panel h2{font-size:1.05rem}.family-panel p{font-size:.8rem}.family-panel a{font-size:.78rem}.install-guides{grid-template-columns:1fr}.learning-path li{gap:17px}.level-glyph{width:65px;height:70px;font-size:1.6rem}.learning-path h2{font-size:1.05rem}.learning-path li p:not(.level-number){font-size:.78rem}.page-section{padding-top:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}