*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
.rpage { min-height: 100vh; min-height: 100svh; }
body { font-family: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: var(--text-bodyMedium-size, 14px); letter-spacing: var(--text-bodyMedium-spacing, 0.25px); line-height: var(--text-bodyMedium-height, 1.45); font-optical-sizing: none; }
table { border-collapse: collapse; border-spacing: 0; }
button, input, select, textarea { font: inherit; }
img { display: block; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font: inherit; }
a { color: inherit; text-decoration: none; }
ul, ol, li { list-style: none; }
.rink { position: relative; overflow: hidden; }
.rink, button.rbtn, .rtap { cursor: pointer; -webkit-user-select: none; user-select: none; }
.rhl > * { flex-shrink: 0; }
button.rbtn:disabled, .rtap:disabled { cursor: default; }
input[type="checkbox"], input[type="radio"], input[type="range"], select { cursor: pointer; }
input:disabled, select:disabled { cursor: default; }
a[href] { cursor: pointer; }
.rink::after { content: ""; position: absolute; inset: 0; border-radius: inherit; opacity: 0; transition: opacity .15s; pointer-events: none; }
.rink:hover::after { background: var(--rink-hover); opacity: var(--rink-hover-o, 0); }
.rink:focus-visible::after { background: var(--rink-focus, rgba(0,0,0,.12)); opacity: 1; }
.rink:active::after { background: var(--rink-splash, rgba(0,0,0,.12)); opacity: 1; }
.rink-ripple { position: absolute; border-radius: 50%; pointer-events: none; transform: scale(0); background: var(--rink-splash, rgba(0,0,0,.25)); animation: reeel-ripple .55s ease-out; }
@keyframes reeel-ripple { to { transform: scale(1); opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  html { scroll-behavior: auto !important; }
  [data-reeel-wait] { animation-duration: revert !important; animation-iteration-count: revert !important; }
}
@font-face { font-family: 'JetBrains Mono'; src: url('/data/fonts/JetBrainsMono.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20A0-20C0, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'JetBrains Mono'; src: url('/data/fonts/JetBrainsMono.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'JetBrains Mono'; src: url('/data/fonts/JetBrainsMono.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'JetBrains Mono'; src: url('/data/fonts/JetBrainsMono.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'JetBrains Mono'; src: url('/data/fonts/JetBrainsMono.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0370-03FF; }
@font-face { font-family: 'JetBrains Mono'; src: url('/data/fonts/JetBrainsMono.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'JetBrains Mono'; src: url('/data/fonts/JetBrainsMono.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+2190-27BF; }
@font-face { font-family: 'JetBrains Mono'; src: url('/data/fonts/JetBrainsMono.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+02CD, U+02D8-02D9, U+02DB, U+0300, U+0302-0303, U+0305-0307, U+0309-0328, U+032A-036F, U+0530-1C7F, U+1C89-1CFF, U+1DC0-1DFF, U+1EA0-1EF1, U+2070-2073, U+2075-209F, U+20C1-2112, U+2114-2115, U+2117-2121, U+2123-218F, U+27C0-2C5F, U+2C80-2DDF, U+2E00-A63F, U+A6A0-A71F, U+A800-D7FF, U+E000-FE2D, U+FE30-FEFE, U+FF00-FFFC, U+FFFE-10FFFF; }
@font-face { font-family: 'Dela Gothic One'; src: url('/data/fonts/DelaGothicOne.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20A0-20C0, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Dela Gothic One'; src: url('/data/fonts/DelaGothicOne.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Dela Gothic One'; src: url('/data/fonts/DelaGothicOne.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Dela Gothic One'; src: url('/data/fonts/DelaGothicOne.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Dela Gothic One'; src: url('/data/fonts/DelaGothicOne.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0370-03FF; }
@font-face { font-family: 'Dela Gothic One'; src: url('/data/fonts/DelaGothicOne.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Dela Gothic One'; src: url('/data/fonts/DelaGothicOne.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+2190-27BF; }
@font-face { font-family: 'Dela Gothic One'; src: url('/data/fonts/DelaGothicOne.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+02CD, U+02D8-02D9, U+02DB, U+0300, U+0302-0303, U+0305-0307, U+0309-0328, U+032A-036F, U+0530-1C7F, U+1C89-1CFF, U+1DC0-1DFF, U+1EA0-1EF1, U+2070-2073, U+2075-209F, U+20C1-2112, U+2114-2115, U+2117-2121, U+2123-218F, U+27C0-2C5F, U+2C80-2DDF, U+2E00-A63F, U+A6A0-A71F, U+A800-D7FF, U+E000-FE2D, U+FE30-FEFE, U+FF00-FFFC, U+FFFE-10FFFF; }
@font-face { font-family: 'Onest'; src: url('/data/fonts/Onest.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20A0-20C0, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Onest'; src: url('/data/fonts/Onest.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Onest'; src: url('/data/fonts/Onest.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; src: url('/data/fonts/Onest.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Onest'; src: url('/data/fonts/Onest.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0370-03FF; }
@font-face { font-family: 'Onest'; src: url('/data/fonts/Onest.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Onest'; src: url('/data/fonts/Onest.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+2190-27BF; }
@font-face { font-family: 'Onest'; src: url('/data/fonts/Onest.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+02CD, U+02D8-02D9, U+02DB, U+0300, U+0302-0303, U+0305-0307, U+0309-0328, U+032A-036F, U+0530-1C7F, U+1C89-1CFF, U+1DC0-1DFF, U+1EA0-1EF1, U+2070-2073, U+2075-209F, U+20C1-2112, U+2114-2115, U+2117-2121, U+2123-218F, U+27C0-2C5F, U+2C80-2DDF, U+2E00-A63F, U+A6A0-A71F, U+A800-D7FF, U+E000-FE2D, U+FE30-FEFE, U+FF00-FFFC, U+FFFE-10FFFF; }
:root {
  --backgroundPage: #F6F5F2FF;
  --backgroundSurface: #FFFFFFFF;
  --backgroundElevated: #EEECE7FF;
  --border: #DEDBD3FF;
  --textPrimary: #18181DFF;
  --textStrong: #18181DFF;
  --textSecondary: #43434CFF;
  --textMuted: #6A6A75FF;
  --primary: #4F46E5FF;
  --primarySoft: #4F46E524;
  --onPrimary: #FFFFFFFF;
  --charTodo: #6A6A75FF;
  --charOk: #18181DFF;
  --charBad: #DC2626FF;
  --charBadSoft: #DC262633;
  --caret: #4F46E5FF;
  --ribbonBg: #4F46E5FF;
  --ribbonText: #FFFFFFFF;
  --heroGlow: #7C3AED33;
  --groupHuman: #4F46E5FF;
  --groupLocal: #15803DFF;
  --groupCloud: #2563EBFF;
  --groupAgent: #C2410CFF;
  --finger1: #DC2626FF;
  --finger2: #C2410CFF;
  --finger3: #15803DFF;
  --finger4: #2563EBFF;
  --finger5: #7C3AEDFF;
  --warning: #C2410CFF;
  --warningSoft: #C2410C22;
  --success: #15803DFF;
  --error: #DC2626FF;
  --transparent: #00000000;
  color-scheme: light;
}
body { background: var(--backgroundPage); }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --backgroundPage: #0A0A0FFF;
  --backgroundSurface: #13131BFF;
  --backgroundElevated: #1C1C27FF;
  --border: #272736FF;
  --textPrimary: #F2F2F7FF;
  --textStrong: #F2F2F7FF;
  --textSecondary: #BDBDCCFF;
  --textMuted: #8C8CA0FF;
  --primary: #C8FF4DFF;
  --primarySoft: #C8FF4D24;
  --onPrimary: #000000FF;
  --charTodo: #8C8CA0FF;
  --charOk: #F2F2F7FF;
  --charBad: #FF5C7AFF;
  --charBadSoft: #FF5C7A33;
  --caret: #C8FF4DFF;
  --ribbonBg: #C8FF4DFF;
  --ribbonText: #000000FF;
  --heroGlow: #A78BFA33;
  --groupHuman: #C8FF4DFF;
  --groupLocal: #34D399FF;
  --groupCloud: #60A5FAFF;
  --groupAgent: #FFB547FF;
  --finger1: #FF5C7AFF;
  --finger2: #FFB547FF;
  --finger3: #34D399FF;
  --finger4: #60A5FAFF;
  --finger5: #A78BFAFF;
  --warning: #FBBF24FF;
  --warningSoft: #FBBF2422;
  --success: #34D399FF;
  --error: #FF5C7AFF;
  --transparent: #00000000;
  color-scheme: dark;
}
}
[data-theme="light"] {
  --backgroundPage: #F6F5F2FF;
  --backgroundSurface: #FFFFFFFF;
  --backgroundElevated: #EEECE7FF;
  --border: #DEDBD3FF;
  --textPrimary: #18181DFF;
  --textStrong: #18181DFF;
  --textSecondary: #43434CFF;
  --textMuted: #6A6A75FF;
  --primary: #4F46E5FF;
  --primarySoft: #4F46E524;
  --onPrimary: #FFFFFFFF;
  --charTodo: #6A6A75FF;
  --charOk: #18181DFF;
  --charBad: #DC2626FF;
  --charBadSoft: #DC262633;
  --caret: #4F46E5FF;
  --ribbonBg: #4F46E5FF;
  --ribbonText: #FFFFFFFF;
  --heroGlow: #7C3AED33;
  --groupHuman: #4F46E5FF;
  --groupLocal: #15803DFF;
  --groupCloud: #2563EBFF;
  --groupAgent: #C2410CFF;
  --finger1: #DC2626FF;
  --finger2: #C2410CFF;
  --finger3: #15803DFF;
  --finger4: #2563EBFF;
  --finger5: #7C3AEDFF;
  --warning: #C2410CFF;
  --warningSoft: #C2410C22;
  --success: #15803DFF;
  --error: #DC2626FF;
  --transparent: #00000000;
  color-scheme: light;
}
[data-theme="dark"] {
  --backgroundPage: #0A0A0FFF;
  --backgroundSurface: #13131BFF;
  --backgroundElevated: #1C1C27FF;
  --border: #272736FF;
  --textPrimary: #F2F2F7FF;
  --textStrong: #F2F2F7FF;
  --textSecondary: #BDBDCCFF;
  --textMuted: #8C8CA0FF;
  --primary: #C8FF4DFF;
  --primarySoft: #C8FF4D24;
  --onPrimary: #000000FF;
  --charTodo: #8C8CA0FF;
  --charOk: #F2F2F7FF;
  --charBad: #FF5C7AFF;
  --charBadSoft: #FF5C7A33;
  --caret: #C8FF4DFF;
  --ribbonBg: #C8FF4DFF;
  --ribbonText: #000000FF;
  --heroGlow: #A78BFA33;
  --groupHuman: #C8FF4DFF;
  --groupLocal: #34D399FF;
  --groupCloud: #60A5FAFF;
  --groupAgent: #FFB547FF;
  --finger1: #FF5C7AFF;
  --finger2: #FFB547FF;
  --finger3: #34D399FF;
  --finger4: #60A5FAFF;
  --finger5: #A78BFAFF;
  --warning: #FBBF24FF;
  --warningSoft: #FBBF2422;
  --success: #34D399FF;
  --error: #FF5C7AFF;
  --transparent: #00000000;
  color-scheme: dark;
}
:root[data-theme="github"], [data-theme="github"] {
  --backgroundPage: #F6F8FAFF;
  --backgroundSurface: #FFFFFFFF;
  --backgroundElevated: #EAEEF2FF;
  --border: #D0D7DEFF;
  --textPrimary: #1F2328FF;
  --textStrong: #1F2328FF;
  --textSecondary: #424A53FF;
  --textMuted: #656D76FF;
  --primary: #0969DAFF;
  --primarySoft: #0969DA24;
  --onPrimary: #FFFFFFFF;
  --charTodo: #656D76FF;
  --charOk: #1F2328FF;
  --charBad: #CF222EFF;
  --charBadSoft: #CF222E33;
  --caret: #0969DAFF;
  --ribbonBg: #0969DAFF;
  --ribbonText: #FFFFFFFF;
  --heroGlow: #8250DF33;
  --groupHuman: #0969DAFF;
  --groupLocal: #1A7F37FF;
  --groupCloud: #0969DAFF;
  --groupAgent: #BC4C00FF;
  --finger1: #CF222EFF;
  --finger2: #BC4C00FF;
  --finger3: #1A7F37FF;
  --finger4: #0969DAFF;
  --finger5: #8250DFFF;
  --warning: #BC4C00FF;
  --warningSoft: #BC4C0022;
  --success: #1A7F37FF;
  --error: #CF222EFF;
  --transparent: #00000000;
  color-scheme: light;
}
:root[data-theme="gruvbox"], [data-theme="gruvbox"] {
  --backgroundPage: #1D2021FF;
  --backgroundSurface: #282828FF;
  --backgroundElevated: #32302FFF;
  --border: #504945FF;
  --textPrimary: #EBDBB2FF;
  --textStrong: #EBDBB2FF;
  --textSecondary: #D5C4A1FF;
  --textMuted: #A89984FF;
  --primary: #FABD2FFF;
  --primarySoft: #FABD2F24;
  --onPrimary: #000000FF;
  --charTodo: #A89984FF;
  --charOk: #EBDBB2FF;
  --charBad: #FB4934FF;
  --charBadSoft: #FB493433;
  --caret: #FABD2FFF;
  --ribbonBg: #FABD2FFF;
  --ribbonText: #000000FF;
  --heroGlow: #D3869B33;
  --groupHuman: #FABD2FFF;
  --groupLocal: #B8BB26FF;
  --groupCloud: #83A598FF;
  --groupAgent: #FE8019FF;
  --finger1: #FB4934FF;
  --finger2: #FE8019FF;
  --finger3: #B8BB26FF;
  --finger4: #83A598FF;
  --finger5: #D3869BFF;
  --warning: #FABD2FFF;
  --warningSoft: #FABD2F22;
  --success: #B8BB26FF;
  --error: #FB4934FF;
  --transparent: #00000000;
  color-scheme: dark;
}
:root[data-theme="solarized-light"], [data-theme="solarized-light"] {
  --backgroundPage: #FDF6E3FF;
  --backgroundSurface: #FFFBEFFF;
  --backgroundElevated: #EEE8D5FF;
  --border: #DDD6C1FF;
  --textPrimary: #073642FF;
  --textStrong: #073642FF;
  --textSecondary: #586E75FF;
  --textMuted: #657B83FF;
  --primary: #268BD2FF;
  --primarySoft: #268BD224;
  --onPrimary: #000000FF;
  --charTodo: #657B83FF;
  --charOk: #073642FF;
  --charBad: #DC322FFF;
  --charBadSoft: #DC322F33;
  --caret: #268BD2FF;
  --ribbonBg: #268BD2FF;
  --ribbonText: #000000FF;
  --heroGlow: #6C71C433;
  --groupHuman: #268BD2FF;
  --groupLocal: #859900FF;
  --groupCloud: #2AA198FF;
  --groupAgent: #CB4B16FF;
  --finger1: #DC322FFF;
  --finger2: #CB4B16FF;
  --finger3: #859900FF;
  --finger4: #2AA198FF;
  --finger5: #6C71C4FF;
  --warning: #CB4B16FF;
  --warningSoft: #CB4B1622;
  --success: #859900FF;
  --error: #DC322FFF;
  --transparent: #00000000;
  color-scheme: light;
}
:root[data-theme="mocha"], [data-theme="mocha"] {
  --backgroundPage: #181825FF;
  --backgroundSurface: #1E1E2EFF;
  --backgroundElevated: #313244FF;
  --border: #45475AFF;
  --textPrimary: #CDD6F4FF;
  --textStrong: #CDD6F4FF;
  --textSecondary: #BAC2DEFF;
  --textMuted: #9399B2FF;
  --primary: #CBA6F7FF;
  --primarySoft: #CBA6F724;
  --onPrimary: #000000FF;
  --charTodo: #9399B2FF;
  --charOk: #CDD6F4FF;
  --charBad: #F38BA8FF;
  --charBadSoft: #F38BA833;
  --caret: #CBA6F7FF;
  --ribbonBg: #CBA6F7FF;
  --ribbonText: #000000FF;
  --heroGlow: #F5C2E733;
  --groupHuman: #CBA6F7FF;
  --groupLocal: #A6E3A1FF;
  --groupCloud: #89B4FAFF;
  --groupAgent: #FAB387FF;
  --finger1: #F38BA8FF;
  --finger2: #FAB387FF;
  --finger3: #A6E3A1FF;
  --finger4: #89B4FAFF;
  --finger5: #F5C2E7FF;
  --warning: #F9E2AFFF;
  --warningSoft: #F9E2AF22;
  --success: #A6E3A1FF;
  --error: #F38BA8FF;
  --transparent: #00000000;
  color-scheme: dark;
}
:root[data-theme="dawn"], [data-theme="dawn"] {
  --backgroundPage: #FAF4EDFF;
  --backgroundSurface: #FFFAF3FF;
  --backgroundElevated: #F2E9E1FF;
  --border: #DFDAD9FF;
  --textPrimary: #575279FF;
  --textStrong: #575279FF;
  --textSecondary: #635E87FF;
  --textMuted: #797593FF;
  --primary: #286983FF;
  --primarySoft: #28698324;
  --onPrimary: #FFFFFFFF;
  --charTodo: #797593FF;
  --charOk: #575279FF;
  --charBad: #B4637AFF;
  --charBadSoft: #B4637A33;
  --caret: #286983FF;
  --ribbonBg: #286983FF;
  --ribbonText: #FFFFFFFF;
  --heroGlow: #907AA933;
  --groupHuman: #286983FF;
  --groupLocal: #56949FFF;
  --groupCloud: #286983FF;
  --groupAgent: #D7827EFF;
  --finger1: #B4637AFF;
  --finger2: #D7827EFF;
  --finger3: #56949FFF;
  --finger4: #286983FF;
  --finger5: #907AA9FF;
  --warning: #D7827EFF;
  --warningSoft: #D7827E22;
  --success: #56949FFF;
  --error: #B4637AFF;
  --transparent: #00000000;
  color-scheme: light;
}
:root[data-theme="nord"], [data-theme="nord"] {
  --backgroundPage: #2E3440FF;
  --backgroundSurface: #3B4252FF;
  --backgroundElevated: #434C5EFF;
  --border: #4C566AFF;
  --textPrimary: #ECEFF4FF;
  --textStrong: #ECEFF4FF;
  --textSecondary: #D8DEE9FF;
  --textMuted: #AAB3C3FF;
  --primary: #88C0D0FF;
  --primarySoft: #88C0D024;
  --onPrimary: #000000FF;
  --charTodo: #AAB3C3FF;
  --charOk: #ECEFF4FF;
  --charBad: #BF616AFF;
  --charBadSoft: #BF616A33;
  --caret: #88C0D0FF;
  --ribbonBg: #88C0D0FF;
  --ribbonText: #000000FF;
  --heroGlow: #B48EAD33;
  --groupHuman: #88C0D0FF;
  --groupLocal: #A3BE8CFF;
  --groupCloud: #81A1C1FF;
  --groupAgent: #D08770FF;
  --finger1: #BF616AFF;
  --finger2: #D08770FF;
  --finger3: #A3BE8CFF;
  --finger4: #81A1C1FF;
  --finger5: #B48EADFF;
  --warning: #EBCB8BFF;
  --warningSoft: #EBCB8B22;
  --success: #A3BE8CFF;
  --error: #BF616AFF;
  --transparent: #00000000;
  color-scheme: dark;
}
:root[data-theme="onedark"], [data-theme="onedark"] {
  --backgroundPage: #21252BFF;
  --backgroundSurface: #282C34FF;
  --backgroundElevated: #2F343EFF;
  --border: #3E4451FF;
  --textPrimary: #DCDFE4FF;
  --textStrong: #DCDFE4FF;
  --textSecondary: #ABB2BFFF;
  --textMuted: #868D99FF;
  --primary: #61AFEFFF;
  --primarySoft: #61AFEF24;
  --onPrimary: #000000FF;
  --charTodo: #868D99FF;
  --charOk: #DCDFE4FF;
  --charBad: #E06C75FF;
  --charBadSoft: #E06C7533;
  --caret: #61AFEFFF;
  --ribbonBg: #61AFEFFF;
  --ribbonText: #000000FF;
  --heroGlow: #C678DD33;
  --groupHuman: #61AFEFFF;
  --groupLocal: #98C379FF;
  --groupCloud: #56B6C2FF;
  --groupAgent: #D19A66FF;
  --finger1: #E06C75FF;
  --finger2: #D19A66FF;
  --finger3: #98C379FF;
  --finger4: #56B6C2FF;
  --finger5: #C678DDFF;
  --warning: #E5C07BFF;
  --warningSoft: #E5C07B22;
  --success: #98C379FF;
  --error: #E06C75FF;
  --transparent: #00000000;
  color-scheme: dark;
}
:root[data-theme="dracula"], [data-theme="dracula"] {
  --backgroundPage: #21222CFF;
  --backgroundSurface: #282A36FF;
  --backgroundElevated: #343746FF;
  --border: #44475AFF;
  --textPrimary: #F8F8F2FF;
  --textStrong: #F8F8F2FF;
  --textSecondary: #D6D6E0FF;
  --textMuted: #9AA3C8FF;
  --primary: #BD93F9FF;
  --primarySoft: #BD93F924;
  --onPrimary: #000000FF;
  --charTodo: #9AA3C8FF;
  --charOk: #F8F8F2FF;
  --charBad: #FF5555FF;
  --charBadSoft: #FF555533;
  --caret: #BD93F9FF;
  --ribbonBg: #BD93F9FF;
  --ribbonText: #000000FF;
  --heroGlow: #FF79C633;
  --groupHuman: #BD93F9FF;
  --groupLocal: #50FA7BFF;
  --groupCloud: #8BE9FDFF;
  --groupAgent: #FFB86CFF;
  --finger1: #FF5555FF;
  --finger2: #FFB86CFF;
  --finger3: #50FA7BFF;
  --finger4: #8BE9FDFF;
  --finger5: #FF79C6FF;
  --warning: #F1FA8CFF;
  --warningSoft: #F1FA8C22;
  --success: #50FA7BFF;
  --error: #FF5555FF;
  --transparent: #00000000;
  color-scheme: dark;
}
:root[data-theme="latte"], [data-theme="latte"] {
  --backgroundPage: #E6E9EFFF;
  --backgroundSurface: #EFF1F5FF;
  --backgroundElevated: #DCE0E8FF;
  --border: #CCD0DAFF;
  --textPrimary: #4C4F69FF;
  --textStrong: #4C4F69FF;
  --textSecondary: #5C5F77FF;
  --textMuted: #6C6F85FF;
  --primary: #8839EFFF;
  --primarySoft: #8839EF24;
  --onPrimary: #FFFFFFFF;
  --charTodo: #6C6F85FF;
  --charOk: #4C4F69FF;
  --charBad: #D20F39FF;
  --charBadSoft: #D20F3933;
  --caret: #8839EFFF;
  --ribbonBg: #8839EFFF;
  --ribbonText: #FFFFFFFF;
  --heroGlow: #EA76CB33;
  --groupHuman: #8839EFFF;
  --groupLocal: #40A02BFF;
  --groupCloud: #1E66F5FF;
  --groupAgent: #FE640BFF;
  --finger1: #D20F39FF;
  --finger2: #FE640BFF;
  --finger3: #40A02BFF;
  --finger4: #1E66F5FF;
  --finger5: #EA76CBFF;
  --warning: #FE640BFF;
  --warningSoft: #FE640B22;
  --success: #40A02BFF;
  --error: #D20F39FF;
  --transparent: #00000000;
  color-scheme: light;
}
:root[data-theme="solarized-dark"], [data-theme="solarized-dark"] {
  --backgroundPage: #002B36FF;
  --backgroundSurface: #073642FF;
  --backgroundElevated: #0B4250FF;
  --border: #175062FF;
  --textPrimary: #EEE8D5FF;
  --textStrong: #EEE8D5FF;
  --textSecondary: #93A1A1FF;
  --textMuted: #839496FF;
  --primary: #268BD2FF;
  --primarySoft: #268BD224;
  --onPrimary: #000000FF;
  --charTodo: #839496FF;
  --charOk: #EEE8D5FF;
  --charBad: #DC322FFF;
  --charBadSoft: #DC322F33;
  --caret: #268BD2FF;
  --ribbonBg: #268BD2FF;
  --ribbonText: #000000FF;
  --heroGlow: #6C71C433;
  --groupHuman: #268BD2FF;
  --groupLocal: #859900FF;
  --groupCloud: #2AA198FF;
  --groupAgent: #CB4B16FF;
  --finger1: #DC322FFF;
  --finger2: #CB4B16FF;
  --finger3: #859900FF;
  --finger4: #2AA198FF;
  --finger5: #6C71C4FF;
  --warning: #B58900FF;
  --warningSoft: #B5890022;
  --success: #859900FF;
  --error: #DC322FFF;
  --transparent: #00000000;
  color-scheme: dark;
}
:root[data-theme="gruvbox-light"], [data-theme="gruvbox-light"] {
  --backgroundPage: #F9F5D7FF;
  --backgroundSurface: #FBF1C7FF;
  --backgroundElevated: #F2E5BCFF;
  --border: #D5C4A1FF;
  --textPrimary: #3C3836FF;
  --textStrong: #3C3836FF;
  --textSecondary: #504945FF;
  --textMuted: #7C6F64FF;
  --primary: #AF3A03FF;
  --primarySoft: #AF3A0324;
  --onPrimary: #FFFFFFFF;
  --charTodo: #7C6F64FF;
  --charOk: #3C3836FF;
  --charBad: #9D0006FF;
  --charBadSoft: #9D000633;
  --caret: #AF3A03FF;
  --ribbonBg: #AF3A03FF;
  --ribbonText: #FFFFFFFF;
  --heroGlow: #8F3F7133;
  --groupHuman: #AF3A03FF;
  --groupLocal: #79740EFF;
  --groupCloud: #076678FF;
  --groupAgent: #AF3A03FF;
  --finger1: #9D0006FF;
  --finger2: #AF3A03FF;
  --finger3: #79740EFF;
  --finger4: #076678FF;
  --finger5: #8F3F71FF;
  --warning: #AF3A03FF;
  --warningSoft: #AF3A0322;
  --success: #79740EFF;
  --error: #9D0006FF;
  --transparent: #00000000;
  color-scheme: light;
}
:root[data-theme="tokyo"], [data-theme="tokyo"] {
  --backgroundPage: #16161EFF;
  --backgroundSurface: #1A1B26FF;
  --backgroundElevated: #24283BFF;
  --border: #33384FFF;
  --textPrimary: #C0CAF5FF;
  --textStrong: #C0CAF5FF;
  --textSecondary: #A9B1D6FF;
  --textMuted: #7C83A8FF;
  --primary: #7AA2F7FF;
  --primarySoft: #7AA2F724;
  --onPrimary: #000000FF;
  --charTodo: #7C83A8FF;
  --charOk: #C0CAF5FF;
  --charBad: #F7768EFF;
  --charBadSoft: #F7768E33;
  --caret: #7AA2F7FF;
  --ribbonBg: #7AA2F7FF;
  --ribbonText: #000000FF;
  --heroGlow: #BB9AF733;
  --groupHuman: #7AA2F7FF;
  --groupLocal: #9ECE6AFF;
  --groupCloud: #7DCFFFFF;
  --groupAgent: #FF9E64FF;
  --finger1: #F7768EFF;
  --finger2: #FF9E64FF;
  --finger3: #9ECE6AFF;
  --finger4: #7DCFFFFF;
  --finger5: #BB9AF7FF;
  --warning: #E0AF68FF;
  --warningSoft: #E0AF6822;
  --success: #9ECE6AFF;
  --error: #F7768EFF;
  --transparent: #00000000;
  color-scheme: dark;
}
@font-face { font-family: 'Material Icons'; src: url('/data/icons/MaterialIcons.otf') format('opentype'); font-display: swap; }
.reeel-icon { font-family: 'Material Icons'; font-feature-settings: 'rlig'; line-height: 1; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; }
