:root{--cream:#fbf8f1;--paper:#ffffff;--ink:#1b1822;--muted:#6f6a76;--lime:#f1ca68;--violet:#4238ca;--deep-violet:#27215f;--sky:#bfe2f5;--pink:#f8c4bd;--sun:#fbe3a0;--orange:#f26b5e;--lavender:#dcd8fb;--mint:#d9f1dd;--hair:#efe8da;--display:"Playfair Display","Sarabun",serif;--thai:"Sarabun",system-ui,sans-serif;--mono:"JetBrains Mono","Sarabun",monospace;--side-w:264px}html{background:#fbf7f0}body{font-family:var(--thai);font-size:15px;color:var(--ink);background:radial-gradient(rgba(27,24,34,.09) 1px,transparent 1.4px) 0 0/18px 18px,#fbf7f0}.h{font-family:var(--display);letter-spacing:-.01em;margin:0}.muted{color:var(--muted)}.card{background:var(--paper);border:2px solid var(--ink);border-radius:24px;box-shadow:4px 4px 0 var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border:2px solid var(--ink);border-radius:16px;background:var(--lime);color:var(--ink);font:700 16px/1.1 var(--thai);box-shadow:3px 3px 0 var(--ink);cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.btn:not(:disabled):hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);color:var(--ink)}.btn:not(:disabled):active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn.white{background:var(--paper)}.btn.violet{background:var(--violet);color:#fff}.btn.violet:hover{color:#fff}.btn.ink{background:var(--ink);box-shadow:3px 3px 0 var(--violet)}.btn.ink,.btn.ink:hover{color:var(--paper)}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);font:700 12px/1 var(--thai);white-space:nowrap}.iconbtn{display:grid;place-items:center;width:46px;height:46px;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--ink);text-decoration:none}.iconbtn:not(:disabled):active{transform:translate(2px,2px);box-shadow:none}.tile{position:relative;border:2px solid var(--ink);border-radius:22px;box-shadow:3px 3px 0 var(--ink);padding:14px 16px 16px;overflow:hidden}.big{font:700 44px/1 var(--display);letter-spacing:-.02em}.bar{height:16px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);overflow:hidden}.bar>i{display:block;height:100%;background:var(--lime);border-right:2px solid var(--ink)}.row{display:flex;align-items:center;gap:12px}.panel2{background:#fff;border:1.5px solid var(--ink);border-radius:20px}.lbl{font:600 13px/1.3 var(--thai);color:var(--muted)}.num{font:800 26px/1 var(--thai);letter-spacing:-.03em;color:var(--ink)}.chip{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#f3ede2;flex-shrink:0}.lrow{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;background:transparent;text-align:left;text-decoration:none;color:var(--ink);cursor:pointer}.lrows{overflow:hidden}.lrows>.lrow+.lrow{border-top:1.5px solid var(--hair)}.lrow:not(:disabled):hover{background:#fbf7f0}.panel2.lrow{background:#fff;border:1.5px solid var(--ink)}.lrow-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.lrow-main strong{display:flex;align-items:center;gap:8px;font:700 16px/1.2 var(--thai)}.plus-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:var(--ink);color:#fff;font:700 10px/1 var(--thai)}.sec-head{display:flex;align-items:center;justify-content:space-between;margin:26px 2px 10px}.sec-head h2{font-size:19px;font-weight:700}.sec-head a,.sec-head button{padding:0;border:0;background:none;font:700 14px/1 var(--thai);color:var(--muted);text-decoration:none}.round-btn{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1.5px solid var(--ink);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;flex-shrink:0}.round-btn>i{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:#ff5a5a}.streak-pill{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font:800 15px/1 var(--thai);white-space:nowrap}.flame{display:inline-flex;color:#e0584b}.bob{animation:bob 3.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(-2deg)}}.pop-in{animation:popin .6s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--d, 0) * 70ms)}@keyframes popin{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.bob,.pop-in{animation:none}}.side{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--side-w);padding:24px 18px;display:flex;flex-direction:column;gap:6px;background:#fff;border-right:1.5px solid var(--ink);overflow-y:auto}:root:root .side-brand{display:block;padding:0 8px 22px;border:0;background:none;text-align:left;font:800 24px/1 var(--display);letter-spacing:-.04em;color:var(--ink)}.side-brand i{font-style:normal;color:var(--violet)}.side nav{display:flex;flex-direction:column;gap:6px}.side-link{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border:0;border-radius:16px;background:transparent;color:var(--ink);font:600 15px/1.2 var(--thai);text-align:left}.side-link svg{flex-shrink:0}.side-link span{flex:1}.side-link:hover{background:#f3ede2}.side-link[aria-current=page]{background:var(--ink);color:#fff;font-weight:700}.side-link small{min-width:24px;padding:3px 7px;border-radius:999px;background:var(--violet);color:#fff;font:700 12px/1 var(--thai);text-align:center}.side-plan{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid var(--ink);border-radius:18px;background:var(--sun);color:var(--ink);text-align:left}.side-plan span{flex:1;display:flex;flex-direction:column;gap:3px}.side-plan strong{font:800 15px/1.2 var(--thai)}.side-plan small{font:600 12px/1.3 var(--thai);color:#514c58}.side-plan+.side-me{margin-top:6px}.side-me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:8px;border:2px solid var(--ink);border-radius:18px}.side-me-buddy{display:grid;place-items:center;width:46px;height:46px;padding:0;border:2px solid var(--ink);border-radius:50%;flex-shrink:0}.side-me-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--ink);text-align:left}.side-me-main span{flex:1;min-width:0;display:flex;flex-direction:column}.side-me-main strong{font:700 15px/1.3 var(--thai);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-me-main small{font:400 13px/1.3 var(--thai);color:var(--muted)}:root:root .app-main{margin-left:var(--side-w)}:root:root .content{max-width:1240px;margin:0;padding-bottom:40px}:root:root .content.pop-content{padding:32px 40px 40px}.buddy-chip{display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid var(--ink);border-radius:50%;line-height:0;flex-shrink:0}.tabbar{display:none}.loading-page .side-brand{padding:0;text-align:center;font-size:30px}.toast{border:2px solid var(--ink);border-radius:16px;box-shadow:3px 3px 0 var(--ink)}@media (max-width:1000px){:root{--side-w:220px}:root:root .content,:root:root .content.pop-content{padding-left:24px;padding-right:24px}:root:root .topbar{padding:0 24px}}@media (max-width:760px){.side{display:none}:root:root .app-main{margin-left:0}:root:root .content.pop-content{padding:18px 16px 120px}:root:root .content{padding-left:16px;padding-right:16px;padding-bottom:120px}:root:root .topbar{padding:0 16px}.buddy-chip{width:40px;height:40px}.tabbar{position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom, 0px));z-index:30;height:68px;gap:4px;padding:7px;background:#fff;border:1.5px solid var(--ink);border-radius:24px;box-shadow:0 10px 30px -18px rgba(27,24,34,.45)}.tabbar,.tabbar button{display:flex;align-items:center}.tabbar button{flex:1;min-width:0;height:52px;flex-direction:column;justify-content:center;gap:3px;padding:0;border:0;border-radius:17px;background:transparent;color:var(--ink);font:700 12px/1.2 var(--thai)}.tabbar button[aria-current=page]{background:var(--ink);color:#fff}.tabbar-buddy{display:grid;place-items:center;padding:3px;border:1.5px solid var(--ink);border-radius:50%;line-height:0}.app-shell.is-studying .tabbar{display:none}.toast{bottom:100px}}.home-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-me{display:none;place-items:center;width:50px;height:50px;padding:0;border:1.5px solid var(--ink);border-radius:50%;flex-shrink:0}.home-hello{flex:1;min-width:0}.home-date{display:block;font-size:15px;line-height:1.6}.home-greet{display:none}.home-hello h1{margin-top:8px;font-size:34px;font-weight:700;line-height:1.35}.home-actions{display:flex;align-items:center;gap:10px}.home-bottom,.home-top{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.home-top{margin-top:28px}.goal-hero{position:relative;padding:28px;border:2px solid var(--ink);border-radius:28px;background:var(--violet);color:#fff}.goal-buddy,.goal-hero{box-shadow:4px 4px 0 var(--ink)}.goal-buddy{position:absolute;right:18px;top:18px;display:grid;place-items:center;padding:12px;border:2px solid var(--ink);border-radius:50%;background:var(--sun);line-height:0}.goal-kicker{font:700 14px/1 var(--thai);color:rgba(255,255,255,.8)}.goal-count{margin-top:10px;display:flex;align-items:baseline;gap:8px}.goal-count span{font:700 56px/1 var(--display);letter-spacing:-.04em}.goal-count small{font:600 17px/1 var(--thai)}.goal-hero p{margin:8px 0 0;max-width:calc(100% - 150px);font:500 16px/1.5 var(--thai);color:rgba(255,255,255,.9)}.goal-bar{margin-top:16px;max-width:460px;height:12px;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden}.goal-bar i{display:block;height:100%;border-radius:999px;background:var(--lime);transition:width .4s ease}.goal-hero .btn{margin-top:18px;min-height:54px;font-size:17px}.home-stats>*{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;border:0;background:none;color:var(--ink);text-align:left}.home-stats>*+*{border-top:1.5px solid var(--hair)}.home-stats .chip{width:38px;height:38px}.home-stats .lbl{flex:1;font-size:15px;color:var(--ink)}.home-setup{margin-top:24px;border-radius:20px;background:#fffbef!important}.week-chart{height:196px;padding:18px 18px 14px;display:flex;align-items:flex-end;gap:8px}.week-chart>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.week-chart span{min-height:13px;font:700 13px/1 var(--thai)}.week-chart i{width:100%;max-width:30px;border-radius:8px;background:var(--hair)}.week-chart span:not(:empty)+i{background:#8d86e0}.week-chart .is-today span:not(:empty)+i{background:var(--violet)}.week-chart .is-today small{color:var(--ink);font-weight:800}.home-battle-head{margin-top:24px}.home-battle{border-radius:20px}@media (max-width:1000px){.home-bottom,.home-top{grid-template-columns:minmax(0,1fr);gap:16px}.home-bottom{gap:0}}@media (max-width:760px){.home-me{display:grid}.home-date,.home-greet-inline,.home-search,.streak-word{display:none}.home-greet{display:block}.home-hello h1{margin-top:0;font-size:22px}.streak-pill{height:40px;gap:4px;padding:0 12px}.home-top{margin-top:34px}.goal-hero{padding:20px}.goal-buddy{right:10px;top:-30px;padding:10px}.goal-buddy>span{width:76px!important;height:76px!important}.goal-count span{font-size:46px}.goal-hero p{max-width:none}.goal-hero .btn{width:100%}.home-stats{display:flex}.home-stats>*{flex:1;flex-direction:column;gap:6px;padding:14px 6px;text-align:center}.home-stats>*+*{border-top:0;border-left:1.5px solid var(--hair)}.home-stats .chip{display:none}.home-stats .num{order:-1}.home-stats .lbl{flex:none;font-size:13px;color:var(--muted)}}.buddy-pick{max-width:1080px}.buddy-pick-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:14px}.buddy-pick h1{font-size:40px;font-weight:700;line-height:1.2}.buddy-pick h1+p{margin:6px 0 0;font-size:16px;line-height:1.5}.buddy-stage{position:relative;margin-top:22px;height:470px;border:2px solid var(--ink);border-radius:32px;box-shadow:6px 6px 0 var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .25s ease}.buddy-stage .buddy-big{width:300px!important;height:300px!important;cursor:pointer}.buddy-shadow{position:absolute;left:50%;bottom:70px;width:240px;height:26px;margin-left:-120px;border-radius:50%;background:rgba(27,24,34,.12)}.buddy-stage .tag{position:absolute;top:18px}.buddy-stage .tag:not(:last-child){left:18px;padding:8px 14px;font-size:15px}.buddy-stage .tag:last-child{right:18px}.buddy-all{display:flex;align-items:baseline;justify-content:space-between;margin-top:4px}.buddy-all h2{font-size:24px;font-weight:700}.buddy-options{margin-top:14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.buddy-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:108px;padding:0;border:2px solid var(--ink);border-radius:20px;background:#fff;color:var(--ink);font:700 13px/1 var(--thai);transition:transform .15s ease}.buddy-options button>span:first-child{width:64px!important;height:64px!important}.buddy-options button[aria-pressed=true]{background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.buddy-name{display:block;margin-top:26px;font-weight:700;font-size:15px}:root:root .buddy-name input{display:block;width:100%;margin-top:8px;min-height:54px;padding:0 18px;font:600 18px/1 var(--thai)}.buddy-confirm{width:100%;margin-top:22px}.buddy-credit{margin:14px 2px 0;font-size:11.5px;line-height:1.55;color:var(--muted)}.buddy-credit a{font-weight:700;color:#514c58}@media (max-width:900px){.buddy-pick-grid{grid-template-columns:minmax(0,1fr);gap:18px}.buddy-pick h1{font-size:30px}.buddy-pick h1+p{margin-top:4px;font-size:15px}.buddy-stage{margin-top:14px;height:224px;border-radius:28px;box-shadow:4px 4px 0 var(--ink)}.buddy-stage .buddy-big{width:160px!important;height:160px!important;margin-top:6px}.buddy-shadow{bottom:30px;width:150px;height:18px;margin-left:-75px}.buddy-stage .tag{top:14px}.buddy-stage .tag:not(:last-child){left:14px;padding:6px 11px;font-size:12px}.buddy-stage .tag:last-child{right:14px}.buddy-all{display:none}.buddy-options{margin-top:0;gap:10px;justify-items:center}.buddy-options button{width:60px;height:60px;border-radius:18px}.buddy-options button>span:first-child{width:46px!important;height:46px!important}.buddy-options button>span:last-child{display:none}.buddy-name{margin-top:18px;font-size:14px}}.book-code form button{white-space:nowrap}.me-links{max-width:760px;margin-bottom:20px}.me-links .me-nav{display:none}.settings-panel>.secondary+.text-button{margin-left:12px}@media (max-width:760px){.me-links .me-nav{display:flex}}.side-logout{margin-top:auto;color:var(--muted)}.side-logout:hover{color:var(--ink)}.side-logout+.side-me,.side-plan+.side-logout{margin-top:6px}.lang-switch{display:inline-flex;padding:3px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;cursor:pointer;color:var(--ink)}.lang-switch span{display:grid;place-items:center;min-width:46px;min-height:34px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:700 13px/1 var(--thai);transition:background .15s ease,color .15s ease}.lang-switch .is-on{background:var(--ink);color:#fff}.side .lang-switch{align-self:flex-start;margin:auto 0 0 8px}.side-plan+.lang-switch{margin-top:10px}.settings-lang{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:760px;margin-bottom:14px}.side .lang-switch+.side-logout{margin-top:6px}.home-stats .lbl:first-letter{text-transform:uppercase}:root:root .side-brand{font-size:30px}.loading-page .side-brand{font-size:36px}.settings-vol input[type=range]{flex:1;min-width:0;max-width:320px;height:28px;margin-left:auto;accent-color:var(--violet);cursor:pointer}.settings-vol .num{min-width:52px;text-align:right;font-size:16px}:root:root .settings-vol input[type=range]{padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.music-btn{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1.5px solid var(--ink);border-radius:50%;background:var(--lime);color:var(--ink);flex-shrink:0}.music-btn[aria-pressed=false]{background:#fff;color:var(--muted)}.side-tools{margin-top:auto;display:flex;align-items:center;gap:10px;padding-left:8px}.side-plan+.side-tools{margin-top:10px}.side .side-tools .lang-switch{margin:0}.side-tools+.side-logout{margin-top:6px}.music-fab{display:none}@media (max-width:760px){.music-fab{display:grid;position:fixed;right:16px;bottom:calc(94px + env(safe-area-inset-bottom, 0px));z-index:29;box-shadow:2px 2px 0 var(--ink)}.app-shell.is-studying .music-fab{display:none}}.xp-badge{position:relative;display:grid;place-items:center;flex-shrink:0;border:2px solid var(--ink);border-radius:50%;background:var(--c,var(--sun));box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.xp-badge b{position:absolute;right:-6px;bottom:-6px;min-width:22px;padding:2px 5px;border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;font:800 11px/1 var(--mono);text-align:center}.xp-card{margin-top:24px;padding:20px 22px}.xp-head{display:flex;align-items:center;gap:14px}.xp-who{display:grid;gap:2px;min-width:0;flex:1}.xp-who strong{font:800 19px/1.2 var(--thai)}.xp-today{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;font:700 13px/1 var(--thai);color:var(--muted);white-space:nowrap}.xp-today.on{background:var(--lime);color:var(--ink)}.xp-bar{height:16px;margin-top:16px;border:2px solid var(--ink);background:#fff;overflow:hidden}.xp-bar,.xp-bar i{border-radius:999px}.xp-bar i{display:block;height:100%;border-right:2px solid var(--ink);background:repeating-linear-gradient(-45deg,var(--violet) 0 10px,#5a50e0 10px 20px);transition:width .6s cubic-bezier(.34,1.3,.64,1)}.xp-next{margin:8px 0 0;font:500 13px/1.4 var(--thai);color:var(--muted)}.xp-weeks{display:grid;gap:7px;margin-top:16px;padding-top:14px;border-top:2px dashed var(--hair)}.xp-weeks>div{display:grid;grid-template-columns:84px minmax(0,1fr) 56px;align-items:center;gap:10px}.xp-weeks b{font:800 13px/1 var(--mono);text-align:right}.xp-wbar{height:12px;border:2px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden}.xp-wbar i{display:block;height:100%;background:var(--lavender);transition:width .6s ease-out}.xp-wbar i.now{background:var(--lime)}.xp-weeks p{display:flex;align-items:center;gap:6px;margin:4px 0 0;font:700 13px/1.4 var(--thai)}.xp-how{margin-top:12px;font:500 13px/1.5 var(--thai)}.xp-how summary{width:fit-content;font-weight:700;color:var(--violet);cursor:pointer}.xp-how ul{display:grid;gap:4px;margin:10px 0 8px;padding:0;list-style:none}.xp-how li b{display:inline-block;min-width:38px;font:800 13px/1 var(--mono)}.xp-how p{margin:0;color:var(--muted)}.xp-set{gap:6px;margin:4px auto 0;padding:8px 16px;font:800 15px/1 var(--thai)}.xp-pop,.xp-set{display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:999px;background:var(--lime);box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.xp-pop{position:fixed;z-index:90;top:84px;left:50%;gap:4px;padding:7px 13px;font:800 14px/1 var(--mono);pointer-events:none;animation:xp-pop 1.5s cubic-bezier(.2,.9,.3,1) forwards}@keyframes xp-pop{0%{opacity:0;transform:translate(-50%,14px) scale(.7)}18%{opacity:1;transform:translate(-50%) scale(1.08)}70%{opacity:1;transform:translate(-50%,-8px) scale(1)}to{opacity:0;transform:translate(-50%,-30px) scale(.96)}}.xp-up{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(27,24,34,.62);overflow:hidden;animation:xp-fade .25s ease-out}@keyframes xp-fade{0%{opacity:0}}.xp-up>i{position:absolute;top:-20px;left:calc(var(--i) * 5.6% + 2%);width:10px;height:16px;border:1.5px solid var(--ink);border-radius:3px;background:hsl(calc(var(--i) * 47),85%,66%);animation:xp-confetti calc(1.9s + (var(--i) * .07s)) linear calc(var(--i) * .05s) infinite}@keyframes xp-confetti{to{transform:translateY(110vh) rotate(calc(1turn + var(--i) * 40deg))}}.xp-up-card{position:relative;display:grid;justify-items:center;gap:8px;width:min(360px,100%);padding:26px 24px 22px;border:2.5px solid var(--ink);border-radius:28px;background:var(--c,var(--sun));box-shadow:6px 6px 0 var(--ink);text-align:center;animation:xp-rise .5s cubic-bezier(.34,1.56,.64,1)}@keyframes xp-rise{0%{opacity:0;transform:translateY(30px) scale(.85)}}.xp-up-buddy{display:grid;place-items:center;width:116px;height:116px;border:2.5px solid var(--ink);border-radius:50%}.xp-up-level{font-size:44px;line-height:1}.xp-up-rank{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:2px solid var(--ink);border-radius:999px;background:#fff;font:800 15px/1 var(--thai)}.xp-up-card p{margin:0;font:500 13px/1.4 var(--thai)}.xp-up-card .btn{margin-top:8px}@media (max-width:760px){.xp-card{margin-top:16px;padding:16px}.xp-head{flex-wrap:wrap;row-gap:10px}.xp-who{flex-basis:calc(100% - 64px)}.xp-today{margin-left:60px}.xp-weeks>div{grid-template-columns:76px minmax(0,1fr) 48px}}@media (prefers-reduced-motion:reduce){.xp-pop,.xp-up-card,.xp-up>i{animation:none}.xp-pop{transform:translateX(-50%)}}.xp-card+.stats-grid{margin-top:22px}.pricing-card .price-desc{margin:10px 0 0;font:500 14px/1.6 var(--thai);opacity:.88}.oops{display:grid;justify-items:center;gap:10px;max-width:440px;min-height:70vh;margin:0 auto;padding:24px;align-content:center;text-align:center}.oops-code{padding:6px 14px;border:2px solid var(--ink);border-radius:999px;background:var(--sun);font:800 13px/1 var(--mono);letter-spacing:.08em}.oops h1{margin:6px 0 0;font:800 30px/1.2 var(--thai)}.oops p{margin:0 0 12px;color:var(--muted);font:500 15px/1.5 var(--thai)}.oops-link{margin-top:6px;color:var(--violet);font:700 14px/1 var(--thai)}:root:root .goal-options button.active span,:root:root .goal-options button.selected span{color:var(--ink)}.account-tools{display:grid;gap:12px;margin:14px 0 18px}.account-tools .inline{display:flex;flex-wrap:wrap;gap:10px}:root:root .account-tools .secondary.danger{color:#b3261e;border-color:#b3261e!important}.account-form{display:grid;gap:10px;max-width:420px;padding:16px;border:2px dashed var(--ink);border-radius:16px;background:#fff}.account-form.danger{border-color:#b3261e;background:#fff5f4}.account-form label{display:grid;gap:5px;font:700 13px/1.3 var(--thai)}.account-form input{min-height:42px;padding:0 12px;border:2px solid var(--ink);border-radius:12px;font:500 15px/1 var(--thai)}.account-form p{margin:0;font:500 13px/1.5 var(--thai)}:root:root .account-form .primary.danger{background:#b3261e;color:#fff}.account-tools .ok{color:#137a52}.legal{max-width:720px;margin:0 auto;padding:36px 20px 60px;font:500 15.5px/1.7 var(--thai);color:var(--ink)}.legal-brand{display:inline-block;margin-bottom:26px;font:800 26px/1 var(--display);color:var(--ink);text-decoration:none}.legal-brand span{color:var(--violet)}.legal-eyebrow{display:inline-block;padding:5px 12px;border:2px solid var(--ink);border-radius:999px;font:800 11px/1 var(--mono);letter-spacing:.08em}.legal h1{margin:12px 0 2px;font:800 32px/1.2 var(--thai)}.legal-updated{margin:0 0 22px;color:var(--muted);font-size:13.5px}.legal h2{margin:26px 0 6px;font:800 18px/1.3 var(--thai)}.legal ul{padding-left:22px}.legal li{margin:4px 0}.legal footer{margin-top:40px;padding-top:16px;border-top:2px dashed var(--hair);font-size:13.5px;color:var(--muted)}.legal a{color:var(--violet)}.lp-legal{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;padding:10px 16px 30px;font:500 13px/1.4 var(--thai);color:var(--muted)}.lp-legal a{color:inherit}.legal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.legal-top .legal-brand{margin-bottom:0}:root:root button.goal-buddy{border:0!important;box-shadow:none;cursor:pointer;color:inherit;font:inherit}.weak-row small.is-bad{color:#c8392e;font-weight:700}.coverage-note{margin:12px 0 0;padding:0}.inbox ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.inbox li{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid var(--ink);border-radius:16px;background:#fff}.inbox li.is-new{background:#fffbea;box-shadow:3px 3px 0 var(--ink)}.inbox-ic{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:2px solid var(--ink);border-radius:12px}.inbox-main{display:grid;gap:2px;flex:1;min-width:0}.inbox-main b{font:800 14.5px/1.35 var(--thai)}.inbox-main small{font:500 12.5px/1.4 var(--thai);color:var(--muted)}.inbox-main em{font:600 11px/1.3 var(--mono);font-style:normal;color:var(--muted)}.inbox li .btn{flex-shrink:0;min-height:36px;padding:0 12px;font-size:13px}.inbox-empty{margin:4px 0 0;font:500 14px/1.5 var(--thai);color:var(--muted)}.inbox-push{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;padding:12px 14px;border:2px dashed var(--ink);border-radius:16px;font:600 13px/1.4 var(--thai)}.inbox-push>span{flex:1;min-width:180px}.inbox-note{margin:2px 0 0;font:600 13px/1.5 var(--thai)}.inbox-install,.inbox-note{flex-basis:100%;color:var(--violet)}.inbox-install{padding:0;text-align:left;font:700 13px/1.4 var(--thai);text-decoration:underline}.install-banner{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 12px 12px 14px;border:2px solid var(--ink);border-radius:20px;background:#fffbea;box-shadow:3px 3px 0 var(--ink)}.install-banner img{flex-shrink:0;width:48px;height:48px;border:1.5px solid var(--ink);border-radius:12px}.install-banner>div{flex:1;min-width:0;display:grid;gap:2px}.install-banner b{font:800 15px/1.3 var(--thai)}.install-banner small{font:500 12.5px/1.4 var(--thai);color:var(--muted)}.install-banner .btn{flex-shrink:0;padding:9px 14px}.install-close{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted)}.install-sheet{display:grid;gap:14px}.install-why{display:grid;gap:8px;margin:0;padding:0;list-style:none}.install-why li{display:flex;align-items:center;gap:10px;font:600 14px/1.4 var(--thai)}.install-why svg{flex-shrink:0;color:var(--violet)}.install-done{margin:0;padding:12px 14px;border-radius:14px;background:#d9f1dd;font:700 14px/1.5 var(--thai)}.install-now{justify-content:center}.install-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:2px solid var(--ink);border-radius:999px;background:#fff}.install-tabs button{padding:8px 10px;border:0;border-radius:999px;background:transparent;font:800 14px/1 var(--thai);color:var(--ink)}.install-tabs button.is-on{background:var(--ink);color:#fff}.install-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}.install-steps li{display:flex;align-items:flex-start;gap:12px;padding:12px;border:2px solid var(--ink);border-radius:16px;background:#fff;font:700 15px/1.45 var(--thai)}.install-steps small{display:block;margin-top:2px;font:500 12.5px/1.4 var(--thai);color:var(--muted)}.install-n{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--ink);border-radius:50%;background:#fbe3a0;font:800 14px/1 var(--mono)}.install-ic{display:inline-grid;place-items:center;width:26px;height:26px;margin-left:6px;border-radius:8px;background:#dcd8fb;color:var(--violet);vertical-align:middle}.install-note{display:flex;align-items:flex-start;gap:8px;margin:0;font:600 13px/1.5 var(--thai)}.install-note svg{flex-shrink:0;margin-top:2px;color:var(--violet)}.install-note.muted{color:var(--muted)}.placement{display:grid;gap:14px;width:100%;max-width:640px;margin:0 auto;padding:20px;border:2px solid var(--ink);border-radius:24px;background:#fff;box-shadow:4px 4px 0 var(--ink);text-align:left}.placement-top{display:flex;align-items:center;gap:16px}.placement-top>div{display:grid;gap:3px;min-width:0}.placement-top strong{font:800 16px/1.35 var(--thai)}.placement-top small{font:600 13.5px/1.4 var(--thai);color:var(--violet)}.placement-level{display:grid;place-items:center;flex-shrink:0;min-width:84px;height:84px;padding:0 10px;border:2.5px solid var(--ink);border-radius:22px;background:var(--violet);color:#fff;box-shadow:3px 3px 0 var(--ink);font:800 30px/1 var(--display);text-align:center}.placement-bands{display:grid;gap:8px}.placement-bands>div{display:grid;grid-template-columns:34px auto minmax(0,1fr);align-items:center;gap:10px}.placement-bands b{font:800 14px/1 var(--mono)}.placement-dots{display:flex;gap:5px}.placement-dots i{width:18px;height:18px;border:2px solid var(--ink);border-radius:50%;background:#fff}.placement-dots.is-more{gap:3px}.placement-dots.is-more i{width:12px;height:12px;border-width:1.5px}.placement-bands .is-pass .placement-dots i.on{background:#1fa36f}.placement-bands .is-fail .placement-dots i.on{background:#f1ca68}.placement-bands em{font:600 12.5px/1.3 var(--thai);font-style:normal;color:var(--muted)}.placement-bands .is-pass em{color:#137a52}.placement-rule{margin:0;font:500 12px/1.5 var(--thai);color:var(--muted)}.placement-actions{display:flex;flex-wrap:wrap;gap:8px}.placement-actions .btn{display:inline-flex;align-items:center;gap:6px}.placement-how summary{width:fit-content;font:700 13.5px/1.4 var(--thai);color:var(--violet);cursor:pointer}.placement-how p{margin:8px 0;font:500 12.5px/1.5 var(--thai);color:var(--muted)}.placement-how ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}.placement-how li{display:grid;grid-template-columns:18px auto minmax(0,1fr) auto;align-items:center;gap:8px;font:500 13px/1.4 var(--thai)}.placement-how li b{font-weight:800}.placement-band{font:700 11px/1 var(--mono);color:var(--muted)}.placement-how li span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placement-how li.ok svg{color:#137a52}.placement-how li.bad svg{color:#c8392e}@media (max-width:760px){.placement{padding:16px}.placement-level{min-width:70px;height:70px;font-size:24px}}.placement-done .placement{margin:10px auto 6px}.progress-placement{margin-top:18px}.progress-placement .placement{max-width:none}:root:root .progress-placement-cta{margin-top:18px;width:100%;text-align:left}.lp{--lp-ink:#1b1822;--lp-ease-out:cubic-bezier(0.16,1,0.3,1);--lp-ease-in:cubic-bezier(0.7,0,0.84,0);--lp-stagger:72ms;--lp-buddy:80px;position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;color:var(--lp-ink);font-family:Sarabun,system-ui,sans-serif;background:radial-gradient(rgba(27,24,34,.09) 1px,transparent 1.4px) 0 0 /18px 18px,#fbf8f1}.lp *,.lp :after,.lp :before{box-sizing:border-box}.lp button{font-family:inherit;cursor:pointer}.lp button:disabled{cursor:not-allowed;opacity:.6}.lp-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:36px;max-width:1440px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:30px}.lp-left{position:relative;order:1;display:flex;flex-direction:column;min-width:0;padding-left:22px}.lp-nav{gap:44px;min-height:44px;padding-top:8px}.lp .lp-brand,.lp-nav{display:flex;align-items:center}.lp .lp-brand{flex:0 0 auto;padding:0;border:0;background:none;color:inherit}.lp-brand-name{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.04em;white-space:nowrap}.lp-brand-name i{font-style:normal;color:#4238ca}.lp .lp-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-left:auto;padding:0 16px;border:2px solid var(--lp-ink);border-radius:14px;background:#fff;box-shadow:2px 2px 0 var(--lp-ink);color:var(--lp-ink);font-size:14px;font-weight:700;white-space:nowrap}.lp-content{max-width:600px;margin:auto 0;padding:40px 0}.lp-auth-page .lp-content{max-width:640px}.lp-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:6px 12px;border:2px solid var(--lp-ink);border-radius:999px;background:#fff;font-size:12px;font-weight:700;letter-spacing:.04em}.lp-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#4238ca}:root:root:root .lp .lp-title{margin:0;color:var(--lp-ink);font-family:Sarabun,system-ui,sans-serif;font-weight:700;font-size:clamp(40px,4.7vw,60px);line-height:1.18;letter-spacing:-.03em}:root:root:root .lp-auth-page .lp-title{font-size:clamp(38px,4.2vw,54px)}.lp-line{display:block}.lp-hl{display:inline-block;margin:0 .04em;padding:0 .22em .06em;border:2px solid var(--lp-ink);border-radius:14px;background:#f1ca68;box-shadow:3px 3px 0 var(--lp-ink);transform:rotate(-2deg)}.lp-text{max-width:46ch;margin:26px 0 0;color:#514c58;font-size:17px;line-height:1.9}.lp-text b{color:var(--lp-ink);font-weight:700}.lp-cta-row{display:flex;align-items:center;gap:28px;margin-top:40px}.lp .lp-cta{display:inline-flex;align-items:center;gap:16px;padding:7px 7px 7px 22px;border:2px solid var(--lp-ink);border-radius:16px;background:#f1ca68;box-shadow:3px 3px 0 var(--lp-ink);color:var(--lp-ink);transition:transform .15s,box-shadow .15s}.lp .lp-cta:not(:disabled):hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--lp-ink)}.lp-cta-label{font-size:16px;font-weight:700}.lp-cta-icon{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--lp-ink);color:#fff;transition:background .25s ease,transform .25s ease}.lp-cta:not(:disabled):hover .lp-cta-icon{background:#4238ca;transform:translateX(3px)}.lp .lp-quiet{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 20px;border:2px solid var(--lp-ink);border-radius:16px;background:#fff;box-shadow:3px 3px 0 var(--lp-ink);color:var(--lp-ink);font-size:16px;font-weight:700}.lp .lp-quiet:not(:disabled):hover{background:#efe9df}.lp-mq{max-width:600px;margin-top:34px}.lp-mq-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#6f6a76;font:700 12px/1 Sarabun,sans-serif;letter-spacing:.06em}.lp-mq-label em{padding:3px 7px;border:1px dashed #6f6a76;border-radius:4px;font:500 10.5px/1 Sarabun,sans-serif;font-style:normal;letter-spacing:0}.lp-mq-track{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.lp-mq-row{display:flex;gap:10px;width:max-content;padding:3px 0;animation:lp-mq 38s linear infinite}.lp-mq-row.rev{margin-top:8px;animation-duration:46s;animation-direction:reverse}.lp-mq-track:hover .lp-mq-row{animation-play-state:paused}.lp-mq-chip{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 12px 0 14px;border:1.5px solid var(--lp-ink);border-radius:999px;background:#fff;white-space:nowrap}.lp-mq-chip b{font:700 18px/1 Playfair Display,serif}.lp-mq-chip small{color:#6f6a76;font:500 12.5px/1 Sarabun,sans-serif}.lp-mq-chip i{width:12px;height:12px;border:1.5px solid var(--lp-ink);border-radius:50%}@keyframes lp-mq{to{transform:translateX(-50%)}}.lp-media{position:relative;order:2;isolation:isolate;min-width:0;min-height:640px}.lp-deck{position:absolute;left:50%;top:50%;z-index:1;width:330px;height:520px;margin:-270px 0 0 -165px}.lp-vcard{position:absolute;inset:0;padding:2px;border-radius:22px;background:var(--lp-ink);box-shadow:6px 6px 0 var(--lp-ink);transform:rotate(-5deg);transition:transform .6s var(--lp-ease-out)}.lp-vcard:hover{transform:rotate(-2deg) translateY(-6px)}.lp-vcard-back,.lp-vcard-back:hover{transform:rotate(7deg) translate(34px,12px)}.lp-vcard-back:after{content:"";position:absolute;inset:2px;border-radius:20px;background:#fbe3a0}.lp-vcard-in{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:20px;background:#fbf9f4}.lp-vcard-art{position:relative;flex:0 0 auto;height:236px;background:#eef2f4}.lp-vcard-art img{display:block;width:100%;height:100%;object-fit:cover}.lp-vcard-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,rgba(251,249,244,0),#fbf9f4)}.lp-vcard-brand{position:absolute;left:12px;top:12px;z-index:1;padding:6px 11px;border-radius:4px;background:rgba(27,24,34,.62);color:#fbf8f1;font-size:11px;font-weight:600}.lp-vcard-body{display:flex;flex:1;flex-direction:column;align-items:center;padding:4px 20px 20px;text-align:center}:root:root:root .lp .lp-vcard-word{margin:0;color:var(--lp-ink);font-family:Sarabun,system-ui,sans-serif;font-size:36px;font-weight:700;line-height:1.1;letter-spacing:.03em}.lp-vcard-def{margin:12px 0 0;color:#2c2825;font-size:15px;line-height:1.55}.lp-vcard-th{display:inline-block;margin-top:10px;padding:4px 12px;border-radius:4px;background:rgba(66,56,202,.12);color:#27215f;font-size:13px;font-weight:600}.lp-vcard-ex{width:100%;margin:auto 0 0;padding:12px 14px;border-radius:8px;background:#efe9df;color:#4a443f;font-size:14px;font-style:italic;line-height:1.55}.lp-vcard-ex b{color:var(--lp-ink);letter-spacing:.02em}.lp-buddy{position:absolute;z-index:4;display:grid;place-items:center;padding:10px;border:2px solid var(--lp-ink);border-radius:50%;box-shadow:4px 4px 0 var(--lp-ink);line-height:0}.lp-buddy-a{--lp-buddy:96px;left:18px;top:calc(50% - 116px);background:#fbe3a0}.lp-buddy-b{left:52px;top:calc(50% + 200px);background:#f8c4bd}.lp-buddy-c{right:22px;top:calc(50% - 292px);background:#e3f1c8}.lp-marker{position:absolute;z-index:3;--dot-r:11px}.lp-marker-art{left:calc(50% - 48px);top:calc(50% - 112px)}.lp-marker-ex{left:calc(50% + 150px);top:calc(50% + 128px)}.lp-marker-dot{position:absolute;left:calc(var(--dot-r) * -1);top:calc(var(--dot-r) * -1);width:calc(var(--dot-r) * 2);height:calc(var(--dot-r) * 2);border:3px solid #fff;border-radius:50%;background:var(--lp-ink);box-shadow:0 2px 10px rgba(27,24,34,.18)}.lp-marker-line{left:0;top:-1.5px;width:60px;height:3px;border-radius:2px;transform-origin:0 50%;transform:rotate(212deg);clip-path:inset(0 0 0 var(--dot-r))}.lp-marker-label,.lp-marker-line{position:absolute;background:#fff}.lp-marker-label{right:50px;bottom:28px;padding:.62em 1.05em;border:2px solid var(--lp-ink);border-radius:4px;box-shadow:2px 2px 0 var(--lp-ink);font-size:12px;font-weight:700;white-space:nowrap}.lp-marker.right .lp-marker-line{width:30px;transform:rotate(-100deg)}.lp-marker.right .lp-marker-label{right:-34px;bottom:24px}.lp-welcome{position:absolute;left:64px;top:calc(50% - 178px);z-index:5;padding:7px 12px;border:2px solid var(--lp-ink);border-radius:14px 14px 14px 4px;background:#fff;box-shadow:3px 3px 0 var(--lp-ink);font:700 14px/1 Sarabun,sans-serif;white-space:nowrap}.lp-auth{max-width:560px;margin-top:26px;padding:20px 22px 18px;border:2px solid var(--lp-ink);border-radius:24px;background:#fff;box-shadow:5px 5px 0 var(--lp-ink)}.lp-auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:320px;margin-bottom:16px;padding:5px;border:2px solid var(--lp-ink);border-radius:16px;background:#fbf8f1}.lp .lp-auth-tabs button{min-height:44px;border:0;border-radius:11px;background:transparent;color:var(--lp-ink);font-size:15px;font-weight:700;line-height:1}.lp .lp-auth-tabs button[aria-pressed=true]{background:var(--lp-ink);color:#fff;opacity:1}.lp-auth-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lp .lp-auth-fields label{display:flex;flex-direction:column;gap:6px;margin:0;color:var(--lp-ink);font-size:14px;font-weight:700;line-height:1.2}.lp-auth-fields label.wide{grid-column:1/-1}:root:root:root .lp .lp-auth-fields input{width:100%;min-height:50px;margin:0;padding:0 14px;border:2px solid var(--lp-ink)!important;border-radius:14px!important;background:#fbf8f1!important;box-shadow:none;color:var(--lp-ink);font:500 16px/1 Sarabun,sans-serif}:root:root:root .lp .lp-auth-fields input:focus{outline:3px solid #f1ca68;outline-offset:1px}.lp .lp-auth-fields small{color:#6f6a76;font-size:12.5px;font-weight:500}.lp-auth .lp-cta-row{flex-wrap:wrap;gap:14px;margin-top:18px}.lp-auth .lp-quiet{font-size:15px}.lp .lp-auth-error,.lp .lp-auth-message{margin:14px 0 0;padding:10px 14px;border:2px solid var(--lp-ink);border-radius:14px;color:var(--lp-ink);font-size:14px;font-weight:600;line-height:1.5}.lp .lp-auth-error{background:#f8c4bd}.lp .lp-auth-message{background:#d9f1dd}.lp-auth-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px}.lp .lp-auth-links button{min-height:0;padding:0;border:0;background:none;color:#4238ca;font-size:14px;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:4px}.lp .lp-auth-fine{display:block;margin-top:8px;color:#6f6a76;font-size:12.5px;font-weight:500;line-height:1.5}@keyframes lp-fade-up{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes lp-media-in{0%{opacity:0;transform:translate3d(28px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes lp-deck-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes lp-pop-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes lp-draw-line{0%{opacity:0;transform:rotate(212deg) scaleX(0)}to{opacity:1;transform:rotate(212deg) scaleX(1)}}@keyframes lp-draw-line-right{0%{opacity:0;transform:rotate(-100deg) scaleX(0)}to{opacity:1;transform:rotate(-100deg) scaleX(1)}}@keyframes lp-ss-in{to{opacity:1;transform:scale(1)}}.lp-anim{animation:lp-fade-up .82s var(--lp-ease-out) backwards;animation-delay:calc(var(--d, 0) * var(--lp-stagger))}.lp-media.lp-anim{animation-name:lp-media-in;animation-duration:1.05s}.lp-deck.lp-anim{animation-name:lp-deck-in;animation-duration:1.35s}.lp-marker-dot.lp-anim{animation-name:lp-pop-in;animation-duration:.62s}.lp-marker-label.lp-anim{animation-duration:.7s}.lp-marker-line.lp-anim{animation-name:lp-draw-line;animation-duration:.55s}.lp-marker.right .lp-marker-line.lp-anim{animation-name:lp-draw-line-right}.lp-ss{display:inline-block;opacity:0;transform:scale(.7);animation:lp-ss-in .36s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(.45s + var(--w, 0) * 95ms)}@media (max-width:1100px){.lp-marker{display:none}.lp-deck{scale:.86}.lp-buddy-a{left:0}.lp-buddy-b{left:0;top:calc(50% + 178px)}.lp-buddy-c{right:0}.lp-welcome{left:20px}}@media (max-width:760px){.lp-hero{display:flex;flex-direction:column;gap:0;padding:20px}.lp-left{display:contents}.lp-nav{order:0;padding-top:4px}.lp-brand-name{font-size:18px}.lp-media{order:1;height:372px;min-height:0;margin:0 -8px}.lp-content{order:2;position:relative;z-index:2;max-width:none;margin:0;padding:16px 0 12px}.lp-deck{top:14px;margin:0 0 0 -165px;transform-origin:50% 0;scale:.6}.lp-marker{display:none}.lp-buddy{padding:7px}.lp-buddy-a{--lp-buddy:60px;left:0;top:158px}.lp-buddy-b{--lp-buddy:52px;left:auto;right:0;top:18px}.lp-buddy-c{display:none}.lp-welcome{left:8px;top:124px}.lp-eyebrow{margin-bottom:12px;font-size:11px}:root:root:root .lp .lp-title,:root:root:root .lp-auth-page .lp-title{font-size:36px}.lp-text{margin-top:14px;font-size:14px;line-height:1.75}.lp-cta-row{gap:20px;margin-top:24px}.lp .lp-cta{padding:6px 6px 6px 18px}.lp-cta-icon{width:40px;height:40px}.lp .lp-quiet{min-height:52px;padding:0 16px;font-size:15px}.lp-mq{margin-top:26px}.lp-auth{margin-top:20px;padding:16px}.lp-auth-tabs{max-width:none}.lp-auth-fields{grid-template-columns:minmax(0,1fr)}.lp-auth .lp-cta-row{flex-direction:column;align-items:stretch}.lp-auth .lp-cta{justify-content:space-between}.lp-auth .lp-quiet{justify-content:center}}@media (prefers-reduced-motion:reduce){.lp *,.lp :after,.lp :before{animation-duration:.01ms!important;transition-duration:.01ms!important;transition-delay:0s!important}.lp .lp-anim{animation:none!important;opacity:1!important}.lp .lp-ss{opacity:1;transform:none}.lp .lp-mq-row{animation:none!important}}.lp .lp-signin{background:#f1ca68;font-weight:800}@media (max-width:760px){.lp-auth-page .lp-media{order:5;margin-top:28px}}.lp .lp-lang{margin-left:auto}.lp .lp-lang+.lp-signin{margin-left:12px}@media (max-width:760px){.lp .lp-lang span{min-width:40px;padding:0 9px}.lp .lp-lang+.lp-signin{margin-left:8px;padding:0 12px}.lp-nav{gap:12px}}.lp-settled .lp-anim{animation:none}.lp-settled .lp-ss{animation:none;opacity:1;transform:none}.lp-demo{position:absolute;left:50%;top:50%;width:358px;height:640px;margin:-320px 0 0 -179px;scale:.82;rotate:-5deg;text-align:left}.lp-demo-swing{position:absolute;inset:0;animation:lp-swipe-demo 7s cubic-bezier(.45,0,.3,1) 2.4s infinite}.lp-demo .vc{animation:none}@keyframes lp-swipe-demo{0%,12%{transform:none}24%,33%{transform:translateX(92px) rotate(7deg)}45%,57%{transform:none}69%,78%{transform:translateX(-92px) rotate(-7deg)}90%,to{transform:none}}.lp-demo .vc-stamp.is-right{animation:lp-stamp-right 7s ease 2.4s infinite}.lp-demo .vc-stamp.is-left{animation:lp-stamp-left 7s ease 2.4s infinite}@keyframes lp-stamp-right{0%,14%,43%,to{opacity:0}24%,33%{opacity:.92}}@keyframes lp-stamp-left{0%,59%,88%,to{opacity:0}69%,78%{opacity:.92}}@media (prefers-reduced-motion:reduce){.lp-demo .vc-stamp,.lp-demo-swing{animation:none!important}}.lp-marker-ex{left:calc(50% + 62px);top:calc(50% + 214px)}.lp-marker.lp-marker-ex .lp-marker-label{left:-40px;right:auto;bottom:auto;top:64px}.lp-marker.lp-marker-ex .lp-marker-line{transform:rotate(80deg)}.lp-brand-name{font-size:28px}@media (max-width:760px){.lp-brand-name{font-size:22px}}.lp .lp-music{box-shadow:2px 2px 0 var(--lp-ink)}.lp .lp-lang+.lp-music,.lp .lp-music+.lp-back,.lp .lp-music+.lp-signin{margin-left:12px}.lp-auth-page .lp-music{margin-left:auto}@media (max-width:760px){.lp-nav{gap:8px}.lp-brand-name{font-size:19px}.lp .lp-lang+.lp-music,.lp .lp-music+.lp-back,.lp .lp-music+.lp-signin{margin-left:0}.lp .lp-music{width:38px;height:38px}.lp .lp-signin{padding:0 10px}}.lp-sec{position:relative;max-width:1180px;margin:0 auto;padding:84px 30px 40px}.lp-kicker{display:inline-block;padding:6px 12px;border:2px solid var(--lp-ink);border-radius:999px;background:#fff;font:700 12px/1 JetBrains Mono,Sarabun,monospace;letter-spacing:.1em}.lp-sec h2{margin:16px 0 0;max-width:20em;font:800 44px/1.18 Sarabun,sans-serif;letter-spacing:-.01em}.lp-sec h2 mark{display:inline-block;padding:0 .28em;border:2px solid var(--lp-ink);border-radius:12px;background:#f1ca68;color:inherit;transform:rotate(-1.5deg);box-shadow:3px 3px 0 var(--lp-ink)}.lp-sec-lead{max-width:44em;margin:18px 0 0;font:500 18px/1.7 Sarabun,sans-serif;color:#4a4553}.lp-sec>*{opacity:0;transform:translateY(22px);transition:opacity .6s var(--lp-ease-out),transform .6s var(--lp-ease-out)}.lp-sec.is-in>*{opacity:1;transform:none}.lp-sec.is-in>:nth-child(2){transition-delay:.08s}.lp-sec.is-in>:nth-child(3){transition-delay:.16s}.lp-sec.is-in>:nth-child(4){transition-delay:.24s}.lp-sec.is-in>:nth-child(5){transition-delay:.34s}.lp-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px}.lp-feat{padding:20px 18px 22px;border:2px solid var(--lp-ink);border-radius:22px;background:#fff;box-shadow:4px 4px 0 var(--lp-ink);transition:transform .18s}.lp-feat:hover{transform:translate(-2px,-4px) rotate(-.6deg)}.lp-feat-ic{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--lp-ink);border-radius:14px;box-shadow:2px 2px 0 var(--lp-ink)}.lp-feat h3{margin:16px 0 6px;font:800 19px/1.25 Sarabun,sans-serif}.lp-feat p{margin:0;font:500 14.5px/1.6 Sarabun,sans-serif;color:#4a4553}.lp-books{padding-bottom:90px}.lp-book-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px}.lp-book{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;align-items:center;padding:26px;border:2px solid var(--lp-ink);border-radius:26px;background:#fff;box-shadow:5px 5px 0 var(--lp-ink)}.lp-book-vocab{background:linear-gradient(160deg,#eceafd,#fff 60%)}.lp-book-battle{background:linear-gradient(160deg,#e2f4e6,#fff 60%)}.lp-book-stage{perspective:900px}.lp-book-3d{position:relative;transform-style:preserve-3d;transform:rotateY(-24deg) rotateX(4deg);animation:lp-book-float 5s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -2.4s);transition:transform .5s var(--lp-ease-out)}.lp-book:hover .lp-book-3d{animation-play-state:paused;transform:rotateY(-6deg) rotateX(0deg) scale(1.04)}.lp-book-3d img{display:block;width:100%;border:2px solid var(--lp-ink);border-radius:4px 10px 10px 4px;box-shadow:14px 16px 0 rgba(27,24,34,.16)}.lp-book-pages{position:absolute;top:5px;bottom:5px;right:-11px;width:12px;border:2px solid var(--lp-ink);border-left:0;border-radius:0 4px 4px 0;background:repeating-linear-gradient(90deg,#fff 0 2px,#d9d5cb 2px 3px);transform:rotateY(62deg);transform-origin:0 50%}.lp-book-shine{position:absolute;inset:2px;border-radius:4px 10px 10px 4px;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 48%,transparent 60%);background-size:260% 100%;animation:lp-book-shine 5s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -2.4s + 1s);pointer-events:none}@keyframes lp-book-float{0%,to{transform:rotateY(-24deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(-16deg) rotateX(2deg) translateY(-10px)}}@keyframes lp-book-shine{0%,55%{background-position:130% 0}85%,to{background-position:-60% 0}}.lp-book-kicker{font:700 11px/1 JetBrains Mono,Sarabun,monospace;letter-spacing:.12em;color:#4238ca}.lp-book-battle .lp-book-kicker{color:#12805c}.lp-book h3{margin:8px 0 2px;font:800 30px/1.2 Sarabun,sans-serif}.lp-book-sub{margin:0 0 12px;font:700 15px/1.4 Sarabun,sans-serif;color:#4a4553}.lp-book ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}.lp-book li{position:relative;padding-left:22px;font:500 14.5px/1.5 Sarabun,sans-serif;color:#33303a}.lp-book li:before{content:"";position:absolute;left:2px;top:.5em;width:9px;height:9px;border:2px solid var(--lp-ink);border-radius:50%;background:#f1ca68}.lp-book-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;padding:18px 22px;border:2px dashed var(--lp-ink);border-radius:20px;background:#fbe3a0}.lp-book-cta p{margin:0;font:500 16px/1.5 Sarabun,sans-serif}@media (max-width:1100px){.lp-feats{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-book-row{grid-template-columns:1fr}}@media (max-width:760px){.lp-sec{padding:56px 18px 24px}.lp-sec h2{font-size:30px}.lp-sec-lead{font-size:16px}.lp-book,.lp-feats{grid-template-columns:1fr}.lp-book{padding:20px}.lp-book-stage{width:170px;margin:0 auto 6px}.lp-book h3{font-size:26px}}@media (prefers-reduced-motion:reduce){.lp-book-3d,.lp-book-shine{animation:none}.lp-sec>*{opacity:1;transform:none;transition:none}}.lp-more{align-self:center;margin-left:18px;font:700 15px/1.2 Sarabun,sans-serif;color:var(--lp-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.lp-more:hover{color:#4238ca}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.lp-pass{position:relative;display:block}:root:root:root .lp .lp-auth-fields .lp-pass input{padding-right:48px}:root:root:root .lp .lp-pass button{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;padding:0;border:0!important;border-radius:10px;background:transparent;box-shadow:none;color:#6f6a76;cursor:pointer}.lp-auth-sent{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding:12px 14px;border:2px dashed var(--lp-ink);border-radius:14px;background:#fbf8f1;color:var(--lp-ink);font-size:14px;font-weight:700;line-height:1.35}.lp-auth-sent>span{flex:1;min-width:180px;overflow-wrap:anywhere}.lp-auth-sent small{display:block;color:#6f6a76;font-size:12.5px;font-weight:500}:root:root:root .lp .lp-auth-sent button{min-height:38px;padding:0 14px;border:2px solid var(--lp-ink)!important;border-radius:999px;background:#fff;box-shadow:none;color:var(--lp-ink);font:700 13px/1 inherit;cursor:pointer}:root:root:root .lp .lp-auth-sent button:disabled{opacity:.55;cursor:default}@media (max-width:760px){.lp-auth-page .lp-back{gap:0;padding:0 12px;font-size:0}}.lp-swap{display:inline-grid;text-align:center}.lp-swap>span{grid-area:1/1;opacity:0;transform:translateY(.35em);transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.4,.64,1)}.lp-swap>span.is-on{opacity:1;transform:none}.lrn-top{display:none;align-items:center;gap:12px;margin-bottom:22px}.lrn-me{display:grid;place-items:center;width:50px;height:50px;padding:0;border:1.5px solid var(--ink);border-radius:50%;flex-shrink:0}.lrn-top-main{flex:1;min-width:0}.lrn-top-main .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lrn-top-main .h{font-size:22px;font-weight:700;line-height:1.2}.lrn-top .streak-pill{gap:4px;height:40px;padding:0 12px}.lrn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.lrn-head .lbl{font-size:15px}.lrn-head h1{margin-top:4px;font-size:34px;font-weight:700;line-height:1.2}.lrn-head p{margin:6px 0 0;font-size:16px}.lrn-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lrn-prio{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font:800 12.5px/1 var(--thai);white-space:nowrap}.lrn-prio.is-violet{background:var(--violet);color:#fff}.lrn-prio.is-sun{background:var(--sun)}.lrn-prio.is-lime{background:var(--lime)}.lrn-prio.is-ink{background:var(--ink);color:#fff}.lrn-resume{display:flex;align-items:center;gap:16px;margin-top:22px;padding:14px 18px;border:2px solid var(--ink);border-radius:22px;background:var(--mint);box-shadow:3px 3px 0 var(--ink)}.lrn-resume>div{flex:1;min-width:0}.lrn-resume strong{font:700 16px/1.2 var(--thai)}.lrn-resume p{margin:3px 0 0;color:#3a3540}.lrn-resume .lrn-xic{background:#fff}.lrn-resume .btn{min-height:48px;font-size:15px}.lrn-sec{margin-top:28px}.lrn-head+.lrn-sec,.lrn-resume+.lrn-sec{margin-top:26px}.lrn-step{display:flex;align-items:center;gap:10px;margin:0 2px 12px}.lrn-step b{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;background:#fff;font:800 15px/1 var(--thai);box-shadow:2px 2px 0 var(--ink)}.lrn-step b.is-violet{background:var(--violet);color:#fff}.lrn-step b.is-sun{background:var(--sun)}.lrn-step h2{margin:0;font:700 20px/1.2 var(--thai)}.lrn-step span{font:600 14px/1.3 var(--thai);color:var(--muted)}.lrn-deck{position:relative;display:flex;width:100%;margin:0;border:2px solid var(--ink);border-radius:26px;box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-family:var(--thai);text-align:left;overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.lrn-deck:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.lrn-deck:disabled,.lrn-xcard:disabled{cursor:default;opacity:.75}.lrn-ttl{display:block;font:800 22px/1.15 var(--thai);letter-spacing:-.02em}.lrn-sub{display:block;margin-top:6px;font:500 15px/1.5 var(--thai);color:#3a3540}.lrn-metas{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.lrn-meta{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.55);font:700 13px/1 var(--thai);white-space:nowrap}.lrn-meta.is-solid{border:2px solid var(--ink);background:#fff}.lrn-more{display:flex;align-items:center;gap:6px;font:700 14px/1 var(--thai)}.lrn-dk{position:relative;display:block;flex-shrink:0}.lrn-dk-lg{width:150px;height:190px}.lrn-dk-md{width:104px;height:132px}.lrn-dk i{position:absolute;inset:0;border:2px solid var(--ink);border-radius:14px}.lrn-dk-mid{background:#fff;transform:rotate(6deg) translate(6px,2px)}.lrn-dk-lg .lrn-dk-mid{background:var(--lime)}.lrn-dk b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:2px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:center}.lrn-dk b em{max-width:100%;font:700 18px/1.1 var(--display);font-style:normal;overflow-wrap:anywhere}.lrn-dk b em.is-long{font-size:15px}.lrn-dk-lg b em{font-size:22px}.lrn-dk-lg b em.is-long{font-size:18px}.lrn-dk b small{max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 12px/1.3 var(--thai);color:var(--muted)}.lrn-dk b u{position:absolute;top:8px;left:8px;width:9px;height:9px;border-radius:50%;text-decoration:none}.lrn-first{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px}.lrn-hero{flex-direction:row-reverse;align-items:center;gap:28px;padding:26px 28px;background:var(--violet);color:#fff}.lrn-hero-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.lrn-hero .lrn-ttl{margin-top:14px;font-size:30px}.lrn-hero .lrn-sub{color:rgba(255,255,255,.88)}.lrn-hero .lrn-meta{background:rgba(255,255,255,.16);color:#fff}.lrn-goal{width:100%;max-width:260px;height:8px;margin-top:12px;background:rgba(255,255,255,.22);overflow:hidden}.lrn-goal,.lrn-goal i{display:block;border-radius:999px}.lrn-goal i{height:100%;background:var(--lime)}.lrn-hero .btn{margin-top:18px;min-height:54px;font-size:17px}.lrn-hero-art{position:relative;display:block;flex-shrink:0;padding:10px 14px 14px 4px}.lrn-hero-buddy{position:absolute;right:-14px;bottom:-6px;display:grid;place-items:center;padding:7px;border:2px solid var(--ink);border-radius:50%;background:var(--sun);line-height:0;box-shadow:3px 3px 0 var(--ink)}.lrn-review{flex-direction:column;align-items:stretch;padding:24px;background:var(--pink)}.lrn-review-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.lrn-review .lrn-xic{background:#fff}.lrn-review .lrn-ttl{margin-top:14px}.lrn-review .lrn-more{margin-top:auto;padding-top:14px;font-size:15px}.lrn-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lrn-set{align-items:center;gap:22px;padding:22px}.lrn-set.is-sun{background:var(--sun)}.lrn-set.is-lavender{background:var(--lavender)}.lrn-set-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.lrn-set .lrn-ttl{margin-top:10px}.lrn-set .lrn-sub{margin-top:2px;font-size:14px}.lrn-progress,.lrn-set .lrn-more{margin-top:12px}.lrn-progress{display:flex;align-items:center;gap:10px;width:100%;font:800 13px/1 var(--thai)}.lrn-minibar{flex:1;height:10px;border:2px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden}.lrn-minibar i{display:block;height:100%;background:var(--violet)}.lrn-extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lrn-xcard{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:2px solid var(--ink);border-radius:20px;background:#fff;color:var(--ink);font-family:var(--thai);text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.lrn-xcard:not(:disabled):hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.lrn-xcard>svg,.lrn-xic{flex-shrink:0}.lrn-xic{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--ink);border-radius:15px}.lrn-xmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.lrn-xmain strong{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:700 16px/1.2 var(--thai)}.lrn-diag .lrn-xmain{gap:4px}.lrn-diag{display:flex;align-items:center;gap:16px;margin-top:24px;padding:18px 20px;border:2px dashed var(--ink);border-radius:22px;background:#fff}.lrn-diag .btn{min-height:48px;font-size:15px;flex-shrink:0}@media (max-width:1100px){.lrn-first,.lrn-main{gap:14px}.lrn-extras,.lrn-first,.lrn-main{grid-template-columns:minmax(0,1fr)}.lrn-extras{gap:10px}}@media (max-width:760px){.lrn-top{display:flex}.lrn-head{display:block}.lrn-head .lbl{font-size:13px}.lrn-head h1{margin-top:2px;font-size:30px}.lrn-head p{margin-top:4px;font-size:15px}.lrn-legend{margin-top:14px}.lrn-resume{flex-wrap:wrap;padding:14px 16px}.lrn-resume .btn{width:100%}.lrn-sec{margin-top:24px}.lrn-head+.lrn-sec,.lrn-resume+.lrn-sec{margin-top:22px}.lrn-step span{display:none}.lrn-hero{flex-direction:column;align-items:stretch;gap:0;padding:20px}.lrn-hero-art{align-self:flex-end;margin:-2px 6px -24px 0;padding:0}.lrn-hero-buddy{display:none}.lrn-dk-lg{width:84px;height:104px}.lrn-dk-lg b em{font-size:17px}.lrn-dk-lg b em.is-long{font-size:13px}.lrn-hero-body>.lrn-prio{position:absolute;top:20px;left:20px}.lrn-hero .lrn-ttl{margin-top:50px;font-size:26px}.lrn-goal{max-width:none}.lrn-hero .btn{width:100%}.lrn-review{padding:20px}.lrn-set{gap:16px;padding:18px}.lrn-dk-md{width:86px;height:112px}.lrn-dk-md b em{font-size:15px}.lrn-dk-md b em.is-long{font-size:12px;letter-spacing:-.02em}.lrn-dk-md b{padding:0 4px}.lrn-diag{flex-direction:column;align-items:flex-start}}.lrn-decks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}:root:root .lrn-decks .tag{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--lavender,#dcd8fb);box-shadow:2px 2px 0 var(--ink);font:700 13px/1 var(--thai);color:var(--ink);cursor:pointer}:root:root .lrn-decks .tag.is-plain{background:var(--paper);box-shadow:none}:root:root .lrn-decks .tag:disabled{opacity:.5;cursor:default}