@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap";: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-gold: #daa520;--oc-gold-hi: #e8be4a;--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: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", 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);--bg: var(--oc-bg);--surface: var(--oc-surface);--surface-2: var(--oc-raised);--line: var(--oc-border);--line-soft: var(--oc-border-hi);--text: var(--oc-txt);--text-2: var(--oc-txt-2);--text-3: var(--oc-txt-3);--brand: var(--oc-teal);--brand-hi: var(--oc-teal-hi);--brand-soft: var(--oc-teal-dim);--brand-soft-2: var(--oc-teal-glow);--green: var(--oc-adenine);--red: var(--oc-guanine);--amber: var(--oc-thymine);--blue: var(--oc-cytosine);--purple: var(--oc-purple);--shadow-sm: var(--oc-shadow-sm);--shadow-md: var(--oc-shadow-md);--radius-card: 10px;--radius-input: 8px;--radius-btn: 8px;--ui: var(--oc-font-ui);--mono: var(--oc-font-mono);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--oc-bg: #000000;--oc-surface: #050607;--oc-raised: #090b0c;--oc-overlay: #111416;--oc-glass: rgba(0, 0, 0, .72);--oc-border: rgba(255, 255, 255, .105);--oc-border-hi: rgba(255, 255, 255, .18);--oc-txt: #f5f0e6;--oc-txt-2: rgba(245, 240, 230, .68);--oc-txt-3: rgba(245, 240, 230, .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-gold: #e3c14e;--oc-gold-hi: #eed06a;--oc-input-bg: rgba(255, 255, 255, .035);--oc-input-border: rgba(255, 255, 255, .12);--oc-input-focus: #78aa95;--ov-card-bg: rgba(255, 255, 255, .035);--ov-card-border: rgba(255, 255, 255, .12);--ov-card-fg: #f5f0e6;--ov-active-bg: rgba(120, 170, 149, .12);--ov-active-border:rgba(120, 170, 149, .58);--ov-active-fg: #84c3a0;--oc-scroll-thumb: rgba(255, 255, 255, .18);--oc-scroll-thumb-hi: rgba(120, 170, 149, .42);--oc-shadow-sm: none;--oc-shadow-md: 0 28px 90px rgba(0,0,0,.62);--bg: var(--oc-bg);--surface: var(--oc-surface);--surface-2: var(--oc-raised);--line: var(--oc-border);--line-soft: var(--oc-border-hi);--text: var(--oc-txt);--text-2: var(--oc-txt-2);--text-3: var(--oc-txt-3);--brand: var(--oc-teal);--brand-hi: var(--oc-teal-hi);--brand-soft: var(--oc-teal-dim);--brand-soft-2: var(--oc-teal-glow);--green: var(--oc-adenine);--red: var(--oc-guanine);--amber: var(--oc-thymine);--blue: var(--oc-cytosine);--purple: var(--oc-purple);--shadow-sm: var(--oc-shadow-sm);--shadow-md: var(--oc-shadow-md);--radius-card: 10px;--radius-input: 8px;--radius-btn: 8px;--ui: var(--oc-font-ui);--mono: var(--oc-font-mono);color-scheme:dark}}[data-theme=dark]{--oc-bg: #000000;--oc-surface: #050607;--oc-raised: #090b0c;--oc-overlay: #111416;--oc-glass: rgba(0, 0, 0, .72);--oc-border: rgba(255, 255, 255, .105);--oc-border-hi: rgba(255, 255, 255, .18);--oc-txt: #f5f0e6;--oc-txt-2: rgba(245, 240, 230, .68);--oc-txt-3: rgba(245, 240, 230, .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-gold: #e3c14e;--oc-gold-hi: #eed06a;--oc-input-bg: rgba(255, 255, 255, .035);--oc-input-border: rgba(255, 255, 255, .12);--oc-input-focus: #78aa95;--ov-card-bg: rgba(255, 255, 255, .035);--ov-card-border: rgba(255, 255, 255, .12);--ov-card-fg: #f5f0e6;--ov-active-bg: rgba(120, 170, 149, .12);--ov-active-border:rgba(120, 170, 149, .58);--ov-active-fg: #84c3a0;--oc-scroll-thumb: rgba(255, 255, 255, .18);--oc-scroll-thumb-hi: rgba(120, 170, 149, .42);--oc-shadow-sm: none;--oc-shadow-md: 0 28px 90px rgba(0,0,0,.62);--bg: var(--oc-bg);--surface: var(--oc-surface);--surface-2: var(--oc-raised);--line: var(--oc-border);--line-soft: var(--oc-border-hi);--text: var(--oc-txt);--text-2: var(--oc-txt-2);--text-3: var(--oc-txt-3);--brand: var(--oc-teal);--brand-hi: var(--oc-teal-hi);--brand-soft: var(--oc-teal-dim);--brand-soft-2: var(--oc-teal-glow);--green: var(--oc-adenine);--red: var(--oc-guanine);--amber: var(--oc-thymine);--blue: var(--oc-cytosine);--purple: var(--oc-purple);--shadow-sm: var(--oc-shadow-sm);--shadow-md: var(--oc-shadow-md);--radius-card: 10px;--radius-input: 8px;--radius-btn: 8px;--ui: var(--oc-font-ui);--mono: var(--oc-font-mono);color-scheme:dark}:root[data-palette=midnight]{--oc-bg: #0b0f1a;--oc-surface: #0f1424;--oc-raised: #151b30;--oc-overlay: #1b2440;--oc-glass: rgba(11, 15, 26, .74);--oc-border: rgba(150, 170, 220, .12);--oc-border-hi: rgba(150, 170, 220, .22);--oc-txt: #e8ecf8;--oc-txt-2: rgba(232, 236, 248, .68);--oc-txt-3: rgba(232, 236, 248, .4);--oc-teal: #7c9cff;--oc-teal-hi: #93b0ff;--oc-teal-dim: rgba(124, 156, 255, .14);--oc-teal-glow: rgba(124, 156, 255, .24);--oc-input-bg: rgba(150, 170, 220, .05);--oc-input-border: rgba(150, 170, 220, .16);--oc-input-focus: #7c9cff;--ov-active-bg: rgba(124, 156, 255, .14);--ov-active-border:rgba(124, 156, 255, .58);--ov-active-fg: #93b0ff;--oc-scroll-thumb: rgba(150, 170, 220, .2);--oc-scroll-thumb-hi: rgba(124, 156, 255, .45);--oc-shadow-md: 0 28px 90px rgba(0, 0, 6, .66)}:root[data-palette=high-contrast]{--oc-bg: #000000;--oc-surface: #000000;--oc-raised: #0a0a0a;--oc-overlay: #141414;--oc-glass: rgba(0, 0, 0, .88);--oc-border: rgba(255, 255, 255, .5);--oc-border-hi: rgba(255, 255, 255, .82);--oc-txt: #ffffff;--oc-txt-2: rgba(255, 255, 255, .9);--oc-txt-3: rgba(255, 255, 255, .7);--oc-teal: #5fe3b0;--oc-teal-hi: #7df0c4;--oc-teal-dim: rgba(95, 227, 176, .2);--oc-teal-glow: rgba(95, 227, 176, .34);--oc-adenine: #5fe3b0;--oc-thymine: #ffc04d;--oc-cytosine: #7cc4ff;--oc-guanine: #ff8a8a;--oc-input-bg: #000000;--oc-input-border: rgba(255, 255, 255, .55);--oc-input-focus: #5fe3b0;--ov-active-bg: rgba(95, 227, 176, .22);--ov-active-border:rgba(95, 227, 176, .8);--ov-active-fg: #7df0c4;--oc-scroll-thumb: rgba(255, 255, 255, .45);--oc-scroll-thumb-hi: rgba(255, 255, 255, .72)}:root[data-palette=sepia]{--oc-bg: #f4ecd8;--oc-surface: #efe6cf;--oc-raised: #e8ddc2;--oc-overlay: #e0d3b3;--oc-glass: rgba(244, 236, 216, .92);--oc-border: #d8c9a6;--oc-border-hi: #cbb98e;--oc-txt: rgba(67, 54, 31, 1);--oc-txt-2: rgba(67, 54, 31, .66);--oc-txt-3: rgba(67, 54, 31, .42);--oc-teal: #936639;--oc-teal-hi: #a8763f;--oc-teal-dim: rgba(147, 102, 57, .12);--oc-teal-glow: rgba(147, 102, 57, .22);--oc-input-bg: #fbf6e9;--oc-input-border: #cbb98e;--oc-input-focus: #b08d4f;--ov-active-bg: rgba(147, 102, 57, .12);--ov-active-border:rgba(147, 102, 57, .55);--ov-active-fg: #7a5630;--oc-scroll-thumb: #cbb98e;--oc-scroll-thumb-hi: #b3a06f}option,optgroup{background-color:var(--oc-overlay);color:var(--oc-txt)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 52% -18%,rgba(120,170,149,.08),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.026),transparent 22%),var(--oc-bg);color:var(--oc-txt);font-family:var(--oc-font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.oc-msg{zoom:var(--oc-chat-zoom, 1)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 70%)}#app{position:relative;z-index:1;width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--oc-scroll-track)}::-webkit-scrollbar-thumb{background:var(--oc-scroll-thumb);border-radius:999px}::-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}::selection{background:#78aa952e}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}