:root{--forest:#234e43;--forest-deep:#153b33;--teal:#447f6d;--mint:#e2efe7;--cream:#f5f2e9;--sand:#eee0bd;--gold:#b08b48;--ink:#203e36;--muted:#62776e;--line:#dce5dd;--white:#fffefa;--radius:22px;--shadow:0 4px 22px #244b4206;--font:1rem}
*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}a{color:var(--forest)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a47d36;outline-offset:4px}button{border:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.22;letter-spacing:-.035em}h1{font-size:2.45rem;margin-bottom:16px;font-weight:650}h2{font-size:1.65rem;font-weight:650;margin-bottom:18px}h3{font-size:1.3rem;font-weight:600}h4{font-size:1.15rem;margin-bottom:8px}p{margin-bottom:16px}ul,ol{padding-left:24px}li{padding-left:3px;margin-bottom:10px}small{font-size:.85em}.icon{width:24px;height:24px;display:inline-block;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted);font-size:.96rem}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:750;color:var(--teal);line-height:1.6;margin-bottom:12px}.lead{color:var(--muted);font-size:1.1rem;line-height:1.6}.pill{background:var(--mint);color:var(--forest);border-radius:100px;padding:7px 14px;display:inline-block;font-size:.72rem;letter-spacing:.045em;font-weight:750;line-height:1.45}.pill.sand{background:var(--sand);color:#6c562c}.wide{width:100%}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:24px;box-shadow:var(--shadow)}.card h2:last-child,.card p:last-child{margin-bottom:0}.gentle-card{background:#edf3ea;border-color:#dfe7d9}.sand-card{background:#f3ead5;border-color:#e6d9b9}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2,.section-head .eyebrow{margin-bottom:0}.section-head>.icon{color:var(--teal)}.section-head>span.muted{font-size:.8rem}.inline-actions{display:flex;gap:12px;flex-wrap:wrap}.stack{display:grid;gap:18px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.page-heading{margin:12px 0 30px}.page-heading .lead{max-width:610px}.btn{min-height:56px;border:1px solid transparent;border-radius:12px;padding:13px 22px;font-size:1.02rem;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:12px;line-height:1.35;text-decoration:none;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--forest);color:#fff}.btn.primary:hover{background:var(--forest-deep)}.btn.secondary{background:#f7f9f4;border-color:#cadacf;color:var(--forest)}.btn.secondary:hover{background:var(--mint)}.btn.sand-btn{background:var(--sand);color:#644e28;border-color:#e4d4af}.btn.quiet{background:transparent;color:var(--forest);padding-left:10px;padding-right:10px}.btn.quiet:hover{background:#e3eee4}.btn .icon:last-child:not(:first-child){margin-left:8px}.icon-bubble{display:inline-flex;align-items:center;justify-content:center;background:var(--mint);color:var(--teal);border-radius:16px;width:50px;height:50px;flex-shrink:0}.icon-bubble.gold{background:var(--sand);color:#8c6c35}.sample-note{font-size:.8rem;color:var(--muted)}.text-link{background:transparent;display:inline-flex;align-items:center;gap:9px;padding:8px 0;font-weight:600;font-size:.9rem;color:var(--muted);margin-bottom:15px;min-height:44px}.text-link .icon{width:19px}.skip-link{position:fixed;top:-80px;left:10px;z-index:20;padding:12px;background:white}.skip-link:focus{top:10px}
.studio-shell{max-width:1250px;min-height:100vh;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);background:#f9faf5;border-left:1px solid #e4e8df;border-right:1px solid #e4e8df}.sidebar{background:var(--forest);color:#edf6eb;padding:38px 18px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;background:transparent;padding:0 12px;margin-bottom:45px;text-align:left}.brand-mark{width:38px;height:48px;stroke:#d5e4c8;flex-shrink:0}.brand strong{font-size:1.13rem;line-height:1.12;letter-spacing:.08em;display:block;font-weight:650}.brand small{font-size:.62rem;letter-spacing:.16em;color:#bad3bd;display:block;margin-top:8px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:13px;border-radius:12px;padding:14px 14px;background:transparent;color:#e1ece2;text-align:left;font-size:.96rem;width:100%;line-height:1.35;min-height:55px}.nav-item>.icon{width:22px;height:22px}.nav-item:hover{background:#ffffff0a}.nav-item.active{background:#477d68;color:white}.nav-item .nav-chevron{width:15px;margin-left:auto;transition:transform .2s}.nav-item[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.nav-submenu{padding:2px 0 8px 39px;display:grid;gap:2px}.nav-submenu button{background:none;color:#c9dece;font-size:.83rem;text-align:left;min-height:44px;padding:8px 8px;border-left:1px solid #ffffff30;line-height:1.3}.nav-submenu button.active{color:#fff;border-left:2px solid #cfb476;background:#ffffff09}.sidebar-footer{margin-top:auto;padding-top:28px}.sidebar-footer .nav-item{font-size:.85rem}.sidebar-note{border-top:1px solid #ffffff20;margin-top:18px;padding:16px 12px 0;color:#adccba;font-size:.68rem;letter-spacing:.02em}.main-column{min-width:0}.topbar{padding:24px 42px 10px;display:flex;justify-content:space-between;align-items:center;gap:20px}.breadcrumb{font-size:.78rem;color:var(--muted)}.topbar-actions{display:flex;gap:8px;align-items:center}.top-action{background:#eff3e9;color:var(--forest);border-radius:100px;min-height:42px;min-width:44px;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.8rem;font-weight:650}.top-action.help{background:var(--sand)}.top-action .icon{width:17px;height:17px}.mobile-menu{display:none}.profile-avatar{width:36px;height:36px;border-radius:50%;background:#dce6d3;display:flex;align-items:center;justify-content:center;color:var(--forest)}.profile-avatar .icon{width:21px}.main-content{max-width:870px;margin:auto;padding:22px 42px 55px;outline:0}.footer-note{margin-top:38px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:.7rem;color:#74857c}.footer-note button{background:none;font-size:inherit;text-decoration:underline}.bottom-nav{display:none}
.home-greeting{display:flex;justify-content:space-between;align-items:center;margin:0 0 32px}.home-greeting h1{font-size:2.85rem;line-height:1.18;margin-bottom:12px}.home-greeting .lead{margin-bottom:0}.home-greeting .eyebrow{font-size:.7rem;letter-spacing:.15em}.greeting-dot{color:var(--gold)}.welcome-sun{color:#b39a5e;background:#f1ebd8;width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.welcome-sun .icon{width:43px;height:43px;stroke-width:1.3}.progress-card{padding:23px 27px}.progress-card .section-head{margin-bottom:19px}.progress-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.progress-heading h2{margin:0;font-size:1.8rem}.progress-heading span{font-size:.84rem;color:var(--muted)}.progress-line{height:10px;background:#e1e9df;border-radius:15px;overflow:hidden}.progress-line>span{background:#659882;height:100%;display:block;border-radius:15px;min-width:13px}.progress-labels{display:flex;justify-content:space-between;font-size:.76rem;color:var(--muted);margin-top:10px}.progress-labels b{color:var(--forest)}.next-lesson{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:0 15px;background:#fffdf7;padding:30px}.lesson-intro>.pill{margin-bottom:24px}.lesson-intro .eyebrow{font-size:.72rem;margin-bottom:10px}.lesson-intro h2{font-size:2.1rem;line-height:1.2;margin-bottom:16px}.lesson-intro p:not(.eyebrow){font-size:1.05rem;color:var(--muted)}.app-illustration{width:100%;max-width:230px;justify-self:end}.next-lesson>.btn{grid-column:1/-1;justify-content:space-between;margin-top:12px;font-size:1.15rem;min-height:60px}.tips{margin:34px 0}.tips h2{font-size:1.35rem}.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tip-grid>div{border-left:1px solid #d2dfd0;padding:0 0 0 16px}.tip-grid span{font-size:.73rem;letter-spacing:.1em;color:#a0804b;display:block;margin-bottom:11px;font-weight:700}.tip-grid strong{display:block;font-size:.96rem}.tip-grid p{font-size:.8rem;color:var(--muted);margin:6px 0 0}.list-row{display:flex;align-items:center;gap:16px;width:100%;background:none;text-align:left;border-top:1px solid var(--line);padding:20px 0;min-height:70px}.list-row>span{flex:1;font-weight:600}.list-row small{display:block;font-size:.8rem;font-weight:400;color:var(--muted);margin-top:4px}.list-row>.icon:last-child{width:19px;color:var(--teal)}.list-row:hover>span{color:var(--teal)}.gentle-card .list-row:last-child{padding-bottom:3px}
.stage-track{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:35px}.stage-track>span{background:#efeadc;border-radius:14px;padding:17px 14px;color:#776648}.stage-track>span:nth-child(3){background:#eddfd6;color:#8d6854}.stage-track>span.current{background:#dcebe0;color:var(--forest)}.stage-track .icon{display:block;margin-bottom:12px;width:27px;height:27px}.stage-track b{display:block;font-size:.9rem}.stage-track small{display:block;font-size:.71rem;margin-top:5px}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}.module-choice{display:flex;gap:13px;align-items:center;text-align:left;padding:13px 15px;border-radius:12px;background:var(--white);border:1px solid var(--line);min-height:80px}.module-choice>span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#eaf0e6;border-radius:50%;font-size:.86rem;flex-shrink:0}.module-choice b{font-size:.84rem;font-weight:550;line-height:1.4}.module-choice.selected{background:#f4ebd6;border:2px solid #b69757;padding:12px 14px}.module-choice.selected>span{background:#b69757;color:white}.module-lessons>.pill{margin-bottom:20px}.module-lessons h2{margin-bottom:10px}.lesson-list{margin-top:22px}.lesson-row{width:100%;display:flex;align-items:center;gap:14px;background:#fffefa;border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:10px;text-align:left}.lesson-row.current{border-color:#71a286;background:#f0f6ed}.lesson-number{min-width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e4eee1;font-size:.76rem;color:var(--forest)}.lesson-row>span:nth-child(2){flex:1}.lesson-row strong{font-size:.95rem;font-weight:600;line-height:1.4;display:block}.lesson-row small{font-size:.73rem;color:var(--muted);display:block;margin-top:6px}.lesson-row>.icon{width:20px}.reassurance{display:flex;gap:14px;align-items:flex-start;color:var(--muted);padding:12px 8px;font-size:.95rem}.reassurance .icon{color:var(--teal)}.reassurance p{margin:0}
.video-card{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.video-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;font-size:.76rem;color:var(--muted)}.video-topline>span:first-child{display:flex;align-items:center;gap:8px;font-weight:650;color:var(--forest)}.video-topline .icon{width:16px;height:16px}.video-frame{background:#e7efe2;aspect-ratio:16/9;position:relative}.video-frame video{width:100%;height:100%;display:block;object-fit:contain}.player-controls{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px;padding:18px 20px 8px}.player-controls .btn{font-size:1.07rem;padding:13px 12px;min-height:58px}.player-controls .btn .icon{width:21px;height:21px;margin:0}.video-timeline{display:flex;align-items:center;gap:12px;padding:5px 22px;font-size:.75rem;color:var(--muted)}.video-timeline input{flex:1;min-width:0;accent-color:var(--teal);height:28px}.video-caption{font-size:.74rem;color:var(--muted);text-align:center;margin:0;padding:5px 20px 13px}.lesson-outcome{display:flex;gap:18px;padding:24px 6px 25px;margin-bottom:10px;border-bottom:1px solid var(--line)}.lesson-outcome>.icon-bubble{width:36px;height:36px;border-radius:50%}.lesson-outcome .icon{width:21px;height:21px}.lesson-outcome .eyebrow{font-size:.72rem;margin-bottom:6px}.lesson-outcome p:not(.eyebrow){font-size:1.12rem;line-height:1.6;margin-bottom:10px}.lesson-outcome details{font-size:.91rem}.lesson-outcome summary{font-size:.87rem;color:var(--teal);font-weight:600;min-height:36px;padding:8px 0}.lesson-stage-heading{margin-top:32px;margin-bottom:18px}.lesson-stage-heading .eyebrow{margin-bottom:7px}.lesson-stage-heading h2{font-size:1.45rem}.stage-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.stage-tabs button{display:flex;align-items:center;gap:8px;min-height:64px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fffefa;text-align:left;font-size:.72rem;line-height:1.35}.stage-tabs button[aria-selected=true]{background:var(--forest);color:white;border-color:var(--forest)}.tab-number{width:23px;height:23px;background:#e8eee2;color:var(--forest);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.66rem;flex-shrink:0;font-weight:700}.stage-tabs button[aria-selected=true] .tab-number{background:#ffffff21;color:white}.stage-panel{padding:26px;outline:0}.stage-panel .section-head{align-items:flex-start;gap:12px}.stage-panel .eyebrow{font-size:.68rem;letter-spacing:.09em}.time-note{font-size:.67rem;white-space:nowrap;display:flex;align-items:center;gap:5px;color:var(--muted)}.time-note .icon{width:13px;height:13px}.senior-prompt{font-size:1.55rem;line-height:1.45;font-weight:600;letter-spacing:-.025em;margin-bottom:23px}.activity-details{margin:23px 0}.activity-details summary{font-size:.88rem;font-weight:600;color:var(--teal);padding:10px 0}.activity-details ol{font-size:1rem;line-height:1.7;margin-bottom:5px}.youth-note{background:#edf2e8;border-radius:14px;display:flex;gap:14px;padding:19px;margin-top:25px}.youth-note .icon-bubble{width:34px;height:34px;background:#dce7d6;border-radius:50%}.youth-note .icon-bubble .icon{width:19px}.youth-note .eyebrow{font-size:.66rem;margin-bottom:6px}.youth-note p:not(.eyebrow){font-size:.89rem;line-height:1.65;margin-bottom:9px}.youth-note small{font-size:.7rem;color:var(--muted)}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:23px}.step-actions .btn{font-size:.93rem;min-height:51px}.step-actions>.muted{font-size:.8rem}.resources{padding:17px 24px;font-size:.94rem}.resources summary{min-height:40px;font-size:.85rem;font-weight:600;padding:9px 0}.resources summary>.icon{width:19px;margin-right:9px}.resources h3{margin-top:23px;font-size:1.02rem}.welcome-activity{border-radius:16px;background:#f4ecda;padding:22px;display:flex;align-items:center;gap:17px}.welcome-activity>.icon{width:34px;height:34px;color:#997744}.welcome-activity p{font-size:1.25rem;line-height:1.5;margin:0}.welcome-activity+.muted{margin-top:13px}.inline-callout{display:flex;align-items:center;gap:16px;background:var(--mint);padding:18px;border-radius:14px}.inline-callout p{margin:0}.practice-launch{background:#f3f6ee;border:1px dashed #b4cbb8;border-radius:16px;padding:24px;text-align:center}.practice-launch .pill{margin-bottom:12px}.practice-launch p{font-size:.95rem}.quote-card{background:#f5edde;border-radius:14px;padding:22px;margin-bottom:18px}.quote-card>p{font-size:1.3rem}.quote-card .muted{font-size:.93rem}.quest-teaser{display:flex;align-items:center;gap:15px;margin-bottom:22px}.quest-teaser p{font-size:.96rem;margin:0;color:var(--muted)}.mini-icons{display:flex;gap:14px;margin-bottom:20px}.mini-icons>span{width:65px;height:65px;display:flex;align-items:center;justify-content:center;border:1px solid #d2dfcd;border-radius:15px;background:#f1f5ec}.mini-icons .icon{width:30px;height:30px}.comfort-choices{display:grid;gap:10px}.choice{border:1px solid #cddacb;border-radius:12px;min-height:57px;background:#f9faf5;padding:14px 17px;display:flex;align-items:center;gap:13px;text-align:left;font-size:1rem;line-height:1.4}.choice.selected{border:2px solid var(--teal);padding:13px 16px;background:var(--mint)}.choice .icon:last-child:not(:first-child){margin-left:auto}.comfort-choices+.muted{margin-top:13px;font-size:.8rem}.closing-card{padding:20px;border-radius:16px;background:#f4edda;text-align:center;margin-bottom:23px}.closing-card>.icon{width:40px;height:40px;color:#9a7945;margin-bottom:12px}.closing-card p{margin:0}.field{display:block;font-size:.95rem;font-weight:550;line-height:1.5;margin:18px 0}.field input,.field textarea,.field select{display:block;width:100%;background:#fffefa;border:1px solid #becfbe;border-radius:10px;margin-top:10px;padding:13px 15px;color:var(--ink);font-size:1rem;min-height:54px;font-weight:400}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#7f8a7d;font-size:.93rem}fieldset{border:0;padding:0;margin:0 0 25px}legend{font-size:.95rem;font-weight:550;margin-bottom:13px}
.character-card{max-width:620px}.character-preview{background:#e1ecdb;color:var(--forest);width:116px;height:116px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:5px auto 27px;box-shadow:0 0 0 10px #f2f4e8}.character-preview .icon{width:65px;height:65px;stroke-width:1.3}.character-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.character-option{border:1px solid var(--line);border-radius:13px;background:#f9faf4;display:flex;align-items:center;flex-direction:column;gap:10px;padding:17px 8px;font-size:.8rem}.character-option .icon{width:36px;height:36px;stroke-width:1.4}.character-option.selected{border:2px solid var(--teal);padding:16px 7px;background:var(--mint)}.character-card>.muted{font-size:.8rem;text-align:center;margin-top:17px}.character-strip{display:flex;align-items:center;gap:13px;margin-bottom:22px}.character-strip>span:nth-child(2){flex:1}.character-strip small{font-size:.74rem;color:var(--muted);display:block;margin-top:3px}.character-avatar{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--mint)}.quest-world{border-radius:22px;overflow:hidden;border:1px solid #cedac4;margin-bottom:25px;background:#e9efdf}.trail-art{height:240px;position:relative;background:radial-gradient(ellipse at 95% 100%,#c2d4b3 0 30%,transparent 31%),radial-gradient(ellipse at 0% 95%,#d6e1c5 0 40%,transparent 41%),linear-gradient(#e9efdf,#eef0d8)}.trail-art:before{content:"";position:absolute;width:70%;height:120px;left:15%;bottom:15px;border:24px solid #d9c99f;border-top:0;border-radius:0 0 50% 50%;transform:rotate(-8deg)}.trail-stop{position:absolute;display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:20px;background:#fffbed;box-shadow:0 6px 0 #b8c3a688;color:var(--forest);z-index:1}.trail-stop .icon{width:38px;height:38px}.trail-stop.first{left:18%;top:41px}.trail-stop.second{right:15%;top:20px;background:#f2e5c6}.trail-person{position:absolute;left:47%;bottom:14px;width:62px;height:62px;display:flex;align-items:center;justify-content:center;background:var(--forest);color:white;border:6px solid #fffdf1;border-radius:50%;z-index:2}.trail-person .icon{width:32px;height:32px}.trail-plant{position:absolute;left:4%;bottom:18px;transform:rotate(-20deg);color:#87a67d}.trail-plant .icon{width:80px;height:90px;stroke-width:1.2}.quest-dialogue{background:#fffdf5;padding:28px}.quest-dialogue>.pill{margin-bottom:17px}.quest-dialogue h2{font-size:1.8rem}.quest-dialogue p{font-size:1.12rem}.quest-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quest-choices .choice{flex-direction:column;justify-content:center;gap:10px;padding:18px 8px}.quest-choices .icon{width:32px;height:32px}.quest-feedback{min-height:24px;color:var(--forest);font-size:.95rem!important;margin:12px 0 0}.earned-badge{display:flex;align-items:center;gap:12px;padding:17px;background:var(--sand);color:#705626;border-radius:12px;font-weight:650}.earned-badge>.icon{width:37px;height:37px}.quest-step-list{list-style:none;padding:0;margin:20px 0 0}.quest-step-list li{display:flex;align-items:center;gap:14px;padding:12px 0;margin:0}.quest-step-list li>span{border-radius:50%;width:30px;height:30px;background:#eef2e8;color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.quest-step-list strong{flex:1;font-size:.97rem;font-weight:500}.quest-step-list small{font-size:.73rem;color:var(--teal)}.quest-step-list .now>span{background:var(--sand);color:#775e2c}.quest-step-list .now strong{font-weight:700}.quest-step-list .now small{background:var(--sand);padding:4px 11px;border-radius:30px;color:#775e2c}
.evidence-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.evidence-steps>span{display:flex;align-items:center;flex-direction:column;gap:12px;padding:14px 7px;border-radius:13px;background:#eef3e9;text-align:center;font-size:.72rem;font-weight:600}.evidence-steps>span:nth-child(even){background:#f5edd8}.evidence-card .section-head{align-items:flex-start}.evidence-card .section-head .eyebrow{margin-bottom:8px}.check-row{display:flex;gap:14px;align-items:flex-start;padding:14px 0;font-size:1rem}.check-row input{width:24px;height:24px;accent-color:var(--forest);flex-shrink:0;margin:2px 0 0}.review-check{background:#eff3ea;border-radius:12px;padding:18px!important;margin:20px 0;font-size:.86rem}.ready-field{margin-top:25px}.ready-field .comfort-choices{grid-template-columns:repeat(3,1fr)}.ready-field .choice{font-size:.82rem;justify-content:center;padding:12px 7px;text-align:center}.readiness{display:flex;gap:12px;align-items:center;padding:17px 0 25px;font-size:.9rem;color:var(--muted)}.readiness.is-ready{color:var(--forest)}.saved-message{font-size:.83rem;color:var(--teal);display:flex;gap:8px;align-items:center;margin:15px 0 0}.checkpoint>.pill{margin-bottom:20px}.checklist{list-style:none;padding:0}.checklist li{position:relative;padding:8px 0 8px 28px;font-size:.98rem}.checklist li:before{content:"";position:absolute;left:0;top:17px;width:8px;height:8px;border-radius:50%;background:#92b39a}.checkpoint-evidence{display:flex;align-items:center;gap:12px;background:#f2eedf;padding:16px;border-radius:12px;font-size:.88rem;margin-bottom:17px}.checkpoint>.muted{font-size:.8rem}
.role-card{border-radius:18px;border:1px solid var(--line);padding:23px;background:#edf3e7}.role-card:nth-child(2n){background:#f5eddc}.role-card .icon-bubble{margin-bottom:17px}.role-card h2,.role-card h3{font-size:1.15rem;line-height:1.4}.role-card p{font-size:.9rem;color:var(--muted);margin:0}.two-col .card{margin:0}details.card>summary{min-height:44px;padding:10px 0;font-weight:600;cursor:pointer}summary{cursor:pointer}summary::marker{color:var(--teal)}details.card[open]>summary{margin-bottom:20px}.empty-state{text-align:center;padding:28px 12px}.empty-state>.icon{width:45px;height:45px;color:var(--teal);margin-bottom:20px}.empty-state h2{font-size:1.4rem}.empty-state p{color:var(--muted);font-size:1rem}.note-card{background:#fffbee;border:1px solid #e6dfc6;border-radius:16px;padding:22px}.note-card p{white-space:pre-wrap;overflow-wrap:anywhere}.note-card .eyebrow{font-size:.7rem}
.modal-backdrop{position:fixed;inset:0;background:#122e28b5;display:flex;align-items:center;justify-content:center;padding:24px;z-index:30;backdrop-filter:blur(3px)}.modal{background:#fffdf6;border-radius:24px;max-width:580px;width:100%;max-height:90vh;overflow:auto;padding:30px;box-shadow:0 20px 90px #0003}.modal>.section-head{margin-bottom:17px}.modal-close{border-radius:50%;width:43px;height:43px;display:flex;align-items:center;justify-content:center;background:#eef2e7}.modal h2{margin-bottom:12px}.modal p{font-size:1rem}.practice-device{border:9px solid var(--forest-deep);border-radius:22px;padding:20px;background:#f4f6ed;min-height:320px;margin-top:20px}.practice-device .section-head{margin-bottom:18px}.practice-device h3{font-size:1.2rem;margin:0}.practice-device .practice-launcher{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column}.practice-launcher .btn{flex-direction:column;gap:18px;width:130px;height:130px;border-radius:26px;background:var(--forest);color:white}.practice-launcher .icon{width:46px;height:46px}.practice-icons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.practice-icons .choice{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#fffdf4;min-height:90px}.practice-icons .icon{width:30px;height:30px}.practice-feedback{min-height:54px;background:#e7efdf;color:var(--forest);border-radius:12px;padding:12px 16px;margin-top:16px;font-size:.9rem}.modal .btn{font-size:.95rem}.reset-details{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.reset-details summary{font-size:.8rem}.reset-details p{font-size:.85rem;margin-top:14px}.no-scroll{overflow:hidden}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(30px);background:var(--forest-deep);color:white;border-radius:14px;padding:14px 24px;max-width:90vw;z-index:50;font-size:.92rem;box-shadow:0 8px 35px #122e2833;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#658d76 transparent}.sidebar-footer{flex-shrink:0}
.card.list-row{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:start;padding:24px;background:var(--white);border:1px solid var(--line);gap:16px}.card.list-row>.icon-bubble{width:50px;height:50px;flex:none}.card.list-row>div{min-width:0}.card.list-row>.btn{grid-column:2;justify-self:start}.card.list-row h3{margin-bottom:12px}.card.list-row p{margin-bottom:10px}
.large-text{font-size:19px}.large-text .main-content{font-size:1.1rem}.large-text h1{font-size:2.8rem}.large-text .senior-prompt{font-size:1.85rem}.large-text .btn{font-size:1.18rem}.large-text .stage-tabs button{font-size:.86rem}.large-text .youth-note p:not(.eyebrow){font-size:1rem}
@media(min-width:1350px){.studio-shell{margin:28px auto;border-radius:25px;overflow:clip;min-height:calc(100vh - 56px);box-shadow:0 20px 80px #213e3410}.sidebar{height:calc(100vh - 56px);top:28px;border-radius:24px 0 0 24px}.main-content{padding-top:30px}.topbar{padding-top:30px}}
@media(max-width:1050px){.studio-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:30px 12px 18px}.brand{gap:9px;padding:0 10px}.brand strong{font-size:1rem}.brand-mark{width:32px}.nav-item{font-size:.86rem;padding:14px 11px;gap:10px}.nav-item>.icon{width:20px}.nav-submenu{padding-left:31px}.nav-submenu button{font-size:.77rem}.main-content{padding:18px 29px 45px}.topbar{padding:20px 29px 8px}.footer-note{font-size:.65rem}.home-greeting h1{font-size:2.5rem}.welcome-sun{width:65px;height:65px;margin:0}.welcome-sun .icon{width:35px;height:35px}.lesson-intro h2{font-size:1.85rem}.next-lesson{padding:25px}.tip-grid{gap:10px}.tip-grid strong{font-size:.88rem}.stage-tabs button{flex-direction:column;align-items:flex-start;gap:6px;padding:9px;font-size:.69rem}.stage-panel .section-head{display:block}.time-note{margin-top:9px}.senior-prompt{font-size:1.42rem}}
@media(max-width:760px){.studio-shell{display:block}.sidebar{position:fixed;left:0;top:0;height:100dvh;width:260px;transform:translateX(-100%);transition:transform .2s;z-index:25}.sidebar.open{transform:translateX(0);box-shadow:15px 0 90px #0004}.sidebar .brand{margin-bottom:30px}.sidebar .nav-item{font-size:1rem}.sidebar .nav-submenu button{font-size:.92rem}.drawer-shade{position:fixed;inset:0;background:#17392bbb;z-index:24;backdrop-filter:blur(2px)}.mobile-menu{display:flex;background:transparent;border:0;color:var(--forest);width:44px;height:44px;align-items:center;justify-content:center}.topbar{padding:14px 22px 5px;gap:10px}.breadcrumb{margin-right:auto;font-size:.78rem}.topbar-actions{gap:5px}.top-action{padding:7px 10px}.profile-avatar{display:none}.main-content{max-width:670px;padding:20px 24px 110px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fffef9f5;border-top:1px solid var(--line);backdrop-filter:blur(12px);padding:8px 10px max(8px,env(safe-area-inset-bottom));z-index:15}.bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;color:#6c7d70;font-size:.69rem;padding:5px}.bottom-nav button.active{color:var(--forest);background:#e8f0e2;border-radius:12px}.bottom-nav .icon{width:22px;height:22px}.home-greeting h1{font-size:2.5rem}.footer-note{font-size:.66rem}.video-topline{font-size:.7rem}.stage-tabs button{flex-direction:row;align-items:center;font-size:.75rem}.stage-panel .section-head{display:flex}.time-note{margin:0}.modal{padding:23px}.modal-backdrop{padding:15px}#toast{bottom:93px}.sidebar-footer{padding-top:15px}.main-content.dashboard-content{padding-left:20px;padding-right:20px}}
@media(max-width:470px){h1{font-size:2rem}h2{font-size:1.45rem}.page-heading{margin-bottom:25px}.page-heading .lead{font-size:1rem}.main-content{padding:17px 20px 110px}.topbar{padding:12px 16px 5px}.top-action.help span{display:none}.top-action.help{min-width:40px}.top-action{font-size:.74rem}.home-greeting{margin-bottom:26px}.home-greeting h1{font-size:2.2rem}.home-greeting .eyebrow{font-size:.59rem;letter-spacing:.13em}.home-greeting .lead{font-size:.94rem}.welcome-sun{width:48px;height:48px}.welcome-sun .icon{width:28px}.card{padding:21px;margin-bottom:20px;border-radius:18px}.progress-card{padding:21px}.progress-heading h2{font-size:1.65rem}.progress-heading span{font-size:.74rem}.progress-labels{font-size:.65rem}.next-lesson{padding:21px;gap:0;grid-template-columns:1.4fr 1fr}.lesson-intro h2{font-size:1.66rem;letter-spacing:-.035em}.lesson-intro .eyebrow{font-size:.62rem}.lesson-intro>.pill{font-size:.6rem;padding:6px 10px;margin-bottom:19px}.lesson-intro p:not(.eyebrow){font-size:.89rem}.app-illustration{width:115%;max-width:none}.next-lesson>.btn{font-size:1rem;min-height:55px}.tips{margin:29px 0}.tip-grid{gap:8px}.tip-grid>div{padding-left:10px}.tip-grid strong{font-size:.74rem;line-height:1.5}.tip-grid p{font-size:.69rem}.tip-grid span{font-size:.65rem}.tips h2{font-size:1.2rem}.list-row{gap:12px}.list-row>span{font-size:.91rem}.list-row small{font-size:.73rem}.stage-track{gap:7px}.stage-track>span{padding:14px 10px}.stage-track b{font-size:.74rem}.stage-track small{font-size:.6rem}.module-grid{gap:9px}.module-choice{gap:8px;padding:11px 9px;min-height:79px}.module-choice.selected{padding:10px 8px}.module-choice>span{width:26px;height:26px;font-size:.74rem}.module-choice b{font-size:.72rem}.lesson-row{gap:10px;padding:12px}.lesson-row strong{font-size:.88rem}.lesson-row small{font-size:.65rem}.lesson-number{min-width:28px;height:28px;font-size:.65rem}.lesson-row>.icon{width:17px}.player-controls{gap:7px;padding:13px 12px 6px}.player-controls .btn{font-size:.91rem;padding:10px 5px;gap:6px;min-height:53px}.player-controls .btn .icon{width:18px;height:18px}.video-topline{padding:13px;font-size:.65rem}.video-topline>span:nth-child(2){max-width:144px;text-align:right}.video-timeline{padding:3px 15px;font-size:.68rem}.video-caption{font-size:.66rem}.lesson-outcome{gap:12px;padding:22px 2px}.lesson-outcome .eyebrow{font-size:.63rem}.lesson-outcome p:not(.eyebrow){font-size:1rem}.lesson-outcome>.icon-bubble{width:30px;height:30px}.lesson-outcome summary{font-size:.78rem}.lesson-stage-heading h2{font-size:1.25rem}.stage-tabs{gap:7px;grid-template-columns:repeat(2,1fr)}.stage-tabs button{font-size:.77rem;min-height:55px;padding:9px;gap:8px}.stage-panel{padding:21px}.stage-panel .section-head{display:block}.time-note{margin-top:7px;font-size:.64rem}.senior-prompt{font-size:1.35rem}.welcome-activity{padding:17px;gap:12px}.welcome-activity p{font-size:1.05rem}.welcome-activity>.icon{width:26px;height:26px}.youth-note{padding:15px;gap:11px}.youth-note .icon-bubble{display:none}.youth-note p:not(.eyebrow){font-size:.87rem}.step-actions{gap:10px}.step-actions .btn{font-size:.82rem;padding:12px 14px;gap:5px}.step-actions .btn .icon{width:18px;margin-left:0}.step-actions>.muted{font-size:.74rem}.character-options{gap:8px}.character-option{font-size:.7rem}.character-option .icon{width:29px;height:29px}.quest-dialogue{padding:23px}.quest-dialogue h2{font-size:1.5rem}.quest-dialogue p{font-size:1.05rem}.trail-art{height:215px}.quest-choices{gap:8px}.quest-choices .choice{font-size:.8rem}.two-col{grid-template-columns:1fr}.role-card{padding:20px}.evidence-steps{gap:7px;grid-template-columns:1fr 1fr}.evidence-steps>span{font-size:.73rem;padding:14px}.ready-field .comfort-choices{grid-template-columns:1fr}.ready-field .choice{font-size:.9rem;min-height:52px}.check-row{font-size:.94rem}.checkpoint-evidence{font-size:.8rem}.mini-icons{gap:10px}.mini-icons>span{width:53px;height:53px}.footer-note{flex-direction:column;gap:5px}.modal h2{font-size:1.45rem}.practice-device{padding:14px;border-width:7px}.practice-device h3{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{body{background:white}.sidebar,.topbar,.bottom-nav,.footer-note,.skip-link,#toast{display:none!important}.studio-shell{display:block;max-width:none;border:0}.main-content{padding:20px;max-width:850px;margin:0 auto}.card,.stage-panel,.video-card{break-inside:avoid}.stage-tabs{grid-template-columns:repeat(4,1fr)}.modal-backdrop{display:none}}