:root{--color-primary: #667eea;--color-secondary: #764ba2;--color-accent: #3498db;--color-accentHover: #2980b9;--color-text: #2c3e50;--color-textLight: #7f8c8d;--color-background: #ffffff;--color-headerText: #ffffff;--color-border: #ddd;--color-draft: #e74c3c;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-headings: inherit;--font-code: "Courier New", Courier, monospace;--spacing-headerPadding: 60px 20px 40px;--spacing-contentMaxWidth: 800px;--spacing-postSpacing: 40px;--border-radius: 4px;--header-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);font-family:var(--font-primary);line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.post-list{max-width:var(--spacing-contentMaxWidth);margin:0 auto;padding:20px}.post-preview{margin-bottom:var(--spacing-postSpacing);padding-bottom:30px;border-bottom:1px solid var(--color-border)}.post-preview:last-child{border-bottom:none}.post-preview h2{margin:0 0 10px;font-size:1.5em;font-weight:700;font-family:var(--font-headings)}.post-preview h2 a{color:var(--color-text);text-decoration:none;transition:color .2s ease}.post-preview h2 a:hover{color:var(--color-accent)}.draft-indicator{color:var(--color-draft);font-size:.6em;font-weight:600;vertical-align:middle;letter-spacing:.5px}.post-meta{color:var(--color-textLight);font-size:.9em;margin-bottom:15px}.post-date{margin-right:10px}.post-excerpt{color:var(--color-text);line-height:1.6;margin:15px 0;font-size:1em}.read-more{color:var(--color-accent);text-decoration:none;font-weight:500;transition:color .2s ease}.read-more:hover{color:var(--color-accentHover)}.no-posts{text-align:center;padding:40px;color:var(--color-textLight);font-size:1.1em}.home{min-height:100vh}.blog-header{text-align:center;padding:var(--spacing-headerPadding);background:var(--header-gradient);color:var(--color-headerText);margin-bottom:40px}.blog-header h1{margin:0 0 15px;font-size:3em;font-weight:700;font-family:var(--font-headings)}.blog-description{font-size:1.2em;opacity:.9;margin:0}.blog-tagline{font-size:1em;opacity:.85;margin:10px 0 0}.blog-footer{text-align:center;padding:40px 20px;color:var(--color-textLight);border-top:1px solid var(--color-border);margin-top:var(--spacing-postSpacing)}.posts-controls{max-width:var(--spacing-contentMaxWidth);margin:0 auto 30px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.post-count{color:var(--color-textLight);font-size:.9em}.show-more-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.show-more-controls label{color:#555;font-size:.9em}.posts-limit-input{width:70px;padding:5px 10px;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.9em}.show-all-btn,.show-less-btn{padding:8px 16px;background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9em;transition:background-color .2s ease}.show-all-btn:hover,.show-less-btn:hover{background-color:var(--color-accentHover)}.loading{text-align:center;padding:60px 20px;color:var(--color-textLight);font-size:1.1em}.pagination{max-width:var(--spacing-contentMaxWidth);margin:30px auto;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.pagination-link{padding:10px 20px;background-color:var(--color-accent);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-size:.95em;transition:background-color .2s ease;display:inline-block}.pagination-link:hover{background-color:var(--color-accentHover)}.pagination-link.newer{margin-right:auto}.pagination-link.older{margin-left:auto}@media(max-width:600px){.blog-header h1{font-size:2em}.posts-controls{flex-direction:column;align-items:flex-start}}.post{max-width:var(--spacing-contentMaxWidth);margin:0 auto;padding:20px}.post-header{margin-bottom:var(--spacing-postSpacing)}.draft-badge{display:inline-block;background-color:var(--color-draft);color:#fff;padding:4px 12px;border-radius:var(--border-radius);font-size:.8em;font-weight:600;margin:10px 0;letter-spacing:.5px}.back-link{color:var(--color-accent);text-decoration:none;font-size:.9em;margin-bottom:20px;display:inline-block}.back-link:hover{text-decoration:underline}.post h1{margin:20px 0 10px;font-size:2em;color:var(--color-text);line-height:1.3;font-weight:700;font-family:var(--font-headings)}.post-content{line-height:1.7;color:var(--color-text);font-size:1em}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:30px;margin-bottom:15px;color:var(--color-text);font-family:var(--font-headings)}.post-content h1{font-size:1.75em;font-weight:700;border-bottom:2px solid var(--color-border);padding-bottom:10px}.post-content h2{font-size:1.5em;font-weight:700}.post-content h3{font-size:1.25em;font-weight:600}.post-content p{margin:15px 0;color:var(--color-text)}.post-content ul,.post-content ol{margin:15px 0;padding-left:30px;color:var(--color-text)}.post-content li{margin:8px 0}.post-content code{background-color:var(--color-codeBackground);padding:2px 6px;border-radius:3px;font-family:var(--font-code);font-size:.9em;color:var(--color-codeText)}.post-content pre code{background-color:transparent;padding:0}.post-content blockquote{border-left:4px solid var(--color-accent);padding-left:20px;margin:20px 0;color:var(--color-textLight);font-style:italic}.post-content a{color:var(--color-accent);text-decoration:none}.post-content a:hover{text-decoration:underline}.post-content table{width:100%;border-collapse:collapse;margin:20px 0;border:1px solid var(--color-tableBorder);border-radius:var(--border-radius);overflow:hidden}.post-content thead{background-color:var(--color-tableHeaderBg)}.post-content th{padding:12px 15px;text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-tableBorder);border-right:1px solid var(--color-tableBorder)}.post-content td{padding:10px 15px;color:var(--color-text);border-bottom:1px solid var(--color-tableBorder);border-right:1px solid var(--color-tableBorder)}.post-content tbody tr:last-child td{border-bottom:none}.post-content tbody tr:hover{background-color:var(--color-tableRowHover)}.loading,.error{text-align:center;padding:60px 20px;color:#7f8c8d}.error h2{margin-bottom:20px}.error a{color:#3498db;text-decoration:none}.error a:hover{text-decoration:underline}.theme-switcher{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;border:2px solid var(--color-border);background-color:var(--color-background);color:var(--color-text);font-size:1.5em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;box-shadow:0 2px 8px #0000001a}.theme-switcher:hover{transform:scale(1.1);border-color:var(--color-accent);box-shadow:0 4px 12px #0003}.theme-switcher:active{transform:scale(.95)}#root{width:100%;margin:0;padding:0}