: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%}.scene-load-error{width:100%;min-height:100%;min-height:100dvh;display:grid;place-items:center;padding:24px;color:#1d1d1f;background:#f5f5f1;font-size:14px;text-align:center}.scene-load-error>div{display:flex;align-items:center;gap:16px;margin-top:12px}::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}}@font-face{font-family:Geist Pixel Square;src:url(/fonts/GeistPixel-Square.woff2?v=232cae2c) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Geist Pixel Line;src:url(/fonts/GeistPixel-Line.woff2?v=b4ff341d) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Geist Pixel Grid;src:url(/fonts/GeistPixel-Grid.woff2?v=9cfd59fe) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Geist Pixel Triangle;src:url(/fonts/GeistPixel-Triangle.woff2?v=c6017a87) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Geist Pixel Circle;src:url(/fonts/GeistPixel-Circle.woff2?v=100da9fb) format("woff2");font-style:normal;font-weight:400;font-display:swap}.loading-screen{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:32px 20px 24px;background:#fff;opacity:1;transition:opacity .22s ease}.loading-screen-ready{cursor:pointer}.loading-screen-exiting{opacity:0;pointer-events:none}.loading-panel{width:min(100%,1240px);background:transparent;border:0;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:12px}.loading-eyebrow{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);transform:translate(-50%);margin:0;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#00000080;font-family:Geist Pixel Line,Courier New,SF Mono,Menlo,Monaco,monospace;text-shadow:1px 0 0 rgba(0,0,0,.16),2px 0 0 rgba(0,0,0,.08);pointer-events:none}.loading-ascii{margin:0;font-family:SF Mono,Menlo,Monaco,Cascadia Mono,Consolas,Liberation Mono,monospace;font-size:clamp(6px,calc((100vw - 48px) / 112),11px);line-height:1;color:#0d0d0df0;white-space:pre;text-align:left;overflow-x:hidden;padding:4px 0 0;text-shadow:1px 0 0 rgba(0,0,0,.08)}.loading-ascii-name{font-weight:700;letter-spacing:0;margin-bottom:clamp(42px,6vh,72px)}.loading-bar{width:min(100%,620px);height:12px;overflow:hidden;border-radius:0;background:repeating-linear-gradient(90deg,#00000014 0 8px,#00000008 8px 12px);box-shadow:inset 0 0 0 1px #00000038,0 1px #ffffffb3}.loading-bar-fill{width:100%;height:100%;transform-origin:left center;border-radius:0;background:repeating-linear-gradient(90deg,#101010 0 9px,#3a3a3a 9px 14px,#6a6a6a 14px 18px);transition:transform .12s linear}.loading-meta{margin:0;font-size:11px;letter-spacing:.1em;font-weight:700;font-family:Geist Pixel Grid,Geist Pixel Line,Courier New,SF Mono,Menlo,Monaco,monospace;text-transform:uppercase;color:#00000094;text-shadow:1px 0 0 rgba(0,0,0,.16),2px 0 0 rgba(0,0,0,.08)}