:root{--bg-primary:#fcfcfc;--bg-secondary:#fff;--text-primary:#111;--text-secondary:#555;--accent-color:#9c27b0;--accent-light:#f3e5f5;--border-color:#eaeaea;--sidebar-bg:#f5f5f5;--active-item-bg:#e1bee7;--shadow-color:#0000000d;--font-serif:"Lora", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Playfair Display", serif;--transition-speed:.3s}[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#888;--accent-color:#ba68c8;--accent-light:#311b92;--border-color:#2d2d2d;--sidebar-bg:#181818;--active-item-bg:#4a148c;--shadow-color:#0000004d}[data-theme=sepia]{--bg-primary:#f4ecd8;--bg-secondary:#faf6eb;--text-primary:#2c1b18;--text-secondary:#5c4943;--accent-color:#8d6e63;--accent-light:#efebe9;--border-color:#ebdcb9;--sidebar-bg:#ebdcb9;--active-item-bg:#d7ccc8;--shadow-color:#8d6e631a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed), color var(--transition-speed);height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{background-color:var(--bg-primary);flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}@media (width<=768px){.app-container{flex-direction:column}}