@import "https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900;1000&display=swap";
.family-app{--leaf:#59b729;--leaf-dark:#3a8e1b;--ink:#304b42;--green:#4d9630;--paper:#fff;--sage:#f2f8ea;--line:#e3ebdc;color:#304b42;background:#fff;min-height:100vh;font-family:Nunito,sans-serif;font-size:16px}.family-app h1,.family-app h2,.family-app h3{letter-spacing:-.5px;font-family:inherit;font-weight:900}.family-app h1{font-size:34px}.family-app h2{font-size:24px}.family-app a{text-decoration:none}.family-sidebar{z-index:20;background:#fff;border-right:2px solid #edf1eb;flex-direction:column;width:230px;padding:30px 18px;display:flex;position:fixed;inset:0 auto 0 0}.family-brand{color:#4e9d34;letter-spacing:-1.5px;white-space:nowrap;align-items:center;gap:4px;font-size:30px;font-weight:1000;display:flex}.family-brand .mascot-art{object-fit:contain;width:43px;height:54px}.family-brand>span{font-size:18px}.family-tagline{letter-spacing:1px;text-align:center;color:#809273;margin:10px 0 32px;font-size:8px}.family-child-link{color:#4a8630;background:#eff9e4;border:2px solid #dbedc9;border-radius:14px;padding:14px 10px;font-size:13px;font-weight:900}.family-nav-label{letter-spacing:1px;color:#7d8e76;margin:28px 10px 12px;font-size:8px;font-weight:900}.family-sidebar nav{gap:10px;display:grid}.family-sidebar nav a{color:#6b7b65;border:2px solid #0000;border-radius:14px;align-items:center;gap:12px;min-height:54px;padding:14px 12px;font-size:14px;font-weight:900;display:flex}.family-sidebar nav a>span{font-size:23px}.family-sidebar nav a[aria-current=page]{color:#2588b1;background:#edf9ff;border-color:#b9e7fb;box-shadow:0 2px #d4edf6}.family-sidebar nav a:hover{background:#f3f8ef}.family-bottom{text-align:center;margin-top:auto;padding-top:40px;font-size:35px}.family-bottom p{color:#879a7c;margin-top:12px;font-size:12px}.family-workspace{max-width:1600px;margin-left:230px;padding:0 34px}.family-top{color:#8a9a7d;letter-spacing:1px;border-bottom:2px solid #f0f3ee;justify-content:space-between;align-items:center;gap:12px;height:94px;font-size:10px;display:flex}.family-top b{letter-spacing:0;font-weight:700}.family-top>a{letter-spacing:0;color:#59903d;border:2px solid #e3ebdb;border-bottom-width:4px;border-radius:13px;padding:11px 18px;font-size:12px;font-weight:900}.family-content{max-width:1080px;margin:30px auto 0}.family-footer{color:#8b9c80;text-align:center;border-top:1px solid #edf1e7;margin:40px 0 0;padding:25px;font-size:11px}.family-app button,.family-app input,.family-app select,.family-app textarea{font-family:inherit}.family-app button:focus-visible,.family-app a:focus-visible,.family-app input:focus-visible,.family-app select:focus-visible{outline-offset:4px;outline:3px solid #309fcf}.family-app .sets-app,.family-app .cloud-account{max-width:none;margin:0;padding:0}.family-app .sets-header,.family-app .cloud-account>a:first-child{display:none}.family-app .sets-hero,.parent-welcome{background:#f0f9dd;border:2px solid #e0edcb;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;padding:28px;display:flex}.family-app .sets-hero h1{font-size:34px}.family-app .sets-hero .mascot-art{width:135px}.family-app .sets-eyebrow,.family-eyebrow{letter-spacing:1.5px;color:#74944c;font-size:10px;font-weight:900}.family-app .sets-actions{margin-top:18px}.family-app .sets-actions a{color:#438c29;padding:12px;font-size:13px;font-weight:800}.family-app .sets-card,.family-app .cloud-account form,.family-app .cloud-account section{background:#fff;border:2px solid #e3ebdc;border-bottom-width:4px;border-radius:22px;padding:24px}.family-app .sets-card h2{margin-bottom:12px}.family-app .sets-app button,.family-app .sets-upload,.family-app .cloud-account button,.family-app .cloud-actions a,.family-app .secondary,.family-app .upload-button{color:#55734a;background:#fff;border:2px solid #dfe8d6;border-bottom-width:5px;border-radius:14px;min-height:50px;padding:12px 18px;font-weight:900}.family-app .sets-actions>button:first-child,.family-app .sets-card>button:not(.sets-library-item),.family-app .cloud-account form button,.family-primary,.family-app .primary{color:#fff;background:#61b82a;border:2px solid #4b9e1e;border-bottom:5px solid #3e8d17;border-radius:14px;min-height:50px;padding:13px 22px;font-weight:900;display:inline-block}.family-app button:hover:not(:disabled){filter:brightness(1.04)}.family-app button:active:not(:disabled){transform:translateY(2px)}.family-app .sets-app input,.family-app .sets-app select,.family-app .cloud-account input{background:#fafcf7;border:2px solid #e0e8d9;border-radius:13px;min-height:49px}.family-app .cloud-account{max-width:780px;margin:auto}.family-app .cloud-account h1{margin:10px 0 16px}.family-app .cloud-account form{max-width:600px}.family-app .sets-app .sets-library-item{color:#304b42;white-space:normal;overflow-wrap:anywhere;background:#f7fbf1;border-color:#dfe8d6;display:flex}.family-app .sets-library-item strong{color:#304b42;font-size:20px}.family-app .sets-library-item span,.family-app .sets-library-item small{color:#52654b;font-weight:600}.family-app .sets-form label{font-size:14px;font-weight:800}.family-app .sets-note,.family-app .sets-local{color:#78896d;font-size:13px}.family-app .sets-images article{background:#f8fbf4;border:2px solid #e6eddf}.family-app .app-shell{max-width:none;padding:0}.family-app .app-shell>.header{justify-content:flex-start;height:auto;padding:0 0 20px}.family-app .header .brand,.family-app .header .family-label{display:none}.family-app .header nav button{border:2px solid #e2eadb;border-radius:13px;min-height:48px;font-size:14px;font-weight:900;display:flex}.family-app .header nav .nav-active{color:#51932e;background:#eef9df;border-color:#d5e9c0}.family-app .hero{gap:24px;padding:32px 0}.family-app .hero h1{font-size:38px;line-height:1.3}.family-app .hero h1 em{color:#58a230;font-family:inherit}.family-app .hero .intro{font-size:16px}.family-app .illustration{background:#f0f9dd;border-radius:30px}.family-app .paper-title,.family-app .handwritten{font-family:inherit}.family-app .lesson-layout{gap:24px}.family-app .sample-strip,.family-app .step-card,.family-app .lesson-card,.family-app .notebook-card{border-radius:20px}.family-app .tab.active{color:#4a9228;background:#eff9e3}.family-app .app-content{padding-top:0}.family-app .practice-app{max-width:900px;font-family:inherit}.focus-brand{color:#869b77;justify-content:space-between;align-items:center;max-width:900px;margin:auto;padding:18px 20px 0;font-size:12px;display:flex}.focus-brand>a{color:#4e9d34;letter-spacing:-1px;align-items:center;gap:5px;font-size:25px;font-weight:1000;display:flex}.focus-brand .mascot-art{object-fit:contain;width:38px;height:46px}.focus-brand>a>span{font-size:18px}.parent-welcome h1{margin:10px 0 16px}.parent-welcome p{color:#718463;max-width:450px;margin-bottom:22px}.parent-welcome .mascot-art{width:190px}.parent-home>h2{margin:30px 0 20px}.parent-cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.parent-cards>a{color:#304b42;border:2px solid #e3ebdc;border-bottom-width:5px;border-radius:22px;padding:24px}.parent-cards>a:hover{background:#f9fcf4}.parent-card-icon{background:#f0f8e5;border-radius:17px;place-items:center;width:56px;height:56px;margin-bottom:18px;font-size:30px;display:grid}.parent-cards h3{margin-bottom:8px;font-size:20px}.parent-cards p{color:#7b8c70;min-height:48px;font-size:14px}.parent-cards strong{color:#56a02f;margin-top:20px;font-size:13px;display:block}@media (max-width:1100px){.family-sidebar{width:200px;padding:24px 12px}.family-brand{font-size:26px}.family-sidebar nav a{gap:9px;font-size:12px}.family-workspace{margin-left:200px;padding:0 24px}.family-app .hero{grid-template-columns:1fr}.family-app .illustration{display:none}.family-app .lesson-layout{grid-template-columns:1fr}.family-app .sets-hero h1{font-size:29px}}@media (max-width:700px){.family-sidebar{border-bottom:2px solid #edf1eb;border-right:0;width:auto;padding:16px;display:block;position:relative}.family-brand{font-size:26px}.family-brand .mascot-art{width:32px;height:40px}.family-tagline,.family-nav-label,.family-bottom,.family-child-link{display:none}.family-sidebar nav{gap:7px;margin-top:14px;padding-bottom:5px;display:flex;overflow-x:auto}.family-sidebar nav a{white-space:nowrap;flex-shrink:0;min-height:48px;padding:10px;font-size:12px}.family-sidebar nav a>span{font-size:18px}.family-workspace{margin:0;padding:0 16px}.family-top{letter-spacing:0;height:68px}.family-top b{display:none}.family-top>a{padding:8px 12px}.family-content{margin-top:22px}.family-app h1,.family-app .hero h1{font-size:28px}.family-app .sets-hero,.parent-welcome{gap:10px;padding:20px}.family-app .sets-hero .mascot-art{width:78px}.family-app .sets-hero h1{font-size:26px}.family-app .sets-hero p{font-size:12px}.family-app .sets-card,.family-app .cloud-account form,.family-app .cloud-account section{padding:18px}.family-app .sets-form{grid-template-columns:1fr}.family-app .sets-images{grid-template-columns:1fr 1fr}.parent-welcome .mascot-art{width:90px}.parent-welcome p{font-size:13px}.family-primary{padding:12px;font-size:12px}.parent-cards{grid-template-columns:1fr}.parent-cards p{min-height:0}.focus-brand>span{display:none}.family-app .header nav button{display:flex}.family-app .header nav{flex-wrap:wrap}.family-app .hero{padding:24px 0}.family-app .steps{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.family-app *{transition:none!important;animation:none!important}}.family-app .hero{background:#f0f9dd;border:2px solid #e0edcb;border-radius:24px;grid-template-columns:minmax(0,1fr) 210px;margin:24px 0;padding:28px}.family-app .hero-copy{min-width:0}.family-app .illustration{background:url(/mockup/vit-mam-wave.png) 50%/contain no-repeat;width:100%;min-width:0;height:260px;display:block}.family-app .illustration>*{display:none}.family-app .hero h1{font-size:32px}.family-app .hero-actions{flex-wrap:wrap;gap:12px}.family-app .hero-actions button{font-size:13px}.family-app .steps{grid-template-columns:repeat(3,minmax(0,1fr))}.family-app .steps article{min-width:0;padding:18px}.family-app .app-shell>footer{display:none}.family-app .page-enter{animation:none}.family-app .lesson-layout>*{min-width:0}@media (max-width:850px){.family-app .hero{grid-template-columns:minmax(0,1fr)}.family-app .illustration{display:none}.family-app .steps{grid-template-columns:1fr}.family-app .steps article+article{border-top:1px solid #e3ebdc;border-left:0}.family-app .sample-strip{flex-wrap:wrap}.family-app .hero h1{font-size:28px}}.lesson-help{background:#fafcf7;border:2px solid #e5eddd;border-radius:14px;margin-top:14px;padding:12px 16px}.lesson-help summary{cursor:pointer;color:#55734a;min-height:24px;font-weight:800}.lesson-help[open] summary{margin-bottom:14px}.lesson-help .instruction,.lesson-help .hints{margin:0}.lesson-help .explanation{padding:0}.exercise-card .translation-help{color:#657a56;margin:8px 0 16px;padding:8px 14px;font-size:13px}.exercise-card .translation-help summary{cursor:pointer}.exercise-card .translation-help p{padding-top:8px}.family-top>.family-parent-link{color:#55734a;border:0;padding:0}.parent-home>.cloud-account{max-width:none}.parent-home>.cloud-account>h1{margin-top:0}.parent-home>.cloud-account>form{margin-top:16px}@media (max-width:700px){.family-sidebar nav{display:none}.family-content{margin-top:16px}.family-top{height:56px}}