*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Berkeley Mono,Courier New,monospace;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary)}:root{--sidebar-width: 260px;--sidebar-visible: 1;--mobile-breakpoint: 768px;--accent-primary: #3b82f6;--accent-primary-glow: rgba(59, 130, 246, .3);--accent-primary-light: #93c5fd;--accent-success: #10b981;--accent-success-glow: rgba(16, 185, 129, .3);--accent-error: #ef4444;--accent-error-glow: rgba(239, 68, 68, .3);--accent-warning: #f59e0b}:root,[data-theme=dark]{--bg-gradient: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 25%, #16213e 50%, #1a1a2e 75%, #0f0f23 100%);--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-bg-active: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .08);--glass-border-light: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-shadow-sm: 0 4px 16px rgba(0, 0, 0, .2);--glass-blur: blur(20px);--glass-blur-light: blur(12px);--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-muted: #8a8a8a;--bubble-me: rgba(59, 130, 246, .15);--bubble-me-border: rgba(59, 130, 246, .3);--bubble-me-shadow: 0 4px 16px rgba(59, 130, 246, .15);--bubble-other: rgba(255, 255, 255, .04);--bubble-other-border: rgba(255, 255, 255, .08);--bubble-other-shadow: 0 4px 16px rgba(0, 0, 0, .2);--overlay-bg: rgba(0, 0, 0, .6);--sidebar-shadow: 8px 0 32px rgba(0, 0, 0, .4);--delete-button-bg: rgba(239, 68, 68, .1);--code-block-bg: rgba(0, 0, 0, .4);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--link-color: #60a5fa;--mention-bg: rgba(59, 130, 246, .2);--mention-border: rgba(59, 130, 246, .3);--mention-color: #93c5fd;--mention-high-bg: rgba(239, 68, 68, .2);--mention-high-border: rgba(239, 68, 68, .3);--mention-high-color: #fca5a5}[data-theme=light]{--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%, #f8fafc 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-bg-hover: rgba(255, 255, 255, .85);--glass-bg-active: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .08);--glass-border-light: rgba(0, 0, 0, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--glass-shadow-sm: 0 4px 16px rgba(0, 0, 0, .06);--glass-blur: blur(20px);--glass-blur-light: blur(12px);--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--bubble-me: rgba(59, 130, 246, .12);--bubble-me-border: rgba(59, 130, 246, .25);--bubble-me-shadow: 0 4px 16px rgba(59, 130, 246, .1);--bubble-other: rgba(255, 255, 255, .8);--bubble-other-border: rgba(0, 0, 0, .08);--bubble-other-shadow: 0 4px 16px rgba(0, 0, 0, .06);--overlay-bg: rgba(0, 0, 0, .3);--sidebar-shadow: 8px 0 32px rgba(0, 0, 0, .1);--delete-button-bg: rgba(239, 68, 68, .08);--code-block-bg: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25);--link-color: #2563eb;--mention-bg: rgba(37, 99, 235, .18);--mention-border: rgba(37, 99, 235, .4);--mention-color: #1e40af;--mention-high-bg: rgba(220, 38, 38, .15);--mention-high-border: rgba(220, 38, 38, .4);--mention-high-color: #b91c1c}@media(max-width:768px){:root{--sidebar-width: 100%}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}select option{background:#1a1a2e;color:#f0f0f0}[data-theme=light] select option{background:#f8fafc;color:#1e293b}::selection{background:var(--accent-primary-glow);color:var(--text-primary)}.md-bold{font-weight:700}.md-italic{font-style:italic}.md-strike{text-decoration:line-through}.md-code{background:var(--code-block-bg);border:1px solid var(--glass-border);border-radius:4px;padding:.15em .4em;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em}.md-code-block{display:block;background:var(--code-block-bg);border:1px solid var(--glass-border);border-radius:6px;font-family:Consolas,Monaco,Courier New,monospace;margin:0 -4px;padding:2px 8px}.md-quote{display:block;border-left:3px solid var(--accent-primary);padding-left:.75em;color:var(--text-secondary)}.md-link{color:var(--link-color)}.md-mention{display:inline;background:var(--mention-bg);border:1px solid var(--mention-border);color:var(--mention-color);border-radius:4px;padding:1px 6px;font-weight:500}.md-mention-high{background:var(--mention-high-bg);border-color:var(--mention-high-border);color:var(--mention-high-color)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}