@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Hind+Siliguri:wght@400;500;600;700&display=swap";:root{--color-mint:#7adfc0;--color-mint-soft:#e4f8f0;--color-sky:#7cc4f0;--color-sky-soft:#e3f1fb;--color-sunny:#ffd166;--color-sunny-soft:#fff4d6;--color-coral:#ff8b7e;--color-coral-soft:#ffe9e6;--color-lavender:#b79ced;--color-lavender-soft:#efe8fb;--color-bg:#fff;--color-bg-alt:#f7fafc;--color-text:#334155;--color-text-strong:#1e293b;--color-text-soft:#64748b;--color-border:#e2e8f0;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-soft:0 4px 16px #33415514;--shadow-hover:0 8px 24px #33415524;--font-display:"Baloo 2", "Hind Siliguri", system-ui, sans-serif;--font-body:"Hind Siliguri", "Baloo 2", system-ui, sans-serif;--container-max:1120px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s ease;--transition-base:.24s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-strong);margin:0 0 var(--space-3);line-height:1.25}p{margin:0 0 var(--space-4)}a{color:var(--color-sky);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}button{font-family:inherit}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-5);margin:0 auto}:focus-visible{outline:3px solid var(--color-sky);outline-offset:2px;border-radius:var(--radius-sm)}.bn{font-family:var(--font-body);letter-spacing:0;font-weight:500}@media (width<=640px){body{font-size:.975rem}h1{font-size:1.7rem!important}h2{font-size:1.3rem!important}.container{padding:0 var(--space-4)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:none;padding:10px 22px;font-size:1rem;font-weight:700;display:inline-flex}.btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn--primary{background:var(--color-sky);color:#fff}.btn--success{background:var(--color-mint);color:#14532d}.btn--sunny{background:var(--color-sunny);color:#713f12}.btn--coral{background:var(--color-coral);color:#fff}.btn--ghost{color:var(--color-sky);border:2px solid var(--color-sky);background:0 0}.btn--ghost-dark{color:var(--color-text);border:2px solid var(--color-border);background:0 0}.btn--lg{padding:14px 30px;font-size:1.1rem}.btn--sm{padding:6px 14px;font-size:.875rem}.card{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:2px solid var(--color-border);padding:var(--space-5);transition:transform var(--transition-base), box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card--mint{border-top:6px solid var(--color-mint)}.card--sky{border-top:6px solid var(--color-sky)}.card--sunny{border-top:6px solid var(--color-sunny)}.card--coral{border-top:6px solid var(--color-coral)}.card--lavender{border-top:6px solid var(--color-lavender)}.card__title{margin-bottom:var(--space-2);font-size:1.25rem}.card__body{color:var(--color-text-soft);margin-bottom:var(--space-4)}.progress{background:var(--color-bg-alt);border-radius:var(--radius-pill);border:1px solid var(--color-border);width:100%;height:14px;overflow:hidden}.progress__fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-mint), var(--color-sky));height:100%;transition:width .4s var(--ease-bounce)}.progress__label{color:var(--color-text-soft);margin-bottom:var(--space-2);justify-content:space-between;font-size:.8125rem;display:flex}.mascot{justify-content:center;align-items:center;display:inline-flex}.mascot img,.mascot svg{width:100%;height:auto;display:block}.mascot--bounce{animation:2.6s ease-in-out infinite mascot-bounce}@keyframes mascot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.badge{align-items:center;gap:var(--space-1);font-size:.75rem;font-weight:700;font-family:var(--font-display);border-radius:var(--radius-pill);background:var(--color-sky-soft);color:#1d4ed8;padding:3px 12px;display:inline-flex}.badge--mint{background:var(--color-mint-soft);color:#15803d}.badge--sunny{background:var(--color-sunny-soft);color:#a16207}.badge--coral{background:var(--color-coral-soft);color:#dc2626}.badge--lavender{background:var(--color-lavender-soft);color:#6d28d9}.site-header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--color-border);background:#ffffffeb;position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--space-5);padding-top:var(--space-3);padding-bottom:var(--space-3);display:flex}.site-brand{align-items:center;gap:var(--space-2);display:flex;text-decoration:none!important}.site-brand__name{font-family:var(--font-display);color:var(--color-text-strong);font-size:1.4rem;font-weight:800}.site-brand__accent{color:var(--color-coral)}.site-nav{gap:var(--space-3);flex:1;display:flex}.site-nav__link{font-family:var(--font-display);color:var(--color-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);transition:background var(--transition-fast), color var(--transition-fast);font-weight:600;text-decoration:none!important}.site-nav__link:hover{background:var(--color-bg-alt)}.site-nav__link--active{background:var(--color-sky-soft);color:#1d4ed8}.site-header__actions{gap:var(--space-2);align-items:center;display:flex}.site-nav__mobile-actions{display:none}.hamburger{border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;margin-left:auto;padding:10px;display:none}.hamburger span{background:var(--color-text-strong);border-radius:3px;width:100%;height:3px;transition:transform .2s,opacity .2s;display:block}.hamburger[aria-expanded=true] span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.site-search{align-items:center;margin-left:auto;display:flex;position:relative}.site-search__input{border:2px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-alt);width:220px;color:var(--color-text);padding:8px 38px 8px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s,width .2s}.site-search__input:focus{border-color:var(--color-sky);background:var(--color-bg);outline:none;width:260px}.site-search__btn{cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem;position:absolute;right:6px}.site-footer{background:var(--color-bg-alt);border-top:2px solid var(--color-border);margin-top:var(--space-8);padding:var(--space-6) 0}.site-footer__inner{gap:var(--space-4);display:grid}.site-footer__title{font-family:var(--font-display);color:var(--color-text-strong);margin:0;font-size:1.1rem;font-weight:700}.site-footer__text{color:var(--color-text-soft);max-width:48ch;margin:0}.site-footer__links{gap:var(--space-4);display:flex}.site-footer__credit{color:var(--color-text-soft);font-size:.9rem}.site-footer__credit p{margin:0 0 var(--space-1)}.site-footer__credit a{color:var(--color-sky);font-weight:600;text-decoration:none!important}.site-footer__credit a:hover{text-decoration:underline!important}.site-footer__sep{margin:0 var(--space-2);color:var(--color-border)}.site-footer__copy{color:var(--color-text-soft);margin:0;font-size:.875rem}@media (width<=760px){.site-header__inner{flex-wrap:nowrap}.hamburger{display:flex}.site-search,.site-header__actions{display:none}.site-nav{background:var(--color-bg);border-bottom:2px solid var(--color-border);padding:var(--space-4);gap:var(--space-2);box-shadow:var(--shadow-hover);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.site-nav--open{display:flex}.site-nav__link--active{background:var(--color-sky-soft)}.site-nav__mobile-actions{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:2px dashed var(--color-border);display:flex}}.codeblock{margin:var(--space-5) 0;border-radius:var(--radius-md);border:2px solid var(--color-border);background:#f8fafc;overflow:hidden}.codeblock__caption{font-family:var(--font-display);color:var(--color-text-strong);padding:var(--space-2) var(--space-4);background:var(--color-sky-soft);border-bottom:1px solid var(--color-border);font-size:.8125rem;font-weight:600}.codeblock__pre{padding:var(--space-4);margin:0;font-size:.875rem;line-height:1.6;overflow-x:auto}.codeblock code{white-space:pre;font-family:Cascadia Code,Consolas,Courier New,monospace}.token.comment,.token.prolog,.token.cdata{color:#94a3b8;font-style:italic}.token.keyword,.token.selector,.token.tag{color:#7c3aed}.token.function,.token.method{color:#0d9488}.token.string,.token.char,.token.attr-value{color:#c2410c}.token.number,.token.boolean,.token.constant{color:#2563eb}.token.operator,.token.punctuation,.token.delimiter{color:#64748b}.token.attr-name{color:#b45309}.token.builtin{color:#0369a1}.token.doctype,.token.doctype .token.punctuation{color:#64748b}.quiz{margin-top:var(--space-8);padding-top:var(--space-6);border-top:2px dashed var(--color-border)}.quiz__head{text-align:center;margin-bottom:var(--space-6)}.quiz__badge{background:var(--color-lavender-soft);color:#6d28d9;font-family:var(--font-display);border-radius:var(--radius-pill);margin-bottom:var(--space-3);padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.quiz__title{margin:0 0 var(--space-2);font-size:1.5rem}.quiz__sub{color:var(--color-text-soft);margin:0}.quiz__list{gap:var(--space-5);display:grid}.quiz__question{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.quiz__q{font-family:var(--font-display);margin:0 0 var(--space-4);font-size:1.1rem}.quiz__options{gap:var(--space-2);display:grid}.quiz__option{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.98rem;transition:border-color .15s,background .15s;display:flex}.quiz__option:hover{border-color:var(--color-sky)}.quiz__option--selected{border-color:var(--color-sky);background:var(--color-sky-soft)}.quiz__option input{accent-color:var(--color-sky);margin-top:3px}.quiz__option-letter{background:var(--color-bg-alt);width:24px;height:24px;font-family:var(--font-display);color:var(--color-text-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.quiz__option--selected .quiz__option-letter{background:var(--color-sky);color:#fff}.quiz__actions{align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.quiz__error{color:#dc2626;background:var(--color-coral-soft);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);text-align:center;margin:var(--space-5) 0 0;font-weight:600}.quiz__progress-hint{color:var(--color-text-soft);font-size:.9rem}.quiz__login-note{color:var(--color-text-soft);background:var(--color-bg-alt);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm)}.quiz__login-note a{color:var(--color-sky);font-weight:700}.quiz__result{gap:var(--space-5);display:grid}.quiz__score{align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);border:2px solid var(--color-border);display:flex}.quiz__score--pass{background:var(--color-mint-soft);border-color:var(--color-mint)}.quiz__score--fail{background:var(--color-sunny-soft);border-color:var(--color-sunny)}.quiz__score-text h3{margin:0 0 var(--space-2);font-size:1.3rem}.quiz__score-text p{color:var(--color-text-soft);margin:0}.quiz__score-text strong{color:var(--color-text-strong)}.quiz__review{gap:var(--space-3);display:grid}.quiz__review-item{border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-bg)}.quiz__review-item--ok{border-left:6px solid var(--color-mint)}.quiz__review-item--no{border-left:6px solid var(--color-coral)}.quiz__review-top{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.quiz__review-mark{font-size:1.1rem}.quiz__review-opt{margin:0 0 var(--space-1);color:var(--color-text-soft);font-size:.95rem}.quiz__review-exp{margin:var(--space-2) 0 0;color:var(--color-text-soft);background:var(--color-bg-alt);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.9rem}.text-good{color:#15803d;font-weight:700}.text-bad{color:#dc2626;font-weight:700}.lesson-header{text-align:center;margin-bottom:var(--space-6)}.lesson-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.lesson-content{color:var(--color-text);font-size:1.05rem}.lesson-content p{margin-bottom:var(--space-4)}.lesson-content h2,.lesson-content h3{margin-top:var(--space-6);margin-bottom:var(--space-3)}.lesson-content ul,.lesson-content ol{margin-bottom:var(--space-4);padding-left:1.4rem}.lesson-content li{margin-bottom:var(--space-2)}.lesson-content table{border-collapse:collapse;width:100%;margin:var(--space-5) 0;font-size:.95rem}.lesson-content th,.lesson-content td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.lesson-content th{background:var(--color-sky-soft);font-family:var(--font-display)}.lesson-content blockquote{border-left:6px solid var(--color-sky);background:var(--color-bg-alt);margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-soft)}.lesson-content .callout{border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0;border:2px solid var(--color-border);background:var(--color-bg)}.lesson-content .callout--remember{background:var(--color-mint-soft);border-color:var(--color-mint)}.lesson-content .callout--story{background:var(--color-sunny-soft);border-color:var(--color-sunny)}.lesson-content .callout--example{background:var(--color-sky-soft);border-color:var(--color-sky)}.lesson-content .callout--warning{background:var(--color-coral-soft);border-color:var(--color-coral)}.lesson-content .callout__title{font-family:var(--font-display);margin-bottom:var(--space-2);font-weight:700}.lesson-content code:not(pre code){background:var(--color-sky-soft);color:#1d4ed8;border-radius:6px;padding:1px 6px;font-size:.9em}.lesson-content pre{border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-5) 0;background:#f8fafc;overflow-x:auto}.lesson-nav{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-5);border-top:2px dashed var(--color-border);display:flex}.lesson-nav__btn{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);max-width:45%;transition:transform .15s,box-shadow .15s;display:inline-flex;text-decoration:none!important}.lesson-nav__btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.lesson-nav__btn--right{margin-left:auto}.lesson-nav__btn small{color:var(--color-text-soft);display:block}.lesson-nav__btn strong{color:var(--color-text-strong);font-size:.95rem;display:block}.lesson-nav__arrow{color:var(--color-sky);font-size:1.4rem}@media (width<=640px){.lesson-nav{flex-direction:column}.lesson-nav__btn{max-width:100%}}.auth{padding:var(--space-8) 0;justify-content:center;display:flex}.auth__card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-soft);padding:var(--space-6);text-align:center}.auth__mascot{margin-bottom:var(--space-3);justify-content:center;display:flex}.auth h1{margin-bottom:var(--space-2);font-size:1.5rem}.auth__sub{color:var(--color-text-soft);margin-bottom:var(--space-5);font-size:.95rem}.auth form{text-align:left}.auth__field{margin-bottom:var(--space-4)}.auth__field label{font-family:var(--font-display);margin-bottom:var(--space-2);color:var(--color-text-strong);font-size:.9rem;font-weight:600;display:block}.auth__field input{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);padding:11px 14px;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s}.auth__field input:focus{border-color:var(--color-sky);box-shadow:0 0 0 4px var(--color-sky-soft);outline:none}.auth__error{background:var(--color-coral-soft);color:#dc2626;padding:var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:.9rem}.auth__submit{width:100%}.auth__switch{margin-top:var(--space-5);color:var(--color-text-soft);font-size:.9rem}.profile{max-width:760px;padding:var(--space-6) 0;margin:0 auto}.profile__header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.profile__row{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.profile__bookmark{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-text-strong);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:transform .15s,box-shadow .15s;display:flex;text-decoration:none!important}.profile__bookmark:hover{box-shadow:var(--shadow-hover);transform:translate(4px)}.search__form{gap:var(--space-3);display:flex}.search__input{border:2px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);flex:1;padding:13px 16px;font-family:inherit;font-size:1rem}.search__input:focus{border-color:var(--color-sky);box-shadow:0 0 0 4px var(--color-sky-soft);outline:none}.search__hint{color:var(--color-text-soft);margin-top:var(--space-4);font-size:.95rem}.search__error{color:#dc2626;background:var(--color-coral-soft);padding:var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-4)}.search__result{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:transform .15s,box-shadow .15s;display:flex;text-decoration:none!important}.search__result:hover{box-shadow:var(--shadow-hover);transform:translate(4px)}.search__arrow{color:var(--color-sky);font-size:1.3rem}