/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-loose:2;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Cinzel", "Marcellus", "Sarabun", serif;--font-body:"Inter", "IBM Plex Sans Thai", "Sarabun", system-ui, sans-serif;--font-thai:"IBM Plex Sans Thai", "Sarabun", "Inter", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--surface-page:oklch(97% .02 75);--surface-elevated:oklch(94% .024 70);--surface-card:oklch(93% .028 65);--surface-card-hi:oklch(90% .034 60);--surface-inset:oklch(96% .018 75);--surface-overlay:oklch(96% .022 70/.96);--text-primary:oklch(24% .04 55);--text-secondary:oklch(40% .04 60);--text-tertiary:oklch(54% .03 60);--text-disabled:oklch(70% .02 65);--text-on-accent:oklch(97% .02 75);--accent:oklch(52% .13 50);--accent-bright:oklch(62% .155 50);--accent-dim:oklch(42% .105 50);--accent-darkest:oklch(32% .075 50);--accent-soft:oklch(85% .06 65);--class-warrior:oklch(55% .17 30);--class-mercenary:oklch(62% .13 60);--class-witch:oklch(50% .16 295);--class-sorceress:oklch(60% .14 245);--class-ranger:oklch(55% .13 140);--class-monk:oklch(66% .14 75);--class-druid:oklch(50% .13 110);--class-huntress:oklch(60% .16 25);--success:oklch(55% .14 145);--warning:oklch(65% .15 75);--danger:oklch(55% .2 28);--info:oklch(55% .1 230);--border-faint:oklch(70% .025 60/.35);--border-hairline:oklch(55% .04 60/.45);--border-strong:oklch(45% .055 55/.55);--border-accent:oklch(52% .13 50/.65);--shadow-xs:0 1px 2px oklch(30% .04 55/.06);--shadow-sm:0 1px 3px oklch(30% .04 55/.1);--shadow-md:0 4px 14px -3px oklch(30% .04 55/.16);--shadow-lg:0 12px 32px -6px oklch(30% .04 55/.2);--shadow-accent:0 8px 24px -6px oklch(52% .13 50/.25);--shadow-inset:inset 0 1px 0 0 oklch(100% 0 0/.3);--font-display:"Cinzel", "Marcellus", "Sarabun", "IBM Plex Sans Thai", serif;--font-body:"Inter", "IBM Plex Sans Thai", "Sarabun", system-ui, -apple-system, sans-serif;--font-thai:"IBM Plex Sans Thai", "Sarabun", "Inter", sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", "Cascadia Code", ui-monospace, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:2.875rem;--text-5xl:3.625rem;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.55;--leading-loose:1.75;--tracking-tight:-.015em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--tracking-widest:.14em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-10:4rem;--space-12:6rem;--space-16:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--container-narrow:720px;--container-default:1120px;--container-wide:1320px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--duration-fast:.14s;--duration-default:.24s;--duration-slow:.42s;--duration-slower:.72s}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}img,svg,picture{max-width:100%;display:block}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding-left:0;list-style:none}html,body{overflow-x:clip}html{font-family:var(--font-body);font-size:16px;line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern","liga","calt";scroll-behavior:smooth;scroll-padding-top:88px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:640px){html{scroll-padding-top:76px}}html[lang=th] body,body[lang=th]{font-family:var(--font-thai)}body{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'><g stroke='%238a6a3a' stroke-opacity='0.06' fill='none' stroke-width='0.6' stroke-linecap='round'><path d='M90 80 L90 0 M90 100 L90 180'/><path d='M80 90 L0 90 M100 90 L180 90'/><path d='M83 83 L0 0 M97 83 L180 0 M83 97 L0 180 M97 97 L180 180'/></g><g fill='none' stroke='%238a6a3a' stroke-opacity='0.035' stroke-width='0.5'><path d='M0 90 Q40 50 90 0'/><path d='M90 0 Q140 50 180 90'/><path d='M180 90 Q140 130 90 180'/><path d='M90 180 Q40 130 0 90'/></g><g fill='none' stroke='%238a6a3a' stroke-opacity='0.04' stroke-width='0.45' stroke-dasharray='2 1.5'><circle cx='90' cy='90' r='13'/></g><g fill='%238a6a3a' fill-opacity='0.05' stroke='%238a6a3a' stroke-opacity='0.14' stroke-width='0.8'><circle cx='90' cy='90' r='10'/></g><g fill='none' stroke='%238a6a3a' stroke-opacity='0.13' stroke-width='0.65' stroke-linecap='round'><circle cx='90' cy='90' r='4'/><path d='M84 90 L96 90 M90 84 L90 96'/></g><g fill='none' stroke='%238a6a3a' stroke-opacity='0.04' stroke-width='0.45'><circle cx='0' cy='90' r='5'/><circle cx='180' cy='90' r='5'/><circle cx='90' cy='0' r='5'/><circle cx='90' cy='180' r='5'/></g><g fill='%238a6a3a' fill-opacity='0.05' stroke='%238a6a3a' stroke-opacity='0.10' stroke-width='0.55'><circle cx='0' cy='90' r='3.2'/><circle cx='180' cy='90' r='3.2'/><circle cx='90' cy='0' r='3.2'/><circle cx='90' cy='180' r='3.2'/></g><g fill='none' stroke='%238a6a3a' stroke-opacity='0.11' stroke-width='0.5'><path d='M0 87 L3 90 L0 93 M180 87 L177 90 L180 93 M87 0 L90 3 L93 0 M87 180 L90 177 L93 180'/></g><g fill='%238a6a3a' fill-opacity='0.08'><circle cx='0' cy='0' r='1.5'/><circle cx='180' cy='0' r='1.5'/><circle cx='0' cy='180' r='1.5'/><circle cx='180' cy='180' r='1.5'/></g><g fill='%238a6a3a' fill-opacity='0.075'><circle cx='90' cy='12' r='0.95'/><circle cx='90' cy='28' r='0.95'/><circle cx='90' cy='44' r='0.95'/><circle cx='90' cy='60' r='0.95'/><circle cx='90' cy='72' r='0.95'/><circle cx='90' cy='108' r='0.95'/><circle cx='90' cy='120' r='0.95'/><circle cx='90' cy='136' r='0.95'/><circle cx='90' cy='152' r='0.95'/><circle cx='90' cy='168' r='0.95'/><circle cx='12' cy='90' r='0.95'/><circle cx='28' cy='90' r='0.95'/><circle cx='44' cy='90' r='0.95'/><circle cx='60' cy='90' r='0.95'/><circle cx='72' cy='90' r='0.95'/><circle cx='108' cy='90' r='0.95'/><circle cx='120' cy='90' r='0.95'/><circle cx='136' cy='90' r='0.95'/><circle cx='152' cy='90' r='0.95'/><circle cx='168' cy='90' r='0.95'/><circle cx='75' cy='75' r='0.85'/><circle cx='60' cy='60' r='0.85'/><circle cx='45' cy='45' r='0.85'/><circle cx='30' cy='30' r='0.85'/><circle cx='15' cy='15' r='0.85'/><circle cx='105' cy='75' r='0.85'/><circle cx='120' cy='60' r='0.85'/><circle cx='135' cy='45' r='0.85'/><circle cx='150' cy='30' r='0.85'/><circle cx='165' cy='15' r='0.85'/><circle cx='75' cy='105' r='0.85'/><circle cx='60' cy='120' r='0.85'/><circle cx='45' cy='135' r='0.85'/><circle cx='30' cy='150' r='0.85'/><circle cx='15' cy='165' r='0.85'/><circle cx='105' cy='105' r='0.85'/><circle cx='120' cy='120' r='0.85'/><circle cx='135' cy='135' r='0.85'/><circle cx='150' cy='150' r='0.85'/><circle cx='165' cy='165' r='0.85'/></g></svg>"),radial-gradient(ellipse at top,oklch(93% .03 75/.5),transparent 75%),var(--surface-page);background-repeat:repeat,no-repeat,no-repeat;background-attachment:fixed,fixed,fixed;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:var(--tracking-wide);color:var(--text-primary);font-weight:600;line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-wide)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] h4{font-family:var(--font-thai);letter-spacing:var(--tracking-normal);font-weight:700}p{margin:0 0 var(--space-4) 0}.container{max-width:var(--container-default);padding-inline:var(--space-5);width:100%;margin-inline:auto}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}.site-header{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(140%);border-bottom:1px solid var(--border-hairline);background:#fdf4e7c7;position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--space-4);height:68px;display:flex}.site-logo{font-family:var(--font-display);align-items:center;gap:var(--space-3);transition:color var(--duration-default) var(--ease-out);color:var(--accent);flex-shrink:0;display:inline-flex}.site-logo:hover .site-logo__main{color:var(--accent-bright)}.site-logo:hover .site-logo__mark{transform:rotate(-6deg)scale(1.08)}.site-logo__mark{object-fit:contain;width:44px;height:44px;transition:transform var(--duration-slow) var(--ease-spring),filter var(--duration-default) ease;filter:drop-shadow(0 2px 4px oklch(30% .04 55/.25));flex-shrink:0}.site-logo:hover .site-logo__mark{filter:drop-shadow(0 3px 8px oklch(30% .04 55/.35))}.site-logo__text{flex-direction:column;gap:2px;line-height:1;display:inline-flex}.site-logo__eyebrow{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-tertiary);font-size:10px;font-weight:500}.site-logo__main{font-size:var(--text-lg);letter-spacing:var(--tracking-widest);color:var(--accent);text-transform:uppercase;transition:color var(--duration-default) var(--ease-out);gap:.4em;font-weight:700;display:inline-flex}.site-logo__main--accent{color:var(--text-primary);font-weight:500}.site-nav{gap:var(--space-2);margin-left:var(--space-4);flex:1;align-items:center;display:flex}.site-nav>a{padding:var(--space-2) var(--space-3);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;transition:color var(--duration-default) var(--ease-out);font-weight:500;position:relative}html[lang=th] .site-nav>a{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-normal);font-weight:500}.site-nav>a:hover{color:var(--accent-bright)}.site-nav>a[aria-current=page]{color:var(--accent)}.site-nav>a:after{content:"";left:var(--space-3);right:var(--space-3);background:linear-gradient(90deg,var(--accent),var(--accent-bright));transform-origin:50%;height:2px;transition:transform var(--duration-default) var(--ease-out);border-radius:1px;position:absolute;bottom:0;transform:scaleX(0)}.site-nav>a:hover:after,.site-nav>a[aria-current=page]:after{transform:scaleX(1)}.site-nav__dropdown{align-items:center;display:inline-flex;position:relative}.site-nav__dropdown-trigger{padding:var(--space-2) var(--space-3);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;transition:color var(--duration-default) var(--ease-out);align-items:center;gap:4px;font-weight:500;display:inline-flex;position:relative}html[lang=th] .site-nav__dropdown-trigger{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-normal)}.site-nav__dropdown-trigger:hover{color:var(--accent-bright)}.site-nav__dropdown-trigger[aria-current=page]{color:var(--accent)}.site-nav__dropdown-trigger:after{content:"";left:var(--space-3);right:var(--space-3);background:linear-gradient(90deg,var(--accent),var(--accent-bright));transform-origin:50%;height:2px;transition:transform var(--duration-default) var(--ease-out);border-radius:1px;position:absolute;bottom:0;transform:scaleX(0)}.site-nav__dropdown:hover .site-nav__dropdown-trigger:after,.site-nav__dropdown-trigger:hover:after,.site-nav__dropdown-trigger[aria-current=page]:after,.site-nav__dropdown.is-open .site-nav__dropdown-trigger:after{transform:scaleX(1)}.site-nav__caret{transition:transform var(--duration-default) var(--ease-out);opacity:.6}.site-nav__dropdown.is-open .site-nav__caret{opacity:1;transform:rotate(180deg)}.site-nav__panel{z-index:60;min-width:600px;max-width:min(90vw,920px);padding:var(--space-4) var(--space-5);background:radial-gradient(ellipse at top right,oklch(62% .155 50/.1),transparent 60%),linear-gradient(180deg,var(--surface-elevated),var(--surface-card));border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--shadow-inset);animation:site-nav-panel-in .18s var(--ease-out) both;position:absolute;top:calc(100% + 6px);left:0}.site-nav__panel[hidden]{display:none}@keyframes site-nav-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.builds-pills{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.builds-pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;white-space:nowrap;box-shadow:var(--shadow-sm),inset 0 1px #ffffff4d;transition:transform var(--duration-default) var(--ease-out),border-color var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out),background-color var(--duration-default) var(--ease-out),color var(--duration-default) var(--ease-out);background:radial-gradient(120% 90% at 20% 0,#fddfc238,#0000 65%),#f8ece08c linear-gradient(160deg,oklch(96% .03 65/.4),#f3d8c42e 70%);border:1px solid oklch(62% .1 55/.45);padding:.55rem .5rem .55rem 1rem;font-weight:600;display:inline-flex}html[lang=th] .builds-pill{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-normal);font-weight:600}.builds-pill:hover{border-color:var(--accent-dim);box-shadow:var(--shadow-md),inset 0 1px #ffffff59;color:var(--accent-darkest);background-color:#fdefe0d9;transform:translateY(-2px)}.builds-pill__count{background:var(--accent);min-width:22px;height:22px;color:var(--text-on-accent);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:0;text-transform:none;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-weight:700;line-height:1;display:inline-flex}.builds-pill--empty{opacity:.55;cursor:not-allowed;pointer-events:none;filter:saturate(.7)}.builds-pill--empty .builds-pill__count{color:var(--text-tertiary);background:#e1c9b3}.builds-pill--active{color:var(--text-on-accent);border-color:var(--accent);background:radial-gradient(120% 90% at 20% 0%,oklch(72% .18 55/.25),transparent 70%),linear-gradient(180deg,var(--accent-bright),var(--accent));background-color:var(--accent);box-shadow:var(--shadow-md),inset 0 1px #ffffff4d,0 0 0 3px #cd64182e}.builds-pill--active:hover{color:var(--text-on-accent);background-color:var(--accent)}.builds-pill--active .builds-pill__count{color:var(--text-on-accent);background:#ffffff38;border:1px solid oklch(100% 0 0/.3)}.site-nav__panel--tree{min-width:320px}.lang-toggle{border:1px solid var(--border-hairline);border-radius:var(--radius-pill);background:#fff6;flex-shrink:0;gap:2px;padding:2px;display:inline-flex;overflow:hidden}.lang-toggle__btn{color:var(--text-tertiary);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-radius:var(--radius-pill);transition:color var(--duration-default) var(--ease-out),background var(--duration-default) var(--ease-out);background:0 0;border:0;padding:4px 12px;font-weight:600}.lang-toggle__btn[aria-pressed=true]{background:var(--accent);color:var(--text-on-accent);box-shadow:0 1px 2px #3d281a26}.lang-toggle__btn:not([aria-pressed=true]):hover{color:var(--accent-bright)}.mobile-menu-btn{border:1px solid var(--border-hairline);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:color var(--duration-default) var(--ease-out),border-color var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out);background:#fff6;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-menu-btn:hover,.mobile-menu-btn[aria-expanded=true]{color:var(--accent);border-color:var(--accent-dim);transform:scale(1.04)}.mobile-drawer{z-index:100;pointer-events:none;position:fixed;inset:0}.mobile-drawer.is-open{pointer-events:auto}.mobile-drawer__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#2e1a0c59;position:absolute;inset:0}.mobile-drawer.is-open .mobile-drawer__backdrop{animation:.24s forwards drawer-fade-in}.mobile-drawer.is-closing .mobile-drawer__backdrop{animation:.2s forwards drawer-fade-out}.mobile-drawer__panel{background:var(--surface-page);border-left:1px solid var(--border-hairline);width:min(320px,88vw);box-shadow:var(--shadow-lg);overscroll-behavior:contain;will-change:transform;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-drawer.is-open .mobile-drawer__panel{animation:.32s cubic-bezier(.32,.72,.18,1) forwards drawer-slide-in}.mobile-drawer.is-closing .mobile-drawer__panel{animation:.24s cubic-bezier(.32,.72,.18,1) forwards drawer-slide-out}.mobile-drawer:not(.is-open):not(.is-closing) .mobile-drawer__panel,.mobile-drawer:not(.is-open):not(.is-closing) .mobile-drawer__backdrop{pointer-events:none}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-fade-out{0%{opacity:1}to{opacity:0}}.mobile-drawer__head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-hairline);justify-content:space-between;align-items:center;display:flex}.mobile-drawer__title{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent);font-weight:600}html[lang=th] .mobile-drawer__title{font-family:var(--font-thai);text-transform:none;letter-spacing:0}.mobile-drawer__close{width:36px;height:36px;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:color var(--duration-default) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-drawer__close:hover{color:var(--accent)}.mobile-drawer__nav{padding:var(--space-3) var(--space-3);flex-direction:column;gap:2px;display:flex}.mobile-drawer__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-base);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-md);transition:color var(--duration-default) var(--ease-out),background var(--duration-default) var(--ease-out);font-weight:500;display:flex}html[lang=th] .mobile-drawer__link{font-family:var(--font-thai);text-transform:none;letter-spacing:0;font-weight:600}.mobile-drawer__link:hover,.mobile-drawer__link:focus-visible{color:var(--accent);background:var(--surface-card-hi)}.mobile-drawer__link[aria-current=page]{color:var(--accent);background:var(--surface-card)}.mobile-drawer__icon{width:22px;height:22px;color:var(--accent);opacity:.75;flex-shrink:0}.mobile-drawer__link:hover .mobile-drawer__icon,.mobile-drawer__link[aria-current=page] .mobile-drawer__icon{opacity:1}.mobile-drawer__nav>*{opacity:0;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out);transform:translate(14px)}.mobile-drawer.is-open .mobile-drawer__nav>*{opacity:1;transform:translate(0)}.mobile-drawer.is-open .mobile-drawer__nav>:first-child{transition-delay:80ms}.mobile-drawer.is-open .mobile-drawer__nav>:nth-child(2){transition-delay:.12s}.mobile-drawer.is-open .mobile-drawer__nav>:nth-child(3){transition-delay:.16s}.mobile-drawer.is-open .mobile-drawer__nav>:nth-child(4){transition-delay:.2s}.mobile-drawer.is-open .mobile-drawer__nav>:nth-child(5){transition-delay:.24s}.mobile-drawer.is-open .mobile-drawer__nav>:nth-child(6){transition-delay:.28s}.mobile-drawer__lang{margin:var(--space-4) var(--space-5) var(--space-6);justify-content:flex-start;display:flex}.hero{padding:var(--space-4) 0 var(--space-2);animation:hero-rise .6s var(--ease-out);position:relative}@keyframes hero-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero__eyebrow{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);display:inline-flex}html[lang=th] .hero__eyebrow{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.hero__eyebrow:before{content:"";background:var(--accent);width:18px;height:1px}.hero h1{font-size:var(--text-5xl);background:linear-gradient(180deg,var(--text-primary) 0%,oklch(36% .06 55) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;line-height:1.1}.hero__lede{font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--text-secondary);margin-top:var(--space-2);max-width:105ch}.section{padding:var(--space-3) 0}.section--bordered{border-top:1px solid var(--border-faint)}.section__title{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.section__title h2{white-space:nowrap;font-size:var(--text-2xl);display:inline-block}.section__title:after{content:"";background:linear-gradient(to right,var(--border-strong),transparent);flex:1;height:1px}.section__count{border-radius:var(--radius-pill);border:1px solid var(--border-hairline);min-width:28px;height:24px;color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);background:#f6e5d5b3;justify-content:center;align-items:center;padding:0 8px;font-weight:600;display:inline-flex}.cat-jump{gap:var(--space-2);padding:var(--space-3) 0 var(--space-4);margin-bottom:var(--space-2);border-bottom:1px solid var(--border-faint);flex-wrap:wrap;display:flex}.cat-jump__chip{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border-hairline);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary);background:#f6e5d5b3;padding:8px 14px;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}html[lang=th] .cat-jump__chip{font-family:var(--font-thai);text-transform:none;letter-spacing:0}.cat-jump__chip:hover{border-color:var(--border-accent);color:var(--accent);background:#efd1b6d9;transform:translateY(-1px)}.cat-jump__chip--empty{opacity:.4;cursor:not-allowed;pointer-events:none}.cat-jump__count{border-radius:var(--radius-pill);border:1px solid var(--border-accent);min-width:22px;height:20px;color:var(--accent);background:#eac6a580;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.draft-meta-row{align-items:baseline;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);margin:var(--space-3) 0;border:1px dashed var(--border-accent);border-radius:var(--radius-md);background:#f6e5d599;flex-wrap:wrap;display:flex}.draft-meta-row__count{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--text-secondary)}.draft-meta-row__count strong{color:var(--accent);font-size:var(--text-lg);margin-right:4px;font-weight:700}html[lang=th] .draft-meta-row__count{font-family:var(--font-thai)}.draft-meta-row__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.draft-channels{gap:var(--space-6);margin-top:var(--space-4);flex-direction:column;display:flex}.draft-channel{gap:var(--space-2);flex-direction:column;display:flex}.draft-channel__header{align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-faint);display:flex}.draft-channel__name{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:var(--tracking-wide);color:var(--text-primary);font-weight:700}html[lang=th] .draft-channel__name{font-family:var(--font-thai)}.draft-channel__count{border-radius:var(--radius-pill);border:1px solid var(--border-accent);min-width:26px;height:22px;color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);font-feature-settings:"tnum";background:#eac6a58c;justify-content:center;align-items:center;padding:0 8px;font-weight:700;display:inline-flex}.draft-channel__link{font-size:var(--text-xs);color:var(--text-tertiary);text-underline-offset:3px;margin-left:auto;text-decoration:underline}.draft-channel__link:hover{color:var(--accent)}.draft-list{gap:var(--space-2);flex-direction:column;display:flex}.draft-row{gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease;grid-template-columns:120px 1fr auto;align-items:center;display:grid}.draft-row:hover{border-color:var(--border-accent);background:#fcf0e2f2}.draft-row__thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#0b1628;flex-shrink:0;width:120px;display:block;position:relative;overflow:hidden}.draft-row__thumb img{object-fit:cover;width:100%;height:100%;display:block}.draft-row__thumb-fallback{color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-darkest));font-family:var(--font-display);place-items:center;font-size:28px;font-weight:700;display:grid;position:absolute;inset:0}.draft-row__body{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.draft-row__chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.draft-row__chip{border-radius:var(--radius-pill);border:1px solid var(--border-hairline);font-family:var(--font-mono);color:var(--text-tertiary);font-feature-settings:"tnum";letter-spacing:0;white-space:nowrap;background:#f6e5d5cc;align-items:center;padding:2px 8px;font-size:11px;display:inline-flex}.draft-row__perm{border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:var(--tracking-widest);text-transform:uppercase;border:1px solid;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.draft-row__perm--pending{color:oklch(40% .12 65);background:oklch(94% .06 75/.6);border-color:oklch(65% .15 75/.45)}.draft-row__perm--granted,.draft-row__perm--implicit{color:#00480e;background:#d1eed180;border-color:#14672066}.draft-row__perm--denied{color:#8a0509;background:oklch(93% .06 28/.55);border-color:#cc282373}.draft-row__title{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-primary);letter-spacing:var(--tracking-wide);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}html[lang=th] .draft-row__title{font-family:var(--font-thai);letter-spacing:0;font-weight:700}.draft-row__title a{color:inherit;text-decoration:none}.draft-row__title a:hover{color:var(--accent)}.draft-row__links{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.draft-row__links a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.draft-row__links code{font-family:var(--font-mono);background:var(--surface-page);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-primary);padding:1px 5px;font-size:11px}.draft-row__cta{white-space:nowrap;align-self:center}.draft-row__actions-col{align-items:stretch;gap:var(--space-2);flex-direction:column;min-width:120px;display:flex}.draft-row__actions-col .db-status{padding:var(--space-1) var(--space-2);word-break:break-word;font-size:11px}.db-btn--armed{outline:3px solid var(--danger);outline-offset:2px;color:var(--danger);font-weight:800;animation:.45s ease-in-out infinite alternate db-armed-pulse;transform:scale(1.04)}@keyframes db-armed-pulse{0%{box-shadow:0 0 #cc28238c}to{box-shadow:0 0 0 8px #cc282300}}@media(max-width:720px){.draft-row{gap:var(--space-3);grid-template-columns:96px 1fr;grid-template-areas:"thumb body""cta cta"}.draft-row__thumb{grid-area:thumb;width:96px}.draft-row__body{grid-area:body}.draft-row__cta{text-align:center;grid-area:cta;justify-content:center;justify-self:stretch}.draft-row__actions-col{grid-area:cta;min-width:0}}.ornament{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;color:var(--accent-dim);display:flex}.ornament:before,.ornament:after{content:"";background:linear-gradient(to right,transparent,var(--border-strong),transparent);flex:1;max-width:200px;height:1px}.ornament__icon{opacity:.7;width:16px;height:16px;color:var(--accent)}.eyebrow{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent);font-weight:600}html[lang=th] .eyebrow{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.tag{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border-hairline);font-size:var(--text-xs);font-family:var(--font-display);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary);background:#f6e5d5b3;padding:4px 10px;font-weight:500;line-height:1.4;display:inline-flex}html[lang=th] .tag{font-family:var(--font-thai);text-transform:none;letter-spacing:0}.tag--accent{border-color:var(--border-accent);color:var(--accent);background:#eac6a580}.tag-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.build-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.build-card{-webkit-backdrop-filter:blur(1px)saturate(105%);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);isolation:isolate;transition:transform var(--duration-slow) var(--ease-spring),border-color var(--duration-default) ease,box-shadow var(--duration-default) ease,background var(--duration-default) ease;box-shadow:var(--shadow-sm);background:radial-gradient(at 100% 0,#eac6a526,#0000 60%),linear-gradient(135deg,#f6e5d573,#f6e9da73);flex-direction:column;display:flex;position:relative;overflow:hidden}.build-card__thumb{aspect-ratio:16/9;border-bottom:1px solid var(--border-hairline);background:#0b1628;width:100%;position:relative;overflow:hidden}.build-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-spring),filter var(--duration-default) ease;display:block}.build-card__thumb-fallback{font-family:var(--font-display);color:var(--accent);opacity:.4;place-items:center;font-size:4rem;display:grid;position:absolute;inset:0}.build-card:hover .build-card__thumb img{filter:saturate(1.12)brightness(1.04);transform:scale(1.04)}.build-card__body{gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5);flex-direction:column;flex:1;display:flex}.build-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent) 50%,transparent);opacity:.5;height:2px;transition:opacity var(--duration-default) ease,left var(--duration-slow) var(--ease-out),right var(--duration-slow) var(--ease-out);pointer-events:none;z-index:2;position:absolute;top:0;left:24px;right:24px}.build-card:after{content:"";transition:transform var(--duration-slower) cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1;background:linear-gradient(115deg,#0000 35%,#fff3,#0000 65%);position:absolute;inset:0;transform:translate(-110%)}.build-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md),var(--shadow-accent);background:radial-gradient(at 100% 0,#eac6a538,#0000 60%),linear-gradient(135deg,#f6e5d5a6,#f6e9daa6);transform:translateY(-4px)}.build-card:hover:before{opacity:1;left:0;right:0}.build-card:hover:after{transform:translate(110%)}.build-card>*{z-index:2;position:relative}.build-card__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:var(--tracking-wide);font-weight:600;line-height:1.25}html[lang=th] .build-card__title{font-family:var(--font-thai);letter-spacing:0;font-weight:700}.build-card__meta{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}html[lang=th] .build-card__meta{font-family:var(--font-thai);text-transform:none;letter-spacing:0;font-size:var(--text-sm)}.build-card__footer{padding-top:var(--space-3);border-top:1px dashed var(--border-faint);justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:auto;display:flex}.build-card__patch{font-family:var(--font-mono);font-feature-settings:"tnum"}.build-card__cta{align-items:center;gap:var(--space-1);color:var(--accent);font-family:var(--font-display);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:gap var(--duration-default) var(--ease-out);font-weight:600;display:inline-flex}html[lang=th] .build-card__cta{font-family:var(--font-thai);text-transform:none;letter-spacing:0}.build-card:hover .build-card__cta{gap:var(--space-2);color:var(--accent-bright)}.build-card__cta svg{width:12px;height:12px}.ratings-panel{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.ratings-panel__title{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-4);font-weight:600}html[lang=th] .ratings-panel__title{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.ratings-grid{gap:var(--space-3);display:grid}.rating-row{align-items:center;gap:var(--space-3);grid-template-columns:1fr auto auto;display:grid}.rating-row__label{font-size:var(--text-sm);color:var(--text-secondary)}.rating-row__bars{gap:4px;display:flex}.rating-row__bar{background:var(--border-faint);transform-origin:0;width:28px;height:6px;animation:bar-fill .48s var(--ease-out) backwards;border-radius:2px}.rating-row__bar--on{background:linear-gradient(90deg,var(--accent),var(--accent-bright))}.rating-row__bar:first-child{animation-delay:0s}.rating-row__bar:nth-child(2){animation-delay:60ms}.rating-row__bar:nth-child(3){animation-delay:.12s}.rating-row__bar:nth-child(4){animation-delay:.18s}.rating-row__bar:nth-child(5){animation-delay:.24s}@keyframes bar-fill{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.rating-row__value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);font-feature-settings:"tnum";text-align:right;min-width:28px}.video-embed{margin:var(--space-5) 0;gap:var(--space-2);flex-direction:column;display:flex}.video-embed__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.video-embed__eyebrow{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent);font-weight:600}html[lang=th] .video-embed__eyebrow{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.video-embed__external{align-items:center;gap:var(--space-1);font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-tertiary);transition:color var(--duration-fast) ease;display:inline-flex}html[lang=th] .video-embed__external{font-family:var(--font-thai);text-transform:none;letter-spacing:0;font-size:var(--text-xs)}.video-embed__external:hover{color:var(--accent)}.video-facade{aspect-ratio:16/9;border:1px solid var(--border-accent);border-radius:var(--radius-lg);cursor:pointer;width:100%;box-shadow:var(--shadow-md),0 0 0 3px #eac6a526;transition:transform var(--duration-default) var(--ease-out),box-shadow var(--duration-default) ease;background:#030b1c;position:relative;overflow:hidden}.video-facade:hover:not(.is-playing){box-shadow:var(--shadow-lg),var(--shadow-accent),0 0 0 3px #eac6a540;transform:translateY(-2px)}.video-facade:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.video-facade__thumb{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out),filter var(--duration-default) ease;display:block}.video-facade:hover:not(.is-playing) .video-facade__thumb{filter:brightness(.85);transform:scale(1.04)}.video-facade__overlay{pointer-events:none;transition:opacity var(--duration-default) ease;background:radial-gradient(#0000002e,#0000008c),linear-gradient(#0000 55%,#000000b3);position:absolute;inset:0}.video-facade__play{cursor:pointer;pointer-events:none;width:72px;height:50px;transition:transform var(--duration-default) var(--ease-spring),filter var(--duration-default) ease;filter:drop-shadow(0 4px 12px oklch(0% 0 0/.4));background:0 0;border:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-facade__play svg{width:100%;height:100%}.video-facade:hover:not(.is-playing) .video-facade__play{filter:drop-shadow(0 6px 16px oklch(0% 0 0/.55));transform:translate(-50%,-50%)scale(1.12)}.video-facade__creator{bottom:var(--space-3);left:var(--space-4);align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);border-radius:var(--radius-pill);color:#ffffffe6;font-size:var(--text-xs);pointer-events:auto;background:#0000008c;border:1px solid oklch(100% 0 0/.18);padding:4px 10px 4px 8px;display:inline-flex;position:absolute}.video-facade__by{font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:#ffffffb3}html[lang=th] .video-facade__by{font-family:var(--font-thai);text-transform:none;letter-spacing:0;font-size:var(--text-xs)}.video-facade__creator-link{color:#f5e1c8;transition:color var(--duration-fast) ease;font-weight:600;text-decoration:none}.video-facade__creator-link:hover{color:#faf0e3;text-decoration:underline}.video-facade.is-playing{cursor:default;box-shadow:var(--shadow-md)}.video-facade.is-playing:hover{box-shadow:var(--shadow-md);transform:none}.video-facade__iframe{border:0;width:100%;height:100%;display:block}.video-embed__attribution{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug);margin:0;font-style:italic}.video-embed__attribution a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--border-accent);text-decoration-color:var(--border-accent);text-underline-offset:3px}.video-embed__attribution a:hover{color:var(--accent-bright)}.video-embed__date{margin-left:var(--space-1);color:var(--text-tertiary);font-style:normal}@media(prefers-reduced-motion:reduce){.video-facade,.video-facade__thumb,.video-facade__play{transition:none}.video-facade:hover{transform:none}.video-facade:hover .video-facade__thumb{filter:none;transform:none}}.draft-banner{margin:var(--space-3) 0 var(--space-5);padding:var(--space-4) var(--space-5);border:1px dashed var(--accent);border-radius:var(--radius-lg);background:repeating-linear-gradient(45deg,#eac6a533,#eac6a533 12px,#eac6a51a 12px 24px),var(--surface-card);box-shadow:var(--shadow-sm)}.draft-banner__head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.draft-banner__icon{background:var(--accent);width:40px;height:40px;color:var(--text-on-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-accent);flex-shrink:0;place-items:center;display:inline-grid}.draft-banner__head-text{flex-direction:column;flex:1;min-width:0;display:flex}.draft-banner__eyebrow{font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent);font-weight:600}html[lang=th] .draft-banner__eyebrow{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide);font-size:var(--text-xs)}.draft-banner__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);font-weight:700;line-height:1.2}html[lang=th] .draft-banner__title{font-family:var(--font-thai);font-weight:700}.draft-banner__badge{background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:var(--text-on-accent);font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);border-radius:var(--radius-pill);box-shadow:var(--shadow-accent);flex-shrink:0;padding:4px 10px;font-weight:700}.draft-banner__body{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.draft-banner__target{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.draft-banner__target code,.draft-banner__howto code{font-family:var(--font-mono);background:var(--surface-page);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-primary);padding:2px 6px;font-size:.9em}.draft-banner__howto{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border-hairline)}.draft-banner__howto summary{cursor:pointer;color:var(--accent);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;-webkit-user-select:none;user-select:none;font-weight:600;list-style:none}html[lang=th] .draft-banner__howto summary{font-family:var(--font-thai);text-transform:none;letter-spacing:0;font-size:var(--text-sm)}.draft-banner__howto summary::-webkit-details-marker{display:none}.draft-banner__howto summary:before{content:"▸ ";transition:transform var(--duration-fast) var(--ease-out);display:inline-block}.draft-banner__howto[open] summary:before{transform:rotate(90deg)}.draft-banner__howto ol{margin:var(--space-3) 0 0;padding-left:var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-loose)}.draft-banner__howto ol li{margin-bottom:var(--space-2)}.draft-banner__howto ol li::marker{color:var(--accent);font-weight:600}.draft-banner__actions{gap:var(--space-2);margin:var(--space-3) 0 var(--space-1);flex-wrap:wrap;display:flex}.db-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) ease,border-color var(--duration-fast) ease,filter var(--duration-fast) ease;border:1px solid #0000;font-weight:700;text-decoration:none;display:inline-flex}html[lang=th] .db-btn{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.db-btn:hover:not(.is-disabled){filter:brightness(1.05);transform:translateY(-1px)}.db-btn:active:not(.is-disabled){transform:translateY(0)}.db-btn--approve{background:linear-gradient(180deg,var(--success),oklch(42% .12 145));color:#f4faf4;box-shadow:var(--shadow-md),0 0 0 3px #3086392e;border-color:#013f0b}.db-btn--edit{color:var(--text-primary);border-color:var(--border-strong);background:#ffffff80}.db-btn--edit:hover:not(.is-disabled){border-color:var(--accent);background:#ffffffd9}.db-btn--reject{color:var(--danger);background:#ffffff80;border-color:#cc282373}.db-btn--reject:hover:not(.is-disabled){border-color:var(--danger);background:oklch(93% .06 28/.4)}.db-btn.is-disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.55}.db-btn svg{flex-shrink:0}.db-disabled{gap:var(--space-2);flex-wrap:wrap;flex:1;align-items:center;display:flex}.db-config-hint{width:100%;font-size:var(--text-xs);color:var(--text-tertiary);padding-top:var(--space-2);border-top:1px dotted var(--border-faint);margin:0;font-style:italic}.db-config-hint code{font-family:var(--font-mono);background:var(--surface-page);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-primary);padding:2px 6px;font-size:.9em;font-style:normal}.db-btn[data-state=loading]{pointer-events:none;position:relative}.db-btn[data-state=loading] .db-btn__icon{transform-origin:50%;animation:.9s linear infinite db-spin}.db-btn[data-state=done]{pointer-events:none;background:linear-gradient(#43a84c,#146720)}@keyframes db-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.db-token-link{color:var(--text-tertiary);font-size:var(--text-xs);text-underline-offset:3px;cursor:pointer;transition:color var(--duration-fast) ease;background:0 0;border:0;margin-left:auto;padding:0;text-decoration:underline}.db-token-link:hover{color:var(--accent)}.db-status{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-snug);border:1px solid}.db-status--progress{color:oklch(30% .1 230);background:#cbeafb73;border-color:#1e7ca166}.db-status--success{color:oklch(30% .1 145);background:#d1eed18c;border-color:#14672080;font-weight:600}.db-status--error{color:oklch(35% .16 28);background:oklch(93% .06 28/.55);border-color:#cc282380}.db-status--note{border-color:var(--border-hairline);color:var(--text-secondary);background:#f6e5d5a6}.status-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin:var(--space-5) 0;animation:banner-slide .42s var(--ease-out);display:flex}@keyframes banner-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.status-banner--warn{color:oklch(30% .1 60);background:oklch(94% .06 75/.6);border:1px solid oklch(65% .15 75/.45)}.status-banner--info{color:oklch(30% .08 230);background:#cbeafb80;border:1px solid oklch(55% .1 230/.45)}.source-card{margin-top:var(--space-8);padding:var(--space-5);background:radial-gradient(ellipse at bottom right,oklch(85% .08 50/.3),transparent 70%),var(--surface-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.source-card__label{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);font-weight:600;display:inline-flex}html[lang=th] .source-card__label{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.source-card__row{gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.source-card__row strong{color:var(--text-primary);margin-right:var(--space-1);font-weight:600}.source-card__row a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-accent);text-decoration-color:var(--border-accent);transition:color var(--duration-default) var(--ease-out),text-decoration-color var(--duration-default) var(--ease-out);font-weight:500}.source-card__row a:hover{color:var(--accent-bright);-webkit-text-decoration-color:var(--accent-bright);text-decoration-color:var(--accent-bright)}.source-card__disclaimer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--border-hairline);font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.build-meta{gap:var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.build-meta__item{align-items:center;gap:var(--space-2);display:inline-flex}.build-meta__item strong{color:var(--text-secondary);font-weight:600;font-family:var(--font-display);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-size:var(--text-xs)}html[lang=th] .build-meta__item strong{font-family:var(--font-thai);text-transform:none;letter-spacing:0}.site-footer{margin-top:var(--space-12);padding:var(--space-8) 0;border-top:1px solid var(--border-hairline);background:var(--surface-elevated);font-size:var(--text-sm);color:var(--text-tertiary)}.site-footer p{line-height:var(--leading-loose);margin:0}.site-footer a{color:var(--text-secondary);text-decoration:underline;-webkit-text-decoration-color:var(--border-hairline);text-decoration-color:var(--border-hairline);text-underline-offset:3px}.site-footer a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.prose-content{font-size:var(--text-base);line-height:var(--leading-loose);color:var(--text-secondary);max-width:72ch}.prose-content h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:var(--tracking-wide);margin:var(--space-10) 0 var(--space-5);padding:0 0 var(--space-3) var(--space-5);border-bottom:1px solid var(--border-strong);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:linear-gradient(90deg,#eac6a52e,#eac6a50f 40%,#0000);position:relative}html[lang=th] .prose-content h2{font-family:var(--font-thai);letter-spacing:0;font-weight:700}.prose-content h2:before{content:"";top:0;left:0;bottom:var(--space-3);background:linear-gradient(180deg,var(--accent),var(--accent-darkest));border-radius:2px;width:4px;position:absolute}.prose-content h2:after{content:"❖";right:var(--space-3);color:var(--accent);opacity:.35;font-size:.7em;position:absolute;top:50%;transform:translateY(-50%)}.prose-content h2:first-child{margin-top:0}.prose-content h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--accent);letter-spacing:var(--tracking-wide);margin:var(--space-6) 0 var(--space-3);padding-left:var(--space-4);position:relative}html[lang=th] .prose-content h3{font-family:var(--font-thai);letter-spacing:0;font-weight:700}.prose-content h3:before{content:"◆";color:var(--accent);opacity:.7;font-size:.85em;position:absolute;top:.05em;left:0}.prose-content h4{font-size:var(--text-base);color:var(--text-primary);margin:var(--space-5) 0 var(--space-2);font-weight:700}.prose-content p{margin-bottom:var(--space-4)}.prose-content p>strong:only-child{font-family:var(--font-display);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-size:var(--text-sm);border-radius:var(--radius-sm);border:1px solid var(--border-hairline);background:#f6e5d5b3;padding:4px 12px;display:inline-block}html[lang=th] .prose-content p>strong:only-child{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.prose-content .prose-pros-label,.prose-content .prose-cons-label{font-family:var(--font-display);letter-spacing:var(--tracking-widest);text-transform:uppercase;font-size:var(--text-sm);border-radius:var(--radius-pill);margin-bottom:var(--space-2);padding:4px 14px;display:inline-block}html[lang=th] .prose-content .prose-pros-label,html[lang=th] .prose-content .prose-cons-label{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.prose-content .prose-pros-label{color:oklch(30% .1 145);background:#d1eed18c;border:1px solid oklch(45% .13 145/.4)}.prose-content .prose-cons-label{color:#8a0509;background:oklch(93% .06 28/.45);border:1px solid oklch(55% .2 28/.4)}.prose-content .prose-pros-list{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-7);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:#d1eed133;border-left:3px solid oklch(55% .14 145)}.prose-content .prose-cons-list{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-7);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:oklch(93% .06 28/.15);border-left:3px solid oklch(55% .2 28/.6)}.prose-content .prose-pros-list li:before{background:#308639}.prose-content .prose-cons-list li:before{background:#cc2823}.prose-content a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--border-accent);text-decoration-color:var(--border-accent);text-underline-offset:3px;transition:color var(--duration-default) ease,text-decoration-color var(--duration-default) ease;font-weight:500}.prose-content a:hover{color:var(--accent-bright);-webkit-text-decoration-color:var(--accent-bright);text-decoration-color:var(--accent-bright)}.prose-content strong{color:var(--text-primary);font-weight:700}.prose-content code{font-family:var(--font-mono);background:var(--surface-card);border-radius:var(--radius-sm);border:1px solid var(--border-hairline);color:var(--text-primary);padding:2px 6px;font-size:.9em}.prose-content ul,.prose-content ol{padding-left:var(--space-5);margin:0 0 var(--space-5);list-style:outside}.prose-content ol{list-style:decimal}.prose-content li{margin-bottom:var(--space-2);padding-left:var(--space-1)}.prose-content li::marker{color:var(--accent)}.prose-content blockquote{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5) var(--space-4) var(--space-7);border:1px solid var(--border-hairline);border-left:3px solid var(--accent);border-radius:var(--radius-md);color:var(--text-primary);font-style:italic;font-size:var(--text-lg);line-height:var(--leading-loose);box-shadow:var(--shadow-xs);background:radial-gradient(at 0 0,#eac6a559,#0000 60%),#f6e5d5a6;position:relative}.prose-content blockquote:before{content:"“";top:-10px;left:var(--space-3);font-family:var(--font-display);color:var(--accent);opacity:.55;font-size:3.2rem;font-style:normal;line-height:1;position:absolute}.prose-content blockquote p{margin-bottom:var(--space-3)}.prose-content blockquote p:last-child{margin-bottom:0}.prose-content blockquote cite{margin-top:var(--space-2);font-style:normal;font-size:var(--text-sm);color:var(--text-tertiary);display:block}.prose-content blockquote cite:before{content:"— "}.prose-content hr{margin:var(--space-8) 0;background:linear-gradient(to right,transparent,var(--border-strong),transparent);border:0;height:1px;position:relative}.prose-content hr:after{content:"❖";background:var(--surface-page);padding:0 var(--space-3);color:var(--accent);opacity:.7;font-size:.85rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prose-content img{max-width:100%;height:auto;margin:var(--space-5) auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-hairline);transition:transform var(--duration-default) var(--ease-out),box-shadow var(--duration-default) ease;background:#0b1628;display:block}.prose-content img:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)scale(1.005)}.prose-content figure{margin:var(--space-6) 0;flex-direction:column;align-items:center;display:flex}.prose-content figure img{margin:0}.prose-content figcaption{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;max-width:60ch;font-style:italic;line-height:var(--leading-snug);padding:0 var(--space-4);position:relative}.prose-content figcaption:before,.prose-content figcaption:after{content:"";width:var(--space-3);background:var(--border-strong);opacity:.5;height:1px;position:absolute;top:.7em}.prose-content figcaption:before{left:0}.prose-content figcaption:after{right:0}.prose-content .image-row{gap:var(--space-3);margin:var(--space-5) 0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.prose-content .image-row img{object-fit:cover;aspect-ratio:4/3;width:100%;height:100%;margin:0}.prose-content table{width:100%;margin:var(--space-5) 0;border-collapse:separate;border-spacing:0;font-size:var(--text-sm);border:1px solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:linear-gradient(#f6e5d599,#f6e5d580);overflow:hidden}.prose-content tbody tr:nth-child(2n){background:#f3ddcb66}.prose-content tbody tr{transition:background var(--duration-fast) ease}.prose-content tbody tr:hover{background:#eac6a559}.prose-content td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-faint);color:var(--text-secondary);vertical-align:top}.prose-content td:first-child{color:var(--text-primary);border-left:3px solid #0000;font-weight:600}.prose-content tbody tr:hover td:first-child{border-left-color:var(--accent)}@media(max-width:640px){.prose-content table{box-shadow:none;background:0 0;border:0;display:block;overflow:visible}.prose-content thead{display:none}.prose-content tbody{gap:var(--space-3);flex-direction:column;display:flex}.prose-content tr{gap:var(--space-1);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xs);grid-template-columns:1fr;display:grid}.prose-content tbody tr:hover{background:var(--surface-card)}.prose-content td{padding:var(--space-1) 0;line-height:var(--leading-snug);border:0;display:block}.prose-content td:first-child{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent);padding-bottom:var(--space-2);border-bottom:1px dashed var(--border-hairline);margin-bottom:var(--space-2);border-left:0}html[lang=th] .prose-content td:first-child{font-family:var(--font-thai);text-transform:none;letter-spacing:0;font-weight:700}}.prose-content ul{padding-left:var(--space-5);margin:0 0 var(--space-5);list-style:none}.prose-content ul li{margin-bottom:var(--space-2);padding-left:var(--space-1);position:relative}.prose-content ul li:before{content:"";left:calc(-1 * var(--space-4));background:var(--accent);opacity:.85;width:6px;height:6px;position:absolute;top:.65em;transform:rotate(45deg)}.prose-content ul ul{margin-top:var(--space-2);margin-bottom:0}.prose-content ul ul li:before{border:1px solid var(--accent-dim);opacity:.7;background:0 0}.prose-content ol{padding-left:var(--space-5);margin:0 0 var(--space-5);list-style:decimal}.prose-content ol li{margin-bottom:var(--space-2)}.prose-content ol li::marker{color:var(--accent);font-family:var(--font-display);font-weight:600}.callout{gap:var(--space-3);margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border:1px solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#f6e5d58c;border-left-width:4px;align-items:flex-start;display:flex}.callout>svg{flex-shrink:0;width:20px;height:20px;margin-top:3px}.callout__body{flex:1;min-width:0}.callout__body>:first-child{margin-top:0}.callout__body>:last-child{margin-bottom:0}.callout__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-1);display:block}html[lang=th] .callout__title{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.callout--note{border-left-color:var(--info);background:#cbeafb66}.callout--note .callout__title,.callout--note>svg{color:oklch(40% .1 230)}.callout--tip{border-left-color:var(--success);background:#d1eed166}.callout--tip .callout__title,.callout--tip>svg{color:#17501d}.callout--warning{border-left-color:var(--warning);background:oklch(94% .06 75/.55)}.callout--warning .callout__title,.callout--warning>svg{color:oklch(42% .12 65)}.callout--danger{border-left-color:var(--danger);background:oklch(93% .06 28/.4)}.callout--danger .callout__title,.callout--danger>svg{color:#831b16}.callout--accent{border-left-color:var(--accent);background:radial-gradient(at 100% 0,#f9bf9f66,#0000 60%),#f6e5d599}.callout--accent .callout__title,.callout--accent>svg{color:var(--accent)}.prose-content table{width:100%;margin:var(--space-5) 0;border-collapse:separate;border-spacing:0;font-size:var(--text-sm);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);overflow:hidden}.prose-content thead{background:#f0d9c8}.prose-content th{text-align:left;font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent-darkest);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-strong);white-space:nowrap}html[lang=th] .prose-content th{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide);font-weight:700}.prose-content td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-faint);color:var(--text-secondary)}.prose-content tr:last-child td{border-bottom:0}.prose-content td:first-child{color:var(--text-primary);font-weight:600}@media(max-width:640px){.prose-content table{background:0 0;border:0;display:block;overflow:visible}.prose-content thead{display:none}.prose-content tbody{gap:var(--space-3);flex-direction:column;display:flex}.prose-content tr{gap:var(--space-1);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);grid-template-columns:1fr;display:grid}.prose-content td{padding:var(--space-1) 0;line-height:var(--leading-snug);border:0;display:block}.prose-content td:first-child{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent);padding-bottom:var(--space-2);border-bottom:1px dashed var(--border-hairline);margin-bottom:var(--space-2)}html[lang=th] .prose-content td:first-child{font-family:var(--font-thai);text-transform:none;letter-spacing:0;font-weight:700}}.empty-state{text-align:center;padding:var(--space-10) var(--space-5);background:var(--surface-card);border:1px dashed var(--border-hairline);border-radius:var(--radius-lg);color:var(--text-tertiary)}.empty-state__icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--accent-dim);opacity:.6}@media(max-width:1024px){.site-nav{display:none}.mobile-menu-btn{display:inline-flex}.lang-toggle{margin-left:auto}}@media(max-width:640px){.site-header__inner{gap:var(--space-3);height:60px}.site-logo__mark{width:36px;height:36px}.site-logo__eyebrow{letter-spacing:.03em;font-size:9px}.site-logo__main{font-size:var(--text-base);letter-spacing:var(--tracking-wider)}.container{padding-inline:var(--space-4)}.hero{padding:var(--space-3) 0 var(--space-1)}.hero h1{font-size:var(--text-3xl)}.hero__lede{font-size:var(--text-base);margin-top:var(--space-2)}.build-grid{gap:var(--space-4);grid-template-columns:1fr}.section{padding:var(--space-3) 0}.section__title h2{font-size:var(--text-xl)}.rating-row{grid-template-columns:1fr auto}.rating-row__value{display:none}.rating-row__bar{width:22px}.build-meta{font-size:var(--text-xs);gap:var(--space-2) var(--space-4)}.source-card{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.build-card:hover{transform:none}}.breadcrumb{margin:var(--space-3) 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-tertiary)}html[lang=th] .breadcrumb{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide);font-size:var(--text-sm)}.breadcrumb ol{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.breadcrumb li{align-items:center;gap:var(--space-2);display:inline-flex}.breadcrumb a{color:var(--text-tertiary);transition:color var(--duration-default) ease}.breadcrumb a:hover{color:var(--accent)}.breadcrumb__sep{color:var(--accent-dim);opacity:.55}.breadcrumb [aria-current=page]{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;max-width:60ch;overflow:hidden}.pob-row{gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.pob-row--sidebar{gap:var(--space-2);flex-direction:column;flex-shrink:0;margin:0}.pob-row--sidebar .pob-btn{width:100%;padding:var(--space-3) var(--space-3);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);justify-content:center}.pob-row--sidebar .pob-btn--alt{padding:var(--space-2) var(--space-3)}.pob-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-darkest) 100%);color:var(--text-on-accent);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-radius:var(--radius-md);border:1px solid var(--accent-darkest);box-shadow:var(--shadow-md),inset 0 1px #ffffff2e;transition:transform var(--duration-default) var(--ease-spring),box-shadow var(--duration-default) ease,filter var(--duration-default) ease;white-space:nowrap;font-weight:700;display:inline-flex}html[lang=th] .pob-btn{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-normal);font-weight:700}.pob-btn:hover{box-shadow:var(--shadow-lg),var(--shadow-accent),inset 0 1px #ffffff38;filter:brightness(1.05);transform:translateY(-1px)}.pob-btn:active{transform:translateY(0)}.pob-btn__ext{opacity:.7}.pob-btn--alt{color:var(--accent);border-color:var(--border-accent);font-size:var(--text-xs);padding:var(--space-2) var(--space-4);box-shadow:none;background:0 0}.pob-btn--alt:hover{filter:none;background:#eac6a559}.pob-empty{align-items:flex-start;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px dashed var(--border-hairline);border-radius:var(--radius-md);color:var(--text-tertiary);display:flex}.pob-empty svg{color:var(--accent-dim);flex-shrink:0;margin-top:2px}.pob-empty strong{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:2px;display:block}.pob-empty p{font-size:var(--text-xs);line-height:var(--leading-snug);margin:0}.related-builds{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border-faint)}.related-builds__title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-wider);color:var(--text-primary);margin-bottom:var(--space-4)}html[lang=th] .related-builds__title{font-family:var(--font-thai);letter-spacing:0}.related-builds__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.related-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-hairline);border-radius:var(--radius-md);transition:transform var(--duration-default) ease,border-color var(--duration-default) ease,background var(--duration-default) ease;background:#f6e5d580;grid-template-columns:auto 1fr auto;display:grid}.related-card:hover{border-color:var(--border-accent);background:#f6e5d5d9;transform:translate(2px)}.related-card__thumb{border-radius:var(--radius-sm);background:#0b1628;flex-shrink:0;width:56px;height:56px;overflow:hidden}.related-card__thumb img{object-fit:cover;width:100%;height:100%}.related-card__body{flex-direction:column;gap:2px;min-width:0;display:flex}.related-card__meta{font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-tertiary)}html[lang=th] .related-card__meta{font-family:var(--font-thai);text-transform:none;letter-spacing:0;font-size:var(--text-xs)}.related-card__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html[lang=th] .related-card__name{font-family:var(--font-thai);font-weight:700}.related-card__arrow{color:var(--accent);transition:transform var(--duration-default) ease;flex-shrink:0}.related-card:hover .related-card__arrow{transform:translate(3px)}.build-layout{gap:var(--space-5);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.build-layout{grid-template-columns:1fr 240px}.build-layout__main{min-width:0}.build-layout__aside{gap:var(--space-3);flex-direction:column;min-width:0;max-height:calc(100vh - 100px);display:flex;position:sticky;top:84px}}.toc{font-family:var(--font-body);font-size:var(--text-sm)}@media(min-width:1024px){.toc{min-height:0;padding:var(--space-3) var(--space-4);border:1px solid var(--border-hairline);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f6e5d573;flex:auto;overflow-y:auto}}@media(max-width:1023px){.toc{border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:#f6e5d58c}}.toc__title{font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3);font-weight:600}html[lang=th] .toc__title{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide);font-weight:700;font-size:var(--text-xs)}.toc__list{border-left:1px solid var(--border-hairline);flex-direction:column;gap:1px;display:flex}.toc__item{position:relative}.toc__link{color:var(--text-tertiary);font-size:var(--text-sm);line-height:var(--leading-snug);transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease,background var(--duration-fast) ease;border-left:2px solid #0000;margin-left:-1px;padding:4px 12px;display:block}.toc__link:hover{color:var(--accent)}.toc__link.is-active{color:var(--accent);border-left-color:var(--accent);background:#eac6a540}.toc__item--sub .toc__link{font-size:var(--text-xs);color:var(--text-tertiary);padding-left:24px}.poe-term{border-bottom:1px dotted var(--accent);cursor:help;transition:color var(--duration-fast) ease,background var(--duration-fast) ease;border-radius:2px;padding:0 1px}.poe-term:hover,.poe-term:focus-visible{color:var(--accent);background:#eac6a559;outline:none}.poe-term--with-icon{border:0;border-bottom:1px dotted var(--accent);white-space:nowrap;background:0 0;border-radius:0;padding:0;display:inline}.poe-term--with-icon:hover,.poe-term--with-icon:focus-visible{color:var(--accent);background:0 0}.prose-content .poe-term__icon,.poe-term__icon{image-rendering:-webkit-optimize-contrast;vertical-align:-4px!important;width:18px!important;height:18px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:2px!important;max-width:none!important;margin:0 4px 0 0!important;padding:0!important;display:inline-block!important;transform:none!important}.prose-content .poe-term__icon:hover,.poe-term__icon:hover{box-shadow:none!important;transform:none!important}.poe-term__text{display:inline}.poe-tooltip{z-index:200;max-width:280px;padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-primary);background:#fcf0e2fa;transition:opacity .14s,transform .14s;position:absolute;top:0;left:0;transform:translateY(-4px)}.poe-tooltip.is-visible{opacity:1;transform:translateY(0)}.poe-tooltip[aria-hidden=true]:not(.is-visible){visibility:hidden}.poe-tooltip__head{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.poe-tooltip__icon{border-radius:var(--radius-sm);border:1px solid var(--border-hairline);width:44px;height:44px;image-rendering:-webkit-optimize-contrast;background:#0b1628;flex-shrink:0}.poe-tooltip__icon[hidden]{display:none}.poe-tooltip__head-text{flex:1;min-width:0}.poe-tooltip__type{font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-weight:600;display:inline-block}html[lang=th] .poe-tooltip__type{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.poe-tooltip__name{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-primary);margin-bottom:0;font-weight:700;line-height:1.2;display:block}html[lang=th] .poe-tooltip__name{font-family:var(--font-thai)}.poe-tooltip__desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.muted{color:var(--text-tertiary)}.accent{color:var(--accent)}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);letter-spacing:var(--tracking-wider);text-transform:uppercase}[hidden]{display:none!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}