@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;--roofc2:#6aaebb;--winc:#fffdf8;--cta-ring:#1a2b30;--tile:transparent;--tile-pad:0px;--tile-shd:none;--warn-bg:#ffd400;--warn-ink:#1a1a1a;--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;--roofc2:#0b1f24;--winc:var(--sand);--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;--roofc2:#0b1f24;--winc:var(--sand);--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}body:has(.landing) .tab-bar{display:none}.update-list{gap:20px;margin:0;padding:0;list-style:none}.update-list>li{gap:4px;margin:0}.update-list h3,.update-list p{margin:0}.update-list h3{font-size:1.05rem}.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 .back{fill:var(--roofc2)}.sky .lamp{fill:var(--winc)}.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}.sky .w1{animation:1.6s steps(2,end) infinite alternate lp-twinkle}.sky .w2{animation:2.4s steps(2,end) infinite alternate-reverse lp-twinkle}}@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}.test-clock-banner{background:var(--warn-bg);color:var(--warn-ink);border-bottom:3px solid var(--warn-ink);font-family:var(--font-kanit), sans-serif;text-align:center;padding:4px 16px;font-size:16px;line-height:1.4}.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}.practice-intro-steps{gap:6px;margin:0;padding-inline-start:1.2em;display:grid}.practice-intro-link{align-self:flex-start}.ready-hint{text-align:center;font-family:var(--font-kanit), sans-serif;margin:0}.full-text{gap:8px;margin-block:8px;display:grid}.full-text>.btn{justify-self:start}.landing{--cta-deep:#e5827c;--bg2:#e2f2f3;--city:#7fbfcb;--city2:#6aaebb;--win:#fffdf8;font-family:var(--font-kanit), sans-serif}:root[data-theme=dark] .landing{--bg2:#12303a;--city:#071518;--city2:#0b1f24;--win:var(--sand)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .landing{--bg2:#12303a;--city:#071518;--city2:#0b1f24;--win:var(--sand)}}.landing h1,.landing h2,.landing h3,.landing p{margin:0}.lp-tag{background:var(--text);color:var(--bg);padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.lp-tag-pink,.lp-tag-sand{color:var(--ink)}.lp-tag-pink{background:var(--cta)}.lp-tag-sand{background:var(--sand)}.landing .btn{font-weight:600;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.landing .btn:hover{box-shadow:2px 2px 0 var(--shadow);transform:translate(2px,2px)}.landing .btn:active{box-shadow:0 0 0 var(--shadow);transform:translate(4px,4px)}.lp-nav{z-index:20;background:var(--bg);border-bottom:3px solid var(--border);position:sticky;top:0}.lp-nav-in,.lp-hero-in,.lp-section>*{max-width:1100px;margin-inline:auto}.lp-nav-in{align-items:center;gap:16px;padding:8px 16px;display:flex}.lp-logo{color:var(--text);align-items:center;gap:8px;font-size:19px;font-weight:600;text-decoration:none;display:flex}.lp-nav-links{gap:20px;margin-left:auto;display:none}.lp-nav-links a{color:var(--text);font-weight:600;text-decoration:none}.lp-nav-cta{align-items:center;min-height:40px;margin-left:auto;padding:4px 14px;text-decoration:none;display:inline-flex}.lp-hero{border-bottom:4px solid var(--border);padding:28px 16px 120px;position:relative;overflow:hidden}.lp-sky{width:100%;height:100%;position:absolute;inset:0}.lp-sky .sk1{fill:var(--sk1)}.lp-sky .sk2{fill:var(--sk2)}.lp-sky .sk3{fill:var(--sk3)}.lp-sky .lp-cloud{fill:var(--cloud)}.lp-sky .lp-city{fill:var(--city)}.lp-sky .lp-city2{fill:var(--city2)}.lp-sky .lp-win{fill:var(--win)}.lp-sky .lp-sun,.lp-sky .lp-moon,.lp-sky .lp-stars{fill:var(--sand)}.lp-sky .lp-sun{display:var(--show-sun)}.lp-sky .lp-moon,.lp-sky .lp-stars{display:var(--show-moon)}.lp-hero-in{z-index:1;grid-template-areas:"text""mascot""phone";align-items:center;gap:20px;display:grid;position:relative}.lp-hero-text{grid-area:text;justify-items:start;gap:14px;display:grid}.lp-hero h1{color:var(--text);font-size:40px;line-height:1.15}.lp-hl{background:linear-gradient(transparent 60%, var(--cta) 60%, var(--cta) 92%, transparent 92%)}:root[data-theme=dark] .lp-hl{background:linear-gradient(#0000 60%,#7a3f3a 60% 92%,#0000 92%)}.lp-lead{max-width:30em;font-size:18px}.lp-ctas{flex-wrap:wrap;gap:12px;display:flex}.lp-cta{padding-inline:22px;font-size:17px}.lp-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lp-chips li{background:var(--surface);border:2px solid var(--border);align-items:center;gap:6px;padding:2px 10px;font-size:14px;font-weight:600;display:inline-flex}.lp-chips .icon{width:16px;height:16px}.lp-mascot{grid-area:mascot;justify-content:center;align-items:flex-end;gap:8px;display:flex}.lp-bubble{text-align:center;background:var(--surface);border:3px solid var(--border);min-width:9em;box-shadow:3px 3px 0 var(--shadow);margin-bottom:70px;padding:6px 12px;font-weight:600;position:relative}.lp-mascot-btn{cursor:pointer;background:0 0;border:0;padding:0;line-height:0}.lp-mascot-btn:focus-visible{outline:3px solid var(--brand-deep);outline-offset:2px}.lp-phone-stage{grid-area:phone;justify-content:center;display:flex;position:relative}.lp-phone{background:var(--ink);border:4px solid var(--border);width:280px;padding:10px;box-shadow:10px 10px #1a2b3047}.lp-screen{background:var(--bg);border:3px solid var(--border);flex-direction:column;gap:10px;min-height:400px;padding:12px;display:flex}.lp-s-top{background:var(--brand);border:3px solid var(--border);justify-content:space-between;align-items:center;padding:6px 10px;font-weight:600;display:flex}.lp-s-card{background:var(--surface);border:3px solid var(--border);min-height:200px;box-shadow:3px 3px 0 var(--shadow);padding:10px}.lp-s-label{color:var(--muted);font-size:12px}.lp-s-title{font-size:15px;font-weight:600}.lp-squares{grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0;display:grid}.lp-squares span{color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex}.lp-squares i{border:3px solid var(--border);background:var(--surface);width:16px;height:16px}.lp-squares .done i{background:var(--text)}.lp-squares .now i{background:var(--cta)}.lp-squares .now{color:var(--text);font-weight:600}.lp-s-body{font-family:var(--font-sarabun), sans-serif;font-size:14px;line-height:1.6}.lp-s-btn{text-align:center;color:var(--ink);background:var(--cta);border:3px solid var(--border);box-shadow:3px 3px 0 var(--shadow);margin-top:auto;padding:10px;font-weight:600}.lp-bar{background:var(--surface);border:3px solid var(--border);height:14px;margin-top:6px;display:block;position:relative;overflow:hidden}.lp-bar i{background:repeating-linear-gradient(90deg, var(--cta) 0 8px, var(--cta-deep) 8px 16px);position:absolute;inset:0 auto 0 0}.lp-timer{font-family:var(--font-kanit), sans-serif;text-align:center;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;display:block}.lp-float{color:var(--ink);border:3px solid var(--border);box-shadow:3px 3px 0 var(--shadow);padding:6px 10px;font-size:13px;font-weight:600;display:none;position:absolute}.lp-float.f1{background:var(--sand);top:12%;left:-10%}.lp-float.f2{background:var(--cta-2);bottom:16%;right:-12%}.lp-marquee{white-space:nowrap;color:#eef8f8;border-bottom:3px solid var(--border);background:#1a2b30;padding:10px 0;font-weight:600;overflow:hidden}:root[data-theme=dark] .lp-marquee,:root[data-theme=dark] .lp-footer{background:#071518}.lp-marquee-track{display:inline-block}.lp-marquee span{margin:0 14px}.lp-marquee i{color:var(--cta);margin-left:28px;font-style:normal}.lp-section{padding:56px 16px}.lp-alt{background:var(--bg2);border-block:3px solid var(--border)}.lp-head{text-align:center;justify-items:center;gap:8px;margin-bottom:28px;display:grid}.lp-head h2{font-size:28px}.lp-sub{color:var(--muted)}.lp-features{gap:18px;padding:0;list-style:none;display:grid}.lp-feature{align-content:start;gap:6px;height:100%;padding:20px 18px;transition:transform .1s steps(3,end),box-shadow .1s steps(3,end);display:grid}.lp-feature:hover{box-shadow:8px 8px 0 var(--shadow);transform:translate(-3px,-3px)}.lp-feature h3{font-size:18px;line-height:1.35}.lp-feature p{color:var(--muted)}.lp-ic{width:52px;height:52px;color:var(--ink);background:var(--cta-2);border:3px solid var(--border);box-shadow:3px 3px 0 var(--shadow);place-items:center;margin-bottom:6px;display:grid}.lp-features li:nth-child(2) .lp-ic{background:var(--sand)}.lp-features li:nth-child(3) .lp-ic{background:var(--cta)}.lp-features li:nth-child(4) .lp-ic{background:#e3f3ea}.lp-ic .icon{width:28px;height:28px}.lp-how{align-items:center;gap:20px;display:grid}.lp-steps{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.lp-step{font:inherit;color:var(--text);background:var(--surface);border:3px solid var(--border);box-shadow:4px 4px 0 var(--shadow);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end);display:flex}.lp-step b{font-size:22px}.lp-step[aria-selected=true]{color:var(--ink);background:var(--cta);box-shadow:2px 2px 0 var(--shadow);transform:translate(2px,2px)}.lp-memo{color:var(--ink);background:var(--sand);border:3px solid var(--border);padding:12px 14px;font-weight:600;margin-top:14px!important}.lp-step-detail{align-items:center;gap:14px;min-height:150px;padding:16px;display:flex}.lp-step-detail h3{font-size:22px}.lp-sample{align-items:start;gap:18px;display:grid}.lp-paper{background:var(--reader);padding:18px}.lp-paper h3{color:var(--muted);font-size:15px}.lp-result{gap:10px;padding:18px;display:grid}.lp-score b{font-size:40px}.lp-points{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lp-points li{background:var(--surface);border:2px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.lp-verdict{border:2px solid var(--border);white-space:nowrap;padding:1px 8px;font-size:13px;font-weight:600}.lp-verdict.v-hit{background:var(--ok-soft);color:var(--ok)}.lp-verdict.v-partly{background:var(--sand);color:var(--ink)}.lp-verdict.v-missed{background:var(--miss-soft);color:var(--miss)}.lp-pts{font-weight:600}.lp-more summary{cursor:pointer;color:var(--brand-deep);font-weight:600}.lp-caveat{font-size:14px;margin-top:12px!important}.lp-updates{gap:16px;display:grid;max-width:720px!important}.lp-all{justify-self:center;font-weight:600}.lp-closing{text-align:center;background:var(--brand);border-top:3px solid var(--border)}.lp-closing>div{justify-items:center;gap:16px;display:grid}.lp-closing h2{font-size:28px}.lp-footer{text-align:center;color:#eef8f8;background:#1a2b30;padding:24px 16px 32px}.lp-footer .cookie-notice{color:#eef8f8}.lp-footer a{color:var(--cta-2)}@media (min-width:760px){.lp-nav-links{display:flex}.lp-nav-cta{margin-left:0}.lp-hero{padding:56px 24px 150px}.lp-hero-in{grid-template-columns:1.1fr .9fr;grid-template-areas:"text phone""mascot phone"}.lp-hero h1{font-size:56px}.lp-mascot{justify-content:flex-start}.lp-float{display:block}.lp-section{padding:80px 24px}.lp-head h2{font-size:36px}.lp-features{grid-template-columns:repeat(4,1fr)}.lp-how,.lp-sample{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:no-preference){.lp-reveal{opacity:0;transition:opacity .45s steps(5,end),transform .45s steps(5,end);transform:translateY(20px)}.lp-reveal.in{opacity:1;transform:none}.lp-sky .lp-cloud{animation:18s steps(12,end) infinite alternate drift}.lp-sky .c2{animation-duration:24s;animation-delay:-8s}.lp-sky .c3{animation-duration:30s;animation-delay:-14s}.lp-sky .lp-stars,.lp-sky .w1{animation:1.6s steps(2,end) infinite alternate lp-twinkle}.lp-sky .w2{animation:2.4s steps(2,end) infinite alternate-reverse lp-twinkle}.lp-bob{animation:1.2s steps(2,end) infinite alternate lp-bob;display:inline-block}.lp-mascot-btn.jump{animation:.5s steps(4,end) lp-jump}.lp-float{animation:1.6s steps(3,end) infinite alternate lp-bob}.lp-float.f2{animation-delay:.8s}.lp-marquee-track{animation:30s steps(90,end) infinite lp-scroll}.lp-step-detail{animation:.3s steps(3,end) lp-pop}.lp-points li{opacity:0;transition:opacity .3s steps(3,end),transform .3s steps(3,end);transform:translate(-12px)}.lp-points li.in{opacity:1;transform:none}}@keyframes lp-twinkle{0%{opacity:.3}to{opacity:1}}@keyframes lp-bob{to{transform:translateY(-6px)}}@keyframes lp-jump{40%{transform:translateY(-22px)}to{transform:none}}@keyframes lp-scroll{to{transform:translate(-50%)}}@keyframes lp-pop{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:none}}
:root{--cta-deep:#e5827c;--star:#626454}.sky-tall,.sky-miniw{display:none}@media (min-width:760px){.sky-signin,.sky-mini{display:none}.sky-tall,.sky-miniw{display:block}}.sky .stars,.sky .star{fill:var(--star)}@media (prefers-reduced-motion:no-preference){.sky .cloud,.signin-hero .sky .cloud{animation:18s steps(12,end) infinite alternate home-drift}.sky .c2{animation-duration:24s;animation-delay:-8s}.sky .c3{animation-duration:30s;animation-delay:-14s}.sky .star{animation:1.4s steps(2,end) infinite alternate home-twinkle}.sky .star-b{animation-delay:.7s}.sky .w1{animation:3s steps(2,end) infinite alternate home-twinkle}.sky .w2{animation:3s steps(2,end) 1.5s infinite alternate home-twinkle}}@keyframes home-drift{to{transform:translate(24px)}}@keyframes home-twinkle{0%{opacity:.3}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.mascot-btn{animation:1.2s steps(2,end) infinite alternate home-bob}.mascot-btn.jump{animation:.5s steps(4,end) home-jump}.pop{animation:.3s steps(3,end) home-pop}.shake{animation:.4s steps(4,end) home-shake}}@keyframes home-bob{to{transform:translateY(-4px)}}@keyframes home-jump{40%{transform:translateY(-18px)}to{transform:none}}@keyframes home-pop{0%{transform:scale(.92)}to{transform:none}}@keyframes home-shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}to{transform:none}}.mascot-btn{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;line-height:0;display:block}.mascot-btn:focus-visible{outline-offset:3px}.tab-bar{display:block}.rail-in{grid-template-columns:repeat(3,1fr);display:grid}.rail-logo{display:none}.tab{gap:2px;min-height:60px;font-size:15px}@media (prefers-reduced-motion:no-preference){.tab[aria-current=page] .icon{animation:1.2s steps(2,end) infinite alternate home-bob}}@media (min-width:760px){body:has(.tab-bar):not(:has(.landing)){padding-bottom:0;padding-left:112px}.tab-bar{border-top:0;border-right:3px solid var(--border);width:112px;max-width:none;margin:0;padding-bottom:0;inset:0 auto 0 0;overflow-y:auto}.rail-in{grid-template-columns:1fr;align-content:start;gap:6px;padding:12px 0}.rail-logo{border-bottom:3px solid var(--line);font-family:var(--font-kanit), sans-serif;text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:2px;margin-bottom:6px;padding:0 6px 10px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.rail-logo .mascot{width:56px;height:48px;box-shadow:none;background:0 0;padding:0}.tab{min-height:84px}.tab[aria-current=page]:before{width:8px;height:auto;inset:18% auto 18% 0}}.home-screen,.signin-screen,.wide-screen{max-width:none;padding:0}.app-hero{grid-template-columns:1fr auto;grid-template-areas:"text mascot""chips chips";align-items:end;gap:10px 8px;margin:0;padding:16px 16px 64px;overflow:hidden}.app-hero .hero-text{grid-area:text;align-self:start;padding-right:52px}.app-hero .hero-text h1{margin:0;font-size:34px;font-weight:800;line-height:1.15}.app-hero .hero-greeting{margin:8px 0 0;font-size:20px}.app-hero .hero-lead{max-width:28em;margin:4px 0 0;font-size:16px;line-height:1.5}.home-mascot{flex-direction:column;grid-area:mascot;align-items:center;gap:4px;padding-top:44px;display:flex;position:relative}.home-mascot .bubble-text{box-shadow:3px 3px 0 var(--shadow);white-space:nowrap;flex:none;padding:4px 10px;font-size:14px;line-height:1.5;position:relative}.home-mascot .bubble-text:after{content:"";background:var(--surface);border-right:3px solid var(--border);border-bottom:3px solid var(--border);width:10px;height:10px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)rotate(45deg)}.app-hero .chips{grid-area:chips}.app-hero .chip{box-shadow:3px 3px 0 var(--shadow);border-width:3px;padding:5px 10px;font-size:14px;font-weight:600}.chip-flame .icon{color:var(--cta-deep)}@media (prefers-reduced-motion:no-preference){.app-hero .chip:first-child{animation:1.6s steps(2,end) infinite alternate home-bob}.app-hero .chip:nth-child(2){animation:1.6s steps(2,end) .8s infinite alternate home-bob}}.app-hero>.iconbtn{z-index:2;top:14px;right:14px}.burst{pointer-events:none;position:absolute;inset:0}.burst i{background:var(--sand);opacity:0;width:6px;height:6px;position:absolute;top:55%;left:50%}@media (prefers-reduced-motion:no-preference){.burst i{animation:1.2s steps(6,end) forwards home-spark}}@keyframes home-spark{0%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--dx), var(--dy))}}@media (min-width:760px){.app-hero{grid-template-columns:1fr auto auto;grid-template-areas:"text chips mascot";align-items:end;padding:28px 96px 92px 32px}.app-hero .hero-text h1{font-size:46px}.app-hero .hero-greeting{font-size:24px}.app-hero .hero-lead{font-size:18px}.app-hero .chips{flex-direction:column;align-items:flex-start;margin-bottom:8px}.home-mascot{padding-top:0}.home-mascot .mascot{width:160px;height:136px}.app-hero>.iconbtn{top:20px;right:24px}}.home-content{gap:20px;padding:20px 16px 28px;display:grid}.home-col{align-content:start;gap:20px;min-width:0;display:grid}.home-col>*{margin:0}.home-col .btn-link,.home-col .btn{width:100%;min-height:52px;padding:14px 22px;font-size:17px;font-weight:600;display:flex}@media (min-width:760px){.home-content{grid-template-columns:1.15fr .85fr;gap:28px;max-width:1120px;padding:28px 32px 40px}}.home-col .today-card{gap:12px;padding:18px;display:grid}.home-col .today-card>*{margin:0}.home-col .today-card h2{font-size:24px;font-weight:800;line-height:1.35}.home-col .today-card .eyebrow{font-size:15px}.home-col .today-card .fallback{font-size:16px;line-height:1.6}@media (min-width:760px){.home-col .today-card{padding:24px}.home-col .today-card h2{font-size:28px}}.home-col .goal-card>.goal-hint{font-size:15px;line-height:1.5}.goal-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.goal-row{gap:10px;min-width:0;display:grid}.goal-row+.goal-row{border-top:3px dashed var(--line);padding-top:16px}.goal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.goal-head h3{flex:1;min-width:0}.goal-head h3,.goal-text h3{margin:0;font-size:19px;font-weight:800;line-height:1.35}.goal-question>p{margin:0}.goal-topic{font-family:var(--font-kanit), sans-serif;font-size:22px;font-weight:800;line-height:1.35}.goal-link{min-height:56px;color:var(--text);background:var(--surface);border:3px solid var(--border);box-shadow:4px 4px 0 var(--shadow);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;text-decoration:none;transition:transform .1s steps(3,end),box-shadow .1s steps(3,end);display:grid}.goal-link:hover{box-shadow:6px 6px 0 var(--shadow);transform:translate(-2px,-2px)}.goal-link:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(3px,3px)}.goal-ico{background:var(--brand);border:3px solid var(--border);width:40px;height:40px;color:var(--text);place-items:center;display:grid}.goal-ico .icon{width:22px;height:22px}.goal-text p{margin:2px 0 0;font-size:15px;line-height:1.5}.goal-status{background:var(--surface);border:3px solid var(--muted);color:var(--muted);font-family:var(--font-kanit), sans-serif;white-space:nowrap;flex:none;align-items:center;gap:4px;padding:2px 8px;font-size:14px;font-weight:600;line-height:1.4;display:inline-flex}.goal-status.goal-done{background:var(--ok-soft);border-color:var(--ok);color:var(--text)}.goal-status .icon{width:14px;height:14px;color:var(--ok)}.home-col .steps{gap:4px;margin:6px 0 4px}.home-col .steps-item{font-size:15px}.home-col .steps-item:before{width:22px;height:22px}.home-col .steps-item:after{top:9px;left:calc(15px - 50%);right:calc(50% + 15px)}.home-col .steps-cur:before{background:var(--cta);box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--brand-deep)}@media (prefers-reduced-motion:no-preference){.home-col .steps-done:before,.home-col .steps-cur:before{animation:.3s step-end backwards home-step-fill,.3s steps(3,end) backwards home-land}.home-col .steps-cur:before{animation:.3s step-end backwards home-step-fill,.3s steps(3,end) backwards home-land,1.1s steps(2,end) 1.2s infinite home-ring}.home-col .steps-item:first-child:before{animation-delay:.25s,.25s}.home-col .steps-item:nth-child(2):before{animation-delay:.47s,.47s}.home-col .steps-item:nth-child(3):before{animation-delay:.69s,.69s}.home-col .steps-item:nth-child(4):before{animation-delay:.91s,.91s}}@keyframes home-step-fill{0%{background:var(--surface);border-color:var(--muted);box-shadow:none}}@keyframes home-land{0%{transform:translateY(-8px)}}@keyframes home-ring{50%{box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--cta-deep)}}.home-screen .meter-row,.home-screen .action-card{color:var(--text);grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:16px 18px;transition:transform .1s steps(3,end),box-shadow .1s steps(3,end);display:grid}.home-screen .meter-row:hover,.home-screen .action-card:hover{box-shadow:7px 7px 0 var(--shadow);transform:translate(-2px,-2px)}.home-screen .meter-row:active,.home-screen .action-card:active{box-shadow:2px 2px 0 var(--shadow);transform:translate(3px,3px)}.home-screen .meter-row .go,.home-screen .action-card .go{background:var(--brand);border-color:var(--border);width:40px;height:40px;color:var(--text)}.home-screen .go .icon{width:20px;height:20px}@media (prefers-reduced-motion:no-preference){.home-screen .meter-row:hover .go .icon,.home-screen .action-card:hover .go .icon{animation:.5s steps(2,end) infinite alternate home-nudge}}@keyframes home-nudge{to{transform:translate(3px)}}.home-screen .meter-row .block-bar>span{height:18px}.home-screen .meter-row .meter-sub{font-size:15px}.home-screen .meter-row .meter-cta{color:var(--brand-deep);text-underline-offset:4px;font-size:15px;font-weight:600;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.home-screen .meter-row .block-bar>span:not(.block-off){animation:.25s steps(2,end) backwards home-cell;animation-delay:calc(.5s + var(--i,0) * 90ms)}}@keyframes home-cell{0%{transform:translateY(-4px)}}.home-screen .action-card .muted{grid-column:1/-1;font-size:15px}.action-title{align-items:center;gap:10px;display:flex}.action-title h2{font-size:19px;font-weight:800;line-height:1.35}.action-title .icon{width:28px;height:28px;color:var(--brand-deep)}@media (prefers-reduced-motion:no-preference){.action-title .icon{animation:2.4s steps(2,end) infinite home-wiggle}}@keyframes home-wiggle{0%,80%{transform:none}90%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.feedback-prompt{background:var(--reader);gap:12px;padding:16px 18px;display:grid}.feedback-prompt p{font-family:var(--font-kanit), sans-serif;align-items:flex-start;gap:10px;margin:0;font-size:17px;font-weight:600;line-height:1.5;display:flex}.feedback-prompt p .icon{width:24px;height:24px;color:var(--sand-text);margin-top:2px}:root[data-theme=dark] .feedback-prompt p .icon{color:var(--sand)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .feedback-prompt p .icon{color:var(--sand)}}.feedback-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.home-col .feedback-actions .btn{padding:12px 10px}@media (prefers-reduced-motion:no-preference){.feedback-prompt.out{animation:.35s steps(3,end) forwards home-out}}@keyframes home-out{to{opacity:0;transform:translateY(-10px)}}.signin{flex-direction:column;min-height:700px;display:flex}.signin-hero{grid-template-columns:1fr auto;align-items:end;gap:8px;min-height:220px;margin:0;padding:22px 16px 62px;position:relative;overflow:hidden}.signin-name{font-size:34px;font-weight:800;line-height:1.15}.signin-tagline{margin:4px 0 0;font-size:17px}:root[data-theme=dark] .signin-tagline{color:var(--text)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .signin-tagline{color:var(--text)}}.signin-mascot{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.signin-mascot .signin-bubble{padding:5px 12px;font-size:15px;font-weight:600;position:relative;bottom:auto;right:auto}.signin-mascot .signin-bubble:after{width:10px;height:10px;bottom:-10px;left:50%;right:auto;transform:translate(-50%)rotate(45deg)}.signin-body{align-content:start;gap:16px;padding:24px 16px 28px;display:grid}.signin-body .signin-card{box-shadow:5px 5px 0 var(--shadow);gap:14px;margin:0;padding:20px 18px;display:grid}.signin-card h2{font-size:22px;font-weight:800}.signin-card .field{gap:6px;margin:0;display:grid}.signin-card .field label{font-family:var(--font-kanit), sans-serif;font-size:16px;font-weight:600}.signin-card .field input{width:100%;font:400 17px/1.4 var(--font-kanit), sans-serif;color:var(--text);background:var(--surface);border:3px solid var(--border);box-shadow:inset 3px 3px 0 var(--line);padding:12px 14px}.signin-card .btn{justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-size:17px;font-weight:600;display:flex}.signin-card .field .btn{margin-top:8px}.signin-card .signin-or{margin:0;font-size:15px}.signin-card .signin-or:before,.signin-card .signin-or:after{background:repeating-linear-gradient(90deg, var(--muted) 0 12px, transparent 12px 20px);opacity:.7;border-top:0;height:3px}.signin-card .notice,.signin-card .notice p{margin:0}.signin-card .signin-sent{gap:6px;padding:14px 16px;line-height:1.6;display:grid}.signin-card .signin-sent strong{color:var(--ok);margin:0;font-size:18px}.signin-card .signin-email{word-break:break-all;font-weight:600}.signin-card .signin-again{text-underline-offset:4px;justify-self:start;padding:6px 0;font-size:16px}.inapp-note{gap:12px;display:grid}.inapp-note p{font-size:16px}.signin-body .signin-hint{margin:0;font-size:15px}.signin-body .cookie-notice{text-align:center;margin:0;font-size:13px;line-height:1.7}.signin-body .cookie-notice a{color:var(--brand-deep)}.dots{gap:4px;display:none}.dots i{background:var(--ink);width:6px;height:6px}.sending .dots{display:inline-flex}@media (prefers-reduced-motion:no-preference){.sending .dots i{animation:.6s steps(2,end) infinite alternate home-twinkle}.sending .dots i:nth-child(2){animation-delay:.2s}.sending .dots i:nth-child(3){animation-delay:.4s}}.signin-card .btn:disabled{opacity:.7;cursor:progress}@media (min-width:760px){.signin{grid-template-columns:1.05fr .95fr;min-height:100dvh;display:grid}.signin-hero{border-bottom:0;border-right:4px solid var(--border);grid-template-rows:auto 1fr;grid-template-columns:1fr;place-items:start;padding:48px 40px 70px}.signin-name{font-size:56px}.signin-tagline{font-size:22px}.signin-mascot{place-self:end center}.signin-mascot .mascot{width:200px;height:170px}.signin-body{align-content:center;justify-items:center;padding:56px 40px}.signin-body>*{width:100%;max-width:440px}.signin-body .signin-card{padding:28px 26px}}.mini-hero{background:var(--brand);color:var(--text);border-bottom:4px solid var(--border);padding:22px 16px 54px;position:relative;overflow:hidden}.mini-hero>:not(.sky){z-index:1;position:relative}.mini-hero h1{margin:0;font-size:30px;font-weight:800;line-height:1.2}.mini-hero p{max-width:min(32em,100% - 96px);margin:6px 0 0;font-size:16px;line-height:1.55}.page{gap:18px;padding:22px 16px 32px;display:grid}@media (min-width:760px){.mini-hero{padding:40px 40px 80px}.mini-hero h1{font-size:42px}.mini-hero p{font-size:18px}.page{max-width:1120px;margin:0 auto;padding:32px 40px 48px}}.consent{gap:18px;display:grid}.consent .panel{margin:0}.consent-text{gap:14px;padding:18px;display:grid}.consent-row{font-family:var(--font-sarabun), sans-serif;grid-template-columns:auto 1fr;align-items:start;gap:12px;margin:0;font-size:17px;line-height:1.7;display:grid}.consent-row .ic{background:var(--brand);border:3px solid var(--border);width:40px;height:40px;color:var(--ink);place-items:center;display:grid}.consent-row:nth-child(2) .ic{background:var(--sand)}.consent-row:nth-child(3) .ic{background:var(--ok-soft);color:var(--ok)}.consent-row:nth-child(4) .ic{background:var(--cta)}.consent-row .ic .icon{width:22px;height:22px}.consent-row a{color:var(--brand-deep);font-weight:600}.decide{align-content:start;gap:14px;padding:18px;display:grid}.decide .btn{justify-content:center;align-items:center;width:100%;min-height:52px;font-size:17px;font-weight:600;display:flex}@media (min-width:760px){.consent{grid-template-columns:1.5fr 1fr;align-items:start}.decide{position:sticky;top:24px}.consent-text{padding:24px 26px}}.onb{gap:18px;display:grid}.onb-side{align-content:start;gap:16px;display:grid}.onb-side>*{margin:0}.onb .subjects{gap:12px;min-width:0;padding:16px 18px;display:grid}.onb .subjects legend{font-family:var(--font-kanit), sans-serif;padding:0 6px;font-size:18px;font-weight:800}.subject-tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.onb .check{min-height:52px;font-size:16px;line-height:1.4}.onb .check input{width:26px;height:26px;box-shadow:none}@media (prefers-reduced-motion:no-preference){.onb .check input:checked{animation:.25s steps(3,end) home-pop}}.onb .subject-tile{font-family:var(--font-kanit), sans-serif;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;font-size:20px;font-weight:800;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.onb .subject-tile:has(input:checked){box-shadow:2px 2px 0 var(--shadow);transform:translate(2px,2px)}.onb .btn{width:100%;min-height:52px;padding:14px 22px;font-size:17px;font-weight:600;display:flex}.groups{align-content:start;gap:18px;display:grid}.groups .block-group{margin:0;padding:16px 18px}.groups .block-group h2{margin:0;font-size:18px;font-weight:800;line-height:1.4}.groups .block-group>.muted{margin:4px 0 12px;font-size:15px;line-height:1.6}.groups .checklist{gap:8px;display:grid}.groups .checklist .check{box-shadow:none}@media (prefers-reduced-motion:no-preference){:is(.onboarding-form:has(#subject-crim_pro:checked) .block-group-crim_pro,.onboarding-form:has(#subject-civ_pro:checked) .block-group-civ_pro){animation:.3s steps(3,end) home-pop}:is(.onboarding-form:has(#subject-crim_pro:checked) .block-group-crim_pro li,.onboarding-form:has(#subject-civ_pro:checked) .block-group-civ_pro li){animation:.3s steps(3,end) backwards home-slidein}.groups .checklist li:nth-child(2){animation-delay:60ms}.groups .checklist li:nth-child(3){animation-delay:.12s}.groups .checklist li:nth-child(4){animation-delay:.18s}.groups .checklist li:nth-child(5){animation-delay:.24s}.groups .checklist li:nth-child(6){animation-delay:.3s}.groups .checklist li:nth-child(7){animation-delay:.36s}.groups .checklist li:nth-child(8){animation-delay:.42s}.groups .checklist li:nth-child(n+9){animation-delay:.48s}}@keyframes home-slidein{0%{transform:translate(-10px)}}@media (min-width:760px){.onb{grid-template-columns:minmax(0,420px);justify-content:center;align-items:start}.onb:has(input[name=subject]:checked){grid-template-columns:320px 1fr;justify-content:stretch}.onb-side{position:sticky;top:24px}.subject-tiles{grid-template-columns:1fr}.groups{grid-template-columns:1fr 1fr;align-items:start}}