@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";:root{--brand-purple:#5a3dee;--brand-pink:#ec23a8;--brand-navy:#0d0f23;--brand-lavender:#f3f0ff;--brand-blush:#ffe6f3;--purple-50:#f3f0ff;--purple-100:#e6deff;--purple-200:#cdbdff;--purple-300:#b19bff;--purple-400:#8a6cf5;--purple-500:#5a3dee;--purple-600:#4a2fd4;--purple-700:#3b23ac;--purple-800:#2c1a82;--purple-900:#1d1158;--pink-50:#ffe6f3;--pink-100:#ffcce6;--pink-200:#f9c;--pink-300:#ff66b3;--pink-400:#f44cbe;--pink-500:#ec23a8;--pink-600:#c71b8c;--pink-700:#9f1370;--pink-800:#770d54;--pink-900:#4f0838;--neutral-0:#fff;--neutral-50:#f8f8fb;--neutral-100:#efeff5;--neutral-200:#e0e0eb;--neutral-300:#c4c4d4;--neutral-400:#9999b0;--neutral-500:#6e6e8a;--neutral-600:#4d4d66;--neutral-700:#33334a;--neutral-800:#1c1c30;--neutral-900:#0d0f23;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-success-strong:#047857;--color-warning-strong:#b45309;--color-danger-strong:#b91c1c;--surface-danger-wash:#fff7f7;--color-success-deep:#065f46;--color-warning-deep:#92400e;--color-success-border:#a7f3d0;--color-warning-border:#fcd34d;--color-success-soft:#d1fae5;--color-warning-soft:#fef3c7;--color-danger-soft:#fee2e2;--color-info-soft:#dbeafe;--gradient-brand:linear-gradient(135deg, #5a3dee, #ec23a8);--gradient-brand-soft:linear-gradient(135deg, #f3f0ff, #ffe6f3);--gradient-brand-radial:radial-gradient(circle at 30% 30%, #5a3dee, #ec23a8 70%);--surface-bg:#fafafc;--surface-default:#fff;--surface-raised:#f4f4f8;--surface-translucent:#ffffffeb;--surface-border:#e6e6ef;--text-primary:var(--neutral-900);--text-secondary:var(--neutral-500);--text-tertiary:var(--neutral-400);--text-on-brand:#fff;--text-link:var(--brand-purple);--focus-ring:#5a3dee66}.dark,:root[data-theme=dark]{--surface-bg:#0a0b1a;--surface-default:#14162b;--surface-raised:#1c1e36;--surface-border:#2a2d48;--text-primary:#f4f4f8;--text-secondary:var(--neutral-400);--text-tertiary:var(--neutral-500);--text-link:var(--purple-300)}:root{--font-sans:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-thai:"IBM Plex Sans Thai", "Poppins", sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Sans Thai", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-display:64px;--text-display-lh:67.2px;--text-display-ls:-1.92px;--text-display-weight:700;--text-h1:48px;--text-h1-lh:56px;--text-h1-ls:-.96px;--text-h1-weight:700;--text-h2:32px;--text-h2-lh:40px;--text-h2-ls:-.64px;--text-h2-weight:600;--text-h3:24px;--text-h3-lh:32px;--text-h3-ls:-.48px;--text-h3-weight:600;--text-body-lg:16px;--text-body-lg-lh:26px;--text-body-lg-weight:400;--text-body:14px;--text-body-lh:20px;--text-body-weight:400;--text-caption:12px;--text-caption-lh:16px;--text-caption-weight:500;--text-overline:11px;--text-overline-lh:11px;--text-overline-ls:.66px;--text-overline-weight:600;--text-mono:11px;--text-mono-lh:16px;--text-mono-ls:.6px;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--container-max:1320px;--container-pad:24px;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--radius-10:10px;--shadow-xs:0px 1px 2px 0px #0d0f230d;--shadow-sm:0px 1px 3px 0px #0d0f2314, 0px 1px 2px -1px #0d0f230f;--shadow-md:0px 4px 8px -2px #0d0f231a, 0px 2px 4px -2px #0d0f230f;--shadow-lg:0px 12px 20px -4px #0d0f231a, 0px 4px 8px -4px #0d0f230f;--shadow-xl:0px 24px 40px -8px #0d0f2324, 0px 8px 16px -8px #0d0f230f;--shadow-brand:0px 12px 28px -6px #5a3dee59;--shadow-pink:0px 12px 28px -6px #ec23a84d;--border-hairline:1px solid var(--surface-border);--duration-instant:80ms;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--duration-slower:.6s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-inout:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-base:all var(--duration-fast) var(--ease-out)}*,:after,:before{box-sizing:border-box}body,html{background:var(--surface-bg);color:var(--text-primary);font-size:var(--text-body);line-height:var(--text-body-lh);-webkit-font-smoothing:antialiased;padding:0}body,h1,h2,h3,html{font-family:var(--font-thai),var(--font-sans);margin:0}h1{font-size:var(--text-h2);line-height:var(--text-h2-lh)}h1,h2{font-weight:var(--text-h1-weight)}h2{font-size:var(--text-h3);line-height:var(--text-h3-lh)}.mono,.tabular{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::placeholder{color:var(--text-secondary);opacity:1}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:none;place-items:center;width:44px;height:44px;margin:0;padding:0;display:grid}input[type=checkbox]:before{content:"";border:2px solid var(--neutral-400);border-radius:var(--radius-sm);background:var(--neutral-0);width:20px;height:20px;transition:var(--transition-base);grid-area:1/1}input[type=checkbox]:checked:before{background:var(--brand-purple);border-color:var(--brand-purple)}input[type=checkbox]:checked:after{content:"✓";color:var(--neutral-0);font-size:var(--text-caption);grid-area:1/1;line-height:1}input[type=checkbox]:disabled{cursor:not-allowed}input[type=checkbox]:disabled:before{background:var(--neutral-100)}.row--off td{color:var(--text-secondary)}@keyframes ssPop{0%{opacity:0}to{opacity:1}}@keyframes ssFade{0%{opacity:0;transform:translate(-50%,calc(6px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.ss-backdrop{z-index:60;background:color-mix(in srgb,var(--brand-navy) 45%,transparent);position:fixed;inset:0}.ss-panel{z-index:61;background:var(--surface-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:ssPop var(--duration-fast) var(--ease-out);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ss-panel--fade{animation-name:ssFade}@media (prefers-reduced-motion:reduce){.ss-panel{animation:none}}