:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f5ef;--foreground:#17170f;--card:#fff;--card-foreground:#17170f;--popover:#fff;--popover-foreground:#17170f;--muted:#efece2;--muted-foreground:#4a483d;--muted-surface:#efece2;--primary:#3f5c05;--primary-foreground:#f6f5ef;--primary-soft:#3f5c051a;--secondary:#f0ede3;--secondary-foreground:#17170f;--accent:#3f5c05;--accent-foreground:#f6f5ef;--accent-soft:#3f5c051a;--success:#1f9d5c;--success-foreground:#fff;--success-soft:#1f9d5c1f;--warning:#b0770a;--warning-foreground:#17170f;--warning-soft:#b0770a1f;--info:#3a5f8a;--info-foreground:#fff;--info-soft:#3a5f8a1f;--destructive:#d64545;--destructive-foreground:#fff;--destructive-soft:#d645451f;--danger-border:#d6454559;--border:#e2ded2;--border-strong:#c9c4b4;--input:#e2ded2;--ring:#c9c4b4;--border-width:1px;--font-sans:"IBM Plex Sans Thai", system-ui, -apple-system, sans-serif;--font-display:"Kanit", "IBM Plex Sans Thai", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "IBM Plex Sans Thai", monospace;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--radius:14px;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow-xs:0 1px 2px #17170f0d;--shadow-sm:0 1px 2px #17170f0d, 0 4px 12px #17170f0f;--shadow-md:0 4px 12px #17170f14;--shadow-lg:0 12px 40px #17170f2e;--shadow-xl:0 40px 120px #17170f40;--ease:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-base:.2s;--muted-text:#8a8778}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0c0d0f;--foreground:#f2f0e8;--card:#16181c;--card-foreground:#f2f0e8;--popover:#16181c;--popover-foreground:#f2f0e8;--muted:#111316;--muted-foreground:#b6b2a6;--muted-surface:#111316;--primary:#d6ff3f;--primary-foreground:#10120a;--primary-soft:#d6ff3f1a;--secondary:#1c1f24;--secondary-foreground:#f2f0e8;--accent:#d6ff3f;--accent-foreground:#10120a;--accent-soft:#d6ff3f1a;--success:#3ddc84;--success-foreground:#10120a;--success-soft:#3ddc8424;--warning:#e8b339;--warning-foreground:#10120a;--warning-soft:#e8b33924;--info:#6ea8e0;--info-foreground:#10120a;--info-soft:#6ea8e024;--destructive:#ff5c5c;--destructive-foreground:#fff;--destructive-soft:#ff5c5c1f;--danger-border:#ff5c5c59;--border:#26292f;--border-strong:#33373e;--input:#26292f;--ring:#33373e;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 2px #0000004d, 0 4px 12px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 40px #0009;--shadow-xl:0 40px 120px #000000b3;--muted-text:#7a7d85}@media (prefers-color-scheme:dark){:root:not([data-mode]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0c0d0f;--foreground:#f2f0e8;--card:#16181c;--card-foreground:#f2f0e8;--popover:#16181c;--popover-foreground:#f2f0e8;--muted:#111316;--muted-foreground:#b6b2a6;--muted-surface:#111316;--primary:#d6ff3f;--primary-foreground:#10120a;--primary-soft:#d6ff3f1a;--secondary:#1c1f24;--secondary-foreground:#f2f0e8;--accent:#d6ff3f;--accent-foreground:#10120a;--accent-soft:#d6ff3f1a;--success:#3ddc84;--success-foreground:#10120a;--success-soft:#3ddc8424;--warning:#e8b339;--warning-foreground:#10120a;--warning-soft:#e8b33924;--info:#6ea8e0;--info-foreground:#10120a;--info-soft:#6ea8e024;--destructive:#ff5c5c;--destructive-foreground:#fff;--destructive-soft:#ff5c5c1f;--danger-border:#ff5c5c59;--border:#26292f;--border-strong:#33373e;--input:#26292f;--ring:#33373e;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 2px #0000004d, 0 4px 12px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 40px #0009;--shadow-xl:0 40px 120px #000000b3;--muted-text:#7a7d85}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);min-height:100dvh;font-size:15px;line-height:1.6}img,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent);color:var(--accent-foreground)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--foreground);font-weight:800;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-block:0 .75em}small{color:var(--muted-text);font-size:.8125rem}code,kbd,pre{font-family:var(--font-mono)}.text-muted{color:var(--muted-foreground,var(--muted-text))}.text-strong{font-weight:700}.text-accent{color:var(--accent)}.text-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800}.text-mono{font-family:var(--font-mono)}.container{width:100%;max-width:1080px;padding-inline:var(--space-lg);margin-inline:auto}.stack{flex-direction:column;display:flex}.stack>*+*{margin-block-start:var(--stack-gap,var(--space-lg))}.stack--sm{--stack-gap:var(--space-sm)}.stack--md{--stack-gap:var(--space-md)}.stack--lg{--stack-gap:var(--space-xl)}.row{align-items:center;gap:var(--space-md);display:flex}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grid{gap:var(--space-lg);display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);color:var(--foreground);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast) var(--ease), background var(--duration-base) var(--ease), border-color var(--duration-base) var(--ease), opacity var(--duration-fast) var(--ease);background:0 0;border:1px solid #0000;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.btn--danger{background:var(--destructive-soft);color:var(--destructive);border-color:var(--danger-border)}.btn--ghost{color:var(--foreground);border-color:var(--border-strong);background:0 0}.btn--outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn--sm{padding:9px 14px;font-size:13px}.btn--lg{padding:16px 26px;font-size:15px}.btn--block{width:100%;display:flex}.card{background:var(--card);color:var(--card-foreground);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card__header{padding:var(--space-lg) var(--space-xl) var(--space-sm);border-bottom:var(--border-width) solid var(--border)}.card__title{font-size:1.125rem}.card__body{padding:var(--space-xl)}.card__footer{padding:var(--space-md) var(--space-xl);border-top:var(--border-width) solid var(--border)}.field{margin-block-end:14px;display:block}.field__label{color:var(--muted-foreground,var(--muted-text));margin-block-end:6px;font-size:13px;font-weight:700;display:block}.input,.textarea,.select{box-sizing:border-box;border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-strong);background:var(--muted);width:100%;color:var(--foreground);transition:border-color var(--duration-base) var(--ease), box-shadow var(--duration-base) var(--ease);outline:none;padding:12px 14px;font-size:14px}.input:focus,.textarea:focus,.select:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical;min-height:96px}.input::placeholder,.textarea::placeholder{color:var(--muted-text)}.badge{border-radius:var(--radius-full);background:var(--muted);color:var(--foreground);align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;line-height:1.6;display:inline-flex}.badge--ok{background:var(--success-soft);color:var(--success)}.badge--err{background:var(--destructive-soft);color:var(--destructive)}.badge--warn{background:var(--warning-soft);color:var(--warning)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.modal-overlay{z-index:900;padding:var(--space-xl);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040506b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card);width:100%;max-width:420px;color:var(--card-foreground);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-xl);padding:22px}.modal__title{font-family:var(--font-display);letter-spacing:-.02em;margin-block-end:18px;font-size:20px;font-weight:800}.section-head{align-items:baseline;gap:var(--space-md);border-top:var(--border-width) solid var(--border);padding:26px 0 14px;display:flex}.section-head__index{font-family:var(--font-display);letter-spacing:.12em;color:var(--accent);font-size:11px;font-weight:500;transform:translateY(-2px)}.section-head__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--foreground);font-size:22px;font-weight:800}.section-head__hint{color:var(--muted-text);margin-inline-start:auto;font-size:12px;font-weight:600}.settings-row{border:none;border-bottom:var(--border-width) solid var(--border);cursor:pointer;text-align:start;width:100%;color:var(--foreground);background:0 0;align-items:center;gap:14px;padding:16px 4px;display:flex}.settings-row__icon{color:var(--accent);flex-shrink:0;justify-content:center;width:22px;display:inline-flex}.settings-row__label{width:92px;color:var(--foreground);flex-shrink:0;font-size:14px;font-weight:700}.settings-row__value{min-width:0;color:var(--muted-foreground,var(--muted-text));text-overflow:ellipsis;white-space:nowrap;text-align:end;flex:1;font-size:13px;overflow:hidden}.settings-row__chevron{color:var(--muted-text);flex-shrink:0}.toast{z-index:1000;border-radius:var(--radius-full);text-align:center;max-width:90vw;box-shadow:var(--shadow-lg);padding:12px 20px;font-size:14px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast--ok{background:var(--success);color:var(--success-foreground)}.toast--err{background:var(--destructive);color:var(--destructive-foreground)}.u-hidden{display:none!important}.u-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.u-muted{color:var(--muted-text)}.u-center{text-align:center}.u-mt-xs{margin-block-start:var(--space-xs)}.u-mt-sm{margin-block-start:var(--space-sm)}.u-mt-md{margin-block-start:var(--space-md)}.u-mt-lg{margin-block-start:var(--space-lg)}.u-mt-xl{margin-block-start:var(--space-xl)}.u-mb-xs{margin-block-end:var(--space-xs)}.u-mb-sm{margin-block-end:var(--space-sm)}.u-mb-md{margin-block-end:var(--space-md)}.u-mb-lg{margin-block-end:var(--space-lg)}:root{--bg:var(--background);--bg-2:var(--muted-surface);--surface:var(--card);--surface-2:var(--secondary);--line:var(--border);--line-strong:var(--border-strong);--ink:var(--foreground);--ink-dim:var(--muted-foreground);--muted:var(--muted-text);--accent-ink:var(--accent-foreground);--danger:var(--destructive);--ok:var(--success);--font-display:"Kanit", "IBM Plex Sans Thai", system-ui, sans-serif;--font-body:"IBM Plex Sans Thai", system-ui, sans-serif;--text:var(--foreground);--primary:var(--accent);--primary-bg:var(--accent-soft)}:root:not([data-mode]){--muted:var(--muted-text)}html{font-family:var(--font-body)}body{font-family:var(--font-body);font-size:16px;line-height:normal}