:root{--font-thai:"Prompt", "Segoe UI Emoji", "Noto Color Emoji", "Apple Color Emoji", system-ui, sans-serif;--font-num:"Prompt", ui-monospace, "Cascadia Mono", Consolas, monospace;--canvas:#050508;--bg:#0c0a10;--surface:#141119;--surface-2:#1e1a25;--surface-3:#272231;--border:#2c2735;--border-soft:#221e2b;--ink:#f5f2fa;--ink-dim:#948da3;--ink-faint:#6b6478;--red:#ef1746;--red-dim:#ff5f7a;--red-bright:#ff4d6d;--red-tint:#ef17462e;--pink:#ff3d9a;--violet:#8b3dff;--focus:#ef1746;--success:#22c58b;--success-tint:#22c58b29;--warn:#ffb020;--warn-tint:#ffb02029;--info:#4a9dff;--info-tint:#4a9dff29;--danger:#ef1746;--danger-tint:#ef174629;--neutral-tint:#948da324;--gradient-brand:linear-gradient(120deg, #8a0f24 0%, var(--red) 50%, var(--red-bright) 100%);--gradient-brand-hover:linear-gradient(120deg, var(--red) 0%, var(--red-bright) 50%, var(--red-dim) 100%);--glow-layers:radial-gradient(circle at 88% -10%, #ef174666 0%, #96082024 45%, transparent 68%), radial-gradient(circle at -10% 105%, #c810344d 0%, #7806181f 45%, transparent 68%), radial-gradient(circle at 78% 88%, #ff3d9a38 0%, transparent 60%), radial-gradient(circle at 8% -6%, #8b3dff3d 0%, transparent 55%);--noise-dots:radial-gradient(#ffffff0d 1px, transparent 1px);--radius:20px;--radius-sm:13px;--radius-xs:8px;--radius-pill:999px;--gap-1:4px;--gap-2:8px;--gap-3:12px;--gap-4:16px;--gap-5:24px;--gap-6:32px;--sidebar-w:248px;--topbar-h:60px;--surface-grad:linear-gradient(160deg, #17131f 0%, #131019 100%);--surface-grad-hover:linear-gradient(160deg, #1c1826 0%, #17131f 100%);--border-glow:#ef17466b;--hairline:#ffffff0f;--ease:cubic-bezier(.2, .8, .2, 1);--shadow-sm:0 1px 2px #00000080, 0 1px 1px #00000059;--shadow-md:0 10px 30px #0000008c, 0 2px 8px #00000059;--shadow-lg:0 24px 60px #000000a6, 0 6px 18px #0006;--shadow-red:0 10px 26px #ef174652, 0 3px 10px #ef17462e;--shadow-red-lg:0 18px 42px #ef17465c, 0 6px 16px #ef174638}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{color:var(--ink);background:var(--canvas);font-family:var(--font-thai);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;isolation:isolate;font-size:14px;line-height:1.55;position:relative}h1,h2,h3,h4{font-weight:700;line-height:1.3}dialog{margin:auto}button{transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease), transform .16s var(--ease), box-shadow .16s var(--ease)}a{color:var(--red);text-decoration:none}a:hover{color:var(--red-dim)}::selection{background:var(--red-tint);color:var(--red-dim)}button,input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-pill);border:2px solid var(--canvas)}::-webkit-scrollbar-thumb:hover{background:var(--border)}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tabular{font-variant-numeric:tabular-nums}@media (max-width:900px){body{font-size:15px}input,select,textarea{font-size:16px}}@media (pointer:coarse){button,[role=button],a{-webkit-tap-highlight-color:transparent}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}