:root{color-scheme:light;--cloud-word-rgb:60,72,96;--azure-50:#e6faf6;--azure-100:#c3f2ea;--azure-300:#4fd4c4;--azure-400:#1cbead;--azure-500:#0fb3a4;--azure-600:#0c9a8d;--neutral-0:#fff;--neutral-50:#f6f8fc;--neutral-100:#eef2f8;--neutral-200:#e1e7f0;--neutral-300:#cbd3e1;--neutral-400:#9aa4b8;--neutral-500:#6b7488;--neutral-600:#4a5266;--neutral-950:#0a0b0f;--green-600:#059467;--amber-600:#d6860b;--red-500:#f0436a;--bg-base:var(--neutral-50);--bg-inset:var(--neutral-50);--bg-hover:var(--neutral-100);--bg-overlay:rgba(10,16,32,.45);--surface-card:hsla(0,0%,100%,.82);--surface-glass:hsla(0,0%,100%,.6);--glass-stroke:hsla(0,0%,100%,.9);--grid-dot:rgba(60,72,96,.09);--reactor-glow:rgba(15,179,164,.1);--text-primary:#0b1020;--text-secondary:var(--neutral-600);--text-muted:var(--neutral-500);--text-link:var(--azure-600);--border:var(--neutral-200);--border-strong:var(--neutral-300);--accent:var(--azure-500);--accent-text:var(--azure-600);--accent-gradient:linear-gradient(135deg,#1fd4be,#0fb3a4 50%,#0a8478);--success-subtle:#e5f7f0;--warning-subtle:#fcf1dc;--danger-subtle:#fce6ec;--info-subtle:var(--azure-50);--radius-md:8px;--radius-pill:999px;--shadow-sm:0 1px 3px rgba(14,19,32,.08),0 1px 2px rgba(14,19,32,.04);--shadow-lg:0 10px 30px rgba(14,19,32,.1),0 4px 8px rgba(14,19,32,.05);--shadow-xl:0 24px 60px rgba(14,19,32,.14);--glow-accent:0 6px 20px rgba(15,179,164,.35);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-fast:120ms;--font-display:"Space Grotesk","Anuphan",system-ui,sans-serif;--font-body:"Hanken Grotesk","IBM Plex Sans Thai",system-ui,sans-serif;--font-mono:"JetBrains Mono","IBM Plex Sans Thai",ui-monospace,monospace;--thai:"Anuphan","Space Grotesk",system-ui,sans-serif}[data-theme=dark]{color-scheme:dark;--cloud-word-rgb:150,162,190;--bg-base:var(--neutral-950);--bg-inset:#0e1015;--bg-hover:#1b1f2a;--bg-overlay:rgba(0,0,0,.6);--surface-card:rgba(20,24,34,.78);--surface-glass:rgba(20,24,34,.55);--glass-stroke:hsla(0,0%,100%,.07);--grid-dot:rgba(150,162,190,.1);--reactor-glow:rgba(15,179,164,.16);--text-primary:#e6e8ef;--text-secondary:#9aa0b4;--text-muted:#6b7280;--text-link:var(--azure-300);--border:#232735;--border-strong:#2e3445;--accent-text:var(--azure-300);--success-subtle:#0c2a22;--warning-subtle:#2a220f;--danger-subtle:#2a1019;--info-subtle:#06231f;--shadow-sm:0 1px 3px rgba(0,0,0,.45);--shadow-lg:0 12px 34px rgba(0,0,0,.55);--shadow-xl:0 28px 64px rgba(0,0,0,.65);--glow-accent:0 6px 24px rgba(15,179,164,.55)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body)}@keyframes trd-spin{to{transform:rotate(1turn)}}@keyframes trd-fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes trd-sheen{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes trd-breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.06);opacity:.72}}@keyframes trd-float-a{0%{transform:translate(0) rotate(0)}50%{transform:translate(14px,-22px) rotate(1.2deg)}to{transform:translate(0) rotate(0)}}@keyframes trd-float-b{0%{transform:translate(0) rotate(0)}50%{transform:translate(-18px,16px) rotate(-1.4deg)}to{transform:translate(0) rotate(0)}}@keyframes trd-float-c{0%{transform:translate(0) rotate(0)}50%{transform:translate(12px,20px) rotate(1.8deg)}to{transform:translate(0) rotate(0)}}@keyframes trd-pop{0%{transform:scale(.2);opacity:0}55%{transform:scale(1.16)}to{transform:scale(1);opacity:1}}@keyframes trd-rise{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:.9}88%{opacity:.5}to{transform:translateY(-110vh) scale(.4);opacity:0}}@keyframes trd-spin-rev{to{transform:rotate(-1turn)}}@keyframes trd-fadein{0%{opacity:0}to{opacity:1}}@keyframes trd-ring{0%{transform:scale(.7);opacity:.6}to{transform:scale(2.6);opacity:0}}@keyframes trd-shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}.trd-shake{animation:trd-shake .4s var(--ease-out)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:640px){.user-email{display:none}}.pill-sr-action,.pill-sr-email{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media not all and (max-width:640px){.pill-sr-email{display:none}}