:root{--bg: #0c0c0c;--fg: #f2f2f2;--fg-muted: #a3a3a3;--fg-dim: #808080;--border: #333333;--surface: #111;--surface-hover: #1f1f1f;--link: #60a5fa;--link-hover: #93c5fd;--c-cyan: #22d3ee;--c-green: #4ade80;--c-yellow: #facc15;--c-pink: #f472b6;--c-blue: #60a5fa;--c-orange: #fb923c;--c-purple: #a78bfa;--chrome-red: #ff5f57;--chrome-yellow: #febc2e;--chrome-green: #28c840;--header-height: 60px;color-scheme:dark}[data-theme=light]{--bg: #fafafa;--fg: #171717;--fg-muted: #525252;--fg-dim: #666666;--border: #e5e5e5;--surface: #ffffff;--surface-hover: #f5f5f5;--link: #2563eb;--link-hover: #1d4ed8;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--c-cyan);color:var(--bg)}body{font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:var(--bg);color:var(--fg);min-height:100vh;line-height:1.6;font-size:14px;-webkit-font-smoothing:antialiased}.desktop{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.3;margin-bottom:.5em;color:var(--fg)}h1{font-size:28px;letter-spacing:-1px}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:16px;font-weight:500}h4{font-size:14px;color:var(--fg-muted)}p{margin-bottom:1rem}a{color:var(--link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--link-hover)}a.inherit-color{color:inherit}button{font-family:inherit;cursor:pointer}.header{position:relative;margin-bottom:48px;border-bottom:1px solid var(--border)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.header-initials{font-size:20px;font-weight:600;color:var(--fg);text-decoration:none;letter-spacing:-1px;transition:opacity .15s;border:1px solid var(--fg);padding:4px 8px}.header-initials:hover{opacity:.7;color:var(--fg)}.header-nav{display:flex;align-items:center;gap:24px;position:absolute;left:50%;transform:translate(-50%)}.header-nav-item{font-size:14px;color:var(--fg-muted);text-decoration:none;transition:color .15s}.header-nav-item:hover{color:var(--fg)}.header-right{display:flex;align-items:center}.theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;color:var(--fg-muted);font-size:14px;transition:all .15s;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--surface-hover);color:var(--fg);border-color:var(--fg-dim)}.content{max-width:800px;margin:0 auto;padding:32px 24px;width:90%}@media (min-width: 1200px){.content{max-width:900px}}@media (min-width: 1600px){.content{max-width:1000px}}.section{margin-bottom:36px}.section-title{font-size:11px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:24px;display:block}.about-intro{font-size:18px;line-height:1.7;color:var(--fg);margin-bottom:32px}.about-status{margin-bottom:32px}.about-status-title{font-size:12px;color:var(--fg-dim);letter-spacing:1px;margin-bottom:12px}.about-list{list-style:none;padding:0;margin:0}.about-list li{color:var(--fg-muted);padding:6px 0 6px 20px;position:relative;font-size:14px}.about-list li:before{content:"→";position:absolute;left:0;color:var(--fg-dim)}.about-meta{display:flex;gap:24px;padding-top:24px;border-top:1px solid var(--border);font-size:13px;color:var(--fg-dim)}.about-meta-item{display:flex;align-items:center;gap:8px}.status-indicator{display:inline-flex;align-items:center;gap:8px;color:var(--c-yellow)}[data-theme=light] .status-indicator{color:#b1830f}.status-indicator:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;opacity:.75;box-shadow:0 0 #0000;animation:status-sonar 1.8s ease-in-out infinite;will-change:opacity,box-shadow,transform}@keyframes status-sonar{0%{opacity:.55;transform:scale(.98);box-shadow:0 0 #facc1500}55%{opacity:.75;transform:scale(1);box-shadow:0 0 0 4px #facc1524}to{opacity:.6;transform:scale(.99);box-shadow:0 0 #facc1500}}@media (prefers-reduced-motion: reduce){.status-indicator:before{animation:none;opacity:.8;box-shadow:0 0 0 2px #facc151a}}.project-featured{background:var(--surface);border:1px solid var(--border);margin-bottom:32px;overflow:hidden;transition:all .5s ease;cursor:pointer}.project-featured:hover{border-color:var(--fg-muted);box-shadow:0 8px 32px #0003}.project-featured-header{display:flex;align-items:center;gap:16px;padding:8px 12px;background:#1a1a1a;border-bottom:1px solid var(--border);font-family:SF Mono,Monaco,monospace;font-size:11px;overflow-x:auto}.project-featured-stat{display:flex;gap:6px;white-space:nowrap}.project-featured-stat.flex-grow{flex:1}.stat-label{color:var(--fg-dim)}.stat-value{color:var(--fg)}.project-featured-status{display:flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;color:var(--fg-dim);margin-left:auto}.project-featured-body{padding:24px;display:grid;grid-template-columns:2fr 1fr;gap:32px}.project-featured-title{font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px;color:var(--fg)}.project-featured-tagline{font-family:SF Mono,Monaco,monospace;color:var(--c-cyan);margin-bottom:16px;font-size:13px}.project-featured-desc{color:var(--fg-muted);line-height:1.6;font-size:14px}.project-featured-meta{display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--border);padding-left:32px}.meta-header{font-size:10px;color:var(--fg-dim);letter-spacing:1px;margin-bottom:12px;display:block}.stack-tags{display:flex;flex-wrap:wrap;gap:8px}.stack-tag{font-size:11px;color:var(--fg-muted);background:#ffffff0d;padding:4px 8px;border-radius:2px;border:1px solid transparent}.project-featured:hover .stack-tag{border-color:#ffffff1a}.projects-table{font-family:SF Mono,Monaco,monospace;font-size:12px;width:100%}.projects-table-header{display:grid;grid-template-columns:100px 60px 100px 160px 1fr;gap:16px;padding:8px 16px;border-bottom:1px solid var(--border);color:var(--fg-dim);font-size:10px;letter-spacing:1px;margin-bottom:8px}.project-row{display:grid;grid-template-columns:100px 60px 100px 160px 1fr;gap:16px;padding:10px 16px;align-items:center;cursor:pointer;border-radius:4px;transition:background .1s;color:var(--fg-muted)}.project-row:hover{background:var(--surface-hover);color:var(--fg);cursor:pointer}.file-icon{color:var(--fg-dim);margin-right:6px}.col-name{color:var(--c-blue)}.project-row:hover .col-name{text-decoration:underline;text-underline-offset:4px}.text-dim{color:var(--fg-dim)}.text-muted{color:var(--fg-muted)}.stack-inline{color:var(--fg-dim);margin-left:8px;font-size:11px}.status-text{display:inline-block;font-size:11px}.status-text.live{color:var(--c-green)}.status-text.beta{color:var(--c-yellow)}.status-text.in-development{color:var(--fg-dim)}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}.about-main p{color:var(--fg-muted);margin-bottom:20px;line-height:1.8}.about-main p:first-child{color:var(--fg);font-size:15px}.posts-list{display:flex;flex-direction:column}.posts-list a{color:var(--fg);text-decoration:none}.post{display:grid;grid-template-columns:1fr auto;gap:24px;padding:16px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:all .1s}.post:hover{background:var(--surface);margin:0 -16px;padding:16px;border-radius:4px;cursor:pointer}.post.featured{background:#22d3ee08;border:1px solid var(--border);padding:16px;margin-bottom:16px;display:block;cursor:pointer}.post.featured:hover{background:#22d3ee0d;border-color:var(--c-cyan)}.post-featured-badge{font-size:10px;padding:2px 8px;background:#22d3ee1a;border:1px solid var(--c-cyan);color:var(--c-cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:inline-block;border-radius:12px}.post-title{font-size:16px;margin-bottom:4px;font-weight:500;color:var(--fg)}.post-subtitle{font-size:13px;color:var(--fg-dim);line-height:1.5;margin-bottom:8px}.post-excerpt{font-size:13px;color:var(--fg-muted);line-height:1.6;margin-bottom:12px}.post time{font-size:11px;color:var(--fg-dim)}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contact-item{display:block;padding:16px;background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--fg);transition:all .15s}.contact-item:hover{border-color:#555;transform:translateY(-1px)}.contact-item-label{font-size:10px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.contact-item-value{font-size:13px}.footer-icons{display:flex;justify-content:center;gap:32px}.footer-icon{font-size:20px;text-decoration:none;transition:all .2s;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;filter:grayscale(100%);opacity:.7;color:var(--fg)}.footer-icon:hover{transform:translateY(-2px);background:var(--surface-hover);filter:grayscale(0%);opacity:1}.footer-copyright{text-align:center;margin-top:24px;font-size:12px;color:var(--fg-dim)}.terminal{display:none;position:fixed;bottom:24px;right:24px;width:520px;max-width:calc(100vw - 48px);background:#0a0a0a;border:1px solid #333;z-index:1000;font-size:13px;box-shadow:0 10px 40px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1);flex-direction:column}.terminal.visible{display:flex;animation:slideUp .3s ease-out}.terminal.minimized{height:auto;width:300px}.terminal.minimized .terminal-body{display:none}.terminal.fullscreen{top:0;left:0;right:0;bottom:0;width:100vw;max-width:100vw;height:100vh;border:none;border-radius:0}.terminal.fullscreen .terminal-body{height:calc(100vh - 36px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.terminal-header{display:flex;align-items:center;padding:8px 12px;background:#1a1a1a;border-bottom:1px solid #333;cursor:grab;-webkit-user-select:none;user-select:none}.terminal-header:active{cursor:grabbing}.window-controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%;border:none;padding:0;cursor:pointer;position:relative}.control:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;font-size:8px;color:#0009;font-weight:700;transition:opacity .1s}.control:hover:before{opacity:1}.control.red{background:#ff5f57}.control.red:hover:before{content:"✕"}.control.yellow{background:#febc2e}.control.yellow:hover:before{content:"−"}.control.green{background:#28c840}.control.green:hover:before{content:"+"}.terminal-title{flex:1;text-align:center;font-size:12px;color:var(--fg-dim);font-weight:500}.terminal-body{padding:12px 16px;height:320px;overflow-y:auto;font-family:inherit;background:#000000e6}.terminal-line{margin-bottom:6px;line-height:1.5}.terminal-line.command{color:var(--c-green)}.terminal-line.output{color:var(--fg-muted)}.terminal-line.error{color:var(--c-pink)}.terminal-line.success{color:var(--c-green)}.terminal-input-line{display:flex;align-items:center;gap:8px;padding:0 0 12px}.terminal-prompt{color:var(--c-cyan);display:flex;gap:6px}.prompt-user{color:var(--c-green)}.prompt-path{color:var(--c-blue)}.terminal-input{flex:1;background:none;border:none;color:var(--fg);font-family:inherit;font-size:inherit;outline:none;caret-color:var(--c-cyan)}.command-palette{display:none;position:fixed;top:15%;left:50%;transform:translate(-50%);width:520px;max-width:90vw;z-index:1001;box-shadow:0 20px 50px #00000080;border-radius:8px;overflow:hidden}.command-palette.visible{display:block;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.command-input-wrap{background:#1a1a1a;border:1px solid #333;padding:16px;display:flex;align-items:center;gap:12px}.command-input-icon{color:var(--fg-dim);font-size:16px}.command-input{flex:1;background:none;border:none;color:var(--fg);font-family:inherit;font-size:16px;outline:none}.command-input::placeholder{color:var(--fg-dim)}.command-results{background:#111;border:1px solid #333;border-top:none;max-height:320px;overflow-y:auto}.command-group-title{font-size:10px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:1px;padding:8px 16px;background:#0f0f0f}.command-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background .05s}.command-item:hover,.command-item.selected{background:#1a1a1a}.command-item-left{display:flex;align-items:center;gap:12px}.command-item-icon{color:var(--fg-dim);width:20px;text-align:center}.command-item-desc{font-size:12px;color:var(--fg-muted);margin-left:8px}.command-shortcut{font-size:10px;color:var(--fg-dim);background:#222;padding:2px 6px;border-radius:3px;border:1px solid #333}.context-menu{display:none;position:fixed;background:#151515;border:1px solid #333;min-width:180px;z-index:1002;padding:4px 0;box-shadow:0 4px 12px #0000004d;border-radius:4px}.context-menu.visible{display:block}.context-menu-item{padding:8px 16px;font-size:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .1s}.context-menu-item:hover{background:#222;color:var(--fg)}@media (max-width: 1024px){.content{padding:24px}}@media (max-width: 768px){.content{padding:20px 16px}.header{margin-bottom:32px;padding:0}.header-inner{padding:16px 0}.about-meta{flex-direction:column;gap:12px}.footer-icons{gap:24px}.footer-icon{padding:12px}.terminal{width:100vw;right:0;bottom:0;max-width:100%;border-radius:0;border-left:none;border-right:none;border-bottom:none}.terminal.visible{height:50vh}.terminal.fullscreen{height:100vh}.command-palette{width:100%;top:0;border-radius:0;border:none;border-bottom:1px solid #333}}@media (max-width: 480px){h1{font-size:24px}h2{font-size:18px}.about-intro{font-size:16px}.post{grid-template-columns:1fr;gap:8px}.post time{order:-1}}.blog-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.blog-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.blog-grid-2col-auto{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:32px 0}.blog-diagram-card{padding:24px;border-radius:8px;background:#1a1a1a;border:1px solid #333;height:100%;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.blog-diagram-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #00000080}.blog-diagram-card.card-external{background:linear-gradient(180deg,#14291a66,#14291a33);border-color:#4ade8033;box-shadow:0 0 0 1px #4ade800d,0 4px 12px #0003}.blog-diagram-card.card-internal{background:linear-gradient(180deg,#450a0a4d,#450a0a1a);border-color:#f8717133;box-shadow:0 0 0 1px #f871710d,0 4px 12px #0003}.blog-diagram-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--fg-dim);margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-external .blog-diagram-label{color:var(--c-green);text-shadow:0 0 20px rgba(74,222,128,.3)}.card-internal .blog-diagram-label{color:#f87171;text-shadow:0 0 20px rgba(248,113,113,.3)}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;color:var(--fg-muted)}.feature-icon{flex-shrink:0;width:14px;text-align:center;font-weight:700}.blog-diagram-content{background:#0d0d0d;border-radius:6px;padding:16px;border:1px solid #262626}.blog-diagram-caption{margin-top:12px;font-size:13px;color:#888;font-style:italic}[data-theme=light] .blog-diagram-card{background:#f5f5f5;border-color:#d4d4d4;box-shadow:none}[data-theme=light] .blog-diagram-card:hover{box-shadow:0 10px 30px -10px #0000001a}[data-theme=light] .blog-diagram-card.card-external{background:#f0fdf4;border-color:#bbf7d0}[data-theme=light] .card-external .blog-diagram-label{color:#15803d;text-shadow:none}[data-theme=light] .blog-diagram-card.card-internal{background:#fef2f2;border-color:#fecaca}[data-theme=light] .card-internal .blog-diagram-label{color:#b91c1c;text-shadow:none}[data-theme=light] .blog-diagram-content{background:#fff;border:1px solid #e5e5e5}@media (max-width: 768px){.blog-grid-2col,.blog-grid-2col-auto{grid-template-columns:1fr;gap:16px}.blog-grid-3col{grid-template-columns:1fr}.blog-grid-2col-auto>div:nth-child(2){transform:rotate(90deg);text-align:center;margin:8px 0}}button:focus-visible,a:focus-visible{outline:2px solid var(--link);outline-offset:2px}.post-content button,.post-content input[type=button],.post-content input[type=submit]{cursor:default}@media print{.header,.theme-toggle,.footer-icons,.terminal,.command-palette,.context-menu{display:none!important}body{background:#fff;color:#000}.content{max-width:100%;width:100%;margin:0;padding:0}a{text-decoration:underline;color:#000}a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em}}