@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-normal.CnvboYUG.woff2)format("woff2-variations");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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2)format("woff2-variations");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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-normal.ukD16Tqj.woff2)format("woff2-variations");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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-ext-wght-normal.B5bTHO_g.woff2)format("woff2-variations");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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-wght-normal.BbzFLZTg.woff2)format("woff2-variations");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{--font-display:"Fraunces Variable", "Fraunces", Georgia, serif;--font-sans:"Instrument Sans Variable", "Instrument Sans", system-ui, -apple-system, Roboto, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:88px;--shadow-sm:0 1px 2px #1918170f;--shadow-md:0 6px 16px #19181717;--shadow-lg:0 16px 40px #19181729;--dur-fast:.15s;--dur-med:.26s;--dur-slow:.38s;--ease:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--bg:#fff;--surface:#fff;--surface-2:#f2f2f0;--border:#e5e5e3;--text:#121212;--text-muted:#63615d;--text-soft:#98958e;--success:#356344;--success-soft:#e4efe3;--danger:#a83b4a;--danger-soft:#f5e3e5;--warn:#c99a3d;--warn-strong:#8a611c;--warn-soft:#f3eadb;--pilar-d:#2f4d6e;--pilar-d-strong:#273f5a;--pilar-d-soft:#f3f4f6;--pilar-k:#3d5a3f;--pilar-k-strong:#324a34;--pilar-k-soft:#f3f5f3;--pilar-f:#8a4a32;--pilar-f-strong:#713d29;--pilar-f-soft:#f8f4f3;--pilar-s:#5a4a8a;--pilar-s-strong:#4a3d71;--pilar-s-soft:#f4f3f8;--pilar-t:#8a7a32;--pilar-t-strong:#716429;--pilar-t-soft:#f8f6f3;--pilar-ff:#3a6a6a;--pilar-ff-strong:#2d5454;--pilar-ff-soft:#f3f8f8;--accent:var(--pilar-d);--accent-strong:var(--pilar-d-strong);--accent-soft:var(--pilar-d-soft)}[data-pilar=P1]{--accent:var(--pilar-f);--accent-strong:var(--pilar-f-strong);--accent-soft:var(--pilar-f-soft)}[data-pilar=P2]{--accent:var(--pilar-k);--accent-strong:var(--pilar-k-strong);--accent-soft:var(--pilar-k-soft)}[data-pilar=P3]{--accent:var(--pilar-d);--accent-strong:var(--pilar-d-strong);--accent-soft:var(--pilar-d-soft)}[data-pilar=P4]{--accent:var(--pilar-s);--accent-strong:var(--pilar-s-strong);--accent-soft:var(--pilar-s-soft)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);margin:0;font-size:15.5px;line-height:1.6}h1,h2,h3,h4{line-height:1.15;font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin:0;font-weight:650}p{margin:0}a{color:var(--accent-strong)}ul,ol{margin:0;padding:0;list-style:none}button{font-family:inherit}input,textarea,select{color:var(--text);font-family:inherit;font-size:1rem}img,svg{max-width:100%;display:block}.micro-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.72rem;font-weight:700}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (width<=780px){.grid-2,.grid-3{grid-template-columns:1fr}}.muted{color:var(--text-muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex-shrink:0}.page-shell{max-width:900px;padding:var(--space-6) var(--space-5) var(--space-9);margin:0 auto}@media (width<=640px){.page-shell{padding:var(--space-5) var(--space-3) var(--space-7)}}@keyframes rara-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rara-pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}.enter-up{animation:rara-fade-up var(--dur-slow) var(--ease) both}.enter-pop{animation:rara-pop var(--dur-slow) var(--ease-bounce) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media print{.app-shell>.topbar,.app-shell>.site-footer,.app-shell>.skip-link{display:none!important}.page-shell>.lesson>:not(:has(.cetak-wrap)){display:none!important}.worksheet>:not(.cetak-wrap){display:none!important}}.app-shell.svelte-12qhfyh{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.topbar.svelte-12qhfyh{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);flex-wrap:wrap;width:100%;max-width:900px;margin:0 auto;display:flex}@media (width<=640px){.topbar.svelte-12qhfyh{padding:var(--space-4) var(--space-3)}}.brand.svelte-12qhfyh{align-items:center;gap:var(--space-2);color:var(--text);font-family:var(--font-display);letter-spacing:-.01em;font-size:1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-tag.svelte-12qhfyh{display:none}@media (width>=560px){.brand-tag.svelte-12qhfyh{display:inline}}main.svelte-12qhfyh{flex:1}.site-footer.svelte-12qhfyh{border-top:1px solid var(--border);padding:var(--space-5);width:100%;max-width:900px;margin:0 auto;font-size:.85rem}.site-footer.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--accent-strong);font-weight:600}.skip-link.svelte-12qhfyh{top:-100px;left:var(--space-4);background:var(--accent);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:1000;transition:top var(--dur-fast) var(--ease);font-size:.82rem;font-weight:600;text-decoration:none;position:absolute}.skip-link.svelte-12qhfyh:focus{top:var(--space-3)}