:root,[data-theme=light]{--oc-bg: #f8fbf9;--oc-surface: #eef4f1;--oc-raised: #e3ece7;--oc-overlay: #d8e4de;--oc-glass: rgba(238, 244, 241, .92);--oc-border: #d6e0db;--oc-border-hi: #c9d5cf;--oc-txt: rgba(27, 35, 31, 1);--oc-txt-2: rgba(27, 35, 31, .62);--oc-txt-3: rgba(27, 35, 31, .38);--oc-teal: #4c7a69;--oc-teal-hi: #5d8677;--oc-teal-dim: rgba(76, 122, 105, .1);--oc-teal-glow: rgba(76, 122, 105, .2);--oc-adenine: #388e3c;--oc-thymine: #f57c00;--oc-cytosine: #1976d2;--oc-guanine: #d32f2f;--oc-purple: #7b1fa2;--oc-success: var(--oc-adenine);--oc-warn: var(--oc-thymine);--oc-info: var(--oc-cytosine);--oc-danger: var(--oc-guanine);--oc-input-bg: #ffffff;--oc-input-border: #c9d5cf;--oc-input-focus: #78aa95;--ov-card-bg: #f0f4ff;--ov-card-border: #c5d0f5;--ov-card-fg: #283c50;--ov-active-bg: #e8f5e9;--ov-active-border:#0b7a27;--ov-active-fg: #0b7a27;--oc-scroll-track: transparent;--oc-scroll-thumb: #c9d5cf;--oc-scroll-thumb-hi: #aebfb7;--oc-font-mono: "Fira Code", "JetBrains Mono", "Cascadia Code", monospace;--oc-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--oc-navbar-h: 44px;--oc-sidebar-l: 280px;--oc-sidebar-r: 340px;--oc-shadow-sm: 0px 2px 1px -1px rgba(32,32,32,.1), 0px 1px 1px 0px rgba(32,32,32,.07), 0px 1px 3px 0px rgba(32,32,32,.06);--oc-shadow-md: 0px 3px 3px -2px rgba(32,32,32,.1), 0px 3px 4px 0px rgba(32,32,32,.07), 0px 1px 8px 0px rgba(32,32,32,.06);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--oc-bg: #0f1311;--oc-surface: #151a17;--oc-raised: #1b211d;--oc-overlay: #202722;--oc-glass: rgba(21, 26, 23, .88);--oc-border: #242c28;--oc-border-hi: #2b3530;--oc-txt: rgba(255, 255, 255, .87);--oc-txt-2: rgba(255, 255, 255, .54);--oc-txt-3: rgba(255, 255, 255, .38);--oc-teal: #78aa95;--oc-teal-hi: #84c3a0;--oc-teal-dim: rgba(120, 170, 149, .12);--oc-teal-glow: rgba(120, 170, 149, .22);--oc-adenine: #81c784;--oc-thymine: #ffb74d;--oc-cytosine: #64b5f6;--oc-guanine: #e57373;--oc-purple: #ce93d8;--oc-input-bg: #1b211d;--oc-input-border: #2b3530;--oc-input-focus: #78aa95;--ov-card-bg: #1a2540;--ov-card-border: #2d4070;--ov-card-fg: #dbe4f5;--ov-active-bg: rgba(11, 122, 39, .2);--ov-active-border:#19a144;--ov-active-fg: #7adf95;--oc-scroll-thumb: #2b3530;--oc-scroll-thumb-hi: #334039;--oc-shadow-sm: 0px 2px 1px -1px rgba(0,0,0,.2), 0px 1px 1px 0px rgba(0,0,0,.14), 0px 1px 3px 0px rgba(0,0,0,.12);--oc-shadow-md: 0px 3px 3px -2px rgba(0,0,0,.2), 0px 3px 4px 0px rgba(0,0,0,.14), 0px 1px 8px 0px rgba(0,0,0,.12);color-scheme:dark}}[data-theme=dark]{--oc-bg: #0f1311;--oc-surface: #151a17;--oc-raised: #1b211d;--oc-overlay: #202722;--oc-glass: rgba(21, 26, 23, .88);--oc-border: #242c28;--oc-border-hi: #2b3530;--oc-txt: rgba(255, 255, 255, .87);--oc-txt-2: rgba(255, 255, 255, .54);--oc-txt-3: rgba(255, 255, 255, .38);--oc-teal: #78aa95;--oc-teal-hi: #84c3a0;--oc-teal-dim: rgba(120, 170, 149, .12);--oc-teal-glow: rgba(120, 170, 149, .22);--oc-adenine: #81c784;--oc-thymine: #ffb74d;--oc-cytosine: #64b5f6;--oc-guanine: #e57373;--oc-purple: #ce93d8;--oc-input-bg: #1b211d;--oc-input-border: #2b3530;--oc-input-focus: #78aa95;--ov-card-bg: #1a2540;--ov-card-border: #2d4070;--ov-card-fg: #dbe4f5;--ov-active-bg: rgba(11, 122, 39, .2);--ov-active-border:#19a144;--ov-active-fg: #7adf95;--oc-scroll-thumb: #2b3530;--oc-scroll-thumb-hi: #334039;--oc-shadow-sm: 0px 2px 1px -1px rgba(0,0,0,.2), 0px 1px 1px 0px rgba(0,0,0,.14), 0px 1px 3px 0px rgba(0,0,0,.12);--oc-shadow-md: 0px 3px 3px -2px rgba(0,0,0,.2), 0px 3px 4px 0px rgba(0,0,0,.14), 0px 1px 8px 0px rgba(0,0,0,.12);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--oc-bg);color:var(--oc-txt);font-family:var(--oc-font-ui);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--oc-scroll-track)}::-webkit-scrollbar-thumb{background:var(--oc-scroll-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--oc-scroll-thumb-hi)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{color:var(--oc-teal);text-decoration:none}a:hover{color:var(--oc-teal-hi)}code{font-family:var(--oc-font-mono)}*:focus-visible{outline:2px solid var(--oc-teal);outline-offset:2px}