@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@500;600;700;800;900&display=swap');
:root{--ink:#203e3a;--muted:#71817b;--green:#16766c;--cream:#faf8f1;--orange:#e88946;--line:#e5e9df}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,h4,button,.brand{font-family:Nunito,'Trebuchet MS',sans-serif}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;font-size:15px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.47}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #de9645;outline-offset:4px}button{border:0}h1,h2,h3,p{margin-top:0}h1{font-size:46px;line-height:1.15;letter-spacing:-1.8px;font-weight:900}h2{font-size:25px;letter-spacing:-.6px}h3{font-size:19px}p{line-height:1.6}.shell{display:grid;grid-template-columns:234px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:#fffef9;border-right:1px solid var(--line);padding:35px 23px;display:flex;flex-direction:column;gap:35px;z-index:5}.brand{display:flex;gap:12px;align-items:center;font-weight:900;font-size:18px;line-height:1.15;text-decoration:none}.brand small{display:block;font:700 10px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:6px;color:#8b9b92}.bookmark{background:#176f64;color:#fff3cf;width:43px;height:46px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.bookmark svg{width:25px;height:25px}.nav{display:grid;gap:9px}.nav button{text-align:left;background:transparent;padding:14px 17px;border-radius:12px;color:#75877f;display:flex;align-items:center;gap:12px}.nav button.active{background:#e9f2e9;color:var(--green)}.nav button:hover{background:#f0f4ed}.nav svg{width:19px;height:19px;flex-shrink:0}.side-note{margin-top:auto;padding:20px 16px;background:#f6f1df;border-radius:18px}.side-note .sun{font-size:28px;display:block;margin-bottom:12px}.side-note h4{font-size:15px;margin:0 0 7px}.side-note p{font-size:12px;color:#7b7f68;margin:0}.side-footer{font-size:10px;color:#8c988d;text-align:center}.workspace{grid-column:2;min-width:0}.topbar{height:90px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb b{color:var(--ink);font-weight:500}.profile{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.avatar{background:#f1d7a3;border:4px solid #fff;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:18px}.profile small{color:var(--muted);font-size:11px;display:block;margin-top:3px}.content{max-width:1320px;padding:36px 48px 48px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800;color:#729388;margin-bottom:14px}.hero{position:relative;background:#eaf1e4;border:1px solid #dfe8d5;border-radius:24px;display:grid;grid-template-columns:1.15fr 1fr;min-height:285px;padding:38px 35px;overflow:hidden}.hero p{font-size:14px;color:#6c8074;max-width:340px;margin-bottom:22px}.hero h1{max-width:410px;margin-bottom:14px}.hero h1 em{font-style:normal;color:var(--green)}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:25px;background:#fff9e8;color:#8b7950;font-size:10px;font-weight:700;letter-spacing:.2px;margin-bottom:16px}.hero-art{position:relative;display:grid;place-items:center}.hero-art:before{content:'';position:absolute;width:245px;height:245px;background:#e0eacb;border-radius:50%}.hero-art img{height:246px;width:246px;object-fit:contain;mix-blend-mode:multiply;z-index:1;transform:rotate(-3deg)}.hello-sticker{position:absolute;background:white;box-shadow:0 4px 12px #163e3010;border-radius:12px;padding:10px 16px;font-weight:900;z-index:2;font-family:Nunito;font-size:16px}.s1{top:10px;left:4px;transform:rotate(-10deg);color:#c58037}.s2{right:-2px;top:50px;transform:rotate(9deg);color:#6b62a4}.s3{bottom:-1px;right:15px;transform:rotate(-5deg);color:var(--green)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--green);color:white;padding:13px 21px;border-radius:12px;box-shadow:0 3px 0 #0e5c54;text-decoration:none}.primary:hover{background:#0c665e}.primary svg{width:17px;height:17px}.secondary{background:white;border:1px solid #dce3d9;border-radius:12px;padding:12px 18px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.textbtn{background:transparent;color:var(--green);font-size:12px;padding:6px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:31px 0 17px;gap:14px}.section-head h2{margin:0}.section-head p{font-size:12px;color:var(--muted);margin:0}.courses{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course{position:relative;background:#fff;border:1px solid var(--line);border-radius:19px;padding:24px 22px 19px;overflow:hidden;text-align:left;transition:transform .18s,box-shadow .18s;color:var(--ink)}.course:hover{transform:translateY(-3px);box-shadow:0 8px 25px #274e3b0a}.course-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.language-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;font-size:20px;font-family:Nunito;font-weight:900;background:var(--tint);color:var(--color)}.level-tag{background:#f7f7f2;color:#8a978d;border-radius:20px;font-size:9px;padding:6px 9px}.course h3{font-size:21px;margin-bottom:3px}.native{font-size:12px;color:var(--muted);font-weight:400}.greeting{font-size:30px;font-weight:900;font-family:Nunito;color:var(--color);margin:23px 0 19px}.progress-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);font-weight:400;margin-bottom:8px}.track{height:5px;background:#eef1e9;border-radius:8px;overflow:hidden}.track span{display:block;height:100%;background:var(--color,var(--green));transition:width .3s}.course-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:19px;padding-top:15px;border-top:1px solid #f1f1e9;font-size:12px;color:var(--color)}.lower{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:25px}.mini-panel{background:white;border:1px solid var(--line);border-radius:18px;padding:24px}.mini-panel h3{font-size:16px}.weekly-days{display:flex;gap:9px;margin:18px 0 16px}.day{border:1px solid var(--line);border-radius:10px;flex:1;text-align:center;padding:12px 4px;font-size:11px;color:var(--muted)}.day b{display:block;font-size:16px;color:var(--ink);margin-bottom:3px}.day.selected{background:#edf5eb;border-color:#d7e6d1}.tiny{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:0}.verse-panel{background:#f5edda;border-color:#efe3c7}.verse-panel blockquote{font-family:Nunito;font-size:18px;line-height:1.5;margin:15px 0 12px;font-weight:700}.verse-panel .tiny{color:#8b7b59}.main-heading{margin:0 0 10px;font-size:36px}.subheading{color:var(--muted);font-size:14px;margin:0 0 26px}.back{background:transparent;padding:0;color:var(--green);margin-bottom:24px;display:inline-flex;gap:8px;font-size:12px}.course-banner{display:flex;align-items:center;justify-content:space-between;background:var(--tint);padding:25px 28px;border-radius:20px;gap:20px;margin-bottom:24px}.course-banner h1{font-size:32px;margin:0 0 7px}.course-banner p{margin:0;font-size:12px;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson-card{border-radius:18px;border:1px solid var(--line);background:white;padding:0;overflow:hidden;text-align:left;color:var(--ink)}.lesson-card .art{height:156px;background:#fff;display:grid;place-items:center;position:relative}.lesson-card img{width:135px;height:135px;object-fit:contain}.lesson-number{position:absolute;left:16px;top:16px;border:1px solid var(--line);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;background:#fff;font-size:11px}.lesson-info{padding:18px;border-top:1px solid var(--line)}.lesson-info h3{font-size:17px;margin:0 0 8px}.lesson-info p{font-size:11px;color:var(--muted);margin:0 0 16px;min-height:35px}.lesson-info span{font-size:11px;color:var(--green)}.lesson-card:hover{border-color:#94b7a7}.roadmap{margin-top:25px;border:1px dashed #ccd8c9;padding:18px;border-radius:14px;font-size:12px;color:var(--muted)}.lesson-wrap{max-width:860px;margin:auto}.lesson-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.lesson-title h1{font-size:31px;margin-bottom:10px}.stepper{display:flex;gap:10px;margin:26px 0}.step{flex:1;display:flex;align-items:center;gap:8px;border-bottom:3px solid #e0e5dc;padding-bottom:13px;font-size:12px;color:var(--muted)}.step.current{border-color:var(--green);color:var(--green);font-weight:700}.step.done{border-color:#abc8a4}.step i{font-style:normal;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:white;font-size:11px}.step.current i{background:var(--green);color:white}.lesson-panel{border:1px solid var(--line);border-radius:22px;background:white;padding:30px}.lesson-panel h2{margin-bottom:9px}.instruction{font-size:13px;color:var(--muted);line-height:1.6}.lesson-words{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.match-col{display:grid;gap:11px}.match{padding:15px 12px;background:#fafbf7;border:1px solid #dfe5d8;border-radius:12px;color:var(--ink);min-height:53px}.match.target{display:flex;justify-content:space-between;align-items:center;text-align:left}.match.selected{outline:2px solid #d89e42;background:#fff7de}.match.matched{background:#e8f4e7;border-color:#a9cca7;color:#387440;opacity:1}.match.wrong{background:#fce9df;border-color:#dfa181}.speaker{width:27px;height:27px;flex-shrink:0;border-radius:50%;font-size:12px;background:#ecf2e7;color:var(--green);display:inline-grid;place-items:center}.match-feedback{min-height:25px;font-size:13px;color:var(--green);margin-bottom:4px}.pattern{background:#f5f4eb;border-radius:14px;padding:19px 21px;margin-top:23px}.pattern strong{display:block;font-family:Nunito;font-size:19px}.pattern small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.step-count{font-size:11px;color:var(--muted)}.story-scene{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;margin:28px 0}.story-scene img{width:100%;max-height:290px;object-fit:contain;align-self:center}.dialogue{display:grid;gap:15px}.speech{padding:13px 17px;border-radius:15px 15px 15px 2px;background:#edf3e9;font-size:15px;font-weight:600}.speech:nth-child(even){background:#f6eddd;border-radius:15px 15px 2px 15px}.speech small{display:block;font-weight:400;color:var(--muted);margin-top:7px;font-size:11px}.toggle{font-size:12px;color:var(--green);border:0;background:transparent;padding:6px 0;text-decoration:underline}.practice-label{display:flex;align-items:center;gap:10px;font-size:13px;margin-top:23px}.practice-label input{accent-color:var(--green);width:19px;height:19px}.quiz{margin:28px 0 20px;padding:22px;background:#f7f8f2;border-radius:16px}.quiz h3{font-size:17px}.quiz-options{display:flex;gap:9px;flex-wrap:wrap}.quiz-options button{border:1px solid #dce4d6;background:white;border-radius:10px;padding:13px 20px}.quiz-options button.correct{background:#dcefd9;border-color:#81ad7b}.quiz-options button.incorrect{background:#fae4d9;border-color:#dca58e}.canvas-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0 15px}.palette{display:flex;gap:9px;flex-wrap:wrap}.swatch{width:29px;height:29px;border-radius:50%;border:3px solid white;outline:1px solid #d6dbd0}.swatch.selected{outline:3px solid var(--green);outline-offset:2px}.coloring{display:block;background:white;width:100%;max-width:460px;aspect-ratio:1;margin:15px auto;border:1px solid var(--line);border-radius:14px;touch-action:manipulation;cursor:crosshair}.canvas-actions{display:flex;justify-content:center;gap:10px}.coloring-hint{text-align:center;font-size:11px;color:var(--muted)}.scripture{padding:26px;border:1px solid #e5e7d8;border-radius:17px;margin:20px 0;background:#f8f7ed}.scripture.command{background:#eef4e9}.scripture .eyebrow{margin-bottom:14px}.scripture blockquote{margin:0;font-family:Nunito;font-size:20px;line-height:1.6;font-weight:700}.scripture .ref{font-size:12px;color:var(--muted);margin:15px 0}.amen{background:white;border:1px solid #cfd9c7;border-radius:10px;padding:10px 20px;color:var(--green)}.amen[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.celebrate{text-align:center;padding:30px 0}.celebrate .award{font-size:58px;margin-bottom:18px}.celebrate h1{font-size:37px}.celebrate p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stat{background:white;border:1px solid var(--line);border-radius:17px;padding:24px}.stat strong{font:900 34px Nunito;color:var(--green);display:block}.stat small{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto}.schedule{width:100%;border-collapse:collapse;font-size:13px}.schedule th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:15px;border-bottom:1px solid var(--line)}.schedule td{padding:20px 15px;border-bottom:1px solid var(--line)}.schedule td:first-child{font-weight:700}.schedule small{color:var(--muted);display:block;margin-top:5px}.program-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.program-columns .mini-panel{padding:22px}.program-columns ol{padding-left:17px;font-size:11px;line-height:1.8;color:var(--muted)}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.book-card{background:white;border:1px solid var(--line);padding:25px;border-radius:19px}.book-cover{background:var(--tint);border-left:6px solid var(--color);padding:22px 15px 16px;border-radius:5px 12px 12px 5px;margin-bottom:20px}.book-cover h3{font-size:19px;margin:0}.book-cover img{width:100%;height:155px;mix-blend-mode:multiply;object-fit:contain}.book-card p{font-size:12px;color:var(--muted)}.settings{display:flex;align-items:center;gap:12px;margin:24px 0;flex-wrap:wrap}.settings input{font:14px 'DM Sans',sans-serif;padding:12px 14px;border-radius:10px;border:1px solid #cfdbcd;background:white}.reset{background:transparent;color:#986449;font-size:11px;text-decoration:underline;padding:10px}.empty{padding:35px;text-align:center;border:1px dashed #ccd8c9;border-radius:18px;color:var(--muted);font-size:13px}.skip{position:fixed;top:-60px;left:15px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#22483f;color:white;border-radius:14px;padding:14px 22px;font-size:13px;box-shadow:0 5px 20px #0002;z-index:100;display:none;max-width:90vw}#notice.visible{display:block}.mobile-brand{display:none}.completed-badge{font-size:10px;background:#e3f0db;color:#4b8046;padding:6px 10px;border-radius:20px;white-space:nowrap}.mobile-only{display:none}dialog{border:1px solid var(--line);border-radius:20px;padding:30px;max-width:430px;color:var(--ink);box-shadow:0 12px 80px #18372e30}dialog::backdrop{background:#19352d55}dialog h3{margin:0 0 14px}dialog p{font-size:13px;color:var(--muted)}dialog .settings{margin-bottom:0}
@media(min-width:1500px){.content{padding-top:44px}.hero{min-height:330px}.hero-art img{width:285px;height:285px}.hero-art:before{width:280px;height:280px}.hero h1{font-size:53px}.s1{left:36px}.s2{right:15px}}@media(max-width:1150px){.sidebar{width:198px;padding:30px 17px}.shell{grid-template-columns:198px 1fr}.topbar{padding:0 28px}.content{padding:30px 28px}.courses{gap:12px}.course{padding:20px 16px}.course h3{font-size:18px}.hero{padding:28px}.hero h1{font-size:37px}.hero-art img{width:200px;height:200px}.hero-art:before{width:195px;height:195px}.s1{left:-7px;top:1px}.s2{right:-6px;font-size:13px}.s3{font-size:14px}.hello-sticker{padding:9px}.program-columns{grid-template-columns:1fr}.book-grid{grid-template-columns:1fr}.book-card{display:grid;grid-template-columns:170px 1fr;column-gap:25px;align-items:center}.book-cover{grid-row:span 3;margin:0}.book-card .secondary{justify-self:start}.lesson-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:74px;flex-direction:row;padding:8px 9px;background:#fffef9;box-shadow:0 -4px 20px #21493609;border-right:0;border-top:1px solid var(--line)}.sidebar>.brand,.side-note,.side-footer{display:none}.nav{display:flex;width:100%;gap:3px;justify-content:space-around}.nav button{flex-direction:column;gap:4px;padding:9px 8px;font-size:9px;border-radius:9px}.nav svg{width:18px;height:18px}.workspace{padding-bottom:80px}.topbar{height:74px;padding:0 20px}.breadcrumb{display:none}.mobile-brand{display:flex;font-size:14px;gap:9px}.mobile-brand .bookmark{width:34px;height:36px;border-radius:10px}.mobile-brand small{font-size:7px;margin-top:4px}.profile>div:not(.avatar){display:none}.content{padding:23px 19px 30px}.hero{grid-template-columns:1fr;padding:27px 24px;min-height:0}.hero h1{font-size:38px;max-width:100%}.hero p{font-size:13px;max-width:90%}.hero-art{position:absolute;width:130px;right:15px;bottom:13px;height:130px;pointer-events:none}.hero-art:before{width:125px;height:125px}.hero-art img{width:126px;height:126px}.hello-sticker{display:none}.hero>.hero-copy{position:relative;z-index:2}.hero .primary{font-size:12px;max-width:190px;padding:12px 16px}.hero .eyebrow{font-size:9px}.hero p{padding-right:38px}.courses{grid-template-columns:1fr}.course{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;padding:21px}.course-top{grid-column:1;grid-row:1;justify-content:flex-start;gap:13px;margin:0 0 14px}.course h3{grid-column:1;grid-row:2}.native{grid-column:1;grid-row:3}.greeting{grid-column:2;grid-row:1/4;align-self:center;justify-self:center;font-size:32px;margin:0}.progress-meta{grid-column:1/-1;margin-top:19px}.course>.track,.course-bottom{grid-column:1/-1}.section-head h2{font-size:22px}.section-head p{font-size:10px}.lower{grid-template-columns:1fr;gap:15px}.mini-panel{padding:21px}.section-head{margin-top:26px}.main-heading{font-size:30px}.lesson-grid{gap:12px}.lesson-info{padding:14px}.lesson-info h3{font-size:15px}.lesson-card .art{height:135px}.lesson-card img{height:115px;width:115px}.lesson-info p{min-height:50px}.course-banner{padding:20px;align-items:flex-start;flex-direction:column}.course-banner h1{font-size:27px}.course-banner .secondary{font-size:12px}.lesson-title h1{font-size:27px}.lesson-panel{padding:22px 18px;border-radius:17px}.stepper{gap:6px}.step{font-size:10px;gap:5px}.step i{width:20px;height:20px;flex-shrink:0}.lesson-words{gap:12px}.match{font-size:12px;padding:14px 9px;min-height:60px}.speaker{width:23px;height:23px}.lesson-panel h2{font-size:23px}.pattern strong{font-size:17px}.story-scene{grid-template-columns:1fr}.story-scene img{max-height:170px;grid-row:1}.speech{font-size:14px}.quiz{padding:19px}.quiz-options button{font-size:13px;padding:12px}.canvas-head{align-items:flex-start;flex-direction:column}.palette{gap:12px}.swatch{height:30px;width:30px}.bottom-actions .primary{font-size:13px;padding:12px 15px}.bottom-actions{gap:10px}.scripture{padding:21px}.scripture blockquote{font-size:18px}.stats{gap:10px}.stat{padding:17px 13px}.stat strong{font-size:29px}.stat small{font-size:10px}.schedule td,.schedule th{padding:14px 9px;font-size:11px}.schedule small{font-size:10px}.book-card{display:block}.book-cover{margin-bottom:20px;max-width:230px}.book-cover img{height:140px}.book-card .secondary{font-size:13px}.topbar .avatar{width:36px;height:36px}.canvas-actions .secondary{font-size:11px;padding:10px 13px}.settings{align-items:stretch;flex-direction:column}.settings button{align-self:flex-start}.lesson-title .completed-badge{font-size:9px}.celebrate h1{font-size:29px}#notice{bottom:89px;text-align:center}.celebrate .primary{width:100%}.verse-panel blockquote{font-size:17px}}
[hidden]{display:none!important}

/* Drawing studio: Pointer Events support touch, pen and mouse without page scrolling. */
.drawing-studio{scroll-margin-top:20px;margin-top:28px}.drawing-controls{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.drawing-controls [aria-pressed="true"]{background:var(--green);color:white;box-shadow:0 0 0 2px #16766c22}.drawing-controls button{min-height:44px}.brush-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:bold}.brush-label select{border:1px solid #b9c9c2;border-radius:9px;padding:10px;background:white;color:var(--ink);font:inherit;min-height:44px}.drawing-studio .palette{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.drawing-studio .swatch{width:36px;height:36px;min-width:36px}.canvas-frame{position:relative;max-width:500px;margin:16px auto}.drawing-studio .coloring{width:100%;height:auto;display:block;touch-action:none;cursor:crosshair;background:white;user-select:none;-webkit-user-select:none}.draw-cursor{position:absolute;pointer-events:none;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid #16766c;border-radius:50%;box-shadow:0 0 0 2px white}.canvas-actions{flex-wrap:wrap}.lesson-title{flex-wrap:wrap;gap:12px}.lesson-title #drawShortcut{font-size:13px;white-space:nowrap}.drawing-studio .canvas-actions button{min-height:44px}.drawing-studio .coloring-hint{line-height:1.6}@media(max-width:760px){.drawing-controls .secondary{font-size:12px;padding:10px 12px}.drawing-studio .palette{gap:11px}.drawing-studio .swatch{width:34px;height:34px;min-width:34px}.drawing-studio .instruction{font-size:13px}}

/* A playful learning world, with a calm reduced-motion mode. */
:root{--green:#087f78;--purple:#7153bd;--orange:#e78941}.hero{background:linear-gradient(135deg,#dff4e5,#f7efcb);border-radius:30px;box-shadow:0 8px 0 #d8e4c9;min-height:325px}.hero h1{font-size:49px}.hero-art .mascot-float{position:absolute;width:100px;height:100px;right:0;top:-20px;z-index:4;animation:book-bob 3s ease-in-out infinite;transform:rotate(8deg);mix-blend-mode:normal}.course{transition:transform .2s,box-shadow .2s;box-shadow:0 5px 0 #dfe7d8}.course:hover{transform:translateY(-5px);box-shadow:0 10px 0 #dfe7d8}.primary{box-shadow:0 4px 0 #075e58;transition:transform .15s}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #075e58}.motion-toggle{border:1px solid var(--line);padding:8px 10px;border-radius:20px;background:#fff;font-size:11px;color:var(--muted)}.daily-quests{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:18px;margin:32px 0;padding:25px;background:white;border:1px solid #e0e9db;border-radius:24px}.quest-intro h2{margin:7px 0 12px}.quest-intro p{font-size:12px;color:var(--muted)}.daily-item{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;background:#f7f5ed;border-radius:17px;padding:15px;gap:8px}.daily-item>span{font-size:30px}.daily-item strong{font-size:13px}.daily-item small{font-size:11px;color:var(--muted);line-height:1.5}.daily-quests>.primary{grid-column:2/4}.daily-quests>.textbtn{align-self:center}.quest-complete{background:#e4f4e1}.adventure-map{padding:30px;background:radial-gradient(ellipse at top,#e1f2e8,#faf8ed 65%);border:1px solid #dce8d6;border-radius:26px;margin-top:25px}.map-top{display:flex;gap:20px;align-items:center;max-width:640px;margin:0 auto 25px}.map-top img{width:110px;height:110px;object-fit:contain;animation:book-bob 3s ease-in-out infinite}.map-top h2{margin:0 0 10px}.map-top p{color:var(--muted);font-size:13px;margin:0}.quest-path{max-width:680px;margin:auto;position:relative;padding:10px 0 20px}.quest-path:before{content:'';position:absolute;left:34%;top:40px;bottom:65px;border-left:7px dashed #d5dfce}.quest-stop{position:relative;display:flex;align-items:center;gap:25px;margin:25px 0;min-height:110px}.stop-0{padding-left:16%}.stop-1{padding-left:32%}.stop-2{padding-left:22%}.quest-node{position:relative;flex:0 0 83px;width:83px;height:83px;border:6px solid white;border-radius:50%;background:var(--purple);color:white;font-size:29px;box-shadow:0 7px 0 #52388e,0 9px 0 7px #dfd7ef;transition:transform .2s}.quest-node:hover{transform:scale(1.08) rotate(-5deg)}.quest-node.earned{background:#168577;box-shadow:0 7px 0 #0c655b,0 9px 0 7px #cce7da}.quest-caption{background:#fffef9;border:1px solid #e0e6d8;border-radius:16px;padding:16px 20px;max-width:290px}.quest-caption strong,.quest-caption small,.quest-caption span{display:block}.quest-caption small{font-size:12px;line-height:1.5;color:var(--muted);margin:7px 0}.quest-caption span{font-size:11px;color:var(--green);font-weight:bold}.reward-summary{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:18px 22px;border-radius:18px;background:#f2eddd;margin:20px 0;color:#7a6130;font-size:14px;font-weight:bold}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.collectible{text-align:center;padding:27px 20px;background:white;border:1px solid var(--line);border-radius:23px}.badge-token{width:90px;height:90px;border:7px solid #e3e5dd;border-radius:28px;display:grid;place-items:center;margin:0 auto 20px;font-size:38px;background:#f1f2ec;filter:grayscale(1);opacity:.65}.collectible.unlocked .badge-token{background:#fff3cd;border-color:#edc968;box-shadow:0 5px 0 #d4a844;filter:none;opacity:1;animation:badge-arrive .5s ease-out}.collectible p{font-size:12px;color:var(--muted)}.celebrate{position:relative;overflow:hidden}.celebration-mascot{width:140px;height:140px;object-fit:contain;animation:book-bob 2.5s ease-in-out infinite}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;left:calc(var(--i)*5.5%);top:-20px;width:9px;height:15px;border-radius:3px;background:#eab950;animation:confetti-fall 2.2s ease-in calc(var(--i)*.04s) both}.confetti i:nth-child(3n){background:#9876d4}.confetti i:nth-child(3n+1){background:#46bca3}.nav button.active{box-shadow:inset 0 -3px #bfd8bf}@keyframes book-bob{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -9px;rotate:3deg}}@keyframes badge-arrive{from{transform:scale(.75) rotate(-8deg);opacity:.3}to{transform:scale(1) rotate(0);opacity:1}}@keyframes confetti-fall{0%{translate:0 -20px;rotate:0deg;opacity:0}10%{opacity:1}100%{translate:0 600px;rotate:350deg;opacity:0}}.reduce-motion *{animation:none!important;scroll-behavior:auto!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:900px){.daily-quests{grid-template-columns:repeat(3,1fr)}.quest-intro{grid-column:1/-1}.daily-quests>.primary{grid-column:1/3}.badge-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hero h1{font-size:37px}.hero-art .mascot-float{width:70px;height:70px;right:7px;top:0}.daily-quests{padding:18px;gap:10px}.daily-item{padding:13px 8px}.daily-item strong{font-size:11px}.daily-item small{font-size:10px}.daily-quests>.primary{font-size:12px}.daily-quests>.textbtn{font-size:10px}.adventure-map{padding:20px 12px}.map-top{gap:12px}.map-top img{width:77px;height:77px}.map-top h2{font-size:20px}.quest-stop{gap:15px;margin:20px 0}.stop-0{padding-left:4%}.stop-1{padding-left:15%}.stop-2{padding-left:9%}.quest-node{width:66px;height:66px;flex-basis:66px;font-size:23px}.quest-caption{padding:12px;max-width:205px}.quest-caption strong{font-size:13px}.quest-caption small{font-size:11px}.quest-path:before{left:23%}.badge-grid{gap:12px}.collectible{padding:22px 14px}.collectible h3{font-size:16px}.badge-token{width:70px;height:70px;font-size:29px}.motion-toggle{font-size:9px;padding:7px}.reward-summary{font-size:12px;gap:10px}.nav button{font-size:8px;padding:8px 5px}}

.speech-practice{background:#eff5eb;border:1px solid #dbe5d6;border-radius:20px;padding:24px;margin:24px 0}.speech-practice label:not(.practice-label){display:block;font-size:14px;font-weight:bold;margin-bottom:9px}.speech-practice select{width:100%;padding:13px;border:1px solid #a8bfb4;border-radius:10px;font:inherit;background:white;color:var(--ink)}.practice-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.practice-actions svg,.speaker svg,.scripture button svg{height:18px;width:18px}.speaker{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px}.speech-practice audio{width:100%;margin:14px 0}.speech-practice .tiny{line-height:1.6}.speech-practice input{min-width:20px;min-height:20px}.practice-actions button{min-height:44px}.scripture .secondary{font-size:12px;margin:8px 0;display:inline-flex;align-items:center;gap:8px}@media(max-width:760px){.speech-practice{padding:18px 14px}.practice-actions button{font-size:12px;padding:11px}.speech-practice select{font-size:14px}.speaker{min-width:32px;min-height:38px}}
.study-card,.today-study{padding:26px;border:1px solid #d9e5dc;border-radius:24px;background:linear-gradient(110deg,#e1f2e5,#f9f2dd);margin:24px 0}.study-card{display:flex;align-items:center;gap:24px}.study-card h2,.today-study h2{margin:8px 0 12px}.study-card p,.today-study p{line-height:1.65;max-width:740px}.study-card .secondary{flex-shrink:0}.journey-languages{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.journey-languages [aria-pressed=true]{background:#16766c;color:white}.stage-grid{display:grid;gap:20px;margin:24px 0}.study-stage{display:flex;gap:20px;border:1px solid #e2e5df;background:white;border-radius:24px;padding:26px}.stage-ready{border:2px solid #16766c}.stage-number{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:#efebf7;color:#51448b;border-radius:16px;font-size:24px;font-weight:800}.study-stage h2{margin:8px 0}.study-stage li{line-height:1.7;color:#56665f}.study-stage p{line-height:1.6}@media(max-width:700px){.study-card{display:block}.study-stage{padding:18px;gap:12px}.stage-number{width:36px;height:36px}.study-stage ul{padding-left:18px}}

.completed-lessons{display:flex;flex-wrap:wrap;gap:12px}.stepper button.step{font:inherit;text-align:left;border:0;background:transparent;color:inherit;cursor:pointer}.stepper button.step:disabled{cursor:default;opacity:1}.stepper button.step:focus-visible{outline:3px solid #16766c;outline-offset:3px}.stepper button.step.current{color:#16766c}

.membership-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;margin-top:22px;border:1px solid #dde7d7;background:#f1f6eb;border-radius:16px}.membership-banner b{display:block;font:900 21px Nunito,sans-serif;color:var(--green)}.membership-banner span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.membership-plan{max-width:720px}.membership-price{font:900 52px Nunito,sans-serif;color:var(--green);margin:20px 0}.membership-price small{font:500 16px Arial,sans-serif;color:var(--muted)}.membership-plan ul{padding-left:20px;line-height:2;font-size:14px}.backup-audio{margin:15px 0;font-size:12px;color:var(--muted)}.backup-audio summary{cursor:pointer;margin-bottom:10px}@media(max-width:760px){.membership-banner{align-items:flex-start;flex-direction:column}.nav button{padding:8px 5px;font-size:8px}.membership-price{font-size:44px}}

/* Keep mobile artwork out of the reading and action areas. */
@media(max-width:760px){.hero{display:flex;flex-direction:column}.hero-art{position:relative;right:auto;bottom:auto;align-self:center;width:190px;height:170px;margin-top:20px}.hero-art img{width:170px;height:170px}.hero-art .mascot-float{width:75px;height:75px}.hero p{max-width:none;padding-right:0}.hero .primary{max-width:none;width:100%}.hero-art:before{width:165px;height:165px}.scripture blockquote{font-size:20px;line-height:1.65;overflow-wrap:anywhere}.scripture .ref{line-height:1.7}}
.membership-plan button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.scripture .ref strong{display:block;font-size:18px}

/* Tovi stays inside a separate play area and never covers the family artwork. */
.play-shortcut{margin:28px 0;padding:20px;background:#e5f4ed;border:2px solid #087f78;border-radius:22px;text-align:center}.play-shortcut a{display:inline-flex}.play-shortcut p{margin:14px 0 0}.mascot-space{position:relative;height:210px;overflow:hidden;border:2px dashed #9ebfb2;border-radius:20px;margin:20px 0;background:#f2f8ed}.mascot-space>span{display:block;text-align:center;font-size:13px;padding:8px}.tovi{position:absolute;width:110px;height:110px;padding:0;border:0;background:transparent;touch-action:none;cursor:grab}.tovi:active{cursor:grabbing}.tovi img{width:100%;height:100%;object-fit:contain;pointer-events:none}.mascot-space #resetTovi{position:absolute;bottom:4px;right:12px}.ref{font-size:16px!important;line-height:1.7!important;color:#21443d!important}.nav{overflow-x:auto}.nav button{flex-shrink:0}

/* Bright bubble edition: clear actions, cheerful surfaces and roomy touch targets. */
:root{--ink:#253451;--muted:#52627c;--green:#087b72;--cream:#f6f8ff;--line:#dce3f2;--purple:#7650c8;--orange:#ee9640}
body{background:radial-gradient(circle at 90% 5%,#fff0c9 0,transparent 26%),radial-gradient(circle at 15% 45%,#e8e0ff 0,transparent 35%),#f6f8ff}
h1,h2,h3,h4,button,.brand{font-family:Nunito,'Trebuchet MS',sans-serif}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7650c8;outline-offset:4px}
.sidebar{background:#fff;border-right:2px solid #e5e9f7}.bookmark{background:#7650c8;border-radius:16px;box-shadow:0 4px 0 #e7ddff}.brand small{color:#596782}.nav{gap:7px}.nav button{color:#52627c;min-height:47px;border-radius:17px;transition:background .15s,transform .15s}.nav button.active{background:#eee6ff;color:#5b329f;box-shadow:inset 0 -3px #d7c4ff}.nav button:hover{background:#f3edff}.nav button:nth-child(2){color:#98501b}.side-note{background:linear-gradient(145deg,#fff0be,#ffe6df);border:2px solid white;border-radius:24px}.side-note p{color:#69573f}.topbar{background:#ffffffbd;backdrop-filter:blur(12px);border-color:#e5e9f7}.avatar{background:#ffe39e;color:#714e05}.eyebrow{color:#53677d}.motion-toggle{color:#52627c;min-height:36px}.profile>.textbtn{font-size:13px;min-height:40px;display:inline-flex;align-items:center}
.hero{background:linear-gradient(115deg,#e2f9f2 0%,#e6edff 55%,#f3e5ff 100%);border:2px solid white;border-radius:34px;box-shadow:0 7px 0 #d5dff3;isolation:isolate}.hero:after{content:'';position:absolute;right:-45px;top:-90px;width:240px;height:240px;border:35px solid #ffffff60;border-radius:50%;z-index:-1}.hero h1{letter-spacing:-1.5px}.hero h1 em{color:#6740b2}.hero p{color:#465d73;font-size:15px}.pill{background:white;color:#5f4694;border:1px solid #e2d4fa;font-size:11px;padding:9px 13px}.hero-art:before{background:#ffdfa0;border:12px solid #ffffff70;box-shadow:24px -10px 0 -10px #d3c0fa}.hello-sticker{border:2px solid white;border-radius:18px;box-shadow:0 4px 0 #cdd9e9}.s1{background:#fff1cb;color:#865414}.s2{background:#f2e5ff;color:#69419a}.s3{background:#ddfff2;color:#106d5d}
.primary{border-radius:18px;padding:14px 23px;min-height:48px;box-shadow:0 5px 0 #075e58;line-height:1.35}.secondary{border:2px solid #dce3f2;border-radius:16px;min-height:46px;justify-content:center;line-height:1.4}.secondary:hover{background:#f3eeff;border-color:#c5afe9}.textbtn{color:#594099}.primary:hover{background:#066d65}.play-shortcut{display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;background:linear-gradient(100deg,#fff0cb,#ffe1e9);border:2px solid white;box-shadow:0 5px 0 #f0d9c9;border-radius:26px;margin:27px 0}.play-shortcut .primary{background:#7547ba;box-shadow:0 5px 0 #543184;white-space:nowrap}.play-shortcut p{margin:0;color:#6b4c62;font-size:13px;max-width:330px}.section-head h2{font-size:27px}.section-head p{color:#52627c}
.course{background:linear-gradient(145deg,white 20%,var(--tint));border:2px solid white;border-radius:27px;box-shadow:0 6px 0 #dbe3ef;padding:25px 23px}.course:hover{box-shadow:0 10px 0 #dbe3ef}.language-icon{width:51px;height:51px;border:3px solid white;border-radius:18px;box-shadow:0 3px 0 #d8e0ec;font-size:24px}.level-tag{background:#ffffffd9;color:#52627c;font-size:9px}.native,.progress-meta{color:#52627c}.course-bottom{border-color:#ffffff;color:#374869;font-weight:800}.course-bottom>span:last-child{border-radius:50%;background:white;width:32px;height:32px;display:grid;place-items:center}.track{height:8px;background:#dce3ef}.greeting{font-size:34px}.mini-panel,.lesson-panel,.stat,.collectible,.book-card,.study-stage{border:2px solid white;border-radius:26px;box-shadow:0 4px 0 #e0e5f2}.daily-quests{background:white;border:2px solid #e4dcf7;border-radius:28px}.daily-item{background:#e4f7ff;border:2px solid white;border-radius:22px}.daily-item:nth-child(3){background:#ffe8ec}.daily-item:nth-child(4){background:#fff0cb}.daily-item small{color:#52627c}.study-card,.today-study{background:linear-gradient(115deg,#eee5ff,#e5f5ff);border:2px solid white;border-radius:28px}.study-card p{font-size:14px}.membership-banner{background:#e5f8f0;border:2px solid white;border-radius:24px}.membership-banner span{color:#49665c}.verse-panel{background:#fff1ce}.verse-panel .tiny{color:#705a31}.day.selected{background:#eae1ff;border-color:#cdb8f5}.adventure-map{background:linear-gradient(#e2f8ef,#f3edff);border:2px solid white}.quest-caption{border:2px solid white;border-radius:22px;box-shadow:0 4px 0 #dddced}.quest-node{min-height:66px}.lesson-card{border-radius:24px;box-shadow:0 4px 0 #dce4f0}.lesson-card .art{background:#f1edff}.course-banner{border:2px solid white;border-radius:27px}.match{border:2px solid #dce3f2;border-radius:17px;background:#f8f7ff;min-height:56px}.speech{background:#e4f7f2;border:2px solid white;border-radius:21px 21px 21px 4px}.speech:nth-child(even){background:#f0e5ff}.quiz{background:#fff3d7;border-radius:23px}.quiz-options button{min-height:48px;border-radius:15px}.scripture{background:#fff4d8;border-radius:23px}.scripture.command{background:#e6f8ed}.amen{min-height:44px;border-radius:15px}.speaker{background:#e6e1ff;color:#593794}.step.current i{background:#7650c8}.step.current{color:#6740b2}.game-modes .secondary{background:white}.playhouse>.lesson-panel{padding:25px}.answer-grid button{border-radius:22px;box-shadow:0 4px 0 #dce3f2}.game-word{color:#6740b2}.arcade button{border-radius:16px;min-height:46px;background:#eee5ff;border:2px solid white;box-shadow:0 3px 0 #dacdf0}.tic-grid button{min-height:84px;background:#e8f6ff}.fact{background:#fff1ce}#toviLaunch{background:#7547ba;border-radius:28px;box-shadow:0 5px 0 #dacaf1}#toviPanel{border-color:#ad8fd7;border-radius:26px;background:#fffcff}#toviMessages p{background:#eee6ff}.tovi-user{background:#def7ef!important}
@media(hover:hover){.daily-item:hover{transform:translateY(-3px);transition:transform .2s}.hello-sticker{animation:greeting-bob 5s ease-in-out infinite}.s2{animation-delay:-1.5s}.s3{animation-delay:-3s}}@keyframes greeting-bob{50%{translate:0 -6px}}
@media(max-width:760px){.sidebar{height:84px;padding:7px 4px max(7px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 20px #57457b12}.nav{justify-content:flex-start;gap:4px;scrollbar-width:thin}.nav button{min-width:68px;min-height:60px;flex:1 0 68px;font-size:10px;padding:8px 5px;gap:5px}.nav svg{width:20px;height:20px}.workspace{padding-bottom:94px}.topbar{padding:0 16px;gap:8px}.profile{gap:7px}.profile .avatar{display:none}.profile>.textbtn{font-size:11px;padding:4px}.motion-toggle{font-size:10px;padding:6px 8px}.content{padding:22px 16px 32px}.hero{padding:26px 23px;border-radius:29px}.hero h1{font-size:38px}.hero p{font-size:14px}.hero-art{height:145px;width:175px;margin-top:20px}.hero-art img{width:150px;height:150px}.hero-art:before{width:140px;height:140px}.hero .primary{font-size:15px}.play-shortcut{display:block;text-align:center;padding:19px}.play-shortcut .primary{width:100%;font-size:15px;white-space:normal}.play-shortcut p{margin:14px auto 0;line-height:1.6}.section-head{align-items:flex-start;flex-direction:column;gap:7px}.section-head h2{font-size:26px}.section-head p{font-size:12px}.course{padding:23px;border-radius:25px}.course h3{font-size:22px}.native{font-size:13px}.level-tag{font-size:8px;padding:6px}.language-icon{width:44px;height:44px}.course-top{gap:8px}.greeting{font-size:29px}.progress-meta{font-size:12px}.daily-quests{padding:18px;gap:8px}.daily-item{padding:14px 6px}.daily-item strong{font-size:12px}.daily-item small{font-size:11px}.daily-quests>.primary{grid-column:1/-1;font-size:14px}.daily-quests>.textbtn{grid-column:1/-1;font-size:13px;min-height:40px}.study-card p{font-size:13px}.study-card .secondary{width:100%;margin-top:15px}.membership-banner .secondary{width:100%}.lesson-title h1{font-size:28px}.bottom-actions{flex-wrap:wrap}.bottom-actions .primary{font-size:14px}.lesson-panel{padding:22px 16px}.playhouse{padding:22px 16px 110px}.playhouse header p{font-size:14px}.game-settings select{min-height:48px}#notice{bottom:98px}#toviLaunch{right:12px;bottom:103px}#toviLaunch img{width:46px;height:46px}#toviPanel{bottom:103px}.account-form{max-width:100%}}
@media(max-width:380px){.mobile-brand{font-size:12px}.mobile-brand .bookmark{width:29px}.motion-toggle{max-width:58px}.hero h1{font-size:34px}.course{padding:19px}.level-tag{max-width:94px;white-space:normal;line-height:1.4}.greeting{font-size:25px}}