:root{color-scheme:light dark;--background-color-light:#7b798b;--background-color-dark:darkslateblue;--theme-dark-l:0.16;--background-color:joriboard;--surface-board-base:light-dark(var(--background-color-light, var(--background-color, #7b798b)),
      oklch(from var(--background-color-dark, var(--background-color, darkslateblue)) var(--theme-dark-l, 0.16) calc(c * 0.40) h));--surface-board-top:light-dark(color-mix(in srgb, var(--background-color-light, var(--background-color, #7b798b)), black 2%),
      oklch(from var(--background-color-dark, var(--background-color, darkslateblue)) var(--theme-dark-l, 0.16) calc(c * 0.40) h));--surface-board-bottom:light-dark(color-mix(in srgb, var(--background-color-light, var(--background-color, #7b798b)), black 7%),
      oklch(from var(--background-color-dark, var(--background-color, darkslateblue)) calc(var(--theme-dark-l, 0.16) - 0.025) calc(c * 0.40) h));--surface-section:light-dark(oklch(from var(--background-color-light, var(--background-color, #7b798b)) 0.89 calc(c * 0.55) h), oklch(from var(--background-color-dark, var(--background-color, darkslateblue)) calc(var(--theme-dark-l, 0.16) + 0.08) calc(c * 0.25) h));--surface-card:light-dark(oklch(from var(--background-color-light, var(--background-color, #7b798b)) 0.985 calc(c * 0.12) h), oklch(from var(--background-color-dark, var(--background-color, darkslateblue)) calc(var(--theme-dark-l, 0.16) + 0.17) calc(c * 0.20) h));--surface-code:light-dark(#1e1e24, #1c1d27);--surface-dialog:light-dark(#ffffff, oklch(from var(--background-color-dark, var(--background-color, darkslateblue)) calc(var(--theme-dark-l, 0.16) + 0.14) calc(c * 0.25) h));--dialog-overlay:light-dark(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6));--dialog-border:1px solid light-dark(rgba(0, 0, 0, 0.10), rgba(255, 255, 255, 0.12));--dialog-shadow-1:light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.6));--dialog-shadow-2:light-dark(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.4));--dialog-shadow:0 16px 40px var(--dialog-shadow-1), 0 2px 10px var(--dialog-shadow-2);--surface-sunken:light-dark(#f1f5f9, oklch(from var(--background-color-dark, var(--background-color, darkslateblue)) calc(var(--theme-dark-l, 0.16) + 0.02) calc(c * 0.25) h));--surface-popover:light-dark(#ffffff, oklch(from var(--background-color-dark, var(--background-color, darkslateblue)) calc(var(--theme-dark-l, 0.16) + 0.10) calc(c * 0.25) h));--border-popover:light-dark(rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.12));--popover-shadow-1:light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.6));--popover-shadow-2:light-dark(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.4));--popover-shadow-inset:light-dark(rgba(255, 255, 255, 0.8), transparent);--popover-shadow:0 12px 36px var(--popover-shadow-1), 0 2px 10px var(--popover-shadow-2), inset 0 1px 0 var(--popover-shadow-inset);--popover-hover-bg:light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.08));--popover-hover-color:light-dark(#0f172a, #ffffff);--popover-divider:light-dark(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1));--text-main:light-dark(#0f172a, #f1f5f9);--text-muted:light-dark(#64748b, #94a3b8);--border-subtle:light-dark(rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.08));--border-input:light-dark(#cbd5e1, rgba(255, 255, 255, 0.18));--scrollbar-thumb:light-dark(rgba(0, 0, 0, 0.2), oklch(from var(--background-color-dark, var(--background-color, darkslateblue)) calc(var(--theme-dark-l, 0.16) + 0.19) calc(c * 0.20) h));--scrollbar-thumb-hover:light-dark(rgba(0, 0, 0, 0.35), oklch(from var(--background-color-dark, var(--background-color, darkslateblue)) calc(var(--theme-dark-l, 0.16) + 0.29) calc(c * 0.20) h));--color-danger:light-dark(#dc2626, #f87171);--color-danger-hover:light-dark(#b91c1c, #fca5a5);--color-danger-bg:light-dark(rgba(239, 68, 68, 0.08), rgba(239, 68, 68, 0.15));--color-danger-border:light-dark(rgba(239, 68, 68, 0.25), rgba(239, 68, 68, 0.35))}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-size:16px;font-family:"Roboto","Arial","Helvetica","Liberation Sans",sans-serif;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}aria-writing-mode-assistant{display:none!important}.hide-cursor,.hide-cursor *{cursor:none!important}