:root{--hn-orange: #ff6600;--hn-bg: #f6f6ef;--hn-text: #000000;--hn-gray: #828282;--hn-light: #e5e5e0;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Courier New", Courier, monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);font-size:11pt;line-height:1.5;background:var(--hn-bg);color:var(--hn-text);-webkit-font-smoothing:antialiased}a{color:var(--hn-text);text-decoration:none}.site-header{background:var(--hn-orange);position:sticky;top:0;z-index:100}.site-header-inner{max-width:900px;margin:0 auto;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header-name{font-size:16pt;font-weight:700;color:#000}.site-header-name:hover{text-decoration:underline}.site-header-nav{display:flex;align-items:center;gap:28px}.site-header-nav a{font-size:11pt;color:#000}.site-header-nav a:hover{text-decoration:underline}@media(max-width:640px){.site-header-inner{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.site-header-nav{gap:18px}}.item-list{padding:8px 0}.item-row{padding:3px 4px;display:flex;align-items:flex-start;gap:4px}.item-row:hover{background:#00000005}.item-rank{color:var(--hn-gray);font-size:10pt;min-width:20px;text-align:right;line-height:1.3}.item-arrow{color:var(--hn-gray);font-size:8pt;cursor:pointer;user-select:none;line-height:1.3;margin-top:2px}.item-content{flex:1;line-height:1.3}.item-title-line{font-size:10pt}.item-title{color:var(--hn-text);font-weight:400}.item-title:hover{text-decoration:underline}.item-title:visited{color:var(--hn-text)}.item-domain{color:var(--hn-gray);font-size:8pt;margin-left:2px}.item-meta{font-size:8pt;color:var(--hn-gray);margin-top:1px}.item-meta a{color:var(--hn-gray);text-decoration:underline}.item-meta a:hover{color:var(--hn-text)}.article-page{max-width:720px;margin:0 auto;padding:24px 16px 40px}.article-header{margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--hn-light)}.article-title{font-size:16pt;font-weight:700;line-height:1.3;margin-bottom:8px}.article-meta{font-size:8pt;color:var(--hn-gray);display:flex;gap:8px;flex-wrap:wrap}.article-meta a{color:var(--hn-gray);text-decoration:underline}.article-meta a:hover{color:var(--hn-text)}.article-body{font-size:11pt;line-height:1.65}.article-body>*+*{margin-top:14px}.article-body p{text-align:left}.article-body h2{font-size:12pt;font-weight:700;margin-top:28px;margin-bottom:10px}.article-body h3{font-size:10pt;font-weight:700;margin-top:20px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.article-body a{text-decoration:underline;text-underline-offset:2px}.article-body a:hover{color:var(--hn-orange)}.article-body img{max-width:100%;height:auto;display:block;margin:20px auto;border:1px solid #cccccc}.article-body blockquote{border-left:2px solid var(--hn-orange);padding:4px 0 4px 12px;margin:16px 0;color:#444;font-style:italic}.article-body blockquote p{margin:0}.article-body blockquote p+p{margin-top:8px}.article-body pre{background:#fff;padding:12px 14px;overflow-x:auto;font-family:var(--font-mono);font-size:9pt;line-height:1.5;border:1px solid #cccccc;margin:16px 0}.article-body code{font-family:var(--font-mono);font-size:9.5pt;background:#fff;padding:1px 3px;border:1px solid #dddddd}.article-body pre code{background:none;border:none;padding:0;font-size:9pt}.article-body ul,.article-body ol{margin:12px 0;padding-left:24px}.article-body li{margin-bottom:6px;padding-left:2px}.article-body li::marker{color:var(--hn-gray)}.article-body hr{border:none;border-top:1px solid var(--hn-light);margin:24px 0}.article-body table{width:100%;border-collapse:collapse;font-size:9pt;margin:16px 0}.article-body th,.article-body td{border:1px solid #cccccc;padding:6px 8px;text-align:left}.article-body th{background:#fff;font-weight:700}.article-body tr:nth-child(2n){background:#00000005}.article-back{margin-top:32px;padding-top:16px;border-top:1px solid var(--hn-light);font-size:9pt}.article-back a{color:var(--hn-gray);text-decoration:underline}.article-back a:hover{color:var(--hn-orange)}@media(max-width:640px){.article-page{padding:16px 12px 32px}.article-title{font-size:14pt}.article-meta{font-size:7pt}.article-body{font-size:10pt}.article-body h2{font-size:11pt}.article-body pre{font-size:8pt;padding:10px}.article-body img{margin:12px auto}}@media(max-width:480px){.article-page{padding:12px 10px 24px}.article-title{font-size:13pt}.article-body{font-size:9.5pt;line-height:1.6}.article-body h2{font-size:10pt}.article-body h3{font-size:9pt}.article-body pre{font-size:7.5pt;padding:8px}.article-body code{font-size:8.5pt}}:root{--hn-bg: #0a0a0a;--hn-text: #f5f5f5;--hn-gray: #888888;--hn-light: #2a2a2a;--hn-orange: #ff4d00;--font: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Rubik Mono One", sans-serif}body{background:var(--hn-bg);color:var(--hn-text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{background:#1010128c;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #ffffff08,0 6px 26px #0000004d;transition:background .35s ease,box-shadow .35s ease,border-color .35s ease}.site-header:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff1a,#fff0 55%)}.site-header.is-scrolled{background:#0c0c0ecc;border-bottom-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 10px 36px #00000073}.site-header-inner{position:relative;z-index:1;max-width:1100px;padding:14px 24px}.site-header-name{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.02em}.site-header-nav a{color:#aaa;font-size:11pt;text-transform:lowercase}.site-header-nav a:hover{color:#fff;text-decoration:none}.item-list{padding:12px 0}.item-row:hover{background:#ffffff0d}.item-title,.item-title:visited{color:#fff}.item-title:hover{color:var(--hn-orange)}.item-domain,.item-meta,.item-meta a{color:var(--hn-gray)}.item-meta a:hover{color:#fff}.article-page{max-width:760px}.article-header{border-color:#ffffff1f}.article-title{color:#fff}.article-meta,.article-meta a{color:var(--hn-gray)}.article-meta a:hover{color:#fff}.article-body{color:#e5e5e5}.article-body a{color:var(--hn-orange)}.article-body a:hover{color:#fff}.article-body pre{background:#111;border-color:#333;color:#eee}.article-body code{background:#1a1a1a;border-color:#333;color:#eee}.article-body pre code{background:transparent;border:none;padding:0}.article-body blockquote{border-color:var(--hn-orange);color:#bbb}.article-body hr{border-color:#ffffff1f}.article-body img,.article-body table th,.article-body table td{border-color:#333}.article-body th{background:#111}.article-back{border-color:#ffffff1f}.article-back a{color:var(--hn-gray)}.article-back a:hover{color:#fff}.article-back-sep{color:var(--hn-gray);margin:0 8px}.portfolio-page{position:relative;z-index:1;min-height:100vh;padding-bottom:80px}.portfolio-hero{padding:60px 24px 30px;display:flex;flex-direction:column;align-items:center}.portfolio-title{width:100%;max-width:900px;height:auto;display:block;margin:0 auto}.portfolio-name-line{display:flex;align-items:center;gap:24px;max-width:1100px;margin:32px auto 0;padding:0 24px;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:#fff}.portfolio-name-line .line{flex:1;height:1px;background:#ffffff40}.portfolio-name-line .role{color:#aaa}.portfolio-grid{max-width:1100px;margin:48px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.section-heading{font-size:16px;font-weight:700;margin-bottom:24px;color:#fff;letter-spacing:.04em}.biodata-list,.experience-list{list-style:none;padding:0;margin:0}.biodata-list li{margin-bottom:18px;line-height:1.5}.biodata-list .label{display:block;color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.biodata-list .value{color:#fff;font-size:14px}.biodata-list a{color:var(--hn-orange);text-decoration:underline;text-underline-offset:2px}.biodata-list a:hover{color:#fff}.experience-list li{display:flex;gap:16px;margin-bottom:18px;align-items:baseline}.experience-list .year{min-width:60px;color:#888;font-size:13px;font-family:var(--font-display)}.experience-list .desc{color:#eee;font-size:14px;line-height:1.45}.experience-list a{color:var(--hn-orange);text-decoration:underline;text-underline-offset:2px}.experience-list a:hover{color:#fff}.lower-grid{max-width:1100px;margin:64px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}.avatar-frame{position:relative;display:flex;align-items:center;justify-content:center}.avatar-frame img{width:280px;height:280px;object-fit:cover}.avatar-outline{display:none}.bubble{position:relative;background:#2e7d4a;color:#fff;padding:28px 32px;font-size:14px;line-height:1.7;border-radius:28px 48px 36px 42px/42px 30px 54px 36px;filter:url(#rough)}.bubble:before{content:"";position:absolute;left:-18px;top:35px;width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-right:22px solid #2e7d4a;filter:url(#rough)}.bubble p+p{margin-top:14px}.portfolio-footer{max-width:1100px;margin:80px auto 0;padding:24px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#888}.portfolio-footer a{color:#eee}.portfolio-footer a:hover{color:var(--hn-orange)}@media(max-width:800px){.portfolio-hero{padding:40px 16px 20px}.portfolio-title{max-width:100%}.portfolio-grid,.lower-grid{grid-template-columns:1fr;gap:32px;padding:0 16px}.portfolio-name-line{flex-wrap:wrap;justify-content:center;text-align:center;gap:12px;font-size:12px}.portfolio-name-line .line{display:none}.section-heading{font-size:14px;margin-bottom:16px}.biodata-list .label{font-size:10px}.biodata-list .value{font-size:13px}.experience-list .year{font-size:11px;min-width:50px}.experience-list .desc{font-size:13px}.avatar-frame{display:flex;justify-content:center}.avatar-frame img{width:200px;height:200px}.bubble{padding:20px 24px;font-size:13px;border-radius:20px 32px 24px 28px/28px 20px 36px 24px}.bubble:before{left:-12px;top:30px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:16px solid #2e7d4a}.lower-grid{margin-top:40px}.portfolio-footer{margin-top:48px;padding:16px;font-size:11px;flex-direction:column;gap:8px;text-align:center}}@media(max-width:480px){.portfolio-hero{padding:32px 12px 16px}.portfolio-name-line{font-size:11px}.biodata-list .value{font-size:12px}.experience-list .desc{font-size:12px;line-height:1.4}.avatar-frame img{width:160px;height:160px}.bubble{padding:16px 20px;font-size:12px;line-height:1.6}.bubble:before{left:-10px;top:24px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid #2e7d4a}}.latest-writing{max-width:1100px;margin:64px auto 0;padding:0 24px}.latest-more{margin-top:18px;font-size:13px}.latest-more a{color:var(--hn-orange);text-decoration:underline;text-underline-offset:2px}.latest-more a:hover{color:#fff}@media(max-width:800px){.latest-writing{margin-top:40px;padding:0 16px}}