*{margin:0;padding:0;box-sizing:border-box}:root{--accent: #647B3A;--bg: #FFFFFF;--text: #111111;--border: #E0E0E0}:root[data-theme=dark]{--bg: #0E0E0E;--text: #EDEDED;--border: #333333}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s,color .2s}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,textarea{font-family:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border)}@media (max-width: 768px){body{font-size:16px}}@media (min-width: 1024px){body{font-size:18px}}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}@media (min-width: 768px){.books-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}}@media (min-width: 1024px){.books-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:32px}}.book-detail-layout{flex-direction:column}@media (min-width: 768px){.book-detail-layout{flex-direction:row}}.reader-viewport{max-width:100%}@media (min-width: 1024px){.reader-viewport{max-width:800px;margin:0 auto;padding-left:40px;padding-right:40px}}