:root{--sb-color-bg: #FFFFFF;--sb-color-bg-elev: #F5F5F7;--sb-color-bg-sunken: #EBEBEF;--sb-color-line: #3C3C432E;--sb-color-line-strong: #3C3C435C;--sb-color-text: #1D1D1F;--sb-color-text2: #3C3C43;--sb-color-text3: #3C3C4399;--sb-color-text4: #3C3C4366;--sb-color-accent: #2AABEE;--sb-color-accent-soft: #2AABEE1F;--sb-color-accent-ink: #FFFFFF;--sb-color-danger: #FF3B30;--sb-color-warn: #FF9500;--sb-color-ok: #34C759;--sb-color-info: #5AC8FA;--sb-color-glass: #FFFFFFB8;--sb-color-admin-bg: #F8FAFC;--sb-color-admin-surface: #FFFFFF;--sb-color-admin-sidebar: #0F172A;--sb-color-admin-sidebar-ink: #FFFFFF;--sb-color-admin-ink: #0F172A;--sb-color-admin-line: #E2E8F0;--sb-space-xs: 4px;--sb-space-sm: 8px;--sb-space-md: 16px;--sb-space-lg: 24px;--sb-space-xl: 32px;--sb-space-xxl: 48px;--sb-radius-xs: 6px;--sb-radius-sm: 10px;--sb-radius-md: 14px;--sb-radius-lg: 20px;--sb-radius-xl: 28px;--sb-radius-pill: 999px;--sb-font-size-caption: 11px;--sb-font-size-footnote: 12px;--sb-font-size-body: 14px;--sb-font-size-body-lg: 15px;--sb-font-size-callout: 17px;--sb-font-size-title: 20px;--sb-font-size-title-lg: 26px;--sb-font-size-display: 32px;--sb-font-weight-regular: 400;--sb-font-weight-medium: 500;--sb-font-weight-semibold: 600;--sb-font-weight-bold: 700;--sb-duration-fast: .12s;--sb-duration-base: .2s;--sb-duration-slow: .32s;--sb-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--sb-font-thai: "Sukhumvit Set", "Thonburi", -apple-system, system-ui, sans-serif;--sb-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sb-shadow-sm: 0px 1px 2px #0000000A, 0px 1px 3px #0000000D;--sb-shadow-md: 0px 4px 16px #00000014, 0px 1px 3px #0000000A;--sb-shadow-lg: 0px 24px 60px #0000002E, 0px 8px 24px #0000001A}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--sb-color-bg: #000000;--sb-color-bg-elev: #1C1C1E;--sb-color-bg-sunken: #2C2C2E;--sb-color-line: #EBEBF529;--sb-color-line-strong: #EBEBF54D;--sb-color-text: #FFFFFF;--sb-color-text2: #EBEBF0;--sb-color-text3: #EBEBF599;--sb-color-text4: #EBEBF55C;--sb-color-accent: #2AABEE;--sb-color-accent-soft: #2AABEE1F;--sb-color-accent-ink: #FFFFFF;--sb-color-danger: #FF453A;--sb-color-warn: #FF9F0A;--sb-color-ok: #30D158;--sb-color-info: #64D2FF;--sb-color-glass: #1C1C1EA8;--sb-color-admin-bg: #0B1220;--sb-color-admin-surface: #111C2E;--sb-color-admin-sidebar: #0A0F1A;--sb-color-admin-sidebar-ink: #FFFFFF;--sb-color-admin-ink: #E2E8F0;--sb-color-admin-line: #1E293B}}:root[data-theme=dark]{--sb-color-bg: #000000;--sb-color-bg-elev: #1C1C1E;--sb-color-bg-sunken: #2C2C2E;--sb-color-line: #EBEBF529;--sb-color-line-strong: #EBEBF54D;--sb-color-text: #FFFFFF;--sb-color-text2: #EBEBF0;--sb-color-text3: #EBEBF599;--sb-color-text4: #EBEBF55C;--sb-color-accent: #2AABEE;--sb-color-accent-soft: #2AABEE1F;--sb-color-accent-ink: #FFFFFF;--sb-color-danger: #FF453A;--sb-color-warn: #FF9F0A;--sb-color-ok: #30D158;--sb-color-info: #64D2FF;--sb-color-glass: #1C1C1EA8;--sb-color-admin-bg: #0B1220;--sb-color-admin-surface: #111C2E;--sb-color-admin-sidebar: #0A0F1A;--sb-color-admin-sidebar-ink: #FFFFFF;--sb-color-admin-ink: #E2E8F0;--sb-color-admin-line: #1E293B}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--sb-color-bg);color:var(--sb-color-text);font-family:Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:var(--sb-font-size-body);line-height:1.55;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--sb-color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes sb-spin{to{transform:rotate(360deg)}}@keyframes sb-typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@keyframes sb-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes sb-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}