:root{--atproto-color-bg:#fff;--atproto-color-bg-elevated:#f8fafc;--atproto-color-bg-secondary:#f1f5f9;--atproto-color-text:#0f172a;--atproto-color-text-secondary:#475569;--atproto-color-text-muted:#64748b;--atproto-color-border:#e2e8f0;--atproto-color-border-subtle:#cbd5e1;--atproto-color-link:#2563eb;--atproto-color-link-hover:#1d4ed8;--atproto-color-error:#dc2626;--atproto-color-button-bg:#f1f5f9;--atproto-color-button-hover:#e2e8f0;--atproto-color-button-text:#0f172a;--atproto-color-code-bg:#f1f5f9;--atproto-color-code-border:#e2e8f0;--atproto-color-blockquote-border:#cbd5e1;--atproto-color-blockquote-bg:#f8fafc;--atproto-color-hr:#e2e8f0;--atproto-color-image-bg:#f1f5f9;--atproto-color-highlight:#fef08a}[data-theme=dark],.dark{--atproto-color-bg:#0f172a;--atproto-color-bg-elevated:#1e293b;--atproto-color-bg-secondary:#0b1120;--atproto-color-text:#e2e8f0;--atproto-color-text-secondary:#94a3b8;--atproto-color-text-muted:#64748b;--atproto-color-border:#1e293b;--atproto-color-border-subtle:#334155;--atproto-color-link:#60a5fa;--atproto-color-link-hover:#93c5fd;--atproto-color-error:#ef4444;--atproto-color-button-bg:#1e293b;--atproto-color-button-hover:#334155;--atproto-color-button-text:#e2e8f0;--atproto-color-code-bg:#0b1120;--atproto-color-code-border:#1e293b;--atproto-color-blockquote-border:#334155;--atproto-color-blockquote-bg:#1e293b;--atproto-color-hr:#334155;--atproto-color-image-bg:#1e293b;--atproto-color-highlight:#854d0e}@media (prefers-color-scheme:dark){:root:not([data-theme]),:root[data-theme=system]{--atproto-color-bg:#0f172a;--atproto-color-bg-elevated:#1e293b;--atproto-color-bg-secondary:#0b1120;--atproto-color-text:#e2e8f0;--atproto-color-text-secondary:#94a3b8;--atproto-color-text-muted:#64748b;--atproto-color-border:#1e293b;--atproto-color-border-subtle:#334155;--atproto-color-link:#60a5fa;--atproto-color-link-hover:#93c5fd;--atproto-color-error:#ef4444;--atproto-color-button-bg:#1e293b;--atproto-color-button-hover:#334155;--atproto-color-button-text:#e2e8f0;--atproto-color-code-bg:#0b1120;--atproto-color-code-border:#1e293b;--atproto-color-blockquote-border:#334155;--atproto-color-blockquote-bg:#1e293b;--atproto-color-hr:#334155;--atproto-color-image-bg:#1e293b;--atproto-color-highlight:#854d0e}}body{background:var(--demo-bg);color:var(--demo-text);margin:0;padding:0;transition:background-color .2s,color .2s}:root{--demo-bg:#eee;--demo-text:#1a1a1a;--demo-text-secondary:#666;--demo-border:#ddd;--demo-input-bg:#fff;--demo-button-bg:#06c;--demo-button-text:#fff;--demo-code-bg:#f5f5f5;--demo-code-border:#e0e0e0;--demo-hr:#e0e0e0}[data-theme=dark]{--demo-bg:#1a1a1a;--demo-text:#e0e0e0;--demo-text-secondary:#999;--demo-border:#444;--demo-input-bg:#2a2a2a;--demo-button-bg:#06c;--demo-button-text:#fff;--demo-code-bg:#2a2a2a;--demo-code-border:#444;--demo-hr:#444}@media (prefers-color-scheme:dark){:root:not([data-theme]),:root[data-theme=system]{--demo-bg:#1a1a1a;--demo-text:#e0e0e0;--demo-text-secondary:#999;--demo-border:#444;--demo-input-bg:#2a2a2a;--demo-button-bg:#06c;--demo-button-text:#fff;--demo-code-bg:#2a2a2a;--demo-code-border:#444;--demo-hr:#444}}