:root{--bg-primary:#0f0d1a;--bg-secondary:#1a1625;--bg-card:#1e1a2e;--bg-hover:#2a2440;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#6b6b80;--primary:#8b5cf6;--primary-hover:#7c3aed;--border:#2a2440;--header-height:64px;--container-max:1400px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--reading-font-size:18px;--reading-line-height:1.9;--reading-font-family:inherit}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0}[data-reading-theme=dark]{--bg-primary:#0f0d1a;--bg-secondary:#1a1625;--bg-card:#1e1a2e;--bg-hover:#2a2440;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#6b6b80;--border:#2a2440}[data-reading-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0}[data-reading-theme=sepia]{--bg-primary:#f4ecd8;--bg-secondary:#ebe3cf;--bg-card:#f9f3e3;--bg-hover:#ebe3cf;--text-primary:#5c4b37;--text-secondary:#7a6a56;--text-muted:#9a8a76;--border:#d4c8b0;--primary:#8b7355}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}main{padding-top:var(--header-height);flex:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}