:root{color-scheme:light;--bg:oklch(96.5% .005 255);--panel:oklch(99% .003 255);--text:oklch(30% .015 255);--strong:oklch(22% .015 255);--muted:oklch(52% .012 255);--faint:oklch(58% .012 255);--line:oklch(91% .006 255);--line-strong:oklch(90% .008 255);--accent:oklch(60% .14 45);--accent-hover:oklch(52% .14 45);--code-bg:oklch(93% .008 255);--code-dark:oklch(23.5% .012 255);font-family:Hanken Grotesk,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:15px;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3,p{margin-top:0}.site-shell{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:64px;width:min(920px,100% - 64px);min-height:100vh;margin:0 auto;padding:72px 0 120px;display:grid}.identity-rail,.article-rail{position:sticky;top:72px}.avatar{object-fit:cover;display:block}.avatar-large{aspect-ratio:1;border-radius:12px;width:168px}.avatar-small{border-radius:9px;width:44px;height:44px}.identity-rail h1{color:var(--strong);letter-spacing:0;margin:22px 0 6px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;line-height:1.2}.identity-rail p{color:oklch(55% .012 255);letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.6}.profile-links{flex-direction:column;gap:9px;margin-top:26px;font-family:JetBrains Mono,monospace;font-size:12.5px;display:flex}.profile-links a{color:oklch(40% .015 255)}.profile-links a:after{content:"↗";color:var(--accent);margin-left:.45em}.back-link span,.article-footer span,.article-header a span{color:var(--accent)}.home-main{flex-direction:column;gap:52px;min-width:0;display:flex}.section-label,.article-meta,.concept-kicker{letter-spacing:.14em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400}.section-label{color:oklch(55% .012 255);margin-bottom:16px}.text-list{flex-direction:column;gap:0;display:flex}.project-row{border-bottom:1px solid var(--line);color:oklch(24% .015 255);grid-template-columns:140px minmax(0,1fr);align-items:baseline;gap:16px;padding:12px 0;display:grid}.project-row strong,.writing-row strong,.concept-card strong{color:oklch(24% .015 255);letter-spacing:0;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;line-height:1.3}.project-row span{color:var(--muted);font-size:14.5px}.writing-row{border-bottom:1px solid var(--line);color:oklch(24% .015 255);justify-content:space-between;align-items:baseline;gap:24px;padding:12px 0;display:flex}.writing-row span{min-width:0}.writing-row strong,.writing-row small{display:block}.writing-row small{color:var(--muted);margin-top:2px;font-size:14px}.writing-row time{color:var(--faint);flex:none;font-family:JetBrains Mono,monospace;font-size:12px}.project-row:hover strong,.writing-row:hover strong,.concept-card:hover strong{color:var(--accent-hover)}.concept-list{flex-direction:column;gap:14px;display:flex}.concept-card{border:1px solid var(--line-strong);background:var(--panel);color:inherit;border-radius:12px;align-items:stretch;gap:20px;padding:16px;display:flex}.concept-thumb{object-fit:cover;background:repeating-linear-gradient(135deg,oklch(95% .006 255) 0 8px,oklch(97.5% .004 255) 8px 16px);border:1px solid oklch(92% .006 255);border-radius:8px;flex:0 0 96px;align-self:center;width:96px;max-width:96px;height:96px;display:block;overflow:hidden}.concept-body{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.concept-kicker{color:var(--accent);margin-bottom:6px;font-size:10px}.concept-card strong{margin-bottom:3px;font-size:18px}.concept-card small{color:oklch(50% .012 255);font-size:14.5px}.concept-arrow{color:var(--accent);flex:none;align-self:center;font-family:JetBrains Mono,monospace;font-size:16px}.article-main{color:oklch(32% .015 255);min-width:0;max-width:640px;font-size:16.5px;line-height:1.75}.mini-identity{color:inherit;align-items:center;gap:12px;display:flex}.mini-identity span{color:oklch(24% .015 255);font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600}.back-link{color:oklch(45% .015 255);margin-top:24px;font-family:JetBrains Mono,monospace;font-size:12.5px;display:inline-block}.article-header{margin-bottom:32px}.article-meta{color:var(--faint);letter-spacing:.12em;margin-bottom:16px}.article-header h1{color:oklch(20% .015 255);letter-spacing:0;margin:0 0 14px;font-family:Space Grotesk,sans-serif;font-size:34px;font-weight:600;line-height:1.15}.article-header p{color:var(--muted);margin-bottom:18px}.article-header a{font-family:JetBrains Mono,monospace;font-size:12.5px}.prose p,.prose ul,.prose ol{margin:0 0 20px}.prose h2{color:var(--strong);letter-spacing:0;margin:40px 0 14px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;line-height:1.3}.prose ul,.prose ol{padding-left:20px}.prose li{margin-bottom:8px}.prose code{background:var(--code-bg);border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.86em}.prose pre{background:var(--code-dark);color:oklch(90% .01 255);border-radius:10px;margin:0 0 20px;padding:20px 22px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.65;overflow-x:auto}.prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--accent);color:oklch(28% .015 255);margin:28px 0;padding:4px 0 4px 22px;font-size:18px;font-style:italic;line-height:1.6}.prose blockquote code{font-style:normal}.prose a{text-underline-offset:3px;text-decoration:underline oklch(82% .05 45)}.concept-box{border:1px solid var(--line-strong);background:var(--panel);border-radius:10px;margin:32px 0;padding:20px 22px}.concept-box h2{margin-top:0}.article-footer{border-top:1px solid var(--line-strong);justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:24px;font-family:JetBrains Mono,monospace;font-size:12.5px;display:flex}.article-footer a:first-child{color:oklch(45% .015 255)}.concept-page{width:min(920px,100% - 64px);margin:0 auto;padding:72px 0 120px}.concept-home-link{color:oklch(45% .015 255);margin-bottom:64px;font-family:JetBrains Mono,monospace;font-size:12.5px;display:inline-block}.concept-hero{max-width:760px}.concept-hero h1{color:oklch(20% .015 255);letter-spacing:0;margin:0 0 22px;font-family:Space Grotesk,sans-serif;font-size:clamp(3.4rem,9vw,7.5rem);font-weight:600;line-height:.95}.concept-hero p{max-width:620px;color:var(--muted);font-size:20px;line-height:1.55}.concept-panel{border:1px solid var(--line-strong);background:var(--panel);border-radius:12px;width:min(560px,100%);margin-top:72px;padding:24px}.concept-panel h2{color:var(--strong);margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:20px}.concept-panel p{color:var(--muted);margin-bottom:0}@media (width<=820px){.site-shell{width:min(100% - 40px,640px);padding:40px 0 72px;display:block}.identity-rail,.article-rail{position:static}.identity-rail{text-align:center;margin-bottom:48px}.identity-rail .avatar-large{margin-inline:auto}.profile-links{flex-flow:wrap;justify-content:center;gap:12px 18px}.article-rail{margin-bottom:40px}.project-row{grid-template-columns:112px minmax(0,1fr)}}@media (width<=560px){.site-shell,.concept-page{width:min(100% - 28px,640px);padding-top:28px}.avatar-large{width:128px}.project-row,.project-row strong,.project-row span{display:block}.project-row strong{margin-bottom:2px}.writing-row{display:block}.writing-row time{margin-top:6px;display:block}.concept-card{gap:14px}.concept-thumb{flex-basis:62px;width:62px;max-width:62px;height:62px}.concept-arrow{display:none}.article-header h1{font-size:30px}.article-footer,.article-footer a{display:block}.article-footer a+a{margin-top:14px}}