*{box-sizing:border-box}body{margin:0}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono.woff2) format("woff2")}:root{--paper: #fefcfc;--ink: #18151a;--ink-soft: #6b6065;--ink-faint: #96898e;--line: #ece1e6;--accent: #d6427e;--accent-deep: #a12f61;--accent-wash: #fbe9f0;--strip: #f5eef1;--fs-micro: 11px;--fs-small: 12.5px;--fs-body: 14.5px;--fs-md: 16.5px;--fs-label: 14px;--fs-h1: 38px;color-scheme:light}html,body{background:var(--paper);margin:0}body{color:var(--ink);font-family:JetBrains Mono,ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:var(--fs-body);line-height:1.48;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}a{color:var(--accent);text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:1440px;margin:0 auto;padding:0 clamp(24px,5vw,80px)}.topbar{position:sticky;top:0;z-index:10;background:var(--strip);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1440px;margin:0 auto;padding:9px clamp(24px,5vw,80px) 0;display:flex;align-items:flex-end}.tab{display:flex;align-items:center;gap:8px;min-width:0;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--accent);border-bottom-color:var(--paper);margin-bottom:-1px;padding:8px 12px 9px}.tab-icon{flex:none;font-size:var(--fs-micro);color:var(--accent)}.tab-name{font-size:var(--fs-small);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-state{position:relative;flex:none;width:13px;height:13px;display:flex;align-items:center;justify-content:center}.tab-state .dot{width:6px;height:6px;background:var(--ink-faint);transition:opacity .15s ease}.tab-state .close{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;color:var(--ink-soft);opacity:0;transition:opacity .15s ease}.tab:hover .dot{opacity:0}.tab:hover .close{opacity:1}.hero{padding:68px 0 52px}.hero-grid{display:flex;align-items:center;gap:44px}.hero-text{min-width:0}.photo-slot{flex:none;width:220px;height:220px;border:3px solid var(--accent-deep);overflow:hidden}.photo-img{display:block;width:100%;height:100%;object-fit:cover}.prompt{margin:0 0 18px;font-size:var(--fs-small);color:var(--ink-soft)}.prompt .sep{color:var(--ink-faint);margin:0 2px}.cursor{display:inline-block;color:var(--accent);animation:blink 1.1s steps(1) infinite}@media(prefers-reduced-motion:reduce){.cursor{animation:none}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}h1{font-size:var(--fs-h1);font-weight:700;letter-spacing:-.01em;margin:0 0 6px;text-wrap:balance}.name-wrap{cursor:pointer;outline:none}.n-nayaki{display:inline-block;white-space:nowrap;vertical-align:bottom}.name-cursor{display:inline-block;width:0;height:.72em;overflow:hidden;background:var(--accent);opacity:0}.name-cursor.is-visible{width:.3em;margin-left:2px;opacity:1;animation:blink 1.1s steps(1) infinite}@media(prefers-reduced-motion:reduce){.name-cursor.is-visible{animation:none}}.name-hint{margin:0 0 18px;font-size:var(--fs-micro);color:var(--ink-faint)}.comment{margin:0 0 5px;color:var(--accent-deep);font-size:var(--fs-body);max-width:90ch;text-wrap:balance}.comment:last-of-type{margin-bottom:22px}.stack-line{margin:22px 0 0;font-size:var(--fs-small);line-height:1.9;color:var(--ink)}.stack-line+.stack-line{margin-top:2px}.kw{color:var(--ink-soft)}.tok{color:var(--accent)}.punct{color:var(--ink-faint)}.pronounce{display:flex;align-items:center;gap:11px;margin:20px 0 22px;font-size:var(--fs-small)}.pronounce .prompt-inline{color:var(--ink-soft)}.play-btn{width:25px;height:25px;flex:none;padding:0;border:1px solid var(--accent);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.play-btn:hover{background:var(--accent-wash)}.play-icon{position:relative;width:10px;height:10px}.play-icon:before{content:"";position:absolute;left:1px;top:0;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--accent)}.play-icon.is-playing:before{border-width:0;width:3px;height:10px;left:0;background:var(--accent);box-shadow:6px 0 0 var(--accent)}.pronounce-hint{color:var(--ink-faint)}.block{padding:44px 0 52px;border-top:1px solid var(--line)}.label{font-size:var(--fs-label);font-weight:600;color:var(--accent);margin:0 0 26px}.exp-columns{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;align-items:start}.group-label{font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px 2px}.exp{border-left:2px solid var(--line);padding:2px 0 2px 18px;margin-bottom:22px;transition:border-color .15s ease}.exp:hover{border-left-color:var(--accent)}.exp-row{display:grid;grid-template-columns:52px 1fr;gap:12px;font-size:var(--fs-small);padding:1.5px 0}.exp-row .k{color:var(--ink-faint)}.exp-row .v{color:var(--ink)}.exp-row .v.strong{font-size:var(--fs-md);font-weight:600}.exp-row .v.dim{color:var(--ink-soft)}.exp-row .v a{border-bottom:1px solid transparent}.exp-row .v a:hover{border-bottom-color:var(--accent)}.bullets{margin:10px 0 0;padding:0;list-style:none;font-size:var(--fs-small);line-height:1.42;color:var(--ink-soft);max-width:90ch}.bullets li{position:relative;padding-left:16px;margin-bottom:4px;text-wrap:balance}.bullets li:before{content:"-";position:absolute;left:0;color:var(--accent)}.proj-list{display:flex;flex-direction:column}.proj{padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;column-gap:16px;row-gap:5px;align-items:baseline}.proj:last-child{border-bottom:none}.proj-head{display:flex;align-items:center;gap:9px;min-width:0}.proj-name{color:var(--accent);font-weight:600;font-size:var(--fs-body)}.proj-gh{display:inline-flex;flex:none;color:var(--ink-faint);transition:color .15s ease}.proj-gh:hover,.proj-gh:focus-visible{color:var(--accent)}.proj-gh svg{width:14px;height:14px;display:block}.proj-tech{font-size:var(--fs-micro);color:var(--ink-faint);white-space:nowrap;text-align:right}.proj-desc{grid-column:1 / -1;margin:0;font-size:var(--fs-small);line-height:1.42;color:var(--ink-soft)}.cert-row{display:flex;flex-wrap:wrap;gap:14px}.cert-badge{display:flex;flex-direction:column;gap:5px;width:150px;padding:14px 16px;border:1px solid var(--line);transition:border-color .15s ease,background .15s ease}.cert-badge:hover,.cert-badge:focus-visible{border-color:var(--accent);background:var(--accent-wash)}.cert-code{color:var(--accent);font-weight:600;font-size:var(--fs-md)}.cert-name{color:var(--ink-soft);font-size:var(--fs-micro);line-height:1.4}.term{border:1px solid var(--line);max-width:550px}.term-head{background:var(--accent-wash);color:var(--accent-deep);font-size:var(--fs-small);padding:9px 16px;border-bottom:1px solid var(--line)}.term-body{padding:20px 16px 22px}.term-body p{margin:0 0 6px;font-size:var(--fs-body)}.term-body p.dim{color:var(--ink-soft);font-size:var(--fs-small);margin-bottom:18px}.links{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.links a{font-size:var(--fs-small);border-bottom:1px solid transparent}.links a:hover{border-bottom-color:var(--accent)}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 0 70px;border-top:1px solid var(--line);margin-top:4px;font-size:var(--fs-small)}footer .comment{margin:0;font-size:var(--fs-small)}footer .dim{color:var(--ink-faint)}@media(max-width:760px){.exp-columns{grid-template-columns:1fr;gap:26px 0}.hero-grid{flex-direction:column-reverse}.photo-slot{width:140px;height:140px}}@media(max-width:520px){:root{--fs-h1: 30px}.exp-row{grid-template-columns:44px 1fr}.proj{grid-template-columns:1fr}.proj-tech{text-align:left}}