:root{--menu-bar-bg: rgba(240, 240, 240, .8);--menu-bar-text: #1d1d1f;--window-bg: #1e1e1e;--window-title-bg: #2d2d2d;--window-border: #3a3a3a;--terminal-text: #e0e0e0;--terminal-prompt: #5af78e;--terminal-accent: #57c7ff;--terminal-dim: #888;--terminal-red: #ff5c57;--terminal-yellow: #f3f99d;--traffic-red: #ff5f56;--traffic-yellow: #ffbd2e;--traffic-green: #27c93f;--dock-bg: rgba(240, 240, 240, .55);--dock-border: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}::selection{background:#5af78e4d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@font-face{font-family:Geist Pixel Square;src:url(/fonts/GeistPixel-Square.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}.blog-page{position:fixed;inset:0;background:#0d0d0d;color:#d4d4d4;font-family:Geist Pixel Square,monospace;display:flex;flex-direction:column;overflow:hidden}.blog-header{border-bottom:1px solid #222;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:#0d0d0d}.blog-header-left{display:flex;align-items:baseline;gap:12px}.blog-site-name{font-size:15px;color:#555;text-decoration:none;letter-spacing:.05em}.blog-site-name:hover{color:#999}.blog-separator{color:#333;font-size:15px}.blog-label{font-size:15px;color:#e0e0e0;letter-spacing:.08em}.blog-header-right{display:flex;align-items:center;gap:16px}.blog-back-link{font-size:12px;color:#444;text-decoration:none;letter-spacing:.05em;transition:color .15s}.blog-back-link:hover{color:#888}.font-size-control{display:flex;align-items:center;gap:8px;border:1px solid #2e2e2e;border-radius:4px;padding:4px 10px;background:#161616}.font-size-btn{background:none;border:none;color:#888;font-family:Geist Pixel Square,monospace;font-size:12px;cursor:pointer;padding:0;letter-spacing:.04em;transition:color .15s;line-height:1}.font-size-btn:hover:not(:disabled){color:#eee}.font-size-btn:disabled{color:#2e2e2e;cursor:default}.font-size-value{font-size:11px;color:#666;letter-spacing:.06em;min-width:30px;text-align:center}.blog-list{flex:1;overflow-y:auto;max-width:680px;width:100%;margin:0 auto;padding:40px 24px 80px}.blog-index-title{font-size:11px;color:#444;letter-spacing:.15em;text-transform:uppercase;margin:0 0 32px}.blog-post-card{border-top:1px solid #1e1e1e;padding:32px 0}.blog-post-card:last-child{border-bottom:1px solid #1e1e1e}.blog-post-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px}.blog-post-date{font-size:11px;color:#444;letter-spacing:.08em}.blog-post-tag{font-size:10px;color:#3a3a3a;background:#181818;border:1px solid #252525;padding:2px 8px;border-radius:2px;letter-spacing:.06em}.blog-post-title{font-size:20px;font-weight:400;color:#f0f0f0;margin:0 0 12px;line-height:1.4;letter-spacing:.02em;font-family:Geist Pixel Square,monospace}.blog-post-body{font-size:var(--blog-font-size, 14px);line-height:1.8;color:#888;margin:0}.blog-post-body p{margin:0 0 16px}.blog-post-body p:last-child{margin-bottom:0}.blog-post-body a{color:#a0a0a0;text-decoration:underline;text-underline-offset:3px}.blog-post-body a:hover{color:#d4d4d4}.blog-post-body strong{color:#c8c8c8;font-weight:500}.blog-post-body blockquote{border-left:2px solid #2a2a2a;margin:20px 0;padding:4px 16px;color:#666;font-style:italic}.share-bar{display:flex;align-items:center;gap:4px;margin-top:24px}.share-label{font-size:10px;letter-spacing:.12em;color:#333;margin-right:6px;text-transform:uppercase}.share-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid #1e1e1e;color:#444;border-radius:4px;padding:6px 8px;cursor:pointer;font-family:inherit;font-size:11px;text-decoration:none;transition:color .15s,border-color .15s;line-height:1}.share-btn:hover{color:#aaa;border-color:#333}.share-btn-copied{color:#5af78e;border-color:#1a3a26}.share-copied-text{font-size:10px;letter-spacing:.06em}.blog-post-card:last-child .blog-post-body p:last-child:after{content:"";display:inline-block;width:8px;height:.85em;background:#444;margin-left:3px;vertical-align:middle;animation:blink 1.1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:600px){.blog-header{padding:16px 20px}.blog-list{padding:28px 20px 60px}.blog-post-title{font-size:17px}.blog-post-body{font-size:13px}}