@font-face{font-family:__Kanit_ab6d7f;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/75717585c59e5075-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__Kanit_ab6d7f;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/158a69e2aae09d8b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Kanit_ab6d7f;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9c064da0c6a8705d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Kanit_ab6d7f;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a5f02fb6311fcdbc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Kanit_ab6d7f;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e947190c9bdf6068-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__Kanit_ab6d7f;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/52c95d4165d01384-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Kanit_ab6d7f;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/574f1d56a01c5fcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Kanit_ab6d7f;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25f7d470e08d7a87-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Kanit_ab6d7f;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/dd867c03515903ae-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__Kanit_ab6d7f;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/5dfeb3c6bf0f27aa-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Kanit_ab6d7f;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/5d1189028b68a613-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Kanit_ab6d7f;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/61eb19e8a04bc1be-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Kanit_Fallback_ab6d7f;src:local("Arial");ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.00%;size-adjust:101.39%}.__className_ab6d7f{font-family:__Kanit_ab6d7f,__Kanit_Fallback_ab6d7f;font-style:normal}.__variable_ab6d7f{--font-kanit:"__Kanit_ab6d7f","__Kanit_Fallback_ab6d7f"}:root{--bg-gradient-start:#f3f5f9;--bg-gradient-end:#e9ecef;--bg-page:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);--surface-card:#fff;--surface-pill:#f8f9fa;--text-primary:#2b3143;--text-secondary:#6b7280;--text-inverse:#fff;--primary-base:#425a9a;--primary-hover:#354980;--input-bg:#eaf0ff;--input-text:#2b3143;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-pill:9999px;--shadow-card:0 10px 40px -10px rgba(0,0,0,.08);--shadow-inner-card:0 4px 12px rgba(0,0,0,.03)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-kanit),"Kanit","Noto Sans Thai",system-ui,sans-serif;background:var(--bg-page);min-height:100vh;color:var(--text-primary)}a{color:var(--primary-base);text-decoration:none}a:hover{color:var(--primary-hover)}h1,h2,h3{color:var(--text-primary);line-height:1.25}small{color:var(--text-secondary)}code{background:var(--surface-pill);padding:.1rem .35rem;border-radius:6px;font-size:.85em}.page{max-width:1080px;margin:0 auto;padding:2rem}.stack>*+*{margin-top:1rem}.muted{color:var(--text-secondary)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;margin-bottom:2rem;background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-inner-card)}.logo{font-weight:700;font-size:1.25rem;color:var(--primary-base)}.back-link,.pill-badge{color:var(--text-secondary);font-weight:600}.pill-badge{display:inline-block;background:var(--surface-pill);font-size:.8rem;letter-spacing:.08em;padding:.4rem .9rem;border-radius:var(--radius-pill);border:1px solid #e5e7eb}.tag{font-size:.72rem;padding:.2rem .55rem;background:var(--input-bg);border-radius:var(--radius-sm);margin-right:.4rem;color:var(--text-secondary)}.tag-success{background:#d1fae5;color:#065f46}.tag-danger{background:#fee2e2;color:#991b1b}.stat-pill{display:inline-block;padding:.4rem .9rem;border-radius:var(--radius-pill);font-weight:600;font-size:.85rem}.card,.stat-pill{background:var(--surface-card);box-shadow:var(--shadow-inner-card)}.card{padding:1.5rem;border-radius:var(--radius-md);border:1px solid #f3f4f6}.card-lg{background:var(--surface-card);padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem}.form-group input,.input{width:100%;padding:.85rem 1rem;background:var(--input-bg);border:none;border-radius:var(--radius-sm);color:var(--input-text);font-size:1rem;outline:none;font-family:inherit;transition:box-shadow .2s}.form-group input:focus,.input:focus{box-shadow:0 0 0 2px var(--primary-base)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.1rem;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit}.btn-primary{background:var(--primary-base);color:var(--text-inverse)}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{color:var(--text-primary)}.btn-control,.btn-ghost{background:var(--surface-pill);border:1px solid #e5e7eb}.btn-control{padding:.45rem .9rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-family:inherit}.btn-control.active{background:var(--primary-base);color:#fff;border-color:var(--primary-base)}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-success{background:var(--success);color:#fff}.progress-track{width:100%;height:8px;background:var(--input-bg);overflow:hidden}.progress-fill,.progress-track{border-radius:var(--radius-pill)}.progress-fill{height:100%;background:var(--success)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.list-reset{list-style:none}.list-reset li{padding:.6rem 0;border-bottom:1px solid #f3f4f6}@media (max-width:820px){.features-grid{grid-template-columns:1fr}.lesson-grid{grid-template-columns:1fr!important}}