@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600;700&display=swap');
:root{--ink:#253e39;--muted:#6d7f78;--green:#217362;--deep:#165e4f;--cream:#f8f8f2;--line:#e5e9df;--yellow:#f7c65e;--radius:25px;font-family:'DM Sans',system-ui,sans-serif;font-weight:500;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d69618;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3,.round-font{font-family:'Fredoka','Arial Rounded MT Bold',system-ui,sans-serif;font-weight:500}svg{display:block}img{max-width:100%}.app-shell{min-height:100vh;display:grid;grid-template-columns:228px 1fr}.sidebar{padding:32px 23px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fffefa}.brand{display:flex;align-items:center;gap:9px}.brand-icon{height:43px;width:43px;border-radius:14px;background:var(--green);display:grid;place-items:center;color:white;font-family:Fredoka,sans-serif;font-size:23px;font-weight:600}.brand-word{font-size:23px;letter-spacing:-1px;font-weight:700}.brand-sub{font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-top:2px;color:var(--muted)}.nav-label{margin:44px 12px 12px;font-size:11px;letter-spacing:1.7px;font-weight:700;color:#94a39a}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;padding:14px;border-radius:13px;color:#6b7c74;font-weight:500}.nav button.active{background:#e8f2e7;color:var(--green);font-weight:700}.icon{width:21px;height:21px;flex:none;display:inline-block}.sidebar-bottom{margin-top:auto}.little-note{border-radius:19px;background:#fff2d4;padding:18px;margin:30px 0 20px;font-size:13.5px;line-height:1.6}.little-note strong{display:block;margin:7px 0;font-size:15.5px}.smallmark{font-size:11px;text-align:center;color:#8a978f;line-height:1.6}.main{min-width:0}.topbar{height:94px;padding:20px 45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffefa}.breadcrumb{font-size:14.5px;color:var(--muted)}.top-actions{display:flex;gap:12px;align-items:center}.profile-chip{display:flex;gap:10px;align-items:center;background:white;border:1px solid var(--line);border-radius:30px;padding:5px 12px 5px 5px;font-size:14.5px;font-weight:700}.avatar{border-radius:50%;object-fit:cover;object-position:center;display:inline-flex;align-items:center;justify-content:center;background:#f6d66c;flex:none;overflow:hidden}.avatar img{height:100%;width:100%;object-fit:cover}.avatar-emoji{font-size:55%}.content{max-width:1270px;padding:36px 45px 40px;margin:auto}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;color:var(--green);display:flex;gap:7px;align-items:center}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.page-heading h1{font-size:35px;line-height:1.15;letter-spacing:-.4px}.page-heading p{font-size:14.5px;color:var(--muted);margin-top:9px;line-height:1.7}.pill{font-size:12.5px;border-radius:25px;background:#e9f2e6;color:#4d7856;padding:8px 12px;white-space:nowrap}.hero{background:#faeab7;border:1px solid #f0dfa9;min-height:260px;border-radius:var(--radius);position:relative;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;margin-bottom:30px}.hero-copy{padding:32px;z-index:1}.hero h2{font-size:38px;line-height:1.13;margin:11px 0;color:#385340;max-width:360px}.hero p{font-size:14.5px;line-height:1.75;max-width:320px;color:#67765c;margin-bottom:19px}.primary,.secondary,.soft,.danger{border:0;border-radius:13px;padding:13px 19px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:14.5px;font-weight:700;min-height:46px;text-decoration:none}.primary{background:var(--green);color:white;box-shadow:0 3px 0 #165d4e}.primary:hover{background:var(--deep)}.secondary{border:1px solid #dfe5d8;background:white}.secondary:hover{background:#f4f7f0}.soft{background:#edf2e7;color:var(--green)}.danger{background:#fff0ed;color:#a24533}.icon-button{background:white;border:1px solid var(--line);border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.hero-art{position:relative;min-height:250px;display:flex;align-items:center;justify-content:center}.rug-line{position:absolute;inset:20px;border:2px dashed #d3b765;border-radius:130px;transform:rotate(-10deg)}.paper-card{height:189px;width:142px;background:#fffef6;border-radius:19px;box-shadow:0 10px 0 #c6ac6433,0 7px 20px #a5832322;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #fff}.paper-card.back{transform:rotate(-16deg) translateX(-83px);color:#e58b6b}.paper-card.front{transform:rotate(8deg) translateX(37px);top:35px;z-index:1}.paper-letter{font-family:Fredoka,sans-serif;font-size:67px;line-height:1;color:#ec8e70}.paper-name{font-size:11px;letter-spacing:1.8px;color:#41866b;margin-top:8px;font-weight:700}.star-decoration{position:absolute;color:#f6b952;font-size:36px;right:25px;top:27px;transform:rotate(15deg)}.sprout{position:absolute;font-size:28px;bottom:30px;left:28px}.section-header{display:flex;justify-content:space-between;align-items:center;margin:23px 0 16px}.section-header h2{font-size:23px}.text-link{background:none;border:0;color:var(--green);font-size:13.5px;display:flex;gap:7px;align-items:center;font-weight:700}.activities{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.activity{position:relative;padding:20px 17px 17px;border:1px solid var(--line);border-radius:20px;background:#fffefa;text-align:left;transition:transform .18s,box-shadow .18s;min-width:0}.activity:hover{transform:translateY(-4px);box-shadow:0 8px 18px #253e3909}.activity-art{border-radius:15px;min-height:105px;display:flex;align-items:center;justify-content:center;margin-bottom:17px;font-family:Fredoka,sans-serif;font-size:43px;letter-spacing:1px}.activity h3{font-size:19px;margin-bottom:5px}.activity p{font-size:12.5px;line-height:1.6;color:var(--muted)}.activity-bottom{display:flex;justify-content:space-between;margin-top:18px;align-items:center}.activity-count{font-size:11px;color:#879488}.arrow-circle{border-radius:50%;height:24px;width:24px;background:#edf1e8;display:grid;place-items:center}.arrow-circle .icon{width:13px;height:13px}.lower-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:25px}.daily-card{display:flex;align-items:center;gap:20px;background:#e7eee3;border-radius:19px;padding:22px}.daily-card h3{font-size:20px;margin-bottom:5px}.daily-card p{font-size:13.5px;color:#6c7c69;line-height:1.6}.daily-card .text-link{padding:0;margin-top:10px}.badge-art{font-size:36px;min-width:52px;text-align:center}.tiny-stats{background:#fffefa;border:1px solid var(--line);border-radius:19px;padding:20px;display:flex;align-items:center;gap:15px}.stat-value{font-family:Fredoka,sans-serif;font-size:31px}.tiny-stats p{font-size:12.5px;color:var(--muted);line-height:1.6}.bottom-caption{text-align:center;margin-top:28px;color:#8c998e;font-size:11px;letter-spacing:.3px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid #dce4d8;border-radius:30px;padding:10px 16px;background:#fffefa;font-size:13.5px}.tab.active{background:var(--green);border-color:var(--green);color:white}.input{border:1px solid #dce3d7;border-radius:12px;background:white;min-height:45px;padding:11px 13px;color:var(--ink);width:100%}.search{width:190px;margin-left:auto}.flashcard-layout{display:grid;grid-template-columns:1fr 270px;gap:24px}.learning-card{background:white;border:1px solid var(--line);border-radius:27px;position:relative;overflow:hidden;min-height:405px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 7px 0 #e8eadd}.card-topline{position:absolute;top:20px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px;color:#91a18d}.big-symbol{font-family:Fredoka,sans-serif;font-weight:600;font-size:105px;line-height:1.2;display:flex;align-items:center;justify-content:center;min-height:123px;gap:22px}.big-symbol .object-emoji{font-size:70px}.word-label{font-size:22px;font-family:Fredoka,sans-serif;margin:6px 0 18px}.identity{display:flex;flex-direction:column;align-items:center;gap:9px}.identity-name{font-size:14.5px;letter-spacing:2px;font-weight:700;color:var(--green);text-transform:uppercase}.card-controls{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:9px}.side-panel{background:#fffefa;border:1px solid var(--line);border-radius:23px;padding:23px}.side-panel h3{font-size:21px;margin-bottom:10px}.side-panel p{color:var(--muted);font-size:14.5px;line-height:1.7}.side-panel .primary,.side-panel .secondary{width:100%;margin-top:17px}.tip{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.tip strong{font-size:13.5px}.tip p{font-size:13.5px;margin-top:6px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:9px;margin-top:24px}.mini-card{min-height:65px;border:1px solid var(--line);border-radius:15px;background:#fffefa;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:26px;font-family:Fredoka,sans-serif;position:relative}.mini-card.selected{outline:2px solid var(--green);background:#eef5e8}.mini-card small{font:9px 'DM Sans',sans-serif;color:var(--muted)}.seen-dot{position:absolute;right:6px;top:6px;width:5px;height:5px;background:#75a37a;border-radius:50%}.shape{display:inline-block;flex:none;width:90px;height:90px;background:var(--shape-color,#db876b)}.shape-circle{border-radius:50%}.shape-triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-square{border-radius:3px}.shape-rectangle{width:120px;height:75px;border-radius:3px}.shape-oval{width:120px;height:75px;border-radius:50%}.shape-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}.shape-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shape-heart{clip-path:polygon(50% 95%,4% 44%,0 24%,13% 6%,31% 2%,50% 20%,69% 2%,87% 6%,100% 24%,96% 44%)}.shape.small{width:30px;height:30px}.shape.small.shape-rectangle,.shape.small.shape-oval{width:38px;height:26px}.color-swatch{height:87px;width:87px;border-radius:50%;border:2px solid #253e3922;display:inline-block}.color-swatch.small{height:28px;width:28px}.counter-dots{display:flex;flex-wrap:wrap;justify-content:center;max-width:240px;gap:7px;margin:8px auto 17px}.counter-dot{width:13px;height:13px;background:#e9b75f;border-radius:50%}.empty{padding:35px;text-align:center;border:1px dashed #cfdbc7;border-radius:21px;background:#fffefa}.empty h3{font-size:24px;margin:10px 0}.empty p{font-size:14.5px;line-height:1.7;color:var(--muted)}.game-start{max-width:760px;margin:0 auto;text-align:center;padding:15px}.game-start h2{font-size:32px;margin:12px 0}.game-start p{font-size:15.5px;color:var(--muted);line-height:1.8}.game-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.game-options button{padding:22px;border-radius:18px;background:white;border:1px solid var(--line);font-family:Fredoka,sans-serif;font-size:18px}.game-options button.active{background:#e8f1e4;border-color:var(--green)}.game-options .category-symbol{display:block;font-size:31px;margin-bottom:8px}.game-stage{max-width:770px;margin:auto}.game-progress{display:flex;gap:8px;margin:20px 0}.game-progress span{height:7px;flex:1;background:#e0e8d9;border-radius:8px}.game-progress span.done{background:#72a57a}.game-question{text-align:center;background:white;border:1px solid var(--line);border-radius:26px;padding:28px}.game-question h2{font-size:29px;margin:12px 0 19px}.question-art{height:100px;display:flex;align-items:center;justify-content:center;font-size:76px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.choice{border:2px solid #e1e8da;border-radius:22px;min-height:130px;background:white;font-family:Fredoka,sans-serif;font-size:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.choice small{font-family:'DM Sans',sans-serif;font-size:13.5px}.choice.correct{border-color:#3a9067;background:#e5f3e4}.choice.wrong{border-color:#e6b657;background:#fff5d7}.feedback{min-height:75px;text-align:center;display:flex;align-items:center;justify-content:center;gap:15px;margin-top:16px;flex-wrap:wrap}.feedback p{font-size:15.5px}.celebration{text-align:center;background:#f9edc8;border-radius:29px;padding:35px;max-width:700px;margin:25px auto}.celebration h2{font-size:37px;margin:17px 0 10px}.celebration p{font-size:15.5px;line-height:1.8;color:#637359}.celebration .button-row{justify-content:center}.reward-stars{font-size:40px;letter-spacing:10px;margin:16px 0}.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}.camera-layout{display:grid;grid-template-columns:1fr 270px;gap:24px}.camera-stage{background:#dce8d8;border-radius:25px;position:relative;aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-stage video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-placeholder{text-align:center;padding:25px}.camera-placeholder h2{font-size:25px;margin:15px 0 8px}.camera-placeholder p{font-size:13.5px;line-height:1.8;color:#667a60;max-width:300px}.camera-overlay{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;background:#fffffff0;border-radius:19px;padding:14px 20px}.camera-overlay .big-symbol{font-size:47px;min-height:50px;gap:10px}.camera-overlay .object-emoji{font-size:36px}.camera-overlay .shape{width:45px;height:45px}.camera-overlay .color-swatch{width:45px;height:45px}.camera-overlay strong{font-size:15.5px}.camera-overlay small{display:block;font-size:11px;color:#799070;margin-top:4px}.live-pill{position:absolute;top:17px;left:17px;border-radius:30px;background:#fff9;padding:7px 10px;font-size:11px}.camera-controls{display:flex;gap:10px;justify-content:center;margin:18px 0;flex-wrap:wrap}.help-text{font-size:12.5px;color:var(--muted);line-height:1.7;margin-top:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-box{background:white;border:1px solid var(--line);border-radius:20px;padding:22px}.stat-box .eyebrow{font-size:10px;color:#829079}.stat-box .stat-value{margin:12px 0 5px}.stat-box p{font-size:12.5px;color:var(--muted)}.dashboard-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.panel{background:#fffefa;border:1px solid var(--line);border-radius:23px;padding:25px;margin-bottom:20px}.panel h2{font-size:23px;margin-bottom:10px}.panel p{font-size:13.5px;color:var(--muted);line-height:1.8}.progress-row{display:grid;grid-template-columns:87px 1fr 42px;gap:12px;align-items:center;margin-top:18px;font-size:13.5px}.progress-track{height:8px;background:#e9eee2;border-radius:9px;overflow:hidden}.progress-track span{display:block;height:100%;background:#80a575;border-radius:9px}.progress-row small{font-size:11px;text-align:right;color:var(--muted)}.session-row{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:13.5px}.session-row:last-child{border:0}.session-row small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.session-score{color:var(--green);white-space:nowrap;font-weight:700}.profile-row{display:flex;align-items:center;gap:10px;margin:13px 0}.profile-row strong{font-size:14.5px}.profile-row small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.profile-row button{margin-left:auto}.field{display:block;font-size:13.5px;font-weight:600;margin-bottom:16px}.field .input{margin-top:7px;font-weight:500}.check-row{display:flex;align-items:center;gap:8px;font-size:13.5px;margin:11px 0}.check-row input{accent-color:var(--green);width:16px;height:16px}.notes{min-height:90px;resize:vertical}.status-note{font-size:11px;color:#83907b;margin-top:10px}.modal-backdrop{position:fixed;inset:0;background:#152f2999;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fffefa;border-radius:26px;padding:28px;max-width:490px;width:100%;max-height:92vh;overflow:auto;box-shadow:0 25px 100px #0003}.modal-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.modal-title h2{font-size:26px}.modal p{font-size:14.5px;color:var(--muted);line-height:1.8;margin-bottom:17px}.modal .button-row{margin-bottom:3px}.profile-preview{display:flex;justify-content:center;margin:17px 0}.avatar-choices{display:flex;gap:8px;margin:10px 0 18px}.avatar-choice{border:1px solid var(--line);background:#f1f5e9;border-radius:12px;font-size:25px;height:42px;width:42px}.avatar-choice.active{border-color:var(--green);background:#dcecd8}.inline-error{font-size:13.5px;color:#a84231;margin:10px 0;min-height:16px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#263f35;color:white;padding:13px 22px;border-radius:14px;font-size:13.5px;z-index:200;opacity:0;transition:.2s;pointer-events:none;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}#print-sheet{display:none}.mobile-brand{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.review-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.review-chip{border:1px solid #ead9b4;background:#fff5dc;border-radius:9px;padding:7px 10px;font-size:12.5px}.about-list{font-size:14.5px;line-height:1.9;padding-left:19px;color:var(--muted)}.grow{flex:1}.subtle{font-size:12.5px;color:var(--muted)}
@media(min-width:1450px){.content{padding-top:45px}.hero{min-height:285px}.hero-copy{padding:37px}.hero-art{min-height:280px}.paper-card.front{top:48px}.activity-art{min-height:126px}}
@media(max-width:1100px){.app-shell{grid-template-columns:190px 1fr}.sidebar{padding:29px 15px}.content{padding:28px}.topbar{padding:20px 28px}.activities{gap:10px}.activity{padding:13px}.activity-art{font-size:35px;min-height:90px}.hero h2{font-size:33px}.hero-copy{padding:27px}.flashcard-layout,.camera-layout{grid-template-columns:1fr 230px}.dashboard-columns{grid-template-columns:1fr}.lower-grid{grid-template-columns:1.2fr 1fr}.paper-card.back{transform:rotate(-16deg) translateX(-48px)}.paper-card.front{transform:rotate(8deg) translateX(38px)}}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;padding:8px 9px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);border-right:0;z-index:50;display:block;background:#fffefaf5;backdrop-filter:blur(12px)}.sidebar .brand,.nav-label,.sidebar-bottom{display:none}.nav{display:flex;justify-content:space-around;gap:3px}.nav button{flex-direction:column;gap:5px;padding:8px 11px;font-size:10px;min-width:57px}.nav .icon{width:21px;height:21px}.topbar{height:78px;padding:15px 24px}.mobile-brand{display:flex}.breadcrumb{display:none}.content{padding:26px 24px 112px}.activities{gap:14px}.hero h2{font-size:35px}.hero-art{min-height:260px}.paper-card.back{transform:rotate(-16deg) translateX(-65px)}.paper-card.front{transform:rotate(8deg) translateX(25px)}.flashcard-layout{grid-template-columns:1fr 240px}.camera-layout{grid-template-columns:1fr}.camera-layout .side-panel{display:none}#toast{bottom:95px}}
@media(max-width:620px){.content{padding:23px 18px 108px}.topbar{padding:13px 18px}.brand-word{font-size:19px}.brand-icon{width:36px;height:36px;font-size:20px}.brand-sub{font-size:8px;letter-spacing:1.2px}.top-actions{gap:8px}.profile-chip{font-size:12.5px;padding-right:10px;gap:7px}.profile-chip .avatar{width:30px!important;height:30px!important}.page-heading h1{font-size:29px}.page-heading{gap:9px;margin-bottom:18px}.page-heading .pill{font-size:10px;padding:7px 10px}.page-heading p{font-size:13.5px;max-width:290px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:25px 23px 18px}.hero h2{font-size:34px;max-width:290px}.hero p{max-width:260px}.hero-art{min-height:210px;margin-top:-8px}.paper-card{height:151px;width:121px}.paper-card.front{top:17px;transform:rotate(8deg) translateX(39px)}.paper-card.back{transform:rotate(-16deg) translateX(-63px)}.paper-letter{font-size:52px}.paper-card .avatar{width:61px!important;height:61px!important}.rug-line{inset:8px 24px 17px;border-radius:90px}.star-decoration{right:48px;top:0}.sprout{bottom:31px;left:57px}.activities{grid-template-columns:repeat(2,1fr);gap:13px}.activity{padding:15px}.activity-art{min-height:102px;font-size:40px}.activity h3{font-size:20px}.activity p{font-size:12.5px}.lower-grid{grid-template-columns:1fr}.tiny-stats{padding:19px}.daily-card{padding:20px}.section-header h2{font-size:22px}.flashcard-layout{display:flex;flex-direction:column}.flashcard-layout .side-panel{display:none}.learning-card{min-height:390px;padding:30px 18px 22px}.big-symbol{font-size:94px}.card-controls .secondary{padding:12px;font-size:12.5px}.card-controls .primary{padding:12px 15px;font-size:13.5px}.toolbar{gap:13px}.tabs{gap:6px}.tab{font-size:12.5px;padding:9px 12px}.search{width:100%;margin:0}.card-grid{grid-template-columns:repeat(5,1fr)}.mini-card{font-size:23px;min-height:59px}.game-start{padding:5px 0}.game-options{grid-template-columns:repeat(2,1fr)}.game-options button{font-size:16px;padding:20px 10px}.game-question{padding:24px 18px}.game-question h2{font-size:26px}.choices{gap:9px}.choice{min-height:110px;font-size:39px;border-radius:17px}.choice .shape{height:52px;width:52px}.choice .color-swatch{height:50px;width:50px}.choice small{font-size:11px}.feedback p{width:100%;font-size:14.5px}.celebration{padding:27px 20px}.celebration h2{font-size:29px}.dashboard-grid{gap:8px}.stat-box{padding:17px 11px;border-radius:16px}.stat-box .eyebrow{font-size:9px;letter-spacing:.6px}.stat-box .stat-value{font-size:28px}.stat-box p{font-size:10px}.panel{padding:22px 18px}.camera-stage{aspect-ratio:3/4}.camera-overlay{left:12px;right:12px;bottom:12px;padding:10px 14px}.modal{padding:23px}.camera-controls .primary,.camera-controls .secondary{font-size:12.5px;padding:12px}.bottom-caption{font-size:10px}.profile-row .secondary{padding:9px 12px;font-size:12.5px}.reward-stars{font-size:34px}.button-row .primary,.button-row .secondary{flex:1}.hero-copy .primary{min-width:160px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Original ME Card palettes; the selected theme also follows exported print cards. */
:root{--card-bg:#e6f1fa;--card-border:#a7c5df;--card-accent:#356e9a}
.app-shell[data-theme="baby-blue"],#print-sheet[data-theme="baby-blue"],body:has(.app-shell[data-theme="baby-blue"]) #print-sheet{--card-bg:#e6f1fa;--card-border:#a7c5df;--card-accent:#356e9a}
.app-shell[data-theme="green"],#print-sheet[data-theme="green"],body:has(.app-shell[data-theme="green"]) #print-sheet{--card-bg:#e8f1db;--card-border:#adc68b;--card-accent:#507b3b}
.app-shell[data-theme="pink"],#print-sheet[data-theme="pink"],body:has(.app-shell[data-theme="pink"]) #print-sheet{--card-bg:#fbe6ee;--card-border:#e4afc4;--card-accent:#a44c74}
.app-shell[data-theme="purple"],#print-sheet[data-theme="purple"],body:has(.app-shell[data-theme="purple"]) #print-sheet{--card-bg:#eee6f7;--card-border:#c4aedf;--card-accent:#78539f}
.learning-card,.paper-card,.print-card{background:var(--card-bg);border-color:var(--card-border);color:var(--ink)}
.learning-card{border-top-color:var(--card-accent)!important}
.paper-name,.learning-card .identity-name,.print-card .identity-name{color:var(--card-accent)}
.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 18px}
.theme-option{--theme-color:#e6f1fa;min-width:0;min-height:72px;border:2px solid transparent;border-radius:13px;padding:10px 5px;background:#f5f6ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:600;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.theme-option::before{content:"";width:27px;height:27px;flex:none;border-radius:50%;background:var(--theme-color);border:1px solid #253e3926}
.theme-option[data-theme="baby-blue"]{--theme-color:#c6e2f5}
.theme-option[data-theme="green"]{--theme-color:#c0da9e}
.theme-option[data-theme="pink"]{--theme-color:#efb7cf}
.theme-option[data-theme="purple"]{--theme-color:#ccb4e7}
.theme-option:hover{background:#eaf0e4}
.theme-option[aria-pressed="true"]{border-color:var(--green);background:#eef5e9;box-shadow:0 0 0 1px var(--green)}
.theme-option[aria-pressed="true"]::before{box-shadow:0 0 0 3px #fff}

/* Every learning card retains the original 3 × 4.25 inch proportion. */
.flashcard-layout,.camera-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start}
.flashcard-layout>div,.camera-layout>div{min-width:0}
.learning-card{width:100%;max-width:360px;min-height:0;aspect-ratio:12/17;margin-inline:auto;padding:43px 20px 20px;container-type:inline-size}
.learning-card .card-topline{top:17px;left:17px;right:17px;gap:9px;font-size:10px;letter-spacing:.7px}
.learning-card .card-topline span:first-child{min-width:0;overflow-wrap:anywhere}
.learning-card .card-topline span:last-child{white-space:nowrap}
.learning-card .big-symbol{font-size:clamp(58px,27cqi,94px);min-height:1.12em;gap:clamp(10px,4cqi,18px);max-width:100%;line-height:1.12}
.learning-card .big-symbol .object-emoji{font-size:clamp(42px,19cqi,66px)}
.learning-card .word-label{font-size:clamp(17px,6.2cqi,22px);margin:8px 0 14px;line-height:1.25;text-align:center;overflow-wrap:anywhere;max-width:100%}
.learning-card>.object-emoji{font-size:clamp(34px,13cqi,45px)!important;margin-bottom:12px!important}
.learning-card .identity{width:100%;gap:8px}
.learning-card .identity .avatar{width:clamp(68px,25cqi,90px)!important;height:clamp(68px,25cqi,90px)!important;font-size:clamp(68px,25cqi,90px)!important}
.identity-name{max-width:100%;text-align:center;overflow-wrap:anywhere;line-height:1.4;letter-spacing:1.2px}
.learning-card .identity-name{font-size:clamp(11px,4cqi,13px)}
.learning-card .counter-dots{max-width:220px;gap:5px;margin:0 auto 12px}
.learning-card .counter-dot{width:11px;height:11px}
.learning-card .shape{width:clamp(63px,25cqi,86px);height:clamp(63px,25cqi,86px)}
.learning-card .shape-rectangle,.learning-card .shape-oval{width:clamp(88px,34cqi,116px);height:clamp(54px,21cqi,73px)}
.learning-card .color-swatch{width:clamp(63px,25cqi,86px);height:clamp(63px,25cqi,86px)}
.card-controls{width:100%;max-width:360px;margin:18px auto 0;gap:8px}
.card-controls>button{min-width:0;padding-inline:12px;line-height:1.25}
.paper-card{width:142px;height:auto;aspect-ratio:12/17;padding:10px 8px}
.paper-name{max-width:100%;text-align:center;overflow-wrap:anywhere;line-height:1.2;letter-spacing:1px;font-size:10px}
.shape-pentagon{clip-path:polygon(50% 0,98% 35%,80% 100%,20% 100%,2% 35%)}
.shape-hexagon{clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}
.shape-octagon{clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}
.shape-crescent{border-radius:50%;-webkit-mask:radial-gradient(circle at 72% 32%,transparent 0 43%,#000 44%);mask:radial-gradient(circle at 72% 32%,transparent 0 43%,#000 44%)}

/* Small screens and long learner names may wrap without widening the page. */
.page-heading>div,.top-actions,.brand,.hero-copy,.daily-card>div,.tiny-stats>div,.profile-row>div{min-width:0}
.page-heading h1,.page-heading p,.hero h2,.celebration h2,.game-start h2,.modal-title h2{overflow-wrap:anywhere}
.page-heading .pill{max-width:42%;white-space:normal;text-align:center;overflow-wrap:anywhere;line-height:1.5}
.breadcrumb{min-width:0;padding-right:16px;overflow-wrap:anywhere}
.top-actions{flex:none}
.topbar>.top-actions>.profile-chip{max-width:210px;line-height:1.3;text-align:left;overflow-wrap:anywhere}
.profile-chip .avatar,.icon-button{flex:none}
.profile-chip>span:last-child{flex:none}
.profile-row strong{overflow-wrap:anywhere}
.profile-row>div{flex:1}
.profile-row button{flex:none}
.modal .profile-chip{max-width:100%;overflow-wrap:anywhere;text-align:left;line-height:1.4}
.avatar-choices{flex-wrap:wrap}
.modal-title .icon-button{flex:none}
.modal{max-height:min(92vh,92dvh);overscroll-behavior:contain}
.section-header{gap:12px}
.section-header>h2{min-width:0;overflow-wrap:anywhere}
.section-header>.subtle{text-align:right}
.panel,.stat-box,.daily-card,.tiny-stats,.side-panel{min-width:0}
.input{min-width:0;max-width:100%}
.game-question h2,.feedback p,.session-row>div{overflow-wrap:anywhere}
.choice{min-width:0;padding:10px 5px}
.camera-stage{min-height:310px}
.camera-stage video{position:absolute;inset:0}
.camera-overlay{gap:14px;min-width:0}
.camera-overlay>.big-symbol{flex:none}
.camera-overlay>div:last-child{min-width:0;text-align:right}
.camera-overlay strong,.camera-overlay small{overflow-wrap:anywhere}
.camera-overlay .shape-rectangle,.camera-overlay .shape-oval{width:60px;height:38px}
.live-pill{right:17px;max-width:max-content;line-height:1.4}
.camera-controls>button{min-width:0}

@media(min-width:851px) and (max-width:1100px){
  .flashcard-layout,.camera-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}
  .side-panel{padding:18px}.activity h3{font-size:18px}
}
@media(max-width:850px){
  .nav button{flex:1;min-width:0;min-height:59px;padding:7px 4px;line-height:1.25;text-align:center}
  .nav button span{max-width:100%;overflow-wrap:normal}
  .topbar{min-height:78px;height:auto;gap:12px}
  .flashcard-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}
  .camera-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:620px){
  .topbar>.top-actions>.profile-chip{max-width:150px}
  .page-heading{align-items:flex-start;flex-direction:column;gap:8px}
  .page-heading .pill{max-width:100%;text-align:left}
  .page-heading h1{font-size:clamp(26px,7vw,30px)}
  .paper-card{width:118px;height:auto;aspect-ratio:12/17}
  .paper-card.front{top:13px}.paper-card .avatar{width:58px!important;height:58px!important}
  .paper-name{font-size:9px;letter-spacing:.8px;margin-top:6px}
  .paper-letter{font-size:48px}
  .flashcard-layout{display:flex;gap:18px}
  .learning-card{min-height:0;padding:41px 18px 18px}
  .card-controls .primary,.card-controls .secondary{font-size:13.5px;padding:12px 10px}
  .card-controls .icon{width:18px;height:18px}
  .card-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}
  .mini-card{padding:7px 3px;min-width:0;min-height:60px}.mini-card small{font-size:9px}
  .choice .shape-rectangle,.choice .shape-oval{width:62px;height:39px}
  .camera-stage{aspect-ratio:4/5;min-height:310px;max-height:480px}
  .camera-overlay{gap:9px;padding:10px 12px}
  .camera-overlay .big-symbol{font-size:37px;gap:7px;min-height:45px}
  .camera-overlay .object-emoji{font-size:28px}
  .camera-overlay strong{font-size:13.5px;line-height:1.3}.camera-overlay small{font-size:11px}
  .camera-overlay .shape,.camera-overlay .color-swatch{width:38px;height:38px}
  .camera-overlay .shape-rectangle,.camera-overlay .shape-oval{width:51px;height:32px}
  .camera-placeholder{padding:20px}.camera-placeholder h2{font-size:24px}
  .modal-backdrop{padding:14px}.modal{padding:22px 18px}.modal-title h2{font-size:24px}
  .theme-options{gap:6px}.theme-option{font-size:11px;padding-inline:3px}
  .button-row>button{min-width:0;white-space:normal;line-height:1.4}
  .progress-row{grid-template-columns:65px minmax(0,1fr) 36px;gap:8px}
}
@media(max-width:430px){
  .topbar{padding:12px;gap:9px}.top-actions{gap:6px;max-width:calc(100% - 121px)}
  .top-actions>.icon-button{width:34px;height:34px}.top-actions>.icon-button .icon{width:18px;height:18px}
  .topbar>.top-actions>.profile-chip{min-width:0;max-width:140px;padding:4px 8px 4px 4px;font-size:11px;gap:5px}
  .brand{gap:7px}.brand-word{font-size:17px}.brand-icon{width:32px;height:32px;font-size:18px}
  .brand-sub{font-size:7px;letter-spacing:1px}
  .content{padding:21px 14px 108px}
  .section-header h2{font-size:21px}.section-header>.subtle{max-width:96px;font-size:11px}
  .activities{gap:10px}.activity{padding:12px}.activity-art{min-height:90px}.activity h3{font-size:18px}
  .hero-copy{padding:23px 20px 18px}.hero h2{font-size:32px}
  .daily-card{gap:13px;padding:18px}.daily-card h3{font-size:19px}.badge-art{min-width:40px;font-size:31px}
  .game-question{padding:20px 12px}.game-question h2{font-size:23px}.choices{gap:7px}
  .choice{font-size:34px;min-height:102px;border-radius:15px}.choice .shape{width:45px;height:45px}
  .choice .shape-rectangle,.choice .shape-oval{width:56px;height:35px}.choice .color-swatch{width:43px;height:43px}
  .choice small{font-size:10px}.game-options{gap:9px}.game-options button{font-size:15px}
  .panel{padding:20px 15px}.panel h2{font-size:22px}
  .profile-row{gap:8px}.profile-row .avatar{width:36px!important;height:36px!important}
  .profile-row .secondary{padding:9px 10px}
  .camera-controls{gap:7px}.camera-controls .primary,.camera-controls .secondary{font-size:12.5px;padding:11px 9px}
}
@media(max-width:360px){
  .content{padding-inline:12px}.topbar>.top-actions>.profile-chip{max-width:112px}
  .topbar .profile-chip .avatar{width:26px!important;height:26px!important}
  .hero h2{font-size:29px}.hero-copy{padding-inline:18px}
  .learning-card{padding:38px 15px 16px}.learning-card .card-topline{left:14px;right:14px;font-size:9px}
  .card-controls>button{padding-inline:8px!important;font-size:12.5px!important;gap:5px}
  .card-controls .icon{width:16px;height:16px}.card-controls{gap:6px}
  .dashboard-grid{grid-template-columns:1fr}
  .stat-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:15px 17px}
  .stat-box .eyebrow{grid-column:1;font-size:10px}.stat-box p{grid-column:1;font-size:11px}
  .stat-box .stat-value{grid-column:2;grid-row:1/span 2;align-self:center;margin:0;font-size:28px}
  .theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-option{min-height:61px;flex-direction:row;font-size:12.5px;gap:8px}
  .modal-backdrop{padding:10px}.modal{padding:20px 16px}
}
@media(min-width:851px) and (max-height:650px){
  .sidebar{overflow-y:auto;padding-top:20px;padding-bottom:20px}.nav-label{margin-top:25px}.sidebar-bottom{display:none}
  .topbar{height:auto;min-height:74px;padding-block:14px}.content{padding-top:22px}
}
@media(max-width:850px) and (max-height:520px) and (orientation:landscape){
  .topbar{min-height:64px;padding-block:9px}.sidebar{padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}
  .nav button{min-height:50px;padding-block:4px;gap:3px}.content{padding-top:20px;padding-bottom:90px}
  .camera-stage{aspect-ratio:16/9;min-height:240px;max-height:none}.camera-placeholder{padding:16px}
  .camera-placeholder>.avatar{width:60px!important;height:60px!important}.camera-placeholder h2{margin:8px 0 5px;font-size:21px}
  .modal-backdrop{padding:9px}.modal{max-height:94dvh;padding:19px}
}

@media print{
  html,body{background:white!important;margin:0;padding:0}
  #app,#modal-root,#toast{display:none!important}
  #print-sheet{display:grid!important;grid-template-columns:repeat(2,3in);grid-auto-rows:4.25in;gap:.15in;justify-content:center;align-content:start;margin:0;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .print-card{box-sizing:border-box;width:3in;height:4.25in;min-width:3in;min-height:4.25in;max-width:3in;max-height:4.25in;aspect-ratio:12/17;border:1px solid var(--card-border);border-radius:.14in;break-inside:avoid;page-break-inside:avoid;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.16in;background:var(--card-bg)!important;box-shadow:none}
  .print-card .big-symbol{font-size:58pt;min-height:66pt;line-height:1.1;gap:11pt;max-width:100%}
  .print-card .big-symbol .object-emoji{font-size:40pt}
  .print-card>.object-emoji{font-size:29pt!important;margin-bottom:8pt!important}
  .print-card .shape{width:57pt;height:57pt}.print-card .shape-rectangle,.print-card .shape-oval{width:76pt;height:47pt}
  .print-card .word-label{font-size:14pt;line-height:1.25;margin:6pt 0 10pt;max-width:100%;overflow-wrap:anywhere;text-align:center}
  .print-card .identity{width:100%;gap:7pt}
  .print-card .avatar{width:58pt!important;height:58pt!important;font-size:58pt!important}
  .print-card .identity-name{font-size:9pt;line-height:1.35;letter-spacing:.6pt;overflow-wrap:anywhere;max-width:100%;text-align:center}
  .print-card .color-swatch{width:57pt;height:57pt}
  .print-card .counter-dots{max-width:165pt;gap:4pt;margin:0 auto 9pt}.print-card .counter-dot{width:7pt;height:7pt}
  @page{size:auto;margin:.35in}
}

/* Spoken practice uses the same twelve physical shape-and-color cards. */
.practice-panel{margin:20px 0;padding:17px 0;border-top:1px solid #e1e5db;border-bottom:1px solid #e1e5db}
.practice-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 15px}.practice-tabs button{font-size:13.5px;padding:10px 12px;min-height:44px}.practice-tabs button[aria-pressed="true"]{background:#217362;color:white;box-shadow:0 0 0 2px #c5dfd1}.practice-question{font-size:20px!important;line-height:1.4!important;color:#253e39!important;font-weight:700;margin:12px 0!important}.game-mode{justify-content:center;margin:20px auto}.side-panel>.primary,.side-panel>.secondary{margin-top:8px}.panel>.text-link{display:inline-flex;margin-top:12px}.theme-swatch{display:inline-block;width:24px;height:24px;border-radius:50%;border:1px solid #0001;flex-shrink:0}.learning-card{border-top:5px solid var(--card-border)}
@media(max-width:430px){.practice-tabs button{flex:1 1 42%;font-size:12.5px}.game-mode button{flex:1 1 auto}.practice-question{font-size:18px!important}}
@media(max-width:620px){.flashcard-layout .side-panel{display:block;width:100%}.flashcard-layout .side-panel>.tip{display:none}.flashcard-layout>div:first-child{width:100%}.learning-card{margin-inline:auto}.flashcard-layout .side-panel>.eyebrow,.flashcard-layout .side-panel>h3{display:none}.practice-panel{margin:10px 0;border-top:0;padding-top:0}.flashcard-layout .side-panel>p{font-size:13.5px}}

/* Keep the child's identity at the heart of the card, as in the original ME Cards. */
.learning-card .identity .avatar{width:clamp(120px,62cqi,210px)!important;height:clamp(144px,72cqi,240px)!important;font-size:clamp(120px,62cqi,210px)!important;border-radius:clamp(15px,6cqi,24px)}
.learning-card .identity .avatar img{object-fit:cover;object-position:center}
.learning-card .identity{gap:10px}
.learning-card .identity-name{font-size:clamp(13px,4.6cqi,17px)}
.avatar.photo-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:14px;background:var(--card-bg,#eef5f2);color:var(--card-accent,#527665);border:2px dashed var(--card-border,#a7c3b4);border-radius:16px;text-align:center}
.photo-placeholder .icon{width:34px;height:34px;flex:none;opacity:.75}
.photo-placeholder-label{font:500 12px/1.45 'DM Sans',sans-serif;max-width:140px;letter-spacing:0;text-transform:none}
.paper-card .photo-placeholder{padding:6px;gap:4px;border-width:1px}
.paper-card .photo-placeholder .icon{width:18px;height:18px}
.paper-card .photo-placeholder-label{font-size:8px;line-height:1.25}
.profile-preview .photo-placeholder{min-width:110px;min-height:125px}
.profile-preview .photo-placeholder-label{font-size:11px}
@media print{.photo-placeholder .icon{width:22pt;height:22pt}.photo-placeholder-label{font-size:9pt}.print-card .photo-placeholder{padding:10pt;border-width:1pt}}
.paper-card .avatar{border-radius:13px;width:68px!important;height:80px!important;font-size:68px!important}
@media(max-width:620px){.paper-card .avatar{width:58px!important;height:68px!important;font-size:58px!important}}
@media print{.print-card .identity .avatar{width:1.25in!important;height:1.5in!important;font-size:1.25in!important;border-radius:.15in}.print-card .identity-name{font-size:12pt}.print-card .big-symbol{font-size:48pt;min-height:54pt}.print-card .word-label{font-size:12pt;margin:4pt 0 7pt}.print-card .identity{gap:6pt}.print-card .counter-dots{margin-bottom:6pt}}

.learning-card[data-category="reading"]>.word-label,.print-card[data-category="reading"]>.word-label{display:none}

.voice-status{font-size:12.5px;color:#527665;white-space:nowrap}.voice-status[data-state=playing]{color:#1c765d;font-weight:700}@media(max-width:620px){.top-actions{flex-wrap:wrap;justify-content:flex-end}.voice-status{font-size:10px;flex-basis:100%;text-align:right;order:3}.topbar{align-items:center}}

/* Card backgrounds can be changed directly while exploring. */
.card-colors{width:100%;max-width:360px;margin:0 auto 16px}
.card-color-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 8px;font-size:13.5px}
.card-color-label span{font-size:11px;color:var(--muted)}
.card-colors .theme-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}
.card-colors .theme-option{min-height:56px;padding:7px 3px;gap:5px;flex-direction:column;font-size:11px;background:#fffefa}
.card-colors .theme-option::before{width:20px;height:20px}
.card-colors .theme-option[aria-pressed="true"]{background:#eef5e9}
@media print{.card-colors{display:none}}
@media(max-width:850px){.nav button span{font-size:12px}.brand-sub{font-size:8px;white-space:nowrap}.voice-status,.page-heading .pill,.bottom-caption{font-size:12.5px}.photo-placeholder-label{font-size:11px}}
.brand-logo{width:48px;height:48px;flex:none;border-radius:14px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px var(--line)}
@media(max-width:620px){.brand-logo{width:40px;height:40px;border-radius:11px}}
.ph-line{display:block;white-space:nowrap}
.avatar.photo-placeholder{container-type:inline-size}
.avatar.photo-placeholder .photo-placeholder-label{font-size:clamp(6px,8.6cqi,12px);max-width:none;line-height:1.35}

.photo-spot{display:block;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;border-radius:16px;cursor:pointer}.photo-spot:hover .avatar,.photo-spot:focus-visible .avatar{box-shadow:0 0 0 3px var(--card-accent,#467d46)}
.modal .upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;min-height:132px;margin:8px 0 6px;padding:20px 14px;border:2px dashed #aebaa0;border-radius:14px;background:#f0f2e8;text-align:center;cursor:pointer}.modal .upload-box:focus-within{outline:3px solid #467d46;outline-offset:4px}.modal .upload-box .upload-icon .icon{width:30px;height:30px}.modal .upload-box strong{font-size:16px}.modal .upload-box small{font-size:14.5px;color:#6b7a66}.modal .upload-box input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
@media(pointer:coarse){.input{font-size:16px}}
.cards-banner{display:flex;align-items:stretch;background:#fbefc9;border-bottom:1px solid #ecd9a0;color:#3d3420}.cards-banner .cb-main{flex:1;display:flex;align-items:center;gap:12px;min-width:0;padding:11px 18px;background:none;border:0;color:inherit;font:inherit;font-size:15.5px;text-align:left;cursor:pointer}.cards-banner .cb-main:hover .cb-cta{text-decoration:underline}.cards-banner .cb-icon .icon{width:20px;height:20px}.cards-banner .cb-text{flex:1;min-width:0}.cards-banner .cb-cta{flex:none;font-weight:700;color:#217362;white-space:nowrap}.cards-banner .cb-close{flex:none;display:grid;place-items:center;width:44px;background:none;border:0;color:#7a6b45;cursor:pointer}.cards-banner .cb-close .icon{width:16px;height:16px}@media(max-width:620px){.cards-banner .cb-extra{display:none}.cards-banner .cb-main{padding:10px 12px;font-size:14.5px;gap:9px}}
.long-vowel{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;padding:14px 16px;border:1px solid var(--line,#dce3d7);border-radius:16px;background:#fffdf5}.long-vowel strong{display:block;font-size:15px}.long-vowel span{font-size:15.5px;color:#55665c}
@media(max-width:850px){.nav button span{font-size:10.5px;font-weight:600}}