:root{--thoth-font-sans:"Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", system-ui, sans-serif;--thoth-font-serif:"Newsreader", "Iowan Old Style", Georgia, "Noto Serif Thai", serif;--thoth-font-mono:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;--thoth-text-display:600 clamp(40px, 6vw, 72px) / 1.02 var(--thoth-font-sans);--thoth-text-h1:600 40px / 1.15 var(--thoth-font-sans);--thoth-text-h2:600 28px / 1.25 var(--thoth-font-sans);--thoth-text-h3:600 20px / 1.35 var(--thoth-font-sans);--thoth-text-body:400 16px / 1.65 var(--thoth-font-sans);--thoth-text-ui:450 14px / 20px var(--thoth-font-sans);--thoth-text-small:450 12px / 16px var(--thoth-font-sans);--thoth-tracking-display:-.035em;--thoth-tracking-heading:-.015em;--thoth-ink:20 18 16;--thoth-bg:#fff;--thoth-bg-sidebar:#f9f9f8;--thoth-bg-hover:rgb(var(--thoth-ink) / .045);--thoth-bg-active:rgb(var(--thoth-ink) / .08);--thoth-border:rgb(var(--thoth-ink) / .09);--thoth-border-strong:rgb(var(--thoth-ink) / .16);--thoth-stone-400:#a39e98;--thoth-stone-600:#615d59;--thoth-moon:#e8590c;--thoth-moon-soft:#ffdfc7;--thoth-moon-ink:#8a3200;--thoth-link:#0b6bcb;--thoth-accent:#c2410c;--thoth-on-accent:#fff;--thoth-accent-soft:#ffdfc7;--thoth-accent-ink:#8a3200;--thoth-success:#2f8f5b;--thoth-warning:#b7791f;--thoth-danger:#d1453b;--thoth-private:#615d59;--thoth-workspace:#0b6bcb;--thoth-agent:#e8590c;--thoth-text-gray:#5c5853;--thoth-text-brown:#85513a;--thoth-text-orange:#a94400;--thoth-text-yellow:#855d00;--thoth-text-green:#1b7444;--thoth-text-blue:#0a62b8;--thoth-text-purple:#7040c8;--thoth-text-red:#be2d28;--thoth-radius-xs:4px;--thoth-radius-sm:6px;--thoth-radius-md:8px;--thoth-radius-lg:12px;--thoth-radius-xl:20px;--thoth-radius-pill:9999px;--thoth-shadow-pop:0 0 0 1px rgb(var(--thoth-ink) / .06), 0 8px 24px -6px rgb(var(--thoth-ink) / .16);--thoth-shadow-modal:0 0 0 1px rgb(var(--thoth-ink) / .06), 0 24px 64px -12px rgb(var(--thoth-ink) / .28);--thoth-space-1:4px;--thoth-space-2:8px;--thoth-space-3:12px;--thoth-space-4:16px;--thoth-space-6:24px;--thoth-space-8:32px;--thoth-space-12:48px;--thoth-space-16:64px;--thoth-content-width:720px;--thoth-sidebar-width:260px;--thoth-dur-instant:80ms;--thoth-dur-fast:.14s;--thoth-dur-base:.2s;--thoth-dur-slow:.28s;--thoth-dur:var(--thoth-dur-base);--thoth-ease-out:cubic-bezier(.2, .8, .2, 1);--thoth-ease:var(--thoth-ease-out);--thoth-ease-in:cubic-bezier(.4, 0, 1, 1);--thoth-ease-emphasized:cubic-bezier(.32, .72, 0, 1);--thoth-ease-in-out:cubic-bezier(.65, 0, .35, 1);--thoth-ease-spring:var(--thoth-ease-emphasized);--thoth-shift:6px;--thoth-pop-scale:.97;--thoth-exit-scale:.985;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=night][data-theme]{--thoth-ink:245 243 240;--thoth-bg:#0a0a0a;--thoth-bg-sidebar:#111112;--thoth-bg-hover:#ffffff0d;--thoth-bg-active:#ffffff17;--thoth-border:#ffffff14;--thoth-border-strong:#ffffff24;--thoth-moon:#ff7a2f;--thoth-private:var(--thoth-stone-400);--thoth-moon-soft:#ff7a2f47;--thoth-moon-ink:#ffb386;--thoth-link:#5aa9ff;--thoth-accent:#ff7a2f;--thoth-on-accent:#0a0a0a;--thoth-accent-soft:#ff7a2f47;--thoth-accent-ink:#ffb386;--thoth-text-gray:#a8a29b;--thoth-text-brown:#ce9a78;--thoth-text-orange:#ff9a52;--thoth-text-yellow:#e7bc4b;--thoth-text-green:#4fc081;--thoth-text-blue:#5aa9ff;--thoth-text-purple:#b794f6;--thoth-text-red:#ff7b72;--thoth-shadow-pop:0 0 0 1px #ffffff14, 0 12px 32px -8px #000000b3;--thoth-shadow-modal:0 0 0 1px #ffffff14, 0 32px 80px -16px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){[data-theme=system][data-theme]{--thoth-ink:245 243 240;--thoth-bg:#0a0a0a;--thoth-bg-sidebar:#111112;--thoth-bg-hover:#ffffff0d;--thoth-bg-active:#ffffff17;--thoth-border:#ffffff14;--thoth-border-strong:#ffffff24;--thoth-moon:#ff7a2f;--thoth-private:var(--thoth-stone-400);--thoth-moon-soft:#ff7a2f47;--thoth-moon-ink:#ffb386;--thoth-link:#5aa9ff;--thoth-accent:#ff7a2f;--thoth-on-accent:#0a0a0a;--thoth-accent-soft:#ff7a2f47;--thoth-accent-ink:#ffb386;--thoth-text-gray:#a8a29b;--thoth-text-brown:#ce9a78;--thoth-text-orange:#ff9a52;--thoth-text-yellow:#e7bc4b;--thoth-text-green:#4fc081;--thoth-text-blue:#5aa9ff;--thoth-text-purple:#b794f6;--thoth-text-red:#ff7b72;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root,[data-theme]{--thoth-ink-primary:rgb(var(--thoth-ink) / .94);--thoth-ink-secondary:rgb(var(--thoth-ink) / .66);--thoth-ink-tertiary:rgb(var(--thoth-ink) / .46);--thoth-ink-faint:rgb(var(--thoth-ink) / .28);--thoth-bg-hover:rgb(var(--thoth-ink) / .045);--thoth-bg-active:rgb(var(--thoth-ink) / .08);--thoth-tab-active-bg:var(--thoth-bg);--thoth-tab-active-ink:var(--thoth-ink-primary);--thoth-tab-active-line:var(--thoth-accent);--thoth-drop-indicator:var(--thoth-accent);color:var(--thoth-ink-primary)}@supports (transition-timing-function:linear(0, 1)){:root{--thoth-ease-spring:linear(0, .055, .173, .31, .442, .559, .657, .737, .801, .85, .888, .917, .939, .955, .967, .976, .983, .987, .991, .993, .995, .997, .998, .998, 1)}}@media (prefers-reduced-motion:reduce){:root{--thoth-dur-instant:0s;--thoth-dur-fast:0s;--thoth-dur-base:0s;--thoth-dur-slow:0s;--thoth-dur:0s;--thoth-shift:0px;--thoth-pop-scale:1;--thoth-exit-scale:1}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-thai-wght-normal-CtQSZ1tK.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}:root{--site-font:"Inter Variable", "Noto Sans Thai Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", system-ui, sans-serif;--site-mono:ui-monospace,  "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--site-wrap:1280px;--site-pad:clamp(20px, 5vw, 72px);--ground:#0a0a0a;--tone-1:#121211;--tone-2:#1b1a18;--tone-3:#262421;--paper:#f5f3f0;--ink:#f5f3f0;--muted:#aaa59e;--stone:#6f6a64;--moon:var(--thoth-moon);--moon-hover:#ff9152;--on-moon:#0a0a0a;--ui-ink:#37352f;--ui-muted:#6b6a65;--ui-tone:#f1f0ed;--step-display:clamp(48px, 6.2vw, 100px);--step-h2:clamp(32px, 3.6vw, 52px);--step-h3:clamp(24px, 2.3vw, 34px);--step-lead:clamp(17px, 1.3vw, 19px);--step-small:14px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-exit:cubic-bezier(.55, .055, .675, .19);--t-press:.14s;--t-hover:.18s;--t-ui:.24s;--t-reveal:.82s;--stagger:80ms}*,:before,:after{box-sizing:border-box}html{background:var(--ground);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:80px}body{background:var(--ground);color:var(--ink);font:var(--thoth-text-body);font-family:var(--site-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:clip}:lang(th) body,body:lang(th){line-height:1.8}img,svg,video{max-width:100%;display:block}a{color:var(--ink);text-underline-offset:3px;transition:text-decoration-color var(--t-hover) ease, color var(--t-hover) ease;-webkit-text-decoration:underline #f5f3f059;text-decoration:underline #f5f3f059;text-decoration-thickness:1px}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--moon);outline-offset:2px;border-radius:4px}main:focus{outline:none}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600}:lang(th) :is(h1,h2,h3,h4,.display,.footer-word){letter-spacing:0}h2{font:600 var(--step-h2) / 1.05 var(--site-font);letter-spacing:-.03em}:lang(th) h2{line-height:1.3}h3{font:600 20px / 1.35 var(--site-font)}p{margin:0}code,pre,kbd{font-family:var(--site-mono)}.wrap{width:100%;max-width:var(--site-wrap);padding:0 var(--site-pad);margin:0 auto}.wrap.narrow{max-width:calc(760px + 2 * var(--site-pad))}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border-radius:var(--thoth-radius-pill);background:var(--ink);color:var(--ground);padding:10px 16px;font-weight:500;text-decoration:none;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}.moon-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.moon-list li{padding-left:22px;position:relative}.moon-list li:before{content:"";background:var(--stone);border-radius:50%;width:8px;height:8px;position:absolute;top:.62em;left:2px}:lang(th) .moon-list li:before{top:.75em}.btn{border-radius:var(--thoth-radius-pill);min-height:48px;font:550 16px/1.2 var(--site-font);cursor:pointer;transition:background-color var(--t-hover) ease, color var(--t-hover) ease, transform var(--t-press) var(--ease-out);border:0;justify-content:center;align-items:center;gap:10px;padding:12px 24px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-sm{min-height:38px;padding:8px 16px;font-size:14px}.btn-primary{background:var(--moon);color:var(--on-moon)}.btn-light{background:var(--paper);color:var(--ground)}.btn-ghost{background:var(--tone-3);color:var(--ink)}@media (hover:hover){.btn-primary:hover{background:var(--moon-hover)}.btn-light:hover{background:#fff}.btn-ghost:hover{background:#34312d}}.btn-arrow{width:16px;height:16px;transition:transform var(--t-ui) var(--ease-out);flex:none}@media (hover:hover){.btn-moon:hover .btn-arrow{transform:translateY(2px)}}.btn[aria-disabled=true]{cursor:default}.btn[aria-disabled=true]:active{transform:none}.link-button{color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;transition:text-decoration-color var(--t-hover) ease, color var(--t-hover) ease;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #f5f3f059;text-decoration:underline #f5f3f059}.link-button:hover{text-decoration-color:currentColor}.site-header{z-index:20;background:var(--ground);position:sticky;top:0}.header-row{align-items:center;gap:24px;min-height:64px;display:flex}.brand{color:var(--ink);align-items:center;gap:9px;margin:0;text-decoration:none;display:inline-flex}.brand-mark{width:26px;height:26px}.wordmark{font:600 19px/1 var(--site-font);letter-spacing:-.03em}.site-nav{margin-right:auto}.site-nav ul{gap:2px;margin:0;padding:0;list-style:none;display:flex}.site-nav a{border-radius:var(--thoth-radius-pill);color:var(--muted);font:500 var(--step-small) / 20px var(--site-font);transition:color var(--t-hover) ease, background-color var(--t-hover) ease;padding:8px 12px;text-decoration:none;display:inline-block}.site-nav a:hover{color:var(--ink);background:var(--tone-2)}.header-actions{align-items:center;gap:10px;display:flex}.lang-switch{border-radius:var(--thoth-radius-pill);background:var(--tone-2);color:var(--ink);font:500 var(--step-small) / 1.4 var(--site-font);transition:background-color var(--t-hover) ease;padding:8px 14px;text-decoration:none}.lang-switch:hover{background:var(--tone-3)}@media (max-width:1180px){.site-nav .nav-how,.site-nav .nav-faq{display:none}}@media (max-width:900px){.site-nav{display:none}.header-actions{margin-left:auto}}@media (max-width:420px){.header-actions .btn{display:none}}.hero{align-items:center;min-height:clamp(600px,100svh - 64px,940px);padding:56px 0 72px;display:flex;position:relative;overflow:hidden}.hero-moon{pointer-events:none;--moon-d:clamp(560px, 112vh, 1120px);--moon-box:calc(var(--moon-d) / .875);position:absolute;inset:0}.hero-moon-drift{width:var(--moon-box);height:var(--moon-box);left:calc(50% + 32px - (var(--moon-box) - var(--moon-d)) / 2);top:calc(55% - var(--moon-box) / 2);position:absolute}.moon-mark{width:100%;max-width:none;height:100%;color:var(--moon)}.hero-inner{position:relative}.hero-copy{max-width:min(580px,50% - 24px)}.display{font:650 var(--step-display) / .98 var(--site-font);letter-spacing:-.045em;margin:0 0 28px}:lang(th) .display{line-height:1.22}.display .hero-name{color:var(--moon);font:600 var(--step-lead) / 1.3 var(--site-font);letter-spacing:.02em;margin-bottom:18px;display:block}.display .line{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:clip}:lang(th) .display .line{margin-top:-.12em;padding-top:.12em}.display .line>span{display:inline-block}.lede{max-width:34em;color:var(--ink);font-size:var(--step-lead);text-wrap:pretty;line-height:1.55}:lang(th) .lede{line-height:1.8}.ctas{flex-wrap:wrap;gap:12px;margin:36px 0 14px;display:flex}.hero-note{color:var(--muted);font:450 var(--step-small) / 20px var(--site-font);transition:color var(--t-hover) ease}.nowrap{white-space:nowrap}.hero-note.is-highlighted{color:var(--ink)}.hero-caution{max-width:34em;color:var(--muted);font:450 var(--step-small) / 1.55 var(--site-font);margin-top:28px}:lang(th) .hero-caution{line-height:1.75}@media (max-width:960px){.hero{flex-direction:column;align-items:stretch;min-height:0;padding:clamp(40px,9vw,72px) 0 0}.hero-copy{max-width:620px}.display{margin-bottom:22px;font-size:clamp(44px,11.5vw,84px)}.ctas{margin:28px 0 12px}.hero-caution{margin-top:18px}.hero-moon{--moon-d:130vw;order:2;height:78vw;max-height:560px;margin-top:32px;position:relative;inset:auto;overflow:hidden}.hero-moon-drift{left:calc(50% - var(--moon-box) / 2);top:calc((var(--moon-d) - var(--moon-box)) / 2)}}.section{padding:clamp(96px,12vw,176px) 0 0}.section-head{margin-bottom:clamp(40px,5vw,64px)}.section h2{margin-bottom:20px}.answer{max-width:40em;color:var(--muted);font-size:var(--step-lead);text-wrap:pretty;line-height:1.6}:lang(th) .answer{line-height:1.8}.note{max-width:40em;color:var(--muted);margin-top:28px}.badge{border-radius:var(--thoth-radius-pill);font:500 13px/1.5 var(--site-font);letter-spacing:0;vertical-align:middle;padding:3px 11px;display:inline-block}.badge-private{background:var(--tone-3);color:#d6d2cd}.badge-workspace{color:var(--thoth-link);background:#5aa9ff29}.badge-soon{background:var(--thoth-moon-soft);color:var(--thoth-moon-ink)}.editor-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.view-switch{border:0;gap:2px;min-width:0;margin:40px 0 0;padding:0;display:grid}.view-switch input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.view-switch label{width:-moz-fit-content;width:fit-content;color:var(--muted);font:600 var(--step-h2) / 1.12 var(--site-font);letter-spacing:-.03em;cursor:pointer;transition:color var(--t-hover) ease;border-radius:8px;align-items:center;gap:.36em;padding:2px 8px 2px 0;display:flex}.view-switch label:before{content:"";background:var(--moon);opacity:0;width:.34em;height:.34em;transition:transform var(--t-ui) var(--ease-out), opacity var(--t-hover) ease;border-radius:50%;flex:none;transform:scale(.5)}.view-switch label:hover,.view-switch input:checked+label{color:var(--ink)}.view-switch input:checked+label:before{opacity:1;transform:none}.view-switch input:focus-visible+label{outline:2px solid var(--moon);outline-offset:4px}.editor-fact{max-width:30em;color:var(--muted);margin-top:28px}.editor-stage{justify-items:center;padding:clamp(24px,4vw,48px) 0 clamp(56px,8vw,96px);display:grid;position:relative}.stage-disc{aspect-ratio:1;background:var(--tone-3);border-radius:50%;width:min(64vh,100%,620px);position:absolute;top:56%;left:50%;translate:-50% -50%}.window{width:min(500px,100%);color:var(--ui-ink);font:400 15px/1.6 var(--site-font);letter-spacing:0;background:#fff;border-radius:14px;margin:0;position:relative;overflow:hidden}.window-bar{background:var(--ui-tone);color:var(--ui-muted);font:500 13px/1.4 var(--site-font);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.window-file{color:var(--ui-ink)}.window-saved:before{content:"";vertical-align:1px;background:#2f8f5b;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.window-views{display:grid}.view{grid-area:1/1;min-width:0;margin:0;padding:26px 30px 32px}.view-blocks>*+*{margin-top:8px}.ed-path{color:var(--ui-muted);font-size:13px}.ed-title{font:700 30px/1.2 var(--site-font);letter-spacing:-.02em;margin-top:10px!important}.ed-h2{font:600 19px/1.35 var(--site-font);padding-top:8px}.ed-todo{align-items:flex-start;gap:10px;display:flex}.ed-check{width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--ui-ink);border-radius:4px;flex:none;margin-top:.22em}.ed-todo.is-done{color:var(--ui-muted);text-decoration:line-through}.ed-todo.is-done .ed-check{box-shadow:none;background:#c2410c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2 6.8 11 12 5.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.ed-callout{background:var(--ui-tone);border-radius:8px;gap:10px;padding:12px 14px;display:flex}.ed-callout-dot{background:var(--thoth-moon);border-radius:50%;flex:none;width:10px;height:10px;margin-top:.5em}.ed-toggle-title{align-items:center;gap:8px;font-weight:500;display:flex}.ed-caret{border-top:5px solid var(--ui-ink);border-left:4.5px solid #0000;border-right:4.5px solid #0000;width:0;height:0}.ed-toggle-body{color:var(--ui-ink);padding-left:17px}.view-plain{white-space:pre-wrap;font:400 14px/1.75 var(--site-mono);color:var(--ui-ink);overflow-x:auto}.view-plain code{font:inherit}.md-line{width:100%;display:inline-block}.md-mark{color:#8a3200}.view-plain{visibility:hidden}.view-plain .md-line,.view-blocks>*{transition:opacity .32s var(--ease-out) calc(.14s + var(--i,0) * 30ms), transform .42s var(--ease-out) calc(.14s + var(--i,0) * 30ms)}.view-plain .md-line{opacity:0;transition:opacity .14s var(--ease-exit), transform .14s var(--ease-exit);transform:translateY(6px)}.editor-section:has(#view-plain:checked) .view-plain{visibility:visible}.editor-section:has(#view-plain:checked) .view-plain .md-line{opacity:1;transition:opacity .32s var(--ease-out) calc(.14s + var(--i,0) * 30ms), transform .42s var(--ease-out) calc(.14s + var(--i,0) * 30ms);transform:none}.editor-section:has(#view-plain:checked) .view-blocks{visibility:hidden;transition:visibility 0s linear .16s}.editor-section:has(#view-plain:checked) .view-blocks>*{opacity:0;transition:opacity .14s var(--ease-exit), transform .14s var(--ease-exit);transform:translateY(-4px)}.editor-section:has(#view-plain:checked) .view-plain{transition:visibility}.view-plain{transition:visibility 0s linear .16s}@media (max-width:960px){.editor-grid{grid-template-columns:minmax(0,1fr)}.view-switch{gap:24px;display:flex}}@media (max-width:520px){.view{padding:20px 20px 24px}.ed-title{font-size:25px}.stage-disc{width:92vw}}.video-frame{border-radius:var(--thoth-radius-xl);background:var(--tone-1);margin:0;position:relative;overflow:hidden}.video-frame video{aspect-ratio:16/9;object-fit:cover;background:0 0;width:100%;height:auto}.video-bar{background:var(--tone-2);justify-content:flex-start;align-items:center;gap:12px;padding:14px 16px;display:flex}.video-frame[data-user] .play-sound{background:var(--tone-3);color:var(--ink)}.play-sound{background:var(--paper);color:var(--ground)}@media (hover:hover){.play-sound:hover{background:#fff}}.play-icon{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid;width:0;height:0}.video-summary{color:var(--muted);margin-top:20px}.video-summary summary{cursor:pointer;width:-moz-fit-content;width:fit-content;color:var(--ink);font-weight:500}.video-summary ol{gap:6px;margin:12px 0 0;padding-left:22px;display:grid}.feature-bands{margin:0;padding:0;list-style:none}.feature{padding:clamp(48px,5.5vw,80px) 0}.feature:nth-child(odd){background:var(--tone-1)}.feature-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.feature-copy h3{font:600 var(--step-h3) / 1.12 var(--site-font);letter-spacing:-.025em;margin-bottom:18px}:lang(th) .feature-copy h3{line-height:1.4}.feature-copy p{max-width:32em;color:var(--muted);font-size:17px;line-height:1.6}:lang(th) .feature-copy p{line-height:1.85}.feature-copy .feature-more{margin-top:14px}.feature-more a{min-height:44px;color:var(--ink);align-items:center;display:inline-flex}.feature-ui{place-items:center;min-height:300px;display:grid;position:relative}.feature-ui:before{content:"";aspect-ratio:1;background:var(--tone-2);border-radius:50%;width:min(340px,78%);position:absolute;top:50%;right:4%;translate:0 -50%}@media (min-width:861px){.feature:nth-child(2n) .feature-ui{order:-1}}.feature:nth-child(odd) .feature-ui:before{background:var(--tone-3);left:6%;right:auto}.ui{width:min(420px,100%);color:var(--ui-ink);font:400 14px/1.5 var(--site-font);letter-spacing:0;transition:transform var(--t-ui) var(--ease-out);background:#fff;border-radius:12px;margin:0;position:relative}@media (hover:hover){.feature-row:hover .ui{transform:translateY(-4px)}}.ui-tree{padding:12px 8px}.ui-tree-row{padding:4px 10px 4px calc(10px + var(--depth,0) * 18px);border-radius:6px;align-items:center;gap:8px;display:flex}.ui-tree-row.is-selected{color:#8a3200;background:#fde7d8;font-weight:500}.ui-tree-row.is-dim{color:var(--ui-muted)}.ui-icon{opacity:.7;border-radius:2px;flex:none;width:12px;height:14px;box-shadow:inset 0 0 0 1.5px}.is-folder .ui-icon{border-radius:2px 3px 3px;width:15px;height:11px}.ui-switch{justify-items:center;gap:18px;padding:28px 24px;display:grid}.ui-seg{border-radius:var(--thoth-radius-pill);background:var(--ui-tone);padding:4px;font-weight:500;display:inline-flex}.ui-seg span{border-radius:var(--thoth-radius-pill);color:var(--ui-muted);padding:6px 18px}.ui-seg .is-on{color:var(--ui-ink);background:#fff;box-shadow:0 0 0 1px #14121014}.ui-keys{color:var(--ui-muted);align-items:center;gap:6px;display:flex}.ui-keys kbd{background:var(--ui-tone);min-width:34px;color:var(--ui-ink);font:500 13px/1.4 var(--site-font);text-align:center;border-radius:6px;padding:4px 9px;box-shadow:inset 0 -2px #1412101f}.ui-panel{padding:20px 22px}.ui-head{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.ui-sub{color:var(--ui-muted);margin-top:4px}.ui-ok{background:#2f8f5b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.6l4.6-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/14px no-repeat;border-radius:50%;width:18px;height:18px}.ui-report ul,.ui-members ul{gap:4px;margin:14px 0 0;padding:0;list-style:none;display:grid}.ui-report li{background:var(--ui-tone);border-radius:6px;align-items:center;gap:8px;padding:5px 10px;display:flex}.ui-report li:before{content:"";opacity:.6;border-radius:2px;width:11px;height:13px;box-shadow:inset 0 0 0 1.5px}.ui-foot{color:#1b7444;margin-top:14px;font-weight:500}.ui-badge{border-radius:var(--thoth-radius-pill);width:-moz-fit-content;width:fit-content;font:500 13px/1.5 var(--site-font);padding:2px 10px;display:inline-block}.ui-badge-private{color:#4a4743;background:#ecebe8}.ui-badge-workspace{color:#0a5aa8;background:#e3f0fc}.ui-members li{align-items:center;gap:10px;padding:6px 4px;display:flex}.ui-avatar{background:var(--ui-tone);width:26px;height:26px;font:600 13px/1 var(--site-font);border-radius:50%;place-items:center;display:grid}.ui-name{flex:1}.ui-role{color:var(--ui-muted)}.ui-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.ui-btn{border-radius:var(--thoth-radius-pill);background:var(--ui-tone);padding:7px 14px;font-weight:500}.ui-btn.is-chosen{color:#fff;background:#c2410c}.ui-code{color:var(--ink);font:400 14px/1.7 var(--site-mono);white-space:pre-wrap;background:#050505;padding:20px 22px;overflow-x:auto}.ui-code code{font:inherit}@media (max-width:860px){.feature-row{grid-template-columns:minmax(0,1fr)}.feature-ui{min-height:0;padding:24px 0}}.fields{border-radius:var(--thoth-radius-xl);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.field{flex-direction:column;justify-content:space-between;gap:40px;min-height:clamp(360px,50svh,480px);padding:clamp(22px,2vw,32px);display:flex}.field:first-child{background:var(--tone-1)}.field:nth-child(2){background:var(--tone-2)}.field:nth-child(3){background:var(--tone-3)}.field:nth-child(4){background:var(--paper);color:var(--ground)}.field-card{width:100%;max-width:280px;color:var(--ui-ink);font:400 14px/1.5 var(--site-font);transition:transform .15s var(--ease-out);background:#fff;border-radius:12px;margin:0;padding:18px}.field:nth-child(4) .field-card{background:var(--ground);color:var(--ink)}.field:nth-child(4) .ui-badge-workspace{color:var(--thoth-link);background:#5aa9ff29}@media (hover:hover){.field:hover .field-card{transform:translateY(-6px)}}.field-card-title{font:600 17px/1.3 var(--site-font);margin:10px 0 6px}.field-card-line{color:var(--ui-muted)}.field:nth-child(4) .field-card-line{color:var(--muted)}.field-clause{font:600 clamp(21px, 1.9vw, 28px) / 1.2 var(--site-font);letter-spacing:-.02em;text-wrap:balance}:lang(th) .field-clause{letter-spacing:0;line-height:1.45}.spaces-row{grid-template:"title spaces""note spaces"1fr/minmax(0,4fr) minmax(0,8fr);column-gap:clamp(32px,6vw,96px);margin-top:clamp(80px,10vw,144px);display:grid}.spaces-title{font:600 var(--step-h3) / 1.15 var(--site-font);letter-spacing:-.025em;grid-area:title}.spaces-row .note{grid-area:note}.spaces{grid-area:spaces;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.space{border-radius:var(--thoth-radius-xl);background:var(--tone-1);padding:28px}.space-workspace{background:var(--tone-2)}.space h4{font:600 20px/1.3 var(--site-font);margin:14px 0 16px}.space .moon-list{color:var(--muted)}@media (max-width:1080px){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.field{min-height:320px}}@media (max-width:860px){.spaces-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""spaces""note";row-gap:24px}.spaces{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.fields{grid-template-columns:minmax(0,1fr)}.field{gap:28px;min-height:0;padding:28px 24px 32px}.field-clause{order:-1;font-size:24px}.field-card{margin:0}}.download-grid{grid-template:"head files""answer files""note files"1fr/minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(32px,6vw,96px);display:grid}.download-grid>h2{grid-area:head}.download-grid>.answer{grid-area:answer}.download-grid>.note{grid-area:note}.platforms{grid-area:files;gap:32px;display:grid}.platform{border-radius:var(--thoth-radius-xl);background:var(--tone-1);gap:14px;padding:28px;scroll-margin-top:88px;display:grid}.platform h3{font:600 var(--step-h3) / 1.1 var(--site-font);letter-spacing:-.025em}.platform-arch{color:var(--muted);font:450 var(--step-small) / 20px var(--site-font);margin-top:-6px}.platform-files{gap:8px;margin:0;padding:0;list-style:none;display:grid}.platform-files .btn{text-align:left;justify-content:space-between;width:100%}.file-size{opacity:.8;font:500 14px/1.5 var(--site-font);font-variant-numeric:tabular-nums;flex:none}.first-run{color:var(--muted);font:450 var(--step-small) / 1.55 var(--site-font)}:lang(th) .first-run{line-height:1.75}.first-run h4{color:var(--ink);font:600 var(--step-small) / 1.4 var(--site-font);margin-bottom:6px}.first-run p+p{margin-top:6px}.checksums{color:var(--muted);font:450 var(--step-small) / 1.55 var(--site-font)}.checksums summary{cursor:pointer;width:-moz-fit-content;width:fit-content;color:var(--ink);font-weight:500}.checksums p{margin-top:8px}.checksums dl{gap:4px;margin:10px 0 0;display:grid}.checksums dt{color:var(--ink);font:450 var(--step-small) / 1.5 var(--site-font)}.checksums dd{margin:0 0 6px}.checksums code{border-radius:var(--thoth-radius-xs);background:var(--tone-3);color:var(--ink);font:13px/1.5 var(--site-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:6px 8px;display:block}@media (max-width:860px){.download-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""answer""files""note";row-gap:0}.platforms{margin-top:36px}}.self-host{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:24px clamp(32px,6vw,96px);display:grid}.self-host-copy .answer{color:var(--ink);margin-bottom:18px}.self-host-copy p:not(.answer){max-width:36em;color:var(--muted)}.needs{border-radius:var(--thoth-radius-xl);background:var(--tone-1);padding:28px}.needs .moon-list{color:var(--muted);margin-top:16px}@media (max-width:860px){.self-host{grid-template-columns:minmax(0,1fr)}}.faq-section{padding-bottom:clamp(96px,12vw,176px)}.faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:32px clamp(32px,6vw,96px);display:grid}.faq-head{position:sticky;top:104px}.faq-list{gap:8px;display:grid}.faq{background:var(--tone-1);transition:background-color var(--t-hover) ease;border-radius:16px}.faq[open]{background:var(--tone-2)}.faq summary{cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";background:var(--tone-3);width:28px;height:28px;font:400 19px/1 var(--site-font);transition:transform var(--t-ui) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.faq[open] summary:after{transform:rotate(45deg)}@media (hover:hover){.faq:not([open]):hover{background:var(--tone-2)}}.faq summary h3{font:500 18px/1.45 var(--site-font)}.faq p{max-width:44em;color:var(--muted);padding:0 24px 24px}@media (max-width:860px){.faq-grid{grid-template-columns:minmax(0,1fr)}.faq-head{position:static}}.legal{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(72px,9vw,120px)}.legal h1{font:600 clamp(34px, 4.5vw, 48px) / 1.15 var(--site-font);margin:10px 0 8px}.legal-back{font:450 var(--step-small) / 20px var(--site-font);color:var(--muted)}.prose{color:var(--muted)}.prose>p:first-child{color:var(--muted);font:450 var(--step-small) / 20px var(--site-font);margin-bottom:28px}.prose h2{color:var(--ink);margin:40px 0 12px;font-size:24px;line-height:1.25}.prose h3{color:var(--ink);margin:28px 0 8px}.prose p,.prose ul,.prose ol{margin:0 0 14px}.prose ul,.prose ol{padding-left:22px}.prose li+li{margin-top:6px}.prose strong{color:var(--ink);font-weight:600}.prose code{border-radius:var(--thoth-radius-xs);background:var(--tone-3);color:var(--ink);font:13px/1.5 var(--site-mono);overflow-wrap:anywhere;padding:1px 6px}.table-wrap{border:1px solid var(--thoth-border);border-radius:var(--thoth-radius-lg);margin:0 0 18px;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;min-width:640px;font:450 var(--step-small) / 20px var(--site-font)}:lang(th) .prose table{line-height:1.7}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--thoth-border);padding:10px 14px}.prose th{color:var(--ink);background:var(--tone-1);font-weight:600}.prose tr:last-child td{border-bottom:0}.compare-wrap{border:1px solid var(--thoth-border);border-radius:var(--thoth-radius-xl);background:var(--tone-1);overflow-x:auto}.compare{border-collapse:collapse;width:100%;min-width:760px;font:450 15px / 1.5 var(--site-font)}:lang(th) .compare{line-height:1.75}.compare th,.compare td{text-align:left;vertical-align:top;border-bottom:1px solid var(--thoth-border);padding:16px 20px}.compare thead th{color:var(--ink);background:var(--tone-2);font-weight:600}.compare tbody th{width:16%;color:var(--ink);font-weight:600}.compare td{color:var(--muted)}.compare td:first-of-type{color:var(--ink)}.compare tbody tr:last-child :is(th,td){border-bottom:0}.not-found .not-found-part+.not-found-part{border-top:1px solid var(--thoth-border);margin-top:clamp(48px,7vw,88px);padding-top:clamp(32px,4vw,48px)}.not-found h1{font:650 var(--step-h2) / 1.05 var(--site-font);letter-spacing:-.035em;margin-bottom:20px}.not-found h2{font:600 var(--step-h3) / 1.3 var(--site-font)}:lang(th) .not-found :is(h1,h2){line-height:1.4}.not-found-links{flex-wrap:wrap;gap:8px 28px;margin:24px 0 0;padding:0;list-style:none;display:flex}.not-found-links a{align-items:center;min-height:44px;display:inline-flex}.post-meta,.release-meta{color:var(--muted);font:450 var(--step-small) / 22px var(--site-font);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:0 2px;display:flex}.post-meta .sep,.release-meta .sep{color:var(--stone);padding:0 6px}.blog-index,.changelog{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(72px,9vw,120px)}.changelog-head h1{font:600 var(--step-h2) / 1.05 var(--site-font);letter-spacing:-.03em;margin-bottom:20px}:lang(th) .changelog-head h1{letter-spacing:0;line-height:1.3}.blog-follow,.post-links,.news-links{font:500 var(--step-small) / 20px var(--site-font);flex-wrap:wrap;gap:8px 24px;margin-top:20px;display:flex}.folio-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px;display:grid}.folio-side{grid-column:1/5;padding-right:clamp(0px,2vw,32px)}@media (min-width:961px) and (min-height:760px){.folio-side{position:sticky;top:96px}}.blog-index .folio-side h1{font:600 clamp(48px, 5.4vw, 84px) / .95 var(--site-font);letter-spacing:-.045em;margin-bottom:24px}:lang(th) .blog-index .folio-side h1{letter-spacing:0;font-size:clamp(40px,4.4vw,68px);line-height:1.2}.folio-side .answer{color:var(--ink);font:450 clamp(17px, 1.3vw, 19px) / 1.55 var(--site-font)}.blog-follow{margin-top:24px}.blog-follow a{align-items:center;min-height:44px;display:inline-flex}.blog-versions{margin-top:48px}.blog-versions ol{margin:0;padding:0;list-style:none}.blog-versions a{min-height:48px;font:600 17px / 1.2 var(--site-font);font-variant-numeric:tabular-nums;transition:background-color var(--t-hover) ease;border-radius:10px;grid-template-columns:20px 64px minmax(0,1fr);align-items:center;gap:12px;margin:0 -12px;padding:4px 12px;text-decoration:none;display:grid}.blog-versions a:hover,.blog-versions a[aria-current]{background:var(--tone-1)}.blog-versions time{color:var(--muted);font-size:15px;font-weight:450}.blog-versions-dot{background:var(--tone-3);border-radius:50%;justify-self:center;width:10px;height:10px}.blog-index .blog-versions li:first-child .blog-versions-dot,.blog-versions a[aria-current] .blog-versions-dot{background:var(--moon);width:14px;height:14px}.post-list{grid-column:5/13;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(64px,6vw,96px) 24px;margin:0;padding:0;list-style:none;display:grid}.post-item{align-self:start;scroll-margin-top:96px;position:relative}.post-item.is-newest{grid-column:1/-1}.post-item:nth-child(odd):not(.is-newest){margin-top:120px}:is(.post-item-image-frame,.post-image-frame,.news-image-frame){background:var(--tone-2);display:block;overflow:hidden}.post-item-image-frame,.post-image-frame{border-radius:4px}.news-image-frame{border-radius:var(--thoth-radius-lg)}.post-item-image,.post-image,.news-image{aspect-ratio:1200/630;object-fit:cover;background:var(--tone-2);width:100%;height:auto;display:block}.post-item.is-newest .post-item-image{aspect-ratio:16/10}.post-item-copy .post-meta{margin-top:20px}.post-item h2{font:600 clamp(21px, 1.7vw, 26px) / 1.2 var(--site-font);letter-spacing:-.02em;margin:8px 0 10px}.post-item.is-newest .post-item-copy{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:24px 40px;margin-top:28px;display:grid}.post-item.is-newest .post-meta{grid-area:1/2;margin-top:8px}.post-item.is-newest h2{letter-spacing:-.035em;grid-area:1/1/3;margin:0;font-size:clamp(32px,3.2vw,48px);line-height:1.05}.post-item.is-newest .post-item-summary{color:var(--ink);grid-column:2;font-size:17px}:lang(th) .post-item h2{letter-spacing:0;line-height:1.4}.phrase{max-width:100%;-webkit-text-decoration:inherit;text-decoration:inherit;display:inline-block}.post-item-summary{color:var(--muted);text-wrap:pretty}.post-item h2 a,.news-post h3 a{text-decoration:none}.post-item h2 a:after{content:"";position:absolute;inset:0}.post-item:hover h2 a,.news-post h3 a:hover{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:2px}@supports selector(:has(a)){.post-item h2 a:focus-visible{outline:none}.post-item:has(a:focus-visible){outline:2px solid var(--moon);outline-offset:6px;border-radius:6px}}.post{padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(72px,9vw,120px)}.post-figure{margin:0 0 clamp(48px,6vw,88px)}.post-image{aspect-ratio:21/9}.post-facts{gap:14px;margin:32px 0 0;display:grid}.post-facts dt{color:var(--muted);font:450 15px / 20px var(--site-font)}.post-facts dd{font:500 17px / 24px var(--site-font);margin:2px 0 0}.post-body{grid-column:5/12;min-width:0}.post-body .post-prose{max-width:680px}.breadcrumb ol{color:var(--muted);font:450 var(--step-small) / 22px var(--site-font);flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"/" / "";color:var(--stone);padding:0 10px}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--ink)}.post h1{font:600 clamp(36px, 4.4vw, 68px) / 1 var(--site-font);letter-spacing:-.04em;margin-bottom:40px}:lang(th) .post h1{letter-spacing:0;line-height:1.25}@media (max-width:960px){.folio-side,.post-list,.post-body{grid-column:1/-1;padding-right:0}.post-list{margin-top:32px}.post-side{margin-bottom:32px}}@media (max-width:640px){.post-list{grid-template-columns:minmax(0,1fr);gap:56px}.post-item:nth-child(odd):not(.is-newest){margin-top:0}.post-item.is-newest .post-item-copy{grid-template-columns:minmax(0,1fr)}.post-item.is-newest :is(.post-meta,h2,.post-item-summary){grid-area:auto/1}.post-item.is-newest h2{font-size:30px}.post-item.is-newest .post-item-image,.post-image{aspect-ratio:4/3}.blog-versions{margin-top:32px}.blog-versions ol{flex-wrap:wrap;gap:8px;display:flex}.blog-versions a{border-radius:var(--thoth-radius-pill);background:var(--tone-1);gap:8px;margin:0;padding:4px 14px;display:inline-flex;position:relative}.blog-versions a[aria-current]{background:var(--tone-3)}.blog-versions-dot{width:8px;height:8px}.blog-versions time{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:no-preference){.post-item-image{transition:transform .6s var(--ease-out)}.post-item:hover .post-item-image{transform:scale(1.025)}}.post-prose{color:var(--ink);font-size:17px;line-height:1.65}:lang(th) .post-prose{line-height:1.85}.post-prose>p:first-child{color:var(--ink);font:450 var(--step-lead) / 1.6 var(--site-font);text-wrap:pretty;margin-bottom:32px}:lang(th) .post-prose>p:first-child{line-height:1.85}.post-prose h2{margin:48px 0 14px;font-size:clamp(24px,2.4vw,30px)}.post-prose h3{margin:28px 0 6px;font-size:18px}.post-prose li::marker{color:var(--stone)}.post-links{border-radius:var(--thoth-radius-lg);background:var(--tone-1);margin-top:48px;padding:20px 24px}.post-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.post-nav a{border-radius:var(--thoth-radius-lg);background:var(--tone-2);min-height:48px;transition:background-color var(--t-hover) ease;gap:4px;padding:18px 22px;text-decoration:none;display:grid}.post-nav a:hover{background:var(--tone-3)}.post-nav-newer{text-align:right;grid-column:2}.post-nav-label{color:var(--muted);font:450 var(--step-small) / 20px var(--site-font)}.post-nav-title{text-wrap:balance;font-weight:550}@media (max-width:560px){.post-nav{grid-template-columns:1fr}.post-nav-newer{text-align:left;grid-area:1}}.changelog-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.changelog-head{position:sticky;top:96px}.version-nav ul{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.version-nav a{border-radius:var(--thoth-radius-pill);background:var(--tone-2);min-height:40px;font:500 var(--step-small) / 20px var(--site-font);font-variant-numeric:tabular-nums;transition:background-color var(--t-hover) ease;align-items:center;padding:8px 16px;text-decoration:none;display:inline-flex}.version-nav a:hover{background:var(--tone-3)}.changelog-list{gap:24px;display:grid}.release{border-radius:var(--thoth-radius-xl);background:var(--tone-1);padding:clamp(24px,3vw,40px)}.release.is-unreleased{background:var(--tone-2)}.release h2{font:600 clamp(26px, 2.6vw, 34px) / 1.15 var(--site-font);font-variant-numeric:tabular-nums;margin-bottom:8px}.release h3{margin:28px 0 12px;font-size:17px}.release .moon-list{color:var(--ink)}.changelog-source{color:var(--muted);font:450 var(--step-small) / 20px var(--site-font)}@media (max-width:860px){.changelog-grid{grid-template-columns:1fr}.changelog-head{position:static}}.news{grid-template-columns:minmax(0,.7fr) minmax(0,2fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid}.news-post{border-radius:var(--thoth-radius-xl);background:var(--tone-1);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,48px);padding:clamp(24px,3vw,40px);display:grid}.news-post h3{font:600 var(--step-h3) / 1.2 var(--site-font);margin:8px 0 10px}.news-post p:not(.post-meta):not(.news-links){color:var(--muted)}@media (max-width:960px){.news,.news-post{grid-template-columns:1fr}}.site-footer{background:var(--tone-1);color:var(--muted);font:450 var(--step-small) / 20px var(--site-font)}.footer-close{padding-top:clamp(56px,8vw,112px);overflow:hidden}.footer-close-row{color:var(--ink);align-items:flex-end;gap:clamp(12px,2vw,32px);display:flex}.footer-moon{aspect-ratio:1;width:clamp(110px,21vw,330px);height:auto;color:var(--moon);flex:none;margin-bottom:-2.2%}.footer-word{font:650 clamp(96px, 23vw, 360px) / .78 var(--site-font);letter-spacing:-.06em}:lang(th) .footer-word{letter-spacing:-.06em}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:32px;padding-top:clamp(40px,5vw,64px);padding-bottom:56px;display:flex}.footer-brand .brand-static{display:none}.footer-tagline{color:var(--ink);font-size:16px}.footer-license,.footer-copyright{margin-top:4px}.footer-copyright a{color:inherit}.footer-copyright a:hover{color:var(--ink)}.footer-nav ul{flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;list-style:none;display:flex}.footer-nav a,.footer-nav .link-button{color:var(--muted)}.footer-nav a:hover,.footer-nav .link-button:hover{color:var(--ink)}.consent{z-index:50;border-radius:var(--thoth-radius-xl);max-width:560px;color:var(--ink);box-shadow:var(--thoth-shadow-modal);font:450 var(--step-small) / 20px var(--site-font);background:#1d1c1a;margin:0 auto;padding:20px;position:fixed;bottom:16px;left:16px;right:16px}.consent[hidden]{display:none}.consent-title{font:600 16px/1.4 var(--site-font);margin-bottom:6px}.consent-body{color:var(--muted)}:lang(th) .consent-body{line-height:1.7}.consent-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.consent-button{border-radius:var(--thoth-radius-pill);background:var(--tone-3);min-height:44px;color:var(--ink);font:500 15px/1.2 var(--site-font);cursor:pointer;transition:background-color var(--t-hover) ease;border:0;padding:10px 18px}.consent-button:hover{background:#34312d}.consent-button[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--muted)}@media (prefers-reduced-motion:no-preference){.moon-mark{animation:moonrise 1.4s var(--ease-expo) 60ms both}.display .line>span{animation:line-rise .9s var(--ease-expo) .12s both}.display .line+.line>span{animation-delay:.21s}.display .hero-name{animation:fade .7s var(--ease-out) 60ms both}.hero-copy>.lede{animation:rise .76s var(--ease-expo) .33s both}.hero-copy>.ctas{animation:rise .76s var(--ease-expo) .41s both}.hero-copy>.hero-note,.hero-copy>.hero-caution{animation:fade .7s var(--ease-out) .52s both}@supports (animation-timeline:scroll()){@media (min-width:961px){.hero-moon-drift{animation:linear both moon-drift;animation-timeline:scroll(root);animation-range:0 100vh}}}[data-reveal]{transition:opacity var(--t-reveal) var(--ease-expo), transform var(--t-reveal) var(--ease-expo);transition-delay:calc(var(--d,0) * var(--stagger))}[data-reveal]:not([data-reveal=stage]).is-pending{opacity:0;transition:none;transform:translateY(28px)}[data-reveal=picture].is-pending{transform:translateY(20px)scale(.97)}[data-reveal=row].is-pending{transform:translateY(18px)}[data-reveal=moon]{transition-duration:1.2s}[data-reveal=moon].is-pending{transform:translateY(35%)}[data-reveal=stage] .stage-disc{transition:transform 1.1s var(--ease-expo), opacity .9s var(--ease-out)}[data-reveal=stage] .window{transition:transform .9s var(--ease-expo) .16s, opacity .7s var(--ease-out) .16s}[data-reveal=stage].is-pending .stage-disc{opacity:0;transition:none;transform:scale(.82)}[data-reveal=stage].is-pending .window{opacity:0;transition:none;transform:translateY(40px)scale(.98)}.faq[open]>p{animation:rise-small .32s var(--ease-out) both}}@keyframes moonrise{0%{opacity:0;transform:translateY(10%)scale(.96)}to{opacity:1;transform:none}}@keyframes moon-drift{to{transform:translateY(14%)}}@keyframes line-rise{0%{transform:translateY(108%)}to{transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes rise-small{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}.is-pending{opacity:1!important;transform:none!important}}@media print{.is-pending{opacity:1!important;transform:none!important}.hero-moon,.footer-close{display:none}}