.dictionary-page{color:#1f2933;background:#f7f3ea;min-height:100vh;padding:40px}.dictionary-hero{color:#fff;background:linear-gradient(135deg,#283044,#3f4c6b);border-radius:28px;max-width:900px;margin:0 auto 36px;padding:34px;box-shadow:0 18px 40px #28304438}.dictionary-eyebrow{color:#ffd166;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.dictionary-hero h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.dictionary-hero p{color:#e5e7eb;max-width:620px;margin:16px 0 0;font-size:1.05rem}.dictionary-search{color:#1f2933;background:#fff;border-radius:18px;align-items:center;gap:12px;max-width:620px;height:58px;margin-top:26px;padding:0 18px;display:flex;box-shadow:inset 0 -3px #1f29331f}.dictionary-search input{color:#1f2933;background:0 0;border:none;outline:none;width:100%;font-size:1rem}.dictionary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px;margin:0 auto;display:grid}.sign-card{background:#fff;border:2px solid #e5dfd1;border-radius:26px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 12px 26px #1f293314}.sign-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #1f293324}.sign-video-placeholder{background:radial-gradient(circle at 0 0,#ffd16673,#0000 34%),linear-gradient(135deg,#e6f4f1,#c9d8ff);place-items:center;height:190px;display:grid}.sign-video-placeholder span{color:#283044;background:#fff;border-radius:50%;place-items:center;width:96px;height:96px;font-size:1.4rem;font-weight:900;display:grid;box-shadow:0 12px 25px #2830442e}.sign-card-content{padding:22px}.sign-category{color:#ef8354;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:.74rem;font-weight:900}.sign-card h2{margin:0;font-size:1.7rem}.sign-card-content>p:not(.sign-category){color:#5f6b7a;margin:10px 0 18px;line-height:1.5}.sign-card-actions{gap:10px;display:flex}.sign-card-actions button{color:#fff;cursor:pointer;background:#283044;border:none;border-radius:14px;padding:12px 16px;font-weight:800;box-shadow:inset 0 -3px #0000002e}.sign-card-actions button.secondary{color:#283044;background:#ffd166}.empty-state{text-align:center;background:#fff;border:2px dashed #d5cdbb;border-radius:24px;grid-column:1/-1;padding:36px}@media (width<=760px){.dictionary-page{padding:22px}.dictionary-grid{grid-template-columns:1fr}}.practice-page{color:#1f2933;box-sizing:border-box;background:#f7f3ea;width:100%;height:100dvh;padding:1.5dvh 2vw;overflow:hidden}.practice-page .back-button{color:#283044;cursor:pointer;z-index:50;background:#fff;border:none;border-radius:1.1em;margin:0;padding:.9em 1.4em;font-size:clamp(.9rem,1vw,1.15rem);font-weight:900;position:relative;transform:none;box-shadow:0 .8em 1.8em #1f293314}.practice-shell{grid-template-columns:minmax(22rem,.58fr) minmax(0,1.42fr);align-items:stretch;gap:2vw;width:100%;height:92dvh;display:grid;transform:translateY(-3.5dvh)}.practice-left-panel{flex-direction:column;min-width:0;padding-top:8dvh;display:flex;transform:none}.practice-left-panel .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#6b7280;margin:0 0 1.2dvh;font-size:clamp(.9rem,1vw,1.1rem);font-weight:900}.practice-left-panel h1{letter-spacing:-.04em;margin:0;font-size:clamp(3rem,4.8vw,5.2rem);line-height:.92}.practice-subtitle{color:#5f6b7a;margin:1.8dvh 0 0;font-size:clamp(1rem,1.2vw,1.25rem)}.practice-right-panel{align-items:stretch;min-width:0;display:grid}.guided-layout .practice-right-panel{grid-template-columns:1fr 1fr;gap:1.4vw}.recall-layout .practice-right-panel{grid-template-columns:1fr}.reference-card,.camera-card{box-sizing:border-box;background:#fff;border:.16rem solid #e5dfd1;border-radius:1.8rem;padding:1.6dvh 1.4vw;box-shadow:0 1.4dvh 3dvh #1f293314}.recall-layout .camera-card{flex-direction:column;height:92dvh;padding:2dvh 1.6vw;display:flex;transform:translateY(-5dvh)}.reference-card h2,.camera-card h2{margin:0 0 1.5dvh;font-size:clamp(1.4rem,2vw,2.2rem)}.camera-wrap,.reference-video{background:#111827;border-radius:1.5rem;width:100%;overflow:hidden}.camera-video,.reference-video{object-fit:fill;width:100%;height:100%;display:block}.guided-layout .camera-wrap,.guided-layout .reference-video{height:48dvh}.recall-layout .camera-wrap{flex:1;height:100%;min-height:0}.recall-layout .camera-video{object-fit:cover;width:100%;height:100%}.hold-section{width:100%;max-width:100%;margin:2.5dvh 0 1.6dvh}.hold-meter-fill{background:#58cc02;border-radius:999em;height:100%;transition:width .1s linear}.prediction-box{color:#fff;box-sizing:border-box;background:#283044;border-radius:1.6rem;width:100%;height:18dvh;max-height:18dvh;margin-top:1.2dvh;padding:1.2dvh 1.5vw;overflow:hidden}.prediction-box.success{color:#2f7d00;background:#d7ffb8}.prediction-box p{color:#ffd166;margin:0;font-weight:900}.prediction-box.success p{color:#2f7d00}.prediction-box.success span{color:#2f7d00}.practice-controls{flex-wrap:wrap;align-items:center;gap:.8vw;width:100%;margin-top:1.8dvh;display:flex}.practice-controls button{color:#fff;cursor:pointer;background:#283044;border:none;border-radius:1em;padding:.75em 1.05em;font-weight:900}.practice-controls span{color:#283044;font-weight:900}@media (width<=1050px){.practice-page{height:auto;min-height:100dvh;overflow:auto}.practice-shell{grid-template-columns:1fr;height:auto;transform:none}.practice-left-panel{padding-top:2dvh}.guided-layout .practice-right-panel,.recall-layout .practice-right-panel{grid-template-columns:1fr}.recall-layout .camera-card{height:auto}.recall-layout .camera-wrap{height:58dvh}}.frame-only-page .back-button{transform:translateY(10dvh)!important}.frame-only-page .practice-shell,.frame-only-page .camera-card{transform:none!important}.camera-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.recall-reference-button{color:#19647e;cursor:pointer;background:#fff;border:.14rem solid #19647e;border-radius:1rem;width:100%;margin-top:1.2rem;padding:.9rem 1.2rem;font-size:clamp(.9rem,1vw,1.05rem);font-weight:900;transition:transform .15s,box-shadow .15s;box-shadow:0 .35rem #19647e26}.recall-reference-button:hover{transform:translateY(-.12rem);box-shadow:0 .5rem #19647e33}.recall-reference-overlay{z-index:99999;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background:#0f172a8c;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.recall-reference-modal{text-align:center;background:#fff;border:.16rem solid #e5dfd1;border-radius:2rem;width:min(90vw,32rem);padding:2rem;box-shadow:0 1.5rem 4rem #0f172a47}.recall-reference-modal .eyebrow{color:#d9783d;margin:0 0 .8rem}.recall-reference-modal h2{color:#14213d;margin:0 0 1rem;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1}.recall-reference-modal>p:not(.eyebrow){color:#64748b;margin:0 auto 1.8rem;font-size:1rem;line-height:1.5}.recall-reference-modal strong{color:#14213d}.recall-reference-actions{grid-template-columns:1fr 1.35fr;gap:.8rem;display:grid}.recall-reference-actions button{cursor:pointer;border:none;border-radius:1rem;min-height:3.5rem;padding:.8rem;font-size:1rem;font-weight:900}.recall-reference-cancel{color:#283044;background:#eef2f4}.recall-reference-confirm{color:#fff;background:#19647e;box-shadow:0 .35rem #0f4153}.mobile-frame-back{display:none}@media (width<=768px){.practice-page{height:auto;min-height:100dvh;padding:1rem;overflow:visible}.practice-page>.back-button{min-height:44px;margin-bottom:1rem;position:static;transform:none!important}.practice-shell{flex-direction:column;gap:1rem;height:auto;display:flex;transform:none}.practice-page .practice-left-panel,.practice-page .practice-right-panel{min-width:0;padding:0;transform:none}.practice-left-panel h1{overflow-wrap:anywhere;font-size:clamp(2rem,8vw,3rem);line-height:1.05}.practice-left-panel .eyebrow{margin-bottom:.5rem}.practice-subtitle{margin:.65rem 0 1rem;line-height:1.4}.practice-page .practice-right-panel{flex-direction:column;gap:1rem;display:flex}.practice-page .reference-card,.practice-page .camera-card{min-width:0;height:auto;padding:1rem;transform:none}.practice-page .camera-wrap,.practice-page .reference-video{aspect-ratio:4/3;object-fit:contain;flex:none;width:100%;height:auto;min-height:0}.practice-page .camera-card h2,.practice-page .reference-card h2{font-size:1.4rem}.practice-page .prediction-box{overflow-wrap:anywhere;height:auto;max-height:none;margin:0;padding:1rem;transform:none}.practice-page .hold-section{margin:1rem 0}.practice-page .hold-label{flex-wrap:wrap;gap:.5rem}.practice-page .hold-meter{height:.65rem}.practice-page .practice-controls{flex-wrap:wrap;gap:.5rem}.practice-page button{min-width:44px;min-height:44px}.frame-only-page>.desktop-practice-back{display:none}.frame-only-page .practice-right-panel{order:1}.frame-only-page .practice-left-panel{order:2}.frame-only-page .camera-wrap{max-width:26rem;margin:0 auto}.frame-only-page .mobile-frame-back{color:#283044;cursor:pointer;background:#fff;border:none;border-radius:1rem;width:100%;margin-top:1rem;padding:.9rem 1rem;font-size:1rem;font-weight:900;display:block;box-shadow:0 .5rem 1.4rem #1f293314}.recall-reference-overlay{padding:1rem}.recall-reference-modal{box-sizing:border-box;width:min(100%,32rem);max-height:calc(100dvh - 2rem);padding:1.25rem;overflow-y:auto}.recall-reference-actions{grid-template-columns:1fr}.practice-page.recall-layout:not(.frame-only-page){box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;padding:.75rem!important;overflow:hidden visible!important}.recall-layout:not(.frame-only-page) .practice-shell{flex-direction:column!important;gap:.8rem!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;display:flex!important;overflow:visible!important;transform:none!important}.recall-layout:not(.frame-only-page) .practice-right-panel{order:1!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;transform:none!important}.recall-layout:not(.frame-only-page) .camera-card{box-sizing:border-box!important;border-radius:1.35rem!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:.75rem!important;overflow:visible!important;transform:none!important}.recall-layout:not(.frame-only-page) .camera-card h2{margin:0 0 .5rem!important;font-size:1.1rem!important;line-height:1!important}.recall-layout:not(.frame-only-page) .camera-wrap{aspect-ratio:4/3!important;border-radius:1rem!important;width:100%!important;height:auto!important;min-height:0!important;max-height:42dvh!important;margin:0!important;overflow:hidden!important}.recall-layout:not(.frame-only-page) .camera-video,.recall-layout:not(.frame-only-page) .hand-trace-canvas{width:100%!important;height:100%!important}.recall-layout:not(.frame-only-page) .practice-left-panel{order:2!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:.4rem 0!important;overflow:visible!important;transform:none!important}.recall-layout:not(.frame-only-page) .practice-left-panel .eyebrow{letter-spacing:.18em!important;margin:0 0 .3rem!important;font-size:.72rem!important}.recall-layout:not(.frame-only-page) .practice-left-panel h1{margin:0!important;font-size:clamp(2.1rem,10vw,3rem)!important;line-height:1!important}.recall-layout:not(.frame-only-page) .practice-subtitle{margin:.35rem 0 .8rem!important;font-size:.95rem!important;line-height:1.25!important}.recall-layout:not(.frame-only-page) .hold-section{width:100%!important;margin:0 0 .7rem!important}.recall-layout:not(.frame-only-page) .hold-label{margin-bottom:.25rem!important;font-size:.8rem!important}.recall-layout:not(.frame-only-page) .hold-meter{height:.55rem!important}.recall-layout:not(.frame-only-page) .prediction-box{border-radius:1.15rem!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:.85rem!important;overflow:visible!important}.recall-layout:not(.frame-only-page) .prediction-box p{margin:0 0 .2rem!important;font-size:.75rem!important}.recall-layout:not(.frame-only-page) .prediction-box h3{margin:.15rem 0 .3rem!important;font-size:1.05rem!important;line-height:1.15!important}.recall-layout:not(.frame-only-page) .prediction-box span{font-size:.8rem!important}.recall-layout:not(.frame-only-page) .recall-reference-button{border-radius:1rem!important;width:100%!important;min-height:3rem!important;margin:.7rem 0 0!important;padding:.7rem 1rem!important;font-size:.9rem!important}}.privacy-page{color:#17252c;background:#f7fbfd;min-height:100vh;padding:4rem 1.5rem 6rem}.privacy-container{width:min(760px,100%);margin:0 auto}.privacy-back{color:#137795;margin-bottom:2rem;font-weight:700;text-decoration:none;display:inline-block}.privacy-page h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,6vw,4rem);line-height:1}.privacy-updated{color:#6e7b80;margin-top:.75rem}.privacy-summary{background:#e9f7fb;border:1px solid #c8e8f1;border-radius:1.25rem;margin:2.5rem 0 3rem;padding:1.5rem}.privacy-summary h2{margin-top:0}.privacy-summary p:last-child{margin-bottom:0}.privacy-page section{margin-top:2.75rem}.privacy-page section h2{margin-bottom:.75rem;font-size:1.35rem}.privacy-page p{line-height:1.7}.privacy-page a{color:#137795}.sq-footer{color:#68757b;background:#fff;border-top:1px solid #e8ecee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;font-size:.9rem;display:flex}.sq-footer-links{align-items:center;gap:1.25rem;display:flex}.sq-footer a,.footer-link-button{color:#68757b;text-decoration:none}.sq-footer a:hover,.footer-link-button:hover{color:#137795}.footer-link-button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.privacy-consent-overlay{z-index:10000;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:1.25rem;left:1.25rem;right:1.25rem}.privacy-consent-card{pointer-events:auto;background:#fff;border:1px solid #dce5e8;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1.5rem;width:min(760px,100%);padding:1.25rem 1.4rem;display:flex;box-shadow:0 12px 32px #00000014}.privacy-consent-copy h2{margin:0 0 .4rem;font-size:1.1rem}.privacy-consent-copy p{color:#5c6a70;margin:0 0 .4rem;line-height:1.45}.privacy-consent-copy a{color:#137795;font-weight:700}.privacy-consent-actions{flex-shrink:0;gap:.65rem;display:flex}.privacy-primary-btn,.privacy-secondary-btn{cursor:pointer;border-radius:.8rem;padding:.8rem 1rem;font-weight:800}.privacy-primary-btn{color:#162228;background:#f7b64b;border:2px solid #e9a735}.privacy-secondary-btn{color:#162228;background:#fff;border:2px solid #dce5e8}.camera-consent{text-align:center;background:#fff;border:1px solid #e1e8eb;border-radius:1.5rem;width:min(620px,100% - 2rem);margin:4rem auto;padding:2rem}.camera-consent h2{margin-top:0}.camera-consent p{color:#5c6a70;line-height:1.6}.camera-consent-actions{justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}@media (width<=650px){.privacy-consent-card{flex-direction:column;align-items:stretch}.privacy-consent-actions{width:100%}.privacy-primary-btn,.privacy-secondary-btn{flex:1}.sq-footer{flex-direction:column}}:is(html:has(.privacy-page),body:has(.privacy-page)){height:auto!important;min-height:100%!important;overflow:hidden auto!important}#root:has(.privacy-page){height:auto!important;min-height:100vh!important;overflow:visible!important}.privacy-page{min-height:100vh;padding-bottom:10rem;height:auto!important;overflow:visible!important}.reference-practice-page{color:#1f2933;box-sizing:border-box;background:radial-gradient(circle at top,#fffaf0 0%,#f7f3ea 55%);grid-template-rows:24% 76%;width:100%;height:100dvh;padding:2.5dvh 5vw 4dvh;display:grid;overflow:hidden}.practice-back-button,.reference-practice-page .back-button{z-index:9999;color:#283044;cursor:pointer;background:#fff;border:none;border-radius:1.2em;padding:.9em 1.5em;font-size:clamp(.85rem,1vw,1.1rem);font-weight:900;position:fixed;top:3%;left:2%;box-shadow:0 .7em 1.7em #1f29331a}.reference-practice-header .eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#6b7280;margin:0 0 .25em;font-size:clamp(.75rem,.9vw,1rem);font-weight:900}.reference-practice-header{box-sizing:border-box;flex-direction:column;justify-content:flex-start;width:min(84vw,86rem);margin:0 auto;padding-top:4rem;display:flex;transform:translateY(1rem)}.reference-practice-header h1{color:#1f2933;margin:0;font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:1;transform:none}.reference-practice-header p{color:#6b7280;margin:.45em 0 0;font-size:clamp(1rem,1.15vw,1.3rem);line-height:1.35}.reference-practice-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:3.5vw;width:min(84vw,86rem);height:100%;margin:0 auto;display:grid}.reference-practice-card{box-sizing:border-box;background:#fff;border:.14rem solid #e5dfd1;border-radius:1.8rem;flex-direction:column;height:96%;padding:3.5%;display:flex;overflow:hidden;box-shadow:0 1em 2.4em #1f293314}.reference-practice-card h2{color:#1f2933;margin:0 0 .55em;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1}.reference-video,.camera-wrap{background:#111827;border-radius:1.1rem;flex:none;width:100%;height:62%;overflow:hidden}.reference-video{object-fit:contain;background:#fff}.camera-wrap{background:#111827}.camera-video{object-fit:contain;width:100%;height:100%;display:block}.reference-video-actions{flex:none;justify-content:center;gap:3%;margin-top:7%;display:flex}.practice-controls{flex-wrap:nowrap;flex:none;align-items:center;gap:2%;margin-top:2%;display:flex}.practice-controls button{color:#fff;cursor:pointer;white-space:nowrap;background:#283044;border:none;border-radius:1em;padding:.7em 1.1em;font-size:clamp(.8rem,.95vw,1rem);font-weight:900}.practice-controls button:nth-of-type(3),.practice-controls button:nth-of-type(4){width:3.1em;height:3.1em;padding:0}.practice-controls span{color:#283044;white-space:nowrap;font-size:clamp(.85rem,1vw,1.05rem);font-weight:900}.hold-section{flex:none;margin-top:2%}.hold-label{color:#14213d;justify-content:space-between;align-items:center;margin-bottom:1%;font-size:clamp(.8rem,1vw,1rem);font-weight:900;display:flex}.hold-meter{background:#e5e7eb;border-radius:999em;width:100%;height:.65em;overflow:hidden}.hold-meter-fill{border-radius:inherit;background:#19647e;height:100%}.prediction-box{color:#fff;background:#283044;border-radius:1.3rem;flex:auto;min-height:0;margin-top:2%;padding:4%}.prediction-box p{color:#ffd166;margin:0;font-size:clamp(.8rem,.95vw,1rem);font-weight:900}.prediction-box h3{margin:.35em 0;font-size:clamp(1.15rem,1.55vw,1.65rem);line-height:1.05}.prediction-box span{color:#e5e7eb;font-size:clamp(.85rem,.95vw,1rem)}.camera-card-right{height:125%;transform:translateY(-20%)}.reference-card{transform:translateY(5%)}@media (width<=56rem){.reference-practice-page{grid-template-rows:auto auto;overflow-y:auto}.reference-practice-header,.reference-practice-grid{width:92vw}.reference-practice-grid{grid-template-columns:1fr;gap:3dvh}.reference-practice-card{height:auto}.reference-video,.camera-wrap{height:34dvh}}.lesson-reference-page .control-tour-overlay{z-index:10000;pointer-events:none;background:#0f172a8c;position:fixed;inset:0;display:block!important}.lesson-reference-page .control-tour-card{z-index:10001;pointer-events:auto;background:#fff;border:.25rem solid #d7e3f8;border-radius:2rem;width:28rem;max-width:32vw;padding:1.6rem;position:fixed;box-shadow:0 1.4em 3em #0f172a59;display:block!important}.lesson-reference-page .control-tour-card .eyebrow{color:#d9783d;letter-spacing:.22em;text-transform:uppercase;margin:0 0 1rem;font-size:clamp(1rem,1.3vw,1.35rem);font-weight:1000}.lesson-reference-page .control-tour-card h2{color:#14213d;margin:0 0 1rem;font-size:clamp(1.8rem,2.5vw,2.8rem);line-height:.95}.lesson-reference-page .control-tour-card p:not(.eyebrow){color:#253041;margin:0 0 1.6rem;font-size:clamp(1rem,1.2vw,1.3rem);line-height:1.35}.lesson-reference-page .control-tour-card button{color:#fff;cursor:pointer;background:#19647e;border:none;border-radius:1.3rem;width:100%;height:3.8rem;font-size:1.3rem;font-weight:1000}.lesson-reference-page .control-tour-card.overlay{top:28%;right:30%}.lesson-reference-page .control-tour-card.tracing{top:28%;right:24%}.lesson-reference-page .control-tour-card.opacity{top:28%;right:18%}.lesson-reference-page .tour-arrow{display:none!important}.lesson-reference-page .control-tour-card:after{content:"";z-index:2;border-top:24px solid #fff;border-left:24px solid #0000;border-right:24px solid #0000;width:0;height:0;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.lesson-reference-page .control-tour-card:before{content:"";z-index:1;border-top:30px solid #d7e3f8;border-left:30px solid #0000;border-right:30px solid #0000;width:0;height:0;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.lesson-reference-page .control-tour-card.overlay{top:30%;right:38%;transform:translate(30%)translateY(-45%)}.lesson-reference-page .control-tour-card.tracing{top:30%;right:28%;transform:translate(30%)translateY(-45%)}.lesson-reference-page .control-tour-card.opacity{top:30%;right:18%;transform:translate(30%)translateY(-45%)}.lesson-reference-page .practice-controls .tour-dim{opacity:.35}.lesson-reference-page .practice-controls .tour-active{z-index:10002;color:#fff;background:#283044;position:relative;box-shadow:0 0 0 .35rem #ffd166,0 0 2rem #ffd166f2,0 0 4rem #ffd1668c;opacity:1!important}.lesson-reference-page .practice-controls .tour-active.text{background:#fff;border-radius:.8rem;padding:.5em .8em}.lesson-reference-page .reference-video-actions .tour-dim{opacity:.35}.lesson-reference-page .reference-video-actions .tour-active{z-index:10002;position:relative;box-shadow:0 0 0 .35rem #ffd166,0 0 2rem #ffd166f2,0 0 4rem #ffd1668c;opacity:1!important}.lesson-reference-page .practice-controls .tour-dim:not(.tour-active){opacity:.35}.lesson-reference-page .practice-controls .tour-active{position:relative;opacity:1!important;z-index:10050!important;color:#fff!important;background:#14213d!important;border:.18rem solid #ffd166!important;box-shadow:0 0 0 .45rem #fde6bd,0 0 2rem #ffd166f2!important}.lesson-reference-page .practice-controls{z-index:10020;position:relative}.lesson-reference-page .practice-controls .tour-active{z-index:10021;position:relative;opacity:1!important}.back-to-reference-button{z-index:5000;color:#19647e;cursor:pointer;white-space:nowrap;background:#fff;border:.15rem solid #19647e;border-radius:1.2em;padding:.8em 1.6em;font-size:clamp(.9rem,1vw,1.05rem);font-weight:900;position:fixed;bottom:2.2dvh;left:50%;transform:translate(-50%);box-shadow:0 .6em 1.4em #1f29331f}.back-to-reference-button:hover{transform:translate(-50%)translateY(-.15rem);box-shadow:0 .8em 1.8em #1f293329}.reference-confirm-overlay{z-index:20000;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background:#0f172a8c;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.reference-confirm-card{box-sizing:border-box;text-align:center;background:#fff;border:.18rem solid #e5dfd1;border-radius:2rem;width:min(90vw,32rem);padding:clamp(1.6rem,3vw,2.4rem);box-shadow:0 1.5rem 4rem #0f172a47}.reference-confirm-card .eyebrow{color:#d9783d;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .8rem;font-size:.85rem;font-weight:1000}.reference-confirm-card h2{color:#14213d;margin:0 0 1rem;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1}.reference-confirm-card>p:not(.eyebrow){color:#64748b;max-width:26rem;margin:0 auto 1.8rem;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.5}.reference-confirm-card strong{color:#14213d}.reference-confirm-actions{grid-template-columns:1fr 1.4fr;gap:.8rem;display:grid}.reference-confirm-actions button{cursor:pointer;border:none;border-radius:1rem;min-height:3.5rem;padding:.8rem 1rem;font-size:1rem;font-weight:900}.reference-confirm-cancel{color:#283044;background:#eef2f4}.reference-confirm-go{color:#fff;background:#19647e;box-shadow:0 .35rem #0f4153}@media (width<=768px){.reference-practice-page{flex-direction:column;gap:1rem;height:auto;min-height:100dvh;padding:1rem;display:flex;overflow:visible}.reference-practice-page>.practice-back-button{align-self:flex-start;max-width:100%;min-height:44px;position:static}.reference-practice-header{width:100%;padding-top:0;transform:none}.reference-practice-page .reference-practice-header,.reference-practice-page .reference-practice-grid{transform:none!important}.lesson-reference-page .camera-card-right>h2,.lesson-reference-page .prediction-box p{display:block!important}.reference-practice-header h1{overflow-wrap:anywhere;font-size:clamp(1.8rem,8vw,2.5rem)}.reference-practice-grid{grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;height:auto}.reference-practice-page .reference-practice-card{width:100%;min-width:0;height:auto;padding:1rem;overflow:visible;transform:none}.reference-practice-card h2{font-size:1.4rem}.reference-practice-page .reference-video,.reference-practice-page .camera-wrap{aspect-ratio:4/3;object-fit:contain;flex:none;width:100%;height:auto;min-height:0}.reference-practice-page .practice-controls,.reference-video-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.reference-practice-page button{min-width:44px;min-height:44px}.reference-practice-page .hold-section{margin:1rem 0}.reference-practice-page .hold-label{flex-wrap:wrap;gap:.5rem}.reference-practice-page .hold-meter{height:.65rem}.reference-practice-page .prediction-box{overflow-wrap:anywhere;height:auto;max-height:none;margin-top:1rem;padding:1rem;transform:none}.reference-confirm-overlay{padding:1rem}.reference-confirm-card{width:min(100%,32rem);max-height:calc(100dvh - 2rem);padding:1.25rem;overflow-y:auto}.reference-confirm-actions{grid-template-columns:1fr}.lesson-reference-page .control-tour-overlay{box-sizing:border-box;justify-content:center;align-items:center;padding:1rem!important;display:flex!important}.lesson-reference-page .control-tour-card{box-sizing:border-box;max-height:calc(100dvh - 2rem);overflow-y:auto;width:min(100%,24rem)!important;max-width:24rem!important;margin:0!important;padding:1.25rem!important;position:relative!important;inset:auto!important;transform:none!important}.lesson-reference-page .control-tour-card:before,.lesson-reference-page .control-tour-card:after{display:none}.reference-practice-page{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;flex-direction:column!important;gap:.45rem!important;width:100%!important;height:auto!important;min-height:100dvh!important;padding:.65rem .65rem 2rem!important;display:flex!important;overflow:hidden auto!important}.practice-back-button{z-index:30!important;border-radius:.9rem!important;width:auto!important;min-height:2.6rem!important;padding:.55rem .8rem!important;font-size:.78rem!important;line-height:1!important;position:absolute!important;top:.75rem!important;left:.75rem!important}.reference-practice-header{box-sizing:border-box!important;width:100%!important;min-height:3rem!important;margin:0!important;padding:.25rem .25rem .35rem 8.5rem!important;transform:none!important}.reference-practice-header h1{margin:0!important;font-size:clamp(1.35rem,6vw,1.9rem)!important;line-height:1!important}.reference-practice-header p{margin:.25rem 0 0!important;font-size:.78rem!important;line-height:1.15!important}.reference-practice-grid{flex-direction:column!important;flex:auto!important;gap:.6rem!important;width:100%!important;min-height:0!important;margin:0!important;display:flex!important;overflow:hidden!important;transform:none!important}.reference-practice-card.reference-card{box-sizing:border-box!important;border-radius:1.25rem!important;flex:none!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:.6rem!important}.reference-card>h2{margin:0 0 .4rem!important;font-size:1rem!important;line-height:1!important}.reference-video{object-fit:contain!important;border-radius:.9rem!important;width:100%!important;height:clamp(8rem,20dvh,10.5rem)!important;min-height:0!important;max-height:none!important;display:block!important}.reference-video-actions{grid-template-columns:1fr 1fr!important;gap:.45rem!important;width:100%!important;margin:.4rem 0 0!important;display:grid!important}.reference-video-actions .lesson-video-btn{border-radius:.85rem!important;justify-content:center!important;align-items:center!important;gap:.35rem!important;width:100%!important;height:2.45rem!important;min-height:2.45rem!important;padding:.25rem .4rem!important;font-size:.85rem!important;display:flex!important}.reference-practice-card.camera-card-right{box-sizing:border-box!important;border-radius:1.25rem!important;flex-direction:column!important;flex:auto!important;gap:.4rem!important;width:100%!important;min-height:0!important;margin:0!important;padding:.6rem!important;display:flex!important;overflow:hidden!important;transform:none!important}.camera-card-right>h2{margin:0!important;font-size:1rem!important;line-height:1!important;display:block!important}.camera-card-right .camera-wrap{aspect-ratio:4/3!important;border-radius:1rem!important;flex:auto!important;width:100%!important;height:auto!important;min-height:9rem!important;max-height:28dvh!important;margin:0 auto!important;overflow:hidden!important}.camera-card-right .practice-controls{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.3rem!important;width:100%!important;margin:0!important;display:grid!important}.camera-card-right .practice-controls button{border-radius:.7rem!important;min-width:0!important;padding:.4rem .2rem!important;font-size:.68rem!important}.camera-card-right .practice-controls span{justify-content:center!important;align-items:center!important;font-size:.72rem!important;display:flex!important}.camera-card-right .hold-section{width:100%!important;margin:0!important}.camera-card-right .hold-label{font-size:.75rem!important}.camera-card-right .hold-meter{height:.5rem!important}.camera-card-right .prediction-box{box-sizing:border-box!important;border-radius:.9rem!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:.55rem .7rem!important}.camera-card-right .prediction-box p{margin:0!important;font-size:.65rem!important}.camera-card-right .prediction-box h3{margin:.1rem 0!important;font-size:.9rem!important;line-height:1.05!important}.camera-card-right .prediction-box span{font-size:.68rem!important}.reference-practice-page{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;padding-bottom:calc(2rem + env(safe-area-inset-bottom))!important;overflow:hidden auto!important}.reference-practice-grid{flex:none!important;height:auto!important;min-height:0!important;overflow:visible!important}.reference-practice-page .reference-card{flex:none!important;height:auto!important;overflow:visible!important}.reference-practice-page .camera-card-right{flex:none!important;order:1!important;height:auto!important;min-height:0!important;overflow:visible!important}.reference-practice-page .reference-card{order:2!important}.reference-practice-grid{width:100%!important;height:auto!important;display:block!important;overflow:visible!important}.reference-practice-page .camera-card-right{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:.85rem!important;overflow:visible!important;transform:none!important}.reference-practice-page .camera-card-right .camera-wrap{aspect-ratio:auto!important;border-radius:1.25rem!important;width:100%!important;height:52dvh!important;min-height:24rem!important;max-height:34rem!important;overflow:hidden!important}.reference-practice-page .practice-controls{grid-template-columns:1.4fr 1.4fr .65fr .8fr .65fr!important;gap:.35rem!important;width:100%!important;margin-top:.65rem!important;display:grid!important}.reference-practice-page .practice-controls button{min-width:0!important;min-height:2.6rem!important;padding:.4rem!important;font-size:.7rem!important}.reference-practice-page .practice-controls span{place-items:center!important;font-size:.75rem!important;display:grid!important}.lesson-reference-page .control-tour-overlay{display:none!important}.reference-practice-page .camera-card-right .camera-wrap{aspect-ratio:4/3!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.reference-practice-page .camera-card-right .camera-video{object-fit:cover!important;width:100%!important;height:100%!important}.reference-practice-page .camera-card-right .hand-trace-canvas{width:100%!important;height:100%!important}.reference-practice-grid{flex-direction:column!important;gap:.9rem!important;width:100%!important;height:auto!important;display:flex!important;overflow:visible!important}.reference-practice-page .camera-card-right{order:1!important}.reference-practice-page .reference-card{box-sizing:border-box!important;flex:none!important;order:2!important;width:100%!important;height:auto!important;margin:0!important;padding:.75rem!important;overflow:visible!important;transform:none!important}.reference-practice-page .reference-card>h2{margin:0 0 .55rem!important;font-size:1.15rem!important}.reference-practice-page .reference-video{aspect-ratio:16/9!important;object-fit:contain!important;background:#fff!important;border-radius:1rem!important;width:100%!important;height:auto!important;max-height:18rem!important;display:block!important}.reference-practice-page .reference-video-actions{grid-template-columns:1fr 1fr!important;gap:.5rem!important;width:100%!important;margin-top:.55rem!important;display:grid!important}.reference-practice-page .reference-video-actions .lesson-video-btn{justify-content:center!important;align-items:center!important;width:100%!important;height:2.8rem!important;min-height:2.8rem!important;font-size:.85rem!important;display:flex!important}}html,body,#root{width:100%;height:100%;overflow:hidden}.lesson-flow>.back-button{width:fit-content;margin-bottom:6px}.learn-card,.learn-card.compact-learn-card{text-align:center;background:#fff;border:3px solid #e8dfcf;border-radius:34px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;width:min(1120px,92vw);height:calc(100dvh - 105px);margin:0 auto;padding:18px 34px 20px;display:grid;overflow:hidden;box-shadow:0 12px #e2d7c3}.learn-card .eyebrow{letter-spacing:.16em;margin:0;font-size:.8rem}.lesson-flow{box-sizing:border-box;background:#f7f3ea;height:100vh;padding:14px 28px;overflow:hidden}.lesson-flow>.back-button{width:fit-content;margin-bottom:6px;display:inline-flex}.lesson-progress-shell{margin-bottom:6px}.learn-card.compact-learn-card,.learn-card{grid-template-rows:auto auto 1fr auto auto;max-width:1040px;height:calc(100vh - 92px);margin:0 auto;padding:18px 28px;display:grid;overflow:hidden}.learn-card h1{color:#14213d;margin:0;font-size:clamp(42px,5vh,68px);line-height:.95}.learn-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.85fr);align-items:stretch;gap:20px;min-height:0;display:grid}.learn-video-panel,.learn-text-panel{grid-template-rows:auto auto;gap:14px;display:grid}.learn-video-panel{grid-template-rows:minmax(0,1fr) auto;gap:14px;display:grid}.lesson-video{object-fit:cover;background:#111;border-radius:28px;width:100%;height:100%;min-height:0;max-height:none;display:block}.learn-info-scroll{background:0 0;border:none;grid-template-columns:1fr;gap:12px;min-height:0;display:grid;overflow:hidden}.meaning-card,.example-card{border-left:2px solid #d7e3f8}.quiz-card,.complete-card{text-align:center;background:#fff;border:3px solid #e8dfcf;border-radius:36px;max-width:760px;margin:0 auto;padding:24px 30px;box-shadow:0 14px #e2d7c3}.learn-card.compact-learn-card,.learn-card{flex-direction:column;height:calc(100vh - 88px);padding:18px 28px;display:flex;overflow:hidden}.lesson-intro-card h1,.learn-card h1,.quiz-card h1,.complete-card h1{color:#14213d;margin:4px 0 10px;font-size:clamp(38px,5vw,62px)}.video-actions{justify-content:center;gap:18px;margin:0;display:flex}.video-button-wrapper{position:relative}.lesson-video-btn{color:#14213d;cursor:pointer;background:#fff;border:3px solid #14213d;border-radius:24px;align-items:center;gap:10px;padding:12px 30px;font-size:18px;font-weight:900;display:inline-flex}.lesson-video-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #14213d29}.lesson-video-btn.active{color:#fff;background:#14213d;box-shadow:0 0 0 6px #fde6bd}.tour-highlight{z-index:10;position:relative;box-shadow:0 0 0 6px #f0b35b59}.meaning-card,.example-card,.inline-tour-card{text-align:left;background:#f6f9ff;border:2px solid #d7e3f8;border-radius:22px;margin:0;padding:18px}.inline-tour-card h2{color:#14213d;margin:2px 0 6px}.inline-tour-card h2,.inline-tour-card p{margin:3px 0}.inline-tour-card button{color:#fff;cursor:pointer;background:#19647e;border:none;border-radius:14px;width:100%;padding:9px;font-weight:900}.learn-info-scroll{background:#f6f9ff;border:2px solid #d7e3f8;border-radius:22px;grid-template-columns:1fr 1.4fr;display:grid;overflow:hidden}.meaning-card,.example-card{text-align:left;background:0 0;border:none;margin:0;padding:14px 18px;text-align:left!important;background:0 0!important;border:none!important;flex:none!important;margin:0!important;padding:0!important}.meaning-card p,.example-card p{color:#64748b!important;margin:0 0 .6em!important;font-size:clamp(1rem,1.15vw,1.3rem)!important;font-weight:900!important;line-height:1.2!important}.meaning-card h2,.example-card h2{color:#14213d!important;margin:0!important;font-size:clamp(1.7rem,2.2vw,2.7rem)!important;font-weight:900!important;line-height:1.15!important}.example-card h3{color:#19647e!important;margin:.65em 0 0!important;font-size:clamp(1.4rem,1.75vw,2.1rem)!important;font-weight:1000!important;line-height:1.1!important}.big-green-button{color:#fff;cursor:pointer;background:#19647e;border:none;border-radius:20px;width:min(420px,100%);margin:0 auto;padding:14px 22px;font-size:20px;font-weight:900;box-shadow:0 7px #0f4153}.big-green-button:active{transform:translateY(4px);box-shadow:0 3px #46a302}.button-tour-card,.control-tour-overlay,.control-tour-card{display:none}.floating-icon{color:#fff;background:#58cc02;border-radius:50%;place-items:center;width:96px;height:96px;margin:0 auto 18px;display:grid;box-shadow:0 8px #46a302}.reward-pill{color:#14213d;background:#ffd166;border-radius:999px;justify-content:center;align-items:center;margin:22px 0;padding:12px 22px;font-size:22px;font-weight:900;display:inline-flex}.reward-pill.huge{padding:18px 34px;font-size:34px}.choice-grid,.picture-choice-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.choice-button,.picture-choice-button{color:#14213d;cursor:pointer;background:#fff;border:3px solid #d7e3f8;border-radius:22px;padding:16px 22px;font-size:24px;font-weight:900}.choice-button:hover{background:#f0ffe8;border-color:#58cc02}.picture-choice-button{padding:14px;position:relative;overflow:hidden}.picture-choice-button img{object-fit:cover;border-radius:18px;width:100%;height:180px;display:block}.picture-choice-button:after{content:"";pointer-events:none;background:#0f172a00;transition:background .15s;position:absolute;inset:0}.picture-choice-button:hover:after{background:#0f172a2e}.picture-choice-button.correct{background:#d7ffb8;border-color:#58cc02;animation:.25s popCorrect}.picture-choice-button.correct:after{background:#58cc0247}.picture-choice-button.wrong{background:#ffe0e0;border-color:#ff4b4b;animation:.25s ease-in-out shake}.picture-choice-button.wrong:after{background:#ff4b4b47}.feedback{border-radius:22px;margin-top:22px;padding:18px;font-size:22px;font-weight:900}.feedback.correct{color:#2f7d00;background:#d7ffb8}.feedback.wrong{color:#b42318;background:#ffe0e0}.challenge-list{gap:12px;margin:24px 0;display:grid}.challenge-list span{color:#14213d;background:#f6f9ff;border:2px solid #d7e3f8;border-radius:18px;padding:16px;font-weight:900}.complete-card{background:linear-gradient(#fff,#fff2bd)}.complete-card svg{color:#ffb703}.camera-teach-card{text-align:center!important;box-sizing:border-box!important;background:#fffdf8!important;border:3px solid #e8dfcf!important;border-radius:38px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:14px!important;width:min(720px,82vw)!important;max-width:none!important;height:calc(100vh - 70px)!important;margin:0 auto!important;padding:34px 46px 40px!important;display:flex!important;overflow:hidden!important;box-shadow:0 10px #e2d7c3!important}.camera-teach-card .eyebrow{color:#5f6b7a!important;letter-spacing:.28em!important;text-transform:uppercase!important;margin:0!important;font-size:16px!important;font-weight:1000!important}.camera-teach-card h1{color:#102a34!important;margin:0!important;font-size:clamp(44px,5vw,62px)!important;font-weight:1000!important;line-height:.95!important}.camera-teach-card>p:not(.eyebrow){color:#5f6b7a!important;max-width:560px!important;margin:0!important;font-size:clamp(18px,2vw,23px)!important;line-height:1.35!important}.camera-demo-box{flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important;max-width:520px!important;display:flex!important}.camera-frame-demo{background:#e6f1ed!important;border:4px solid #19647e!important;border-radius:26px!important;width:100%!important;height:250px!important;position:relative!important;overflow:hidden!important}.demo-head,.demo-body,.demo-hand{display:none!important}.camera-frame-demo{background:#e6f1ed;border:4px solid #19647e;border-radius:26px;justify-content:center;align-items:flex-end;width:100%;height:250px;display:flex;position:relative;overflow:hidden}.camera-guide-character{object-fit:contain;width:auto;height:135%;display:block;transform:translateY(43px)}.demo-tip{color:#102a34!important;text-align:center!important;box-sizing:border-box!important;background:#fff5df!important;border:3px solid #f0d7a8!important;border-radius:22px!important;justify-content:center!important;align-items:center!important;gap:14px!important;width:100%!important;max-width:520px!important;margin:0!important;padding:10px 16px!important;font-size:18px!important;font-weight:1000!important;line-height:1.25!important;display:flex!important}.demo-tip svg{color:#102a34!important;flex-shrink:0!important}.camera-teach-card .big-green-button{color:#fff!important;background:#19647e!important;border:none!important;border-radius:22px!important;width:min(420px,100%)!important;height:64px!important;margin:8px auto 0!important;padding:0!important;font-size:25px!important;font-weight:1000!important;box-shadow:0 8px #0f4153!important}.camera-teach-card .big-green-button:active{transform:translateY(5px)!important;box-shadow:0 3px #0f4153!important}.practice-left-panel{transform:translateY(40px)}@media (height<=800px){.camera-teach-card{gap:9px!important;height:calc(100vh - 69px)!important;padding:24px 42px 28px!important}.camera-teach-card h1{font-size:52px!important}.camera-frame-demo{height:180px!important}.camera-teach-card .big-green-button{height:56px!important;font-size:22px!important}}.camera-back-button{z-index:9999;color:#102a34;cursor:pointer;background:#e6f1ed;border:none;border-radius:20px;padding:18px 30px;font-size:18px;font-weight:1000;position:fixed;top:28px;left:32px;box-shadow:0 6px 18px #00000014}.camera-back-button:hover{transform:translateY(-2px)}.shake{animation:.25s ease-in-out shake}.learn-card.compact-learn-card{grid-template-rows:auto auto minmax(0,1fr) auto!important;height:calc(100vh - 90px)!important;display:grid!important;overflow:hidden!important}.learn-main-grid{grid-template-columns:1.7fr .9fr;gap:20px;min-height:0;display:grid;overflow:hidden}.learn-video-panel{flex-direction:column;min-height:0;display:flex}.learn-text-panel{flex-direction:column;gap:12px;min-height:0;display:flex}.lesson-video{object-fit:cover;flex:1;width:100%;height:100%;min-height:0;max-height:none!important}.learn-info-scroll{flex-direction:column;gap:12px;overflow:hidden;display:flex!important}.meaning-card,.example-card,.inline-tour-card{flex:1}.video-actions,.big-green-button{margin-top:12px}@media (height<=850px){.lesson-video{max-height:340px!important}.learn-card h1{font-size:52px!important}.meaning-card,.example-card,.inline-tour-card{padding:12px!important}}html,body,#root{height:100%;overflow:hidden}body{margin:0;overflow:hidden}.app-shell:not(.lesson-mode),.app-shell:not(.lesson-mode) .main-content{height:100vh;overflow:hidden auto}.app-shell.lesson-mode,.app-shell.lesson-mode .main-content,.app-shell.lesson-mode .lesson-flow{height:100vh;overflow:hidden}.lesson-flow{background:#f7f3ea!important;height:100vh!important;padding:48px 34px 22px!important;overflow:hidden!important}.lesson-flow>.back-button,.lesson-progress-shell{display:none!important}.learn-card.compact-learn-card{border-radius:34px!important;grid-template-rows:104px minmax(0,1fr) 82px!important;gap:18px!important;width:100%!important;height:90vh!important;margin:0 auto!important;padding:30px 44px 28px!important;display:grid!important;position:relative!important;overflow:hidden!important}.learn-card.compact-learn-card:before{display:none!important}.learn-back-button{z-index:30;color:#14213d;cursor:pointer;background:#fff;border:none;border-radius:16px;padding:14px 26px;font-size:18px;font-weight:900;position:absolute;top:34px;left:44px;box-shadow:0 10px 24px #14213d1a}.learn-card.compact-learn-card>.eyebrow,.learn-card.compact-learn-card>h1{text-align:center;position:absolute;left:50%;transform:translate(-50%);display:block!important}.learn-card.compact-learn-card>.eyebrow{color:#d9783d;letter-spacing:.2em;text-transform:uppercase;font-weight:900;top:38px;margin:0!important;font-size:16px!important}.learn-card.compact-learn-card>h1{color:#14213d;font-weight:1000;top:68px;margin:0!important;font-size:72px!important;line-height:.95!important}.learn-main-grid{grid-row:2!important;grid-template-columns:minmax(0,1.8fr) minmax(22rem,1fr)!important;align-items:center!important;gap:clamp(2rem,3vw,4rem)!important;min-height:0!important;display:grid!important;overflow:hidden!important}.video-stage{background:#fff!important;border-radius:26px!important;overflow:hidden!important}.lesson-video{object-fit:contain!important;background:#fff!important;border-radius:26px!important;width:100%!important;height:clamp(390px,52vh,520px)!important}.learn-text-panel{box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;gap:clamp(1.75rem,4vh,3rem)!important;width:100%!important;max-height:100%!important;padding:0 clamp(.5rem,1vw,1.25rem)!important;display:flex!important;overflow:hidden!important}.learn-bottom-controls{grid-row:3!important;grid-template-columns:minmax(0,2.25fr) minmax(330px,.85fr)!important;align-items:center!important;gap:48px!important;width:100%!important;display:grid!important}.learn-bottom-controls>.big-green-button{grid-column:1!important;justify-content:center!important;align-items:center!important;width:100%!important;height:64px!important;margin:0!important;padding:0!important;display:inline-flex!important}.side-video-actions{grid-column:2!important;grid-template-columns:1fr 1fr!important;gap:14px!important;width:100%!important;display:grid!important}.side-video-actions .lesson-video-btn{justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:64px!important;padding:0 12px!important;display:inline-flex!important}.continue-wrapper,.video-actions,.video-button-wrapper{display:none!important}.lesson-intro-card{box-sizing:border-box;background:#fff;border:3px solid #e8dfcf;border-radius:34px;width:min(920px,88vw);min-height:520px;margin:0 auto;padding:56px 64px;box-shadow:0 12px #e2d7c3}.lesson-flow:has(.lesson-start-card){box-sizing:border-box!important;background:#f7f3ea!important;place-items:center!important;width:100%!important;min-height:100dvh!important;padding:4dvh 4vw!important;display:grid!important;overflow:hidden!important}.lesson-start-card{background:#fffdf8!important;border:.18rem solid #e8dfcf!important;border-radius:clamp(2rem,4vw,3rem)!important;place-items:center!important;width:min(88vw,92rem)!important;height:min(76dvh,42rem)!important;margin:0!important;padding:clamp(2rem,5dvh,4rem) clamp(2rem,5vw,5rem)!important;display:grid!important;box-shadow:0 .8rem #e2d7c3!important}.intro-content{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:min(100%,62rem)!important;display:flex!important}.lesson-start-card{margin-top:0!important;transform:none!important}.intro-back-button{color:#102a34!important;cursor:pointer!important;background:#e6f1ed!important;border:none!important;border-radius:18px!important;padding:12px 22px!important;font-size:17px!important;font-weight:900!important;position:absolute!important;top:28px!important;left:34px!important;box-shadow:0 6px 16px #102a3414!important}.intro-logo{color:#f2b655;background:#0f4153;border-radius:50%;place-items:center;width:132px;height:132px;margin-bottom:34px;font-size:70px;font-weight:900;display:grid;box-shadow:0 10px #082734}.lesson-start-card .eyebrow{color:#d9783d!important;letter-spacing:.24em!important;text-transform:uppercase!important;margin:0 0 18px!important;font-size:18px!important;font-weight:1000!important}.lesson-start-card h1{margin:0 0 18px!important}.lesson-start-card>p:not(.eyebrow){color:#5f6b7a!important;margin:0 0 48px!important;font-size:26px!important;font-weight:500!important}.lesson-start-card .reward-pill{color:#102a34!important;background:#f2b655!important;border-radius:24px!important;height:clamp(3.8rem,7dvh,5rem)!important;margin:0!important;padding:0 34px!important;font-size:clamp(1.1rem,1.7vw,1.7rem)!important;font-weight:1000!important;box-shadow:0 8px #c78227!important}.lesson-start-card .big-green-button{color:#fff!important;background:#19647e!important;border-radius:24px!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-size:26px!important;font-weight:1000!important;box-shadow:0 8px #0f4153!important}.lesson-start-card{margin-top:0!important}.lesson-flow:has(.lesson-start-card){box-sizing:border-box!important;place-items:center!important;height:100dvh!important;padding:3dvh 4vw 5dvh!important;display:grid!important}.lesson-start-card{position:relative!important;top:0!important}.lesson-reference-page .reference-practice-header{transform:translateY(-40%)}.lesson-reference-page .reference-practice-grid{transform:translateY(-10%)}.lesson-reference-page .prediction-box p,.lesson-reference-page .camera-card-right>h2{display:none}.quiz-card{width:min(1050px,92vw)!important;height:auto!important;min-height:0!important;padding:14px 28px 20px!important}.quiz-card .eyebrow{margin:0 0 6px!important}.quiz-card .lesson-video{object-fit:contain!important;border-radius:28px!important;flex-shrink:0!important;width:100%!important;max-width:980px!important;height:min(48vh,400px)!important}.quiz-card .choice-grid{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:980px;display:grid;margin-top:18px!important}.quiz-card .choice-button{height:72px;font-size:24px}.quiz-card h1{margin:0!important;font-size:clamp(52px,4vw,80px)!important;line-height:.95!important}@media (height<=850px){.lesson-video{min-height:340px!important;max-height:430px!important}.learn-card.compact-learn-card{padding-top:18px!important}.learn-card h1{font-size:58px!important}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-6px)}to{transform:translate(0)}}@keyframes popCorrect{0%{transform:scale(1)}60%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes holdPulse{0%,to{box-shadow:0 8px #0f4153,0 0 #19647e4d}50%{box-shadow:0 8px #0f4153,0 0 0 18px #19647e00}}@media (width<=700px){.lesson-flow{padding:12px}.learn-card.compact-learn-card,.learn-card{height:calc(100vh - 78px);padding:16px}.choice-grid,.picture-choice-grid{grid-template-columns:1fr}}.quiz-card{padding-top:14px!important}.quiz-card h1{margin:0!important;font-size:64px!important}.quiz-card .mini-goal{margin:2vh 0 0!important}.quiz-card .choice-grid{margin-top:14px!important}.choice-button.correct{background:#eaffdf!important;border-color:#58cc02!important}.choice-button.wrong{background:#ffe0e0!important;border-color:#ff4b4b!important}.quiz-result-overlay{z-index:999;pointer-events:none;place-items:center;font-size:260px;font-weight:1000;animation:.85s forwards resultGlow;display:grid;position:absolute;inset:0}.quiz-result-overlay.correct{color:#58cc02;text-shadow:0 0 18px #58cc02e6,0 0 45px #58cc02b3,0 0 90px #58cc0273}.quiz-result-overlay.wrong{color:#ff4b4b;text-shadow:0 0 18px #ff4b4be6,0 0 45px #ff4b4bb3,0 0 90px #ff4b4b73}@keyframes resultGlow{0%{opacity:0;transform:scale(.85)}20%{opacity:1;transform:scale(1.08)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.lesson-title{color:#102a34;font-size:clamp(70px,8vw,112px);font-weight:1000;line-height:.9}.lesson-title-long{font-size:clamp(52px,6vw,82px);line-height:.95}.mission-intro-card .eyebrow{color:#d9783d!important;margin:0 0 14px!important}.mission-intro-card h1{margin:0 0 10px!important;font-size:clamp(48px,5vw,72px)!important}.mission-intro-card>p:not(.eyebrow){color:#102a34!important;margin:0 0 22px!important;font-size:22px!important}.mission-intro-card .challenge-list{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-top:56px!important;display:grid!important}.mission-intro-card .challenge-list span{justify-content:center;align-items:center;min-width:180px;font-weight:900;display:flex;width:auto!important;padding:12px 20px!important;font-size:20px!important}.mission-intro-card .big-green-button{height:62px!important;margin:0 auto!important}.mission-menu-button:hover{transform:translateY(-2px)}:is(.lesson-flow:has(.quiz-card .choice-grid),.lesson-flow:has(.picture-choice-grid)){justify-content:center!important;align-items:center!important;min-height:100vh!important;padding:0!important;display:flex!important}.lesson-flow:has(.picture-choice-grid) .quiz-card{flex-direction:column!important;width:min(1060px,92vw)!important;max-width:none!important;height:calc(100vh - 48px)!important;padding:18px 42px 22px!important;display:flex!important;overflow:hidden!important}.lesson-flow:has(.picture-choice-grid) .quiz-card .eyebrow{margin:0 0 4px!important;font-size:15px!important}.lesson-flow:has(.picture-choice-grid) .quiz-card h1{margin:0!important;font-size:clamp(56px,6vh,82px)!important;line-height:.9!important}.lesson-flow:has(.picture-choice-grid) .quiz-card .mini-goal{margin:8px 0 18px!important;font-size:22px!important}.lesson-flow:has(.picture-choice-grid) .picture-choice-grid{flex:1!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-columns:repeat(2,1fr)!important;gap:18px!important;min-height:0!important;margin:0!important;display:grid!important}.lesson-flow:has(.picture-choice-grid) .picture-choice-button{border-radius:24px!important;height:100%!important;min-height:0!important;padding:8px!important;overflow:hidden!important}.lesson-flow:has(.picture-choice-grid) .picture-choice-button img{object-fit:contain!important;border-radius:18px!important;width:100%!important;height:100%!important}:is(.lesson-flow:has(.quiz-result-overlay),.lesson-flow:has(.quiz-card .choice-grid)){place-items:center!important;width:100%!important;height:100vh!important;margin:0!important;padding:0!important;display:grid!important}.lesson-flow:has(.quiz-card .choice-grid) .quiz-card{flex-direction:column!important;align-items:center!important;width:min(1050px,92vw)!important;max-width:none!important;height:88vh!important;padding:18px 40px 24px!important;display:flex!important;position:relative!important;overflow:hidden!important}.quiz-card .feedback{display:none!important}.quiz-card .lesson-video{object-fit:contain!important;width:100%!important;max-width:720px!important;height:310px!important;min-height:0!important;max-height:310px!important}.quiz-card .choice-grid{gap:18px!important;width:100%!important;max-width:900px!important;margin-top:18px!important}.quiz-card .choice-button{height:76px!important}.lesson-flow:has(.picture-choice-grid) .quiz-card{position:relative!important}.sign-complete-card{background:#fffdf8;border:3px solid #e8dfcf;border-radius:38px;flex-direction:column;gap:26px;width:min(860px,90vw);height:auto;min-height:0;margin:0 auto;padding:42px 54px;display:flex;box-shadow:0 12px #e2d7c3}.sign-complete-top{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2vh;width:100%;display:flex}.sign-complete-icon{color:#f2b655;background:#14213d;border:6px solid #f2b655;border-radius:50%;flex-shrink:0;place-items:center;width:118px;height:118px;display:grid}.sign-complete-copy .eyebrow{color:#d9783d;margin:0 0 8px}.sign-complete-copy h1{color:#14213d;margin:0 0 10px;font-size:78px;line-height:.9}.sign-complete-copy p:not(.eyebrow){color:#64748b;margin:0;font-size:22px}.sign-complete-bottom{justify-content:center;align-items:center;width:100%;display:flex}.completion-stats{gap:16px;display:flex}.stat-card{background:#fff;border:2px solid #d7e3f8;border-radius:20px;width:140px;padding:14px 16px}.stat-card span{color:#64748b;font-weight:900}.stat-card strong{color:#19647e;margin-top:4px;font-size:34px;display:block}.sign-complete-card .reward-pill{color:#102a34;background:#f2b655;height:62px;margin:0;padding:0 32px;box-shadow:0 6px #c78227}.sign-complete-card .big-green-button{width:100%;height:64px;margin:0}.lesson-flow:has(.sign-complete-card){justify-content:center!important;align-items:center!important;min-height:100vh!important;padding:0!important;display:flex!important}.lesson-flow:has(.sign-complete-card){place-items:center!important;padding:0!important;display:grid!important}.sign-complete-card{margin:0 auto!important;transform:none!important}.sign-complete-card .sign-complete-copy h1{font-size:clamp(54px,6vw,78px)!important}.lesson-flow:has(.picture-choice-grid){box-sizing:border-box!important;place-items:center!important;width:100%!important;height:100dvh!important;padding:4dvh 4vw!important;display:grid!important}.lesson-flow:has(.picture-choice-grid) .quiz-card{flex-direction:column!important;justify-content:center!important;width:min(82vw,82rem)!important;height:min(82dvh,48rem)!important;margin:0!important;display:flex!important;transform:none!important}.sign-complete-icon svg{width:72px;height:72px}.sign-complete-bottom{justify-content:center;display:flex}.sign-complete-bottom .reward-pill{color:#14213d;background:#f2c96d;border-radius:48px;height:96px;margin:0;padding:0 54px;font-size:42px;font-weight:1000;box-shadow:0 8px #c58d2d}.lesson-finish-card{width:min(1120px,92vw);padding:42px 60px}.lesson-finish-header{flex-direction:column;align-items:center;gap:14px;display:flex}.lesson-finish-header .eyebrow{color:#d9783d;letter-spacing:.22em;margin:0;font-size:18px;font-weight:1000}.lesson-finish-card h1{text-align:center;color:#14213d;margin:0;font-size:clamp(64px,7vw,110px);line-height:.9}.lesson-finish-subtitle{text-align:center;color:#64748b;margin:0;font-size:28px}.lesson-finish-reward-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;margin:12px 0;display:flex}.lesson-finish-text{color:#14213d;font-size:26px;font-weight:700}.lesson-finish-card .reward-pill{margin:0}.unit-complete-card{text-align:center;background:#fffdf8;border:3px solid #e8dfcf;border-radius:44px;flex-direction:column;justify-content:center;align-items:center;width:min(900px,82vw);min-height:480px;margin:0 auto;padding:30px 50px 40px;display:flex;box-shadow:0 12px #e2d7c3}.unit-complete-trophy{color:#f2b655;place-items:center;width:150px;height:150px;margin-bottom:10px;display:grid}.unit-complete-card .eyebrow{color:#d9783d;letter-spacing:.22em;margin:0 0 18px;font-size:18px;font-weight:1000}.unit-complete-card h1{color:#14213d;margin:0 0 36px;font-size:clamp(52px,5vw,82px);font-weight:1000;line-height:.92}.unit-complete-actions{align-items:center;gap:22px;display:flex}.unit-complete-actions .reward-pill{white-space:nowrap;color:#14213d;background:#f2c95d;height:88px;margin:0;padding:0 56px;font-size:30px;font-weight:1000;box-shadow:0 8px #c79b29}.unit-complete-actions .big-green-button{border-radius:28px;width:620px;height:88px;margin:0;font-size:34px;font-weight:1000}.video-tour-overlay{z-index:99999;background:#00000073;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;inset:0}.video-tour-popover{text-align:left;background:#fff;border:3px solid #d7e3f8;border-radius:24px;width:340px;padding:22px;position:absolute;box-shadow:0 18px 40px #00000038}.video-tour-popover.point-loop{bottom:25%;right:25%}.video-tour-popover.point-slow{bottom:25%;right:10%}.video-tour-popover:after{content:"";border-top:22px solid #fff;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;position:absolute;bottom:-22px}.video-tour-popover.point-loop:after,.video-tour-popover.point-slow:after{right:82px}.video-tour-popover h2{color:#14213d;margin:4px 0 8px;font-size:32px}.video-tour-popover p{color:#253041;margin:0 0 14px;font-size:19px;line-height:1.35}.video-tour-popover button{color:#fff;cursor:pointer;background:#19647e;border:none;border-radius:16px;width:100%;height:48px;font-size:18px;font-weight:900}.side-video-actions .lesson-video-btn{z-index:90;position:relative}.lesson-flow{box-sizing:border-box!important;place-items:center!important;width:100vw!important;height:100dvh!important;padding:clamp(18px,3vw,56px)!important;display:grid!important;overflow:hidden!important}.lesson-start-card{box-sizing:border-box!important;border-radius:clamp(28px,3vw,48px)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:min(90vw,1450px)!important;height:min(82dvh,720px)!important;padding:clamp(28px,4vw,64px)!important;display:flex!important}.intro-logo,.lesson-start-card .eyebrow,.lesson-title,.lesson-start-card>p:not(.eyebrow),.intro-actions{margin-left:auto!important;margin-right:auto!important}.intro-back-button{padding:clamp(10px,1.2vw,16px) clamp(18px,2vw,30px)!important;font-size:clamp(15px,1.1vw,20px)!important;position:absolute!important;top:clamp(20px,3vw,38px)!important;left:clamp(22px,4vw,56px)!important}.intro-logo{width:clamp(95px,9vw,150px)!important;height:clamp(95px,9vw,150px)!important;margin-bottom:clamp(22px,3vw,42px)!important;font-size:clamp(48px,5vw,78px)!important}.lesson-start-card .eyebrow{margin-bottom:clamp(12px,1.5vw,22px)!important;font-size:clamp(14px,1.1vw,20px)!important}.lesson-title{font-size:clamp(54px,6vw,96px)!important;line-height:.92!important}.lesson-start-card>p:not(.eyebrow){margin-bottom:clamp(32px,4vw,62px)!important;font-size:clamp(20px,2vw,32px)!important}.intro-actions{grid-template-columns:.85fr 1.35fr!important;gap:clamp(14px,2vw,28px)!important;width:min(760px,70vw)!important;display:grid!important}.lesson-start-card .reward-pill,.lesson-start-card .big-green-button{border-radius:clamp(18px,2vw,28px)!important;width:100%!important;height:clamp(58px,6vh,82px)!important;font-size:clamp(20px,1.8vw,30px)!important}@media (height<=760px){.lesson-start-card{height:86dvh!important;padding-top:26px!important;padding-bottom:26px!important}.intro-logo{margin-bottom:18px!important}.lesson-start-card>p:not(.eyebrow){margin-bottom:32px!important}}@media (width<=850px){.intro-actions{grid-template-columns:1fr!important;width:min(460px,82vw)!important}.lesson-start-card{height:auto!important;min-height:82dvh!important}}.lesson-start-card{place-items:center!important;display:grid!important;position:relative!important}.intro-content{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:920px!important;margin:0 auto!important;display:flex!important}.intro-back-button{position:absolute!important}.lesson-flow:has(.lesson-start-card){box-sizing:border-box!important;place-items:center!important;width:100%!important;height:100%!important;padding:clamp(20px,3vw,56px)!important;display:grid!important}.lesson-start-card{place-items:center!important;width:min(90vw,1450px)!important;height:min(82dvh,720px)!important;margin:0 auto!important;display:grid!important;position:relative!important}.intro-content{text-align:center!important;flex-direction:column!important;align-items:center!important;width:min(920px,100%)!important;margin:0 auto!important;display:flex!important}.intro-back-button{position:absolute!important;top:clamp(22px,3vw,38px)!important;left:clamp(24px,4vw,56px)!important}.learn-card.compact-learn-card{width:88vw!important;max-width:88vw!important;margin-left:auto!important;margin-right:auto!important;transform:none!important}.lesson-video-btn.active{color:#fff;background:#14213d}.lesson-video-btn.tour-active{border-color:#f2b655;box-shadow:0 0 0 6px #fde6bd}.video-tour-overlay~.learn-card .lesson-video-btn:not(.tour-active){opacity:.4}.lesson-flow:has(.sign-complete-card){background:#f7f3ea!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:grid!important;position:fixed!important;inset:0!important;overflow:hidden!important}.sign-complete-card{text-align:center!important;background:linear-gradient(#fffdf8 0%,#fff 100%)!important;border:4px solid #e8dfcf!important;border-radius:44px!important;grid-template-rows:auto auto auto!important;align-content:center!important;place-items:center!important;gap:clamp(26px,4vh,38px)!important;width:min(920px,88vw)!important;min-height:min(560px,72dvh)!important;margin:0!important;padding:clamp(34px,5vh,56px) clamp(40px,6vw,76px)!important;display:grid!important;box-shadow:0 14px #e2d7c3!important}.sign-complete-top{text-align:left!important;justify-content:center!important;align-items:center!important;gap:clamp(28px,4vw,46px)!important;width:fit-content!important;margin:0 auto!important;display:flex!important}.sign-complete-bottom{place-items:center!important;width:100%!important;display:grid!important}.sign-complete-card .big-green-button{width:100%!important;max-width:760px!important;margin:0 auto!important}.lesson-flow:has(.mission-intro-card){padding:0;box-sizing:border-box!important;background:#f7f3ea!important;place-items:center!important;width:100vw!important;height:100dvh!important;display:grid!important;overflow:hidden!important}.mission-intro-card{box-sizing:border-box!important;text-align:center!important;background:#fffdf8!important;border:3px solid #e8dfcf!important;border-radius:clamp(28px,3vw,48px)!important;place-items:center!important;width:min(90vw,1450px)!important;height:min(82dvh,720px)!important;margin:0 auto!important;padding:clamp(28px,4vw,64px)!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px #e2d7c3!important}.mission-menu-button{color:#102a34!important;cursor:pointer!important;background:#e6f1ed!important;border:none!important;border-radius:clamp(16px,1.5vw,22px)!important;padding:clamp(10px,1.2vw,16px) clamp(18px,2vw,30px)!important;font-size:clamp(15px,1.1vw,20px)!important;font-weight:900!important;position:absolute!important;top:clamp(22px,3vw,38px)!important;left:clamp(24px,4vw,56px)!important;box-shadow:0 .8em 1.8em #102a3414!important}.mission-intro-card .floating-icon{width:clamp(6rem,8vw,9rem);height:clamp(6rem,8vw,9rem);color:#f2b655!important;background:#0f4153!important;margin:0 auto clamp(22px,3vw,42px)!important;box-shadow:0 10px #082734!important}.mission-intro-card .floating-icon svg{width:52%!important;height:52%!important}.mission-intro-card .eyebrow{color:#d9783d!important;letter-spacing:.24em!important;text-transform:uppercase!important;margin:0 0 clamp(12px,1.5vw,22px)!important;font-size:clamp(14px,1.1vw,20px)!important;font-weight:1000!important}.mission-intro-card h1{color:#14213d!important;text-align:center!important;margin:0 0 clamp(14px,1.6vw,22px)!important;font-size:clamp(54px,6vw,96px)!important;font-weight:1000!important;line-height:.92!important}.mission-intro-card>p:not(.eyebrow){color:#102a34!important;text-align:center!important;margin:0!important;font-size:clamp(20px,2vw,32px)!important;font-weight:500!important}.mission-intro-card .challenge-list{display:none!important}.mission-intro-card .reward-pill,.mission-intro-card .big-green-button{border-radius:clamp(18px,2vw,28px)!important;height:clamp(58px,6vh,82px)!important;margin:0!important;font-size:clamp(20px,1.8vw,30px)!important;font-weight:1000!important;position:static!important}.mission-intro-card .reward-pill{color:#102a34!important;background:#f2b655!important;width:100%!important;padding:0 clamp(22px,3vw,38px)!important;box-shadow:0 8px #c78227!important}.mission-intro-card .big-green-button{width:100%!important;padding:0!important}.mission-intro-card h1,.mission-intro-card>p:not(.eyebrow){grid-row:auto!important}.mission-intro-card .reward-pill,.mission-intro-card .big-green-button{align-self:center!important;transform:translateY(0)!important}.mission-actions{grid-template-columns:.8fr 1.3fr;align-items:center;gap:1.5vw;width:min(70vw,52rem);margin-top:5dvh;display:grid}.mission-actions .reward-pill,.mission-actions .big-green-button{width:100%!important;height:clamp(58px,6dvh,82px)!important;margin:0!important;position:static!important}.mission-actions .reward-pill{font-size:clamp(18px,1.6vw,26px)!important}.mission-actions .big-green-button{font-size:clamp(22px,2vw,30px)!important}.mission-intro-card .reward-pill,.mission-intro-card .big-green-button{justify-self:unset!important}.lesson-flow:has(.mission-intro-card){justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important}.mission-intro-card{margin:auto!important;transform:none!important}.lesson-flow:has(.lesson-start-card){box-sizing:border-box!important;background:#f7f3ea!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:3dvh 4vw!important;display:grid!important;position:fixed!important;inset:0!important;overflow:hidden!important}.lesson-start-card{width:min(90vw,1450px)!important;height:min(82dvh,720px)!important;margin:0!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.lesson-flow:has(.unit-complete-card){box-sizing:border-box!important;background:#f7f3ea!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:grid!important;overflow:hidden!important;transform:translate(-5dvh,-5dvh)!important}.unit-complete-card{box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:min(72vw,72rem)!important;min-height:min(72dvh,42rem)!important;margin:0!important;display:flex!important;transform:none!important}.unit-complete-trophy{color:#f2b655!important;background:#14213d!important;border-radius:50%!important;place-items:center!important;width:clamp(6rem,10dvh,9rem)!important;height:clamp(6rem,10dvh,9rem)!important;margin:0 auto 3dvh!important;display:grid!important;box-shadow:0 .8dvh #0d162e!important}.unit-complete-trophy svg{width:52%!important;height:52%!important}.lesson-flow:has(.quiz-card .lesson-video) .quiz-card{transform:translateY(-5dvh)!important}.lesson-flow:has(.camera-teach-card){place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:grid!important;transform:translateY(5dvh)!important}.camera-teach-card{margin:0 auto!important}button{transition:transform .18s,box-shadow .18s}button:hover:not(:disabled){transform:translateY(-.2rem)}button:active:not(:disabled){transform:translateY(.1rem)}.mission-intro-card .big-green-button:hover:not(:disabled){transform:translateY(-.2rem)!important;box-shadow:0 12px #0f4153!important}.mission-intro-card .big-green-button:active:not(:disabled){transform:translateY(.1rem)!important}.lesson-flow:has(.learn-card.compact-learn-card){transform:translate(-2rem,-3rem)!important}.lesson-flow:has(.lesson-start-card){box-sizing:border-box!important;background:#f7f3ea!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:4dvh 5vw!important;display:grid!important;position:fixed!important;inset:0!important;overflow:hidden!important;transform:none!important}.lesson-start-card{box-sizing:border-box!important;background:#fffdf8!important;border:.18rem solid #e8dfcf!important;border-radius:3rem!important;place-items:center!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:5dvh 6vw!important;display:grid!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;box-shadow:0 1.2dvh #e2d7c3!important}.intro-content{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:min(75vw,60rem)!important;height:auto!important;margin:0 auto!important;display:flex!important}.intro-logo{aspect-ratio:1!important;width:clamp(6rem,9vw,9rem)!important;height:auto!important;margin:0 0 4dvh!important;font-size:clamp(3rem,5vw,5rem)!important}.lesson-start-card .eyebrow{margin:0 0 2dvh!important;font-size:clamp(.9rem,1.25vw,1.25rem)!important}.lesson-start-card .lesson-title{margin:0 0 2.5dvh!important;font-size:clamp(3.5rem,6vw,6.5rem)!important;line-height:.95!important}.lesson-start-card .intro-content>p:not(.eyebrow){color:#5f6b7a!important;margin:0 0 4dvh!important;font-size:clamp(1.15rem,1.6vw,1.75rem)!important;font-weight:500!important;line-height:1.4!important}.intro-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)!important;align-items:stretch!important;gap:2vw!important;width:min(65vw,52rem)!important;display:grid!important}.lesson-start-card .reward-pill,.lesson-start-card .big-green-button{box-sizing:border-box!important;white-space:nowrap!important;justify-content:center!important;align-items:center!important;width:100%!important;height:clamp(3.75rem,7dvh,5rem)!important;margin:0!important;font-size:clamp(1.15rem,1.6vw,1.75rem)!important;line-height:1!important;display:flex!important}.intro-back-button{padding:.8rem 1.5rem!important;font-size:clamp(.95rem,1.1vw,1.2rem)!important;position:absolute!important;top:4dvh!important;left:3vw!important}.lesson-flow:has(.quiz-card>.lesson-video){box-sizing:border-box!important;background:#f7f3ea!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:3dvh 3vw!important;display:grid!important;overflow:hidden!important;transform:none!important}.lesson-flow:has(.quiz-card>.lesson-video) .quiz-card{box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;padding:2.5dvh 4vw 3dvh!important;display:flex!important;overflow:hidden!important;transform:none!important}.lesson-flow:has(.quiz-card>.lesson-video) .quiz-card .eyebrow{margin:0 0 1dvh!important;font-size:clamp(.8rem,1vw,1.1rem)!important}.lesson-flow:has(.quiz-card>.lesson-video) .quiz-card h1{margin:0!important;font-size:clamp(3rem,5vw,5.5rem)!important;line-height:1!important}.lesson-flow:has(.quiz-card>.lesson-video) .quiz-card .mini-goal{margin:1.5dvh 0!important;font-size:clamp(1rem,1.3vw,1.4rem)!important}.lesson-flow:has(.quiz-card>.lesson-video) .quiz-card>.lesson-video{object-fit:contain!important;flex:0 auto!important;width:min(70vw,100%)!important;max-width:none!important;height:48dvh!important;min-height:0!important;max-height:none!important}.lesson-flow:has(.quiz-card>.lesson-video) .choice-grid{grid-template-columns:1fr 1fr!important;gap:2vw!important;width:min(80vw,100%)!important;margin:2dvh 0 0!important;display:grid!important}.lesson-flow:has(.quiz-card>.lesson-video) .choice-button{width:100%!important;height:8dvh!important;min-height:3.5rem!important;font-size:clamp(1.1rem,1.5vw,1.6rem)!important}.video-quiz-menu-button{z-index:1000!important;color:#14213d!important;cursor:pointer!important;background:#fff!important;border:none!important;border-radius:1.2rem!important;padding:.9rem 1.6rem!important;font-size:clamp(.95rem,1.1vw,1.2rem)!important;font-weight:900!important;position:fixed!important;top:3dvh!important;left:3vw!important;box-shadow:0 .6rem 1.5rem #14213d1a!important}.video-quiz-menu-button:hover{transform:translateY(-.15rem)!important}.quiz-mastery-progress{color:#102a34!important;background:#e6f1ed!important;border-radius:999rem!important;justify-content:center!important;align-items:center!important;min-width:5.5rem!important;margin:1.2dvh 0 1.8dvh!important;padding:.55rem 1.2rem!important;font-size:clamp(1.05rem,1.4vw,1.45rem)!important;font-weight:1000!important;display:inline-flex!important}.video-quiz-card .choice-grid{grid-template-columns:1fr 1fr!important}.video-quiz-card .choice-button:first-child{grid-column:1!important}.video-quiz-card .choice-button:last-child{grid-column:2!important}.learn-text-panel .meaning-card p,.learn-text-panel .example-card p{margin:0 0 .55rem!important;font-size:clamp(.9rem,1vw,1.05rem)!important;line-height:1.2!important}.learn-text-panel .meaning-card h2,.learn-text-panel .example-card h2{margin:0!important;font-size:clamp(1.25rem,1.55vw,1.65rem)!important;line-height:1.2!important}.learn-text-panel .example-card h3{margin:.65rem 0 0!important;font-size:clamp(1.15rem,1.35vw,1.5rem)!important;line-height:1.1!important}.learn-text-panel{justify-content:center!important;gap:clamp(1.75rem,4vh,3rem)!important}.picture-choice-card .picture-mastery-progress{color:#102a34!important;background:#e6f1ed!important;border-radius:999rem!important;justify-content:center!important;align-items:center!important;width:fit-content!important;min-width:4.5rem!important;max-width:none!important;margin:.6rem auto 1rem!important;padding:.5rem 1rem!important;font-size:clamp(1rem,1.25vw,1.3rem)!important;font-weight:1000!important;line-height:1!important;display:flex!important}@media (width<=768px){.lesson-flow{width:100%;max-width:100%;padding:1rem;overflow-x:hidden}.learn-main-grid{grid-template-columns:1fr}.lesson-video{width:100%;height:auto;max-height:45vh}.choice-grid,.picture-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-button,.picture-choice-button,.big-green-button{min-height:48px}.lesson-intro-card,.learn-card,.quiz-card,.sign-complete-card,.unit-complete-card{width:100%;max-width:100%}}@media (width<=480px){.choice-grid,.picture-choice-grid{grid-template-columns:1fr 1fr;gap:.65rem}}@media (width<=768px){.app-shell.lesson-mode,.app-shell.lesson-mode .main-content{width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:0!important;overflow:visible!important}.lesson-flow{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:1rem!important;position:relative!important;overflow:hidden auto!important;transform:none!important}.lesson-flow:has(.lesson-start-card){justify-content:center!important;align-items:flex-start!important;width:100%!important;height:100dvh!important;padding:1rem!important;display:flex!important;position:relative!important;inset:auto!important;overflow-y:auto!important;transform:none!important}.lesson-start-card{border-radius:2rem!important;flex-direction:column!important;justify-content:center!important;width:100%!important;max-width:34rem!important;height:auto!important;min-height:calc(100dvh - 2rem)!important;max-height:none!important;margin:0 auto!important;padding:6.5rem 1.25rem 2rem!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;overflow:visible!important;transform:none!important}.intro-content{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:0!important;display:flex!important}.intro-logo{width:6.5rem!important;height:6.5rem!important;margin:0 0 1.75rem!important;font-size:3.5rem!important}.lesson-start-card .eyebrow{letter-spacing:.2em!important;margin:0 0 1rem!important;font-size:.9rem!important}.lesson-start-card .lesson-title,.lesson-start-card .lesson-title-long{white-space:normal!important;overflow-wrap:normal!important;margin:0 0 1.25rem!important;font-size:clamp(2.7rem,12vw,4rem)!important;line-height:.95!important}.lesson-start-card .intro-content>p:not(.eyebrow){max-width:25rem!important;margin:0 0 2rem!important;font-size:1.15rem!important;line-height:1.4!important}.intro-actions{flex-direction:column!important;gap:1rem!important;width:100%!important;max-width:24rem!important;display:flex!important}.lesson-start-card .reward-pill,.lesson-start-card .big-green-button{white-space:normal!important;width:100%!important;height:3.75rem!important;min-height:3.75rem!important;margin:0!important;font-size:1.2rem!important}.intro-back-button{z-index:20!important;width:auto!important;padding:.8rem 1.15rem!important;font-size:1rem!important;position:absolute!important;top:1.25rem!important;left:1.25rem!important}.lesson-flow:has(.camera-teach-card){width:100%!important;height:100dvh!important;padding:5.5rem 1rem 2rem!important;display:block!important;position:relative!important;overflow:hidden auto!important;transform:none!important}.camera-back-button{z-index:50!important;width:auto!important;padding:.8rem 1.15rem!important;font-size:1rem!important;position:absolute!important;top:1rem!important;left:1rem!important}.camera-teach-card{border-radius:2rem!important;justify-content:flex-start!important;gap:.9rem!important;width:100%!important;max-width:32rem!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto 2rem!important;padding:1.5rem 1rem 1.75rem!important;overflow:visible!important;transform:none!important}.camera-teach-card .eyebrow{letter-spacing:.18em!important;font-size:.8rem!important}.camera-teach-card h1{font-size:clamp(2.25rem,10vw,3.25rem)!important;line-height:1!important}.camera-teach-card>p:not(.eyebrow){width:100%!important;max-width:26rem!important;font-size:1.05rem!important;line-height:1.45!important}.camera-demo-box{gap:1rem!important;width:100%!important;max-width:27rem!important}.camera-frame-demo{aspect-ratio:4/3!important;border-width:3px!important;border-radius:1.5rem!important;width:100%!important;height:auto!important;max-height:none!important}.camera-guide-character{width:auto!important;height:125%!important;transform:translateY(1.2rem)!important}.demo-tip{border-radius:1.4rem!important;gap:.75rem!important;width:100%!important;padding:1rem!important;font-size:1rem!important;line-height:1.35!important}.demo-tip span{min-width:0!important}.camera-teach-card .big-green-button{width:100%!important;max-width:27rem!important;height:3.75rem!important;margin:.5rem auto 0!important;font-size:1.2rem!important}.lesson-flow:has(.learn-card.compact-learn-card){height:auto!important;min-height:100dvh!important;padding:.75rem!important;display:block!important;overflow:visible!important;transform:none!important}.learn-card.compact-learn-card{box-sizing:border-box!important;flex-direction:column!important;gap:.65rem!important;width:100%!important;max-width:34rem!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding:1rem!important;display:flex!important;position:relative!important;overflow:visible!important}.learn-back-button{align-self:flex-start;min-height:44px;margin:0!important;padding:.65rem .9rem!important;font-size:.9rem!important;position:static!important;transform:none!important}.learn-card.compact-learn-card>.eyebrow{margin:0!important;font-size:.8rem!important;position:static!important;transform:none!important}.learn-card.compact-learn-card>h1{overflow-wrap:anywhere;margin:0!important;font-size:clamp(2rem,8vw,3rem)!important;line-height:1.05!important;position:static!important;transform:none!important}.learn-main-grid,.learn-bottom-controls{display:contents!important}.learn-video-panel{order:1;width:100%!important;min-height:0!important;display:block!important}.learn-video-panel .video-stage{aspect-ratio:auto!important;width:100%!important;height:clamp(10rem,27dvh,16rem)!important;min-height:0!important;overflow:hidden!important}.learn-video-panel .lesson-video{object-fit:contain!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;display:block!important}.learn-bottom-controls .side-video-actions{order:2;justify-content:center;gap:.5rem!important;width:100%!important;margin:0!important;display:flex!important}.side-video-actions .lesson-video-btn{min-width:6rem;justify-content:center!important;min-height:44px!important;margin:0!important;padding:.5rem 1rem!important;font-size:.95rem!important}.learn-text-panel{order:3;text-align:center!important;flex-direction:column!important;gap:.65rem!important;width:100%!important;padding:0!important;display:flex!important;overflow:visible!important}.learn-text-panel .meaning-card,.learn-text-panel .example-card{box-sizing:border-box;text-align:center!important;background:0 0!important;border:none!important;width:100%!important;margin:0!important;padding:0!important}.learn-text-panel .meaning-card p,.learn-text-panel .example-card p{margin:0 0 .25rem!important;font-size:.9rem!important;line-height:1.25!important}.learn-text-panel .meaning-card h2,.learn-text-panel .example-card h2,.learn-text-panel .example-card h3{margin:0!important;font-size:1.05rem!important;line-height:1.3!important}.learn-text-panel .example-card h3{margin-top:.3rem!important}.learn-bottom-controls>.big-green-button{order:4;width:100%!important;height:auto!important;min-height:3rem!important;margin:.25rem 0 0!important;padding:.75rem!important;font-size:1.1rem!important}.quiz-card,.picture-choice-card,.video-quiz-card{border-radius:2rem!important;width:100%!important;max-width:34rem!important;height:auto!important;min-height:0!important;margin:4.5rem auto 2rem!important;padding:1.25rem!important;overflow:visible!important;transform:none!important}.quiz-card h1{font-size:clamp(2.3rem,10vw,3.5rem)!important}.choice-grid,.picture-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;width:100%!important;display:grid!important}.choice-button,.picture-choice-button{min-width:0!important;min-height:4rem!important;padding:.75rem!important}.picture-choice-button img{object-fit:contain!important;width:100%!important;height:auto!important}.video-quiz-menu-button{z-index:30!important;position:absolute!important;top:1rem!important;left:1rem!important}.video-tour-overlay,.control-tour-overlay{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;padding:1rem!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.video-tour-popover,.video-tour-popover.point-loop,.video-tour-popover.point-slow,.control-tour-card{box-sizing:border-box;max-height:calc(100dvh - 2rem);overflow-y:auto;border-radius:1.5rem!important;width:100%!important;max-width:22rem!important;margin:0!important;padding:1.25rem!important;position:relative!important;inset:auto!important;transform:none!important}.video-tour-popover:after,.control-tour-card:after,.tour-arrow{display:none!important}.video-tour-popover h2,.control-tour-card h2{font-size:1.75rem!important}.video-tour-popover p,.control-tour-card p{font-size:1rem!important;line-height:1.4!important}.video-tour-popover button,.control-tour-card button{width:100%!important;min-height:3.25rem!important;font-size:1rem!important}.cv-intro-card{width:100%!important;max-width:34rem!important;height:auto!important;min-height:0!important;margin:1rem auto 2rem!important;padding:1.5rem 1rem!important;overflow:visible!important}.cv-tips{grid-template-columns:1fr!important;gap:.75rem!important;width:100%!important;display:grid!important}.cv-tip{width:100%!important;padding:1rem!important}.lesson-flow:has(.unit-complete-card){width:100%!important;height:auto!important;min-height:100dvh!important;padding:1rem!important;overflow:visible!important;transform:none!important}.unit-complete-card{width:100%!important;max-width:32rem!important;min-height:0!important;padding:1.5rem 1rem!important}.unit-complete-card h1{overflow-wrap:anywhere;margin-bottom:1.5rem;font-size:clamp(2rem,9vw,3rem);line-height:1.05}.unit-complete-actions{flex-direction:column;gap:1.25rem;width:100%}.unit-complete-actions .reward-pill{max-width:100%;height:auto;padding:.75rem 1.5rem;font-size:1.8rem}.unit-complete-actions .big-green-button{width:100%;height:auto;min-height:3.5rem;padding:.75rem;font-size:1.2rem}.lesson-flow:has(.lesson-finish-card){box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:1rem!important;display:flex!important;overflow:hidden auto!important;transform:none!important}.lesson-finish-card.sign-complete-card{box-sizing:border-box!important;border-radius:2rem!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:1.5rem!important;width:100%!important;max-width:32rem!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding:1.75rem 1.25rem 2rem!important;display:flex!important;overflow:hidden!important;transform:none!important}.lesson-finish-header{flex-direction:column!important;align-items:center!important;gap:.9rem!important;width:100%!important;display:flex!important}.lesson-finish-card .sign-complete-icon{border-width:.3rem!important;width:6.5rem!important;height:6.5rem!important;margin:0!important}.lesson-finish-card .sign-complete-icon svg{width:3.6rem!important;height:3.6rem!important}.lesson-finish-header .eyebrow{letter-spacing:.19em!important;text-align:center!important;margin:0!important;font-size:.9rem!important}.lesson-finish-card h1{text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;width:100%!important;max-width:100%!important;margin:0!important;font-size:clamp(2.7rem,12vw,3.8rem)!important;line-height:.95!important}.lesson-finish-reward-row{justify-content:center!important;width:100%!important;margin:0!important;display:flex!important}.lesson-finish-card .reward-pill.huge{border-radius:2rem!important;justify-content:center!important;align-items:center!important;width:auto!important;height:4rem!important;margin:0!important;padding:0 2rem!important;font-size:1.8rem!important;line-height:1!important;display:flex!important}.lesson-finish-card .big-green-button{border-radius:1.25rem!important;width:100%!important;max-width:26rem!important;height:3.75rem!important;min-height:3.75rem!important;margin:0!important;padding:0 1rem!important;font-size:1.25rem!important}.side-video-actions{gap:.5rem!important}.lesson-video-btn{border-radius:.9rem!important;gap:.4rem!important;height:3rem!important;min-height:3rem!important;padding:.5rem .9rem!important;font-size:.95rem!important}.lesson-video-btn svg{width:1.2rem!important;height:1.2rem!important}.learn-bottom-controls .big-green-button{border-radius:1rem!important;height:3.4rem!important;min-height:3.4rem!important;padding:.55rem 1rem!important;font-size:1.05rem!important}.learn-bottom-controls .big-green-button svg{width:1.25rem!important;height:1.25rem!important}.video-quiz-menu-button{z-index:auto!important;border-radius:.9rem!important;align-self:flex-start!important;width:auto!important;min-width:0!important;margin:.65rem 0 .5rem .65rem!important;padding:.7rem 1rem!important;font-size:.9rem!important;position:static!important;transform:none!important}.video-quiz-menu-button:hover{transform:none!important}.video-quiz-card{margin-top:0!important}.lesson-flow:has(.mission-intro-card){box-sizing:border-box!important;background:#f7f3ea!important;justify-content:center!important;align-items:flex-start!important;width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:.75rem .75rem 1.5rem!important;display:flex!important;overflow:hidden visible!important}.mission-intro-card{box-sizing:border-box!important;text-align:center!important;border-radius:2rem!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:0!important;width:100%!important;max-width:34rem!important;height:auto!important;min-height:calc(100dvh - 1.5rem)!important;max-height:none!important;margin:0 auto!important;padding:1rem 1rem 1.75rem!important;display:flex!important;position:relative!important;overflow:hidden!important;transform:none!important}.mission-menu-button{white-space:nowrap!important;border-radius:1rem!important;align-self:flex-start!important;width:auto!important;min-width:0!important;min-height:2.8rem!important;margin:0 0 1.25rem!important;padding:.65rem .9rem!important;font-size:.9rem!important;line-height:1!important;position:static!important;transform:none!important;box-shadow:0 .35rem .9rem #102a3412!important}.mission-menu-button:hover{transform:none!important}.mission-intro-card .floating-icon{flex:0 0 6.2rem!important;width:6.2rem!important;height:6.2rem!important;margin:0 auto 1.6rem!important;box-shadow:0 .5rem #082734!important}.mission-intro-card .floating-icon svg{width:52%!important;height:52%!important}.mission-intro-card .eyebrow{letter-spacing:.2em!important;text-align:center!important;margin:0 0 .8rem!important;font-size:.78rem!important;line-height:1.2!important}.mission-intro-card h1{text-align:center!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0 auto .9rem!important;font-size:clamp(2.75rem,12vw,4rem)!important;line-height:.9!important}.mission-intro-card>p:not(.eyebrow){text-align:center!important;width:100%!important;max-width:25rem!important;margin:0 auto 1.75rem!important;font-size:1.05rem!important;line-height:1.35!important}.mission-intro-card .challenge-list{display:none!important}.mission-actions{flex-direction:column!important;align-items:stretch!important;gap:.8rem!important;width:100%!important;max-width:25rem!important;margin:0 auto!important;display:flex!important}.mission-actions .reward-pill,.mission-intro-card .reward-pill{text-align:center!important;white-space:normal!important;box-sizing:border-box!important;border-radius:1rem!important;justify-content:center!important;align-self:center!important;align-items:center!important;width:auto!important;min-width:8.5rem!important;height:auto!important;min-height:3.2rem!important;margin:0 auto!important;padding:.6rem 1.1rem!important;font-size:1rem!important;line-height:1.05!important;display:inline-flex!important;position:static!important;transform:none!important;box-shadow:0 .35rem #c78227!important}.mission-actions .big-green-button,.mission-intro-card .big-green-button{white-space:nowrap!important;text-align:center!important;box-sizing:border-box!important;border-radius:1.2rem!important;justify-content:center!important;align-items:center!important;width:100%!important;height:4rem!important;min-height:4rem!important;margin:0!important;padding:.65rem 1rem!important;font-size:1.2rem!important;line-height:1!important;display:flex!important;position:static!important;transform:none!important}}@media (width<=390px){.mission-intro-card{padding:.8rem .8rem 1.4rem!important}.mission-intro-card .floating-icon{flex-basis:5.5rem!important;width:5.5rem!important;height:5.5rem!important;margin-bottom:1.35rem!important}.mission-intro-card h1{font-size:clamp(2.5rem,12vw,3.4rem)!important}.mission-intro-card>p:not(.eyebrow){font-size:.95rem!important}.mission-menu-button{font-size:.82rem!important}}@media (width<=768px){.lesson-flow:has(.mission-intro-card){box-sizing:border-box!important;background:#f7f3ea!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:1rem!important;display:flex!important;position:relative!important;overflow:hidden auto!important}.mission-intro-card{box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:34rem!important;height:auto!important;min-height:calc(100dvh - 2rem)!important;max-height:none!important;margin:0 auto!important;padding:5.5rem 1.25rem 2rem!important;display:flex!important;position:relative!important;inset:auto!important;overflow:visible!important;transform:none!important}.mission-menu-button{z-index:20!important;border-radius:1rem!important;width:auto!important;margin:0!important;padding:.8rem 1.15rem!important;font-size:1rem!important;position:absolute!important;top:1.25rem!important;left:1.25rem!important;transform:none!important}.mission-intro-card .floating-icon{flex:0 0 6.5rem!important;width:6.5rem!important;height:6.5rem!important;margin:0 auto 1.75rem!important}.mission-intro-card .eyebrow{letter-spacing:.2em!important;text-align:center!important;width:100%!important;margin:0 0 1rem!important;font-size:.9rem!important}.mission-intro-card h1{text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;width:100%!important;max-width:100%!important;margin:0 0 1.25rem!important;font-size:clamp(2.7rem,11vw,4rem)!important;line-height:.95!important}.mission-intro-card>p:not(.eyebrow){text-align:center!important;width:100%!important;max-width:25rem!important;margin:0 0 2rem!important;font-size:1.15rem!important;line-height:1.4!important}.mission-intro-card .challenge-list{display:none!important}.mission-actions{flex-direction:column!important;align-items:center!important;gap:1rem!important;width:100%!important;max-width:24rem!important;margin:0 auto!important;display:flex!important}.mission-actions .reward-pill{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:9rem!important;height:auto!important;min-height:3.5rem!important;margin:0 auto!important;padding:.65rem 1.2rem!important;font-size:1rem!important;display:flex!important;position:static!important;transform:none!important}.mission-actions .big-green-button{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:3.75rem!important;min-height:3.75rem!important;margin:0!important;padding:0 1rem!important;font-size:1.2rem!important;display:flex!important;position:static!important;transform:none!important}.mission-menu-button{z-index:auto!important;border-radius:1rem!important;align-self:flex-start!important;width:auto!important;margin:0 0 1.5rem!important;padding:.7rem 1rem!important;font-size:.9rem!important;position:static!important;transform:none!important}.mission-menu-button:hover{transform:none!important}.mission-intro-card{padding-top:1.25rem!important}.mission-intro-page,.mission-intro-screen,.mission-page{box-sizing:border-box!important;justify-content:center!important;align-items:flex-start!important;width:100%!important;padding-left:1rem!important;padding-right:1rem!important;display:flex!important;overflow-x:hidden!important}.mission-intro-card{box-sizing:border-box!important;width:100%!important;max-width:42rem!important;margin-left:auto!important;margin-right:auto!important;left:auto!important;right:auto!important;transform:none!important}.mission-intro-card>*{margin-left:auto!important;margin-right:auto!important}.mission-menu-button{align-self:flex-start!important;margin:0 0 1.5rem!important;position:static!important;transform:none!important}.lesson-flow:has(.mission-intro-card) .mission-intro-card{margin-left:auto!important;margin-right:auto!important;left:auto!important;right:auto!important;transform:none!important}.lesson-flow:has(.picture-choice-grid){box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:5.75rem .75rem 2rem!important;display:block!important;overflow:hidden auto!important}.lesson-flow:has(.picture-choice-grid) .quiz-card{box-sizing:border-box!important;border-radius:2rem!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;max-width:34rem!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto 2rem!important;padding:1.25rem 1rem 1.5rem!important;display:flex!important;overflow:visible!important;transform:none!important}.lesson-flow:has(.picture-choice-grid) .quiz-card .eyebrow{letter-spacing:.18em!important;text-align:center!important;margin:0 0 .4rem!important;font-size:.8rem!important}.lesson-flow:has(.picture-choice-grid) .quiz-card h1{text-align:center!important;margin:0!important;font-size:clamp(2.8rem,14vw,4.2rem)!important;line-height:.95!important}.lesson-flow:has(.picture-choice-grid) .quiz-card .mini-goal{margin:.8rem auto 1rem!important;padding:.5rem 1.25rem!important;font-size:1rem!important}.lesson-flow:has(.picture-choice-grid) .picture-choice-grid{flex:none!important;grid-template-rows:repeat(2,auto)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;display:grid!important}.lesson-flow:has(.picture-choice-grid) .picture-choice-button{box-sizing:border-box!important;border-radius:1.4rem!important;justify-content:center!important;align-items:center!important;width:100%!important;height:auto!important;min-height:9.5rem!important;padding:.45rem!important;display:flex!important}.lesson-flow:has(.picture-choice-grid) .picture-choice-button img{object-fit:contain!important;border-radius:1rem!important;width:100%!important;height:8.5rem!important;max-height:none!important;margin:0!important}.video-quiz-menu-button,.mission-menu-button{display:none!important}}.games-page{min-height:100%}.games-hero{background:linear-gradient(135deg,#fdf8ee,#e6f1ed);border:1px solid #102a3414;border-radius:34px;justify-content:space-between;align-items:center;gap:28px;padding:36px;display:flex;box-shadow:0 20px 60px #102a341f}.games-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#d47f3f;margin:0 0 8px;font-size:12px;font-weight:900}.games-hero h1{color:#102a34;margin:0;font-size:clamp(44px,6vw,76px);line-height:1}.games-hero p{color:#52666d;max-width:620px;margin-top:16px;font-size:19px;line-height:1.55}.games-hero-icon{color:#f0b35b;background:#102a34;border-radius:34px;place-items:center;width:210px;height:210px;display:grid;box-shadow:inset 0 8px #f0b35bf2}.games-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:30px;display:grid}.game-card{text-align:left;cursor:pointer;color:#102a34;background:#fff;border:0;border-radius:32px;gap:22px;padding:26px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 14px #d5dde7,0 20px 45px #102a3414}.game-card:hover{transform:translateY(-4px);box-shadow:0 18px #d5dde7,0 26px 55px #102a341f}.game-icon{color:#fff;background:#19647e;border-radius:28px;flex:none;place-items:center;width:92px;height:92px;display:grid;box-shadow:0 8px #0f4153}.game-content{flex:1}.game-topline{color:#d47f3f;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.game-card h2{margin:8px 0 6px;font-size:32px}.game-card p{color:#62747a;margin:0;font-size:17px;line-height:1.45}.game-play-row{color:#102a34;background:#f0b35b;border-radius:999px;align-items:center;gap:8px;margin-top:22px;padding:12px 16px;font-weight:900;display:inline-flex}.game-card.locked{opacity:.5;cursor:not-allowed}@media (width<=700px){.games-hero{flex-direction:column;align-items:flex-start}.games-hero-icon{width:100%}.game-card{flex-direction:column}}.games-page:has(.sign-match-page){height:100vh;padding:0;overflow:hidden}.sign-match-page{color:#102a34;background:#f7f3ea;width:100%;height:100vh;overflow:hidden}.sign-match-page.playing{grid-template-columns:230px 1fr;height:100vh;display:grid;overflow:hidden}.match-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;gap:70px;height:100vh;padding:30px 22px;display:flex;box-shadow:12px 0 30px #102a341f}.match-back{color:#102a34;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:20px;font-weight:900;display:flex}.match-side-label{letter-spacing:.25em;font-size:22px;font-weight:900}.match-time p{text-transform:uppercase;letter-spacing:.12em;color:#52666d;margin:0 0 8px;font-weight:900}.match-time h2{color:#19647e;align-items:center;gap:8px;margin:0;font-size:42px;display:flex}.match-board{background:#eeeeed;height:100vh;position:relative;overflow:hidden}.scatter-card{color:#102a34;text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:4px solid #d9dee2;min-width:145px;min-height:72px;padding:14px 18px;font-size:24px;transition:border-color .15s,opacity .2s;position:absolute;overflow:hidden;box-shadow:0 2px #102a3414}.scatter-card:active{cursor:grabbing}.scatter-card *{-webkit-user-select:none;user-select:none}.scatter-card.image{flex-direction:column;justify-content:space-between;width:170px;min-height:205px;display:flex}.scatter-card.image img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:125px;margin-bottom:12px;display:block}.scatter-card.word{text-align:center;place-items:center;display:grid}.scatter-card span{font-weight:500}.scatter-card.selected{border-color:#19647e;box-shadow:0 0 0 5px #19647e2e}.scatter-card.matched{opacity:0;pointer-events:none;transform:scale(.85)}.sign-match-menu{place-items:center;height:100vh;padding:32px;display:grid}.sign-match-menu-card{text-align:center;background:#fff;border-radius:34px;width:min(720px,92vw);padding:44px;box-shadow:0 20px 60px #102a341f}.sign-match-menu-card svg{color:#f0b35b}.sign-match-menu-card p{text-transform:uppercase;letter-spacing:.12em;color:#d47f3f;margin:18px 0 8px;font-size:13px;font-weight:900}.sign-match-menu-card h1{margin:0;font-size:64px;line-height:1}.sign-match-menu-card span{color:#62747a;max-width:520px;margin:18px auto 0;font-size:19px;line-height:1.5;display:block}.sign-match-actions{justify-content:center;gap:16px;margin-top:22px;display:flex}.match-primary,.match-secondary{cursor:pointer;text-align:center;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:15px 24px;font-weight:900;display:inline-flex}.match-primary{color:#fff;background:#19647e;box-shadow:0 8px #0f4153}.match-secondary{color:#102a34;background:#f0b35b;box-shadow:0 8px #c98635}.match-leaderboard{text-align:center;background:#fff;border-radius:34px;width:min(860px,82vw);height:550px;margin:8px auto 0;padding:34px 48px;overflow:hidden;box-shadow:0 20px 60px #102a341f}.match-leaderboard h1{margin:0;font-size:72px;line-height:1}.leaderboard-list{gap:5px;min-height:250px;margin-top:20px;display:grid}.leaderboard-row{background:#fdf8ee;border:3px solid #e8dfcf;border-radius:24px;grid-template-columns:80px 1fr 120px;align-items:center;height:60px;padding:5px;font-size:18px;display:grid}.leaderboard-row span{color:#d47f3f;font-size:19px;font-weight:900}.leaderboard-row strong{text-align:left;font-size:24px}.leaderboard-row p{text-align:right;margin:0;font-size:21px;font-weight:900}.leaderboard-row.user{background:#e6f1ed;border-color:#19647e;box-shadow:0 7px #0f4153}.leaderboard-pagination{justify-content:center;align-items:center;gap:18px;margin-top:24px;display:flex}.leaderboard-pagination button{color:#fff;cursor:pointer;background:#19647e;border:0;border-radius:16px;width:56px;height:48px;font-size:26px;font-weight:900;box-shadow:0 6px #0f4153}.leaderboard-pagination button:disabled{opacity:.35;cursor:default;box-shadow:0 6px #8aa0a8}.leaderboard-pagination span{text-align:center;color:#102a34;min-width:70px;font-size:22px;font-weight:900}@media (width<=768px){.sign-match-page{box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:hidden auto!important}.sign-match-menu{width:100%!important;height:auto!important;min-height:100dvh!important;padding:.75rem .75rem calc(1.5rem + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;display:flex!important}.sign-match-menu-card{box-sizing:border-box!important;border-radius:1.6rem!important;width:100%!important;max-width:30rem!important;padding:1.5rem 1.2rem!important}.sign-match-menu-card svg{width:3.2rem!important;height:3.2rem!important}.sign-match-menu-card p{margin:.8rem 0 .35rem!important;font-size:.72rem!important}.sign-match-menu-card h1{margin:0!important;font-size:clamp(3rem,15vw,4.5rem)!important;line-height:.9!important}.sign-match-menu-card span{margin:1rem auto 0!important;font-size:1rem!important;line-height:1.35!important}.sign-match-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important;width:100%!important;margin-top:1.2rem!important;display:grid!important}.match-primary,.match-secondary{text-align:center!important;box-sizing:border-box!important;border-radius:1rem!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:3.3rem!important;padding:.7rem .5rem!important;font-size:.9rem!important;line-height:1.1!important}.sign-match-page.playing{flex-direction:column!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;display:flex!important;overflow:hidden!important}.match-sidebar{box-sizing:border-box!important;z-index:20!important;border-bottom:1px solid #e5e7eb!important;border-right:0!important;flex:none!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:.65rem!important;width:100%!important;height:auto!important;min-height:4.4rem!important;padding:.65rem .75rem!important;display:grid!important;box-shadow:0 .35rem 1rem #102a3414!important}.match-back{gap:.25rem!important;width:auto!important;padding:.4rem!important;font-size:.85rem!important}.match-back svg{width:1.2rem!important;height:1.2rem!important}.match-side-label{letter-spacing:.12em!important;text-align:center!important;text-overflow:ellipsis!important;min-width:0!important;font-size:1rem!important;overflow:hidden!important}.match-time{align-items:center!important;display:flex!important}.match-time p{display:none!important}.match-time h2{gap:.25rem!important;margin:0!important;font-size:1.15rem!important}.match-time h2 svg{width:1.25rem!important;height:1.25rem!important}.match-board{width:100%!important;height:auto!important;min-height:0!important;padding:.65rem .65rem calc(1rem + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;flex:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;grid-auto-flow:row!important;align-content:start!important;gap:.55rem!important;display:grid!important;overflow:hidden auto!important}.match-board .scatter-card{box-sizing:border-box!important;cursor:pointer!important;touch-action:manipulation!important;border-width:.16rem!important;border-radius:.8rem!important;width:100%!important;min-width:0!important;margin:0!important;padding:.45rem!important;font-size:.78rem!important;position:relative!important;inset:auto!important}.match-board .scatter-card.image{flex-direction:column!important;justify-content:center!important;width:100%!important;height:8rem!important;min-height:8rem!important;padding:.4rem!important;display:flex!important}.match-board .scatter-card.image img{object-fit:contain!important;width:100%!important;height:6.8rem!important;margin:0!important}.match-board .scatter-card.word{text-align:center!important;place-items:center!important;width:100%!important;height:4.3rem!important;min-height:4.3rem!important;padding:.35rem!important;display:grid!important}.match-board .scatter-card.word span{overflow-wrap:anywhere!important;width:100%!important;font-size:clamp(.65rem,3vw,.85rem)!important;font-weight:800!important;line-height:1.05!important}.match-board .scatter-card.selected{border-color:#19647e!important;box-shadow:0 0 0 .2rem #19647e2e!important}.match-leaderboard{width:calc(100% - 1.5rem)!important;max-width:32rem!important;height:auto!important;min-height:calc(100dvh - 1.5rem)!important;max-height:none!important;padding:1.25rem 1rem calc(1.5rem + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;border-radius:1.6rem!important;margin:.75rem auto!important;overflow:hidden visible!important}.match-leaderboard h1{overflow-wrap:anywhere!important;margin:0!important;font-size:clamp(2.2rem,12vw,3.3rem)!important;line-height:1!important}.leaderboard-list{gap:.6rem!important;width:100%!important;min-height:0!important;margin-top:1rem!important}.leaderboard-row{box-sizing:border-box!important;border-width:.15rem!important;border-radius:1rem!important;grid-template-columns:2.7rem minmax(0,1fr) auto!important;gap:.4rem!important;width:100%!important;height:auto!important;min-height:4rem!important;padding:.6rem .75rem!important}.leaderboard-row span{font-size:.9rem!important}.leaderboard-row strong{text-overflow:ellipsis!important;min-width:0!important;font-size:1.1rem!important;overflow:hidden!important}.leaderboard-row p{white-space:nowrap!important;font-size:1rem!important}.leaderboard-pagination{gap:.8rem!important;margin-top:1rem!important}.leaderboard-pagination button{border-radius:.8rem!important;width:3rem!important;height:2.7rem!important;font-size:1.1rem!important}.leaderboard-pagination span{min-width:3.5rem!important;font-size:1rem!important}.match-leaderboard .sign-match-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:1.2rem!important}}@media (width<=390px){.match-board{gap:.4rem!important;padding-left:.45rem!important;padding-right:.45rem!important}.match-board .scatter-card.image{height:7rem!important;min-height:7rem!important}.match-board .scatter-card.image img{height:5.8rem!important}.match-board .scatter-card.word{height:3.8rem!important;min-height:3.8rem!important}}.sign-match-menu-card .match-secondary{text-align:center!important;justify-content:center!important;align-items:center!important;padding-left:3rem!important;padding-right:3rem!important;display:flex!important;position:relative!important}.sign-match-menu-card .match-secondary svg{margin:0!important;position:absolute!important;top:50%!important;left:1rem!important;transform:translateY(-50%)!important}.boss-page{box-sizing:border-box;background:radial-gradient(circle at top,#fff8e8 0%,#f7f3ea 55%);place-items:center;width:100vw;height:100dvh;padding:4dvh 4vw;display:grid;overflow:hidden}.boss-card{background:#fffdf8;border:.22rem solid #e8dfcf;border-radius:clamp(2rem,4vw,3rem);flex-direction:column;justify-content:center;align-items:center;width:min(90vw,92rem);height:min(84dvh,46rem);padding:clamp(2rem,4vw,4rem);display:flex;position:relative;box-shadow:0 .9rem #e2d7c3}.boss-back{color:#102a34;cursor:pointer;background:#e6f1ed;border:none;border-radius:1.2rem;padding:.8rem 1.5rem;font-weight:1000;position:absolute;top:2rem;left:2.3rem;box-shadow:0 .6rem 1.4rem #102a3414}.boss-top{align-items:center;gap:1.2rem;display:flex;position:absolute;top:2rem;right:2.5rem}.boss-monster{color:#f2b655;background:#14213d;border-radius:50%;place-items:center;width:7rem;height:7rem;animation:1.8s ease-in-out infinite bossBob;display:grid;box-shadow:0 .65rem #0b1329}.boss-hp span{color:#d9783d;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem;font-weight:1000;display:block}.boss-hp>div{background:#eadfcb;border-radius:999px;height:1.1rem;overflow:hidden}.boss-hp>div>div{border-radius:inherit;background:linear-gradient(90deg,#f24c4c,#f2b655);height:100%;transition:width .35s}.boss-content{text-align:center;flex-direction:column;align-items:center;width:min(100%,62rem);display:flex}.boss-eyebrow{color:#d9783d;letter-spacing:.22em;text-transform:uppercase;margin:0 0 1rem;font-size:clamp(1rem,1.3vw,1.3rem);font-weight:1000}.boss-content h1{color:#14213d;margin:0;font-size:clamp(4rem,7vw,7rem);font-weight:1000;line-height:.9}.boss-dialogue{color:#102a34;max-width:52rem;margin:1.6rem 0 2.4rem;font-size:clamp(1.4rem,2vw,2rem);font-weight:800;line-height:1.35}.boss-primary{color:#fff;cursor:pointer;background:#19647e;border:none;border-radius:1.6rem;width:min(100%,34rem);height:5rem;font-size:1.8rem;font-weight:1000;transition:transform .18s,box-shadow .18s;box-shadow:0 .55rem #0f4153}.boss-primary:hover{transform:translateY(-.25rem);box-shadow:0 .8rem #0f4153}.boss-primary:active{transform:translateY(.15rem);box-shadow:0 .3rem #0f4153}.boss-choice-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;width:min(100%,50rem);display:grid}.boss-choice{color:#14213d;cursor:pointer;background:#fff;border:.18rem solid #d7e3f8;border-radius:1.5rem;height:5.5rem;font-size:1.7rem;font-weight:1000;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 .45rem #d5dde7}.boss-choice:hover{border-color:#f2b655;transform:translateY(-.25rem);box-shadow:0 .7rem #d5dde7}.boss-feedback{border-radius:1rem;margin-bottom:1.4rem;padding:1rem 1.5rem;font-size:1.4rem;font-weight:1000}.boss-feedback.correct{color:#2f7d00;background:#eaffdf}.boss-feedback.wrong{color:#b42318;background:#ffe0e0}.boss-break-icon,.boss-trophy{color:#f2b655;margin-bottom:1rem}@keyframes bossBob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-.45rem)rotate(2deg)}}.boss-layout{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,4vw,5rem);width:100%;display:grid}.boss-goblin-stage{background:radial-gradient(circle,#fff2c8 0%,#f4ead8 55%,#eadfcb 100%);border:.2rem solid #e8dfcf;border-radius:2rem;place-items:center;width:100%;min-height:34rem;display:grid;overflow:hidden;box-shadow:inset 0 0 2rem #102a3414}.boss-goblin-img{object-fit:contain;transform-origin:bottom;width:min(100%,31rem);height:auto;animation:1.8s ease-in-out infinite gobIdle}.boss-hurt .boss-card,.boss-card.boss-hurt{box-shadow:0 .9rem #e2d7c3,0 0 0 .45rem #ff4b4b2e,0 0 3rem #ff4b4b38}@keyframes gobIdle{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-.45rem)rotate(1deg)}}@keyframes gobHit{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(-.45rem)rotate(-3deg)scale(1.03)}50%{transform:translate(.45rem)rotate(3deg)scale(.98)}75%{transform:translate(-.25rem)rotate(-2deg)scale(1.02)}}@media (width<=900px){.boss-layout{grid-template-columns:1fr}.boss-goblin-stage{min-height:20rem}.boss-goblin-img{width:min(100%,20rem)}}.boss-page{padding:3dvh 4vw!important}.boss-card{width:min(88vw,88rem)!important;height:min(82dvh,44rem)!important;margin:0 auto!important;padding:clamp(1.5rem,3vw,3rem)!important;overflow:hidden!important}.boss-layout{grid-template-columns:minmax(18rem,.85fr) minmax(0,1.15fr)!important;align-items:center!important;gap:clamp(1.5rem,3vw,3.5rem)!important;width:100%!important;height:100%!important;display:grid!important}.boss-goblin-stage{border-radius:2rem!important;width:100%!important;height:min(60dvh,34rem)!important;min-height:0!important;overflow:hidden!important}.boss-goblin-img{object-fit:contain!important;width:auto!important;max-width:100%!important;height:92%!important;animation:none!important}.boss-content{text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:48rem!important}.boss-content h1{margin:0!important;font-size:clamp(3.2rem,5.5vw,6rem)!important;line-height:.92!important}.boss-eyebrow{margin:0 0 .8rem!important;font-size:clamp(.9rem,1.1vw,1.1rem)!important}.boss-dialogue{max-width:42rem!important;margin:1.2rem 0 2rem!important;font-size:clamp(1.3rem,1.8vw,1.8rem)!important;line-height:1.28!important}.boss-primary{width:min(100%,34rem)!important;height:clamp(4rem,7dvh,5.2rem)!important}.boss-top{top:1.7rem!important;right:2.5rem!important}.boss-hp{width:min(28vw,20rem)!important}.boss-back{z-index:20!important;top:1.7rem!important;left:2rem!important}.boss-goblin-img{transform:none!important}@media (width<=900px){.boss-layout{grid-template-columns:1fr!important}.boss-goblin-stage{height:26dvh!important}.boss-goblin-img{height:100%!important}}.boss-page{box-sizing:border-box!important;place-items:center!important;width:100vw!important;height:100dvh!important;padding:4dvh 4vw!important;display:grid!important;overflow:hidden!important}.boss-card{place-self:center!important;width:min(88vw,88rem)!important;height:min(88dvh,44rem)!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}.boss-layout{align-items:center!important;height:100%!important}.boss-goblin-stage{height:min(58dvh,32rem)!important;max-height:100%!important}.boss-goblin-img{width:auto!important;max-width:100%!important;height:88%!important}.boss-page{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100dvh!important;padding:3dvh 3vw!important;display:flex!important;overflow:hidden!important}.boss-card{width:min(86vw,86rem)!important;height:min(88dvh,42rem)!important;margin:0 auto!important;transform:translateY(2rem)!important}.boss-goblin-stage{height:min(56dvh,31rem)!important}.boss-goblin-img{width:auto!important;height:94%!important}.boss-choice-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;width:min(100%,52rem)!important}.boss-picture-choice{grid-template-rows:minmax(0,1fr) auto!important;place-items:center!important;gap:.4rem!important;height:clamp(8rem,18dvh,11rem)!important;padding:.7rem!important;display:grid!important}.boss-picture-choice img{object-fit:contain!important;border-radius:1rem!important;width:100%!important;height:100%!important;min-height:0!important}.boss-picture-choice span{font-size:clamp(1rem,1.3vw,1.4rem)!important;font-weight:1000!important}.boss-content .boss-eyebrow:empty{display:none!important}.boss-goblin-stage{position:relative!important}.boss-hurt .boss-goblin-stage:after{content:"BOOM!";color:#ff4b4b;letter-spacing:.08em;text-shadow:0 0 1rem #ff4b4bb3,0 0 2rem #f2b655b3;pointer-events:none;place-items:center;font-size:clamp(3rem,7vw,6rem);font-weight:1000;animation:1.2s ease-out forwards boomPop;display:grid;position:absolute;inset:0}.boss-card.boss-hurt{transform:translateY(2rem)!important}.boss-hurt .boss-goblin-img{animation:none!important}@keyframes gobStageShake{0%,to{transform:translate(0)}25%{transform:translate(-.45rem)}50%{transform:translate(.45rem)}75%{transform:translate(-.25rem)}}@keyframes boomPop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}15%{opacity:1;transform:scale(1.15)rotate(4deg)}70%{opacity:1;transform:scale(1.05)rotate(0)}to{opacity:0;transform:scale(1.2)rotate(0)}}.boss-card.boss-hurt{transform:translateY(2rem)!important;box-shadow:0 .9rem #e2d7c3!important}.boss-hurt .boss-goblin-stage{animation:.38s ease-in-out gobStageShake!important}.boss-hurt .boss-goblin-stage:after{content:"WHAM!"!important}.boss-hurt .boss-goblin-stage:nth-of-type(3n):after{content:"POP!"!important}.boss-hurt .boss-goblin-stage:nth-of-type(4n):after{content:"CRACK!"!important}.boss-hurt .boss-goblin-stage:nth-of-type(5n):after{content:"BOOM!"!important}.boss-hurt .boss-goblin-stage:after{color:#ff4b4b;letter-spacing:.08em;text-shadow:0 0 1rem #ff4b4bb3,0 0 2rem #f2b655b3;pointer-events:none;place-items:center;font-size:clamp(3rem,7vw,6rem);font-weight:1000;animation:.45s ease-out forwards boomPop;display:grid;position:absolute;inset:0}.boss-top{display:none!important}.boss-goblin-wrap{place-items:center!important;gap:1rem!important;width:100%!important;display:grid!important}.boss-hp-under{width:min(100%,28rem)!important;position:static!important}.boss-hp-under span{text-align:center!important}.boss-hp-under>div{width:100%!important}.boss-content{position:relative!important}.boss-answer-overlay{z-index:30;opacity:0;pointer-events:none;letter-spacing:.08em;border-radius:2rem;place-items:center;width:min(80%,28rem);height:clamp(5rem,14dvh,8rem);font-size:clamp(3rem,6vw,5.5rem);font-weight:1000;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)scale(.8)}.boss-answer-overlay.correct{opacity:1;color:#1f7a1f;background:#cfffc6e0;animation:.65s ease-out forwards answerPop;box-shadow:0 0 2rem #40d25073}.boss-answer-overlay.wrong{opacity:1;color:#b42318;background:#ffcdcde6;animation:.65s ease-out forwards answerPop;box-shadow:0 0 2rem #ff4b4b73}@keyframes answerPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)rotate(-3deg)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(2deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.18)rotate(0)}}.boss-hurt .boss-goblin-stage:after{content:attr(data-hit-word)!important;animation:1.35s ease-out forwards boomPopReadable!important}@keyframes boomPopReadable{0%{opacity:0;transform:scale(.65)rotate(-8deg)}15%{opacity:1;transform:scale(1.15)rotate(4deg)}75%{opacity:1;transform:scale(1.05)rotate(0)}to{opacity:0;transform:scale(1.2)rotate(0)}}.boss-practice-shift .reference-practice-header h1{transform:translateY(8dvh)}.boss-practice-shift{width:100%;height:100dvh;overflow:hidden;transform:translateY(10dvh)}.player-hp{width:min(100%,28rem)!important}.player-hp span{text-align:center;color:#19647e;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem;font-weight:1000;display:block}.player-hp>div{background:#eadfcb;border-radius:999px;height:1.1rem;overflow:hidden}.player-hp>div>div{border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#19647e);height:100%;transition:width .35s}.boss-camera-timer{z-index:9999;color:#b42318;background:#ffebe6;border:.18rem solid #ffb4a8;border-radius:999px;padding:.8rem 1.4rem;font-size:clamp(1rem,1.3vw,1.35rem);font-weight:1000;position:fixed;top:3dvh;right:5vw;box-shadow:0 .6rem 1.4rem #b4231826}.boss-page.boss-page-games .boss-card,.boss-page.boss-page-games .boss-card.boss-hurt{transform:translateY(-6dvh)!important}.boss-practice-shift.boss-practice-games{transform:translateY(0)!important}@media (width<=768px){.boss-page{width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;padding:.75rem .75rem calc(2rem + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;display:block!important;overflow:hidden auto!important}.boss-page .boss-card,.boss-page.boss-page-games .boss-card,.boss-page .boss-card.boss-hurt,.boss-page.boss-page-games .boss-card.boss-hurt{box-sizing:border-box!important;border-radius:1.5rem!important;flex-direction:column!important;justify-content:flex-start!important;width:100%!important;max-width:32rem!important;height:auto!important;min-height:calc(100dvh - 1.5rem)!important;max-height:none!important;margin:0 auto!important;padding:.85rem!important;display:flex!important;overflow:visible!important;transform:none!important}.boss-layout{flex-direction:column!important;align-items:stretch!important;gap:.8rem!important;width:100%!important;height:auto!important;min-height:0!important;display:flex!important}.boss-goblin-wrap{flex-direction:column!important;align-items:center!important;gap:.45rem!important;width:100%!important;display:flex!important}.boss-goblin-stage{border-radius:1.2rem!important;width:100%!important;height:clamp(12rem,32dvh,16rem)!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.boss-goblin-img{object-fit:contain!important;width:auto!important;max-width:90%!important;height:82%!important;max-height:82%!important;transform:none!important}.player-hp,.boss-hp-under,.boss-hp{width:100%!important;max-width:none!important;margin:0!important}.player-hp span,.boss-hp-under span,.boss-hp span{letter-spacing:.12em!important;text-align:center!important;margin-bottom:.2rem!important;font-size:.72rem!important}.player-hp>div,.boss-hp>div{height:.65rem!important}.boss-content{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:none!important;min-height:0!important;padding:.35rem .25rem!important;display:flex!important;overflow:visible!important}.boss-eyebrow{letter-spacing:.16em!important;margin:0 0 .35rem!important;font-size:.68rem!important;line-height:1.1!important}.boss-content h1{overflow-wrap:anywhere!important;width:100%!important;margin:0!important;font-size:clamp(2rem,10vw,3rem)!important;line-height:.95!important}.boss-dialogue{width:100%!important;margin:.6rem 0 .8rem!important;font-size:.9rem!important;line-height:1.3!important}.boss-primary{border-radius:1rem!important;flex:none!important;width:100%!important;max-width:24rem!important;height:3.2rem!important;min-height:3.2rem!important;padding:.5rem .8rem!important;font-size:1rem!important}.boss-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important;width:100%!important;display:grid!important}.boss-picture-choice{box-sizing:border-box!important;border-radius:1rem!important;width:100%!important;height:7.5rem!important;min-height:7.5rem!important;padding:.4rem!important}.boss-picture-choice img{object-fit:contain!important;border-radius:.7rem!important;width:100%!important;height:100%!important}.boss-answer-overlay{border-radius:1rem!important;width:80%!important;height:4.5rem!important;font-size:2.2rem!important;top:50%!important}.boss-break-icon,.boss-trophy{width:3.5rem!important;height:3.5rem!important;margin-bottom:.5rem!important}.boss-practice-shift,.boss-practice-shift.boss-practice-games{width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:hidden visible!important;transform:none!important}.boss-practice-shift .reference-practice-header h1{transform:none!important}.boss-camera-timer{top:calc(.6rem + env(safe-area-inset-top))!important;z-index:9999!important;border-radius:.75rem!important;padding:.45rem .65rem!important;font-size:.7rem!important;position:fixed!important;right:.6rem!important}}.profile-page{color:#15252b;background:#f7f3ea;width:100%;min-height:100vh;padding:48px 54px}.profile-hero{background:#fff;border:2px solid #e8dfcf;border-radius:38px;grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;padding:42px 46px;display:grid;box-shadow:0 18px 45px #102a341a}.profile-hero h2{margin:0;font-size:58px;line-height:1}.profile-hero p{color:#61737b;font-size:20px}.character-card{color:#fff;cursor:pointer;text-align:left;background:#102a34;border:none;border-radius:32px;align-items:center;gap:22px;padding:28px;display:flex;box-shadow:0 10px #071a21}.character-card span{color:#ffc247;font-weight:900}.character-card h3{margin:6px 0;font-size:28px}.character-card p{color:#c9d7db;margin:0;font-size:15px}.character-avatar,.shop-avatar{background:#f7f3ea;border-radius:28px;place-items:center;font-size:64px;display:grid}.character-avatar{width:120px;height:120px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px;display:grid}.profile-stat-card{background:#fff;border:2px solid #e8dfcf;border-radius:30px;padding:30px;box-shadow:0 10px 25px #102a3414}.profile-stat-card svg{color:#1f7890}.profile-stat-card p{color:#66777f;margin:18px 0 6px;font-weight:800}.profile-stat-card h3{margin:0;font-size:44px}.shop-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.shop-header h3{margin:0;font-size:34px}.shop-header button{cursor:pointer;color:#fff;background:#102a34;border:none;border-radius:16px;padding:12px 18px;font-weight:900}.shop-character{cursor:pointer;text-align:center;background:#fbfaf6;border:3px solid #e8dfcf;border-radius:26px;padding:22px}.shop-character.selected{border-color:#ffc247;box-shadow:0 0 0 6px #ffc24738}.shop-avatar{width:100px;height:100px;margin:0 auto 14px}.shop-character h4{margin:0 0 12px;font-size:20px}.owned-label,.price-label,.locked-label{border-radius:999px;align-items:center;gap:6px;padding:9px 13px;font-size:14px;font-weight:900;display:inline-flex}.owned-label{color:#187a45;background:#dff5e8}.price-label{color:#9a6700;background:#fff0c8}.locked-label{color:#738089;background:#e9edf0}.character-modal-backdrop{z-index:999;background:#102a3473;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.character-modal{background:#fff;border:3px solid #e8dfcf;border-radius:34px;width:min(920px,92vw);max-height:86vh;padding:32px;overflow-y:auto;box-shadow:0 28px 80px #102a3447}.character-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.character-modal{animation:.18s ease-out popIn}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.profile-page{width:100%!important;min-height:100dvh!important;padding:1rem 1rem calc(7rem + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow:hidden visible!important}.profile-hero{box-sizing:border-box!important;border-radius:1.5rem!important;flex-direction:column!important;gap:1rem!important;width:100%!important;padding:1.25rem!important;display:flex!important}.profile-hero>div:first-child{width:100%!important}.profile-hero .eyebrow{letter-spacing:.18em!important;margin:0 0 .35rem!important;font-size:.72rem!important}.profile-hero h2{margin:0!important;font-size:clamp(2.6rem,12vw,3.7rem)!important;line-height:.95!important}.profile-hero>div:first-child>p:last-child{margin:.75rem 0 0!important;font-size:1rem!important;line-height:1.35!important}.character-card{box-sizing:border-box!important;border-radius:1.3rem!important;grid-template-columns:auto minmax(0,1fr)!important;gap:1rem!important;width:100%!important;padding:1rem!important;display:grid!important}.character-avatar{border-radius:1.2rem!important;width:5.5rem!important;height:5.5rem!important;font-size:3rem!important}.character-card>div:last-child{min-width:0!important}.character-card span{font-size:.7rem!important}.character-card h3{overflow-wrap:anywhere!important;margin:.25rem 0!important;font-size:1.25rem!important;line-height:1.05!important}.character-card p{font-size:.78rem!important;line-height:1.25!important}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;width:100%!important;margin-top:1rem!important;display:grid!important}.profile-stat-card{box-sizing:border-box!important;border-radius:1.25rem!important;min-width:0!important;padding:1rem!important}.profile-stat-card:nth-child(3){grid-column:1/-1!important}.profile-stat-card svg{width:1.7rem!important;height:1.7rem!important}.profile-stat-card p{margin:.65rem 0 .2rem!important;font-size:.8rem!important;line-height:1.15!important}.profile-stat-card h3{margin:0!important;font-size:2rem!important;line-height:1!important}.character-modal-backdrop{align-items:center!important;padding:.75rem!important;overflow:hidden!important}.character-modal{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;border-radius:1.4rem!important;width:100%!important;max-width:32rem!important;max-height:calc(100dvh - 1.5rem)!important;padding:1rem!important;overflow:hidden auto!important}.shop-header{align-items:flex-start!important;gap:.75rem!important;width:100%!important;margin-bottom:1rem!important;display:flex!important}.shop-header>div{flex:auto!important;min-width:0!important}.shop-header .eyebrow{margin:0 0 .25rem!important;font-size:.65rem!important}.shop-header h3{margin:0!important;font-size:1.5rem!important;line-height:1!important}.shop-header button{border-radius:.8rem!important;flex:none!important;min-height:2.7rem!important;padding:.55rem .8rem!important;font-size:.8rem!important}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.7rem!important;width:100%!important;display:grid!important}.shop-character{box-sizing:border-box!important;border-radius:1.1rem!important;min-width:0!important;padding:.8rem!important}.shop-avatar{border-radius:1rem!important;width:4.5rem!important;height:4.5rem!important;margin:0 auto .6rem!important;font-size:2.5rem!important}.shop-character h4{overflow-wrap:anywhere!important;margin:0 0 .5rem!important;font-size:.9rem!important;line-height:1.1!important}.owned-label,.price-label,.locked-label{padding:.45rem .6rem!important;font-size:.7rem!important}}@media (width<=400px){.profile-page{padding-left:.75rem!important;padding-right:.75rem!important}.profile-hero{padding:1rem!important}.character-avatar{width:4.7rem!important;height:4.7rem!important;font-size:2.6rem!important}.profile-stat-card{padding:.85rem!important}.profile-stat-card p{font-size:.72rem!important}}*{box-sizing:border-box}body{color:#15252b;background:#f7f3ea;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#102a34;width:270px;height:100vh;padding:28px 22px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:34px;display:flex}.brand-mark{color:#102a34;background:#f0b35b;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.brand h1{color:#fff;margin:0;font-size:24px}nav{gap:12px;display:grid}.nav-button{color:#d9e9ed;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:15px 18px;font-weight:800}.nav-button.active,.nav-button:hover{color:#f0b35b;background:#f0b35b2e}.main-content{flex:1;padding:34px;overflow:auto}.hero-card{background:linear-gradient(135deg,#fdf8ee,#e6f1ed);border:.0625rem solid #102a3414;border-radius:3rem;align-items:flex-start;padding:4rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1.25rem 3.75rem #102a341f}.hero-card>div:first-child{z-index:2;width:62%;position:relative}.hero-visual{justify-content:center;align-items:center;width:34%;height:88%;display:flex;position:absolute;top:50%;right:3%;transform:translateY(-50%)}.hero-logo{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#d47f3f;margin:0 0 8px;font-size:12px;font-weight:900}.hero-card h2{max-width:900px;margin:0;font-size:clamp(42px,4vw,72px);line-height:1.05}.hero-copy{color:#52666d;max-width:620px;font-size:18px;line-height:1.55}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:18px;padding:15px 22px;font-weight:900}.secondary-button{color:#102a34;background:#f0b35b;width:100%;margin-top:18px;box-shadow:0 7px #c98635}.hero-visual{flex:0 0 40%;justify-content:center;align-items:center;min-width:32%;height:auto;display:flex}.hero-logo{object-fit:contain;width:95%;height:auto}.scan-line{background:#f0b35be6;width:100%;height:5px;animation:2.5s ease-in-out infinite scan;position:absolute}@keyframes scan{0%,to{top:20px}50%{top:190px}}.content-grid{grid-template-columns:minmax(0,1fr) 320px;gap:26px;margin-top:28px;display:grid}.path-card,.right-panel>div{background:#ffffffc2;border:1px solid #102a3414;border-radius:30px;box-shadow:0 18px 45px #102a3414}.path-card{padding:28px}.section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-title h2{margin:0;font-size:32px}.unit-pill{color:#19647e;background:#e6f1ed;border-radius:999px;padding:10px 14px;font-weight:900}.lesson-path{gap:28px;padding:28px 0 8px;display:grid;position:relative}.lesson-path:before{content:"";background:#d9e5df;border-radius:999px;width:8px;position:absolute;top:40px;bottom:40px;left:50%;transform:translate(-50%)}.lesson-node{z-index:1;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:16px;width:min(430px,100%);display:flex;position:relative}.node-left{justify-self:start}.node-right{text-align:right;flex-direction:row-reverse;justify-self:end}.lesson-circle{color:#fff;background:#19647e;border-radius:50%;flex:none;place-items:center;width:88px;height:88px;display:grid;box-shadow:0 9px #0f4153}.lesson-node.locked{cursor:not-allowed;opacity:.55}.lesson-node.locked .lesson-circle{background:#9da9ad;box-shadow:0 9px #78858a}.lesson-info{background:#fff;border:1px solid #102a3414;border-radius:22px;flex:1;padding:16px}.lesson-info span{color:#d47f3f;font-size:12px;font-weight:900}.lesson-info h3{margin:4px 0;font-size:20px}.lesson-info p{color:#62747a;margin:0 0 12px}.progress-track{background:#e9ece8;border-radius:999px;height:9px;overflow:hidden}.progress-track div{border-radius:inherit;background:#f0b35b;height:100%}.right-panel{align-content:start;gap:18px;display:grid}.metric-card,.selected-card{padding:22px}.metric-card{justify-content:space-between;align-items:center;display:flex}.metric-card p,.selected-card p{color:#62747a;margin:0}.metric-card h3,.selected-card h3{margin:4px 0;font-size:28px}.selected-mode{color:#19647e;background:#e6f1ed;border-radius:16px;align-items:center;gap:8px;margin-top:16px;padding:12px;font-weight:900;display:flex}@media (width<=940px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:static}nav{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-button{text-align:center;padding:12px 8px}.hero-card,.content-grid{grid-template-columns:1fr}.content-grid{display:grid}.hero-card{flex-direction:column}.hero-visual{width:100%}}@media (width<=640px){.main-content{padding:18px}nav{grid-template-columns:1fr 1fr}.lesson-path:before{left:44px}.lesson-node,.node-right{text-align:left;flex-direction:row;justify-self:stretch}.lesson-circle{width:72px;height:72px}}.brand-button{cursor:pointer;text-align:left;background:0 0;border:none;width:100%}.app-shell.lesson-mode{display:block}.app-shell.lesson-mode .main-content{width:100%;margin-left:0}.duolingo-path-card{background:#ffffffc2;border:1px solid #102a3414;box-shadow:0 18px 45px #102a3414}.unit-section{padding:28px}.duo-unit-banner{color:#fff;background:#19647e;border-radius:28px;justify-content:space-between;align-items:center;margin-bottom:34px;padding:24px 28px;display:flex;box-shadow:0 8px #0f4153}.duo-unit-banner p{text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-weight:900}.duo-unit-banner h2{margin:0;font-size:32px}.duo-unit-banner span{background:#ffffff1f;border-radius:999px;padding:12px 18px;font-weight:900}.duo-path{gap:34px;padding:10px 0 48px;display:grid;position:relative}.duo-path:before{background:#d9e5df}.duo-path .lesson-node{width:100%;max-width:none}.duo-path .lesson-info{border:3px solid #e8edf2;border-radius:26px;box-shadow:0 8px #d5dde7}.duo-path .lesson-circle{color:#fff;background:#19647e;box-shadow:0 10px #0f4153}.duo-path .lesson-node.locked .lesson-circle{color:#6f858d;background:#344851;box-shadow:0 10px #22343c}.logo-visual{background:0 0}.brand-logo{object-fit:contain;border-radius:16px;width:48px;height:48px}.lesson-node,.lesson-circle,.lesson-info,.duo-unit-banner,.hero-card,.metric-card,.selected-card,.secondary-button,.nav-button{transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s}.lesson-node.unlocked:hover{transform:translateY(-.45rem)scale(1.015)}.lesson-node.unlocked:hover .lesson-circle{transform:rotate(-4deg)scale(1.08);box-shadow:0 1rem #0f4153,0 1.2rem 2.2rem #19647e47}.lesson-node.unlocked:hover .lesson-info{border-color:#f0b35bd9;box-shadow:0 .7rem #f0b35b,0 1.1rem 2.4rem #102a3421}.lesson-node.unlocked:active{transform:translateY(.15rem)scale(.99)}.lesson-node.unlocked:active .lesson-circle{box-shadow:0 .45rem #0f4153}.progress-track div{background:linear-gradient(90deg,#f0b35b,#ffd27c);transition:width .45s}.hero-card:hover{transform:translateY(-.35rem);box-shadow:0 1.7rem 4.5rem #102a3426}@keyframes sqFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-.55rem)}}.duo-unit-banner:hover{transform:translateY(-.25rem);box-shadow:0 .75rem #0f4153,0 1.2rem 2rem #102a3429}.metric-card:hover,.selected-card:hover{transform:translateY(-.3rem);box-shadow:0 1.3rem 3.2rem #102a3421}.secondary-button:hover{transform:translateY(-.18rem);box-shadow:0 .55rem #c98635,0 1rem 1.8rem #c9863538}.secondary-button:active{transform:translateY(.2rem);box-shadow:0 .25rem #c98635}.nav-button:hover{transform:translate(.35rem)}.lesson-node:focus-visible,.nav-button:focus-visible,.secondary-button:focus-visible{outline-offset:.25rem;outline:.22rem solid #f0b35bd9}.demo-complete-overlay{z-index:999999;background:#102a348c;place-items:center;display:grid;position:fixed;inset:0}.demo-complete-popup{text-align:center;background:#fff;border-radius:2rem;width:min(90vw,34rem);padding:2rem;box-shadow:0 1rem 3rem #0003}.demo-complete-popup h2{color:#14213d;margin:0 0 1rem}.demo-complete-popup p{color:#52666d;line-height:1.5}.demo-complete-popup a,.demo-complete-popup button{border:none;border-radius:1rem;width:100%;margin-top:1rem;padding:1rem;font-weight:900;text-decoration:none;display:block}.demo-complete-popup a{color:#fff;background:#19647e}.demo-complete-popup button{color:#102a34;cursor:pointer;background:#e6f1ed}.feedback-tab-button{color:#19647e;cursor:pointer;background:#e6f1ed;border:none;border-radius:18px;width:100%;margin-top:12px;padding:15px 22px;font-weight:900}.feedback-tab-button:hover{transform:translateY(-.18rem)}.feedback-card{cursor:pointer;background:#ffffffc2;border:1px solid #102a3414;border-radius:30px;padding:22px;transition:transform .18s,box-shadow .18s;box-shadow:0 18px 45px #102a3414}.feedback-card:hover{transform:translateY(-.3rem);box-shadow:0 1.3rem 3.2rem #102a3421}.feedback-button{color:#fff;cursor:pointer;background:#19647e;border:none;border-radius:18px;width:100%;margin-top:16px;padding:15px 22px;font-weight:900}.hero-brand-card{justify-content:space-between;align-items:center;gap:48px;min-height:380px;padding:40px 48px;display:flex}.hero-brand-left{flex:1;align-items:center;min-width:0;display:flex}.hero-statement{object-fit:contain;width:min(620px,100%);height:auto;display:block}.hero-brand-right{flex:0 0 460px;justify-content:center;align-items:center;display:flex}.hero-frog-logo{object-fit:contain;width:420px;max-width:100%;height:auto;display:block}@media (width<=900px){.hero-brand-card{gap:24px;padding:32px}.hero-brand-right{flex-basis:220px}.hero-frog-logo{width:200px}}@media (width<=650px){.hero-brand-card{text-align:center;flex-direction:column;align-items:center}.hero-brand-right{flex-basis:auto}.hero-statement{width:100%}}.brand-button{cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.7rem;width:100%;padding:0;display:flex}.brand-logo{object-fit:contain;flex:none;width:2.6rem;height:2.6rem}.brand-statement{object-fit:contain;object-position:left center;width:8rem;max-width:65%;height:auto;display:block}.hero-mobile-brand{display:none}@media (width<=768px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{margin:0}.app-shell{width:100%;max-width:100%;min-height:100vh;display:block}.sidebar{width:100%;height:auto;padding:.55rem .5rem calc(.55rem + env(safe-area-inset-bottom));z-index:1000;background:#fff;border-top:1px solid #00000014;border-right:none;position:fixed;inset:auto 0 0}.sidebar .brand{display:none}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;width:100%;display:grid}.nav-button{text-align:center;border-radius:.8rem;width:100%;min-width:0;padding:.8rem .2rem;font-size:.8rem}.main-content{width:100%;max-width:100%;padding:0 1rem calc(6rem + env(safe-area-inset-bottom));overflow-x:hidden}.hero-card{justify-content:center;align-items:center;width:100%;max-width:100%;min-height:0;padding:2rem 1.25rem;display:flex;overflow:hidden}.hero-desktop-copy,.hero-desktop-visual{display:none!important}.hero-mobile-brand{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex}.hero-mobile-logo{object-fit:contain;width:min(62vw,15rem);max-width:100%;height:auto;margin:0 auto;display:block}.hero-mobile-tagline{color:#5f7078;text-align:center;width:100%;max-width:22rem;margin:1rem auto 0;font-size:1.05rem;font-weight:600;line-height:1.45}.content-grid{width:100%;max-width:100%;display:block}.path-card,.duolingo-path-card{width:100%;min-width:0;max-width:100%;margin:0;padding:0;overflow:hidden}.unit-section{width:100%;max-width:100%;margin:0 0 3rem;padding:0}.duo-unit-banner{box-sizing:border-box;border-radius:1.5rem;flex-wrap:wrap;gap:.75rem;width:100%;max-width:100%;margin:0 0 2rem;padding:1.4rem}.duo-unit-banner>div{min-width:0}.duo-unit-banner h2{overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,9vw,3rem);line-height:1.05}.duo-unit-banner>span{flex-shrink:0;font-size:.9rem}.duo-path{flex-direction:column;gap:1.5rem;width:100%;max-width:100%;padding:0;display:flex}.lesson-node,.lesson-node.node-left,.lesson-node.node-right{grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:1rem;width:100%;max-width:100%;margin:0;padding:0;display:grid;left:auto!important;right:auto!important;transform:none!important}.lesson-circle{width:5.25rem;min-width:5.25rem;height:5.25rem;margin:0}.lesson-info{box-sizing:border-box;text-align:left;width:100%;min-width:0;padding:1.25rem}.lesson-info h3{overflow-wrap:anywhere;margin:.3rem 0;font-size:1.45rem;line-height:1.15}.lesson-info p{margin:.5rem 0;font-size:1rem;line-height:1.4}.progress-track{width:100%}.right-panel{grid-template-columns:1fr;gap:1rem;width:100%;max-width:100%;margin-top:2rem;display:grid}.metric-card,.selected-card,.feedback-card{box-sizing:border-box;width:100%;max-width:100%}}@media (width<=480px){.main-content{padding-left:.75rem;padding-right:.75rem}.hero-card{padding:1.5rem 1rem}.hero-mobile-logo{width:min(58vw,13rem)}.hero-mobile-tagline{max-width:19rem;font-size:1rem;line-height:1.4}.lesson-node,.lesson-node.node-left,.lesson-node.node-right{grid-template-columns:4.75rem minmax(0,1fr);gap:.75rem}.lesson-circle{width:4.5rem;min-width:4.5rem;height:4.5rem}.lesson-info{padding:1rem}.lesson-info h3{font-size:1.25rem}}@media (width<=768px){html,body,#root{-webkit-overflow-scrolling:touch!important;width:100%!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}body{touch-action:pan-y!important}.app-shell,.app-shell.lesson-mode,.main-content,.app-shell.lesson-mode .main-content{width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:hidden visible!important}.lesson-flow,.practice-page,.reference-practice-page{height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:hidden visible!important}.practice-shell,.reference-practice-grid{height:auto!important;max-height:none!important;overflow:visible!important}}