:root{--bg: #060d18;--nav: #040910;--surf: #0a1828;--text: #c0d8f5;--muted: #6080a0;--accent: #00dfbf;--accent-dim: #001e1a;--border: #0c2038;--code-bg: #020810;--code-hd: #040c1c;--code-text: #c0d8f5;--code-cmt: #2e4e6e;--code-kw: #00dfbf;--code-str: #6dd5a8;--code-num: #f0a060;--code-fn: #7ab8f5;--code-atom: #c080f0;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-sans: "DM Sans", system-ui, sans-serif;--max-w: 760px;--nav-h: 52px}[data-theme=light]{--bg: #f0f6ff;--nav: #e4edf8;--surf: #dce8f5;--text: #040c20;--muted: #4a6888;--accent: #007a6a;--accent-dim: #ccf5ef;--border: #b0cce0;--code-bg: #e0ecf8;--code-hd: #d4e4f4;--code-text: #0c1a30;--code-cmt: #7090b0;--code-kw: #007a6a;--code-str: #2d7a4a;--code-num: #c05800;--code-fn: #1a5ab8;--code-atom: #7020b0}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img,video{max-width:100%;height:auto;display:block}.site-header{position:sticky;top:0;z-index:50;background:var(--nav);border-bottom:1px solid var(--border);height:var(--nav-h);display:flex;align-items:center;padding:0 24px}.site-header-inner{max-width:var(--max-w);width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.site-logo{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.01em}.site-nav{display:flex;gap:4px;align-items:center}.nav-link{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-decoration:none;padding:5px 10px;border-radius:5px;transition:color .15s,background .15s}.nav-link:hover,.nav-active{color:var(--text);background:var(--surf)}.nav-gh{font-family:var(--font-mono);font-size:11px;color:var(--accent);text-decoration:none;padding:5px 10px;border-radius:5px;border:1px solid var(--accent-dim);font-weight:500;letter-spacing:.02em;transition:background .15s}.nav-gh:hover{background:var(--accent-dim)}.theme-toggle{font-family:var(--font-mono);font-size:10px;color:var(--muted);background:none;border:1px solid var(--border);padding:5px 10px;border-radius:5px;cursor:pointer;letter-spacing:.04em;transition:color .15s,border-color .15s}.theme-toggle:hover{color:var(--text);border-color:var(--muted)}.site-footer{border-top:1px solid var(--border);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;max-width:var(--max-w);margin:0 auto}.footer-brand,.footer-copy{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.home-main{max-width:var(--max-w);margin:0 auto;padding:0 24px 100px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero{position:relative;width:100vw;left:50%;transform:translate(-50%);overflow:hidden;padding:32px 0 36px;margin-bottom:36px}.hero-anim{position:absolute;inset:0;opacity:.45;pointer-events:none}.hero-anim svg{display:block}@keyframes hero-anim-spin{to{transform:rotate(360deg)}}.hero-anim-planet{animation-name:hero-anim-spin;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.hero-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;position:relative;z-index:1}.hero-name{font-family:var(--font-mono);font-size:26px;font-weight:700;color:var(--text);margin:0 0 10px;letter-spacing:-.02em;line-height:1.15;display:flex;align-items:center;gap:4px}.cursor{display:inline-block;width:3px;height:26px;background:var(--accent);flex-shrink:0;animation:blink 1.1s step-end infinite}.hero-sub{font-family:var(--font-mono);font-size:13px;color:var(--muted);margin:0;line-height:1.75}.search-section{margin-bottom:52px}.search-wrap{position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:15px;pointer-events:none;line-height:1}.search-input{width:100%;background:var(--surf);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-sans);font-size:15px;padding:12px 100px 12px 40px;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.search-input::placeholder{color:var(--muted)}.search-badge{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;color:var(--muted);background:var(--bg);border:1px solid var(--border);padding:2px 8px;border-radius:100px;pointer-events:none;white-space:nowrap}.search-badge.active{color:var(--accent);background:var(--accent-dim);border-color:var(--accent)}.home-section{margin-bottom:64px}.section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-label{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0}.section-more{font-family:var(--font-sans);font-size:13px;color:var(--muted);text-decoration:none;transition:color .15s}.section-more:hover{color:var(--accent)}.post-list{border:1px solid var(--border);border-radius:10px;overflow:hidden}.post-item{display:flex;align-items:center;gap:12px;padding:14px 18px 14px 16px;border-bottom:1px solid var(--border);border-left:3px solid transparent;cursor:pointer;transition:background .15s,border-left-color .15s,padding-left .15s}.post-item[hidden]{display:none}.post-item:last-child{border-bottom:none}.post-item:hover{background:var(--surf);border-left-color:var(--accent);padding-left:20px}.post-tag{font-family:var(--font-mono);font-size:10px;color:var(--accent);background:var(--accent-dim);padding:2px 7px;border-radius:100px;flex-shrink:0;font-weight:500;white-space:nowrap}.post-item-title{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text);text-decoration:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}.post-item-title:hover{color:var(--accent)}.post-item-date{font-family:var(--font-mono);font-size:11px;color:var(--muted);flex-shrink:0}.no-results{font-family:var(--font-mono);font-size:13px;color:var(--muted);padding:28px 0;text-align:center;border:1px dashed var(--border);border-radius:8px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:520px){.project-grid{grid-template-columns:1fr}}.proj-mini-card{background:var(--surf);border:1px solid var(--border);border-radius:10px;padding:18px;cursor:pointer;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;flex-direction:column;gap:8px}.proj-mini-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #0003}.proj-mini-top{display:flex;align-items:center;gap:8px}.proj-mini-name{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text)}.proj-lang{font-family:var(--font-mono);font-size:10px;color:var(--accent);background:var(--accent-dim);padding:2px 6px;border-radius:100px}.proj-mini-desc{font-family:var(--font-sans);font-size:13px;color:var(--muted);margin:0;line-height:1.55;flex:1}.proj-mini-stars{font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-top:auto}#read-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:200;width:0%;pointer-events:none;transition:width .08s linear}.post-main{max-width:var(--max-w);margin:0 auto;padding:48px 24px 120px}.post-back{margin-bottom:36px}.back-link{font-family:var(--font-mono);font-size:12px;color:var(--muted);text-decoration:none;transition:color .15s}.back-link:hover{color:var(--accent)}.post-header{margin-bottom:44px}.post-tags{margin-bottom:14px}.tag-pill{display:inline-block;font-family:var(--font-mono);font-size:10px;color:var(--accent);background:var(--accent-dim);padding:3px 9px;border-radius:100px;font-weight:500;letter-spacing:.04em;margin-right:4px}.post-title{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text);margin:0 0 16px;line-height:1.2;letter-spacing:-.025em}.post-meta{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.post-divider{height:1px;background:var(--border);margin-bottom:44px}.post-body{font-family:var(--font-sans);font-size:16.5px;line-height:1.8;color:var(--text)}.post-body p{margin:0 0 24px}.post-body h2{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:48px 0 16px}.post-body h3{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--text);margin:32px 0 12px}.post-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.post-body a:hover{opacity:.8}.post-body blockquote{border-left:3px solid var(--accent);margin:0 0 44px;padding:14px 22px;background:var(--surf);border-radius:0 6px 6px 0}.post-body blockquote p{margin:0;font-size:14px;color:var(--muted)}.post-body ul,.post-body ol{padding-left:1.5em;margin:0 0 24px}.post-body li{margin-bottom:6px}.post-body :not(pre)>code{font-family:var(--font-mono);font-size:.82em;background:var(--surf);color:var(--accent);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.post-body pre{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;overflow-x:auto;margin:0 0 36px;padding:0}.post-body pre code{display:block;padding:20px 22px;font-family:var(--font-mono);font-size:13px;line-height:1.75;color:var(--code-text);background:none;border:none}.token.comment,.token.prolog,.token.doctype,.token.cdata,.token.block-comment{color:var(--code-cmt);font-style:italic}.token.keyword,.token.atrule,.token.important,.token.selector,.token.boolean,.token.operator{color:var(--code-kw);font-weight:500}.token.string,.token.char,.token.regex,.token.variable,.token.attr-value,.token.inserted{color:var(--code-str)}.token.number,.token.deleted{color:var(--code-num)}.token.function,.token.function-name{color:var(--code-fn)}.token.class-name,.token.builtin,.token.constant,.token.property,.token.symbol,.token.attr-name,.token.tag,.token.namespace{color:var(--code-atom)}.token.punctuation,.token.entity,.token.url{color:var(--muted)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.post-footer-tags{margin-top:60px;padding-top:24px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px}.projects-main{padding-bottom:100px}.projects-inner{max-width:var(--max-w);margin:0 auto;padding:52px 24px 0}.projects-page-header{margin-bottom:48px}.projects-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}.projects-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.projects-title{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.02em}.projects-gh-link{font-family:var(--font-mono);font-size:12px;color:var(--muted);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:color .15s}.projects-gh-link:hover{color:var(--accent)}.projects-sub{font-family:var(--font-sans);font-size:15px;color:var(--muted);margin:0;line-height:1.6}.projects-list{display:flex;flex-direction:column;gap:14px}.proj-card{display:block;background:var(--surf);border:1px solid var(--border);border-radius:10px;padding:28px 32px;cursor:pointer;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}.proj-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 28px #0000002e}.proj-card-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}.proj-name{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.02em;flex-shrink:0}.proj-stars{font-family:var(--font-mono);font-size:11px;color:var(--muted);flex-shrink:0}.proj-gh{font-family:var(--font-mono);font-size:11px;color:var(--accent);text-decoration:none;margin-left:auto;flex-shrink:0;letter-spacing:.02em;transition:opacity .15s}.proj-gh:hover{opacity:.7}.proj-divider{height:1px;background:var(--border);margin:14px 0 18px}.proj-desc{font-family:var(--font-sans);font-size:15px;color:var(--text);margin:0 0 22px;line-height:1.7;opacity:.85}.proj-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.proj-tags{display:flex;gap:6px;flex-wrap:wrap}.proj-tag{font-family:var(--font-mono);font-size:10px;color:var(--muted);background:var(--bg);padding:3px 9px;border-radius:100px;border:1px solid var(--border)}.proj-meta{font-family:var(--font-mono);font-size:10px;color:var(--muted);white-space:nowrap;flex-shrink:0}.default-main{max-width:var(--max-w);margin:0 auto;padding:52px 24px 100px;font-family:var(--font-sans);font-size:16px;line-height:1.75}.default-main h1{font-family:var(--font-mono);font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 24px}.default-main h2{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:36px 0 12px}.default-main a{color:var(--accent)}.default-main code{font-family:var(--font-mono);font-size:.82em;background:var(--surf);color:var(--accent);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.default-main pre{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;overflow-x:auto;padding:18px 20px;margin:0 0 24px}.default-main pre code{background:none;border:none;padding:0;font-size:13px;line-height:1.75;color:var(--code-text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(max-width:600px){.site-nav .nav-link{display:none}.hero-name,.post-title{font-size:22px}.proj-name{font-size:18px}.proj-card{padding:20px}.projects-inner{padding-top:32px}}