:root{--bg-primary-gradient: linear-gradient(135deg, #0a0a0a 0%, #121212 25%, #1a1a1a 50%, #1f1f1f 75%, #1a1a1a 100%);--bg-primary: #121212;--bg-secondary: #1C1C1C;--bg-tertiary: #242424;--bg-accent: #2C2C2C;--glass-bg: rgba(28, 28, 28, .75);--glass-border: rgba(255, 255, 255, .12);--glass-blur: 24px;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--post-bg: rgba(28, 28, 28, .65);--post-bg-hover: rgba(36, 36, 36, .8);--text-primary: #F5F5F5;--text-secondary: #B8B8B8;--text-disabled: #6B6B6B;--text-muted: #9E9E9E;--accent-primary: #D4AF37;--accent-primary-hover: #E5C158;--accent-primary-disabled: #9A7A28;--text-on-accent: #1A1A1A;--accent-blue: #4A9EFF;--accent-blue-hover: #6BB3FF;--success-color: #4CAF50;--warning-color: #FFB300;--error-color: #F44336;--border-color: rgba(255, 255, 255, .12);--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(212, 175, 55, .15);--link-active-bg: rgba(212, 175, 55, .25);--link-focus-ring: 0 0 0 2px rgba(212, 175, 55, .4);--tag-link-bg: rgba(212, 175, 55, .2);--tag-link-color: #E5C158;--tag-link-border: rgba(212, 175, 55, .4);--tag-link-hover-bg: rgba(212, 175, 55, .3);--tag-link-hover-color: #F0D080;--tag-link-hover-border: rgba(212, 175, 55, .6);--tag-link-shadow: 0 2px 4px rgba(0, 0, 0, .2);--tag-link-shadow-hover: 0 4px 8px rgba(0, 0, 0, .3);--tag-link-focus-ring: 0 0 0 2px rgba(212, 175, 55, .4), 0 1px 2px rgba(0, 0, 0, .1)}[data-theme=dark-default]{--bg-primary-gradient: linear-gradient(135deg, #0a0a0a 0%, #121212 25%, #1a1a1a 50%, #1f1f1f 75%, #1a1a1a 100%);--bg-primary: #121212;--bg-secondary: #1C1C1C;--bg-tertiary: #242424;--bg-accent: #2C2C2C;--post-bg: rgba(28, 28, 28, .65);--post-bg-hover: rgba(36, 36, 36, .8);--text-primary: #F5F5F5;--text-secondary: #B8B8B8;--text-disabled: #6B6B6B;--text-muted: #9E9E9E;--accent-primary: #D4AF37;--accent-primary-hover: #E5C158;--accent-primary-disabled: #9A7A28;--text-on-accent: #1A1A1A;--accent-blue: #4A9EFF;--accent-blue-hover: #6BB3FF;--border-color: rgba(255, 255, 255, .12);--glass-bg: rgba(28, 28, 28, .75);--glass-border: rgba(255, 255, 255, .12);--glass-blur: 24px;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--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: rgba(212, 175, 55, .2);--tag-link-color: #E5C158;--tag-link-border: rgba(212, 175, 55, .4);--tag-link-hover-bg: rgba(212, 175, 55, .3);--tag-link-hover-color: #F0D080;--tag-link-hover-border: rgba(212, 175, 55, .6);--tag-link-shadow: 0 2px 4px rgba(0, 0, 0, .2);--tag-link-shadow-hover: 0 4px 8px rgba(0, 0, 0, .3);--tag-link-focus-ring: 0 0 0 2px rgba(212, 175, 55, .4), 0 1px 2px rgba(0, 0, 0, .1);--link-hover-bg: rgba(212, 175, 55, .15);--link-active-bg: rgba(212, 175, 55, .25);--link-focus-ring: 0 0 0 2px rgba(212, 175, 55, .4)}[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: 24px;--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: 24px;--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: 24px;--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: 24px;--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: 24px;--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{--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}*{box-sizing:border-box}body{background:var(--bg-primary-gradient);background-color:var(--bg-primary);background-attachment:fixed;color:var(--text-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}button{background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit}.ProseMirror .paid-section-placeholder,.ProseMirror .paid-image-placeholder{border:2px dashed #60a5fa!important;border-radius:var(--radius-md)!important;background:var(--bg-primary, #1A1A1A)!important;background-color:var(--bg-primary, #1A1A1A)!important;margin:16px 0!important;min-height:auto!important;height:fit-content!important;max-height:none!important;justify-content:flex-start!important;gap:10px!important;line-height:1!important}.ProseMirror .paid-section-placeholder .paid-label{color:#60a5fa!important;font-size:.95rem!important;font-weight:500!important;line-height:1.4!important;letter-spacing:.01em!important}.ProseMirror .paid-section-placeholder .unlock-btn,.ProseMirror .paid-image-placeholder .unlock-btn{display:flex!important;align-items:center!important;justify-content:center!important;background:#3b82f6!important;background-color:#3b82f6!important;color:#fff!important;border:none!important;padding:12px 24px!important;font-size:.95rem!important;font-weight:600!important;border-radius:8px!important;box-shadow:0 1px 3px #0003!important;margin:0 auto!important;text-align:center!important;line-height:1.2!important;white-space:nowrap!important;vertical-align:middle!important;min-width:180px!important}input{font-family:inherit;font-size:inherit}.ProseMirror:focus{outline:none}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.1;margin-top:1.5rem;margin-bottom:1rem}.ProseMirror p{margin:0 0 1rem}.ProseMirror ul,.ProseMirror ol{padding-left:1.5rem}.ProseMirror blockquote{padding-left:1rem;border-left:3px solid rgba(255,255,255,.2);margin-left:0;margin-right:0}.ProseMirror hr{border:none;border-top:1px solid rgba(255,255,255,.2);margin:2rem 0}.ProseMirror pre{background:#1e1e1e;color:#fff;font-family:JetBrainsMono,monospace;padding:.75rem 1rem;border-radius:.5rem}.ProseMirror .paid-section{position:relative;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:28px 20px 20px;margin:20px 0;background:linear-gradient(135deg,#3b82f614,#3b82f608);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #3b82f61a,0 1px 3px #0000001a,inset 0 1px #ffffff1a;min-height:80px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ProseMirror .paid-section:hover{border-color:#3b82f666;box-shadow:0 4px 12px #3b82f626,0 2px 6px #0000001a,inset 0 1px #ffffff26}.ProseMirror .paid-section:before{display:none}.ProseMirror .paid-section .paid-section-badge{position:absolute;top:-14px;left:16px;display:inline-flex;align-items:center;gap:0;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:600;z-index:1;pointer-events:auto;white-space:nowrap;line-height:1.4;box-shadow:0 2px 8px #3b82f64d,0 1px 3px #0003,inset 0 1px #fff3;letter-spacing:.01em}.ProseMirror .paid-section .paid-section-badge .paid-section-badge-icon{display:inline;font-size:inherit}.ProseMirror .paid-section .paid-section-badge .paid-section-badge-text{display:inline;color:inherit;font-size:inherit;font-weight:inherit}.ProseMirror .paid-section .paid-section-badge .paid-section-badge-input{display:inline;background:transparent;border:none;border-radius:0;color:#fff;font-size:.75rem;font-weight:600;font-family:inherit;width:auto;min-width:1.5ch;max-width:4ch;text-align:center;padding:0 2px;margin:0;outline:none;box-shadow:none;-moz-appearance:textfield;pointer-events:auto;cursor:text;vertical-align:baseline;line-height:inherit;transition:all .2s ease}.ProseMirror .paid-section .paid-section-badge .paid-section-badge-input::-webkit-outer-spin-button,.ProseMirror .paid-section .paid-section-badge .paid-section-badge-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ProseMirror .paid-section .paid-section-badge .paid-section-badge-input::placeholder{color:#ffffff80}.ProseMirror .paid-section .paid-section-badge .paid-section-badge-input:hover{background:#ffffff1a;border-radius:3px}.ProseMirror .paid-section .paid-section-badge .paid-section-badge-input:focus{background:#ffffff26;outline:2px solid rgba(255,255,255,.4);outline-offset:1px;border-radius:3px}.ProseMirror .paid-section .paid-section-content{margin-top:8px;min-height:40px;pointer-events:auto;padding-top:4px}.ProseMirror .paid-section .paid-section-header{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;margin-bottom:12px!important;padding-bottom:8px!important;border-bottom:1px solid rgba(59,130,246,.2)!important;pointer-events:none!important}.ProseMirror .paid-section .paid-section-header .paid-section-label{color:var(--text-primary)!important;font-size:.9rem!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:6px!important;pointer-events:none!important}.ProseMirror .paid-section .paid-section-price-input{display:flex!important;align-items:center!important;gap:4px!important;z-index:10!important;pointer-events:auto!important}.ProseMirror .paid-section .paid-section-price-input .paid-section-price{color:var(--text-primary)!important;border:none!important;border-bottom:1px solid transparent!important;outline:none!important;box-shadow:none!important;background:transparent!important;width:50px!important;text-align:right!important;pointer-events:auto!important;-moz-appearance:textfield!important}.ProseMirror .paid-section .paid-section-price-input .paid-section-price::-webkit-outer-spin-button,.ProseMirror .paid-section .paid-section-price-input .paid-section-price::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.ProseMirror .paid-section .paid-section-price-input .paid-section-price:hover{background:#3b82f61a!important;border-bottom:1px dashed #3b82f6!important}.ProseMirror .paid-section .paid-section-price-input .paid-section-price:focus{background:#3b82f626!important;border-bottom:1px solid #3b82f6!important}.ProseMirror .paid-section .paid-section-price-input .paid-section-price-label{color:var(--text-primary)!important;font-size:.9rem!important;font-weight:500!important}.ProseMirror .open-sans-font,span.open-sans-font,p .open-sans-font{font-family:Open Sans,sans-serif!important}.ProseMirror .lora-font,span.lora-font,p .lora-font{font-family:Lora,serif!important}.ProseMirror .arial-font,span.arial-font,p .arial-font{font-family:Arial,sans-serif!important}.ProseMirror .times-font,span.times-font,p .times-font{font-family:Times New Roman,serif!important}.ProseMirror .courier-font,span.courier-font,p .courier-font{font-family:Courier New,monospace!important}.ProseMirror .default-font,span.default-font,p .default-font{font-family:inherit!important}.options-menu-overlay-backdrop{background:transparent}.options-menu-overlay-panel{z-index:1000;padding:0;overflow:visible}.options-menu-overlay-panel .options-menu-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--elevation-2);padding:4px 0;min-width:180px;animation:optionsMenuSlideIn .2s cubic-bezier(.4,0,.2,1)}.options-menu-overlay-panel .option-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:background .2s ease;font-size:.875rem}.options-menu-overlay-panel .option-item:hover{background:var(--surface-hover)}@keyframes optionsMenuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-dropdown-overlay-backdrop{background:transparent}.theme-dropdown-overlay-panel{z-index:1000;padding:0;overflow:visible}.theme-dropdown-overlay-panel .theme-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000080;min-width:20rem;max-width:24rem;animation:themeDropdownSlideIn .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes themeDropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-dropdown-overlay-panel .theme-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.theme-dropdown-overlay-panel .theme-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.theme-dropdown-overlay-panel .close-btn{padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-dropdown-overlay-panel .close-btn:hover{background-color:var(--bg-accent);color:var(--text-primary)}.theme-dropdown-overlay-panel .close-btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.theme-dropdown-overlay-panel .close-btn svg{width:1rem;height:1rem}.theme-dropdown-overlay-panel .theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-primary)}.theme-dropdown-overlay-panel .theme-option{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid transparent;background:none;cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.theme-dropdown-overlay-panel .theme-option:hover{background-color:var(--bg-accent);border-color:var(--accent-blue)}.theme-dropdown-overlay-panel .theme-option:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.theme-dropdown-overlay-panel .theme-option.active{border-color:var(--accent-primary);background-color:var(--bg-tertiary);box-shadow:0 4px 12px #00000026}.theme-dropdown-overlay-panel .theme-option.active:after{content:"\2713";position:absolute;top:.5rem;right:.5rem;color:var(--accent-primary);font-weight:700;font-size:.875rem}.theme-dropdown-overlay-panel .theme-preview{display:flex;width:3rem;height:1.5rem;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-sm);border:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a}.theme-dropdown-overlay-panel .preview-primary,.theme-dropdown-overlay-panel .preview-secondary,.theme-dropdown-overlay-panel .preview-accent{flex:1}.theme-dropdown-overlay-panel .theme-info{display:flex;flex-direction:column;gap:.25rem}.theme-dropdown-overlay-panel .theme-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.theme-dropdown-overlay-panel .theme-type{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.theme-dropdown-overlay-panel .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.theme-dropdown-overlay-panel .theme-grid{grid-template-columns:1fr}}