:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-app: #090d16;--bg-sidebar: #0f1523;--bg-panel: #131b2e;--bg-card: rgba(26, 37, 62, .65);--bg-card-hover: rgba(37, 51, 84, .85);--bg-card-active: rgba(43, 62, 102, .95);--bg-elevated: #1a243c;--bg-glass: rgba(19, 27, 46, .75);--bg-input: rgba(15, 23, 42, .7);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .12);--border-focus: rgba(96, 165, 250, .5);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-faint: #475569;--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--accent-glow: rgba(59, 130, 246, .35);--success: #10b981;--success-bg: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .14);--info: #0ea5e9;--info-bg: rgba(14, 165, 233, .12);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .25);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--rail-width: 68px;--folder-width: 250px;--mail-list-width: 370px}[data-theme=light]{--bg-app: #f1f5f9;--bg-sidebar: #f8fafc;--bg-panel: #ffffff;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(241, 245, 249, .95);--bg-card-active: #e2e8f0;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .85);--bg-input: #f8fafc;--border-subtle: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .15);--border-focus: rgba(37, 99, 235, .4);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12);--shadow-glow: 0 0 15px rgba(59, 130, 246, .15)}[data-theme=midnight]{--bg-app: #030712;--bg-sidebar: #060b19;--bg-panel: #0a1124;--bg-card: rgba(15, 23, 42, .7);--bg-card-hover: rgba(30, 41, 59, .8);--bg-card-active: rgba(30, 41, 59, .95)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-primary);overflow:hidden;-webkit-user-select:none;user-select:none;height:100vh;width:100vw}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}button{font-family:inherit;border:none;outline:none;cursor:pointer;background:transparent;color:inherit;transition:all .18s cubic-bezier(.16,1,.3,1)}input,textarea,select{font-family:inherit;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);border-radius:var(--radius-sm);outline:none;transition:all .18s ease}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f633}button:focus-visible,a:focus-visible,label:focus-within,[role=tab]:focus-visible,[role=switch]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes reactionFloat{0%{opacity:0;transform:translateY(0) scale(.6)}10%{opacity:1;transform:translateY(-20px) scale(1.15)}20%{transform:translateY(-50px) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-340px) scale(1.05)}}@keyframes reactionPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.25);opacity:1}to{transform:scale(1)}}.reaction-float{position:absolute;bottom:24px;pointer-events:none;display:flex;flex-direction:column;align-items:center;animation:reactionFloat 3.6s ease-out forwards;z-index:15}.reaction-pop{animation:reactionPop .35s ease-out}.emoji-cell{transition:transform .08s ease}.emoji-cell:hover{transform:scale(1.25);background-color:var(--bg-card)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #3b82f633}50%{box-shadow:0 0 25px #3b82f680}}@keyframes toastSlideUp{0%{transform:translateY(100%) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.fade-in{animation:fadeIn .22s cubic-bezier(.16,1,.3,1) forwards}.slide-in-right{animation:slideInRight .2s cubic-bezier(.16,1,.3,1) forwards}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle)}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .2s ease}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-1px)}.rich-editor-area:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.rich-editor-area ul,.rich-text ul{list-style:disc;padding-left:20px;margin:4px 0}.rich-editor-area ol,.rich-text ol{list-style:decimal;padding-left:20px;margin:4px 0}.rich-editor-area a,.rich-text a{color:var(--accent-primary);text-decoration:underline}.rich-editor-area p,.rich-text p{margin:0 0 4px}.event-box .event-actions{opacity:0;transition:opacity .12s}.event-box:hover .event-actions,.event-box:focus-within .event-actions{opacity:1}.fade-only{animation:fadeOnly .18s ease forwards}@keyframes fadeOnly{0%{opacity:0}to{opacity:1}}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}