@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/34da6f6f5d0d57a5-s.p.07uwcfvtoqeuc.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c5ef4f45c466146b-s.1v81r2jd9rnqo.woff2)format("woff2");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:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e9c5fb40545fcd2-s.3gqrs86g6elqr.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/89d4f80f11029d6d-s.p.2dod-75iqn2an.woff2)format("woff2");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:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/876b05e81fb36bf6-s.p.3htn9062rzfbf.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5128e7653d6f3744-s.0kyqiwpesz5-3.woff2)format("woff2");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:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07bc3d3e69c8b6e8-s.3xwp301vm0j74.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/118b6ed7ac256a99-s.p.35shsozl6q2zj.woff2)format("woff2");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:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a244653d74e7372f-s.p.390o1w7nwggt2.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7ff43f20b4a94066-s.12yvb561arasi.woff2)format("woff2");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:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d5ac005905e340fc-s.1guv2-8ka8vfh.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c750adf2ddf22b70-s.p.2epv0q7mopukg.woff2)format("woff2");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:Kanit Fallback;src:local(Arial);ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}.--RANG_className{font-family:Kanit,Kanit Fallback;font-style:normal}.--RANG_variable{--font-heading:"Kanit", "Kanit Fallback"}
@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:400;font-display:swap;src:url(../media/09002b40273b9d8f-s.1ydvnsvcwkktc.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2ce526728043d90d-s.p.0ne1c294py2se.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8ab1509717e9e87c-s.1uwzan95u5kl7.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e7b79b72fa390d7f-s.p.3gb2sz-px6tro.woff2)format("woff2");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:IBM Plex Sans Thai Looped;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b681d59d845cd30f-s.2y8_wsr08s8iu.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:500;font-display:swap;src:url(../media/86ab07388496d784-s.p.0wsxo2ubrsuix.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9a136bd85a058d4d-s.2-_luvf2vbvm0.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ef6c596754631961-s.p.3g5kmsvbyalu1.woff2)format("woff2");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:IBM Plex Sans Thai Looped;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cbb54531d74fd499-s.1yvgv7qcnpky0.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6c8bb8836b3337fa-s.p.136ty0580-8sz.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:600;font-display:swap;src:url(../media/eb7142f65a4378c5-s.1ykt_teofbbt0.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:600;font-display:swap;src:url(../media/31766de0018db2b2-s.p.05zh75sqz040_.woff2)format("woff2");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:IBM Plex Sans Thai Looped;font-style:normal;font-weight:700;font-display:swap;src:url(../media/cf1ad709f69dd255-s.1pbwa_tode7_7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:700;font-display:swap;src:url(../media/21af2bb396c563be-s.p.0v22tq7g60xsf.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:700;font-display:swap;src:url(../media/eafb68cd4fa4be1e-s.2sgtn9va9e5l7.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-weight:700;font-display:swap;src:url(../media/62a3be0567d84d33-s.p.2i073lby-8vzh.woff2)format("woff2");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:IBM Plex Sans Thai Looped Fallback;src:local(Arial);ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.0%;size-adjust:101.17%}.ZPWlTq_className{font-family:IBM Plex Sans Thai Looped,IBM Plex Sans Thai Looped Fallback;font-style:normal}.ZPWlTq_variable{--font-body:"IBM Plex Sans Thai Looped", "IBM Plex Sans Thai Looped Fallback"}
@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/9abe3d53283d35f1-s.p.3i-m22b4jynti.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/30afb5697bad2800-s.1h9eubhpkfzvo.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/890d5c8c3271b311-s.p.0_bxzqld7tqed.woff2)format("woff2");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:Noto Serif Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/9abe3d53283d35f1-s.p.3i-m22b4jynti.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/30afb5697bad2800-s.1h9eubhpkfzvo.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/890d5c8c3271b311-s.p.0_bxzqld7tqed.woff2)format("woff2");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:Noto Serif Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/9abe3d53283d35f1-s.p.3i-m22b4jynti.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/30afb5697bad2800-s.1h9eubhpkfzvo.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/890d5c8c3271b311-s.p.0_bxzqld7tqed.woff2)format("woff2");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:Noto Serif Thai Fallback;src:local(Times New Roman);ascent-override:89.86%;descent-override:45.1%;line-gap-override:0.0%;size-adjust:118.4%}.Rc1Pzq_className{font-family:Noto Serif Thai,Noto Serif Thai Fallback;font-style:normal}.Rc1Pzq_variable{--font-serif-thai:"Noto Serif Thai", "Noto Serif Thai Fallback"}
html{-webkit-text-size-adjust:100%}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}:root{--bg:#eef2f5;--panel:#fff;--panel2:#f6f8fa;--ink:#1e2a33;--soft:#5c6b77;--line:#d3dce3;--steel:#2f4858;--teal:#0f8b8d;--teal-lt:#d7f0ef;--amber:#e8a33d;--amber-lt:#fcefd6;--ok:#2e8b57;--ok-lt:#ddf2e5;--bad:#c8423b;--bad-lt:#f8e0de;--lock:#a9b4bc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121a20;--panel:#1b252d;--panel2:#222e37;--ink:#e6edf2;--soft:#9aaab6;--line:#33424d;--steel:#9fc3d6;--teal:#3fc1c0;--teal-lt:#173a3c;--amber:#f0b65a;--amber-lt:#3a2e19;--ok:#5bc48a;--ok-lt:#183526;--bad:#ee7a72;--bad-lt:#3d1e1c;--lock:#55636d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121a20;--panel:#1b252d;--panel2:#222e37;--ink:#e6edf2;--soft:#9aaab6;--line:#33424d;--steel:#9fc3d6;--teal:#3fc1c0;--teal-lt:#173a3c;--amber:#f0b65a;--amber-lt:#3a2e19;--ok:#5bc48a;--ok-lt:#183526;--bad:#ee7a72;--bad-lt:#3d1e1c;--lock:#55636d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sarabun),system-ui,sans-serif;margin:0;padding-block:14px 48px;padding-inline:16px;font-size:16px;line-height:1.6}.wrap{flex-direction:column;gap:14px;max-width:640px;margin:0 auto;display:flex}.disp{font-family:var(--font-bai),var(--font-sarabun),sans-serif}.num{font-variant-numeric:tabular-nums}button{color:inherit;cursor:pointer;font-family:inherit}button:focus-visible{outline:3px solid var(--amber);outline-offset:2px}button:disabled{cursor:default}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.eyebrow{letter-spacing:.08em;color:var(--teal);font-size:12px;font-weight:700}h1{color:var(--steel);text-wrap:balance;margin:2px 0 0;font-size:28px;line-height:1.15}.sub{color:var(--soft);margin:4px 0 0;font-size:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.units{flex-direction:column;gap:10px;display:flex}.unit{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 14px;display:grid;position:relative}.unit .no{background:var(--steel);width:44px;height:44px;color:var(--panel);border-radius:10px;place-items:center;font-size:20px;font-weight:700;display:grid}.unit .nm{font-size:17px;font-weight:600;line-height:1.3}.unit .meta{color:var(--soft);font-size:13px}.unit .best{text-align:right;color:var(--soft);font-size:13px;line-height:1.35}.unit .best b{color:var(--ink);font-size:20px;display:block}.unit[disabled]{opacity:.6}.unit[disabled] .no{background:var(--lock)}.unit.now{border:3px solid var(--bad);padding:10px 12px;animation:1.2s ease-in-out infinite pulse}.unit.now .no{background:var(--bad)}.tag{background:var(--bad);color:#fff;border-radius:6px;padding:0 8px;font-size:12px;line-height:1.7;position:absolute;top:-11px;left:14px}@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--bad) 22%,transparent)}}h2{color:var(--steel);margin:0 0 8px;font-size:17px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:420px;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding:7px 8px}th:first-child,td:first-child{text-align:left}th{color:var(--soft);letter-spacing:.03em;font-size:12px;font-weight:600}td.okc{color:var(--ok);font-weight:700}td.badc{color:var(--bad);font-weight:700}.empty{color:var(--soft);font-size:14px}.linkbtn{color:var(--soft);background:0 0;border:none;padding:4px 0;font-size:13px;text-decoration:underline}.bar{top:env(safe-area-inset-top,0px);background:var(--bg);z-index:2;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-block:6px;display:grid;position:sticky}.ghost{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:5px 12px;font-size:14px}.prog{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.prog i{background:var(--teal);border-radius:4px;height:100%;display:block}.clock{color:var(--steel);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:2px 10px;font-size:20px;font-weight:700}.tally{color:var(--soft);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;display:flex}.pill{font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 10px;font-weight:700}.pill.ok{background:var(--ok-lt);color:var(--ok)}.pill.bad{background:var(--bad-lt);color:var(--bad)}.qcard{flex-direction:column;gap:12px;display:flex}.qno{color:var(--teal);letter-spacing:.04em;font-size:13px;font-weight:700}.qtext{margin:0;font-size:19px;line-height:1.65}o,.qtext o{text-decoration:overline}.blank{border:2px solid var(--ink);vertical-align:middle;border-radius:3px;width:64px;height:26px;display:inline-block}.blank.sm{width:24px;height:22px}.figs{flex-direction:column;align-items:center;gap:8px;display:flex}.figs img{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:100%;height:auto;padding:6px;display:block}.opts{flex-direction:column;gap:8px;display:flex}.opt{text-align:left;background:var(--panel);border:2px solid var(--line);border-radius:12px;grid-template-columns:34px 1fr;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:17px;line-height:1.45;display:grid}.opt .k{background:var(--panel2);width:34px;height:34px;font-weight:700;font-family:var(--font-bai),sans-serif;border-radius:8px;place-items:center;display:grid}.opt o{text-decoration:overline}.opt.big .t{font-family:Arial,sans-serif;font-size:30px;line-height:1}.opt:not(:disabled):hover{border-color:var(--teal)}.opt.ok{border-color:var(--ok);background:var(--ok-lt)}.opt.ok .k{background:var(--ok);color:#fff}.opt.bad{border-color:var(--bad);background:var(--bad-lt)}.opt.bad .k{background:var(--bad);color:#fff}.optgrid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.optgrid .opt{grid-template-columns:1fr;justify-items:center;padding:10px 4px}.optgrid .opt .k{width:44px;height:44px;font-size:22px}.fb{border-radius:12px;flex-direction:column;gap:6px;padding:10px 14px;animation:.2s pop;display:flex}.fb.ok{background:var(--ok-lt);border:1px solid var(--ok)}.fb.bad{background:var(--bad-lt);border:1px solid var(--bad)}.fb .h{font-size:19px;font-weight:700;font-family:var(--font-bai),sans-serif}.fb.ok .h{color:var(--ok)}.fb.bad .h{color:var(--bad)}.fb .n{color:var(--soft);font-size:13px}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.go{background:var(--steel);color:var(--panel);border:none;border-radius:12px;width:100%;padding:13px;font-size:17px;font-weight:600}.go.teal{background:var(--teal);color:#fff}.go.light{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.col{flex-direction:column;gap:8px;display:flex}.score{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--panel2);text-align:center;border-radius:12px;padding:10px}.stat b{font-size:28px;line-height:1.2;font-family:var(--font-bai),sans-serif;font-variant-numeric:tabular-nums;display:block}.stat span{color:var(--soft);font-size:13px}.stat.ok b{color:var(--ok)}.stat.bad b{color:var(--bad)}.keylist{flex-direction:column;gap:6px;font-size:15px;display:flex}.keylist div{background:var(--panel2);border-radius:8px;grid-template-columns:48px 1fr;gap:8px;padding:6px 8px;display:grid}.keylist .qn{color:var(--bad);font-weight:700}.keylist o{text-decoration:overline}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;min-width:36px;padding:2px 6px;font-size:13px;font-weight:700}.chip.ok{background:var(--ok-lt);color:var(--ok)}.chip.bad{background:var(--bad-lt);color:var(--bad)}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.fr{vertical-align:middle;text-align:center;flex-direction:column;margin:0 .15em;font-size:.86em;line-height:1.15;display:inline-flex}.ray,.line{padding-top:.45em;line-height:1.2;display:inline-block;position:relative}.ray:before,.line:before{text-align:center;font-size:.85em;position:absolute;top:-.25em;left:0;right:0}.ray:before{content:"⟶"}.line:before{content:"⟷"}.exams{grid-template-columns:1fr 1fr;gap:10px;display:grid}.xcard{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex;position:relative}.xcard .k{color:var(--teal);letter-spacing:.06em;font-size:12px;font-weight:700}.xcard .nm{font-size:20px;font-weight:700;line-height:1.2}.xcard .meta{color:var(--soft);font-size:13px}.xcard .best{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px}.xcard[disabled]{opacity:.55}.xcard.now{border:3px solid var(--bad);padding:12px;animation:1.2s ease-in-out infinite pulse}.xcard.resume{border:3px solid var(--amber);padding:12px}@media (max-width:420px){.exams{grid-template-columns:1fr}}.paperwrap{background:#e9e6df;min-height:100vh;margin-inline:-16px;padding:14px 10px 30px}.paper{color:#111;max-width:720px;font-family:var(--font-serif-thai),var(--font-sarabun),serif;background:#fff;border:1px solid #cfcac0;margin:0 auto;padding:22px 18px 30px;font-size:17px;line-height:1.75;box-shadow:0 2px 10px #00000014}.paper .ribbon{justify-content:center;margin-bottom:6px;display:flex}.paper .ribbon span{background:#ededed;border:2px solid #222;padding:4px 22px;font-size:19px;font-weight:700;box-shadow:3px 3px #888}.paper h3{text-align:center;margin:8px 0 10px;font-size:18px}.paper .instr{border:1.5px solid #222;margin-bottom:12px;padding:10px 14px;font-size:15px;line-height:1.7}.paper .setline{justify-content:center;align-items:center;gap:0;margin:14px 0 18px;display:flex}.paper .setline .oval{z-index:1;background:#e3e3e3;border:2px solid #222;border-radius:50%;padding:6px 22px;font-weight:700;position:relative}.paper .setline .tm{border:2px solid #222;border-left:none;margin-left:-14px;padding:5px 16px 5px 26px;font-weight:700;box-shadow:3px 3px #888}.xq{border-bottom:1px dotted #bbb;padding:10px 0 14px;scroll-margin-top:96px}.xq .qt{grid-template-columns:2.2em 1fr;gap:2px;display:grid}.xq .qt b.n{font-weight:600}.xq .figs{align-items:flex-start;margin:8px 0 4px 2.2em}.xq .figs img{border:none;border-radius:0;padding:0}.xopts{grid-template-columns:1fr;gap:2px;margin-left:2.2em;display:grid}.xopt{text-align:left;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:2.1em 1fr;align-items:center;width:100%;padding:3px 6px;display:grid}.xopt:hover{background:#f4f1ea}.xopt .l{place-items:center;width:1.7em;height:1.7em;font-weight:600;display:grid;position:relative}.xopt.on{background:#fff4d6;border-color:#e2c36b}.xopt.on .l:after{content:"";background:linear-gradient(45deg,#0000 44%,#1f4fb5 44% 56%,#0000 56%),linear-gradient(-45deg,#0000 44%,#1f4fb5 44% 56%,#0000 56%);position:absolute;inset:-2px}.xopts.grid4{grid-template-columns:repeat(4,1fr)}.xbar{top:env(safe-area-inset-top,0px);z-index:5;color:#fff;background:#22313b;border-radius:0 0 10px 10px;flex-wrap:wrap;align-items:center;gap:10px;margin-inline:-10px;padding:8px 12px;display:flex;position:sticky;box-shadow:0 2px 8px #0003}.xbar .ttl{flex:1;min-width:120px;font-size:15px;font-weight:700;line-height:1.3}.xbar .cd{font-family:var(--font-bai),sans-serif;font-variant-numeric:tabular-nums;background:#0e1a21;border-radius:8px;padding:0 10px;font-size:22px;font-weight:700}.xbar .cd.low{background:#b3261e;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.6}}.xbar .cnt{opacity:.9;font-variant-numeric:tabular-nums;font-size:13px}.xbar button{border:none;border-radius:8px;padding:7px 12px;font-size:14px;font-weight:600}.xbar .sheetbtn{color:#22313b;background:#e9e6df}.xbar .submit{background:var(--amber);color:#1e2a33}.sheet .hd{font-family:var(--font-serif-thai),serif;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:700;display:flex}.sheet{--sw:172px;width:var(--sw);overscroll-behavior:contain;z-index:20;padding:10px 8px calc(16px + env(safe-area-inset-bottom,0px));color:#111;background:#fffdf6;border-left:3px solid #22313b;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-6px 0 20px #0003}.sheet.slide{animation:.28s ease-out slidein}@keyframes slidein{0%{transform:translate(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.sheet.slide{animation:none}}body.sheet-open{padding-right:188px}.paperwrap.withsheet .paper{padding:18px 12px 26px}.xbar .sheetbtn.on{background:var(--amber-lt);outline:2px solid var(--amber)}.sheet .hd{flex-direction:column;align-items:stretch;gap:4px;font-size:15px}.sheet .grid{grid-template-columns:1fr;gap:3px;display:grid}.sheet .srow{grid-template-columns:2em repeat(4,26px);gap:3px}@media (min-width:900px){.sheet{--sw:330px;padding:12px 14px}body.sheet-open{padding-right:354px}.paperwrap.withsheet .paper{padding:22px 18px 30px}.sheet .hd{flex-direction:row;align-items:center}.sheet .grid{grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(var(--rows,25),auto);column-gap:18px}}.srow{font-variant-numeric:tabular-nums;grid-template-columns:2.4em repeat(4,1fr);align-items:center;gap:2px;font-size:14px;display:grid}.srow .qn{text-align:right;color:#22313b;background:0 0;border:none;padding-right:6px;font-weight:700;text-decoration:underline}.bub{width:26px;height:26px;font-size:12px;font-family:var(--font-serif-thai),serif;background:#fff;border:1.5px solid #555;border-radius:50%;padding:0;position:relative}.bub.on{color:#fff;background:#1f4fb5;border-color:#1f4fb5}.modal{z-index:30;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal .box{color:#111;width:100%;max-width:420px;font-family:var(--font-serif-thai),serif;background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:18px;display:flex}.modal .box h4{margin:0;font-size:19px}.modal .box p{margin:0;font-size:15px;line-height:1.6}.modal .row{gap:8px;display:flex}.modal .row button{background:#fff;border:1px solid #ccc;border-radius:10px;flex:1;padding:11px;font-size:16px;font-weight:600}.modal .row .yes{color:#fff;background:#22313b;border-color:#22313b}.cover label{flex-direction:column;gap:4px;font-size:15px;display:flex}.cover input{font:inherit;color:#111;background:#fff;border:1px solid #999;border-radius:6px;padding:8px 10px;font-size:16px}.cover .fields{grid-template-columns:1fr 110px;gap:10px;margin:6px 0 14px;display:grid}.cover .startx{color:#fff;width:100%;font-size:17px;font-weight:700;font-family:var(--font-serif-thai),serif;background:#22313b;border:none;border-radius:10px;padding:13px}.cover .back{color:#555;background:0 0;border:none;margin-top:8px;font-size:14px;text-decoration:underline}.topicbar{background:var(--line);border-radius:4px;min-width:60px;height:8px;overflow:hidden}.topicbar i{background:var(--teal);height:100%;display:block}td.tleft{text-align:left;white-space:normal}.xkey{flex-direction:column;gap:6px;display:flex}.xkey .r{background:var(--panel2);border-radius:10px;grid-template-columns:3em 1fr;gap:8px;padding:8px 10px;font-size:15px;line-height:1.5;display:grid}.xkey .r.ok .n{color:var(--ok)}.xkey .r.bad .n{color:var(--bad)}.xkey .n{font-weight:700}.xkey .yours{color:var(--soft);font-size:14px}.toggle{gap:6px;display:flex}.toggle button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:5px 12px;font-size:14px}.toggle button.on{background:var(--steel);color:var(--panel);border-color:var(--steel)}.grade{color:var(--soft);font-size:15px}.secnav{border-bottom:2px solid var(--line);gap:4px;margin:0 0 14px;display:flex}.sec{font:inherit;color:var(--soft);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:17px;font-weight:700}.sec.on{color:var(--teal);border-bottom-color:var(--teal)}.sec:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.card.soon{text-align:center;padding:28px 16px}.top>div{flex:1;min-width:0}.kstar{color:#e8a33d;letter-spacing:1px;font-size:18px}.kbigstar{color:#e8a33d;letter-spacing:4px;font-size:46px}.kq{flex-direction:column;gap:12px;display:flex}.kprompt{font-size:18px;line-height:1.6}.kprompt small{color:var(--soft);font-size:14px}.kprompt .big,.kline .big{font-size:24px;font-weight:700;font-family:var(--font-bai),sans-serif}.khands{background:var(--panel2);border:1px dashed var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.kpile{word-break:break-all;min-height:34px;font-size:26px;line-height:1.25}.kboxes{flex-wrap:wrap;gap:8px;display:flex}.kbox{background:var(--panel);border:2px solid var(--line);border-radius:12px;flex-direction:column;flex:120px;align-items:center;gap:4px;min-width:96px;padding:6px;display:flex}.kboxbtn{border:2px solid var(--teal);background:var(--teal-lt);cursor:pointer;width:100%;color:var(--ink);border-radius:10px;flex-direction:column;align-items:center;padding:4px;display:flex}.kboxbtn:disabled{border-color:var(--line);cursor:default;background:0 0}.kbico{font-size:30px;line-height:1.1}.kbn{color:var(--soft);font-size:12px}.kin{flex-wrap:wrap;justify-content:center;gap:2px;min-height:30px;display:flex}.kit{cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1.1}.kcnt{font-weight:700;font-family:var(--font-bai),sans-serif}.kwarn{color:var(--bad);margin:0;font-weight:600}.kctrs{flex-wrap:wrap;gap:6px;display:flex}.kctr{border:2.5px solid var(--steel);background:var(--panel);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:13px;font-weight:700;display:grid}.kctr.on{cursor:default}.kctr.left{background:var(--lock);border-color:var(--lock);border-style:dashed}.klines{flex-direction:column;gap:12px;font-size:18px;display:flex}.klines.dim{opacity:.45}.kline{flex-wrap:wrap;align-items:center;gap:6px;line-height:1.5;display:flex}.kblank{border:2px solid var(--line);background:var(--panel);min-width:52px;height:42px;font-size:22px;font-weight:700;font-family:var(--font-bai),sans-serif;border-radius:8px;place-items:center;padding:0 6px;display:inline-grid}.kblank.wide{min-width:80px;height:auto;min-height:42px;padding:4px 10px;font-family:inherit;font-size:17px}.kbv{text-align:center;line-height:1.4}.kblank.on{border:3px solid var(--bad);animation:1.2s ease-in-out infinite pulse}.kblank.ok{border-color:var(--ok);background:var(--ok-lt);color:var(--ok)}.kblank.bad{animation:.3s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.kopts{flex-wrap:wrap;gap:8px;display:inline-flex}.kopts.col{flex-direction:column;width:100%;display:flex}.kopt{border:3px solid var(--bad);background:var(--panel);font:inherit;text-align:left;cursor:pointer;color:var(--ink);border-radius:10px;padding:8px 14px;font-size:18px}.kopts:not(.col) .kopt{white-space:nowrap;text-align:center;flex:none}.kopts.col .kopt{border-width:2px;border-color:var(--line);font-size:16px}.kopts.col .kopt:hover{border-color:var(--teal)}.kopt.bad{background:var(--bad-lt);border-color:var(--bad)}.kopts.kbelow{flex-wrap:wrap;justify-content:center;width:100%;display:flex}.kopts.kbelow .kopt{padding:8px 16px;font-size:16px}.s3fw{text-align:center;display:inline-block}.s3fc{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.s3fl{cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-block}.s3fl .s3flap{transform-box:view-box;transform-origin:0 0;transition:transform .55s}.s3fc:checked+.s3fl .s3flap{transform:var(--s3tf)}.u2card{display:inline-block}.u2cc{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.u2cl{background:var(--amber-lt);border:2px solid var(--amber);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;min-width:88px;min-height:52px;padding:8px 10px;font-size:18px;font-weight:700;transition:background .15s;display:inline-flex}.u2cc:checked+.u2cl{background:var(--teal);border-color:var(--teal);color:#fff}.u2back,.u2cc:checked+.u2cl .u2front{display:none}.u2cc:checked+.u2cl .u2back{display:inline}.o1big{text-align:center;letter-spacing:4px;margin:6px 0;font-size:28px;font-weight:800}.knlsc .ptr{fill:#c0392b;stroke:#fff;stroke-width:1.5px}.nlaw{flex-direction:column;gap:6px;width:100%;display:flex}.nlacnt{color:var(--ink);text-align:center;background:var(--panel2);border-radius:10px;padding:6px 10px;font-size:15px}.nlacnt b{color:#c0392b;font-size:18px}.o1pair{flex-wrap:wrap;justify-content:center;gap:6px;max-width:360px;margin:6px auto 2px;display:flex}.o1pc{border:2px solid #0000;border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:3px 4px;font-size:25px;line-height:1.1;display:flex}.o1pc .o1ps{place-items:center;min-height:30px;display:grid}.o1pc .o1pd{color:#bbb;font-size:15px}.o1pc.x{background:#fff3c4;border-color:#e67e22}.kpad{grid-template-columns:repeat(3,1fr);align-self:center;gap:8px;width:100%;max-width:320px;display:grid}.kpad button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:12px;padding:10px 0;font-size:24px;font-weight:700}.kpad .kgo{background:var(--teal);color:#fff;border-color:var(--teal);font-size:18px}.kmsg{margin:0;font-weight:700}.kmsg.ok{color:var(--ok)}.kmsg.bad{color:var(--bad)}.kpic{flex-wrap:wrap;gap:12px;margin-top:8px;font-size:15px;display:flex}.kpicL,.kpicR{background:var(--panel2);text-align:center;border-radius:10px;flex:140px;padding:8px}.kmany{word-break:break-all;font-size:20px;line-height:1.2}.kmany.big2{font-size:34px}.unit.ksecret{color:#fff;background:linear-gradient(135deg,#2b2350,#3e2f7a);border-color:#7e6be0}.unit.ksecret .meta{color:#d9d2ff}.unit.ksecret .no{color:#2b2350;background:#ffd54f}.kreveal{text-align:center;color:#fff;background:linear-gradient(135deg,#2b2350,#3e2f7a);border-color:#7e6be0;animation:.5s ease-out pop}.kreveal-ico{font-size:40px;line-height:1.1}.kpulse{animation:1.2s ease-in-out infinite pulse}.kcal{border:2px solid var(--line);background:var(--panel);border-radius:12px;max-width:330px;margin:10px auto 0;overflow:hidden}.kcalh{background:var(--teal);color:#fff;text-align:center;padding:6px;font-weight:700}.kcal table{table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:0;font-size:16px}.kcal th,.kcal td,.kcal th:first-child,.kcal td:first-child{text-align:center;border-bottom:0;width:14.28%;padding:5px 0}.kcal th{color:var(--muted,#666);font-size:13px}.kcal .sun{color:var(--bad);font-weight:700}.kcal td.mk{border-radius:999px;font-weight:700}.kcal td.mk.r{background:var(--bad);color:#fff}.kcal td.mk.b{color:#0d2a45;background:#64b5f6}.kclk{max-width:100%;height:auto;margin:10px auto 0;display:block}.k2clk{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:6px;display:flex}.k2clk figure{text-align:center;margin:0}.k2clk figcaption{font-size:14px;font-weight:700}.k2clk .kclk{margin-top:4px}.kdur span{border:2px solid var(--teal);color:var(--teal);border-radius:10px;padding:8px 12px;font-weight:700;display:inline-block}.kclkset{align-items:center}.khmode{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.khmode button{font:inherit;border:2px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:15px;font-weight:700;display:inline-flex}.khmode button i{border-radius:3px;width:18px;height:5px;display:inline-block}.khmode button.on{border-color:var(--bad);animation:1s infinite kblink}@keyframes kblink{50%{border-color:#0000}}.khit{cursor:pointer}.khit circle{fill:#0000;stroke:var(--line);stroke-width:1.5px}.khit text{fill:var(--ink);pointer-events:none;font-size:20px;font-weight:700}.khit:hover circle{fill:var(--teal-lt,#dff3f1)}.khit.on circle{fill:#ffe082;stroke:var(--amber,#f9a825)}.kdigi{border:4px solid var(--ink);color:#7cffb2;font-variant-numeric:tabular-nums;letter-spacing:2px;background:#1d2b2a;border-radius:14px;align-items:center;gap:4px;margin:10px auto 0;padding:8px 18px;font-size:40px;font-weight:700;display:inline-flex}.kdigi i{opacity:.8;font-style:normal}.kprompt .kdigi{width:max-content;display:flex}.klab{border:2px dashed var(--line);background:var(--panel);border-radius:12px;align-items:center;gap:12px;max-width:300px;margin:10px auto 0;padding:10px 14px;font-size:16px;display:flex}.klabi{font-size:44px}.pill.day{color:#7a5a00;background:#fff3c4}.pill.night{color:#26307a;background:#dde3ff}.kchip{background:var(--panel);border:1.5px solid var(--line);border-radius:10px;margin-top:6px;padding:6px 12px;font-size:16px;display:inline-block}.kpad.one{grid-template-columns:1fr;max-width:200px}.kclkset svg line,.kclkset svg>circle{pointer-events:none}.kdlw{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.kdlb{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:340px;display:grid}.kdlb .knlb{width:auto;height:42px;padding:0 2px;font-size:14px;font-weight:700}.kdial{margin:4px auto;display:block}.kwt{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0;display:flex}.kwt>div{flex-direction:column;align-items:center;gap:2px;font-weight:700;display:flex}.kwfact{flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0;display:flex}.kwfact span{background:#fff3c4;border:1.5px solid #e6b800;border-radius:10px;padding:4px 10px;font-size:15px;font-weight:700}.fr{vertical-align:middle;flex-direction:column;align-items:center;margin:0 2px;font-size:.92em;line-height:1.15;display:inline-flex}.fr>span:first-child{border-bottom:1.5px solid;padding:0 3px}.fr>span:last-child{padding:0 3px}.eqx{font-family:var(--font-bai),sans-serif;text-align:center;background:var(--panel2);border:1px solid var(--line);border-radius:12px;margin:8px 0 6px;padding:10px;font-size:26px;font-weight:700}.kpad.k4{grid-template-columns:repeat(4,1fr);max-width:360px}.kpad.k4 .kgo{grid-column:span 2}.krule{color:var(--soft);margin-top:8px;font-size:14px}.krule summary{cursor:pointer;color:var(--teal);font-weight:700}.kgeo{max-width:100%;height:auto;margin:8px auto 0;display:block}.kgeo text{fill:var(--ink);font-size:15px;font-weight:700}.gtabs.g7{grid-template-columns:repeat(7,minmax(0,1fr));max-width:540px}.gtabs.g7 .gtab{font-size:15px}.knlwrap{align-items:center;gap:6px;width:100%;margin:8px 0 4px;display:flex}.knlb{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;width:38px;height:38px;color:var(--teal);border-radius:10px;flex:none;font-size:16px}.knlsc{border:1px solid var(--line);background:var(--panel2);-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-radius:10px;flex:1;overflow:auto hidden}.knlsc svg{font-family:var(--font-bai),sans-serif;display:block}.knlsc text{fill:var(--ink);font-size:13px}.knlsc text.z{font-weight:700}.knlsc .ax,.knlsc .tk{stroke:var(--ink);stroke-width:1.4px}.knlsc .pt{fill:#e67e22}.knlsc .ok{fill:var(--ok)}.knlsc{overflow-x:hidden}.knlsc .st{fill:none;stroke:#e67e22;stroke-width:2px;stroke-dasharray:3 2}.knlsc .pl{fill:#c0392b;font-size:13px;font-weight:700}.gtabs.g9{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;max-width:600px}.gtabs.g9 .gtab{padding:8px 0;font-size:14px}@media (max-width:420px){.gtabs.g9 .gtab{font-size:12.5px}}.unit.klesrow{background:var(--panel2);border-style:dashed}.unit.ktestrow{border-width:2px;border-color:var(--teal)}.klesson{font-size:17px;line-height:1.7}.klesson h2{margin:0 0 8px;font-size:22px}.klesson ul{margin:6px 0;padding-left:20px}.kex{background:var(--panel2);border-left:4px solid var(--teal);border-radius:8px;margin:10px 0;padding:10px 12px}.kformula{text-align:center;font-size:22px;font-weight:700;font-family:var(--font-bai),sans-serif;margin:12px 0}.kscale{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.kscale>div{text-align:center;border-radius:10px;flex-direction:column;gap:2px;padding:8px;font-size:15px;display:flex}.kscale>div:first-child{background:#fde2e2}.kscale>div:nth-child(2){background:#fff3c4}.kscale>div:nth-child(3){background:#d8f3e3}.kscale small,.kline01 small{color:#555;font-size:12.5px}.kline01{border-top:4px solid var(--teal);text-align:center;justify-content:space-between;margin:14px 4px;padding-top:6px;font-weight:700;display:flex}.kcols{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:520px){.kcols{grid-template-columns:1fr}}.kcols>div{background:var(--panel2);border-radius:10px;padding:8px 10px}.kdt{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;margin:8px 0;font-size:13px}.kdt th,.kdt td,.kdt th:first-child,.kdt td:first-child{border:1px solid var(--line);text-align:center;white-space:normal;padding:4px 2px}.kdt th{background:var(--panel2)}.kdt td.on{background:#ffe082;font-weight:700}.ktree{font-family:var(--font-bai),sans-serif;flex-direction:column;gap:6px;margin:8px 0;display:flex}.ktree>div{text-align:center;grid-template-columns:1fr 1fr 1.4fr;align-items:center;gap:6px;display:grid}.ktree>div:not(:first-child){background:var(--panel2);border-radius:8px;padding:6px}.kdots{justify-content:center;gap:6px;margin:10px 0;display:flex}.kdots i{background:var(--line);border-radius:50%;width:9px;height:9px}.kdots i.on{background:var(--teal)}.krow{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.krow .go{flex:1;min-width:140px}.kSbox{font-family:var(--font-bai),sans-serif;background:var(--panel2);border-radius:8px;margin-top:8px;padding:6px 10px;font-size:15px}.kset{flex-direction:column;gap:8px;width:100%;display:flex}.kchips{flex-wrap:wrap;gap:6px;display:flex}.kchip2{font:inherit;font-family:var(--font-bai),sans-serif;border:2px solid var(--line);background:var(--panel);min-width:48px;color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 10px;font-size:16px;font-weight:700}.kchip2.on{background:var(--teal);border-color:var(--teal);color:#fff}.kchips.small{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.kchips.small .kchip2{min-width:0;padding:7px 0;font-size:12.5px}.ksetbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ksetok{flex:none;min-width:120px}.ktq{flex-direction:column;gap:8px;display:flex}.ktq.right{border-color:var(--ok)}.ktq.wrong{border-color:var(--bad)}.ktopts{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:520px){.ktopts{grid-template-columns:1fr}}.ktopt{font:inherit;text-align:left;border:2px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:16px;display:flex}.ktopt.sel{border-color:var(--teal);background:var(--teal-lt,#dff3f1)}.ktopt.cor{border-color:var(--ok);background:var(--ok-lt)}.ktopt.bad{border-color:var(--bad);background:var(--bad-lt)}.ktopt:disabled{cursor:default;opacity:1}.ktsub{background:var(--bg,#eef1f4);flex-direction:column;gap:8px;padding:10px 0;display:flex;position:sticky;bottom:0}.kbook{color:var(--soft);border-bottom:1px solid var(--line);margin:14px 2px 6px;padding-bottom:4px;font-size:15px;font-weight:700}.unit.kout{opacity:.78;background:var(--panel2)}.unit.kout .no{background:var(--lock,#9aa5ad)}.ktopics{margin:6px 0 0;padding-left:22px;font-size:15.5px;line-height:1.7}.ktopd summary{cursor:pointer;color:var(--teal);font-weight:700}.ksupb{vertical-align:super;margin-left:1px;line-height:0}.ksupb .kblank{border-radius:7px;min-width:36px;height:32px;padding:0 4px;font-size:16px}.kxr{background:var(--panel2);color:var(--soft);border-radius:8px;margin:2px 0 6px;padding:6px 10px;font-size:14px;display:block}.krv{border-radius:4px;transition:background .3s}.krv.off{background:var(--panel2);border-bottom:2px dashed var(--soft);-webkit-user-select:none;user-select:none;color:#0000!important}.krv.off *{color:#0000!important}span.krv.off{min-width:3.2em;line-height:1.3;display:inline-block}.krv.new{animation:.9s ease-out krvpop}@keyframes krvpop{0%{background:#ffe082}to{background:0 0}}.kabac{justify-content:center;gap:10px;margin:10px 0 6px;display:flex}.kabcol{flex-direction:column;align-items:center;gap:4px;display:flex}.kabrod{background:linear-gradient(var(--soft),var(--soft)) center/3px 100% no-repeat;border-bottom:4px solid var(--ink);flex-direction:column-reverse;align-items:center;gap:2px;width:26px;height:150px;display:flex}.kabrod i{background:var(--teal);border-radius:50%;width:24px;height:12px;display:block}.knl{width:100%;max-width:360px;font-family:var(--font-bai),sans-serif;margin:8px auto;display:block}.knl text{fill:var(--ink);font-size:11px}.knl .ax,.knl .tk{stroke:var(--ink);stroke-width:1.4px}.knl .pt{fill:#e67e22}.knl .lb{fill:#c0392b;font-size:12.5px;font-weight:700}.kvert{border-collapse:collapse;font-family:var(--font-bai),sans-serif;margin:10px auto 4px;font-size:24px;font-weight:700;width:auto!important;min-width:0!important}.kvert td{text-align:right;letter-spacing:.5px;border:none;padding:2px 6px}.kvert td:first-child{color:var(--teal);text-align:center;width:28px}.kvert td.ul{border-bottom:2px solid var(--ink)}.kvert td.ul2{border-bottom:5px double var(--ink);height:28px}.kvc{border-collapse:collapse;font-family:var(--font-bai),sans-serif;margin:8px auto 6px;width:auto!important;min-width:0!important}.kvc td{text-align:center;border:none;min-width:30px;height:auto;padding:2px 1px;font-size:22px;font-weight:700}.kvc td.g3{padding-left:9px}.kvc td.op{color:var(--teal);min-width:22px}.kvc tr.b td:not(.op){border-bottom:2px solid var(--ink)}.kvc tr.r td:not(.op){padding-top:6px}.kvc .kblank{width:30px;min-width:30px;height:36px;padding:0;font-size:20px}.kcm{border:1.5px dashed var(--soft);color:#c0392b;width:24px;height:24px;font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:0;font-size:14px;font-weight:700}.kcm.on{border-style:solid;border-color:#c0392b}.kbw{color:#c0392b;font-size:14px}.kbt{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 3px;font-size:22px;font-weight:700}.kbt:hover{background:var(--panel2)}.kbt.x{color:var(--soft);-webkit-text-decoration:line-through #c0392b;text-decoration:line-through #c0392b;text-decoration-thickness:2px}.kvc tr.m td{height:26px}.kldiv{font-family:var(--font-bai),sans-serif;justify-content:center;align-items:stretch;margin:10px auto 2px;font-size:24px;font-weight:700;display:flex}.kldiv .dv{padding:2px 8px 0 0}.kldiv .dd{border-left:2.5px solid var(--ink);border-top:2.5px solid var(--ink);border-top-left-radius:12px;padding:2px 10px 0 12px}.kfsh{max-width:100%;margin:6px auto;display:block}.klesson .kln{margin:7px 0;line-height:1.75;display:block}.klesson .kstep{flex-direction:column;gap:6px;margin:8px 0 8px 14px;font-size:18px;display:flex}.klesson .ksep{border:none;border-top:1px dashed var(--line);margin:10px 0}.kmix{vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.kmix .kmw .kblank{min-width:52px;height:56px;font-size:26px}.kmix .kmf{flex-direction:column;align-items:center;gap:3px;display:inline-flex}.kmix .kmf i{border-top:3px solid var(--ink);width:100%;min-width:56px;height:0;display:block}.kmix .kmf .kblank{min-width:52px;height:42px;font-size:22px}.kmix .kmt{min-width:52px;height:42px;font-size:22px;font-weight:700;font-family:var(--font-bai),sans-serif;place-items:center;display:inline-grid}.kqb{border:2px dashed var(--soft);min-width:52px;height:42px;color:#0000;background:var(--panel);border-radius:8px;place-items:center;margin:2px 0;font-size:18px;font-weight:700;display:inline-grid;border:2px solid var(--line)!important}.kopts.kbelow{flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0 4px;display:flex}.kmn{white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.kopts.kbelow .kopt{text-align:center;white-space:nowrap;flex:none;justify-content:center;align-items:center;min-width:60px;min-height:52px;padding:8px 18px;font-size:19px;line-height:1.2;display:inline-flex}.kline .kblank{text-align:center;line-height:1}.kml{text-align:right;color:var(--ink);font-size:14px;line-height:1.25;display:inline-block}.kline:has(.kml){flex-wrap:nowrap;gap:4px}.kline:has(.kml) .kmf .kblank{min-width:44px}.kshm{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0;display:flex}.kshm .kfsh{margin:0}.kvc td.kdp{min-width:10px;padding:0;font-size:26px}.kvc td.kpz{color:var(--muted,#9aa3ad);font-weight:500}.kdpt{border-collapse:collapse;font-family:var(--font-bai),sans-serif;margin:8px auto;width:auto!important;min-width:0!important}.kdpt th{color:var(--teal);border-bottom:1px solid var(--line);padding:2px 4px;font-size:12px;font-weight:600}.kdpt td{text-align:center;padding:2px 6px;font-size:26px;font-weight:700}.kbcf{text-align:center;max-width:380px;margin:8px auto}.kbct{margin-bottom:4px;font-size:15px;font-weight:700}.kbcl{justify-content:center;gap:14px;margin-top:2px;font-size:13px;display:flex}.kbcl i,.kbcb i{vertical-align:middle;border-radius:2px;width:11px;height:11px;margin-right:4px;display:inline-block}.kbcw{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.kbcc{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.kbci{border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:4px 6px;font-size:12px;display:flex}.kbcb{align-items:center;gap:3px;display:flex}.kdt{border-collapse:collapse;max-width:100%;margin:8px auto;font-size:12.5px;width:auto!important;min-width:0!important}.kdt caption{caption-side:top;margin-bottom:4px;font-size:14px;font-weight:700}.kdt th,.kdt td{border:1px solid var(--line);text-align:center;padding:3px 4px}.kdt th{background:var(--ok-lt,#e7f6f3);font-weight:700}.kdt td:first-child{text-align:left;font-weight:600}.kdt td.q{color:#555;background:#d9dde3;font-weight:700}.kdt tr.tot td{background:#00000008;font-weight:700}.kdtw{max-width:100%;overflow-x:auto}.kfig{text-align:center;margin:6px 0}.kbcb .knlb{width:30px;min-width:30px;height:34px;padding:4px 2px;font-size:13px;min-width:0!important;padding:0!important}.gtabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:480px;margin:12px 0 4px;display:grid}.gtab{font:inherit;border:1.5px solid var(--teal);color:var(--teal);cursor:pointer;background:0 0;border-radius:999px;padding:8px 0;font-size:16px;font-weight:700}.gtab.on{background:var(--teal);color:#fff}.gtab:focus-visible{outline:3px solid var(--amber);outline-offset:2px}body{padding-top:calc(14px + env(safe-area-inset-top,0px));padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}a.unit,a.xcard,a.go,a.ghost,a.back{color:inherit;text-decoration:none}a.ghost{display:inline-block}.cover a.back{color:#555;text-decoration:underline;display:inline-block}a.go{text-align:center;display:block}a.go.teal{color:#fff}a.go:not(.light):not(.teal){color:var(--panel)}.sec{text-decoration:none}.gtab{text-align:center;text-decoration:none}.figs img{height:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.acct{align-items:center;gap:10px;min-width:0;margin-left:auto;font-size:14px;display:flex}.acctname{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;flex-direction:column;align-items:flex-end;max-width:160px;line-height:1.25;display:flex;overflow:hidden}.acctname small{color:var(--teal);font-size:11.5px}.acctname small.bad{color:var(--bad)}.acctbtn{border:1.5px solid var(--teal);color:var(--teal);white-space:nowrap;border-radius:999px;padding:4px 12px;font-weight:700;text-decoration:none}.login input{font:inherit;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:11px 12px;font-size:17px}.login input:focus-visible{outline:3px solid var(--amber);outline-offset:1px}.login label{font-weight:600}@media (max-width:420px){.sec{padding:10px 12px}.acctname{max-width:110px}}.wrap:has(.wide){max-width:1100px}.wide{flex-direction:column;gap:14px;min-width:0;display:flex}.wide>.ghost{align-self:flex-start}:root{--m0:#cde2fb;--m1:#86b6ef;--m2:#5598e7;--m3:#256abf;--m4:#0d366b;--m0-ink:#1e2a33;--m1-ink:#1e2a33;--m2-ink:#1e2a33;--m3-ink:#fff;--m4-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--m0:#104281;--m1:#1c5cab;--m2:#3987e5;--m3:#86b6ef;--m4:#b7d3f6;--m0-ink:#fff;--m1-ink:#fff;--m2-ink:#0b0b0b;--m3-ink:#0b0b0b;--m4-ink:#0b0b0b}}:root[data-theme=dark]{--m0:#104281;--m1:#1c5cab;--m2:#3987e5;--m3:#86b6ef;--m4:#b7d3f6;--m0-ink:#fff;--m1-ink:#fff;--m2-ink:#0b0b0b;--m3-ink:#0b0b0b;--m4-ink:#0b0b0b}.m0{background:var(--m0);color:var(--m0-ink)}.m1{background:var(--m1);color:var(--m1-ink)}.m2{background:var(--m2);color:var(--m2-ink)}.m3{background:var(--m3);color:var(--m3-ink)}.m4{background:var(--m4);color:var(--m4-ink)}.heatwrap{-webkit-overflow-scrolling:touch;margin-inline:-4px;overflow-x:auto}table.heat{border-collapse:separate;border-spacing:2px;width:auto;min-width:0;font-size:13px}.heat th,.heat td{white-space:nowrap;border:none;padding:0}.heat thead th{vertical-align:bottom;text-align:center;color:var(--soft);max-width:64px;padding:0 2px 4px;font-weight:600}.heat thead .uh{color:var(--ink);font-size:13px;display:block}.heat thead .us{text-overflow:ellipsis;max-width:64px;font-size:11px;font-weight:500;display:block;overflow:hidden}.heat .sticky{z-index:1;background:var(--panel);text-align:left;text-overflow:ellipsis;max-width:150px;padding-right:8px;position:sticky;left:0;overflow:hidden}.heat td.m{text-align:center;font-variant-numeric:tabular-nums;cursor:default;border-radius:4px;min-width:44px;height:34px;padding:0 4px;font-weight:700}.heat td.m:focus-visible{outline:3px solid var(--amber);outline-offset:1px}.heat td.none,.scale i.none{background:var(--panel2);color:var(--soft);font-weight:500}.heat tr.avg th,.heat tr.avg td{border-top:2px solid var(--line)}.heat tr.avg th{color:var(--soft);font-weight:700}.heat tr.sel th{color:var(--teal)}.sname{color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:150px;padding:6px 0;font-size:14px;font-weight:600;text-decoration:none;overflow:hidden}.sname:hover{text-decoration:underline}.scale{color:var(--soft);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:8px;font-size:12.5px;display:flex}.scale .sw{align-items:center;gap:4px;display:inline-flex}.scale i{border-radius:3px;width:16px;height:12px;display:inline-block}.viz-tip{z-index:40;background:var(--ink);max-width:260px;color:var(--panel);pointer-events:none;border-radius:8px;padding:6px 10px;font-size:13px;line-height:1.45;position:fixed;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 4px 14px #0000002e}.tiles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (max-width:700px){.tiles{grid-template-columns:repeat(2,1fr)}}.tiles .stat b small{color:var(--soft);font-size:.55em;font-weight:600}.verified{color:var(--ok);white-space:nowrap;font-size:12.5px;font-weight:700}.classgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.code{font-family:var(--font-bai),monospace;letter-spacing:.12em;color:var(--ink);font-weight:700}.code.big{font-size:30px;line-height:1.1}.joincode{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.joincode .row{gap:8px;display:flex}.toggle-btn{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:6px 14px;font-size:14px}.toggle-btn:hover:not(:disabled){border-color:var(--teal)}.plainlist{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.plainlist li{background:var(--panel2);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.login select{font:inherit;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:16px}.codeinput{letter-spacing:.3em;text-transform:uppercase;font-weight:700;font-family:var(--font-bai),monospace!important;font-size:22px!important}.joinform{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.joinform h3{color:var(--steel);margin:0;font-size:17px}.acctname{text-decoration:none}a.acctname:hover{text-decoration:underline}.tasks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.task{background:var(--panel2);border-left:4px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.task>a{color:inherit;flex-direction:column;flex:1;gap:2px;min-width:0;text-decoration:none;display:flex}.task .tt{font-weight:700;line-height:1.35}.task .tnote{color:var(--ink);font-size:14px;font-style:italic}.task .tstate{white-space:nowrap;color:var(--soft);font-size:13.5px;font-weight:700}.task .tstate small{color:var(--soft);font-weight:600;display:block}.task.done{border-left-color:var(--ok)}.task.done .tstate{color:var(--ok)}.task.due-soon{border-left-color:var(--amber)}.task.due-soon .tstate{color:var(--ink)}.task.overdue{border-left-color:var(--bad)}.task.overdue .tstate{color:var(--bad)}.task.teacher{border-left-color:var(--teal);align-items:flex-start}.task .tmain{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tprog{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.tprog .topicbar{flex:0 0 120px}.latemark{color:var(--bad);white-space:nowrap;font-size:12.5px;font-weight:700}.login input[type=date]{font:inherit;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:9px 12px;font-size:16px}.lessons{flex-direction:column;gap:14px;min-width:0;display:flex}.lessons:empty{display:none}.login textarea{font:inherit;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);resize:vertical;border-radius:10px;min-height:120px;padding:10px 12px;font-size:15px}.login textarea:focus-visible{outline:3px solid var(--amber);outline-offset:1px}.rosterbad{color:var(--bad);margin:0;padding-left:18px;font-size:13.5px}.login code{background:var(--panel2);border-radius:5px;padding:1px 5px;font-size:13px}.login input[type=search]{font:inherit;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;width:100%;padding:10px 12px;font-size:16px}.usertable{min-width:640px}.usertable tr.sel td{background:var(--teal-lt)}.facts{grid-template-columns:max-content 1fr;gap:4px 14px;margin:0;font-size:15px;display:grid}.facts dt{color:var(--soft)}.facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.adminacts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toggle-btn.danger{color:var(--bad);border-color:var(--bad)}.dangerbox{border:1.5px solid var(--bad);background:var(--bad-lt);border-radius:12px;padding:12px}.addteacher{grid-template-columns:2fr 1.4fr auto;align-items:end;gap:10px;display:grid}.addteacher label{flex-direction:column;gap:4px;font-weight:600;display:flex}.addteacher input{font:inherit;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:16px}@media (max-width:640px){.addteacher{grid-template-columns:1fr}}.rolesel{font:inherit;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:4px 8px;font-size:15px}.apphead{flex-direction:column;gap:2px;display:flex}.apphead-top{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.brand{font-family:var(--font-bai),var(--font-sarabun),sans-serif;color:var(--steel);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:8px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--teal);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;line-height:1;display:inline-grid}.apphead .secnav{scrollbar-width:none;margin:0;overflow-x:auto}.apphead .secnav::-webkit-scrollbar{display:none}.apphead .sec{white-space:nowrap}.acctname{flex-direction:row;align-items:center;gap:8px;max-width:200px}.acctlines{text-overflow:ellipsis;white-space:nowrap;flex-direction:column;align-items:flex-end;min-width:0;line-height:1.25;display:flex;overflow:hidden}.avatar{background:var(--teal-lt);width:32px;height:32px;color:var(--teal);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}@media (max-width:420px){.acctlines{display:none}.brand{font-size:17px}}.skel{background:linear-gradient(90deg,var(--panel2) 0%,var(--line) 50%,var(--panel2) 100%);background-size:200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite skel;display:block}@keyframes skel{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.btn-danger{font:inherit;border:1.5px solid var(--bad);background:var(--bad);color:#fff;cursor:pointer;white-space:nowrap;border-radius:999px;min-height:36px;padding:6px 14px;font-size:14px;font-weight:700}.btn-danger.subtle{color:var(--bad);background:0 0;font-weight:600}.btn-danger.subtle:hover:not(:disabled){background:var(--bad-lt)}.btn-danger:disabled{opacity:.5;cursor:default}.confirmrow{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:inline-flex}.toggle-btn{min-height:36px}.resumebar{border:2px solid var(--amber);background:var(--amber-lt);color:var(--ink);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.resumebar .resumego{white-space:nowrap;color:var(--steel);font-weight:700}.unitbar{background:var(--line);border-radius:3px;max-width:220px;height:5px;margin-top:6px;display:block;overflow:hidden}.unitbar i{background:var(--teal);border-radius:3px;height:100%;display:block}details.history>summary{cursor:pointer;color:var(--steel);font-size:17px;font-weight:700;list-style-position:inside}.classhead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.classhead h1{color:var(--steel);margin:2px 0 0;font-size:28px;line-height:1.15}.codechip{border:1px solid var(--line);background:var(--panel);border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:inline-flex}.codechip .code{font-size:18px}.chipbtn{font:inherit;border:1px solid var(--line);background:var(--panel2);cursor:pointer;color:var(--ink);border-radius:999px;padding:3px 10px;font-size:13px}.chipbtn:hover:not(:disabled){border-color:var(--teal)}.tabs{scrollbar-width:none;border-bottom:2px solid var(--line);gap:4px;margin-bottom:-4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{font:inherit;color:var(--soft);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:9px 14px;font-size:15px;font-weight:700}.tabs button.on{color:var(--teal);border-bottom-color:var(--teal)}.tabs button:focus-visible{outline:3px solid var(--amber);outline-offset:-3px}.wrap{max-width:1100px}.wrap>*{width:100%;max-width:720px;margin-inline:auto}.wrap>.apphead,.wrap>.wide{max-width:none}.wrap>.paperwrap{width:auto;max-width:none;margin-inline:-16px}@media (min-width:760px){.wide .units{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wide .units>.unit{height:100%}.wide .tasks{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (min-width:1080px){.wide .exams{grid-template-columns:repeat(4,minmax(0,1fr))}}.tablewrap{background:linear-gradient(90deg,var(--panel) 30%,transparent) left/40px 100% no-repeat local, linear-gradient(270deg,var(--panel) 30%,transparent) right/40px 100% no-repeat local, radial-gradient(farthest-side at 0 50%,#00000029,transparent) left/12px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%,#00000029,transparent) right/12px 100% no-repeat scroll}@media (max-width:599px){body.sheet-open{padding-right:16px}.sheet{width:auto;max-height:55vh;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:3px solid #22313b;border-left:none;border-radius:16px 16px 0 0;top:auto;left:0;right:0;box-shadow:0 -8px 24px #0003}.sheet.slide{animation:.28s ease-out sheetup}.sheet .hd{flex-direction:row;align-items:center}.sheet .grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.paperwrap.withsheet{padding-bottom:58vh}}@keyframes sheetup{0%{transform:translateY(100%)}to{transform:none}}@media (max-width:420px){.facts{grid-template-columns:1fr;gap:0}.facts dt{margin-top:8px;font-size:13px}.classhead h1{font-size:24px}.codechip{border-radius:14px;width:100%}}@media (max-width:360px){body,body.sheet-open{padding-inline:12px}.wrap>.paperwrap{margin-inline:-12px}h1{font-size:24px}.score .stat b,.tiles .stat b{font-size:22px}.opt{padding:8px 10px;font-size:16px}.xbar{gap:6px}.xbar button{padding:6px 9px;font-size:13px}.gtabs .gtab{font-size:14px}}.progtable{min-width:0}.progtable td,.progtable th{vertical-align:middle}.progtable td.nm{text-align:left;white-space:normal;min-width:130px}@media (max-width:600px){.progtable .wideonly{display:none}}.mpill{font-variant-numeric:tabular-nums;border-radius:999px;min-width:52px;padding:2px 10px;font-weight:700;display:inline-block}.delta{color:var(--soft);white-space:nowrap;font-size:13px;font-weight:700}.delta.up{color:var(--ok)}.delta.down{color:var(--bad)}.trend{width:100%;position:relative}.trend svg{display:block;overflow:visible}.trend .grid{stroke:var(--line);stroke-width:1px}.trend .guide{stroke:var(--soft);stroke-width:1px;stroke-dasharray:3 3}.trend .axis{fill:var(--soft);font-variant-numeric:tabular-nums;font-size:11px}.trend .ln{fill:none;stroke:var(--m3);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.trend .dot,.scale .dot{fill:var(--m3);stroke:var(--panel);stroke-width:2px}.trend .dot.exam,.scale .dot.exam{fill:var(--panel);stroke:var(--m3);stroke-width:2.5px}.trend .hit{fill:#0000;cursor:default;outline:none}.trend .hit:focus-visible{stroke:var(--amber);stroke-width:3px}.trend-tip{z-index:5;background:var(--ink);max-width:240px;color:var(--panel);pointer-events:none;border-radius:8px;padding:6px 10px;font-size:13px;line-height:1.45;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 4px 14px #0000002e}.progresslink{color:inherit;gap:4px;text-decoration:none}.progresslink:hover h2{text-decoration:underline}
:root{--c-bg:#f7f7fb;--c-surface:#fff;--c-surface-2:#f1f0f7;--c-border:#e4e2ee;--c-border-strong:#d2cfe0;--c-text:#181431;--c-text-2:#4d4868;--c-text-3:#625d7c;--c-primary:#181431;--c-primary-hover:#2a2452;--c-on-primary:#fff;--c-primary-soft:#eeecf7;--c-primary-text:#3a3170;--c-success:#16713d;--c-success-soft:#e6f4ec;--c-on-success:#fff;--c-danger:#c0362f;--c-danger-soft:#fbebea;--c-on-danger:#fff;--c-warning:#8a5a00;--c-warning-soft:#fff4d6;--c-accent:#fbca41;--c-on-accent:#181431;--c-ring:color-mix(in srgb, var(--c-primary-text) 35%, transparent);--shadow-1:0 1px 2px #0e1b220d, 0 1px 3px #0e1b220f;--shadow-2:0 2px 4px #0e1b220d, 0 6px 16px #0e1b2214;--shadow-3:0 12px 32px #0e1b2229;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--ease:cubic-bezier(.2, .8, .2, 1);--t-fast:.12s;--t-med:.2s;--bg:var(--c-bg);--panel:var(--c-surface);--panel2:var(--c-surface-2);--ink:var(--c-text);--soft:var(--c-text-2);--line:var(--c-border);--steel:var(--c-text);--teal:var(--c-primary);--teal-lt:var(--c-primary-soft);--ok:var(--c-success);--ok-lt:var(--c-success-soft);--bad:var(--c-danger);--bad-lt:var(--c-danger-soft);--amber:var(--c-accent);--amber-lt:var(--c-warning-soft);--lock:#a7b4bc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-bg:#0e0c1d;--c-surface:#17142b;--c-surface-2:#1f1b38;--c-border:#2d2850;--c-border-strong:#3b3566;--c-text:#eeecf7;--c-text-2:#b4afcf;--c-text-3:#958fb5;--c-primary:#fbca41;--c-primary-hover:#ffd866;--c-on-primary:#181431;--c-primary-soft:#2e2814;--c-primary-text:#ffd866;--c-success:#4cc47f;--c-success-soft:#12301f;--c-on-success:#06200f;--c-danger:#f0766f;--c-danger-soft:#3a1a19;--c-on-danger:#200807;--c-warning:#f2b450;--c-warning-soft:#33260f;--c-accent:#fbca41;--c-on-accent:#181431;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 14px #00000059;--shadow-3:0 14px 36px #00000080;--lock:#4b5a62;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--c-bg:#0e0c1d;--c-surface:#17142b;--c-surface-2:#1f1b38;--c-border:#2d2850;--c-border-strong:#3b3566;--c-text:#eeecf7;--c-text-2:#b4afcf;--c-text-3:#958fb5;--c-primary:#fbca41;--c-primary-hover:#ffd866;--c-on-primary:#181431;--c-primary-soft:#2e2814;--c-primary-text:#ffd866;--c-success:#4cc47f;--c-success-soft:#12301f;--c-on-success:#06200f;--c-danger:#f0766f;--c-danger-soft:#3a1a19;--c-on-danger:#200807;--c-warning:#f2b450;--c-warning-soft:#33260f;--c-accent:#fbca41;--c-on-accent:#181431;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 14px #00000059;--shadow-3:0 14px 36px #00000080;--lock:#4b5a62;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:not([data-theme=__none__]){--bg:var(--c-bg);--panel:var(--c-surface);--panel2:var(--c-surface-2);--ink:var(--c-text);--soft:var(--c-text-2);--line:var(--c-border);--steel:var(--c-text);--teal:var(--c-primary);--teal-lt:var(--c-primary-soft);--ok:var(--c-success);--ok-lt:var(--c-success-soft);--bad:var(--c-danger);--bad-lt:var(--c-danger-soft);--amber:var(--c-accent);--amber-lt:var(--c-warning-soft)}html{--font-bai:var(--font-heading);--font-sarabun:var(--font-body);background:var(--c-bg)}body{background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}::selection{background:color-mix(in srgb, var(--c-primary) 22%, transparent)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--c-ring);outline-offset:2px}.wrap{gap:16px}@media (min-width:760px){.wrap{gap:20px}}h1,h2,h3{color:var(--c-text);letter-spacing:-.005em}h1,h2,h3,.disp{font-family:var(--font-heading), var(--font-body), sans-serif}h1{font-size:clamp(26px,2.2vw + 18px,34px);font-weight:600;line-height:1.3}h2{font-size:18px;font-weight:600;line-height:1.4}h3{font-weight:600}.go,.gtab,.sec,.tabs button,.tag{font-family:var(--font-heading), var(--font-body), sans-serif;font-weight:500}body{font-family:var(--font-body), system-ui, sans-serif}.eyebrow{color:var(--c-primary-text);letter-spacing:.04em;font-size:12.5px;font-weight:700}.sub{color:var(--c-text-2);font-size:15px}.meta,.empty{color:var(--c-text-3)}.top h1{margin-top:4px}.apphead{z-index:15;padding:calc(6px + env(safe-area-inset-top,0px)) 16px 0;background:color-mix(in srgb, var(--c-bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--c-border);margin-inline:-16px;position:sticky;top:0}.wrap>.apphead{width:auto}@media (max-width:360px){.apphead{margin-inline:-12px;padding-inline:12px}}.apphead .secnav{border-bottom:none;gap:2px}.brand{color:var(--c-text);gap:10px;font-size:18px}.brand-mark{background:0 0;border-radius:9px;width:30px;height:30px;display:inline-block}.brand-mark svg{width:100%;height:100%;display:block}.sec{color:var(--c-text-2);transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);border-bottom:2px solid #0000;padding:10px 14px;font-size:15px;font-weight:600}.sec:hover{color:var(--c-text)}.sec.on{color:var(--c-primary-text);border-bottom-color:var(--c-primary)}.avatar{background:var(--c-primary-soft);color:var(--c-primary-text);width:34px;height:34px;font-size:14px}.acctname{color:var(--c-text-2)}.acctname small{color:var(--c-primary-text)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:18px}@media (min-width:760px){.card{padding:22px}}.card h2{margin:0 0 10px}.card.soon{padding:32px 20px}.go{border-radius:var(--r-md);background:var(--c-text);min-height:48px;color:var(--c-surface);box-shadow:var(--shadow-1);transition:background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding:12px 18px;font-size:16px;font-weight:700}.go:hover:not(:disabled){box-shadow:var(--shadow-2)}.go:active:not(:disabled){transform:scale(.985)}.go:disabled{opacity:.55;box-shadow:none}.go.teal,a.go.teal{background:var(--c-primary);color:var(--c-on-primary)}.go.teal:hover:not(:disabled){background:var(--c-primary-hover)}.go.light,a.go.light{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border-strong);box-shadow:none}.go.light:hover:not(:disabled){background:var(--c-surface-2)}a.go:not(.light):not(.teal){color:var(--c-surface)}.go.danger{background:var(--c-danger);color:var(--c-on-danger)}.ghost,.toggle-btn,.chipbtn{background:var(--c-surface);border:1px solid var(--c-border-strong);color:var(--c-text);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);font-weight:600}.ghost{border-radius:var(--r-pill);padding:6px 14px;font-size:14px;text-decoration:none}.ghost:hover,.toggle-btn:hover:not(:disabled),.chipbtn:hover:not(:disabled){background:var(--c-surface-2);border-color:var(--c-primary)}.toggle button{border-color:var(--c-border-strong);background:var(--c-surface);color:var(--c-text-2);font-weight:600}.toggle button.on{background:var(--c-text);color:var(--c-surface);border-color:var(--c-text)}.linkbtn{color:var(--c-primary-text)}.btn-danger{background:var(--c-danger);border-color:var(--c-danger);color:var(--c-on-danger)}.btn-danger.subtle{color:var(--c-danger);background:0 0}.login input,.login select,.login textarea,.cover input,.addteacher input{border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);min-height:46px;color:var(--c-text);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease)}.login input:focus,.login select:focus,.login textarea:focus,.addteacher input:focus{border-color:var(--c-primary);box-shadow:0 0 0 4px var(--c-ring);outline:none}.login label,.addteacher label{color:var(--c-text);font-size:14.5px;font-weight:600}.kwarn{color:var(--c-danger)}.secnav,.tabs{border-bottom:1px solid var(--c-border)}.tabs button{color:var(--c-text-2);border-bottom-width:2px;font-weight:600}.tabs button.on{color:var(--c-primary-text);border-bottom-color:var(--c-primary)}.gtab{border:1px solid var(--c-border-strong);color:var(--c-text-2);background:var(--c-surface);transition:all var(--t-fast) var(--ease);font-weight:600}.gtab:hover{border-color:var(--c-primary);color:var(--c-primary-text)}.gtab.on{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.unit{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease), transform var(--t-med) var(--ease);padding:14px 16px}a.unit:hover{border-color:color-mix(in srgb, var(--c-primary) 45%, var(--c-border));box-shadow:var(--shadow-2);transform:translateY(-1px)}.unit .no{border-radius:var(--r-md);background:var(--c-surface-2);width:44px;height:44px;color:var(--c-text);font-size:18px}.unit .nm{color:var(--c-text);font-size:16px;font-weight:700}.unit .best b{color:var(--c-text);font-size:19px}.unit.now{border:2px solid var(--c-primary);box-shadow:0 0 0 4px var(--c-primary-soft), var(--shadow-1);padding:13px 15px;animation:none}.tag{background:var(--c-primary);color:var(--c-on-primary);border-radius:var(--r-pill);letter-spacing:.02em;padding:0 10px;font-size:11.5px;font-weight:700}.unitbar{background:var(--c-surface-2);border-radius:3px;height:6px}.unitbar i,.topicbar i,.prog i{background:var(--c-primary)}.topicbar,.prog{background:var(--c-surface-2)}.unit.pending{box-shadow:none;background:0 0}.xcard{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease), transform var(--t-med) var(--ease);padding:16px}a.xcard:hover{border-color:color-mix(in srgb, var(--c-primary) 45%, var(--c-border));box-shadow:var(--shadow-2);transform:translateY(-1px)}.xcard .k{color:var(--c-primary-text)}.xcard.now{border:2px solid var(--c-primary);box-shadow:0 0 0 4px var(--c-primary-soft);padding:15px;animation:none}.xcard.resume{border:2px solid var(--c-accent);padding:15px}.resumebar{border:1px solid color-mix(in srgb, var(--c-accent) 60%, transparent);background:var(--c-warning-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.resumebar .resumego{color:var(--c-text)}.task{background:var(--c-surface-2);border-radius:var(--r-md);border-left-width:3px}.task.done .tstate{color:var(--c-success)}.task.overdue .tstate{color:var(--c-danger)}.stat,.tiles .stat{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:14px 12px}.stat b{color:var(--c-text)}.stat span{color:var(--c-text-3);font-size:13px}.stat.ok b{color:var(--c-success)}.stat.bad b{color:var(--c-danger)}th{color:var(--c-text-3);letter-spacing:.03em;font-size:12px;font-weight:700}th,td{border-bottom-color:var(--c-border)}tbody tr{transition:background var(--t-fast) var(--ease)}tbody tr:hover td{background:color-mix(in srgb, var(--c-surface-2) 70%, transparent)}td.okc{color:var(--c-success)}td.badc{color:var(--c-danger)}.verified{color:var(--c-success)}.bar{background:color-mix(in srgb, var(--c-bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.prog{border-radius:4px;height:8px}.clock{border-color:var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--r-md)}.qno{color:var(--c-primary-text)}.qtext{color:var(--c-text);font-size:19px;line-height:1.7}.opt{border:1.5px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);min-height:56px;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease)}.opt:not(:disabled):hover{border-color:var(--c-primary);background:color-mix(in srgb, var(--c-primary-soft) 45%, var(--c-surface))}.opt:not(:disabled):active{transform:scale(.99)}.opt .k{background:var(--c-surface-2);color:var(--c-text);border-radius:var(--r-sm)}.opt.ok{border-color:var(--c-success);background:var(--c-success-soft)}.opt.ok .k{background:var(--c-success);color:var(--c-on-success)}.opt.bad{border-color:var(--c-danger);background:var(--c-danger-soft)}.opt.bad .k{background:var(--c-danger);color:var(--c-on-danger)}.fb{border-radius:var(--r-md);border-width:1px 1px 1px 4px}.fb.ok{background:var(--c-success-soft);border-color:var(--c-success)}.fb.bad{background:var(--c-danger-soft);border-color:var(--c-danger)}.fb.ok .h{color:var(--c-success)}.fb.bad .h{color:var(--c-danger)}.pill.ok{background:var(--c-success-soft);color:var(--c-success)}.pill.bad{background:var(--c-danger-soft);color:var(--c-danger)}.chip.ok{background:var(--c-success-soft);color:var(--c-success)}.chip.bad{background:var(--c-danger-soft);color:var(--c-danger)}.keylist div,.xkey .r{background:var(--c-surface-2);border-radius:var(--r-sm)}.codechip{background:var(--c-surface);border-color:var(--c-border);box-shadow:var(--shadow-1)}.codechip .code{color:var(--c-text)}.heat .sticky{background:var(--c-surface)}.auth{width:100%;max-width:440px!important;margin:clamp(8px,6vh,56px) auto 0!important}.auth .top{text-align:center}.auth .top>div{flex-direction:column;align-items:center;display:flex}.auth .toggle{justify-content:center}.auth .card{box-shadow:var(--shadow-2)}.auth>p.empty{text-align:center}.kpad .kgo,.kchip2.on,.u2cc:checked+.u2cl,.kcalh{color:var(--c-on-primary)}.kcal td.mk.r{color:var(--c-on-danger)}.skel{background:linear-gradient(90deg, var(--c-surface-2) 0%, var(--c-border) 50%, var(--c-surface-2) 100%);background-size:200% 100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}a.unit:hover,a.xcard:hover{transform:none}}.acct{position:relative}.acctbutton{font:inherit;border-radius:var(--r-pill);color:var(--c-text-2);cursor:pointer;max-width:240px;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.acctbutton:hover,.acctbutton.open{background:var(--c-surface);border-color:var(--c-border)}.acctbutton .chev{width:14px;height:14px;color:var(--c-text-3);transition:transform var(--t-fast) var(--ease);flex:none}.acctbutton.open .chev{transform:rotate(180deg)}.acctmenu{z-index:40;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);width:min(300px,100vw - 24px);box-shadow:var(--shadow-3);transform-origin:100% 0;animation:am-in var(--t-med) var(--ease);padding:6px;position:absolute;top:calc(100% + 8px);right:0}@keyframes am-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.am-head{align-items:center;gap:12px;padding:10px 10px 12px;display:flex}.avatar.big{width:42px;height:42px;font-size:17px}.am-who{flex-direction:column;min-width:0;line-height:1.35;display:flex}.am-who b{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.am-who .meta{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.am-role{color:var(--c-primary-text);background:var(--c-primary-soft);border-radius:var(--r-pill);align-self:flex-start;margin-top:4px;padding:1px 8px;font-size:11.5px;font-weight:700}.am-group{border-top:1px solid var(--c-border);flex-direction:column;padding:6px 0;display:flex}.am-item{font:inherit;border-radius:var(--r-sm);width:100%;min-height:42px;color:var(--c-text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.am-item:hover,.am-item:focus-visible{background:var(--c-surface-2);outline:none}.am-item.danger{color:var(--c-danger)}.am-item.danger:hover,.am-item.danger:focus-visible{background:var(--c-danger-soft)}.am-item:disabled{opacity:.6;cursor:default}.am-icon{width:18px;height:18px;color:var(--c-text-3);flex:none}.am-item.danger .am-icon{color:currentColor}.am-label{color:var(--c-text-3);letter-spacing:.03em;padding:4px 10px 6px;font-size:12px;font-weight:700}.am-seg{background:var(--c-surface-2);border-radius:var(--r-md);grid-template-columns:repeat(3,1fr);gap:4px;margin:0 6px;padding:3px;display:grid}.am-seg button{font:inherit;border-radius:var(--r-sm);min-height:36px;color:var(--c-text-2);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}.am-seg button.on{background:var(--c-primary-soft);color:var(--c-primary-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-primary) 40%, transparent)}.am-seg button:focus-visible{outline:3px solid var(--c-ring);outline-offset:0}.am-sync{color:var(--c-text-3);align-items:center;gap:8px;padding:8px 10px 2px;font-size:13px;display:flex}.am-sync .dot{background:var(--c-success);border-radius:50%;width:8px;height:8px}.am-sync.syncing .dot{background:var(--c-accent)}.am-sync.error .dot{background:var(--c-danger)}@media (max-width:420px){.acctbutton .chev{display:none}}.brand{gap:0}.brand-logo{align-items:center;display:inline-flex}.brand-logo img{width:auto;height:100%}.logo-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-light{display:none}:root:not([data-theme=light]) .logo-dark{display:block}}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}.auth-logo{justify-content:center;margin-bottom:8px;display:flex}@media (max-width:420px){.auth-logo .brand-logo{height:64px!important}}.tag{background:var(--c-accent);color:var(--c-on-accent)}.unit.now{border-color:var(--c-primary-text);box-shadow:0 0 0 4px color-mix(in srgb, var(--c-accent) 35%, transparent), var(--shadow-1)}.unit.now .no{background:var(--c-accent);color:var(--c-on-accent)}.xcard.now{border-color:var(--c-primary-text);box-shadow:0 0 0 4px color-mix(in srgb, var(--c-accent) 35%, transparent)}.avatar{background:var(--c-accent);color:var(--c-on-accent)}.sec.on,.tabs button.on{border-bottom-color:var(--c-primary);color:var(--c-text);font-weight:700}.prog i,.unitbar i,.topicbar i{background:var(--c-primary-text)}.wrap>.landing{max-width:none}.landing{flex-direction:column;gap:clamp(40px,7vw,88px);padding-bottom:8px;display:flex}.lp-nav{z-index:20;padding:calc(10px + env(safe-area-inset-top,0px)) 0 10px;background:var(--c-bg);box-shadow:0 0 0 100vmax var(--c-bg), 0 1px 0 100vmax var(--c-border);clip-path:inset(0 -100vmax -1px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.lp-signin{width:auto;min-height:42px;padding:8px 18px;font-size:15px}.lp-hero{grid-template-columns:1fr;align-items:center;gap:36px;display:grid}@media (min-width:900px){.lp-hero{grid-template-columns:1.05fr .95fr;gap:56px}}.lp-kicker{color:var(--c-primary-text);background:var(--c-primary-soft);border-radius:var(--r-pill);align-items:center;gap:6px;padding:5px 12px;font-size:14px;font-weight:700;display:inline-flex}.lp-star{width:18px;height:18px;fill:var(--c-accent)}.lp-hero h1{letter-spacing:-.005em;margin:16px 0 14px;font-size:clamp(36px,4.6vw + 14px,60px);font-weight:600;line-height:1.28}.lp-hl{white-space:nowrap;background:linear-gradient(transparent 64%, color-mix(in srgb, var(--c-accent) 60%, transparent) 64%, color-mix(in srgb, var(--c-accent) 60%, transparent) 92%, transparent 92%);padding:0 .06em}.lp-hero-text>p{color:var(--c-text-2);max-width:34em;margin:0;font-size:clamp(16px,.6vw + 14px,19px);line-height:1.7}.lp-cta{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.lp-cta .go{width:auto;min-width:160px;padding-inline:26px}.lp-hero-art{padding:18px 10px 26px;position:relative}.lp-mock{background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-3);border-radius:20px;flex-direction:column;gap:10px;padding:18px;display:flex;position:relative;transform:rotate(-1.5deg)}.lp-mock-head{color:var(--c-text);justify-content:space-between;align-items:center;padding:0 52px 4px 4px;font-size:17px;font-weight:700;display:flex}.lp-mock-pill{color:var(--c-success);background:var(--c-success-soft);border-radius:var(--r-pill);padding:2px 10px;font-size:12px;font-weight:700}.lp-mock-row{border:1px solid var(--c-border);background:var(--c-surface);border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.lp-mock-row.now{border:2px solid var(--c-primary-text);box-shadow:0 0 0 4px color-mix(in srgb, var(--c-accent) 35%, transparent);padding:11px}.lp-mock-no{background:var(--c-surface-2);width:40px;height:40px;color:var(--c-text);border-radius:10px;place-items:center;font-weight:700;display:grid}.lp-mock-row.now .lp-mock-no{background:var(--c-accent);color:var(--c-on-accent)}.lp-mock-body{flex-direction:column;gap:8px;min-width:0;display:flex}.lp-mock-body b{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;overflow:hidden}.lp-mock-bar{background:var(--c-surface-2);border-radius:3px;height:6px;overflow:hidden}.lp-mock-bar i{background:var(--c-primary-text);border-radius:3px;height:100%;display:block}.lp-mock-best{color:var(--c-text);font-size:15px;font-weight:700}.lp-mock-row.now .lp-mock-best{color:var(--c-primary-text)}.lp-float{background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-2);border-radius:14px;position:absolute}.lp-float-score{flex-direction:column;padding:10px 14px;line-height:1.3;display:flex;bottom:0;left:-2px;transform:rotate(2deg)}.lp-float-score b{color:var(--c-success);font-size:16px}.lp-float-score span{color:var(--c-text-3);font-size:12.5px}.lp-float-star{border-radius:18px;place-items:center;width:58px;height:58px;display:grid;top:0;right:0;transform:rotate(10deg)}.lp-float-star .lp-star{width:34px;height:34px}.lp-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.lp-stats>div{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);text-align:center;box-shadow:var(--shadow-1);flex-direction:column;gap:4px;padding:20px 14px;display:flex}.lp-stats b{font-family:var(--font-bai), var(--font-sarabun), sans-serif;color:var(--c-text);font-size:clamp(26px,2.4vw + 14px,40px);line-height:1.1}.lp-stats span{color:var(--c-text-3);font-size:14px}@media (max-width:560px){.lp-stats{grid-template-columns:1fr}.lp-stats>div{flex-direction:row;justify-content:center;align-items:baseline;gap:10px;padding:14px}}.landing h1,.landing h2{text-wrap:balance}.lp-section h2{text-align:center;margin:0 0 24px;font-size:clamp(24px,1.6vw + 16px,34px)}.lp-features{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:640px){.lp-features{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.lp-features{grid-template-columns:repeat(4,1fr)}}.lp-feature{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:transform var(--t-med) var(--ease), box-shadow var(--t-med) var(--ease);padding:22px}.lp-feature:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.lp-icon{background:var(--c-primary-soft);width:46px;height:46px;color:var(--c-primary-text);border-radius:12px;place-items:center;display:grid}.lp-icon svg{width:24px;height:24px}.lp-feature h3{color:var(--c-text);margin:14px 0 6px;font-size:18px}.lp-feature p{color:var(--c-text-2);margin:0;font-size:15px;line-height:1.65}.lp-steps{counter-reset:step;grid-template-columns:1fr;gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.lp-steps{grid-template-columns:repeat(3,1fr)}}.lp-steps li{counter-increment:step;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);flex-direction:column;gap:4px;padding:22px 22px 22px 76px;display:flex;position:relative}.lp-steps li:before{content:counter(step);width:40px;height:40px;font-family:var(--font-bai), sans-serif;background:var(--c-accent);color:var(--c-on-accent);border-radius:50%;place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;top:20px;left:20px}.lp-steps b{color:var(--c-text);font-size:17px}.lp-steps span{color:var(--c-text-2);font-size:15px}.lp-final{color:#eeecf7;box-shadow:var(--shadow-2);background:#181431;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:clamp(26px,4vw,44px);display:flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lp-final{border:1px solid var(--c-border-strong)}}:root[data-theme=dark] .lp-final{border:1px solid var(--c-border-strong)}.lp-final h2{color:#fff;margin:0 0 6px;font-size:clamp(22px,1.4vw + 16px,30px)}.lp-final p{color:#c9c5e0;margin:0}.lp-final .lp-cta{margin-top:0}.go.lp-accent{color:#181431;background:#fbca41}.go.lp-accent:hover{background:#ffd866}.go.lp-ghost{color:#fff;box-shadow:none;background:0 0;border:1px solid #ffffff59}.go.lp-ghost:hover{background:#ffffff14}.lp-foot{text-align:center;color:var(--c-text-3);padding:4px 0 8px;font-size:13.5px}.lp-foot p{margin:0}.social{flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 14px;padding:0;list-style:none;display:flex}.social a{width:44px;height:44px;color:var(--c-text-2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:999px;place-items:center;transition:color .15s,border-color .15s,transform .15s;display:grid}.social a:hover{color:var(--c-primary-text);border-color:var(--c-primary-text);transform:translateY(-2px)}.social a:focus-visible{outline:2px solid var(--c-primary-text);outline-offset:2px}.social svg{fill:currentColor;width:19px;height:19px}@media (prefers-reduced-motion:reduce){.social a{transition:none}.social a:hover{transform:none}}.wrap>.legal{max-width:820px}.legal{flex-direction:column;gap:22px;display:flex}.legal-body{padding:clamp(20px,4vw,40px);line-height:1.8}.legal-body h1{margin:0 0 4px}.legal-body h2{margin:28px 0 8px;font-size:19px}.legal-body p,.legal-body li{color:var(--c-text-2);font-size:16px}.legal-body b{color:var(--c-text)}.legal-body ul{margin:6px 0;padding-left:22px}.legal-body a,.lp-foot a,.cookie-notice a{color:var(--c-primary-text);font-weight:600}.legal-table{min-width:520px}.legal-table td,.legal-table th{white-space:normal;vertical-align:top;text-align:left!important}.cookie-notice{left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:25;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);width:min(640px,100vw - 24px);box-shadow:var(--shadow-3);animation:am-in var(--t-med) var(--ease);align-items:center;gap:14px;margin-inline:auto;padding:12px 12px 12px 16px;display:flex;position:fixed}.cookie-notice p{color:var(--c-text-2);flex:1;margin:0;font-size:14px;line-height:1.55}.cookie-notice .go{flex:none;width:auto;min-height:40px;padding:8px 18px;font-size:15px}@media (max-width:420px){.cookie-notice{flex-direction:column;align-items:stretch}.cookie-notice .go{width:100%}}