:root{color-scheme:light;--color-brand-50:240 249 253;--color-brand-100:225 244 251;--color-brand-500:69 166 222;--color-brand-600:50 134 186;--color-brand-900:31 93 139;--color-brand-950:23 55 82;--docia-brand:#45a6de;--color-brand-green:#65bc9a;--color-brand-teal:#56bdbd;--color-brand-sky:#3bbeef;--color-brand-cyan:#4cbece;--color-brand-green-text:#047857;--color-brand-teal-text:#0f766e;--color-brand-sky-text:#0369a1;--color-brand-blue-text:#1e6091;--color-brand-cyan-text:#0e7490;--color-brand-purple-text:#7c3aed;--docia-surface:#FFFFFF;--docia-surface-subdued:#F3F4F6;--docia-text:#111827;--docia-border:#E5E7EB;--docia-focus:rgba(69,166,222,0.35);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-banner:1025;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-toast:1080;--duration-instant:0ms;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:800ms;--duration-slowest:1000ms;--duration-sse-reconnect:200ms;--duration-sse-pulse:2s;--duration-offline-fade:150ms;--duration-offline-slide:250ms;--duration-banner-auto-dismiss:5s;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-banner-x:1rem;--spacing-banner-y:0.75rem;--spacing-toast-x:1rem;--spacing-toast-y:0.875rem;--color-status-info:#0ea5e9;--color-status-success:#10b981;--color-status-warning:#f59e0b;--color-status-danger:#ef4444;--color-status-degraded:#f97316;--color-status-offline:#64748b;--color-diff-local:#fecaca;--color-diff-server:#bbf7d0;--color-banner-warning-bg:#dbeafe;--color-banner-warning-text:#1e40af;--color-banner-danger-bg:#fef3c7;--color-banner-danger-text:#92400e;--color-sse-connecting:rgb(59 130 246);--color-sse-connecting-bg:rgb(239 246 255);--color-sse-connecting-border:rgb(191 219 254);--color-sse-connected:rgb(34 197 94);--color-sse-connected-bg:rgb(240 253 244);--color-sse-connected-border:rgb(187 247 208);--color-sse-reconnecting:rgb(245 158 11);--color-sse-reconnecting-bg:rgb(254 252 232);--color-sse-reconnecting-border:rgb(253 230 138);--color-sse-degraded:rgb(249 115 22);--color-sse-degraded-bg:rgb(255 247 237);--color-sse-degraded-border:rgb(254 215 170);--color-sse-offline:rgb(71 85 105);--color-sse-offline-bg:rgb(248 250 252);--color-sse-offline-border:rgb(203 213 225);--color-sse-error:rgb(239 68 68);--color-sse-error-bg:rgb(254 242 242);--color-sse-error-border:rgb(254 202 202);--color-offline-pending:rgb(59 130 246);--color-offline-pending-bg:rgb(239 246 255);--color-offline-pending-border:rgb(191 219 254);--color-offline-syncing:rgb(99 102 241);--color-offline-syncing-bg:rgb(238 242 255);--color-offline-syncing-border:rgb(199 210 254);--color-offline-conflict:rgb(245 158 11);--color-offline-conflict-bg:rgb(254 252 232);--color-offline-conflict-border:rgb(253 230 138);--color-offline-synced:rgb(34 197 94);--color-offline-synced-bg:rgb(240 253 244);--color-offline-synced-border:rgb(187 247 208);--border-radius-banner-top:0;--border-radius-banner-bottom:0.375rem;--font-size-banner:0.875rem;--font-weight-banner:500;--line-height-banner:1.25rem;--font-size-toast:0.875rem;--font-weight-toast:500;--line-height-toast:1.25rem;--font-size-badge:0.75rem;--font-weight-badge:600;--shadow-banner:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-toast:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-modal:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--color-focus-outline:#3b82f6;--color-focus-ring:rgba(59,130,246,0.5);--color-focus-ring-offset:rgb(255 255 255);--width-focus-ring:2px;--width-focus-ring-offset:2px;--border-radius-toast:8px;--border-radius-modal:12px}[data-accent=green]{--color-brand-50:240 253 244;--color-brand-100:220 252 231;--color-brand-500:34 197 94;--color-brand-600:22 163 74;--color-brand-900:20 83 45;--color-brand-950:5 46 22}[data-accent=teal]{--color-brand-50:240 253 250;--color-brand-100:204 251 241;--color-brand-500:20 184 166;--color-brand-600:13 148 136;--color-brand-900:19 78 74;--color-brand-950:4 47 46}[data-accent=violet]{--color-brand-50:245 243 255;--color-brand-100:237 233 254;--color-brand-500:139 92 246;--color-brand-600:124 58 237;--color-brand-900:76 29 149;--color-brand-950:46 16 101}[data-accent=orange]{--color-brand-50:255 247 237;--color-brand-100:255 237 213;--color-brand-500:249 115 22;--color-brand-600:234 88 12;--color-brand-900:124 45 18;--color-brand-950:67 20 7}[data-accent=red]{--color-brand-50:254 242 242;--color-brand-100:254 226 226;--color-brand-500:239 68 68;--color-brand-600:220 38 38;--color-brand-900:127 29 29;--color-brand-950:69 10 10}.dark{color-scheme:dark;--docia-surface:#111827;--docia-surface-subdued:#0F172A;--docia-text:#E2E8F0;--docia-border:#1F2937;--docia-focus:rgba(56,189,248,0.45);--color-sse-connecting-bg:rgb(30 58 138);--color-sse-connected-bg:rgb(20 83 45);--color-sse-reconnecting-bg:rgb(120 53 15);--color-sse-degraded-bg:rgb(124 45 18);--color-sse-offline-bg:rgb(30 41 59);--color-sse-error-bg:rgb(127 29 29);--color-offline-pending-bg:rgb(30 58 138);--color-offline-syncing-bg:rgb(49 46 129);--color-offline-conflict-bg:rgb(120 53 15);--color-offline-synced-bg:rgb(20 83 45);--color-focus-ring-offset:rgb(15 23 42)}.banner-base{padding:var(--spacing-banner-y) var(--spacing-banner-x);font-size:var(--font-size-banner);font-weight:var(--font-weight-banner);line-height:var(--line-height-banner);box-shadow:var(--shadow-banner)}.toast-base{padding:var(--spacing-toast-y) var(--spacing-toast-x);font-size:var(--font-size-toast);font-weight:var(--font-weight-toast);line-height:var(--line-height-toast);box-shadow:var(--shadow-toast);border-radius:var(--border-radius-toast)}@keyframes sse-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes offline-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes offline-slide-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.animate-sse-pulse{animation:sse-pulse var(--duration-sse-pulse) ease-in-out infinite}.animate-offline-slide-in{animation:offline-slide-in var(--duration-offline-slide) ease-out}.animate-offline-slide-out{animation:offline-slide-out var(--duration-offline-slide) ease-in}@media (prefers-reduced-motion:reduce){.animate-fade-in,.animate-fade-in-up,.animate-offline-slide-in,.animate-offline-slide-out,.animate-sse-pulse{animation:none}[class*="hover:-translate-y"]{transform:none!important;transition:none!important}}