@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/577b8067601e9847-s.p.1dajebyky29vh.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:400;font-display:swap;src:url(../media/5d1ea58cfb9c551d-s.0lh-1_aouq384.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:400;font-display:swap;src:url(../media/d1bdedfd2fe13894-s.00w7okxnk140e.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:400;font-display:swap;src:url(../media/1e23e5114abf0db3-s.p.3-8xfu1atg551.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 Fallback;src:local(Arial);ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}.g_bNMq_className{font-family:Kanit,Kanit Fallback;font-style:normal}.g_bNMq_variable{--font-kanit:"Kanit", "Kanit Fallback"}
@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e9ed0bc71a38d6c1-s.p.2z75p4w15d5s2.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7062a58b1da0e8a4-s.04__l9_-tseh0.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:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3d0c37763e1ee3aa-s.1w6wqe9i3pitw.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:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a19976a16d351e92-s.p.1z9_nafow40zl.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:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a0529e96a7862c0d-s.p.0uwp7rlpqq-fy.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e1a185165aeb6b39-s.2-my29bilhwrl.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:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/aa5e8dae0d902b15-s.38h_jwdpky_r-.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:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/22d7e241aeb09639-s.p.3-33lplo8ndt6.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:Sarabun Fallback;src:local(Arial);ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.0%;size-adjust:97.58%}.Vd5zcG_className{font-family:Sarabun,Sarabun Fallback;font-style:normal}.Vd5zcG_variable{--font-sarabun:"Sarabun", "Sarabun Fallback"}
:root{--bg:#eef8f8;--surface:#fff;--reader:#fffdf8;--brand:#a8d8e0;--brand-deep:#1f6470;--text:#1a2b30;--muted:#4e6a70;--border:#1a2b30;--shadow:#1a2b30;--cta:#f7afa8;--cta-2:#a8d8e0;--sand:#e8c590;--sand-text:#8a5a24;--stage-secure:#3a9460;--stage-learning:#b8832a;--miss:#b03a4a;--ok:#2e7a4e;--ink:#1a2b30;--miss-soft:#fbe6e8;--ok-soft:#e3f3ea;--line:#d3e8eb;--sel:#ddf0f2;--ruled:#e6e0d0;--sk1:#d6f0f3;--sk2:#c2e6eb;--sk3:#a8d8e0;--cloud:#fff;--roofc:#7fbfcb;--cta-ring:#1a2b30;--tile:transparent;--tile-pad:0px;--tile-shd:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f262b;--surface:#163a41;--reader:#1a4048;--brand:#163a41;--brand-deep:#a8d8e0;--text:#e4f3f4;--muted:#9cbfc4;--border:#3e6e77;--shadow:#071518;--miss:#f29aa6;--ok:#7fd4a0;--stage-secure:#3fae78;--stage-learning:#e8c590;--miss-soft:#3a2228;--ok-soft:#173a2a;--line:#24505a;--sel:#1f4a53;--ruled:#24505a;--sk1:#163a41;--sk2:#1a4048;--sk3:#0f262b;--cloud:#3e6e77;--roofc:#071518;--cta-ring:#3e6e77;--tile:#3e6e77;--tile-pad:6px;--tile-shd:4px 4px 0 var(--shadow);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f262b;--surface:#163a41;--reader:#1a4048;--brand:#163a41;--brand-deep:#a8d8e0;--text:#e4f3f4;--muted:#9cbfc4;--border:#3e6e77;--shadow:#071518;--miss:#f29aa6;--ok:#7fd4a0;--stage-secure:#3fae78;--stage-learning:#e8c590;--miss-soft:#3a2228;--ok-soft:#173a2a;--line:#24505a;--sel:#1f4a53;--ruled:#24505a;--sk1:#163a41;--sk2:#1a4048;--sk3:#0f262b;--cloud:#3e6e77;--roofc:#071518;--cta-ring:#3e6e77;--tile:#3e6e77;--tile-pad:6px;--tile-shd:4px 4px 0 var(--shadow);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font-family:var(--font-sarabun), sans-serif;min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom));font-size:16px;line-height:1.6}button,input,textarea,select{appearance:none;border-radius:0}:focus-visible{outline:3px dashed var(--brand-deep);outline-offset:3px;border-radius:0}button:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:7px}h1,h2,h3{font-family:var(--font-kanit), sans-serif;font-weight:600}.title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.explanation-lines{margin:0;padding-left:20px}.hud,.pill,.chip{font-family:var(--font-kanit), sans-serif;font-variant-numeric:tabular-nums}.screen{max-width:480px;margin:0 auto;padding:24px 16px}.tab-bar{background:var(--surface);border-top:3px solid var(--border);max-width:480px;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(3,1fr);margin-inline:auto;display:grid;position:fixed;inset:auto 0 0}.tab{min-height:56px;font-family:var(--font-kanit), sans-serif;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.tab[aria-current=page]{background:var(--brand);color:var(--text);font-weight:600}.tab:active{transform:translateY(2px)}.tab:focus-visible{outline-offset:-6px}.tab[aria-current=page]:before{content:"";background:var(--brand-deep);height:8px;position:absolute;top:-3px;left:22%;right:22%}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.icon{fill:currentColor;shape-rendering:crispedges;flex:none;width:16px;height:16px}.tab .icon{width:32px;height:32px}.back-link{align-items:center;gap:4px;display:inline-flex}.timer .icon{width:32px;height:32px;margin-right:8px}.stack{flex-direction:column;gap:12px;margin-block:16px;display:flex}.panel{background:var(--surface);border:3px solid var(--border);box-shadow:4px 4px 0 var(--shadow);margin-block:20px;padding:16px}.panel,.btn,.notice,.history-item,.check,.timer,.badge-draft,.notch-box{position:relative}.panel:before,.btn:before,.notice:before,.history-item:before,.check:before,.timer:before,.badge-draft:before,.notch-box:before{--nb:3px;content:"";inset:calc(var(--nb) * -1);pointer-events:none;background:linear-gradient(var(--page-bg,var(--bg)), var(--page-bg,var(--bg))) 0 0 / var(--nb) var(--nb) no-repeat, linear-gradient(var(--page-bg,var(--bg)), var(--page-bg,var(--bg))) 100% 0 / var(--nb) var(--nb) no-repeat, linear-gradient(var(--page-bg,var(--bg)), var(--page-bg,var(--bg))) 0 100% / var(--nb) var(--nb) no-repeat;position:absolute}.badge-draft:before{--nb:2px}.panel *,.notice *,.check *,.timer *,.btn-plain *,.btn-danger *{--page-bg:var(--surface)}.reader *,.history-item *{--page-bg:var(--reader)}.check:has(input:checked) *{--page-bg:var(--sel)}.badge-draft *{--page-bg:var(--sand)}.btn-cta *{--page-bg:var(--cta)}.btn-alt *{--page-bg:var(--cta-2)}.muted{color:var(--muted)}input[type=email],input[type=time],input.drill-input{font:inherit;background:var(--surface);min-height:48px;color:var(--text);border:3px solid var(--border);box-shadow:4px 4px 0 var(--shadow);border-radius:0;padding:8px 12px}.btn{font-family:var(--font-kanit), sans-serif;min-height:48px;color:var(--ink);border:3px solid var(--border);box-shadow:4px 4px 0 var(--shadow);cursor:pointer;border-radius:0;padding:8px 16px;font-size:16px}.btn:active:not(:disabled){box-shadow:2px 2px 0 var(--shadow);transform:translateY(2px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-cta{background:var(--cta)}.btn-alt{background:var(--cta-2)}.btn-plain{background:var(--surface);color:var(--text)}.btn-danger{background:var(--surface);color:var(--miss)}.notice{border:3px solid var(--border);background:var(--surface);box-shadow:4px 4px 0 var(--shadow);padding:12px 16px}.notice-miss{color:var(--miss)}.notice p{margin:0}.notice-no{font-family:var(--font-sarabun), sans-serif;margin-inline-start:.5em;font-weight:600}a{color:var(--brand-deep)}fieldset.panel{margin-inline:0}legend{font-family:var(--font-kanit), sans-serif;padding-inline:4px;font-weight:600}.check{background:var(--surface);border:3px solid var(--border);min-height:48px;box-shadow:4px 4px 0 var(--shadow);cursor:pointer;align-items:center;gap:12px;padding:8px 12px;display:flex}.check:has(input:checked){background:var(--sel)}.check input{background:var(--surface);border:3px solid var(--border);width:24px;height:24px;box-shadow:4px 4px 0 var(--shadow);flex:none}.check input:checked{background:var(--cta-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges' fill='%231A2B30'%3E%3Crect x='2' y='8' width='2' height='2'/%3E%3Crect x='4' y='10' width='2' height='2'/%3E%3Crect x='6' y='8' width='2' height='2'/%3E%3Crect x='8' y='6' width='2' height='2'/%3E%3Crect x='10' y='4' width='2' height='2'/%3E%3C/svg%3E") center / 18px 18px no-repeat}.checklist{margin:0;padding:0;list-style:none}.block-group{display:none}:is(.onboarding-form:has(#subject-crim_pro:checked) .block-group-crim_pro,.onboarding-form:has(#subject-civ_pro:checked) .block-group-civ_pro){display:block}.badge-draft{background:var(--sand);color:var(--ink);border:2px solid var(--border);box-shadow:2px 2px 0 var(--shadow);font-family:var(--font-kanit), sans-serif;padding:0 8px;font-size:13px;line-height:1.5;display:inline-block}.btn-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.step-label{color:var(--brand-deep);margin:0;font-size:18px}.section-no{font-family:var(--font-sarabun), sans-serif;margin:0;font-size:20px;font-weight:600}.reader{background:var(--reader)}.reader-text{font-family:var(--font-sarabun), sans-serif;white-space:pre-wrap;font-size:17px;line-height:1.8}ul.reader-text{white-space:normal;padding-left:24px}.reader-ask{margin-bottom:0;font-weight:600}.card-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-ready{min-height:56px;font-size:18px}.timer-bar{align-items:baseline;gap:12px;display:flex}.timer{background:var(--surface);border:3px solid var(--border);min-width:5.75em;box-shadow:4px 4px 0 var(--shadow);color:var(--text);align-items:center;padding:2px 14px;font-size:32px;line-height:1.3;display:inline-flex}.timer-miss{color:var(--miss)}.sheet-label{font-family:var(--font-kanit), sans-serif;font-weight:600}.notch-box>.answer-sheet{display:block}.answer-sheet{width:100%;min-height:60dvh;font-family:var(--font-sarabun), sans-serif;color:var(--text);background-color:var(--reader);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(1.8em - 1px), var(--ruled) calc(1.8em - 1px), var(--ruled) 1.8em);border:3px solid var(--border);box-shadow:4px 4px 0 var(--shadow);resize:vertical;background-attachment:local;border-radius:0;padding:0 12px;font-size:17px;line-height:1.8}.has-submit-bar{padding-bottom:96px}.submit-bar{z-index:10;max-width:480px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:3px solid var(--border);justify-content:center;margin-inline:auto;display:flex;position:fixed;bottom:0;left:0;right:0}.submit-bar>.btn,.submit-confirm{width:100%;max-width:448px}.submit-confirm p{margin:0 0 8px}.source-line{color:var(--brand-deep);margin:0}.compare{gap:0 12px;display:grid}.history-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.history-item{border:3px solid var(--border);background:var(--reader);box-shadow:4px 4px 0 var(--shadow);padding:12px}.history-head{color:var(--brand-deep);margin:0}.history-answer{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mascot{box-sizing:content-box;padding:var(--tile-pad);background:var(--tile);box-shadow:var(--tile-shd);image-rendering:pixelated;flex:none;display:block}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.step-head{flex-direction:column;gap:14px;display:flex}.step-head-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.step-count{color:var(--muted);font-size:18px;font-weight:700}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.steps-item{font-family:var(--font-kanit), sans-serif;color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:14px;display:flex;position:relative}.steps-item:before{content:"";z-index:1;border:3px solid var(--muted);background:var(--surface);width:18px;height:18px;position:relative}.steps-item:after{content:"";background:repeating-linear-gradient(90deg, var(--muted) 0 4px, transparent 4px 8px);opacity:.55;height:4px;position:absolute;top:7px;left:calc(13px - 50%);right:calc(50% + 13px)}.steps-item:first-child:after{display:none}.steps-done:before{background:var(--brand-deep);border-color:var(--brand-deep)}.steps-done:after,.steps-cur:after{background:var(--brand-deep);opacity:1}.steps-cur{color:var(--text);font-weight:600}.steps-cur:before{border-color:var(--brand-deep);background:var(--cta);box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--brand-deep)}.seen-row{align-items:center;gap:12px;display:flex}.seen-row>.hud{flex:none;margin:0}.block-bar{flex:1;gap:3px;min-width:0;display:flex}.block-bar>span{border:2px solid var(--border);flex:1;height:14px}.block-on{background:var(--brand-deep)}.block-secure{background:var(--stage-secure)}.block-learn{background:var(--stage-learning)}.block-off{background:var(--surface)}.ready-slot{justify-content:center;padding-block:8px;display:flex}.ready-btn{isolation:isolate;width:176px;height:176px;color:var(--ink);font-family:var(--font-kanit), sans-serif;cursor:pointer;filter:drop-shadow(6px 6px 0 var(--shadow));background:0 0;border:0;border-radius:0;place-items:center;padding:0;font-size:24px;font-weight:600;display:grid;position:relative}.ready-btn:before,.ready-btn:after{--st:8px;--oct:polygon(0 calc(var(--st) * 3), var(--st) calc(var(--st) * 3), var(--st) calc(var(--st) * 2), calc(var(--st) * 2) calc(var(--st) * 2), calc(var(--st) * 2) var(--st), calc(var(--st) * 3) var(--st), calc(var(--st) * 3) 0, calc(100% - var(--st) * 3) 0, calc(100% - var(--st) * 3) var(--st), calc(100% - var(--st) * 2) var(--st), calc(100% - var(--st) * 2) calc(var(--st) * 2), calc(100% - var(--st)) calc(var(--st) * 2), calc(100% - var(--st)) calc(var(--st) * 3), 100% calc(var(--st) * 3), 100% calc(100% - var(--st) * 3), calc(100% - var(--st)) calc(100% - var(--st) * 3), calc(100% - var(--st)) calc(100% - var(--st) * 2), calc(100% - var(--st) * 2) calc(100% - var(--st) * 2), calc(100% - var(--st) * 2) calc(100% - var(--st)), calc(100% - var(--st) * 3) calc(100% - var(--st)), calc(100% - var(--st) * 3) 100%, calc(var(--st) * 3) 100%, calc(var(--st) * 3) calc(100% - var(--st)), calc(var(--st) * 2) calc(100% - var(--st)), calc(var(--st) * 2) calc(100% - var(--st) * 2), var(--st) calc(100% - var(--st) * 2), var(--st) calc(100% - var(--st) * 3), 0 calc(100% - var(--st) * 3));content:"";z-index:-1;clip-path:var(--oct);position:absolute}.ready-btn:before{background:var(--cta-ring);inset:0}.ready-btn:after{--st:6px;background:linear-gradient(to bottom, color-mix(in srgb, var(--cta) 60%, #fff) 0 10px, var(--cta) 10px calc(100% - 10px), color-mix(in srgb, var(--cta) 78%, #1a2b30) calc(100% - 10px));inset:6px}.ready-btn:active:not(:disabled){filter:drop-shadow(6px 4px 0 var(--shadow));transform:translateY(2px)}.ready-btn:disabled{color:var(--muted);cursor:not-allowed;filter:none}.ready-btn:disabled:before{background:var(--muted)}.ready-btn:disabled:after{background:var(--line)}:root{--show-sun:inline;--show-moon:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--show-sun:none;--show-moon:inline}}:root[data-theme=dark]{--show-sun:none;--show-moon:inline}.hero{background:var(--brand);color:var(--text);border-bottom:4px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:-24px -16px 0;padding:20px 16px 52px;display:grid;position:relative}.hero>:not(.sky){z-index:1;position:relative}.sky{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero h1{color:var(--text)}.sky .sk1{fill:var(--sk1)}.sky .sk2{fill:var(--sk2)}.sky .sk3{fill:var(--sk3)}.sky .cloud,.sky .stars{fill:var(--cloud)}.sky .roof{fill:var(--roofc)}.sky .lamp,.sky .sunc{fill:var(--sand)}.sky .sun{display:var(--show-sun)}.sky .moon,.sky .stars{display:var(--show-moon)}@media (prefers-reduced-motion:no-preference){.sky .cloud{animation:16s steps(8,end) infinite alternate drift}.sky .c2{animation-duration:20s;animation-delay:-6s}.sky .c3{animation-duration:24s;animation-delay:-11s}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(8px)}}.marking-activity{align-items:center;gap:10px;display:flex}.marking-indicator{gap:4px;display:inline-flex}.marking-indicator i{background:currentColor;width:6px;height:6px;display:block}@media (prefers-reduced-motion:no-preference){.marking-indicator i{animation:1.2s step-end infinite marking-step}.marking-indicator i:nth-child(2){animation-delay:.4s}.marking-indicator i:nth-child(3){animation-delay:.8s}}@keyframes marking-step{0%{transform:translateY(-4px)}33%{transform:none}}.bubble{align-items:center;gap:16px;display:flex}.bubble-text{background:var(--surface);border:3px solid var(--border);min-width:0;box-shadow:4px 4px 0 var(--shadow);font-family:var(--font-kanit), sans-serif;flex:1;margin:0;padding:10px 14px;font-weight:600;line-height:1.5}.mascot-row{display:flex}.meter-big{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.meter-big small{color:var(--muted);font-size:1rem;font-weight:600}.meter-row{color:var(--text);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;text-decoration:none;display:grid}.meter-row .block-bar,.meter-row .meter-sub,.meter-row .meter-cta{grid-column:1/-1;margin:0}.meter-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.meter-n{font-weight:700}.action-card{color:var(--text);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;text-decoration:none;display:grid}.action-card h2{margin:0;font-size:1.1875rem}.action-card p{grid-column:1/-1;margin:0}.meter-row .go,.action-card .go{background:var(--sel);border:3px solid var(--brand-deep);width:36px;height:36px;color:var(--brand-deep);place-items:center;display:grid}.flip{width:100%;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.flip-in{display:grid}.face{flex-direction:column;grid-area:1/1;justify-content:center;gap:10px;min-height:250px;margin:0;padding:20px 16px;display:flex}.flip:not(.on) .face.back,.flip.on .face.front{visibility:hidden}.face.front{text-align:center;align-items:center}@keyframes face-in{0%{transform:scaleX(.1)}to{transform:none}}.flip.on .face.back{animation:.25s steps(4,end) face-in}.face .law{font-size:.875rem;font-weight:600}.face .section-no{font-size:3.25rem;line-height:1.1}.face-title{font-family:var(--font-kanit), sans-serif;font-size:1.1875rem;font-weight:600}.face-elements{font-family:var(--font-sarabun), sans-serif;flex-direction:column;gap:6px;font-size:17px;line-height:1.8;display:flex}.face-element{padding-left:20px;position:relative}.face-element:before{content:"";background:var(--brand-deep);width:8px;height:8px;position:absolute;top:.65em;left:4px}.flip-hint{text-align:center;margin:0;font-size:.9375rem}.rating-feedback{align-items:center;gap:12px;display:flex}.rating-line{flex:1;min-width:0;margin:0;font-size:.9375rem}.rating-feedback:has(>.rating-line:empty){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.rating-line-up{border:3px solid var(--ok);background:var(--ok-soft);color:var(--ok);padding:8px 12px;font-weight:700}@media (prefers-reduced-motion:no-preference){.rating-cheer{animation:.6s steps(6,end) cheer}}@keyframes cheer{0%{transform:translateY(8px)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.rate{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.rate .btn{min-height:52px;font-weight:700}.rate-ok{color:var(--ok)}.rate-not-yet{color:var(--brand-deep)}.finish{align-items:flex-start}.drill-prompt,.drill-answer,.drill-right,.drill-explanation{margin:0}.choice{text-align:left;width:100%;min-height:52px;font-family:var(--font-sarabun), sans-serif;font-size:17px;line-height:1.6}.choice[aria-disabled=true]{cursor:default}.choice-ok{background:var(--ok-soft);color:var(--text);border-color:var(--ok)}.choice-miss{background:var(--miss-soft);color:var(--text);border-color:var(--miss)}.feedback{font-family:var(--font-kanit), sans-serif;border:3px solid;margin:0;padding:12px 16px;font-size:1.25rem;font-weight:600}.feedback-ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok)}.feedback-miss{background:var(--miss-soft);color:var(--miss);border-color:var(--miss)}.drill-input{width:100%;font-family:var(--font-sarabun), sans-serif;font-size:17px}.drill-card{gap:6px;margin-block:0}.drill-locked{margin-block:20px}.drill-locked h2{margin:0 0 4px;font-size:1.1875rem}.drill-locked p{margin:0}dialog.sheet{width:100%;max-width:480px;max-height:88vh;padding:32px 16px calc(20px + env(safe-area-inset-bottom));background:var(--surface);color:var(--text);border:3px solid var(--border);box-shadow:4px -4px 0 var(--shadow);border-bottom:0;margin:0 auto;position:fixed;inset:auto 0 0;overflow:auto}dialog.sheet::backdrop{background:#071518b3}dialog.sheet:focus{outline:none}.mile{text-align:center;align-items:center;gap:14px;margin-block:0}.mile h2{margin:0}.mile .block-bar{flex:none;align-self:stretch}.mile p{margin:0}.pill{background:var(--sand);color:var(--ink);border:2px solid var(--border);box-shadow:3px 3px 0 var(--shadow);align-items:center;gap:6px;padding:2px 14px;font-size:.9375rem;font-weight:700;display:inline-flex}.pill .icon{width:16px;height:16px}.hero-text>*{margin-block:0}.hero-greeting{font-family:var(--font-kanit), sans-serif;color:var(--text);margin-top:4px;font-size:1.125rem;font-weight:600}.hero-lead{color:var(--text);margin-top:2px}.hero>.bubble-text{grid-column:1/-1}.hero:has(>.iconbtn)>.mascot{align-self:end;margin-top:48px}.chips{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.chip{background:var(--surface);color:var(--text);border:2px solid var(--border);box-shadow:2px 2px 0 var(--shadow);align-items:center;gap:8px;margin:0;padding:4px 12px;font-size:.9375rem;display:inline-flex}.chip .icon{width:20px;height:20px;color:var(--brand-deep)}.iconbtn{background:var(--surface);width:44px;height:44px;color:var(--brand-deep);border:3px solid var(--border);box-shadow:3px 3px 0 var(--shadow);cursor:pointer;place-items:center;padding:0;display:grid}.iconbtn:active{box-shadow:1px 1px 0 var(--shadow);transform:translateY(2px)}.iconbtn .icon{width:24px;height:24px}.hero>.iconbtn{position:absolute;top:12px;right:16px}.eyebrow{color:var(--muted);margin:0;font-size:.9375rem}.today-card h2,.today-card p.hud{margin:0}.seg{background:var(--surface);border:3px solid var(--border);box-shadow:4px 4px 0 var(--shadow);display:grid}.seg.three{grid-template-columns:repeat(3,1fr)}.seg.five{grid-template-columns:repeat(5,1fr)}.seg.five button{padding-inline:2px;font-size:.875rem;line-height:1.2}.seg button{min-height:48px;color:var(--muted);font-family:var(--font-kanit), sans-serif;cursor:pointer;background:0 0;border:0;padding:6px 8px;font-size:1rem;font-weight:600}.seg button+button{border-left:3px solid var(--border)}.seg button[aria-pressed=true]{background:var(--sel);color:var(--text);box-shadow:inset 0 -6px 0 var(--cta), inset 0 -9px 0 var(--brand-deep)}.seg button:focus-visible{outline-offset:-6px}.sync-banner{z-index:40;max-width:480px;margin:0 auto;padding:8px 16px 0;position:sticky;top:0}.sync-banner .notice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.deck h2{margin:8px 0 0}.deck-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.deck-card+.deck-card{border-top:2px solid var(--border)}.deck-row{width:100%;min-height:48px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px 12px;padding:8px 0;display:grid}.deck-no{font-family:var(--font-sarabun), sans-serif;font-size:17px;font-weight:600}.deck-main{flex-direction:column;min-width:0;display:flex}.deck-title{font-family:var(--font-sarabun), sans-serif;font-size:16px}.deck-tag{color:var(--muted);white-space:nowrap;font-size:.875rem;font-weight:600}.deck-tag-ok{color:var(--brand-deep)}.deck-tags{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.deck-tag-added{color:var(--brand-deep)}.deck-tag-secure{color:var(--ok)}.deck-due{color:var(--muted);white-space:nowrap;font-size:.8125rem}.deck-chevron{font-size:.75rem}.deck-back{font-family:var(--font-sarabun), sans-serif;flex-direction:column;gap:6px;padding:8px 8px 12px;font-size:17px;line-height:1.8;display:flex}.signin-hero{align-items:end;padding-top:64px}.signin-hero .sky .cloud{animation:none}.signin-name{margin:0;font-size:40px;line-height:1.1}.signin-tagline{color:var(--muted);margin:8px 0 0}.signin-mascot{position:relative}.signin-bubble{white-space:nowrap;background:var(--surface);color:var(--text);border:3px solid var(--border);box-shadow:3px 3px 0 var(--shadow);font-family:var(--font-kanit), sans-serif;margin:0;padding:4px 12px;position:absolute;bottom:calc(100% + 12px);right:0}.signin-bubble:after{content:"";background:var(--surface);border-right:3px solid var(--border);border-bottom:3px solid var(--border);width:10px;height:6px;position:absolute;bottom:-9px;right:14px;transform:skew(-30deg)}.signin-card{box-shadow:6px 6px 0 var(--shadow);flex-direction:column;gap:12px;margin-top:24px;display:flex}.signin-card h2{margin:0;font-size:20px}.signin-card .stack{margin-block:0}.signin-card input[type=email]{width:100%}.signin-or{color:var(--muted);align-items:center;gap:12px;margin:8px 0;display:flex}.signin-or:before,.signin-or:after{content:"";border-top:3px dashed var(--border);opacity:.5;flex:1}.signin-google,.signin-facebook{justify-content:center;align-items:center;gap:10px;display:flex}.signin-sent{background:var(--ok-soft);border:3px solid var(--ok);padding:14px}.signin-sent strong{margin-bottom:4px;display:block}.signin-sent p{margin:0}.signin-email{font-family:var(--font-sarabun), sans-serif;overflow-wrap:anywhere}.signin-again{min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.signin-hint{text-align:center;color:var(--muted);margin:20px 0 0}