@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;--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}.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}}