:root{color-scheme:light dark;--background-color-light:#afa8e1;--background-color-dark:darkslateblue;--theme-light-l:0.55;--theme-light-step:-0.275;--theme-dark-l:0.27;--theme-dark-step:0.06;--background-color:joriboard;--surface-board-base:light-dark(
      oklch(from var(--background-color-light) var(--theme-light-l) calc(c * 0.40) h),
      oklch(from var(--background-color-dark) var(--theme-dark-l) calc(c * 0.40) h));--surface-board-top:var(--surface-board-base);--surface-board-bottom:light-dark(
      oklch(from var(--background-color-light) calc(var(--theme-light-l) - 0.025) calc(c * 0.40) h),
      oklch(from var(--background-color-dark) calc(var(--theme-dark-l) - 0.025) calc(c * 0.40) h));--surface-section:light-dark(
      oklch(from var(--background-color-light) calc(var(--theme-light-l) + var(--theme-light-step)) calc(c * 0.55) h),
      oklch(from var(--background-color-dark) calc(var(--theme-dark-l) + var(--theme-dark-step)) calc(c * 0.25) h));--surface-card:light-dark(
      oklch(from var(--background-color-light) clamp(0.92, calc(var(--theme-light-l) + var(--theme-light-step) + 0.095), 1.0) calc(c * 0.12) h),
      oklch(from var(--background-color-dark) calc(var(--theme-dark-l) + var(--theme-dark-step) + 0.09) calc(c * 0.20) h));--surface-code:light-dark(#1e1e24, #1c1d27);--surface-dialog:light-dark(#ffffff, oklch(from var(--background-color-dark) calc(var(--theme-dark-l) + var(--theme-dark-step) + 0.06) calc(c * 0.25) h));--dialog-overlay:light-dark(rgb(0 0 0 / 0.5), rgb(0 0 0 / 0.6));--dialog-border:1px solid light-dark(rgb(0 0 0 / 0.10), rgb(255 255 255 / 0.12));--dialog-shadow:0 16px 40px light-dark(rgb(0 0 0 / 0.12), rgb(0 0 0 / 0.6)),
      0 2px 10px light-dark(rgb(0 0 0 / 0.04), rgb(0 0 0 / 0.4));--surface-sunken:light-dark(#f1f5f9, oklch(from var(--background-color-dark) calc(var(--theme-dark-l) + 0.02) calc(c * 0.25) h));--surface-popover:light-dark(#ffffff, oklch(from var(--background-color-dark) calc(var(--theme-dark-l) + var(--theme-dark-step) + 0.02) calc(c * 0.25) h));--popover-shadow:0 12px 36px light-dark(rgb(0 0 0 / 0.12), rgb(0 0 0 / 0.6)),
      0 2px 10px light-dark(rgb(0 0 0 / 0.06), rgb(0 0 0 / 0.4)),
      inset 0 1px 0 light-dark(rgb(255 255 255 / 0.8), transparent);--popover-hover-bg:light-dark(rgb(0 0 0 / 0.06), rgb(255 255 255 / 0.08));--surface-floating:light-dark(
      oklch(from var(--background-color-light) 0.16 calc(c * 0.50) h),
      var(--surface-board-base));--border-floating:1px solid rgb(255 255 255 / 0.12);--shadow-floating:0 6px 20px rgb(0 0 0 / 0.45);--text-main:light-dark(#0f172a, #f1f5f9);--text-muted:light-dark(#64748b, #94a3b8);--section-color:contrast-color(var(--surface-section));--border-subtle:light-dark(rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08));--border-input:light-dark(#cbd5e1, rgb(255 255 255 / 0.18));--border-section:1px solid light-dark(
      oklch(from var(--surface-board-base) calc(l - 0.08) calc(c * 0.7) h),
      oklch(from var(--surface-board-base) calc(l + 0.07) calc(c * 0.7) h)
  );--scrollbar-thumb:light-dark(rgb(0 0 0 / 0.32), oklch(from var(--background-color-dark) calc(var(--theme-dark-l) + var(--theme-dark-step) + 0.11) calc(c * 0.20) h));--scrollbar-thumb-hover:light-dark(rgb(0 0 0 / 0.52), oklch(from var(--background-color-dark) calc(var(--theme-dark-l) + var(--theme-dark-step) + 0.21) calc(c * 0.20) h));--color-danger:light-dark(#dc2626, #f87171);--color-danger-hover:light-dark(#b91c1c, #fca5a5);--color-danger-bg:light-dark(rgb(239 68 68 / 0.08), rgb(239 68 68 / 0.15));--color-danger-border:light-dark(rgb(239 68 68 / 0.25), rgb(239 68 68 / 0.35))}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,:before,:after{-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-family:"Roboto","Arial","Helvetica","Liberation Sans",sans-serif;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}aria-writing-mode-assistant{display:none!important}.hide-cursor,.hide-cursor *{cursor:none!important}[extended]>board-sheet{height:auto!important;min-height:100%!important}[extended] board-section{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}