:root{--bg: #0b0b0d;--bg-sidebar: #0e0e11;--bg-topbar: #0c0c0e;--bg-input: #0e0e11;--panel: #131317;--card: #16161a;--card-hi: #1a1a1f;--raised: #1c1c21;--raised-2: #1e1e23;--chip: #22222a;--line: #1e1e23;--line-soft: #17171b;--border: #22222a;--border-2: #26262c;--border-3: #2a2a31;--border-4: #2c2c33;--tx: #e8e8ec;--tx-hi: #f0f0f3;--tx-hi2: #f6f6f8;--tx-2: #dcdce1;--tx-3: #c4c4cc;--tx-4: #b4b4bc;--tx-mut: #8f8f98;--tx-mut2: #7a7a83;--tx-mut3: #6a6a73;--tx-dim: #55555d;--tx-dim2: #4d4d55;--green: #57c98a;--gold: #c9a86a;--amber: #d9b45a;--blue: #7c9fd6;--slate: #8f9bb0;--bar: #7c8598;--red: #e0736f;--tg: #2aabee;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "IBM Plex Sans Thai", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--tx);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#2c2c33;border-radius:6px;border:2px solid #101013}::-webkit-scrollbar-track{background:transparent}input,select,textarea,button{font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:#4a4a54!important}input::placeholder,textarea::placeholder{color:#55555d}textarea{resize:none}input[type=range]{accent-color:#e8e8ec;height:4px}button{font-family:inherit}