@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/andika-cyrillic-ext-400-normal.VNDy5CZS.woff2)format("woff2"),url(/_astro/andika-cyrillic-ext-400-normal.BJwze9_g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/andika-cyrillic-400-normal.DYbdP60f.woff2)format("woff2"),url(/_astro/andika-cyrillic-400-normal.CIdpN1kB.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/andika-vietnamese-400-normal.afg23LQ3.woff2)format("woff2"),url(/_astro/andika-vietnamese-400-normal.Bw99zChb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/andika-latin-ext-400-normal.D580Nkki.woff2)format("woff2"),url(/_astro/andika-latin-ext-400-normal.NXfvB_tZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/andika-latin-400-normal.BTFTIZb-.woff2)format("woff2"),url(/_astro/andika-latin-400-normal.BK42By1L.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/andika-cyrillic-ext-700-normal.DvCsrHON.woff2)format("woff2"),url(/_astro/andika-cyrillic-ext-700-normal.BdIUMeTx.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/andika-cyrillic-700-normal.D404ywHU.woff2)format("woff2"),url(/_astro/andika-cyrillic-700-normal.Bzg0mZT8.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/andika-vietnamese-700-normal.CS3rZngu.woff2)format("woff2"),url(/_astro/andika-vietnamese-700-normal.CZOGxJjV.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/andika-latin-ext-700-normal.Ch3SGZaH.woff2)format("woff2"),url(/_astro/andika-latin-ext-700-normal.DBt0PRsd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/andika-latin-700-normal.Dk95f5lc.woff2)format("woff2"),url(/_astro/andika-latin-700-normal.CAUSQC6x.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-paper:#fff8e7;--color-paper-deep:#ffefc7;--color-card:#fff;--color-ink:#1f1a33;--color-ink-soft:#4a4463;--color-sun:#ffcf3f;--color-sky:#7cc8ff;--color-grass:#7fdc8c;--color-berry:#ff7aa8;--color-grape:#b99cff;--color-orange:#ff9f45;--color-subject-toan:#7cc8ff;--color-subject-tieng-viet:#ff9fc0;--color-subject-khac:#b8e986;--color-notebook-bg:#fffdf6;--color-notebook-line:#8068c438;--color-notebook-line-bold:#8068c48c;--color-notebook-margin:#f05a788c;--border-comic:3px solid var(--color-ink);--border-comic-thick:4px solid var(--color-ink);--shadow-comic:5px 5px 0 var(--color-ink);--shadow-comic-small:3px 3px 0 var(--color-ink);--radius-lg:28px;--radius-md:18px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-print:"Andika", "Segoe UI", system-ui, sans-serif;--font-handwriting:"Chu Mau Tieu Hoc", "Andika", cursive;--font-ui:"Andika", "Segoe UI", system-ui, sans-serif;--text-size:44px;--oli:calc(var(--text-size) / 4);--line-height-notebook:calc(var(--oli) * 8);--touch-target:56px}@font-face{font-family:Chu Mau Tieu Hoc;font-weight:400;src:url(/fonts/chu-mau-tieu-hoc.woff2)format("woff2"),url(/fonts/chu-mau-tieu-hoc.ttf)format("truetype");font-display:swap}@font-face{font-family:Chu Mau Tieu Hoc;font-weight:700;src:url(/fonts/chu-mau-tieu-hoc-dam.woff2)format("woff2"),url(/fonts/chu-mau-tieu-hoc-dam.ttf)format("truetype");font-display:swap}.lesson-blocks{gap:var(--space-5);flex-direction:column;display:flex}.lesson-text{--x-ratio:.5;--baseline-ratio:.41;--notebook-font-size:calc(var(--oli) * 2 / var(--x-ratio));--notebook-pad-top:calc(var(--oli) * 2);--notebook-baseline:calc(var(--notebook-pad-top) + var(--line-height-notebook) / 2 + var(--notebook-font-size) * var(--baseline-ratio) - 1px);font-family:var(--font-print);font-size:var(--notebook-font-size);line-height:var(--line-height-notebook);color:var(--color-ink);background-color:var(--color-notebook-bg);background-image:linear-gradient(to right, transparent calc(var(--oli) * 5 - 2px), var(--color-notebook-margin) calc(var(--oli) * 5 - 2px), var(--color-notebook-margin) calc(var(--oli) * 5), transparent calc(var(--oli) * 5)), linear-gradient(to bottom, var(--color-notebook-line-bold) 2px, transparent 2px), linear-gradient(to bottom, var(--color-notebook-line) 1px, transparent 1px), linear-gradient(to right, var(--color-notebook-line) 1px, transparent 1px);background-size:100% 100%, 100% calc(var(--oli) * 4), 100% var(--oli), calc(var(--oli) * 4) 100%;background-repeat:no-repeat,repeat,repeat,repeat;background-position:0 0, 0 var(--notebook-baseline), 0 var(--notebook-baseline), 0 0;border:var(--border-comic);border-radius:var(--radius-md);padding:var(--notebook-pad-top) calc(var(--oli) * 3) calc(var(--oli) * 2) calc(var(--oli) * 7);box-shadow:var(--shadow-comic-small);overflow-wrap:anywhere}:root[data-font=viet-tay] .lesson-text{--x-ratio:.41;--baseline-ratio:.2;font-family:var(--font-handwriting);font-weight:700}.lesson-text p,.lesson-text ul,.lesson-text ol,.lesson-text blockquote,.lesson-text pre{margin:0}.lesson-text p+p,.lesson-text p+ul,.lesson-text p+ol,.lesson-text ul+p,.lesson-text ol+p{margin-top:var(--line-height-notebook)}.lesson-text ul,.lesson-text ol{padding-left:calc(var(--oli) * 5)}.lesson-text h1,.lesson-text h2,.lesson-text h3,.lesson-text h4{color:#5a3fc0;margin:0;font-size:1em}.lesson-text strong{color:#c2185b}.lesson-text code{background:var(--color-paper-deep);border-radius:6px;padding:0 .15em;font-family:inherit}.lesson-text table{border-collapse:collapse}.lesson-text td,.lesson-text th{border:2px solid var(--color-ink);padding:0 var(--oli);text-align:center}.lesson-text a{color:#1c64c9}.comic-frame{background:var(--color-card);border:var(--border-comic-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-comic);padding:var(--space-3);align-items:center;gap:var(--space-2);flex-direction:column;margin:0;display:flex}.comic-frame figcaption{font-family:var(--font-ui);color:var(--color-ink-soft);text-align:center;font-size:22px}.lesson-image .zoomable{cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.lesson-image img{border-radius:var(--radius-md);max-width:100%;max-height:60vh;display:block}.lesson-video video{border-radius:var(--radius-md);background:#000;width:100%;max-height:65vh}.youtube-frame{aspect-ratio:16/9;width:100%}.youtube-frame iframe{border-radius:var(--radius-md);border:0;width:100%;height:100%}.lesson-illustration{justify-content:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-card);border:var(--border-comic);border-radius:var(--radius-lg);box-shadow:var(--shadow-comic-small);grid-template-columns:repeat(5,minmax(0,88px));display:grid}.lesson-illustration img{aspect-ratio:1;user-select:none;width:100%}.lesson-text pre{white-space:pre;font-family:Consolas,Menlo,Courier New,monospace;font-weight:700;font-size:var(--text-size);line-height:calc(var(--oli) * 4);vertical-align:top;margin:0 calc(var(--oli) * 6) 0 0;display:inline-block;overflow-x:auto}.lesson-text pre code{background:0 0;padding:0}.lesson-dat-tinh{column-gap:calc(var(--oli) * 12);flex-wrap:wrap;display:flex}.dat-tinh{font-variant-numeric:tabular-nums;grid-template-columns:auto auto;display:grid}.dat-tinh__op{padding-right:calc(var(--oli) * 1.5);grid-area:2/1}.dat-tinh__so{text-align:right;min-height:var(--line-height-notebook);grid-column:2}.dat-tinh__op,.dat-tinh__so--gach{box-shadow:inset 0 -3px 0 var(--color-ink)}*,:before,:after{box-sizing:border-box}html{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-ui);-webkit-text-size-adjust:100%}body{background-color:var(--color-paper);background-image:radial-gradient(#ffd6e5 2px,#0000 2.5px);background-size:28px 28px;min-height:100vh;margin:0;font-size:22px;line-height:1.5}img{max-width:100%}:focus-visible{outline-offset:3px;outline:4px solid #1c64c9}.page{max-width:1180px;padding:var(--space-4) var(--space-5) var(--space-7);margin:0 auto}.top-bar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--color-ink);font-size:26px;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{width:56px;height:56px}.toolbar{gap:var(--space-3);align-items:center;display:flex}.comic-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);min-width:var(--touch-target);padding:0 var(--space-5);font-family:var(--font-ui);color:var(--color-ink);background:var(--color-card);border:var(--border-comic);border-radius:var(--radius-pill);box-shadow:var(--shadow-comic-small);cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:22px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.comic-button:active{box-shadow:0 0 0 var(--color-ink);transform:translate(3px,3px)}.comic-button[aria-pressed=true],.comic-button--sun{background:var(--color-sun)}.comic-button--sky{background:var(--color-sky)}.comic-button--small{padding:0 var(--space-3)}.comic-button[aria-disabled=true]{opacity:.35;pointer-events:none}.mascot-row{align-items:flex-end;gap:var(--space-4);display:flex}.mascot-row .mascot{flex:none;width:140px;height:140px}.speech-bubble{background:var(--color-card);border:var(--border-comic);border-radius:var(--radius-lg);box-shadow:var(--shadow-comic-small);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);font-size:26px;font-weight:700;position:relative}.speech-bubble:before{content:"";border-style:solid;border-width:12px 22px 12px 0;border-color:transparent var(--color-ink) transparent transparent;position:absolute;bottom:18px;left:-22px}.speech-bubble:after{content:"";border-style:solid;border-width:9px 17px 9px 0;border-color:transparent var(--color-card) transparent transparent;position:absolute;bottom:21px;left:-16px}.lesson-header{align-items:center;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.lesson-title{flex:100%;margin:0;font-size:40px;line-height:1.25}.lesson-date{color:var(--color-ink-soft);font-size:22px}.subject-badge{padding:var(--space-1) var(--space-4);border:var(--border-comic);border-radius:var(--radius-pill);background:var(--color-subject-khac);font-size:20px;font-weight:700;display:inline-block}.subject-badge[data-subject=toan]{background:var(--color-subject-toan)}.subject-badge[data-subject=tieng-viet]{background:var(--color-subject-tieng-viet)}.section-label{margin:0 0 var(--space-4);padding:var(--space-2) var(--space-5);background:var(--color-grape);border:var(--border-comic);border-radius:var(--radius-md);box-shadow:var(--shadow-comic-small);font-size:28px;display:inline-block;transform:rotate(-1.5deg)}.section-label--solution{background:var(--color-grass)}.solution{margin-top:var(--space-7)}.solution>summary{justify-content:center;align-items:center;gap:var(--space-4);width:fit-content;padding:var(--space-3) var(--space-6) var(--space-3) var(--space-3);background:var(--color-sun);border:var(--border-comic-thick);border-radius:var(--radius-pill);box-shadow:var(--shadow-comic);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;margin:0 auto;font-size:30px;font-weight:700;list-style:none;display:flex}.solution>summary::-webkit-details-marker{display:none}.solution>summary .mascot{width:72px;height:72px}.solution>summary:active{box-shadow:0 0 0 var(--color-ink);transform:translate(4px,4px)}.solution .label-close,.solution[open] .label-open{display:none}.solution[open] .label-close{display:inline}.solution[open]>summary{background:var(--color-card);margin-bottom:var(--space-5)}.solution[open]>summary .mascot{animation:.6s mascot-bounce}@keyframes mascot-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)rotate(-6deg)}70%{transform:translateY(0)rotate(4deg)}}.lesson-nav{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-7);display:flex}.lesson-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.lesson-card{gap:var(--space-2);height:100%;padding:var(--space-4) var(--space-5);color:var(--color-ink);background:var(--color-card);border:var(--border-comic);border-radius:var(--radius-lg);box-shadow:var(--shadow-comic);flex-direction:column;text-decoration:none;transition:transform .1s;display:flex}.lesson-card:active{transform:translate(3px,3px)}.lesson-card__title{font-size:26px;font-weight:700;line-height:1.3}.lesson-card__date{color:var(--color-ink-soft);font-size:20px}.filter-bar{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.empty-state{text-align:center;padding:var(--space-6);font-size:24px}.draft-banner{margin-bottom:var(--space-5);padding:var(--space-3) var(--space-5);background:repeating-linear-gradient(-45deg, var(--color-sun), var(--color-sun) 16px, #ffe690 16px, #ffe690 32px);border:var(--border-comic);border-radius:var(--radius-md);text-align:center;font-weight:700}.zoom-dialog{width:100vw;max-width:none;height:100vh;max-height:none;padding:var(--space-5);background:#1f1a33eb;border:0;margin:0}.zoom-dialog[open]{justify-content:center;align-items:center;display:flex}.zoom-dialog img{object-fit:contain;border-radius:var(--radius-md);background:var(--color-card);max-width:100%;max-height:100%}.zoom-dialog .zoom-close{top:var(--space-4);right:var(--space-4);position:fixed}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-footer{margin-top:var(--space-7);text-align:center;color:var(--color-ink-soft);font-size:18px}.page-footer a{color:inherit}@media (width<=720px){.page{padding:var(--space-3) var(--space-4) var(--space-6)}.lesson-title{font-size:32px}.mascot-row .mascot{width:96px;height:96px}.lesson-illustration{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}[data-today-list]{grid-template-columns:repeat(auto-fit,minmax(280px,380px));justify-content:center}[data-today-list] .lesson-card{padding:var(--space-5) var(--space-6)}[data-today-list] .lesson-card__title{font-size:32px}.top-bar__right{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.birthday-banner{margin:0 0 var(--space-5);padding:var(--space-4) var(--space-5);text-align:center;border:var(--border-comic-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-comic);background:repeating-linear-gradient(-45deg,#ffe0ec,#ffe0ec 18px,#fff3b0 18px 36px);font-size:28px;font-weight:700}.praise{margin:0 auto var(--space-5);width:fit-content;max-width:100%;padding:var(--space-3) var(--space-5);text-align:center;border:var(--border-comic);border-radius:var(--radius-pill);background:#ffe0ec;font-size:24px;font-weight:700}.praise:empty{display:none}.family-love{margin:0 0 var(--space-2);color:#c2185b;font-weight:700}.mascot[data-astro-cid-jozgxhet]{display:block;overflow:visible}.mascot-wave[data-astro-cid-jozgxhet]{transform-origin:146px 150px;animation:2.4s ease-in-out infinite wave}@keyframes wave{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-14deg)}80%{transform:rotate(8deg)}90%{transform:rotate(-8deg)}}.pwa-ios-hint[data-astro-cid-tu732mn6]{color:var(--color-ink-soft);margin:0;font-size:16px}
