@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Sinhala:wght@400;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";.lona-brand-image{object-fit:contain;border-radius:10px;flex:0 0 43px;width:43px;height:43px;display:block}.lona-brand-link{align-items:center;gap:11px;display:inline-flex}.google-signin-button{justify-content:center;min-height:44px;margin-top:24px;display:flex}.google-signin-status{text-align:center;color:var(--muted);margin-top:14px;font-size:13px}.exam-math-text{white-space:pre-wrap;overflow-wrap:anywhere;font-weight:400}.exam-math-text .exam-math-text{font-weight:inherit}.exam-math-text strong{font-weight:700}.exam-angle{white-space:nowrap;font-family:Georgia,serif;font-style:italic}.exam-math-text sup,.exam-math-text sub{font-size:.75em;line-height:0}.exam-math-tools{flex-wrap:wrap;gap:.35rem;display:flex}.exam-fraction{vertical-align:middle;text-align:center;flex-direction:column;align-items:stretch;margin:.15em .2em;font-family:Georgia,serif;font-weight:400;line-height:1.2;display:inline-flex}.exam-fraction>span{padding:.08em .2em}.exam-math-text strong .exam-fraction{font-weight:inherit}.exam-fraction .exam-fraction-top{border-bottom:1px solid}.exam-math-editor{width:100%;min-width:0;display:block}.exam-math-editor>textarea,.exam-math-editor>input{box-sizing:border-box;width:100%}.exam-math-editor .exam-fraction-insert{width:auto;margin:.3rem 0;padding:.3rem .6rem;font-size:.85rem;display:inline-block}.exam-math-preview{border:1px solid #cbd5e1;border-radius:.3rem;padding:.5rem;display:block}.public-site{--public-ink:var(--web-ink);--public-muted:var(--web-muted);color:var(--public-ink);background:var(--web-background);min-height:100vh}.public-site *{box-sizing:border-box}.public-site .public-promotion{color:#fff;background:linear-gradient(135deg,#25216b,#4536b5);border-radius:16px;margin:24px max(24px,50% - 600px);padding:24px}.public-promotion-top,.public-promotion-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.public-promotion-top{color:#ffce65;font-size:.8rem}.public-promotion-top>span{background:#ffffff18;border-radius:999px;padding:5px 10px}.public-site .public-promotion h2{color:#fff;margin:16px 0 10px;font-size:1.6rem}.public-site .public-promotion p{color:#fff;margin:12px 0}.public-promotion-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.public-promotion-stats>div{text-align:center;background:#ffffff15;border-radius:9px;gap:6px;padding:16px;display:grid}.public-promotion-stats strong{color:#ffce65;font-size:1.8rem}.public-promotion-stats span{overflow-wrap:anywhere;font-size:.85rem}.public-promotion-bottom{border-top:1px solid #ffffff30;margin-top:20px;padding-top:18px}.public-promotion-bottom strong{color:#ffce65;font-size:1.6rem}.public-promotion-bottom small{color:#fff}.public-site .public-promotion .primary{color:#102c54;box-shadow:none;background:#ffce65}.public-site .public-promotion .primary:hover{background:#ffdc91}@media (width<=560px){.public-site .public-promotion{margin:16px;padding:18px}.public-promotion-stats{grid-template-columns:1fr}.public-promotion-bottom .primary{width:100%}}.public-site a{text-decoration:none}.public-site p{color:var(--public-muted);line-height:1.8}.public-site h1,.public-site h2,.public-site h3{color:var(--public-ink);overflow-wrap:anywhere;line-height:1.35}.public-site h1{letter-spacing:-.035em;margin:22px 0;font-size:clamp(2.1rem,4.3vw,3.7rem)}.public-site h2{margin:12px 0;font-size:clamp(1.55rem,2.7vw,2.3rem)}.public-site h3{font-size:1.2rem}.public-site :focus-visible{outline-offset:5px;outline:3px solid #226bcc}.public-header{z-index:30;background:#fcfcfaf5;border-bottom:1px solid #dce3e9;align-items:center;gap:26px;padding:16px max(24px,50% - 600px);display:flex;position:sticky;top:0}.public-brand{color:var(--public-ink);flex-shrink:0;font-size:1.45rem}.public-brand small{color:var(--public-muted);margin-top:3px;font-size:.72rem;font-weight:500;display:block}.public-nav{align-items:center;gap:24px;margin-left:auto;display:flex}.public-nav a,.public-footer a{color:var(--public-ink)}.public-nav a[aria-current=page]{text-underline-offset:7px;-webkit-text-decoration:underline #dc9c45;text-decoration:underline #dc9c45}.public-language{gap:3px;font-size:.7rem;display:grid}.public-language select{max-width:140px;color:var(--public-ink);background:#fff;border:1px solid #c4cfdc;border-radius:8px;padding:7px}.public-site .public-menu-toggle{display:none}.public-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;max-width:1200px;margin:auto;padding:80px 24px;display:grid}.public-hero-copy{max-width:650px}.public-eyebrow{color:#865619;letter-spacing:.04em;align-items:center;gap:8px;font-size:.8rem;font-weight:750;display:inline-flex}.public-actions{flex-wrap:wrap;gap:12px;margin:28px 0 18px;display:flex}.public-site .primary,.public-site .outline{text-align:center;white-space:normal;justify-content:center;align-items:center;gap:9px;display:inline-flex}.public-note{font-size:.85rem}.public-signin{min-width:0;scroll-margin-top:130px}.public-login .login-art,.public-login .mobile-brand{display:none}.public-login .login-panel{background:0 0;min-height:0;padding:0;display:block}.public-login .login-card,.public-return{background:#fff;border:1px solid #dce3e9;border-radius:22px;width:100%;max-width:none;padding:32px;box-shadow:0 18px 60px #172b490b}.public-login .login-account-actions{flex-wrap:wrap;gap:12px;display:flex}.public-login .login-account-actions button{width:100%;font-size:.85rem}.public-login .login-account-actions a{font-size:.8rem}.public-login input{width:100%;min-width:0}.public-site .public-login .login-card label{color:var(--public-muted)}.public-site .public-login .login-card h2{color:var(--public-ink);font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.5}.public-site .public-login .login-card>p{color:var(--public-muted)}.public-site .public-login .login-card input{color:var(--public-ink);background:#fff;border-color:#b7c5d6}.public-site .public-login .login-card .wave{color:#865619}.public-section{max-width:1200px;margin:auto;padding:60px 24px;scroll-margin-top:130px}.public-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px;display:grid}.public-card{background:#fff;border:1px solid #dce3e9;border-radius:18px;flex-direction:column;align-items:flex-start;padding:28px;display:flex}.public-card p{flex:1;margin:0 0 24px}.public-card-icon{color:#235a98;background:#eaf1fa;border-radius:14px;padding:14px}.public-tone-1{color:#865619;background:#f7efdf}.public-tone-2{color:#316a51;background:#e8f3ed}.public-teacher-band{background:#edf2f7;border-radius:22px;justify-content:space-between;align-items:center;gap:35px;max-width:1152px;margin:25px auto;padding:42px;display:flex}.public-teacher-band>div{max-width:700px}.public-teacher-band>a{flex-shrink:0}.public-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:32px;padding:0;list-style:none;display:grid}.public-steps li>span{color:#956728;font-size:1.3rem;font-weight:750}.public-footer{border-top:1px solid #dce3e9;justify-content:space-between;gap:36px;padding:42px max(24px,50% - 576px);display:flex}.public-footer p{max-width:400px;font-size:.9rem}.public-footer nav{align-content:start;gap:14px;font-size:.9rem;display:grid}.public-inner-hero{padding-bottom:30px;display:block}.public-details{max-width:900px;padding-top:15px}.public-details h2{margin-top:35px}.public-details details{border-bottom:1px solid #dce3e9;padding:20px 0}.public-details summary{cursor:pointer;font-weight:650;line-height:1.6}@media (width<=1050px){.public-header{flex-wrap:wrap;gap:15px}.public-site .public-menu-toggle{margin-left:auto;display:inline-flex}.public-nav{flex-wrap:wrap;flex-basis:100%;order:5;margin:0;padding:14px 0;display:none}.public-nav.is-open{display:flex}.public-hero{gap:30px}}@media (width<=760px){.public-header{padding:16px 20px;position:relative}.public-header-entry{margin-left:auto}.public-header-entry .primary{font-size:.8rem}.public-brand{font-size:1.2rem}.public-hero{grid-template-columns:1fr;padding:45px 20px}.public-cards,.public-steps{grid-template-columns:1fr}.public-section{padding:35px 20px}.public-teacher-band{flex-direction:column;align-items:flex-start;margin:20px;padding:28px}.public-footer{flex-direction:column;padding:32px 20px}.public-login .login-card,.public-return{padding:24px 18px}}.public-site{--public-ink:var(--web-ink);--public-muted:var(--web-muted);background:var(--web-background);font-family:var(--web-font)}.public-site p{line-height:1.75}.public-header{background:#fffffff5;gap:20px;min-height:74px;padding-top:12px;padding-bottom:12px;box-shadow:0 2px 18px #102c5405}.public-header .public-brand small{display:none}.public-header .public-brand{font-size:1.55rem}.public-header .lona-brand-image{flex-basis:40px;width:40px;height:40px}.public-nav{gap:20px;font-size:.86rem}.public-nav a{transition:color .18s}.public-nav a:hover{color:#ac4232}.public-language{font-size:.65rem}.public-language select{max-width:115px;min-height:34px;font-size:.8rem}.public-header-entry .primary{padding:11px 15px;font-size:.85rem}.public-hero{background:radial-gradient(at 88% 45%,#e9f2fc 0,#0000 65%);grid-template-columns:1.15fr 1fr;gap:46px;max-width:1248px;padding:54px 24px 58px}.public-hero h1{letter-spacing:-.035em;margin:20px 0;font-family:inherit;font-size:clamp(2rem,3.8vw,3.45rem);font-weight:800;line-height:1.3}.public-hero h1>span{color:#b94e3c}.public-hero-copy>p{max-width:540px;font-size:1rem}.public-hero-copy>.public-note{font-size:.8rem}.public-eyebrow{color:#a64231;letter-spacing:.06em;font-size:.72rem;line-height:1.7}.public-actions{margin:24px 0 16px}.public-product-preview{isolation:isolate;min-width:0;padding:42px 16px;position:relative}.public-preview-orbit{z-index:-1;background:#ddeaf7;border-radius:48% 44% 40% 50%;position:absolute;inset:15px -5px;transform:rotate(-6deg)}.public-preview-card{background:#fff;border:1px solid #d4e0ed;border-radius:20px;padding:28px;position:relative;transform:rotate(-2deg);box-shadow:0 20px 55px #102c5412}.public-preview-top{border-bottom:1px solid #e8eef5;align-items:center;gap:12px;padding-bottom:20px;display:flex}.public-preview-top strong{font-size:1.2rem}.public-preview-top small{color:var(--public-muted);margin-top:4px;font-size:.7rem;display:block}.public-preview-spark{color:#a64231;margin-left:auto}.public-site .public-preview-topic{margin:22px 0 8px;font-size:.75rem}.public-site .public-preview-card h2{margin:8px 0 22px;font-size:1.55rem}.public-preview-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.public-preview-options>span{background:#f5f8fc;border:1px solid #e1e8ef;border-radius:10px;justify-content:space-between;padding:13px 15px;display:flex}.public-preview-options>.chosen{color:#25563c;background:#e5f2ea;border-color:#73a18a}.public-preview-feedback{color:#25563c;background:#eef7f1;border-radius:10px;align-items:flex-start;gap:10px;margin-top:20px;padding:14px;font-size:.8rem;display:flex}.public-preview-feedback>svg{flex-shrink:0}.public-preview-feedback small{margin-top:5px;line-height:1.7;display:block}.public-preview-label,.public-preview-badge{background:#fff;border:1px solid #dce5f0;border-radius:12px;align-items:center;gap:9px;width:fit-content;padding:12px 16px;font-size:.8rem;font-weight:650;display:flex;position:relative;box-shadow:0 9px 25px #102c540c}.public-preview-label{z-index:1;margin:0 0 -10px -10px;transform:rotate(-4deg)}.public-preview-badge{max-width:90%;margin:-8px -7px 0 auto}.public-preview-badge svg{color:#316a51;flex-shrink:0}.public-section{padding-top:42px;padding-bottom:42px}.public-cards{gap:22px;margin-top:26px}.public-path{border-radius:18px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 5px 20px #102c5406}.public-path:hover,.public-path:focus-within{transform:translateY(-4px);box-shadow:0 12px 30px #102c5410}.public-path-art{color:#305985;background:#ddeaf7;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:100px;padding:22px;display:flex}.public-path-1 .public-path-art{color:#aa4938;background:#fcebe5}.public-path-2 .public-path-art{color:#316a51;background:#e5f2ea}.public-path-art>span{opacity:.65;letter-spacing:.12em;font-size:1rem;font-weight:700}.public-path h3{margin-top:24px}.public-path p{font-size:.9rem}.public-path .outline{width:100%}.public-demo-section{background:#f5f8fc;border-radius:24px;grid-template-columns:.9fr 1fr;align-items:center;gap:60px;max-width:1152px;margin-top:20px;margin-bottom:20px;padding:42px;display:grid}.public-quiz{background:#fff;border:1px solid #dce5f0;border-radius:18px;min-width:0;padding:26px;box-shadow:0 10px 30px #102c5406}.public-quiz-heading{color:var(--public-muted);justify-content:space-between;gap:15px;padding-bottom:20px;font-size:.75rem;display:flex}.public-quiz fieldset{border:0;min-width:0;margin:0;padding:0}.public-quiz legend{margin-bottom:20px;font-size:1.2rem;font-weight:700;line-height:1.6}.public-quiz-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.public-quiz-options label{cursor:pointer;border:1px solid #c8d5e4;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:13px;display:flex}.public-quiz-options input{accent-color:#102c54;width:18px;height:18px;margin:0}.public-quiz-options .is-selected{background:#edf3fa;border-color:#102c54}.public-quiz-options .is-correct{background:#e5f2ea;border-color:#427d5c}.public-quiz-options label:focus-within{outline-offset:3px;outline:3px solid #226bcc}.public-quiz-options svg{color:#25563c;flex-shrink:0;margin-left:auto}.public-quiz-feedback:not(:empty){background:#f5f8fc;border-radius:10px;margin-top:20px;padding:14px;font-size:.9rem}.public-quiz-feedback p{margin:5px 0 0}.public-quiz .public-actions{margin-bottom:0}.public-subjects{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;display:flex}.public-subjects>div:first-child{max-width:570px}.public-subject-chips{flex-wrap:wrap;gap:12px;width:100%;display:flex}.public-subject-chips .outline{overflow-wrap:anywhere;max-width:100%}.public-subject-chips svg{flex-shrink:0}.public-teacher-band{color:#fff;background:#102c54;margin-top:20px;margin-bottom:20px;overflow:hidden}.public-site .public-teacher-band h2{color:#fff}.public-site .public-teacher-band p{color:#d6e2f1}.public-teacher-band .public-eyebrow{color:#ffb5a7}.public-teacher-band .outline{color:#102c54;background:#fff}.public-feature-list{flex-wrap:wrap;gap:15px;margin:22px 0;padding:0;list-style:none;display:flex}.public-feature-list li{align-items:center;gap:7px;font-size:.8rem;display:flex}.public-feature-list svg{color:#a9d4b8;flex-shrink:0}.public-teacher-art{color:#ddeaf7;background:#ffffff0a;border:1px solid #547397;border-radius:50%;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:200px;height:200px;display:flex}.public-parent{grid-template-columns:.45fr 1fr;align-items:center;gap:50px;display:grid}.public-parent-art{color:#ad4a39;background:#fcebe5;border-radius:24px;justify-items:center;gap:20px;padding:35px;display:grid}.public-parent-art>span{align-items:center;gap:25px;display:flex}.public-footer{background:#f5f8fc}.public-footer nav{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.public-footer small{color:var(--public-muted)}.public-auth-dialog{color:var(--public-ink);background:#fff;border:1px solid #dce5f0;border-radius:20px;width:min(480px,100vw - 28px);max-height:calc(100dvh - 40px);padding:20px;overflow-y:auto;box-shadow:0 25px 80px #102c5440}.public-auth-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102c5499}.public-dialog-header{justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.public-auth-dialog .public-login .login-card{box-shadow:none;border:0;padding:20px 0 0}.public-site .public-inner-hero{padding-bottom:20px;display:block}.public-inner-hero .public-hero-copy>p:last-child{margin-bottom:0}.public-inner-hero+.public-details{padding-top:12px}.public-inner-hero+.public-details>h2:first-child{margin-top:0}@media (width<=1200px){.public-header{flex-wrap:wrap;gap:14px}.public-site .public-menu-toggle{margin-left:auto;display:inline-flex}.public-nav{flex-wrap:wrap;flex-basis:100%;order:5;margin:0;display:none}.public-nav.is-open{display:flex}}@media (width<=900px){.public-hero{gap:20px}.public-demo-section{gap:28px;margin-left:20px;margin-right:20px;padding:30px}.public-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.public-teacher-art{width:150px;height:150px}}@media (width<=760px){.public-header{padding:10px 16px;position:sticky}.public-hero{grid-template-columns:1fr;padding:34px 20px}.public-hero h1{font-size:clamp(1.9rem,6vw,2.8rem)}.public-product-preview{width:min(460px,100%);margin:auto;padding:24px 12px}.public-preview-card{padding:22px}.public-cards,.public-demo-section{grid-template-columns:1fr}.public-demo-section{padding:24px 18px}.public-parent{grid-template-columns:1fr;gap:24px}.public-parent-art{width:100%;max-width:260px;margin:auto}.public-teacher-art{display:none}.public-footer nav{grid-template-columns:1fr}.public-language{margin-left:auto}.public-header-entry{margin-left:0}.public-header-entry .primary{font-size:.75rem}.public-hero .public-actions>*,.public-parent .public-actions>*{width:100%}.public-hero-copy>p{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.public-site *,.public-site :before,.public-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.public-path:hover,.public-path:focus-within{transform:none}}.public-demo-filters{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.public-demo-filters label{gap:6px;min-width:0;display:grid}.public-demo-filters select{width:100%;min-height:44px}.public-home-hero{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.public-hero-left{min-width:0}.public-home-hero{gap:28px;padding-top:20px;padding-bottom:16px}.public-home-hero .public-hero-left{align-self:stretch;align-items:center;padding:12px 0;display:flex}.public-home-hero .public-hero-copy{width:100%}.public-home-hero h1{margin:24px 0;font-size:clamp(1.75rem,3.3vw,3rem);line-height:1.3}.public-home-hero h1:focus{outline:none}.public-home-hero .public-hero-copy>p{margin-bottom:20px;font-size:1rem;line-height:1.8}.public-home-hero .public-actions{margin:30px 0 20px}.public-home-hero .public-product-preview{width:100%;margin:0;padding:10px 0 0}.public-home-hero .public-preview-card{padding:16px;transform:none}.public-home-hero .public-preview-top{padding-bottom:10px}.public-home-hero .public-preview-card h2{margin:8px 0;font-size:1.25rem}.public-home-hero .public-preview-topic{margin:8px 0}.public-home-hero .public-preview-feedback{margin-top:10px;padding:10px}.public-home-hero .public-preview-orbit,.public-home-hero .public-preview-label,.public-home-hero .public-preview-badge{display:none}.public-hero-right{gap:24px;min-width:0;display:grid}.public-site .public-hero-right .public-promotion{width:100%;margin:0}.public-hero-right .public-promotion-stats>div{padding:12px 8px}.public-home .public-section{padding-top:24px;padding-bottom:24px}.public-home .public-demo-section,.public-home .public-teacher-band{margin-top:12px;margin-bottom:12px}@media (width<=760px){.public-home-hero{grid-template-columns:minmax(0,1fr)}.public-home .public-section{padding-top:20px;padding-bottom:20px}}.public-site .public-contact-form{gap:1.25rem;max-width:42rem;display:grid}.public-site .public-contact-form label{gap:.5rem;font-weight:600;display:grid}.public-site .public-contact-form input,.public-site .public-contact-form textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:#17243b;background:#fff;border:1px solid #cbd5e1;border-radius:.6rem;padding:.8rem}.public-site .public-contact-form textarea{resize:vertical}.public-site .public-contact-form .primary{justify-self:start}.public-contact-success{border:1px solid var(--web-border);text-align:center;background:#fff;border-radius:20px;padding:32px 24px}.public-contact-success-icon{color:#218653}.public-site .public-contact-success h2{margin:24px 0 16px;font-size:1.3rem}.public-contact-success ul{text-align:start;gap:16px;margin:28px 0;padding:0;list-style:none;display:grid}.public-contact-success li{align-items:flex-start;gap:10px;display:flex}.public-contact-success li svg{flex-shrink:0;margin-top:3px}.public-contact-success .primary{width:100%}.public-contact{flex-direction:column;min-height:100dvh;display:flex}.public-contact>main{flex-direction:column;flex:1;justify-content:center;padding:24px 20px;display:flex}.public-contact .public-hero{text-align:center;background:0 0;grid-template-columns:1fr;gap:0;width:100%;max-width:48rem;margin:0 auto;padding:0 0 20px}.public-contact .public-hero-copy{max-width:none}.public-contact .public-hero h1{margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.25rem)}.public-contact .public-hero-copy>p{max-width:none;margin:0;line-height:1.5}.public-contact .public-section{width:100%;max-width:48rem;margin:0 auto;padding:0}.public-contact .public-contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;max-width:none}.public-contact .public-contact-form>p,.public-contact .public-contact-subject,.public-contact .public-contact-message{grid-column:1/-1}.public-contact .public-contact-form>p{text-align:center;margin:0;line-height:1.5}.public-contact .public-contact-form label{gap:8px}.public-contact .public-contact-form input,.public-contact .public-contact-form textarea{padding:12px 14px}.public-contact .public-contact-form input{min-height:46px}.public-contact .public-contact-form textarea{min-height:112px}.public-contact .public-contact-form>a{align-self:center}.public-contact .public-contact-form .primary{grid-column:2;justify-self:end}@media (width<=480px){.public-contact .public-contact-form{grid-template-columns:1fr}.public-contact .public-contact-form .primary{grid-column:1;justify-self:stretch}}:root{--web-background:#fff;--web-surface:#fff;--web-ink:#102c54;--web-muted:#52647b;--web-border:#dce3e9;--web-primary:#102c54;--web-brand-button:#0d0cb2;--web-brand-button-hover:#090880;--web-link:#235a98;--web-font:"DM Sans", "Noto Sans Sinhala", "Noto Sans Tamil", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}button,input,select,textarea{font-family:var(--web-font)}html body{background:var(--cream)}:root{--template-background:#fffaf1;--ink:var(--web-ink);--muted:var(--web-muted);--cream:var(--template-background);--paper:#fff;--coral:#ee725b;--coral-dark:#d85843;--green:#2d746b;--line:var(--web-border);--yellow:#f3b846;--shadow:0 14px 40px #3038321a}*{box-sizing:border-box}body{font-family:var(--web-font);color:var(--ink);background:var(--template-background);margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:5;background:#fff;flex-direction:column;width:250px;height:100vh;padding:34px 24px;display:flex;position:fixed}.brand{align-items:center;gap:11px;font-size:21px;font-weight:800;display:flex}.brand>span:last-child{flex-direction:column;display:flex}.brand small{letter-spacing:1.7px;text-transform:uppercase;color:var(--muted);font-size:9px}.logo{background:var(--coral);color:#fff;border-radius:12px;place-items:center;width:43px;height:43px;font:700 24px Noto Sans Sinhala;display:grid!important}.sidebar nav{gap:8px;margin-top:60px;display:grid}.sidebar nav button{color:var(--muted);background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:13px 15px;font-weight:600;display:flex}.sidebar nav button svg{width:20px}.sidebar nav button.active{color:var(--coral-dark);background:#fff0e9}.side-user{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:22px;display:flex}.avatar{background:#f7d88e;border-radius:50%;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.side-user span{flex-direction:column;flex:1;min-width:0;display:flex}.side-user small{color:var(--muted);font-size:11px}.side-user button{color:var(--muted);background:0 0;border:0;padding:5px}.main{grid-column:2}.page{width:min(1000px,100% - 70px);margin:0 auto;padding:60px 0}.dashboard header{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow,.section-kicker{letter-spacing:1.7px;color:var(--coral-dark);font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}.dashboard h1,.profile-page>h1{font:700 35px var(--web-font);margin:8px 0 4px}.dashboard header p,.lesson-stage>p,.profile-page>p{color:var(--muted)}.stats{gap:10px;display:flex}.stats span{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;font-size:13px;display:flex}.stats svg{width:18px;color:var(--yellow);fill:#fbd878}.stats span:first-child svg{color:var(--coral);fill:#ff9b65}.journey-head{justify-content:space-between;align-items:end;margin:55px 0 22px;display:flex}.journey-head h2{margin:6px 0 0;font-size:21px}.overall{color:var(--muted);text-align:right;font-size:12px}.overall div{background:#e6e4dc;border-radius:10px;width:150px;height:7px;margin-top:7px}.overall i{background:var(--green);border-radius:10px;height:100%;display:block}.lesson-path{gap:14px;width:calc(100% - 280px);display:grid}.lesson-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:19px;min-height:128px;padding:20px;display:flex;box-shadow:0 3px #2c34310a}.lesson-card.locked{opacity:.62;background:#f7f6f1}.lesson-icon{color:#fff;border-radius:18px;flex:0 0 72px;place-items:center;width:72px;height:72px;font:700 33px Noto Sans Sinhala;display:grid}.lesson-icon.coral{background:var(--coral)}.lesson-icon.violet{background:#8e75b2}.lesson-icon.blue{background:#5d92a9}.lesson-icon.green{background:#74a06f}.lesson-info{flex:1}.lesson-number{letter-spacing:1.3px;color:var(--coral-dark);font-size:9px;font-weight:800}.lesson-info h3{margin:5px 0 4px;font-size:17px}.lesson-info p{color:var(--muted);margin:0;font-size:13px}.xp{color:#a57b25;align-items:center;gap:4px;margin-top:9px;font-size:10px;display:flex}.primary,.outline{border:0;border-radius:11px;align-items:center;gap:5px;padding:11px 16px;font-weight:700;display:flex}.primary{background:var(--web-brand-button);color:#fff;box-shadow:0 3px 0 var(--web-brand-button-hover)}.primary:where(:hover:not(:disabled)){background:var(--web-brand-button-hover)}.primary:disabled{opacity:.45}.outline{border:1px solid var(--line);color:var(--ink);background:#fff}.locked-copy{color:var(--muted);max-width:100px;font-size:11px}.daily-card{background:#e8f2eb;border-radius:20px;width:245px;min-height:215px;margin-left:calc(min(1000px,100vw - 320px) - 245px);padding:23px;position:absolute;top:272px}.mascot{margin-bottom:20px;font-size:42px}.daily-card h3{margin:5px 0;font-size:16px}.daily-card p{color:var(--muted);font-size:12px}.ring{border:6px solid #c2ddce;border-top-color:var(--green);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;bottom:20px;right:20px}.ring small{margin-top:-15px;font-size:9px}.bottom-nav{display:none}.login-page{background:#fff;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-art{color:#fff;background:#286e66;padding:45px 7vw;position:relative;overflow:hidden}.brand-light .logo{color:var(--coral);background:#fff}.brand-light small{color:#c2ded8}.hero-copy{z-index:2;max-width:570px;margin-top:15vh;position:relative}.hero-copy h1{font:700 58px/1.06 var(--web-font);margin:14px 0 20px}.hero-copy h1 em{color:#ffc99d}.hero-copy p{color:#d9eeea;max-width:470px;font-size:17px;line-height:1.65}.sun-orb{color:#f7c763;opacity:.8;font-size:100px;position:absolute;top:10%;right:10%}.cloud{color:#fff;opacity:.12;font-size:70px;position:absolute}.cloud.one{top:24%;right:1%}.cloud.two{top:12%;left:-2%}.hills{color:#8eb5a5;background:#194f4a;border-radius:50% 50% 0 0;justify-content:center;align-items:flex-start;gap:8vw;width:120%;height:31%;padding-top:40px;font:700 45px Noto Sans Sinhala;display:flex;position:absolute;bottom:-50px;left:-10%}.hills:after{content:"";background:#205e55;border-radius:50% 0 0;width:100%;height:100%;position:absolute;top:30%;left:20%}.login-panel{place-items:center;padding:35px;display:grid}.login-card{width:min(390px,100%)}.login-card .wave{color:var(--coral-dark);font:600 17px Noto Sans Sinhala}.login-card h2{font:700 36px var(--web-font);margin:12px 0 8px}.login-card>p{color:var(--muted);line-height:1.6}.login-card label{gap:8px;margin-top:30px;font-size:13px;font-weight:700;display:grid}.login-card input{background:#fffdf9;border:1px solid #dcded8;border-radius:12px;outline:none;padding:15px}.login-card input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #ffe7dd}.wide{justify-content:center;width:100%;margin-top:16px;padding:14px}.login-card>small{text-align:center;color:#9aa3a1;margin-top:18px;font-size:10px;display:block}.mobile-brand{display:none}.lesson-page{background:#fff;min-height:100vh}.lesson-top{border-bottom:1px solid var(--line);align-items:center;gap:24px;height:88px;padding:0 max(30px,50vw - 425px);display:flex}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon-btn svg{width:18px}.progress{background:#ebeae4;border-radius:10px;flex:1;height:9px}.progress i{background:var(--coral);border-radius:10px;height:100%;transition:all .4s;display:block}.lesson-top>span{color:var(--muted);font-size:12px}.lesson-stage{text-align:center;padding:42px 20px 100px}.lesson-stage h1{font:700 34px var(--web-font);margin:8px 0}.letter-card{width:310px;height:335px;box-shadow:var(--shadow);background:#fffaf3;border:1px solid #f0e2d1;border-radius:28px;flex-direction:column;align-items:center;margin:30px auto 14px;padding:30px;display:flex;position:relative;overflow:hidden}.letter-glow{filter:blur(25px);opacity:.55;background:#ffdbc5;border-radius:50%;width:250px;height:250px;position:absolute;top:-100px}.big-letter{color:var(--coral-dark);font:700 118px/1.2 Noto Sans Sinhala;position:relative}.sound-btn{color:var(--coral-dark);background:#fff0e6;border:0;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}.sound-btn svg{width:17px}.word-example{text-align:left;border-top:1px solid #eadfd4;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;padding-top:16px;display:flex}.word-example>span{font-size:28px}.word-example div{flex-direction:column;display:flex}.word-example b{font-family:Noto Sans Sinhala;font-size:16px}.word-example small{color:var(--muted)}.pronunciation{font-size:12px!important}.mic-button{background:var(--green);color:#fff;border:0;border-radius:999px;align-items:center;gap:8px;margin:17px auto;padding:13px 20px;font-weight:700;display:flex;box-shadow:0 4px #1c574f}.mic-button svg{width:20px}.mic-button.listening{background:var(--web-brand-button);animation:1s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 12px #ee725b26}}.privacy-note{font-size:10px!important}.feedback{text-align:left;z-index:4;align-items:center;gap:15px;width:100%;min-height:90px;padding:18px max(30px,50vw - 350px);display:flex;position:fixed;bottom:0;left:0}.feedback>span{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.feedback div{flex-direction:column;flex:1;display:flex}.feedback small{margin-top:4px}.feedback button{border:0;border-radius:10px;align-items:center;gap:5px;padding:11px 15px;font-weight:700;display:flex}.feedback.success{color:#1e6b54;background:#daf1e1}.feedback.success>span,.feedback.success button{color:#fff;background:#2f8064}.feedback.retry{color:#a46032;background:#fff0dc}.feedback.info{color:#3d6471;background:#e8f0f3}.complete-page{text-align:center;background:radial-gradient(circle at 50% 35%,#fff 0,#fff8e9 45%,#f3eee2 100%);place-content:center;justify-items:center;min-height:100vh;padding:30px;display:grid}.trophy{background:#ffdda0;border-radius:50%;place-items:center;width:120px;height:120px;margin-bottom:25px;display:grid;box-shadow:0 0 0 15px #fff3d7}.trophy svg{color:#d78d25;width:60px;height:60px}.complete-page h1{font:700 40px var(--web-font);margin:12px 0}.reward{border:1px solid var(--line);background:#fff;border-radius:18px;gap:45px;margin:25px 0;padding:18px 35px;display:flex}.reward span{grid-template-columns:auto auto;align-items:center;gap:5px;display:grid}.reward svg{color:var(--yellow)}.reward small{color:var(--muted);grid-column:1/3}.profile-page>h1{margin-top:8px}.profile-hero{color:#fff;background:linear-gradient(120deg,#2d746b,#438d7e);border-radius:24px;align-items:center;gap:22px;margin-top:35px;padding:35px;display:flex}.profile-avatar{color:#3d514d;background:#f3cb7d;border:5px solid #ffffff40;border-radius:50%;place-items:center;width:90px;height:90px;font-size:35px;font-weight:800;display:grid}.profile-hero h2{font:700 29px var(--web-font);margin:0 0 5px}.profile-hero p{color:#c9e6df;margin:0}.profile-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0;display:grid}.profile-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;justify-items:center;gap:5px;padding:25px;display:grid}.profile-grid svg{color:var(--coral)}.profile-grid b{font-size:26px}.profile-grid span{color:var(--muted);font-size:12px}.achievement{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:20px;padding:25px;display:flex}.achievement>svg{color:#d79b2b;width:50px;height:50px}.achievement h3{margin:5px 0}.achievement p{color:var(--muted);margin:0}@media (width<=850px){.app-shell{display:block}.sidebar{display:none}.main{min-height:100vh;padding-bottom:75px}.bottom-nav{border-top:1px solid var(--line);z-index:10;background:#fff;justify-content:space-around;height:68px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);background:0 0;border:0;align-content:center;justify-items:center;gap:3px;display:grid}.bottom-nav button.active{color:var(--coral)}.bottom-nav svg{width:20px}.page{width:calc(100% - 36px);padding:30px 0}.dashboard header{display:block}.stats{margin-top:20px}.journey-head{margin-top:38px}.lesson-path{width:100%}.daily-card{width:100%;margin:20px 0 0;position:relative;top:auto}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh}.mobile-brand{margin-bottom:60px;display:flex}.profile-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.dashboard h1,.profile-page>h1{font-size:29px}.stats{overflow:auto}.stats span{white-space:nowrap}.lesson-card{gap:13px;padding:15px}.lesson-icon{flex-basis:56px;width:56px;height:56px;font-size:25px}.lesson-card .primary,.lesson-card .outline{padding:9px;font-size:0}.lesson-card .primary svg,.lesson-card .outline svg{font-size:initial}.locked-copy,.overall{display:none}.login-panel{padding:24px}.login-card h2{font-size:31px}.lesson-top{gap:12px;padding:0 18px}.lesson-stage{padding-top:30px}.lesson-stage h1{font-size:29px}.letter-card{width:min(310px,90vw);height:325px;margin-top:20px}.feedback{padding:14px 18px}.feedback>span{display:none}.feedback button{font-size:12px}.complete-page h1{font-size:32px}.reward{gap:20px;padding:16px 22px}.profile-hero{padding:25px}.profile-avatar{width:68px;height:68px}.profile-grid{gap:8px}.profile-grid article{padding:16px 5px}.profile-grid b{font-size:21px}}.stop-listening-button{border:1px solid var(--web-brand-button);color:var(--web-brand-button);background:#fff;border-radius:999px;align-items:center;gap:8px;margin:-5px auto 12px;padding:10px 17px;font-weight:700;display:flex}.stop-listening-button svg{width:18px}.login-account-actions{gap:8px;margin-top:14px;display:grid}.login-mode{color:var(--coral-dark);background:0 0;border:0;min-height:44px;margin:0 auto;padding:8px 12px;font-weight:700;display:block}.login-error{font-size:12px;line-height:1.4;color:#b33b2e!important;margin:12px 0 0!important}.session-loading{min-height:100vh;color:var(--muted);place-items:center;font-weight:700;display:grid}.login-card select{color:var(--ink);background:#fffdf9;border:1px solid #dcded8;border-radius:12px;outline:none;padding:15px}.login-card select:focus{border-color:var(--coral);box-shadow:0 0 0 3px #ffe7dd}.subject-manage{margin-left:auto}.subject-page{background:var(--cream);place-items:center;min-height:100vh;padding:30px;display:grid}.subject-panel{border:1px solid var(--line);width:min(760px,100%);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:36px}.subject-panel h1{font:700 35px var(--web-font);margin:8px 0}.subject-panel>p{color:var(--muted)}.subject-options{grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0;display:grid}.subject-options button{border:2px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:16px;grid-template-columns:38px 1fr;gap:3px 10px;padding:18px;display:grid}.subject-options button.selected{border-color:var(--green);background:#edf7f2}.subject-options button span{width:36px;height:36px;color:var(--green);background:#e8f2eb;border-radius:10px;grid-row:1/3;place-items:center;display:grid}.subject-options button svg{width:19px}.subject-actions{justify-content:flex-end;gap:10px;display:flex}.admin-page{background:var(--cream);min-height:100vh;padding:45px max(25px,50vw - 500px)}.admin-page>header{justify-content:space-between;align-items:center;display:flex}.admin-page h1{font:700 38px var(--web-font);margin:6px 0 25px}.admin-create,.admin-list article{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:1fr 2fr auto;gap:10px;padding:16px;display:grid}.admin-page input{border:1px solid #dcded8;border-radius:9px;padding:11px}.admin-list{gap:10px;margin-top:20px;display:grid}.admin-list article{grid-template-columns:1fr 2fr auto auto;align-items:center}.admin-list article.inactive{opacity:.6}.admin-list label{white-space:nowrap;align-items:center;gap:6px;display:flex}@media (width<=650px){.subject-options,.admin-create,.admin-list article{grid-template-columns:1fr}.subject-manage{margin:12px 0 0}.profile-hero{flex-wrap:wrap;align-items:flex-start}}.admin-section{margin:20px 0 35px}.admin-section>h2{margin-bottom:6px}.admin-section>p{color:var(--muted)}.admin-page select,.admin-page textarea{background:#fff;border:1px solid #dcded8;border-radius:9px;padding:11px}.syllabus-create{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:1fr 1fr 2fr 3fr 80px auto;gap:9px;padding:16px;display:grid}.syllabus-list{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.syllabus-list article{border:1px solid var(--line);background:#fff;border-radius:15px;gap:9px;padding:15px;display:grid}.syllabus-list article.inactive{opacity:.6}.syllabus-meta{grid-template-columns:2fr 1fr 70px;gap:7px;display:grid}.syllabus-list textarea{resize:vertical;min-height:75px}.syllabus-list footer{justify-content:space-between;align-items:center;display:flex}.syllabus-list footer label{align-items:center;gap:6px;display:flex}@media (width<=850px){.syllabus-create{grid-template-columns:1fr 1fr}.syllabus-list{grid-template-columns:1fr}}@media (width<=650px){.syllabus-create{grid-template-columns:1fr}}.author-create{grid-template-columns:1fr 1fr 2fr auto}.author-list{gap:8px;margin-top:12px;display:grid}.author-list article{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.author-list article.inactive{opacity:.55}.author-list article div{flex-direction:column;display:flex}.author-list small{color:var(--muted)}.author-page{background:var(--cream);min-height:100vh;padding:40px max(25px,50vw - 550px)}.author-page>header{justify-content:space-between;display:flex}.author-page h1{font:700 38px var(--web-font);margin:5px 0}.author-layout{grid-template-columns:290px 1fr;gap:20px;margin-top:30px;display:grid}.author-layout>aside,.course-workspace,.upload-panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px}.author-layout form{gap:10px;display:grid}.author-layout input,.author-layout select,.author-layout textarea{background:#fff;border:1px solid #dcded8;border-radius:10px;padding:11px}.author-layout textarea{min-height:100px}.course-list{gap:9px;display:grid}.course-list article{border:2px solid var(--line);cursor:pointer;border-radius:13px;justify-content:space-between;align-items:center;padding:13px;display:flex}.course-list article.selected{border-color:var(--green);background:#edf7f2}.course-list article div{flex-direction:column;display:flex}.course-list span,.course-list small{color:var(--muted);font-size:11px}.upload-panel{background:#fffaf3;margin-top:20px}.upload-panel form{grid-template-columns:2fr 80px 2fr auto;align-items:center}.content-list{gap:7px;margin-top:15px;display:grid}.content-list a{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:9px;justify-content:space-between;padding:10px;text-decoration:none;display:flex}@media (width<=800px){.author-layout,.upload-panel form,.author-create{grid-template-columns:1fr}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#000;background:#fff;padding:12px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}:focus-visible{outline-offset:3px;outline:3px solid #1261a0}.accessibility-tools{z-index:20;position:fixed;top:12px;right:12px}.accessibility-tools>button,.accessibility-tools>div{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:9px;padding:9px}.accessibility-tools>div{gap:8px;margin-top:5px;display:grid}.accessibility-tools label{align-items:center;gap:8px;display:flex}.course-language{color:var(--muted);margin:12px 0;font-size:13px}:root[data-contrast=high]{--ink:#000;--muted:#222;--cream:#fff;--paper:#fff;--coral:#a51d00;--coral-dark:#7a1600;--green:#064f40;--line:#000;--yellow:#765600;--shadow:none}:root[data-text-size=large]{font-size:125%}:root[data-motion=reduced] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.accessibility-tools select{background:var(--paper);min-height:36px;color:var(--ink);border:1px solid;border-radius:6px;padding:4px 8px}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:320px;overflow-x:hidden}body{overflow-wrap:anywhere;min-height:100dvh}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #1b665d}.application-viewport{min-height:100dvh}.skip-link{z-index:1000;color:#174f49;box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:12px 16px;font-weight:800;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.application-error{background:var(--cream);place-items:center;min-height:100dvh;padding:24px;display:grid}.application-error>div{border:1px solid var(--line);width:min(480px,100%);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:32px}.application-error>div>span{color:#8b461f;background:#fff0dc;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;font-weight:800;display:grid}.application-error p{color:var(--muted);line-height:1.6}@media (width<=850px){.main{padding-bottom:calc(75px + env(safe-area-inset-bottom))}.bottom-nav{height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{min-width:64px;min-height:44px}.login-panel,.subject-page,.complete-page{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}}@media (width<=380px){.page{width:calc(100% - 24px)}.lesson-card{align-items:flex-start}.lesson-info p{display:none}.profile-grid{grid-template-columns:1fr}.reward{justify-content:space-around;width:100%;padding-inline:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mic-button.listening{animation:none}}.profile-edit-panel form{gap:10px;margin-top:24px;display:grid}.profile-edit-panel label{font-size:13px;font-weight:700}.profile-edit-panel input,.profile-edit-panel select{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #dcded8;border-radius:10px;padding:11px}.profile-edit-panel .subject-actions{flex-wrap:wrap;margin-top:12px}.relationship-panel{text-align:center}.parent-link-code{border:2px dashed var(--green);color:var(--green);letter-spacing:.12em;background:#edf7f2;border-radius:14px;margin:28px auto;padding:18px;font-size:clamp(25px,8vw,42px);font-weight:800;display:block}.parent-page{background:var(--cream);min-height:100dvh;padding:40px max(20px,50vw - 425px)}.parent-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:30px}.parent-card>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.parent-card h1{font:700 36px var(--web-font);margin:6px 0}.parent-link-form{gap:8px;margin:28px 0;display:grid}.parent-link-form label{font-weight:700}.parent-link-form>div{gap:10px;display:flex}.parent-link-form input{text-transform:uppercase;letter-spacing:.08em;border:1px solid #dcded8;border-radius:10px;flex:1;min-width:0;padding:12px}.empty-state{background:var(--cream);color:var(--muted);border-radius:14px;padding:25px}.linked-children{gap:10px;padding:0;list-style:none;display:grid}.linked-children li{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:15px;display:flex}.linked-children li div{display:grid}.linked-children span{color:var(--muted);font-size:13px}@media (width<=560px){.parent-card{padding:20px}.parent-card>header,.parent-link-form>div,.linked-children li{flex-direction:column;align-items:stretch}}.practice-launch{margin-top:22px}.practice-page{width:min(850px,100% - 36px);margin:auto;padding:35px 0 70px}.practice-header{align-items:center;gap:18px;display:flex}.practice-header h1{font:700 36px var(--web-font);margin:4px 0}.practice-languages{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.practice-languages button{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;gap:4px;padding:16px;display:grid}.practice-languages button b{font-size:17px}.practice-languages button span{color:var(--muted);font-size:13px}.practice-languages button.active{border-color:var(--green);color:var(--green);box-shadow:0 0 0 2px color-mix(in oklch,var(--green) 14%,transparent);background:#edf7f2}.game-tabs{gap:8px;margin:28px 0;display:flex;overflow-x:auto}.game-tabs button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;min-height:44px;padding:10px 15px}.game-tabs button.active{border-color:var(--green);color:var(--green);background:#edf7f2;font-weight:800}.game-stage{text-align:center;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:30px}.game-picture{font-size:72px}.game-listen{margin:10px auto 25px}.game-options{grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px;margin:25px auto;display:grid}.game-options button,.letter-bank button,.ordered-answer button{border:2px solid var(--line);min-height:52px;color:var(--ink);background:#fff;border-radius:13px;font:700 22px Noto Sans Sinhala,sans-serif}.game-options button:hover,.game-options button:focus-visible,.letter-bank button:hover,.letter-bank button:focus-visible{border-color:var(--green);background:#edf7f2}.game-reset{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.game-result{border-radius:0 0 22px 22px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:24px -30px -30px;padding:18px;display:flex}.game-result.correct{color:#1e6b54;background:#daf1e1}.game-result.retry{color:#8b461f;background:#fff0dc}.ordered-answer,.letter-bank{border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:70px;padding:12px;display:flex}.ordered-answer{border:2px dashed var(--green);background:#edf7f2}.letter-bank{background:var(--cream);margin:18px 0}.ordered-answer button,.letter-bank button{min-width:52px;padding:8px}.game-actions{justify-content:center;gap:10px;display:flex}@media (width<=560px){.game-stage{padding:20px}.game-options{grid-template-columns:1fr}.game-result{margin:20px -20px -20px}.practice-header{flex-wrap:wrap;align-items:flex-start}.practice-header h1{font-size:29px}.practice-languages{grid-template-columns:1fr}}:root{--lovable-bg:var(--template-background);--lovable-surface:var(--web-surface);--lovable-card:var(--web-surface);--lovable-text:var(--web-ink);--lovable-muted:var(--web-muted);--lovable-primary:var(--web-primary);--lovable-sky:var(--web-link);--lovable-danger:#b42318;--lovable-border:var(--web-border);--lovable-radius:12px}.admin-page{background:var(--lovable-bg);min-height:100vh;color:var(--lovable-text);font:16px var(--web-font);padding:42px max(24px,50vw - 750px)}.admin-page>header{border-bottom:1px solid var(--lovable-border);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.admin-page>header>div{grid-template-columns:auto 1fr;align-items:center;column-gap:14px;display:grid}.admin-page>header .icon-btn{grid-row:1/3}.admin-page>header .eyebrow{color:var(--lovable-primary);letter-spacing:.16em;grid-column:2;font-size:12px}.admin-page>header h1{color:var(--lovable-text);font:400 clamp(36px,4vw,50px) var(--web-font);grid-column:2;margin:5px 0 0}.admin-page h2,.admin-page h3,.admin-page h4{color:var(--lovable-text)}.admin-page p,.admin-page small{color:var(--lovable-muted)}.admin-page .icon-btn{border:1px solid var(--lovable-border);color:var(--lovable-text);background:0 0}.admin-page .primary{background:var(--lovable-primary);color:var(--lovable-bg);box-shadow:none;border:0}.admin-page .outline{border:1px solid var(--lovable-border);color:var(--lovable-text);background:0 0}.admin-page input,.admin-page select,.admin-page textarea{outline:none;min-height:44px;border:1px solid var(--lovable-border)!important;background:var(--lovable-card)!important;color:var(--lovable-text)!important;border-radius:8px!important;padding:10px 12px!important}.admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus{box-shadow:0 0 0 2px color-mix(in oklch,var(--lovable-primary) 28%,transparent);border-color:var(--lovable-primary)!important}.admin-page .admin-create{background:var(--lovable-surface);color:var(--lovable-text);border-color:var(--lovable-border);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.admin-page .admin-create fieldset{border:1px solid var(--lovable-border);color:var(--lovable-text);border-radius:8px;flex-wrap:wrap;grid-column:1/-1;gap:10px;padding:12px;display:flex}.admin-page .admin-create fieldset:nth-of-type(2){grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;min-width:0;max-height:280px;display:grid;overflow-y:auto}.admin-page .admin-create fieldset:nth-of-type(2) legend{grid-column:1/-1}.admin-page .admin-create fieldset:nth-of-type(2) label{border:1px solid var(--lovable-border);border-radius:6px;align-items:flex-start;min-width:0;padding:7px 8px}.admin-page .admin-create fieldset:nth-of-type(2) label:not(:has(input)){grid-column:1/-1}.admin-page .admin-create fieldset label,.admin-page .admin-create>label{color:var(--lovable-text);align-items:center;gap:7px;display:flex}.admin-page .admin-create input[type=checkbox]{width:auto;min-height:0;padding:0!important}.admin-page option{background:var(--lovable-card);color:var(--lovable-text)}.admin-page .login-error{color:var(--lovable-danger)!important}.question-panel,.exam-create-panel,.exam-editor,.pdf-import{border:1px solid var(--lovable-border)!important;border-radius:var(--lovable-radius)!important;background:var(--lovable-surface)!important;box-shadow:none!important}.question-panel{margin-top:28px;padding:26px}.question-panel>p{font-size:16px}.question-type-manager{border:1px solid var(--lovable-border);border-radius:var(--lovable-radius);background:var(--lovable-surface);color:var(--lovable-text);margin:24px 24px 0 284px;padding:24px}.question-type-manager>header{justify-content:space-between;gap:24px;display:flex}.question-type-manager h2{font:400 28px var(--web-font);margin:4px 0}.question-type-manager header span{color:var(--lovable-primary);letter-spacing:.13em;font-size:11px}.question-type-manager header p{color:var(--lovable-muted)}.question-type-list{gap:10px;margin-top:18px;display:grid}.question-type-list article{border:1px solid var(--lovable-border);border-radius:9px;grid-template-columns:minmax(180px,1fr) 90px 160px auto;align-items:end;gap:12px;padding:12px;display:grid}.question-type-list label,.question-type-choice{color:var(--lovable-muted);gap:6px;font-size:13px;display:grid}.question-type-active{align-items:center;padding-bottom:12px;grid-template-columns:auto 1fr!important}.question-type-choice{max-width:420px;margin-top:18px}.question-panel>h2{font:400 28px var(--web-font);margin:0}.question-create{gap:18px}.question-create label{color:var(--lovable-muted);font-size:14px}.question-create button{min-height:44px;padding:0 16px}.question-library{border:1px solid var(--lovable-border);border-radius:var(--lovable-radius);background:var(--lovable-surface);margin-top:28px;padding:24px}.question-library>header,.question-category-list>section>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.question-library>header span,.question-category-list>section>header span{color:var(--lovable-primary);letter-spacing:.13em;text-transform:uppercase;font-size:11px}.question-library>header h2{font:400 29px var(--web-font);margin:5px 0 0}.question-library>header>strong{border:1px solid var(--lovable-border);color:var(--lovable-sky);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:13px}.question-library-filters{border:1px solid var(--lovable-border);background:#ffffff05;border-radius:9px;grid-template-columns:.7fr 1fr 1.2fr 1.5fr;gap:10px;margin-top:20px;padding:15px;display:grid}.question-library-filters label{color:var(--lovable-muted);gap:6px;font-size:13px;display:grid}.question-category-list{gap:16px;margin-top:18px;display:grid}.question-category-list>section{border:1px solid var(--lovable-border);background:#ffffff05;border-radius:10px;overflow:hidden}.question-category-list>section>header{border-bottom:1px solid var(--lovable-border);padding:14px 16px}.question-category-list>section>header h3{font:400 22px var(--web-font);margin:4px 0 0}.question-category-list>section>header b{color:var(--lovable-muted);white-space:nowrap;font-size:13px}.question-category-list>section>div{background:var(--lovable-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.question-library-card{background:var(--lovable-surface);grid-template-columns:42px minmax(0,1fr);gap:12px;min-width:0;padding:15px;display:grid}.question-library-glyph{background:color-mix(in oklch,var(--lovable-primary) 13%,transparent);width:42px;height:42px;color:var(--lovable-primary);border-radius:9px;place-items:center;font-size:21px;display:grid}.question-library-card h4{font:600 15px var(--web-font);margin:0}.question-library-card p{margin:5px 0;font-size:14px}.question-library-card small{display:block}.question-library-card ul{flex-wrap:wrap;gap:5px;margin:10px 0 0;padding:0;list-style:none;display:flex}.question-library-card li{border:1px solid var(--lovable-border);color:var(--lovable-sky);border-radius:999px;padding:3px 7px;font-size:11px}.question-library-empty{border:1px dashed var(--lovable-border);text-align:center;border-radius:9px;margin:18px 0 0;padding:25px}.question-card-edit{grid-template-columns:1fr 140px;gap:10px;display:grid}.question-card-edit label{gap:4px;font-size:12px;display:grid}.question-card-edit label:first-child,.question-card-edit label:nth-child(n+3),.question-card-edit>div{grid-column:1/-1}.question-card-edit input,.question-card-edit textarea,.question-card-edit select{border:1px solid var(--lovable-border);background:var(--lovable-surface);width:100%;color:inherit;border-radius:7px;padding:9px}.question-card-edit textarea{resize:vertical;min-height:70px}.question-card-edit>div{gap:8px;display:flex}.exam-create-panel{margin-top:28px;padding:22px}.exam-create-panel h2{font:400 26px var(--web-font)}.exam-create{gap:12px}.exam-create button{justify-content:center;min-height:44px}.exam-manage{grid-template-columns:320px minmax(0,1fr);gap:16px;margin-top:18px}.exam-manage>aside{border:1px solid var(--lovable-border);border-radius:var(--lovable-radius);background:var(--lovable-surface);padding:18px}.exam-manage>aside h2{font:400 25px var(--web-font)}.exam-manage>aside>button{border:1px solid var(--lovable-border);color:var(--lovable-text);background:#ffffff05;padding:13px}.exam-manage>aside>button:hover,.exam-manage>aside>button.selected{border-color:color-mix(in oklch,var(--lovable-primary) 55%,transparent);background:color-mix(in oklch,var(--lovable-primary) 9%,transparent)}.exam-editor{padding:24px}.exam-editor>header{border-bottom:1px solid var(--lovable-border);padding-bottom:18px}.exam-editor>header h2{font:400 30px var(--web-font);margin:0}.exam-editor>header p{margin:5px 0 0}.exam-editor>section{margin-top:24px}.lesson-rules label{color:var(--lovable-muted)}.mcq-create{border:1px solid var(--lovable-border);background:#ffffff06;border-radius:10px;margin:24px 0;padding:20px}.mcq-create>label,.mcq-options label{color:var(--lovable-muted)}.question-bank article,.exam-result-list article{border:1px solid var(--lovable-border);background:#ffffff06;border-radius:9px;padding:14px}.exam-results{border-top-color:var(--lovable-border)}.pdf-import{padding:20px}.pdf-import>form{border:1px dashed var(--lovable-border);background:#ffffff05;border-radius:9px;padding:12px}.pdf-question-review>article{border-color:var(--lovable-border);background:#ffffff05}.pdf-review-warning{border-left-color:var(--lovable-primary);background:color-mix(in oklch,var(--lovable-primary) 9%,transparent);color:var(--lovable-muted)}.pdf-question-review fieldset{border-color:var(--lovable-border)}.admin-page>.admin-list{gap:9px;margin-top:24px}.admin-page>.admin-list article{border:1px solid var(--lovable-border);background:var(--lovable-surface);border-radius:10px;padding:16px;display:block}.admin-page>.admin-list article div{grid-template-columns:1fr auto;gap:5px 20px;display:grid}.admin-page>.admin-list article small{grid-column:1}.admin-page>.admin-list article time{color:var(--lovable-muted);grid-area:1/2/3;font-size:13px}@media (width<=850px){.question-type-manager{margin:16px}.question-type-manager>header{display:block}.question-type-list article{grid-template-columns:1fr}.admin-page{padding:28px 16px}.exam-manage,.exam-create,.mcq-create,.question-library-filters,.question-category-list>section>div{grid-template-columns:1fr}}@media (width<=600px){.admin-page>header h1{font-size:32px}.question-create{grid-template-columns:1fr}.question-create .question-wide{grid-column:auto}.admin-page>.admin-list article div{grid-template-columns:1fr}.admin-page>.admin-list article time{grid-area:auto/1}}.login-page{background:var(--lovable-bg);color:var(--lovable-text);grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr)}.login-art{background:linear-gradient(145deg,color-mix(in oklch,var(--lovable-bg) 82%,var(--web-surface)),var(--lovable-surface));border-right:1px solid var(--lovable-border);padding:42px 6vw}.login-art:after{content:"";background:radial-gradient(circle at 72% 25%,color-mix(in oklch,var(--lovable-primary) 18%,transparent),transparent 30%),linear-gradient(transparent 65%,#0003);pointer-events:none;position:absolute;inset:0}.login-art .brand,.login-art .hero-copy{z-index:2;position:relative}.login-art .logo{background:var(--lovable-primary);color:var(--lovable-bg);border-radius:8px}.login-art .brand small{color:var(--lovable-muted)}.login-art .sun-orb{color:var(--lovable-primary);opacity:.3}.login-art .cloud{opacity:.06}.login-art .hills{background:color-mix(in oklch,var(--lovable-bg) 70%,var(--web-surface));color:var(--lovable-primary);opacity:.45}.login-art .hills:after{background:color-mix(in oklch,var(--lovable-surface) 70%,var(--web-surface))}.hero-copy .eyebrow{color:var(--lovable-primary)}.hero-copy h1{font-weight:400}.hero-copy h1 em{color:var(--lovable-primary);font-style:normal}.hero-copy p{color:var(--lovable-muted)}.login-panel{background:var(--lovable-bg);padding:40px}.login-card{border:1px solid var(--lovable-border);background:var(--lovable-surface);border-radius:16px;width:min(440px,100%);padding:32px}.login-card .wave{color:var(--lovable-primary)}.login-card h2{color:var(--lovable-text);font-weight:400}.login-card>p{color:var(--lovable-muted)}.login-card label{color:var(--lovable-muted);margin-top:20px;font-size:14px}.login-card label small{color:var(--lovable-muted);font-weight:400}.login-card input,.login-card select{border:1px solid var(--lovable-border);background:var(--lovable-card);min-height:48px;color:var(--lovable-text);border-radius:8px}.login-card input:focus,.login-card select:focus{border-color:var(--lovable-primary);box-shadow:0 0 0 2px color-mix(in oklch,var(--lovable-primary) 28%,transparent)}.login-card select option{background:var(--lovable-card)}.login-card .primary{background:var(--lovable-primary);color:var(--lovable-bg);box-shadow:none;border-radius:8px}.login-card .login-mode{color:var(--lovable-sky)}.login-card .login-error{color:var(--lovable-danger)!important}.subscription-page{background:var(--lovable-bg);color:var(--lovable-text);padding:40px}.subscription-card{border:1px solid var(--lovable-border);background:var(--lovable-surface);width:min(760px,100%);box-shadow:none;border-radius:16px;padding:42px}.subscription-icon{background:color-mix(in oklch,var(--lovable-primary) 14%,transparent);color:var(--lovable-primary);border-radius:10px}.subscription-card>.eyebrow{color:var(--lovable-primary)}.subscription-card h1{color:var(--lovable-text);font-weight:400}.subscription-card>p{color:var(--lovable-muted)}.plan-list{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;margin-top:28px;display:grid}.plan-list article{border:1px solid color-mix(in oklch,var(--lovable-primary) 48%,transparent);background:#ffffff06;border-radius:12px;max-width:none;margin:0;padding:24px}.plan-list article h2{color:var(--lovable-text);font:400 27px var(--web-font)}.price>b{color:var(--lovable-text);font:400 42px var(--web-font)}.price span,.plan-list li{color:var(--lovable-muted)}.plan-list li svg{color:var(--lovable-primary)}.plan-list .primary{background:var(--lovable-primary);color:var(--lovable-bg);box-shadow:none}.plan-list .outline{border:1px solid var(--lovable-border);color:var(--lovable-text);background:0 0}.subscription-logout,.mock-note{color:var(--lovable-muted)}@media (width<=850px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:20px}.login-card{padding:24px}.subscription-page{padding:18px}.subscription-card{padding:26px 20px}}.app-shell,.admin-dashboard-page{--lovable-muted:#cbd5e1;--admin-muted:#cbd5e1}.dashboard .past-paper-performance{background:var(--lovable-surface);color:var(--lovable-text);border-color:var(--lovable-border)}.dashboard .past-paper-performance th,.dashboard .past-paper-performance td,.dashboard .past-paper-performance details,.dashboard .performance-feedback,.dashboard .performance-questions li{border-color:var(--lovable-border)}.dashboard .performance-total{background:var(--lovable-card);color:var(--lovable-text)}.dashboard .performance-change.up{color:#86efac}.dashboard .performance-change.down{color:#fda4af}.dashboard .lesson-card.locked{opacity:1}.app-shell{background:var(--lovable-bg);color:var(--lovable-text);grid-template-columns:270px 1fr}.app-shell>.sidebar{background:color-mix(in oklch,var(--lovable-bg) 82%,var(--web-surface));border-right:1px solid var(--lovable-border);width:270px;color:var(--lovable-text);padding:24px 18px}.app-shell>.sidebar .logo{background:var(--lovable-primary);color:var(--lovable-bg);border-radius:8px}.app-shell>.sidebar .brand small{color:var(--lovable-muted)}.app-shell>.sidebar nav button{color:var(--lovable-muted);border-radius:8px}.app-shell>.sidebar nav button:hover,.app-shell>.sidebar nav button.active{background:var(--lovable-surface);color:var(--lovable-text)}.app-shell>.sidebar .side-user{border-top-color:var(--lovable-border)}.app-shell>.sidebar .avatar{background:color-mix(in oklch,var(--lovable-primary) 18%,transparent);color:var(--lovable-primary)}.app-shell>.sidebar .side-user small,.app-shell>.sidebar .side-user button{color:var(--lovable-muted)}.app-shell>.main{background:var(--lovable-bg);grid-column:2}.app-shell .page{width:min(1180px,100% - 48px);padding:48px 0 80px}.app-shell .eyebrow,.app-shell .section-kicker{color:var(--lovable-primary)}.dashboard h1,.profile-page>h1{color:var(--lovable-text);font-weight:400}.dashboard header p,.course-language{color:var(--lovable-muted)}.dashboard .stats span{border:1px solid var(--lovable-border);background:var(--lovable-surface);color:var(--lovable-text)}.dashboard .stats svg{color:var(--lovable-primary);fill:none}.dashboard .outline,.profile-page .outline{border:1px solid var(--lovable-border);color:var(--lovable-text);background:0 0}.dashboard .primary,.profile-page .primary{background:var(--lovable-primary);color:var(--lovable-bg);box-shadow:none}.dashboard .journey-head{border-bottom:1px solid var(--lovable-border);padding-bottom:14px}.dashboard .overall{color:var(--lovable-muted)}.dashboard .overall div{background:#ffffff1a}.dashboard .overall i{background:var(--lovable-primary)}.dashboard .lesson-card{border:1px solid var(--lovable-border);background:var(--lovable-surface);box-shadow:none;border-radius:12px}.dashboard .lesson-card.locked{background:#ffffff06}.dashboard .lesson-icon{color:var(--lovable-primary);border-radius:10px;background:color-mix(in oklch,var(--lovable-primary) 18%,transparent)!important}.dashboard .lesson-number,.dashboard .xp{color:var(--lovable-primary)}.dashboard .lesson-info p,.dashboard .locked-copy{color:var(--lovable-muted)}.dashboard .daily-card{border:1px solid var(--lovable-border);background:var(--lovable-surface);border-radius:12px}.dashboard .daily-card p{color:var(--lovable-muted)}.dashboard .ring{border-color:color-mix(in oklch,var(--lovable-primary) 25%,transparent);border-top-color:var(--lovable-primary)}.subject-page{background:var(--lovable-bg);color:var(--lovable-text);padding:30px}.subject-panel{border:1px solid var(--lovable-border);background:var(--lovable-surface);width:min(860px,100%);box-shadow:none;border-radius:16px;padding:36px}.subject-panel>.eyebrow{color:var(--lovable-primary)}.subject-panel h1{color:var(--lovable-text);font-weight:400}.subject-panel>p,.subject-panel label small{color:var(--lovable-muted)}.subject-options{gap:10px}.subject-options button{border:1px solid var(--lovable-border);color:var(--lovable-text);background:#ffffff06;border-radius:10px}.subject-options button:hover,.subject-options button.selected{border-color:var(--lovable-primary);background:color-mix(in oklch,var(--lovable-primary) 10%,transparent)}.subject-options button>span{background:color-mix(in oklch,var(--lovable-primary) 14%,transparent);color:var(--lovable-primary);border-radius:8px}.subject-options button small{color:var(--lovable-muted)}.subject-panel .primary{background:var(--lovable-primary);color:var(--lovable-bg);box-shadow:none}.subject-panel .outline{border:1px solid var(--lovable-border);color:var(--lovable-text);background:0 0}.subject-panel input,.subject-panel select{border:1px solid var(--lovable-border);background:var(--lovable-card);min-height:46px;color:var(--lovable-text);border-radius:8px}.subject-panel select option{background:var(--lovable-card)}.subject-panel input:focus,.subject-panel select:focus{border-color:var(--lovable-primary);box-shadow:0 0 0 2px color-mix(in oklch,var(--lovable-primary) 28%,transparent)}.parent-link-code{border-color:var(--lovable-primary);background:color-mix(in oklch,var(--lovable-primary) 10%,transparent);color:var(--lovable-primary)}.lesson-page{background:var(--lovable-bg);color:var(--lovable-text)}.lesson-top{border-bottom-color:var(--lovable-border);background:color-mix(in oklch,var(--lovable-bg) 88%,transparent)}.lesson-top .icon-btn{border-color:var(--lovable-border);color:var(--lovable-text);background:0 0}.lesson-top .progress{background:#ffffff1a}.lesson-top .progress i{background:var(--lovable-primary)}.lesson-top>span{color:var(--lovable-muted)}.lesson-stage>.eyebrow{color:var(--lovable-primary)}.lesson-stage h1{color:var(--lovable-text);font-weight:400}.letter-card{border:1px solid var(--lovable-border);background:var(--lovable-surface);box-shadow:none;border-radius:18px}.letter-glow{background:color-mix(in oklch,var(--lovable-primary) 24%,transparent)}.big-letter{color:var(--lovable-primary)}.sound-btn{background:color-mix(in oklch,var(--lovable-primary) 13%,transparent);color:var(--lovable-primary)}.word-example{border-top-color:var(--lovable-border)}.word-example small,.privacy-note,.pronunciation{color:var(--lovable-muted)}.mic-button{background:var(--lovable-primary);color:var(--lovable-bg);box-shadow:none}.stop-listening-button{border-color:var(--lovable-danger);color:var(--lovable-danger);background:0 0}.lesson-stage>.outline{border:1px solid var(--lovable-border);color:var(--lovable-text);background:0 0}.feedback.success{background:color-mix(in oklch,var(--lovable-sky) 20%,var(--lovable-surface));color:var(--lovable-text)}.feedback.success>span,.feedback.success button{background:var(--lovable-sky);color:var(--lovable-bg)}.feedback.retry,.feedback.info{background:var(--lovable-surface);color:var(--lovable-text);border-top:1px solid var(--lovable-border)}.complete-page{background:radial-gradient(circle at 50% 30%,color-mix(in oklch,var(--lovable-primary) 10%,var(--lovable-bg)),var(--lovable-bg) 60%);color:var(--lovable-text)}.complete-page>.eyebrow{color:var(--lovable-primary)}.complete-page h1{font-weight:400}.complete-page>p{color:var(--lovable-muted)}.complete-page .trophy{background:color-mix(in oklch,var(--lovable-primary) 16%,transparent);box-shadow:0 0 0 12px color-mix(in oklch,var(--lovable-primary) 6%,transparent)}.complete-page .trophy svg{color:var(--lovable-primary)}.complete-page .reward{border:1px solid var(--lovable-border);background:var(--lovable-surface);border-radius:12px}.complete-page .primary{background:var(--lovable-primary);color:var(--lovable-bg);box-shadow:none}.practice-page{background:var(--lovable-bg);width:100%;min-height:100vh;color:var(--lovable-text);padding:40px max(20px,50vw - 550px)}.practice-header .icon-btn{border-color:var(--lovable-border);color:var(--lovable-text);background:0 0}.practice-header .eyebrow{color:var(--lovable-primary)}.practice-header h1{font-weight:400}.game-tabs button{border:1px solid var(--lovable-border);background:var(--lovable-surface);color:var(--lovable-muted)}.game-tabs button:hover,.game-tabs button.active{border-color:var(--lovable-primary);background:color-mix(in oklch,var(--lovable-primary) 10%,transparent);color:var(--lovable-primary)}.game-stage{border:1px solid var(--lovable-border);background:var(--lovable-surface);box-shadow:none;border-radius:14px}.game-stage h2{color:var(--lovable-text)}.game-options button,.letter-bank button,.ordered-answer button{border:1px solid var(--lovable-border);background:var(--lovable-card);color:var(--lovable-text)}.game-options button:hover,.letter-bank button:hover{border-color:var(--lovable-primary);background:color-mix(in oklch,var(--lovable-primary) 10%,transparent)}.ordered-answer{border-color:var(--lovable-primary);background:color-mix(in oklch,var(--lovable-primary) 8%,transparent)}.letter-bank{background:#ffffff06}.game-stage .primary{background:var(--lovable-primary);color:var(--lovable-bg);box-shadow:none}.game-stage .outline{border:1px solid var(--lovable-border);color:var(--lovable-text);background:0 0}.game-reset{color:var(--lovable-muted)}.game-result.correct{background:color-mix(in oklch,var(--lovable-sky) 16%,var(--lovable-surface));color:var(--lovable-text)}.game-result.retry{background:color-mix(in oklch,var(--lovable-danger) 12%,var(--lovable-surface));color:var(--lovable-text)}.practice-languages button{border-color:var(--lovable-border);background:var(--lovable-surface);color:var(--lovable-text)}.practice-languages button span{color:var(--lovable-muted)}.practice-languages button.active{border-color:var(--lovable-primary);background:color-mix(in oklch,var(--lovable-primary) 10%,transparent);color:var(--lovable-primary)}.exam-center{background:var(--lovable-bg);color:var(--lovable-text);padding:40px max(24px,50vw - 625px)}.exam-center header .icon-btn{border-color:var(--lovable-border);color:var(--lovable-text);background:0 0}.exam-center .eyebrow{color:var(--lovable-primary)}.exam-center h1{font-weight:400}.exam-center>label{color:var(--lovable-muted)}.exam-center select,.exam-center input{border:1px solid var(--lovable-border);background:var(--lovable-card);color:var(--lovable-text)}.exam-center option{background:var(--lovable-card)}.exam-list article{border:1px solid var(--lovable-border);background:var(--lovable-surface);border-radius:12px}.exam-list article>svg{color:var(--lovable-primary)}.exam-list p{color:var(--lovable-muted)}.exam-center .primary{background:var(--lovable-primary);color:var(--lovable-bg);box-shadow:none}.exam-center .outline{border:1px solid var(--lovable-border);color:var(--lovable-text);background:0 0}.question-map,.exam-question{border:1px solid var(--lovable-border);background:var(--lovable-surface)}.question-map button{border-color:var(--lovable-border);background:var(--lovable-card);color:var(--lovable-muted)}.question-map button.completed{border-color:var(--lovable-sky);background:color-mix(in oklch,var(--lovable-sky) 12%,transparent);color:var(--lovable-sky)}.question-map button.current{outline-color:var(--lovable-primary)}.exam-question>span,.exam-question>p{color:var(--lovable-muted)}.exam-options label{border-color:var(--lovable-border);background:#ffffff05}.exam-options label.selected{border-color:var(--lovable-primary);background:color-mix(in oklch,var(--lovable-primary) 9%,transparent)}.exam-timer{background:var(--lovable-surface);border:1px solid var(--lovable-border);box-shadow:none}.exam-result-page>svg,.profile-page>.eyebrow{color:var(--lovable-primary)}.profile-hero{border:1px solid var(--lovable-border);background:linear-gradient(120deg,var(--lovable-surface),color-mix(in oklch,var(--lovable-surface) 88%,var(--lovable-primary)));color:var(--lovable-text);border-radius:14px}.profile-avatar{border-color:color-mix(in oklch,var(--lovable-primary) 35%,transparent);background:color-mix(in oklch,var(--lovable-primary) 20%,transparent);color:var(--lovable-primary)}.profile-hero p,.profile-hero small{color:var(--lovable-muted)}.profile-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.profile-grid article{border:1px solid var(--lovable-border);background:var(--lovable-surface);border-radius:11px}.profile-grid article svg{color:var(--lovable-primary)}.profile-grid article span{color:var(--lovable-muted)}.achievement{border:1px solid var(--lovable-border);background:var(--lovable-surface);border-radius:12px}.achievement>svg{color:var(--lovable-primary)}.achievement p{color:var(--lovable-muted)}.profile-page>section:not(.profile-hero):not(.achievement){border:1px solid var(--lovable-border);background:var(--lovable-surface);border-radius:12px;margin-top:18px;padding:22px}.profile-page>section h2{font:400 26px var(--web-font)}.profile-page>section h3{color:var(--lovable-text)}.profile-page>section p,.profile-page>section li,.profile-page>section label{color:var(--lovable-muted)}.profile-page>section ul{gap:7px;display:grid}.profile-page>section input,.profile-page>section select,.profile-page>section textarea{border:1px solid var(--lovable-border);background:var(--lovable-card);min-height:42px;color:var(--lovable-text);border-radius:7px;padding:9px}.profile-page>section option{background:var(--lovable-card)}.profile-page>section button{border:1px solid var(--lovable-border);color:var(--lovable-text);background:0 0;border-radius:7px;padding:8px 11px}.profile-page progress{accent-color:var(--lovable-primary)}@media (width<=850px){.app-shell{display:block}.app-shell>.main{min-height:100vh;padding-bottom:76px}.app-shell .bottom-nav{border-top:1px solid var(--lovable-border);background:color-mix(in oklch,var(--lovable-bg) 90%,var(--web-surface));height:70px}.app-shell .bottom-nav button{color:var(--lovable-muted)}.app-shell .bottom-nav button.active{color:var(--lovable-primary)}.app-shell .page{width:calc(100% - 30px);padding-top:30px}.dashboard .daily-card{background:var(--lovable-surface)}.profile-actions{width:100%;margin-left:0}.exam-center{padding:28px 16px}}@media (width<=560px){.subject-page{padding:15px}.subject-panel{padding:24px 18px}.profile-hero{padding:22px}.profile-grid{grid-template-columns:1fr 1fr 1fr}.game-stage{padding:20px}.exam-list article{padding:16px}}.parent-page{background:var(--lovable-bg);color:var(--lovable-text);padding:40px max(20px,50vw - 700px)}.parent-card{border:1px solid var(--lovable-border);background:var(--lovable-surface);box-shadow:none;border-radius:16px;padding:32px}.parent-card>header{border-bottom:1px solid var(--lovable-border);padding-bottom:20px}.parent-card .eyebrow{color:var(--lovable-primary)}.parent-card h1{color:var(--lovable-text);font-weight:400}.parent-card header p{color:var(--lovable-muted)}.parent-card .outline{border:1px solid var(--lovable-border);color:var(--lovable-text);background:0 0}.parent-card .primary{background:var(--lovable-primary);color:var(--lovable-bg);box-shadow:none}.parent-link-form{border:1px solid var(--lovable-border);background:#ffffff05;border-radius:10px;padding:18px}.parent-card label{color:var(--lovable-muted)}.parent-card input,.parent-card select{border:1px solid var(--lovable-border);background:var(--lovable-card);min-height:43px;color:var(--lovable-text);border-radius:7px;padding:9px 11px}.parent-card option{background:var(--lovable-card)}.parent-card>details{border:1px solid var(--lovable-border);background:#ffffff05;border-radius:10px;margin:16px 0;padding:15px}.parent-card details summary{cursor:pointer;color:var(--lovable-text);font-weight:700}.parent-card>details[open]{gap:12px;display:grid}.parent-card .empty-state{color:var(--lovable-muted);border:1px dashed var(--lovable-border);background:#ffffff06}.linked-children{gap:14px}.linked-children>li{border:1px solid var(--lovable-border);background:#ffffff06;border-radius:12px;grid-template-columns:1fr 1fr;gap:14px;padding:20px;display:grid}.linked-children>li>div{border:1px solid var(--lovable-border);background:#ffffff05;border-radius:8px;padding:12px}.linked-children>li>div:first-child,.linked-children>li>div:nth-child(2){align-content:center}.linked-children>li span{color:var(--lovable-muted)}.linked-children details{border:1px solid var(--lovable-border);border-radius:8px;grid-column:1/-1;padding:12px}.linked-children details fieldset{border-color:var(--lovable-border);flex-wrap:wrap;gap:10px;display:flex}.linked-children details label{align-items:center;gap:6px;display:flex}.linked-children details input[type=checkbox]{width:auto;min-height:0}.linked-children>li>div:not(:first-child):not(:nth-child(2)){grid-template-columns:1fr 100px auto;align-items:end;gap:8px;display:grid}.linked-children>li>button:last-child{justify-self:start}.author-page{background:var(--lovable-bg);color:var(--lovable-text);padding:40px max(24px,50vw - 725px)}.author-page>header{border-bottom:1px solid var(--lovable-border);padding-bottom:20px}.author-page .eyebrow{color:var(--lovable-primary)}.author-page h1{color:var(--lovable-text);font-weight:400}.author-page header p{color:var(--lovable-muted)}.author-page .outline{border:1px solid var(--lovable-border);color:var(--lovable-text);background:0 0}.author-page .primary{background:var(--lovable-primary);color:var(--lovable-bg);box-shadow:none}.author-layout{grid-template-columns:340px minmax(0,1fr);gap:16px}.author-layout>aside,.course-workspace,.upload-panel{border:1px solid var(--lovable-border);background:var(--lovable-surface);box-shadow:none;border-radius:12px}.author-page h2{color:var(--lovable-text);font:400 26px var(--web-font)}.author-layout input,.author-layout select,.author-layout textarea{border:1px solid var(--lovable-border);background:var(--lovable-card);min-height:43px;color:var(--lovable-text);border-radius:7px}.author-layout option{background:var(--lovable-card)}.course-list article{border:1px solid var(--lovable-border);background:#ffffff05;border-radius:9px}.course-list article:hover,.course-list article.selected{border-color:var(--lovable-primary);background:color-mix(in oklch,var(--lovable-primary) 9%,transparent)}.course-list span,.course-list small{color:var(--lovable-muted)}.upload-panel{background:#ffffff05}.content-list a{border:1px solid var(--lovable-border);background:var(--lovable-card);color:var(--lovable-text)}.content-list small{color:var(--lovable-muted)}@media (width<=900px){.linked-children>li{grid-template-columns:1fr}.linked-children details{grid-column:1}.author-layout{grid-template-columns:1fr}}@media (width<=600px){.parent-page,.author-page{padding:20px 14px}.parent-card{padding:20px}.linked-children>li>div:not(:first-child):not(:nth-child(2)){grid-template-columns:1fr}.author-page>header{flex-direction:column;align-items:stretch}.upload-panel form{grid-template-columns:1fr}}.subject-panel .subject-options{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-panel .subject-options button{white-space:normal;grid-template-columns:38px minmax(0,1fr);align-items:start;min-width:0}.subject-panel .subject-options button>b,.subject-panel .subject-options button>small{overflow-wrap:anywhere;grid-column:2;min-width:0;line-height:1.6}.subject-panel .subject-options button.selected{border-color:var(--lovable-primary);background:color-mix(in srgb, var(--lovable-primary) 8%, var(--lovable-surface))}.subject-panel .subject-options button:focus-visible{outline:3px solid var(--lovable-primary);outline-offset:3px}.subject-page .subject-panel>p:not(.login-error){color:var(--lovable-muted)}@media (width<=650px){.subject-panel .subject-options{grid-template-columns:minmax(0,1fr)}}:root[data-contrast=high] .admin-page,:root[data-contrast=high] .login-page,:root[data-contrast=high] .subscription-page,:root[data-contrast=high] .app-shell,:root[data-contrast=high] .subject-page,:root[data-contrast=high] .lesson-page,:root[data-contrast=high] .complete-page,:root[data-contrast=high] .practice-page,:root[data-contrast=high] .exam-center,:root[data-contrast=high] .parent-page,:root[data-contrast=high] .author-page{--lovable-bg:#000;--lovable-surface:#000;--lovable-card:#000;--lovable-text:#fff;--lovable-muted:#fff;--lovable-primary:#ffe66d;--lovable-sky:#73d7ff;--lovable-border:#fff}.accessibility-tools{z-index:100;top:72px;right:16px}.accessibility-tools>button{margin-left:auto;display:block}.accessibility-tools>div{width:max-content;min-width:180px;margin-left:auto;box-shadow:0 12px 30px #0000003d}@media (width<=600px){.accessibility-tools{top:66px;right:max(10px,env(safe-area-inset-right))}.accessibility-tools>div{min-width:170px}}