:root{--oc-space-1:4px;--oc-space-2:8px;--oc-space-3:12px;--oc-space-4:16px;--oc-space-5:24px;--oc-space-6:32px;--oc-space-7:40px;--oc-space-8:56px;--oc-space-9:80px;--oc-space-10:120px;--oc-space-11:160px;--oc-space-12:200px;--oc-space-13:240px;--oc-radius-pill:100px;--oc-radius-card:24px;--oc-radius-panel:16px;--oc-radius-media:10px;--oc-radius-input:10px;--oc-radius-sm:8px;--oc-font-body:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--oc-font-display:"Montserrat", var(--oc-font-body);--oc-font-mono:"Fragment Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Noto Sans SC", "PingFang SC", monospace;--oc-control-gap:6px;--oc-control-padding-block:11px;--oc-control-padding-inline:18px;--oc-blur-glass:12px;--oc-shadow-card:0 0 0 1px #0f172a0a, 0 2px 4px #0000000d, 0 12px 24px #0000000d;--oc-shadow-panel:0 0 1px 0 #0003, 0 12px 32px 0 #00000014;--oc-container:min(100% - 48px, 1140px);--oc-color-text-primary:#1e232c;--oc-color-text-secondary:#000000b3;--oc-color-text-description:#000000a6;--oc-color-text-placeholder:#626d7e;--oc-color-text-link:#1c3a9e;--oc-color-brand:#2946d3;--oc-color-brand-deep:#172b8f;--oc-color-brand-medium:#3558db;--oc-color-brand-light:#8fa6e8;--oc-color-accent:#e04b22;--oc-color-bg-surface-1:#ffffff4d;--oc-color-bg-surface-2:#fff3;--oc-color-bg-surface-raised:#ffffff73;--oc-color-bg-hero-cta:#ffffff61;--oc-color-bg-input:#fff3;--oc-color-bg-input-hover:#ffffff5c;--oc-color-bg-page:#f9f8f8;--oc-color-bg-overlay:#fff;--oc-color-bg-surface-3:#00000008;--oc-color-bg-surface-4:#00000005;--oc-color-bg-surface-5:#0000000d;--oc-color-bg-hover:#0000000a;--oc-color-bg-code:#0000000d;--oc-color-bg-contrast:#1a1615;--oc-color-border-subtle:#0000000f;--oc-color-border-default:#0000001a;--oc-color-border-divider:#00000014;--oc-color-border-hover:#74727233;--oc-color-border-strong:#0003;--oc-color-border-secondary:#092d4e24;--oc-color-border-input:#fff3;--oc-color-border-input-focus:#ffffff40;--oc-color-scrollbar:#00000026;--oc-btn-primary-bg:#1a1615;--oc-btn-primary-text:#fff;--oc-btn-primary-border:transparent;--oc-btn-primary-hover-bg:#ffffff4d;--oc-btn-primary-divider:#ffffff38;--oc-btn-secondary-bg:#fff6;--oc-btn-secondary-text:#1e232c;--oc-btn-secondary-border:#092d4e2e;--oc-btn-secondary-hover-bg:#0000000d;--oc-btn-secondary-hover-border:#092d4e5c;--oc-btn-ghost-bg:transparent;--oc-btn-ghost-text:#121c31;--oc-btn-ghost-border:transparent;--oc-btn-ghost-hover-bg:#0000000a;--oc-btn-ghost-hover-border:#74727233;--oc-btn-liquid-bg:#fff6;--oc-btn-liquid-hover-bg:#fff9;--oc-color-static-white:#fff;--oc-color-static-black:#0f0f0f;--oc-color-static-black-secondary:#0009;--oc-color-text-inverse:#fff;--oc-btn-ghost-static-bg:transparent;--oc-btn-ghost-static-text:#0f0f0f;--oc-btn-ghost-static-border:#0003;--oc-btn-ghost-static-hover-bg:#0000000d;--oc-btn-ghost-static-hover-border:#092d4e4d}@media (min-width:768px){:root{--oc-container:min(100% - 144px, 1140px)}}@media (min-width:1560px){:root{--oc-container:min(100% - 160px, 1280px)}}:root[data-theme=dark]{--oc-shadow-card:inset 0 1px 0 0 #ffffff1f;--oc-shadow-panel:0 0 1px 0 #0009, 0 12px 32px 0 #00000073;--oc-color-text-primary:#fff;--oc-color-text-secondary:#fffc;--oc-color-text-description:#ffffff80;--oc-color-text-placeholder:#ffffff7a;--oc-color-text-link:#9db4ff;--oc-color-brand:#6f8dfa;--oc-color-brand-deep:#fff;--oc-color-brand-medium:#fff;--oc-color-brand-light:#8fa6e8;--oc-color-accent:#ff7a52;--oc-color-bg-surface-1:#ffffff0f;--oc-color-bg-surface-2:#ffffff0a;--oc-color-bg-surface-raised:#ffffff40;--oc-color-bg-hero-cta:#ffffff1f;--oc-color-bg-input:#ffffff14;--oc-color-bg-input-hover:#ffffff1f;--oc-color-bg-page:#0a0a0a;--oc-color-bg-overlay:#262626;--oc-color-bg-surface-3:#ffffff05;--oc-color-bg-surface-4:#ffffff04;--oc-color-bg-surface-5:#ffffff1f;--oc-color-bg-hover:#ffffff0f;--oc-color-bg-code:#00000059;--oc-color-bg-contrast:#fff;--oc-color-border-subtle:#ffffff14;--oc-color-border-default:#ffffff0f;--oc-color-border-divider:#ffffff40;--oc-color-border-hover:#fff3;--oc-color-border-strong:#ffffff3d;--oc-color-border-secondary:#fff3;--oc-color-border-input:#fff3;--oc-color-border-input-focus:#ffffff40;--oc-color-scrollbar:#fff3;--oc-btn-primary-bg:#fff;--oc-btn-primary-text:#0a0a0a;--oc-btn-primary-border:transparent;--oc-btn-primary-hover-bg:#0003;--oc-btn-primary-divider:#0000002e;--oc-btn-secondary-bg:#ffffff0f;--oc-btn-secondary-text:#fff;--oc-btn-secondary-border:#ffffff26;--oc-btn-secondary-hover-bg:#fff3;--oc-btn-secondary-hover-border:#fff9;--oc-btn-ghost-bg:transparent;--oc-btn-ghost-text:#fff;--oc-btn-ghost-border:transparent;--oc-btn-ghost-hover-bg:#ffffff14;--oc-btn-ghost-hover-border:#fff3;--oc-btn-liquid-bg:#fff;--oc-btn-liquid-hover-bg:#0003}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--oc-shadow-card:inset 0 1px 0 0 #ffffff1f;--oc-shadow-panel:0 0 1px 0 #0009, 0 12px 32px 0 #00000073;--oc-color-text-primary:#fff;--oc-color-text-secondary:#fffc;--oc-color-text-description:#ffffff80;--oc-color-text-placeholder:#ffffff7a;--oc-color-text-link:#9db4ff;--oc-color-brand:#6f8dfa;--oc-color-brand-deep:#fff;--oc-color-brand-medium:#fff;--oc-color-brand-light:#8fa6e8;--oc-color-accent:#ff7a52;--oc-color-bg-surface-1:#ffffff0f;--oc-color-bg-surface-2:#ffffff0a;--oc-color-bg-surface-raised:#ffffff40;--oc-color-bg-hero-cta:#ffffff1f;--oc-color-bg-input:#ffffff14;--oc-color-bg-input-hover:#ffffff1f;--oc-color-bg-page:#0a0a0a;--oc-color-bg-overlay:#262626;--oc-color-bg-surface-3:#ffffff05;--oc-color-bg-surface-4:#ffffff04;--oc-color-bg-surface-5:#ffffff1f;--oc-color-bg-hover:#ffffff0f;--oc-color-bg-code:#00000059;--oc-color-bg-contrast:#fff;--oc-color-border-subtle:#ffffff14;--oc-color-border-default:#ffffff0f;--oc-color-border-divider:#ffffff40;--oc-color-border-hover:#fff3;--oc-color-border-strong:#ffffff3d;--oc-color-border-secondary:#fff3;--oc-color-border-input:#fff3;--oc-color-border-input-focus:#ffffff40;--oc-color-scrollbar:#fff3;--oc-btn-primary-bg:#fff;--oc-btn-primary-text:#0a0a0a;--oc-btn-primary-border:transparent;--oc-btn-primary-hover-bg:#0003;--oc-btn-primary-divider:#0000002e;--oc-btn-secondary-bg:#ffffff0f;--oc-btn-secondary-text:#fff;--oc-btn-secondary-border:#ffffff26;--oc-btn-secondary-hover-bg:#fff3;--oc-btn-secondary-hover-border:#fff9;--oc-btn-ghost-bg:transparent;--oc-btn-ghost-text:#fff;--oc-btn-ghost-border:transparent;--oc-btn-ghost-hover-bg:#ffffff14;--oc-btn-ghost-hover-border:#fff3;--oc-btn-liquid-bg:#fff;--oc-btn-liquid-hover-bg:#0003}}