:root{--bg-primary-gradient: #1c1c1c;--bg-primary: #1c1c1c;--bg-secondary: #141414;--bg-tertiary: #242424;--bg-accent: #2a2a2a;--glass-bg: #242424;--glass-border: rgba(255, 255, 255, .08);--glass-blur: 0px;--glass-shadow: none;--post-bg: #242424;--post-bg-hover: #2a2a2a;--text-primary: #E8E8E8;--text-secondary: #A0A0A0;--text-disabled: #6B6B6B;--text-muted: #8A8A8A;--accent-primary: #c4a35a;--accent-primary-hover: #d4b56e;--accent-primary-disabled: #8a7340;--text-on-accent: #1A1A1A;--accent-color: var(--accent-primary);--accent-hover: var(--accent-primary-hover);--accent-danger: #F44336;--accent-blue: #4A9EFF;--accent-blue-hover: #6BB3FF;--success-color: #4CAF50;--warning-color: #FFB300;--error-color: #F44336;--border-color: rgba(255, 255, 255, .08);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--sidebar-width: 16rem;--header-height: 4rem;--surface-hover: rgba(255, 255, 255, .08);--surface-focus: rgba(255, 255, 255, .12);--surface-pressed: rgba(255, 255, 255, .16);--surface-selected: rgba(255, 255, 255, .2);--elevation-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--elevation-2: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--elevation-3: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--elevation-4: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);--link-hover-bg: rgba(196, 163, 90, .08);--link-active-bg: rgba(196, 163, 90, .14);--link-focus-ring: 0 0 0 2px rgba(196, 163, 90, .35);--tag-link-bg: transparent;--tag-link-color: #c4a35a;--tag-link-border: rgba(196, 163, 90, .35);--tag-link-hover-bg: rgba(196, 163, 90, .1);--tag-link-hover-color: #d4b56e;--tag-link-hover-border: rgba(196, 163, 90, .55);--tag-link-shadow: none;--tag-link-shadow-hover: none;--tag-link-focus-ring: 0 0 0 2px rgba(196, 163, 90, .35)}[data-theme=dark-default]{--bg-primary-gradient: #1c1c1c;--bg-primary: #1c1c1c;--bg-secondary: #141414;--bg-tertiary: #242424;--bg-accent: #2a2a2a;--post-bg: #242424;--post-bg-hover: #2a2a2a;--text-primary: #E8E8E8;--text-secondary: #A0A0A0;--text-disabled: #6B6B6B;--text-muted: #8A8A8A;--accent-primary: #c4a35a;--accent-primary-hover: #d4b56e;--accent-primary-disabled: #8a7340;--text-on-accent: #1A1A1A;--accent-color: var(--accent-primary);--accent-hover: var(--accent-primary-hover);--accent-blue: #4A9EFF;--accent-blue-hover: #6BB3FF;--border-color: rgba(255, 255, 255, .08);--glass-bg: #242424;--glass-border: rgba(255, 255, 255, .08);--glass-blur: 0px;--glass-shadow: none;--surface-hover: rgba(255, 255, 255, .08);--surface-focus: rgba(255, 255, 255, .12);--surface-pressed: rgba(255, 255, 255, .16);--surface-selected: rgba(255, 255, 255, .2);--tag-link-bg: transparent;--tag-link-color: #c4a35a;--tag-link-border: rgba(196, 163, 90, .35);--tag-link-hover-bg: rgba(196, 163, 90, .1);--tag-link-hover-color: #d4b56e;--tag-link-hover-border: rgba(196, 163, 90, .55);--tag-link-shadow: none;--tag-link-shadow-hover: none;--tag-link-focus-ring: 0 0 0 2px rgba(196, 163, 90, .35);--link-hover-bg: rgba(196, 163, 90, .08);--link-active-bg: rgba(196, 163, 90, .14);--link-focus-ring: 0 0 0 2px rgba(196, 163, 90, .35)}[data-theme=dark-blue]{--bg-primary-gradient: linear-gradient(135deg, #0a0f1a 0%, #0f1419 25%, #141a24 50%, #1a2332 75%, #0f1419 100%);--bg-primary: #0F1419;--bg-secondary: #141C28;--bg-tertiary: #1A2434;--bg-accent: #202C40;--post-bg: rgba(20, 28, 40, .65);--post-bg-hover: rgba(26, 36, 52, .8);--text-primary: #E8F4FD;--text-secondary: #B8D9F5;--text-disabled: #6B8A9C;--text-muted: #8BB3D1;--accent-primary: #4A9EFF;--accent-primary-hover: #6BB3FF;--accent-primary-disabled: #3A7ECC;--text-on-accent: #FFFFFF;--accent-blue: #1E88E5;--accent-blue-hover: #42A5F5;--border-color: rgba(74, 158, 255, .2);--glass-bg: rgba(20, 28, 40, .75);--glass-border: rgba(74, 158, 255, .15);--glass-blur: 0px;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--surface-hover: rgba(74, 158, 255, .1);--surface-focus: rgba(74, 158, 255, .15);--surface-pressed: rgba(74, 158, 255, .2);--surface-selected: rgba(74, 158, 255, .25);--tag-link-bg: rgba(74, 158, 255, .2);--tag-link-color: #6BB3FF;--tag-link-border: rgba(74, 158, 255, .4);--tag-link-hover-bg: rgba(74, 158, 255, .3);--tag-link-hover-color: #8CC5FF;--tag-link-hover-border: rgba(74, 158, 255, .6);--tag-link-shadow: 0 2px 4px rgba(0, 0, 0, .2);--tag-link-shadow-hover: 0 4px 8px rgba(74, 158, 255, .3);--tag-link-focus-ring: 0 0 0 2px rgba(74, 158, 255, .4), 0 1px 2px rgba(0, 0, 0, .1);--link-hover-bg: rgba(74, 158, 255, .15);--link-active-bg: rgba(74, 158, 255, .25);--link-focus-ring: 0 0 0 2px rgba(74, 158, 255, .4)}[data-theme=dark-purple]{--bg-primary-gradient: linear-gradient(135deg, #0f0a14 0%, #1a0f1a 25%, #251520 50%, #2d1b2d 75%, #1a0f1a 100%);--bg-primary: #1A0F1A;--bg-secondary: #1E141E;--bg-tertiary: #281C28;--bg-accent: #322432;--post-bg: rgba(30, 20, 30, .65);--post-bg-hover: rgba(40, 28, 40, .8);--text-primary: #F0E8F0;--text-secondary: #D8B8D8;--text-disabled: #8A6A8A;--text-muted: #B888B8;--accent-primary: #BA68C8;--accent-primary-hover: #CE93D8;--accent-primary-disabled: #9A4DA8;--text-on-accent: #FFFFFF;--accent-blue: #9575CD;--accent-blue-hover: #B39DDB;--border-color: rgba(186, 104, 200, .2);--glass-bg: rgba(30, 20, 30, .75);--glass-border: rgba(186, 104, 200, .15);--glass-blur: 0px;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--surface-hover: rgba(186, 104, 200, .1);--surface-focus: rgba(186, 104, 200, .15);--surface-pressed: rgba(186, 104, 200, .2);--surface-selected: rgba(186, 104, 200, .25);--tag-link-bg: rgba(186, 104, 200, .2);--tag-link-color: #CE93D8;--tag-link-border: rgba(186, 104, 200, .4);--tag-link-hover-bg: rgba(186, 104, 200, .3);--tag-link-hover-color: #E1BEE7;--tag-link-hover-border: rgba(186, 104, 200, .6);--tag-link-shadow: 0 2px 4px rgba(0, 0, 0, .2);--tag-link-shadow-hover: 0 4px 8px rgba(186, 104, 200, .3);--tag-link-focus-ring: 0 0 0 2px rgba(186, 104, 200, .4), 0 1px 2px rgba(0, 0, 0, .1);--link-hover-bg: rgba(186, 104, 200, .15);--link-active-bg: rgba(186, 104, 200, .25);--link-focus-ring: 0 0 0 2px rgba(186, 104, 200, .4)}[data-theme=dark-green]{--bg-primary-gradient: linear-gradient(135deg, #0a140a 0%, #0f1a0f 25%, #152015 50%, #1b2d1b 75%, #0f1a0f 100%);--bg-primary: #0F1A0F;--bg-secondary: #141E14;--bg-tertiary: #1C281C;--bg-accent: #243224;--post-bg: rgba(20, 30, 20, .65);--post-bg-hover: rgba(28, 40, 28, .8);--text-primary: #E8F0E8;--text-secondary: #B8D8B8;--text-disabled: #6A8A6A;--text-muted: #88B088;--accent-primary: #66BB6A;--accent-primary-hover: #81C784;--accent-primary-disabled: #4A8F4E;--text-on-accent: #FFFFFF;--accent-blue: #4CAF50;--accent-blue-hover: #66BB6A;--border-color: rgba(102, 187, 106, .2);--glass-bg: rgba(20, 30, 20, .75);--glass-border: rgba(102, 187, 106, .15);--glass-blur: 0px;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--surface-hover: rgba(102, 187, 106, .1);--surface-focus: rgba(102, 187, 106, .15);--surface-pressed: rgba(102, 187, 106, .2);--surface-selected: rgba(102, 187, 106, .25);--tag-link-bg: rgba(102, 187, 106, .2);--tag-link-color: #81C784;--tag-link-border: rgba(102, 187, 106, .4);--tag-link-hover-bg: rgba(102, 187, 106, .3);--tag-link-hover-color: #A5D6A7;--tag-link-hover-border: rgba(102, 187, 106, .6);--tag-link-shadow: 0 2px 4px rgba(0, 0, 0, .2);--tag-link-shadow-hover: 0 4px 8px rgba(102, 187, 106, .3);--tag-link-focus-ring: 0 0 0 2px rgba(102, 187, 106, .4), 0 1px 2px rgba(0, 0, 0, .1);--link-hover-bg: rgba(102, 187, 106, .15);--link-active-bg: rgba(102, 187, 106, .25);--link-focus-ring: 0 0 0 2px rgba(102, 187, 106, .4)}[data-theme=light-default]{--bg-primary-gradient: linear-gradient(135deg, #fafafa 0%, #ffffff 25%, #f5f5f5 50%, #f0f0f0 75%, #ffffff 100%);--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F5;--bg-accent: #E9ECEF;--post-bg: rgba(255, 255, 255, .9);--post-bg-hover: rgba(248, 249, 250, .95);--text-primary: #1A1A1A;--text-secondary: #4A4A4A;--text-disabled: #9E9E9E;--text-muted: #6B6B6B;--accent-primary: #D4AF37;--accent-primary-hover: #C19B2E;--accent-primary-disabled: #9A7A28;--text-on-accent: #FFFFFF;--accent-blue: #1976D2;--accent-blue-hover: #1565C0;--border-color: rgba(0, 0, 0, .12);--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .08);--glass-blur: 0px;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .12);--surface-hover: rgba(0, 0, 0, .04);--surface-focus: rgba(0, 0, 0, .08);--surface-pressed: rgba(0, 0, 0, .12);--surface-selected: rgba(0, 0, 0, .16);--tag-link-bg: rgba(212, 175, 55, .15);--tag-link-color: #C19B2E;--tag-link-border: rgba(212, 175, 55, .3);--tag-link-hover-bg: rgba(212, 175, 55, .25);--tag-link-hover-color: #B08A26;--tag-link-hover-border: rgba(212, 175, 55, .5);--tag-link-shadow: 0 1px 3px rgba(0, 0, 0, .1);--tag-link-shadow-hover: 0 2px 6px rgba(0, 0, 0, .15);--tag-link-focus-ring: 0 0 0 2px rgba(212, 175, 55, .3), 0 1px 2px rgba(0, 0, 0, .05);--link-hover-bg: rgba(212, 175, 55, .1);--link-active-bg: rgba(212, 175, 55, .2);--link-focus-ring: 0 0 0 2px rgba(212, 175, 55, .3)}[data-theme=light-blue]{--bg-primary-gradient: linear-gradient(135deg, #f0f4ff 0%, #ffffff 25%, #f5f9ff 50%, #eef5ff 75%, #ffffff 100%);--bg-primary: #FFFFFF;--bg-secondary: #F0F4FF;--bg-tertiary: #E8F0FF;--bg-accent: #E0ECFF;--post-bg: rgba(255, 255, 255, .9);--post-bg-hover: rgba(240, 244, 255, .95);--text-primary: #1A2332;--text-secondary: #4A5A6B;--text-disabled: #8B9BA8;--text-muted: #6B7A8A;--accent-primary: #1976D2;--accent-primary-hover: #1565C0;--accent-primary-disabled: #0D47A1;--text-on-accent: #FFFFFF;--accent-blue: #1E88E5;--accent-blue-hover: #1565C0;--border-color: rgba(25, 118, 210, .2);--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(25, 118, 210, .15);--glass-blur: 0px;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .12);--surface-hover: rgba(25, 118, 210, .08);--surface-focus: rgba(25, 118, 210, .12);--surface-pressed: rgba(25, 118, 210, .16);--surface-selected: rgba(25, 118, 210, .2);--tag-link-bg: rgba(25, 118, 210, .15);--tag-link-color: #1565C0;--tag-link-border: rgba(25, 118, 210, .3);--tag-link-hover-bg: rgba(25, 118, 210, .25);--tag-link-hover-color: #0D47A1;--tag-link-hover-border: rgba(25, 118, 210, .5);--tag-link-shadow: 0 1px 3px rgba(0, 0, 0, .1);--tag-link-shadow-hover: 0 2px 6px rgba(25, 118, 210, .2);--tag-link-focus-ring: 0 0 0 2px rgba(25, 118, 210, .3), 0 1px 2px rgba(0, 0, 0, .05);--link-hover-bg: rgba(25, 118, 210, .1);--link-active-bg: rgba(25, 118, 210, .2);--link-focus-ring: 0 0 0 2px rgba(25, 118, 210, .3)}:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--accent-primary)}button,input{font:inherit;color:inherit}button{cursor:pointer;background:var(--bg-accent);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.45rem .8rem}button:hover{background:var(--surface-hover)}button.primary{background:var(--accent-primary);color:var(--text-on-accent);border-color:transparent;font-weight:600}button.primary:hover{background:var(--accent-primary-hover)}button.ghost{background:transparent;color:var(--text-primary)}button.ghost:hover{background:var(--surface-hover)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}