@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{--ksu-navy:#0e4a7b;--ksu-navy-deep:#0a3557;--ksu-sky:#a9c4e5;--ksu-sky-soft:#e7f0fa;--ksu-gold:#f2b233;--ksu-gold-soft:#fdf3df;--bg-gradient-start:#f5f9fd;--bg-gradient-end:#e3edf8;--bg-page:linear-gradient(160deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);--surface-card:#fff;--surface-pill:#f1f6fc;--border-soft:#dde8f4;--text-primary:#14263a;--text-secondary:#5b7185;--text-inverse:#fff;--primary-base:var(--ksu-navy);--primary-hover:var(--ksu-navy-deep);--accent:var(--ksu-gold);--input-bg:#f1f6fc;--input-text:var(--text-primary);--success:#0f9d6e;--warning:#e0952a;--danger:#d94a4a;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--shadow-card:0 18px 45px -18px rgba(14,74,123,.28);--shadow-inner-card:0 2px 10px rgba(14,74,123,.06);--shadow-hover:0 22px 50px -20px rgba(14,74,123,.38);--ring:0 0 0 3px rgba(14,74,123,.18)}*{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);background-attachment:fixed;min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:auto 0 0 0;height:42vh;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 15% 100%,rgba(169,196,229,.55) 0,rgba(169,196,229,0) 60%),radial-gradient(90% 70% at 85% 100%,rgba(14,74,123,.1) 0,rgba(14,74,123,0) 65%)}a{color:var(--primary-base);text-decoration:none;font-weight:500}a:hover{color:var(--primary-hover)}h1,h2,h3{color:var(--text-primary);line-height:1.25;letter-spacing:-.01em}small{color:var(--text-secondary)}code{background:var(--surface-pill);padding:.1rem .35rem;border-radius:6px;font-size:.85em}::selection{background:var(--ksu-sky);color:var(--ksu-navy-deep)}.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:linear-gradient(135deg,var(--ksu-navy) 0,var(--ksu-navy-deep) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border-bottom:3px solid var(--accent)}.logo{display:flex;flex-direction:column;font-weight:700;font-size:1.25rem;color:var(--text-inverse);letter-spacing:-.01em;line-height:1.15}.logo-sub{font-size:.68rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ksu-sky);margin-top:.15rem}.brand-mark{font-size:1.7rem;font-weight:700;color:var(--primary-base);letter-spacing:-.02em}.brand-full{font-size:.95rem;font-weight:600;color:var(--text-primary);letter-spacing:.01em;margin-top:.15rem}.brand-tagline{font-size:.85rem;color:var(--text-secondary);margin-top:.2rem}.brand-tagline:before{content:"";display:block;width:40px;height:3px;border-radius:2px;background:var(--accent);margin:.55rem 0 .6rem}.app-header .back-link,.app-header .muted,.app-header a{color:hsla(0,0%,100%,.82)}.app-header .back-link:hover,.app-header a:hover{color:var(--accent)}.back-link{color:var(--text-secondary);font-weight:600}.page-wide{max-width:min(1900px,96vw)}.lesson-hero{min-height:calc(100vh - 8.5rem)}.htranscript{max-height:calc(100vh - 21rem);min-height:18rem;overflow-y:auto;position:relative}.features-grid>*,.lesson-grid>*{min-width:0}.vtranscript{display:flex;height:calc(100vh - 21rem);min-height:18rem;gap:.6rem;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:.5rem .25rem .9rem;scroll-behavior:smooth;scrollbar-color:var(--ksu-sky) transparent}.vcolumn{display:flex;flex-direction:column;gap:.1rem;flex:0 0 auto;min-width:4.5rem;max-width:9.5rem;max-height:100%;padding:.4rem .35rem;border-radius:var(--radius-sm);border-left:1px solid var(--border-soft);overflow-y:auto;transition:background .2s}.vcolumn.current{background:var(--input-bg)}.vcolumn-link{align-self:center;margin-top:.25rem;font-size:.72rem;text-decoration:none;opacity:.5}.gword{display:flex;flex-direction:column;align-items:center;padding:.22rem .3rem;border-radius:6px;cursor:pointer;transition:background .15s}.gword:hover{background:var(--ksu-sky-soft)}.gword.active{background:var(--primary-base)}.gword.active .gword-reading,.gword.active .gword-th,.gword.active .gword-w{color:var(--text-inverse)}.gword-w{font-size:1.3rem;line-height:1.3;font-weight:600;text-align:center}.gword-reading{font-size:.68rem;line-height:1.2}.gword-reading,.gword-th{color:var(--text-secondary);text-align:center}.gword-th{font-size:.8rem;line-height:1.3}.vsentence-th{margin:0 0 .6rem;padding:.55rem .8rem;background:var(--ksu-gold-soft);border-left:4px solid var(--accent);border-radius:var(--radius-sm);font-size:.95rem;line-height:1.55;min-height:2.6rem}.lang-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-soft)}.lang-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:var(--radius-pill);background:var(--surface-card);border:1px solid var(--border-soft);color:var(--text-secondary);font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.lang-tab:hover{border-color:var(--ksu-sky);color:var(--primary-base)}.lang-tab:focus-visible{outline:none;box-shadow:var(--ring)}.lang-tab.active{background:var(--primary-base);border-color:var(--primary-base);color:#fff;box-shadow:0 6px 16px -8px rgba(14,74,123,.9)}.lang-count{font-size:.75rem;font-weight:700;padding:.05rem .45rem;border-radius:var(--radius-pill);background:var(--ksu-sky-soft);color:var(--primary-base)}.lang-tab.active .lang-count{background:hsla(0,0%,100%,.22);color:#fff}.pill-badge{display:inline-block;font-size:.8rem;letter-spacing:.08em;padding:.4rem .9rem;border-radius:var(--radius-pill);border:1px solid var(--border-soft)}.pill-badge,.tag{background:var(--ksu-sky-soft);color:var(--primary-base);font-weight:600}.tag{font-size:.72rem;padding:.22rem .6rem;border-radius:var(--radius-pill);margin-right:.4rem}.tag-success{background:#dcf5ec;color:#0b6b4c}.tag-danger{background:#fbe4e4;color:#8f2c2c}.stat-pill{display:inline-block;padding:.4rem .9rem;border-radius:var(--radius-pill);font-weight:600;font-size:.85rem;border:1px solid var(--border-soft)}.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 var(--border-soft);transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:var(--ksu-sky)}.card-lg{background:var(--surface-card);padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-soft);border-top:4px solid var(--accent)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--text-secondary)}.form-group input,.input{width:100%;padding:.85rem 1rem;background:var(--input-bg);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--input-text);font-size:1rem;outline:none;font-family:inherit;transition:box-shadow .2s,border-color .2s,background .2s}.form-group input:focus,.input:focus{background:#fff;border-color:var(--primary-base);box-shadow:var(--ring)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.72rem 1.15rem;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .18s,box-shadow .18s,transform .12s,color .18s}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary{background:var(--primary-base);color:var(--text-inverse);box-shadow:0 6px 16px -8px rgba(14,74,123,.9)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 10px 22px -10px rgba(14,74,123,.95)}.btn-ghost{background:var(--surface-card);color:var(--primary-base);border:1px solid var(--border-soft)}.btn-ghost:hover{background:var(--ksu-sky-soft);border-color:var(--ksu-sky)}.btn-control{background:var(--surface-card);border:1px solid var(--border-soft);padding:.45rem .9rem;border-radius:var(--radius-pill);cursor:pointer;font-weight:600;font-family:inherit;color:var(--text-secondary);transition:background .18s,color .18s,border-color .18s}.btn-control:hover{border-color:var(--ksu-sky);color:var(--primary-base)}.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(--accent);color:var(--ksu-navy-deep)}.btn-success{background:var(--success);color:#fff}.progress-track{width:100%;height:8px;background:var(--ksu-sky-soft);overflow:hidden}.progress-fill,.progress-track{border-radius:var(--radius-pill)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-base),var(--ksu-sky));transition:width .4s ease}.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 var(--border-soft)}.list-reset li:last-child{border-bottom:none}@media (max-width:820px){.page{padding:1.25rem}.gword-w{font-size:1.15rem}.page-wide{max-width:100%}.lesson-hero{min-height:0}.htranscript,.vtranscript{height:60vh;max-height:60vh}.features-grid{grid-template-columns:1fr}.lesson-grid{grid-template-columns:1fr!important}}