@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,600;0,700;1,600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--af-color-bg:#f2f2f7;--af-color-surface:#fff;--af-color-surface-2:#fff;--af-color-text:#000;--af-color-text-muted:#3c3c4399;--af-color-primary:#007aff;--af-color-on-primary:#fff;--af-color-danger:#ff3b30;--af-color-border:#3c3c434a;--af-color-toggle-on:#34c759;--af-color-toggle-off:#78788029;--af-radius-sm:8px;--af-radius:12px;--af-radius-lg:20px;--af-space-1:4px;--af-space-2:8px;--af-space-3:16px;--af-space-4:24px;--af-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--af-color-glass:#ffffffb8;--af-blur:saturate(180%) blur(20px);--af-shadow:0 1px 3px #00000014, 0 8px 24px #0000001a;--af-shadow-lg:0 4px 16px #0000001f, 0 16px 48px #0000002e;--af-safe-top:env(safe-area-inset-top,0px);--af-safe-right:env(safe-area-inset-right,0px);--af-safe-left:env(safe-area-inset-left,0px);--af-safe-device-bottom:env(safe-area-inset-bottom,0px);--af-ad-bottom:0px;--af-safe-bottom:calc(var(--af-safe-device-bottom) + var(--af-ad-bottom))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--af-color-bg:#000;--af-color-surface:#1c1c1e;--af-color-surface-2:#2c2c2e;--af-color-text:#fff;--af-color-text-muted:#ebebf599;--af-color-primary:#0a84ff;--af-color-danger:#ff453a;--af-color-border:#54545899;--af-color-toggle-on:#30d158;--af-color-toggle-off:#78788052;--af-color-glass:#1e1e20b8;--af-shadow:0 1px 3px #0006, 0 8px 24px #00000080;--af-shadow-lg:0 4px 16px #00000080, 0 16px 48px #0009}}:root{--af-color-primary:#f06445;--af-frame:1180px;--ink:#193a38;--muted:#687876;--cream:#faf8f1;--sage:#dce9dd;--gold:#f7bf51;--coral:#f06445;color:var(--ink);background:var(--cream);font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--cream);margin:0}button{font:inherit}.app-shell{background:radial-gradient(circle at 84% 8%,#eef4e8 0,transparent 28%),var(--cream);padding:0!important}.app-shell>main,.brand-row,footer{width:min(1180px,100% - 48px);margin:auto}.brand-row{justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand{color:var(--ink);font:700 22px Fraunces,serif;text-decoration:none}.brand span{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-right:8px;display:inline-grid}.adult-chip{background:#fff;border:1px solid #e5e2d8;border-radius:40px;align-items:center;gap:10px;padding:7px 10px;display:flex;box-shadow:0 5px 18px #183a3810}.adult-chip .avatar{background:#f6c87a;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:700;display:grid}.adult-chip small,.adult-chip span{line-height:1.1;display:block}.adult-chip small{color:var(--muted);text-transform:uppercase;font-size:10px}.adult-chip button{color:var(--muted);background:0 0;border:0}.welcome-grid{grid-template-columns:.72fr 1.28fr;align-items:center;gap:70px;padding:60px 0 90px;display:grid}.eyebrow{letter-spacing:.16em;color:#b4513d;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:700}.welcome-grid h1,.completion h1{margin:0;font:600 clamp(42px,5vw,67px)/1.03 Fraunces,serif}.welcome-grid h1 em{color:var(--coral);font-weight:600}.lede{color:var(--muted);margin-top:22px;font-size:18px}.lesson-card{background:#fff;border-radius:26px;grid-template-columns:42% 58%;min-height:342px;display:grid;overflow:hidden;box-shadow:0 20px 55px #234b4220}.lesson-art{background:linear-gradient(155deg,#184a4a,#0c3032);place-items:center;display:grid;position:relative;overflow:hidden}.moon{color:#f7d370;font-size:125px;position:absolute;top:20px;left:40px;transform:rotate(-18deg)}.fox{color:#f17a53;filter:drop-shadow(0 12px 6px #0004);font-size:78px;position:absolute;bottom:44px}.spark{color:#f9e7a1;position:absolute}.spark.one{top:35px;right:25px}.spark.two{bottom:30px;left:28px}.lesson-copy{padding:45px 42px}.lesson-copy h2,.section-heading h2,.note-card h2{margin:0 0 12px;font:600 29px Fraunces,serif}.lesson-copy>p:not(.eyebrow){color:var(--muted);line-height:1.6}.lesson-meta{color:var(--muted);gap:9px;margin:25px 0;font-size:12px;display:flex}.primary{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:50px;padding:16px 23px;font-weight:700;box-shadow:0 8px 20px #f0644535}.primary:disabled{opacity:.45}.primary span{margin-left:16px}.progress-section{border-top:1px solid #deddd3;padding:75px 0}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.week-dots{gap:14px;display:flex}.week-dots span{text-align:center;color:var(--muted);font-size:10px}.week-dots b{background:#fff;border:1px solid #ddd;border-radius:50%;place-items:center;width:31px;height:31px;margin-bottom:5px;display:grid}.week-dots .done b{color:#fff;background:#2c6760}.week-dots .today b{border:2px solid var(--coral);color:var(--coral)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-grid article{background:#fff;border:1px solid #e9e5db;border-radius:18px;padding:25px}.stat-grid strong{font:600 40px Fraunces;display:block}.stat-grid span,.stat-grid small{display:block}.stat-grid span{font-weight:600}.stat-grid small{color:var(--muted);margin-top:8px}.skills-section{padding:65px 0}.quiet-link,.text-button{color:#b4513d;cursor:pointer;background:0 0;border:0;font-weight:700}.skill-list{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.skill-list article{background:#eff3e9;border-radius:17px;gap:16px;padding:22px;display:flex}.skill-icon{background:#fff;border-radius:13px;place-items:center;min-width:46px;height:46px;font:600 17px Fraunces;display:grid}.skill-info{width:100%}.skill-info strong,.skill-info span{display:block}.skill-info span{color:var(--muted);margin:5px 0 12px;font-size:12px}.skill-bar{background:#d8ddd3;border-radius:3px;height:5px}.skill-bar i{background:#4d8578;border-radius:3px;height:100%;display:block}.note-card{background:#f4dfba;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:start;gap:25px;padding:35px 42px;display:grid;margin:20px auto 90px!important}.note-icon{background:#fff;border-radius:50%;place-items:center;width:55px;height:55px;font-size:25px;display:grid}.note-card p:not(.eyebrow){max-width:760px;line-height:1.65}.note-card small{color:#7c6a4d}.note-card>button{background:0 0;border:0;font-size:25px}footer{color:var(--muted);border-top:1px solid #dfddd3;grid-template-columns:1fr 1.5fr 1fr;align-items:center;font-size:12px;display:grid;padding:40px 0!important}footer nav{text-align:right}footer button{color:var(--muted);background:0 0;border:0;font-size:12px}.lesson-shell{color:var(--ink);background:linear-gradient(#edf4e8,#fffaf1);overflow:auto}.lesson-topbar{align-items:center;gap:24px;width:min(900px,100%);margin:auto;padding:20px;display:flex}.round-button{background:#fff;border:1px solid #d8ded6;border-radius:50%;width:45px;height:45px;font-weight:700}.lesson-progress{background:#dbe2d9;border-radius:8px;flex:1;height:8px;overflow:hidden}.lesson-progress span{background:var(--coral);border-radius:8px;height:100%;transition:width .3s;display:block}.time-left{color:var(--muted);font-size:13px}.lesson-main{text-align:center;flex-direction:column;align-items:center;width:min(650px,100% - 32px);margin:20px auto;display:flex}.guide{color:#f3bd53;background:#194846;border-radius:50% 50% 45% 45%;place-items:center;width:115px;height:115px;margin-bottom:25px;font-size:55px;display:grid;position:relative;box-shadow:0 14px 28px #193a3830}.guide i{border:14px solid #0000;border-top-color:#194846;position:absolute;bottom:-12px}.lesson-main h1{margin:5px 0 13px;font:600 clamp(32px,6vw,49px)/1.15 Fraunces}.lesson-hint{color:var(--muted);max-width:520px;font-size:17px;line-height:1.5}.replay{color:#367069;background:0 0;border:0;margin:5px 0 22px;font-weight:700}.mic{background:var(--coral);color:#fff;cursor:pointer;border:8px solid #f9d9cf;border-radius:50%;align-content:center;place-items:center;gap:8px;width:145px;height:145px;display:grid;box-shadow:0 12px 28px #f0644540}.mic span{font-size:25px}.mic strong{font-size:13px}.mic.listening{animation:1.2s infinite pulse}.answer-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin:14px 0;display:grid}.answer{cursor:pointer;background:#fff;border:2px solid #dfe2d8;border-radius:17px;padding:25px 12px;font-size:20px}.answer.selected{border-color:var(--coral);background:#fff1ec}.lesson-next{min-width:190px;margin-top:28px}.modal-backdrop{z-index:100;background:#163a3975;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pause-card{text-align:center;background:#fff;border-radius:25px;width:min(410px,100%);padding:38px}.pause-card h2{font:600 29px Fraunces}.pause-card p{color:var(--muted)}.pause-card button{width:100%;margin-top:14px;display:block}.pause-star{color:#f5bd51;background:#194846;border-radius:50%;place-items:center;width:65px;height:65px;margin:auto;font-size:34px;display:grid}.completion{text-align:center;width:min(600px,100% - 40px);margin:80px auto}.celebration{color:#f6c653;background:#194846;border-radius:50%;place-items:center;width:120px;height:120px;margin:auto;font-size:60px;display:grid}.completion>p:not(.eyebrow){color:var(--muted);font-size:18px}.win-card{text-align:left;background:#fff;border:1px solid #e5e2d8;border-radius:18px;align-items:center;gap:17px;margin:30px 0;padding:20px;display:flex}.win-card>span{font-size:35px}.win-card strong,.win-card small{display:block}.win-card small{color:var(--muted);margin-top:5px}@keyframes pulse{50%{box-shadow:0 0 0 20px #f0644515}}@media (width<=760px){.app-shell>main,.brand-row,footer{width:min(100% - 28px,1180px)}.brand-row{padding:18px 0}.adult-chip>span:not(.avatar){display:none}.welcome-grid{grid-template-columns:1fr;gap:30px;padding:30px 0 55px}.welcome-grid h1{font-size:44px}.lesson-card{grid-template-columns:1fr}.lesson-art{min-height:210px}.moon{font-size:100px}.lesson-copy{padding:28px}.section-heading{align-items:flex-start;gap:20px}.stat-grid,.skill-list{grid-template-columns:1fr}.week-dots{gap:6px}.week-dots b{width:27px;height:27px}.note-card{grid-template-columns:auto 1fr;padding:27px 22px}.note-card>button{display:none}footer{text-align:center;grid-template-columns:1fr;gap:18px}footer nav{text-align:center}.answer-grid{grid-template-columns:1fr}.lesson-main{margin-top:5px}.guide{width:88px;height:88px;font-size:42px}.lesson-main h1{font-size:34px}}
