@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Lora:ital,wght@0,400;0,600;1,400;1,600&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary:#f8f7f4;--bg-secondary:#fff;--bg-elevated:#fff;--text-primary:#0f0f0f;--text-secondary:#6b6b6b;--accent-color:#7c3aed;--accent-hover:#6d28d9;--accent-light:#ede9fe;--accent-light-hover:#ddd6fe;--border-color:#e8e4e0;--border-subtle:#f0ece8;--sidebar-bg:#f3f0ec;--active-item-bg:#ede9fe;--shadow-color:#0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 20px 48px #0000001f;--glass-bg:#ffffffd9;--glass-border:#fff9;--nav-glass-bg:#f8f7f4d9;--font-serif:"Lora", Georgia, "Times New Roman", serif;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Playfair Display", Georgia, serif;--transition-speed:.3s;--transition-fast:.15s;--transition-slow:.5s;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}[data-theme=dark]{--bg-primary:#0d0d0d;--bg-secondary:#161616;--bg-elevated:#1f1f1f;--text-primary:#f0f0f0;--text-secondary:#8a8a8a;--accent-color:#a78bfa;--accent-hover:#8b5cf6;--accent-light:#1e1b4b;--accent-light-hover:#2e2a6a;--border-color:#262626;--border-subtle:#1e1e1e;--sidebar-bg:#111;--active-item-bg:#2d2a55;--shadow-color:#0006;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 20px 48px #00000080;--glass-bg:#161616e6;--glass-border:#ffffff0f;--nav-glass-bg:#0d0d0deb}[data-theme=sepia]{--bg-primary:#f5eedf;--bg-secondary:#fdf8ee;--bg-elevated:#fdf8ee;--text-primary:#241a16;--text-secondary:#7a5e53;--accent-color:#92400e;--accent-hover:#78350f;--accent-light:#fef3c7;--accent-light-hover:#fde68a;--border-color:#e8d9bc;--border-subtle:#f0e6ce;--sidebar-bg:#ece2cc;--active-item-bg:#fef3c7;--shadow-color:#92400e14;--shadow-md:0 4px 16px #92400e1a;--shadow-lg:0 8px 32px #92400e1f;--shadow-xl:0 20px 48px #92400e26;--glass-bg:#f5eedfe0;--glass-border:#e8d9bc99;--nav-glass-bg:#f5eedfeb}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}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);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100dvh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.app-container{width:100vw;height:100dvh;display:flex;overflow:hidden}.main-content{background-color:var(--bg-primary);flex-direction:column;flex:1;height:100dvh;display:flex;position:relative;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}.fade-in-scale{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeInScale}@media (width<=768px){.app-container{flex-direction:column}.main-content{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}.main-content.is-reading{padding-bottom:0}}