*{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,.workspaces-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}.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}.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}}