*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#fff;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{background:#fff;justify-content:center;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:1.5rem 1rem .5rem;display:flex}.nav-brand a{color:#333;margin-bottom:1rem;font-size:1.25rem;font-weight:600;text-decoration:none}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links li{margin-left:0}.nav-links a{color:#666;border-bottom:2px solid #0000;padding:.25rem 0;font-weight:400;text-decoration:none;transition:all .2s}.nav-links a:hover,.nav-links a.active{color:#333;border-bottom-color:#333}.main-content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:1.5rem 1rem 2rem}.footer{text-align:center;color:#666;padding:2rem 3rem;font-size:.9rem}.home-page .hero{text-align:center;margin-bottom:1rem}.home-page .hero h1{color:#333;margin-bottom:.5rem;font-size:2rem;font-weight:700;line-height:1.2}.home-page .hero p{color:#666;font-size:1.1rem;line-height:1.6}.recent-posts{margin-top:2rem}.recent-posts h2{color:#333;margin-bottom:1.2rem;font-size:1.3rem;font-weight:600}.posts-table{border-collapse:collapse;width:100%;margin-bottom:2rem}.posts-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #eee;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.posts-table td{vertical-align:top;border-bottom:1px solid #eee;padding:1rem}.posts-table tr{transition:background-color .2s}.posts-table tr:hover{background:#fafafa}.posts-table .year-cell{color:#666;width:80px;font-weight:500}.posts-table .date-cell{color:#999;width:100px;font-size:.9rem}.posts-table .title-cell{flex:1}.posts-table .title-cell a{color:#333;font-weight:500;text-decoration:none;transition:color .2s}.posts-table .title-cell a:hover{color:#000}.posts-table .views-cell{text-align:right;color:#999;width:80px;font-size:.9rem;display:none}.posts-grid{flex-direction:column;gap:2rem;display:flex}.post-card{border-bottom:1px solid #eee;padding:0 0 2rem}.post-card:last-child{border-bottom:none}.post-card h3{color:#333;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;line-height:1.4}.post-card h3 a{color:#333;text-decoration:none}.post-card h3 a:hover{color:#000}.post-date{color:#999;font-size:.9rem;font-weight:400}.post-summary{color:#666;margin-bottom:1rem;font-size:.95rem;line-height:1.6}.read-more{color:#666;border-bottom:1px solid #0000;font-size:.9rem;font-weight:400;text-decoration:none;transition:all .2s;display:inline-block}.read-more:hover{color:#333;border-bottom-color:#333}.view-all{text-align:left;margin-top:3rem}.view-all a{color:#333;border-bottom:1px solid #333;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.view-all a:hover{opacity:.7}.blog-page h1{color:#333;margin-bottom:1rem;font-size:2rem;font-weight:700}.blog-intro{color:#666;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.posts-list{flex-direction:column;gap:2rem;display:flex}.post-item{border-bottom:1px solid #eee;padding-bottom:2rem}.post-item:last-child{border-bottom:none}.post-item h2{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.post-item h2 a{color:#333;text-decoration:none;transition:color .2s}.post-item h2 a:hover{color:#000}.blog-post header{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:1rem}.blog-post h1{color:#333;margin-bottom:1rem;font-size:2.25rem;font-weight:700;line-height:1.3}.blog-post article{max-width:100%;margin:0;line-height:1.7}.post-content{color:#333;font-size:1rem;line-height:1.7}.post-content p{margin-bottom:1.5rem}.post-content h2,.post-content h3{color:#333;margin:2rem 0 1rem;font-weight:600}.post-content h2{font-size:1.5rem}.post-content h3{font-size:1.25rem}.post-content .markdown-image,.post-content img{max-width:100%;height:auto;margin:2rem auto;display:block}.post-content .markdown-link{color:#333;border-bottom:1px solid #ddd;text-decoration:none;transition:border-color .2s}.post-content .markdown-link:hover{border-bottom-color:#333}.post-content blockquote{color:#666;border-left:3px solid #ddd;margin:2rem 0;padding-left:1.5rem;font-style:italic}.post-content pre{background:#f8f8f8;border:1px solid #eee;margin:2rem 0;padding:1.5rem;font-size:.9rem;overflow-x:auto}.post-content code{color:#333;background:#f8f8f8;padding:.2rem .4rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem}.post-content pre code{color:#333;background:0 0;padding:0}.post-content ul,.post-content ol{color:#333;margin:1.5rem 0 1.5rem 2rem}.post-content li{margin-bottom:.5rem}.about-page h1{color:#333;margin-bottom:1rem;font-size:2rem;font-weight:700}.privacy-container,.terms-container{max-width:800px;min-height:100vh;margin:0 auto;padding:2rem 1rem}.privacy-header,.terms-header{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1rem}.privacy-header h1,.terms-header h1{color:#333;margin-bottom:.5rem;font-size:2rem;font-weight:700}.last-updated{color:#666;font-size:.9rem}.privacy-content,.terms-content{color:#333;line-height:1.7}.privacy-content section,.terms-content section{margin-bottom:2rem}.privacy-content h2,.terms-content h2{color:#333;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.privacy-content p,.terms-content p{margin-bottom:1rem;line-height:1.6}.privacy-content ul,.terms-content ul{margin:1rem 0 1rem 2rem}.privacy-content li,.terms-content li{margin-bottom:.5rem;line-height:1.6}.subscription-tiers{margin:1rem 0}.tier{background:#f8f8f8;border-radius:4px;margin-bottom:1rem;padding:1rem}.tier h3{color:#333;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.tier ul{margin:.5rem 0 0 1rem}.tier li{margin-bottom:.25rem}.about-content{max-width:100%;line-height:1.7}.about-content p{color:#333;margin-bottom:1rem}.about-content strong{color:#000;font-weight:600}.contact-email{background:#f8f8f8;border:1px solid #eee;padding:.75rem 1rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.95rem;margin:1.5rem 0!important}.social-links{margin:1.5rem 0;padding:0;list-style:none}.social-links li{color:#333;margin-bottom:.75rem;line-height:1.6}.social-links a{color:#333;border-bottom:1px solid #ddd;font-weight:500;text-decoration:none;transition:border-color .2s}.social-links a:hover{border-bottom-color:#333}.work-in-progress{text-align:center;padding:4rem 0}.work-in-progress p{color:#666;margin-bottom:1rem;font-size:1.1rem}.books-page h1{color:#333;margin-bottom:.5rem;font-size:2rem;font-weight:700}.books-intro{color:#666;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.books-intro a{color:#333;border-bottom:1px solid #ddd;text-decoration:none;transition:border-color .2s}.books-intro a:hover{border-bottom-color:#333}.books-stats{border-bottom:1px solid #eee;gap:2rem;margin-bottom:1.5rem;padding:1rem 0;display:flex}.books-stats .stat{flex-direction:column;align-items:center;display:flex}.books-stats .stat-number{color:#333;font-size:1.5rem;font-weight:700}.books-stats .stat-label{color:#999;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.books-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.books-filter button{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;transition:all .2s}.books-filter button:hover{color:#333;border-color:#333}.books-filter button.active{color:#fff;background:#333;border-color:#333}.currently-reading-section{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem}.currently-reading-section h2{color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.currently-reading-grid{flex-wrap:wrap;gap:1rem;display:flex}.currently-reading-card{align-items:center;gap:.75rem;display:flex}.currently-reading-cover{flex-shrink:0;width:40px;height:60px}.currently-reading-info{flex-direction:column;gap:.1rem;display:flex}.currently-reading-info .book-title{color:#333;margin:0;font-size:.9rem;font-weight:600}.currently-reading-info .book-author{color:#666;margin:0;font-size:.8rem}.reading-started{color:#999;margin:0;font-size:.75rem}.books-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;display:grid}.book-card{flex-direction:column;display:flex}.book-cover{aspect-ratio:2/3;background:#f5f5f5;border-radius:4px;margin-bottom:.75rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}.book-cover-wrapper{width:100%;height:100%;position:relative}.book-cover-wrapper .book-cover-placeholder{width:100%;height:100%;transition:opacity .3s ease-in-out;position:absolute;top:0;left:0}.book-cover-wrapper .book-cover-placeholder.hidden{opacity:0;pointer-events:none}.book-cover-wrapper .book-cover-placeholder.loading{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.book-cover img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s ease-in-out}.book-cover img.loaded{opacity:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.book-cover-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:700;display:flex}.book-info{flex:1}.book-title{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.book-author{color:#666;margin-bottom:.4rem;font-size:.8rem}.book-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.book-rating{gap:1px;display:flex}.book-rating .star{font-size:.75rem}.book-rating .star.filled{color:#f59e0b}.book-rating .star.empty{color:#ddd}.book-date{color:#999;font-size:.75rem}.loading,.no-posts{text-align:center;color:#666;padding:3rem 0}.loading{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width:768px){.navbar{padding:1rem .5rem .5rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.home-page .hero h1{font-size:2rem}.posts-grid{gap:1.5rem}.main-content{padding:.75rem 1rem 1.5rem}.blog-post h1{font-size:1.75rem}.books-stats{gap:1rem}.books-stats .stat-number{font-size:1.25rem}.books-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.book-title{font-size:.85rem}.book-author{font-size:.75rem}.posts-table{font-size:.9rem}.posts-table th,.posts-table td{padding:.5rem}.posts-table .year-cell{width:60px}.posts-table .date-cell{width:80px}.posts-table .views-cell{width:60px}.privacy-container,.terms-container{padding:1rem .5rem}.privacy-header h1,.terms-header h1{font-size:1.75rem}.privacy-content h2,.terms-content h2{font-size:1.2rem}}