:root{--bg: #171512;--bg-deeper: #100f0d;--surface: rgba(255, 255, 255, .025);--surface-strong: rgba(255, 255, 255, .045);--line: rgba(246, 243, 238, .13);--line-strong: rgba(246, 243, 238, .26);--text: #f6f3ee;--muted: rgba(246, 243, 238, .72);--subtle: rgba(246, 243, 238, .5);--accent: #9b90f0;--accent-strong: #c4bbff;--success: #8be6bb;--warning: #f2c879;--danger: #ff9f9f;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-ui);letter-spacing:0;scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 28% 0%,rgba(124,111,235,.14),transparent 32%),linear-gradient(180deg,var(--bg-deeper) 0%,var(--bg) 50%,#12100e 100%);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input{color:inherit;font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.site-shell{display:grid;gap:56px;grid-template-columns:236px minmax(0,710px);margin:0 auto;max-width:1050px;min-height:100vh;padding:52px 28px 82px}.identity-rail{align-self:start;display:flex;flex-direction:column;min-height:calc(100vh - 104px);position:sticky;top:52px}.brand-card{display:grid;gap:18px;justify-items:start}.profile-image,.intro-image{aspect-ratio:1;border:1px solid rgba(196,187,255,.38);border-radius:50%;display:block;object-fit:cover}.profile-image{box-shadow:0 18px 40px #08070a3d;height:112px;width:112px}.brand-card strong,.brand-card small{display:block}.brand-card strong{font-size:1.08rem;letter-spacing:0}.brand-card small{color:var(--subtle);font-size:.92rem;margin-top:4px}.identity-rail p{color:var(--muted);font-size:.96rem;line-height:1.68;margin:30px 0 28px}.primary-nav{border-top:1px solid var(--line);display:grid;gap:2px;padding-top:18px}.primary-nav a{color:var(--muted);font-size:.94rem;padding:7px 0}.social-links{border-top:1px solid var(--line);display:grid;gap:9px;margin-top:auto;padding-top:18px}.social-links a,.section-heading a,.featured-card a{color:var(--accent-strong);font-family:var(--font-mono);font-size:.78rem}.primary-nav a:hover,.social-links a:hover,.section-heading a:hover,.featured-card a:hover,.post-list a:hover,.project-list a:hover{color:var(--accent-strong)}.content-column{min-width:0;padding-top:10px}.intro-section{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:28px;grid-template-columns:96px minmax(0,1fr);padding-bottom:36px}.intro-section.page-header{grid-template-columns:1fr}.intro-image{height:96px;width:96px}.eyebrow{color:var(--success);font-family:var(--font-mono);font-size:.76rem;margin:0 0 10px}.intro-section h1{color:var(--text);font-size:clamp(2rem,3.8vw,3rem);font-weight:720;line-height:1.08;margin:0 0 13px}.intro-section p:last-child,.subscribe-section>div>p:last-child{color:var(--muted);font-size:1.02rem;line-height:1.7;margin:0;max-width:620px}.content-section{border-bottom:1px solid var(--line);padding:32px 0}.section-heading{align-items:baseline;display:flex;gap:18px;justify-content:space-between;margin-bottom:16px}.section-heading h2,.subscribe-section h2{color:var(--text);font-size:1.05rem;font-weight:700;margin:0}.featured-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:22px}.featured-card span,.post-list time,.project-list span{color:var(--success);font-family:var(--font-mono);font-size:.76rem}.featured-card h3{color:var(--text);font-size:clamp(1.7rem,3vw,2.28rem);font-weight:720;line-height:1.12;margin:12px 0 10px}.featured-card p,.post-list p,.project-list p,.site-footer p{color:var(--muted);line-height:1.65;margin:0}.featured-card p{margin-bottom:18px;max-width:580px}.article-page{border-bottom:1px solid var(--line);padding:10px 0 34px}.article-page h1{color:var(--text);font-size:clamp(2.35rem,5vw,4.7rem);font-weight:760;line-height:.98;margin:12px 0 18px;max-width:720px}.back-link{color:var(--accent-strong);display:inline-block;font-family:var(--font-mono);font-size:.78rem;margin-bottom:24px}.page-summary{color:var(--muted);font-size:1.1rem;line-height:1.7;margin:0;max-width:650px}.post-source-row{align-items:center;display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.post-source-row a{color:var(--accent-strong);font-family:var(--font-mono);font-size:.78rem}.source-pill{border:1px solid rgba(139,230,187,.24);border-radius:999px;color:var(--success);font-family:var(--font-mono);font-size:.72rem;padding:5px 9px}.article-body{display:grid;gap:18px;margin-top:30px;max-width:680px}.article-body p{color:var(--muted);font-size:1.02rem;line-height:1.75;margin:0}.article-body h2,.article-body h3{color:var(--text);line-height:1.2;margin:20px 0 0}.article-body h2{font-size:clamp(1.45rem,3vw,2rem)}.article-body h3{font-size:1.15rem}.article-body ul,.article-body ol{color:var(--muted);line-height:1.7;margin:0 0 0 1.2rem;padding:0}.article-body li+li{margin-top:.4rem}.article-body pre{background:#ffffff0a;border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:.9rem;line-height:1.6;margin:0;overflow-x:auto;padding:1rem}.article-body a{color:var(--accent);text-decoration:none}.article-body a:hover{text-decoration:underline}.detail-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-top:32px;padding:20px}.detail-panel h2{color:var(--text);font-size:1rem;margin:0 0 14px}.detail-panel ul{color:var(--muted);display:grid;gap:10px;line-height:1.6;margin:0;padding-left:20px}.link-list{display:flex;flex-wrap:wrap;gap:10px}.link-list a{background:#9b90f01f;border:1px solid rgba(196,187,255,.22);border-radius:6px;color:var(--accent-strong);font-family:var(--font-mono);font-size:.78rem;padding:9px 11px}.post-list,.project-list{display:grid}.archive-panel{display:grid;gap:6px}.archive-toolbar{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:8px}.search-field input{background:#ffffff0a;border:1px solid var(--line);border-radius:6px;min-width:0;padding:11px 12px;width:100%}.search-field input::placeholder{color:var(--subtle)}.archive-meta,.post-kicker{color:var(--subtle);font-family:var(--font-mono);font-size:.74rem}.post-list article{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 150px;padding:18px 0}.post-list article+article,.project-list a+a{border-top:1px solid var(--line)}.post-list h3{color:var(--text);font-size:1.18rem;margin:5px 0 7px}.post-list time{color:var(--subtle);line-height:1.5;text-align:right}.project-list a{display:grid;gap:6px 18px;grid-template-columns:minmax(0,1fr) 120px;padding:17px 0}.project-list strong{color:var(--text);font-size:1.05rem}.project-list span{color:var(--warning);text-align:right}.project-list p{grid-column:1 / -1}.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:22px}.empty-state h3{font-size:1rem;margin:0 0 8px}.empty-state p{color:var(--muted);line-height:1.6;margin:0}.pagination{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding-top:18px}.page-button,.skill-command button{background:#9b90f01f;border:1px solid rgba(196,187,255,.24);border-radius:6px;color:var(--accent-strong);cursor:pointer;font-family:var(--font-mono);font-size:.78rem;padding:9px 12px}.page-button:disabled{color:var(--subtle);cursor:not-allowed;opacity:.62}.page-status{color:var(--subtle);font-family:var(--font-mono);font-size:.78rem}.skill-section{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(260px,.76fr)}.skill-section h2{font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.15;margin:0 0 12px}.skill-section p:not(.eyebrow){color:var(--muted);line-height:1.7;margin:0}.skill-command{align-self:start;background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;padding:16px}.skill-command code{color:var(--success);display:block;font-family:var(--font-mono);font-size:.78rem;line-height:1.55;overflow-wrap:anywhere}.subscribe-section{display:grid;gap:26px;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr)}.subscribe-section h2{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.12;margin-bottom:12px}.subscribe-form{align-self:start;background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;padding:18px}.subscribe-form label{color:var(--subtle);font-family:var(--font-mono);font-size:.76rem}.subscribe-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.subscribe-row input{background:#ffffff0a;border:1px solid var(--line);border-radius:6px;min-width:0;padding:11px 12px}.subscribe-row input::placeholder{color:var(--subtle)}.subscribe-row button{background:var(--accent);border:1px solid transparent;border-radius:6px;color:#11100f;cursor:pointer;font-weight:700;padding:11px 15px}.subscribe-row button:disabled{cursor:wait;opacity:.68}.form-status{color:var(--subtle);font-size:.88rem;line-height:1.5;margin:0}.form-status.success{color:var(--success)}.form-status.error{color:var(--danger)}.hidden-field{display:none}.site-footer{padding-top:28px}.site-footer p{color:var(--subtle);font-size:.9rem}@media(max-width:920px){.site-shell{gap:34px;grid-template-columns:1fr;max-width:760px;padding:28px 24px 68px}.identity-rail{border-bottom:1px solid var(--line);display:block;min-height:auto;padding-bottom:24px;position:static}.brand-card{align-items:center;display:flex}.profile-image{height:64px;width:64px}.identity-rail p{margin:20px 0}.primary-nav,.social-links{display:flex;flex-wrap:wrap;gap:14px}.social-links{margin-top:18px}.subscribe-section,.skill-section{grid-template-columns:1fr}}@media(max-width:560px){.site-shell{padding:22px 18px 60px}.intro-section{align-items:start;gap:18px;grid-template-columns:1fr}.intro-image{height:72px;width:72px}.section-heading,.post-list article,.project-list a,.subscribe-row,.archive-toolbar{grid-template-columns:1fr}.section-heading{align-items:start;display:grid;gap:6px}.post-list time,.project-list span{text-align:left}.pagination{justify-content:space-between}}