@font-face{font-family:LINE Seed Sans TH;src:url(/fonts/line-seed/LINESeedSansTH-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:LINE Seed Sans TH;src:url(/fonts/line-seed/LINESeedSansTH-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bg:#f4f4f4;--card:#fff;--ink:#000;--ink-hover:#262626;--body:#333;--muted:#6b6b6b;--line:#e5e5e5;--soft:#efefef;--orange:#e0520a;--orange-hover:#c94808;--orange-soft:#fff1e8;--ok:#137a4f;--font:"LINE Seed Sans TH", system-ui, sans-serif;--r:10px;--r-in:8px;--ease:cubic-bezier(.2, 0, 0, 1);--spring:cubic-bezier(.32, .72, 0, 1);--shadow:0 1px 2px #0000000d, 0 2px 8px #0000000d;--shadow-lift:0 2px 4px #0000000d, 0 14px 32px #0000001a;--tabs-h:64px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a,button,select{touch-action:manipulation}body{background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--font);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em;font-weight:700}.ico{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.loading{color:var(--muted);padding:24px 0}.spin{animation:.75s linear infinite spin}@keyframes spin{to{rotate:360deg}}.page-spin{min-height:40vh;color:var(--muted);grid-column:1/-1;place-items:center;display:grid}.page-spin .spin{stroke-width:2.2px;width:28px;height:28px}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.app{min-height:100dvh}.side{display:none}.main{padding:20px 16px calc(var(--tabs-h) + 24px + env(safe-area-inset-bottom));max-width:1560px}.top{justify-items:start;gap:14px;margin:0 0 24px;display:grid}.top h1{letter-spacing:-.02em;font-size:28px;line-height:1.25}.top p{margin-top:2px;font-size:15px}.back{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.back:hover{background:var(--ink-hover)}.tabs{z-index:20;height:calc(var(--tabs-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(20px)saturate(180%);background:#ffffffc7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #0000000f,0 -8px 24px #0000000a}.tabs a{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11.5px;display:flex}.tabs a.on{color:var(--ink);font-weight:700}.tabs a.on .ico{stroke-width:2.2px}@media (width>=960px){.app{grid-template-columns:300px 1fr;gap:0;padding:12px;display:grid}.tabs{display:none}.side{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:24px;height:calc(100dvh - 24px);padding:40px 20px 20px;display:flex;position:sticky;top:12px}.main{width:100%;padding:32px 40px 48px 52px}.top h1{font-size:34px}}.brand{letter-spacing:-.01em;justify-content:center;align-items:center;gap:10px;font-size:22px;display:flex}.brand img{width:34px;height:34px}.brand b{letter-spacing:.02em}.me{text-align:center;justify-items:center;gap:10px;display:grid}.avatar{border:3px solid var(--ink);width:56px;height:56px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.avatar .ico{stroke-width:2px;width:30px;height:30px}.avatar{flex:none;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar:has(img:not([hidden])){border-color:#0000}.avatar:has(img:not([hidden])) .ico:not(.spin){display:none}a.me{transition:background-color .15s var(--ease);border-radius:12px;margin:-8px;padding:8px}a.me:hover{background:var(--soft)}.avatar-btn{cursor:pointer;background:0 0;padding:0}.me-t{min-width:0;max-width:100%;line-height:1.35;display:grid}.me-t b{font-size:15px;font-weight:400}.me-t small{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.side-nav{gap:6px;display:grid}.side-nav a{min-height:44px;color:var(--ink);border-radius:6px;align-items:center;gap:14px;padding:0 10px;font-size:15.5px;font-weight:700;display:flex}.side-nav a .ico{width:24px;height:24px}.side-nav a:hover{background:var(--soft)}.side-nav a.on{background:var(--ink);color:#fff}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:20px}.btn{cursor:pointer;white-space:nowrap;min-height:46px;transition:background-color .15s var(--ease), scale .15s var(--ease);border:0;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15.5px;font-weight:700;display:inline-flex}.btn:active{transition-duration:80ms;scale:.97}.btn .ico{transition:translate .22s var(--spring)}.btn:hover .ico:last-child:not(:first-child){translate:3px}.back{transition:background-color .15s var(--ease), scale .15s var(--spring)}.back .ico{transition:translate .22s var(--spring)}.back:hover .ico{translate:-2px}.back:active{scale:.92}.btn.go{background:var(--orange);color:#fff}.btn.go:hover{background:var(--orange-hover)}.btn.ink{background:var(--ink);color:#fff}.btn.ink:hover{background:var(--ink-hover)}.btn.soft{background:var(--soft);color:var(--ink)}.btn.soft:hover{background:#e2e2e7}.btn.done{color:var(--ok);background:#e7f4ee}.btn .ico{stroke-width:2.2px;width:18px;height:18px}.btn.done .ico{animation:pop .38s var(--spring)}@keyframes pop{0%{scale:.4}60%{scale:1.15}to{scale:1}}.pill{background:var(--soft);height:28px;color:var(--body);white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.bar{background:var(--soft);border-radius:9999px;height:8px;overflow:hidden}.bar>span{background:var(--orange);border-radius:inherit;height:100%;display:block}.sec-h{justify-content:space-between;align-items:baseline;gap:12px;margin:32px 0 12px;font-size:20px;display:flex}[hidden]{display:none!important}.muted{color:var(--muted)}.note{color:var(--muted);font-size:13.5px}.thumb{aspect-ratio:16/10;color:#fff;background:radial-gradient(120% 120% at 100% 0,#3a2418 0%,#1d1d1f 55%);border-radius:6px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.thumb.sm{width:92px}.thumb.md{width:128px}.thumb-n{letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1}.thumb.sm .thumb-n{font-size:22px}.thumb-done{background:var(--ok);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:6px;right:6px}.thumb-done svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.thumb-bar{background:#ffffff40;height:4px;position:absolute;bottom:0;left:0;right:0}.thumb-bar>span{background:var(--orange);height:100%;display:block}.ccards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;display:grid}.ccard{grid-template-rows:auto 1fr;padding:0;display:grid;overflow:hidden}.ccard,.tile,.promo,.section{transition:translate .26s var(--spring), scale .16s var(--spring), box-shadow .26s var(--spring)}@media (hover:hover){.ccard:hover,.tile:hover,.promo:hover,.section:hover{box-shadow:var(--shadow-lift);translate:0 -3px}}.ccard:active,.tile:active,.promo:active,.section:active{transition-duration:90ms;scale:.985}.ccard-cover img,.yt-fan img,.comm-img{transition:scale .4s var(--spring)}@media (hover:hover){.ccard:hover .ccard-cover img{scale:1.03}.tile.comm:hover .comm-img{scale:1.04}}.side-nav a:active,.tabs a:active,.row:active,.c-next:active{scale:.97}.side-nav a,.tabs a,.row,.c-next{transition:background-color .15s var(--ease), scale .14s var(--spring)}.ccard-cover{aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden}.ccard-cover img{object-fit:cover;width:100%;height:100%}.ccard-body{align-content:start;gap:10px;padding:18px 20px 20px;display:grid}.ccard-body h2{font-size:20px;line-height:1.3}.ccard-next{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.ccard-prog{align-items:center;gap:10px;display:flex}.ccard-prog .bar{flex:1;height:6px}.ccard-prog b{font-size:13.5px}.ccard .btn{justify-content:space-between;justify-self:stretch;margin-top:4px}.ccard.is-locked .ccard-cover{text-align:center;color:#fff;background:radial-gradient(120% 120% at 100% 0,#5a2a10 0%,#000 65%);place-items:center;padding:20px;display:grid}.ccard.is-locked .ccard-cover b{letter-spacing:-.02em;font-size:26px;line-height:1.2}.pill.soon{background:var(--orange-soft);color:var(--orange)}.lock{background:#ffffff29;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.lock .ico{width:16px;height:16px}.promo{background:linear-gradient(100deg, #fff 0%, #fff 55%, var(--orange-soft) 100%);align-items:center;gap:16px;padding:24px;display:grid}.promo-t{gap:4px;display:grid}.promo-t small{color:var(--orange);font-size:14px;font-weight:700}.promo-t h2{letter-spacing:-.02em;font-size:clamp(24px,1.2rem + 1.6vw,40px);line-height:1.2}.promo-go{gap:8px;display:grid}.promo-go .btn{justify-content:space-between;min-height:58px;padding:0 28px;font-size:18px}.promo-go .btn .ico{width:22px;height:22px}.promo-go small{text-align:center;color:var(--muted);font-size:13.5px}@media (width>=900px){.promo{grid-template-columns:1fr 420px;gap:40px;padding:36px 40px}}.slides{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--r);grid-auto-columns:100%;grid-auto-flow:column;gap:16px;margin-top:20px;display:grid;overflow-x:auto}.slides::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;background-color:#fff;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:48px 48px;align-items:center;gap:16px;min-height:280px;padding:28px 24px 0;display:grid;position:relative;overflow:hidden}.slide h2{letter-spacing:-.03em;color:#3b2a22;font-size:clamp(34px,1.6rem + 3vw,68px);line-height:1.16}.slide h2 em{color:var(--orange);font-style:normal}.slide-lines span{display:block}@media (width>=900px){.slide-lines span{white-space:nowrap}}.slide p{color:#4a3a32;max-width:520px;margin-top:16px;font-size:clamp(16px,.9rem + .5vw,22px);line-height:1.5}.slide .btn{margin-top:20px}.slide-img{background:var(--orange-soft);border-radius:50% 50% 0 0;place-self:end center;width:min(420px,90%)}.slide.dark{background-color:var(--ink);color:#fff;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px)}.slide.dark h2{color:#fff}.slide-poster{aspect-ratio:4/5;object-fit:cover;border-radius:12px;place-self:center;width:min(300px,75%);margin:8px 0 32px;rotate:3deg;box-shadow:0 20px 50px #e0520a59}@media (width>=900px){.slide-poster{margin:32px 0}}.slide.dark p{color:#ffffffbf}@media (width>=900px){.slide{grid-template-columns:1.2fr 1fr;min-height:440px;padding:0 0 0 52px}.slide>div:first-child{padding:40px 0}}.dots{justify-content:center;gap:0;margin:14px 0 0;display:flex}.dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.dots button:before{content:"";border:1.5px solid var(--ink);width:10px;height:10px;transition:width .3s var(--spring), background-color .2s var(--ease);border-radius:9999px}.dots button[aria-current=true]:before{background:var(--ink);width:24px}.tiles{gap:16px;margin-top:24px;display:grid}@media (width>=900px){.tiles{grid-template-columns:1fr 1fr}}.tile{border-radius:var(--r);min-height:260px;box-shadow:var(--shadow);color:#fff;background:var(--ink);align-content:end;gap:6px;padding:28px;display:grid;position:relative;overflow:hidden}.tile>*{position:relative}.tile h3{font-size:26px;line-height:1.25}.tile p{color:#fffc;font-size:14.5px}.tile.light{color:var(--ink);background-color:#fff;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:48px 48px}.tile.light p{color:var(--muted)}.tile-big{letter-spacing:-.03em;font-size:clamp(32px,1.2rem + 2.4vw,54px)!important;line-height:1.16!important}.tile-big em{color:var(--orange);font-style:normal}.tile.comm,.tile.yt{align-content:start;min-height:360px;overflow:hidden}.tile-txt{gap:10px;max-width:48%;display:grid}.tile.comm .tile-txt{align-self:end}.comm-img{width:50%;max-width:360px;bottom:-10px;right:0;position:absolute!important}.tile.yt{background:#0f0f0f}.yt-tag{align-items:center;gap:10px;font-size:15px;font-weight:700;display:inline-flex}.yt-play{background:red;border-radius:8px;place-items:center;width:40px;height:28px;display:grid}.yt-play .ico{fill:#fff;stroke:none;width:14px;height:14px}.yt-fan{width:52%;height:75%;bottom:24px;right:0;position:absolute!important}.yt-fan img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;width:78%;position:absolute;box-shadow:0 12px 30px #00000080}.yt-fan img:first-child{bottom:0;right:18%;rotate:-5deg}.yt-fan img:nth-child(2){bottom:30%;right:2%;rotate:5deg}.yt-fan img:nth-child(3){z-index:-1;bottom:58%;right:14%;rotate:-2deg}.yt-fan{isolation:isolate}@media (hover:hover){.tile.yt:hover .yt-fan img:first-child{translate:-6px 4px}.tile.yt:hover .yt-fan img:nth-child(2){translate:6px -4px}.tile.yt:hover .yt-fan img:nth-child(3){translate:0 -8px}}.yt-fan img{transition:translate .4s var(--spring)}@media (width<=899px){.tile-txt{max-width:100%}.tile.comm{align-content:start;min-height:420px}.tile.comm .tile-txt{align-self:start}.comm-img{width:55%}}.course{gap:16px;display:grid}@media (width>=1100px){.course{grid-template-columns:1fr 320px;align-items:start}.course-side{position:sticky;top:20px}}.c-head{gap:18px;display:grid}.c-head-body{align-content:center;gap:14px;min-width:0;display:grid}.c-cover{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-in);background:#111;width:100%}@media (width>=760px){.c-head{grid-template-columns:minmax(260px,42%) 1fr;align-items:center;gap:24px}}.c-head-row{align-items:center;gap:12px;display:flex}.c-head-row .bar{flex:1;height:10px}.c-head-row b{text-align:right;min-width:3ch;font-size:15px}.c-next{border-radius:var(--r-in);background:var(--bg);align-items:center;gap:14px;margin-top:4px;padding:12px;display:flex}.c-next:hover{background:var(--soft)}.c-next-t{flex:1;min-width:0;line-height:1.4;display:grid}.c-next-t small{color:var(--orange);font-size:13px;font-weight:700}.c-next-t span{font-size:15px;font-weight:700}.c-next .go-dot{background:var(--orange);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.c-next .go-dot .ico{fill:currentColor;stroke:none;width:16px;height:16px}.sections{gap:10px;display:grid}.section{align-items:center;gap:14px;padding:12px;display:flex}.section-t{flex:1;gap:4px;min-width:0;display:grid}.section-t b{font-size:16px;line-height:1.4}.section-t small{color:var(--muted);font-size:13px}.section .chev{color:var(--muted)}.c-desc{gap:14px;display:grid}.c-desc p{color:var(--body);font-size:15px}.pills{flex-wrap:wrap;gap:6px;display:flex}.file{border-radius:var(--r-in);background:var(--bg);align-items:center;gap:12px;padding:12px;font-size:14.5px;display:flex}.file .ico{color:var(--orange)}.file span{flex:1;font-weight:700}.file small{color:var(--muted)}.lesson{gap:16px;display:grid}@media (width>=1100px){.lesson{grid-template-columns:1fr 360px;align-items:start}.rail{max-height:calc(100dvh - 40px);position:sticky;top:20px;overflow:auto}}.player{aspect-ratio:16/9;border-radius:var(--r);color:#fff;background:radial-gradient(120% 120% at 100% 0,#3a2418 0%,#111 60%);position:relative;overflow:hidden}.player-n{letter-spacing:-.03em;opacity:.9;font-size:clamp(40px,8vw,88px);font-weight:700;line-height:1;position:absolute;bottom:20px;left:24px}.player-play{background:var(--orange);color:#fff;cursor:pointer;width:72px;height:72px;transition:scale .15s var(--ease);border:0;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.player-play:hover{scale:1.06}.player-play .ico{fill:currentColor;stroke:none;width:28px;height:28px;margin-left:4px}.player-msg{background:#0000008c;border-radius:12px;max-width:70%;padding:8px 12px;font-size:13px;position:absolute;inset:auto 16px 16px auto}.resume-over{backdrop-filter:blur(4px);text-align:center;background:#0000008c;place-content:center;justify-items:center;gap:12px;padding:16px;display:grid;position:absolute;inset:0}.resume-over p{color:#fffc;font-size:14px}.resume-over .btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.resume-over .btn.ink{background:#ffffff24}.l-info,.l-info [data-content]{gap:12px;display:grid}.l-info h2{font-size:22px;line-height:1.35}.l-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.l-nav{gap:8px;display:flex}.l-nav .btn{padding:0 16px}.l-issue{color:var(--muted);text-underline-offset:3px;font-size:13.5px;text-decoration:underline}.rail{align-content:start;gap:12px;padding:16px;display:grid}.rail select{border:1px solid var(--line);background:var(--bg);width:100%;height:44px;font:700 15px var(--font);color:var(--ink);border-radius:12px;padding:0 14px}.rows{gap:4px;display:grid}.row{border-radius:var(--r-in);border:2px solid #0000;align-items:center;gap:12px;padding:8px;display:flex}.row:hover{background:var(--bg)}.row.on{border-color:var(--orange);background:var(--orange-soft)}.row-t{flex:1;gap:4px;min-width:0;display:grid}.row-t b{font-size:14px;font-weight:700;line-height:1.4}.row-t .pill{background:var(--soft);justify-self:start;height:22px;padding:0 8px;font-size:12px}.row-s{color:var(--muted);padding:10px 8px 2px;font-size:12px;font-weight:700}.set{margin-bottom:48px}.top+.set{margin-top:48px}.set header{border-bottom:1px solid #dcdcdc;padding-bottom:14px}.set h2{font-size:18px}.set header p{font-size:15px}.set-row{grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:22px 0;display:grid}.set-l{grid-column:1/-1;font-size:15px}.set-v{justify-items:start;gap:4px;min-width:0;display:grid}.set-v b{overflow-wrap:anywhere;font-size:17px}.set-v small{font-size:13.5px}.set-in{border:1px solid var(--line);width:min(360px,100%);height:44px;font:16px var(--font);color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:9999px;padding:0 14px}.avatar.sm{border-width:2.5px;width:40px;height:40px}.avatar.sm .ico{width:22px;height:22px}.set-btns{flex-wrap:wrap;gap:10px;padding-top:22px;display:flex}@media (width>=720px){.set-row{grid-template-columns:240px 1fr auto}.set-l{grid-column:auto}}.btn.sm{min-height:42px;padding:0 18px;font-size:15px}.field{gap:6px;display:grid}.field label{font-size:14px;font-weight:700}.field input{border:1px solid var(--line);height:48px;font:16px var(--font);color:var(--ink);background:#fff;border-radius:12px;padding:0 14px}.login-page{background:#fff}.login{min-height:100dvh;padding:calc(40px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,380px);place-content:center;justify-items:center;gap:28px;display:grid}.login-logo{border-radius:14px;width:56px;height:56px}.login-form{gap:16px;width:100%;display:grid}.login-view{animation:view-in .42s var(--spring);gap:28px;display:grid}@keyframes view-in{0%{opacity:0;translate:0 8px}}.login-head{text-align:center;gap:10px;display:grid}.login-head h1{letter-spacing:-.025em;font-size:34px;line-height:1.15}.login-head p{color:#6e6e73;text-wrap:pretty;font-size:17px;line-height:1.5}.login-head b{color:var(--ink);overflow-wrap:anywhere;margin:2px 0;font-weight:700;display:block}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pill-field{position:relative}.pill-field input{width:100%;min-width:0;height:56px;font:17px var(--font);color:var(--ink);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);background:#fff;border:1px solid #d2d2d7;border-radius:14px;padding:0 60px 0 18px}.pill-field input::placeholder{color:#86868b}.pill-field input:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 4px #e0520a26}.pill-go{color:#86868b;cursor:pointer;width:34px;height:34px;transition:background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), scale .1s var(--ease);background:#fff;border:1.5px solid #c7c7cc;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:12px;translate:0 -50%}.pill-go .ico{stroke-width:2.4px;width:17px;height:17px}.pill-go.is-ready{background:var(--orange);border-color:var(--orange);color:#fff}.pill-go:active{scale:.9}.pill-go .spin,.pill-go.is-busy .ico:not(.spin){display:none}.pill-go.is-busy .spin{display:block}.pill-go.is-busy{color:var(--muted);background:#fff;border-color:#c7c7cc}.login-status .spin{width:22px;height:22px;color:var(--muted);margin:0 auto}.player-spin{color:#fff;place-items:center;display:grid;position:absolute;inset:0}.player-spin .spin{stroke-width:2px;width:40px;height:40px}.avatar-btn.is-busy img,.avatar-btn.is-busy .ico:not(.spin){opacity:.35}.avatar-btn{position:relative}.avatar-btn .spin{width:20px;height:20px;color:var(--ink);margin:auto;position:absolute;inset:0}.code-boxes{grid-template-columns:repeat(6,1fr);gap:8px;display:grid;position:relative}.code-boxes input{opacity:0;caret-color:#0000;width:100%;font-size:16px;position:absolute;inset:0}.code-boxes span{aspect-ratio:5/6;font-variant-numeric:tabular-nums;pointer-events:none;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border:1px solid #d2d2d7;border-radius:12px;place-items:center;font-size:28px;font-weight:700;display:grid}.code-boxes span.is-on{border-color:var(--orange);box-shadow:0 0 0 4px #e0520a26}.code-boxes span:not(:empty){animation:digit-in .26s var(--spring)}@keyframes digit-in{0%{opacity:0;scale:.8}}.code-boxes:has(input:disabled) span{opacity:.5}.is-shaking{animation:shake .38s var(--ease)}@keyframes shake{20%{translate:-8px}40%{translate:7px}60%{translate:-5px}80%{translate:3px}}.login-status{text-align:center;color:#6e6e73;min-height:1.5em;margin-top:-12px;font-size:15px}.login-links{color:#c7c7cc;justify-content:center;align-items:center;gap:10px;margin-top:-12px;display:flex}.login-links button{color:var(--orange);font:15px var(--font);cursor:pointer;background:0 0;border:0;padding:6px 2px}.login-links button:disabled{color:#86868b;cursor:default}.login-links button:not(:disabled):hover{text-underline-offset:3px;text-decoration:underline}.login-err{text-align:center;color:#d70015;padding:0 8px;font-size:14.5px;line-height:1.5}.btn.line{color:var(--ink);background:#fff;border-radius:14px;width:100%;min-height:52px;box-shadow:inset 0 0 0 1px #d2d2d7}.btn.line:hover{background:#fafafa}.btn .g{width:18px;height:18px}.login-help{text-align:center;color:#6e6e73;border-top:1px solid #e8e8ed;gap:6px;width:100%;margin-top:20px;padding-top:20px;font-size:13.5px;display:grid}.login-help a{color:var(--orange)}.login-help a:hover{text-underline-offset:3px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.login-view,.code-boxes span,.is-shaking{animation:none}}.or{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}@media (prefers-reduced-motion:reduce){*,:before{scroll-behavior:auto!important;transition-property:opacity,background-color,color!important;animation:none!important}.ccard:hover,.tile:hover,.promo:hover,.section:hover{translate:none}}@media (prefers-reduced-transparency:reduce){.tabs,.resume-over{backdrop-filter:none;background:#fff}.resume-over{background:#000000d9}}@media (prefers-contrast:more){.card,.tile,.side{box-shadow:none;border:1px solid #000}.muted,.note{color:#333}}.orders{gap:12px;max-width:760px;display:grid}.order{grid-template-columns:1fr auto;align-items:center;gap:12px 16px;display:grid}.order-t{gap:2px;min-width:0;display:grid}.order-t b{font-size:16.5px}.order-t small{font-size:14px}.order-amt{font-variant-numeric:tabular-nums;font-size:17px}.order-btns{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.order-empty{gap:8px;font-size:15.5px;display:grid}.sheet{width:min(100% - 32px,440px);color:var(--ink);background:#fff;border:0;border-radius:18px;gap:14px;margin:auto;padding:28px 24px 22px;display:grid;box-shadow:0 24px 60px -12px #00000059}.sheet:not([open]){display:none}.sheet[open]{animation:sheet-in .32s var(--spring)}.sheet::backdrop{background:#0006}@keyframes sheet-in{0%{opacity:0;translate:0 12px;scale:.98}}.sheet h2{letter-spacing:-.01em;font-size:22px}.sheet p{color:var(--body);font-size:15.5px}.sheet ul{background:var(--bg);border-radius:12px;gap:6px;padding:14px 16px 14px 34px;font-size:15px;display:grid}.sheet-btns{gap:8px;margin-top:6px;display:grid}.sheet-btns .btn{width:100%}@media (prefers-reduced-motion:reduce){.sheet[open]{animation:none}}.topbar{z-index:100;background:var(--orange);transform-origin:0;opacity:0;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 8px #e0520a80}.topbar.is-loading{opacity:1;transition:transform 6s cubic-bezier(.08,.8,.2,1);transform:scaleX(.85)}.topbar.is-done{opacity:0;transition:transform .2s var(--ease), opacity .25s .2s var(--ease);transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.topbar.is-loading{transition:none;transform:scaleX(.85)}}