:root{color-scheme:light;--color-bg-base: #ffffff;--color-bg-subtle: #f8f9fa;--color-bg-muted: #f1f3f5;--color-bg-emphasis: #e9ecef;--color-bg-overlay: rgba(255, 255, 255, .95);--color-text-default: #1f2937;--color-text-muted: #6b7280;--color-text-subtle: #9ca3af;--color-text-on-emphasis: #1a1917;--color-border-default: #e5e7eb;--color-border-muted: #f1f3f5;--color-border-emphasis: #d1d5db;--color-primary: #8a6d3b;--color-primary-hover: #6d5527;--color-primary-subtle: #faf5e0;--color-primary-muted: rgba(255, 212, 0, .15);--color-accent: #ffd400;--color-accent-hover: #f0c800;--color-accent-ink: #8a6d3b;--color-accent-subtle: rgba(255, 212, 0, .18);--color-accent-subtle-hover: rgba(255, 212, 0, .3);--color-accent-highlight: rgba(255, 212, 0, .35);--color-success: #2f9e44;--color-danger: #ef4444;--color-danger-subtle: rgba(239, 68, 68, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-overlay: 0 8px 30px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .04);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .3);--control-hover-bg: rgba(255, 255, 255, 1);--control-hover-text: #111827;--control-inset-highlight: rgba(255, 255, 255, .6);--control-hover-inset-highlight: rgba(255, 255, 255, .8);--pill-dot-bg: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);--pill-dot-shadow: 0 1px 3px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .5);--pill-dot-hover-bg: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%);--pill-dot-hover-shadow: 0 4px 8px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .6);--scrollbar-thumb: #d1d5db;--scrollbar-track: transparent;--color-code-bg: #f6f8fa;--color-code-border: #e5e7eb;--color-code-text: #1f2937;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px}[data-theme=sepia]{color-scheme:light;--color-bg-base: #f6efe1;--color-bg-subtle: #f0e8d7;--color-bg-muted: #e9dfc9;--color-bg-emphasis: #dfd3b8;--color-bg-overlay: rgba(246, 239, 225, .95);--color-text-default: #43382a;--color-text-muted: #77685a;--color-text-subtle: #a3937f;--color-text-on-emphasis: #1a1917;--color-border-default: #ddd2ba;--color-border-muted: #e9dfc9;--color-border-emphasis: #c9bc9f;--color-primary: #7d5f2e;--color-primary-hover: #614a20;--color-primary-subtle: #efe3c2;--color-primary-muted: rgba(212, 168, 40, .18);--color-accent: #ffd400;--color-accent-hover: #f0c800;--color-accent-ink: #7d5f2e;--color-accent-subtle: rgba(230, 185, 20, .22);--color-accent-subtle-hover: rgba(230, 185, 20, .34);--color-accent-highlight: rgba(230, 185, 20, .35);--color-success: #2f7a3d;--color-danger: #c8442c;--color-danger-subtle: rgba(200, 68, 44, .12);--glass-bg: rgba(246, 239, 225, .85);--glass-border: rgba(255, 255, 255, .4);--control-hover-bg: rgba(255, 252, 245, 1);--control-hover-text: #43382a;--control-inset-highlight: rgba(255, 255, 255, .5);--control-hover-inset-highlight: rgba(255, 255, 255, .7);--pill-dot-bg: linear-gradient(135deg, #dfd3b8 0%, #c9bc9f 100%);--pill-dot-hover-bg: linear-gradient(135deg, #c9bc9f 0%, #a3937f 100%);--scrollbar-thumb: #c9bc9f;--color-code-bg: #f0e8d7;--color-code-border: #ddd2ba;--color-code-text: #43382a}[data-theme=dark]{color-scheme:dark;--color-bg-base: hsl(220, 13%, 8%);--color-bg-subtle: hsl(220, 12%, 11%);--color-bg-muted: hsl(220, 11%, 14%);--color-bg-emphasis: hsl(220, 10%, 18%);--color-bg-overlay: rgba(18, 20, 26, .95);--color-text-default: #e4e5e7;--color-text-muted: #9ca3af;--color-text-subtle: #6b7280;--color-text-on-emphasis: #1a1917;--color-border-default: hsl(220, 10%, 20%);--color-border-muted: hsl(220, 10%, 15%);--color-border-emphasis: hsl(220, 10%, 28%);--color-primary: #d3ac6a;--color-primary-hover: #e2c084;--color-primary-subtle: rgba(255, 212, 0, .12);--color-primary-muted: rgba(255, 212, 0, .08);--color-accent: #d3ac6a;--color-accent-hover: #e2c084;--color-accent-ink: #d3ac6a;--color-accent-subtle: rgba(255, 212, 0, .12);--color-accent-subtle-hover: rgba(255, 212, 0, .2);--color-accent-highlight: rgba(255, 212, 0, .14);--color-success: #69b56f;--color-danger: #f87171;--color-danger-subtle: rgba(248, 113, 113, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-overlay: 0 8px 30px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .06);--glass-bg: rgba(18, 20, 26, .85);--glass-border: rgba(255, 255, 255, .06);--control-hover-bg: rgba(255, 255, 255, .12);--control-hover-text: var(--color-text-default);--control-inset-highlight: rgba(255, 255, 255, .08);--control-hover-inset-highlight: rgba(255, 255, 255, .12);--pill-dot-bg: rgba(255, 255, 255, .2);--pill-dot-shadow: 0 1px 3px rgba(0, 0, 0, .2);--pill-dot-hover-bg: rgba(255, 255, 255, .35);--pill-dot-hover-shadow: 0 4px 8px rgba(0, 0, 0, .3);--scrollbar-thumb: #3d4455;--scrollbar-track: transparent;--color-code-bg: hsl(220, 12%, 12%);--color-code-border: hsl(220, 10%, 20%);--color-code-text: #c8ced8}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease!important}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-subtle);color:var(--color-text-default)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}