:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--primary:#ff474c;--primary-light:#ff7861;--ink:#2c1020;--muted:#756b72;--bg:#fffcf9;--surface:#fff;--peach:#ffefe6;--line:#f0e5e0;--online:#1bb879;--grad:linear-gradient(90deg, var(--primary-light), var(--primary));--on-primary:#fff;--link:#c0262f;--plum:#2c1020;--tint:#ff474c12;--focus:#ff474c;--shadow:0 1px 2px #2c10200a, 0 6px 20px #2c10200d;--shadow-float:0 18px 40px #2c102029;--radius-card:20px;--radius-button:16px;--header-h:64px;--gutter:20px;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Thai", "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#fbefeb;--muted:#c4b2b8;--bg:#1a0e13;--surface:#24151b;--peach:#33201f;--line:#3d262e;--link:#ff9a90;--tint:#ff78611f;--shadow:0 1px 2px #0000004d, 0 6px 20px #00000038;--shadow-float:0 18px 40px #00000073}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);overflow-wrap:break-word;flex-direction:column;min-height:100vh;margin:0;font-size:16px;line-height:1.6;display:flex}main{flex:1 0 auto}h1,h2,h3{color:var(--ink);margin:0;font-weight:600;line-height:1.25}h1,.display{letter-spacing:-.015em}p{margin:0 0 1em}a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:is(a:focus-visible,button:focus-visible,summary:focus-visible){outline:3px solid var(--focus);outline-offset:2px}strong{font-weight:650}img,svg{max-width:100%}.container{width:100%;max-width:1160px;padding-left:var(--gutter);padding-right:var(--gutter);margin-left:auto;margin-right:auto}@media (min-width:720px){:root{--gutter:32px}}.lang-chrome{display:contents}.lang-chrome[hidden]{display:none}.skip{z-index:100;background:var(--surface);color:var(--ink);border-radius:12px;padding:12px 16px;position:absolute;top:-200px;left:16px}.skip:focus{box-shadow:var(--shadow);top:8px}.site-header{z-index:50;background:var(--bg);background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .bar{height:var(--header-h);align-items:center;gap:12px;display:flex}.brand{min-height:48px;color:var(--ink);align-items:center;margin-right:auto;display:inline-flex}.logo{align-items:center;gap:8px;display:inline-flex}.logo-mark{border-radius:30%;flex:none;width:32px;height:32px;display:block}.logo-word{width:auto;height:34px;display:block}.nav-links{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{min-height:48px;color:var(--ink);white-space:nowrap;border-radius:12px;align-items:center;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav-links a:hover{background:var(--tint)}.nav-links a[aria-current=page]{color:var(--link);font-weight:600}.nav-links a[aria-current=page]:after{content:"";background:var(--primary);border-radius:3px;height:3px;position:absolute;bottom:6px;left:12px;right:12px}.lang-switch{background:var(--peach);border-radius:16px;gap:2px;padding:0;display:flex}.lang-switch a{min-width:48px;min-height:48px;color:var(--ink);border-radius:16px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.lang-switch a:hover{background:var(--tint)}.lang-switch a[aria-current=true]{background:var(--primary);color:var(--on-primary)}.menu{display:none;position:relative}.menu summary{cursor:pointer;background:var(--peach);width:48px;height:48px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;list-style:none;display:inline-flex}.menu summary::-webkit-details-marker{display:none}.menu summary svg{width:22px;height:22px}.menu .panel{width:min(300px, calc(100vw - 2 * var(--gutter)));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-float);padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu .panel a{min-height:48px;color:var(--ink);border-radius:12px;align-items:center;padding:0 14px;font-size:15px;text-decoration:none;display:flex}.menu .panel a:hover{background:var(--tint)}.menu .panel a[aria-current=page],.menu .panel a[aria-current=true]{color:var(--link);font-weight:600}.menu .panel hr{border:0;border-top:1px solid var(--line);margin:6px 8px}@media (max-width:1099px){.site-header .nav-links{display:none}.menu{display:block}}@media (max-width:479px){.site-header .lang-switch{display:none}.logo-mark{width:30px;height:30px}.logo-word{height:32px}}.menu .lang-row{display:none}@media (max-width:479px){.menu .lang-row{display:block}}.btn{border-radius:var(--radius-button);min-height:50px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex}.btn-primary{background:var(--grad);color:var(--on-primary);box-shadow:0 8px 18px #ff474c38}.btn-primary:hover{background:linear-gradient(90deg,#ff6a57,#f53e45)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line);font-weight:600}.btn-ghost:hover{border-color:var(--primary-light)}.btn[aria-disabled=true]{cursor:default}.btn svg{flex:none;width:20px;height:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:24px}.icon-dot{background:var(--peach);width:48px;height:48px;color:var(--primary);border-radius:50%;flex:none;place-items:center;display:grid}.icon-dot .icon{width:24px;height:24px}.site-footer{background:var(--plum);color:#eadbdf;margin-top:80px;padding:48px 0 28px}.site-footer a{color:#fff;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer .logo{color:#fff}.footer-grid{grid-template-columns:1fr;gap:28px;display:grid}.footer-grid h2{letter-spacing:.08em;text-transform:uppercase;color:#c9b3ba;margin-bottom:4px;font-size:12px;font-weight:600}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li a{align-items:center;min-height:48px;font-size:15px;display:inline-flex}.footer-about p{max-width:34ch;margin:12px 0 0}.footer-about>a,.footer-about p>a{align-items:center;min-height:48px;display:inline-flex}.footer-bottom{color:#c9b3ba;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:28px;padding-top:20px;font-size:14px;display:flex}@media (min-width:720px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}body:lang(th){line-height:1.75}:lang(th) h1,:lang(th) h2,:lang(th) h3{line-height:1.4}:lang(th) .footer-grid h2,:lang(th) .toc-title,:lang(th) table.stack td:before,:lang(th) h1,:lang(th) .display{letter-spacing:0}.play-soon{background:var(--peach);min-height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.play-soon svg{flex:none;width:16px;height:16px}