:root{--site-width: min(640px, 100%);--font-heading: "Literata", "Noto Serif TC", serif;--font-body: "Literata", "Noto Sans TC", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}html[lang=en]{--font-heading: "Literata", serif;--font-body: "Literata", Georgia, serif}::selection{background-color:#eb3f41;color:#fff}::-moz-selection{background-color:#eb3f41;color:#fff}html{overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;font-size:19px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.page-title{font-size:2.5em;line-height:1.3em;font-weight:800;letter-spacing:-.025em;margin-bottom:1rem;text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:#eb3f41;text-decoration-thickness:.12rem;text-underline-offset:.3rem}.section-title{font-size:1.25rem;font-weight:700;letter-spacing:-.025em}body{font-family:var(--font-body);text-rendering:optimizeLegibility;width:100%}@media (max-width: 640px){html{font-size:17px}}a{cursor:pointer;text-decoration:none;transition:color .2s ease}a:hover{color:#f4f4f5}.content-link{border-bottom:2px solid #d4d4d8;transition:border-color .2s ease}.content-link:hover{border-color:#71717a}.site-width{width:var(--site-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.prose{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}pre{position:relative;background-color:#22272e!important;border-radius:.5rem;padding:1.5rem 0;margin:1.5rem 0;overflow-x:auto;border:1px solid #444c56}pre>code{display:grid;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;background-color:transparent!important;counter-reset:line;padding:0 1rem 0 0;max-width:100%;white-space:pre-wrap;word-break:break-word}pre>code>span:first-child:empty{display:none}pre>code>span{padding:0 1rem 0 4rem;min-width:0;position:relative;display:block;min-height:1.6em}pre>code>span:empty:after{content:" "}pre>code>span:before{counter-increment:line;content:counter(line);position:absolute;left:0;top:0;width:3rem;text-align:right;color:#636e7b;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:1rem;border-right:1px solid #444c56}.highlighted{background-color:#ffffff1a;border-left:2px solid #58a6ff;padding-left:calc(4rem - 2px)!important}:not(pre)>code{background-color:#27272a;color:#f4f4f5;padding:.2em .4em;border-radius:.25rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em;font-weight:500;border:1px solid rgb(63 63 70)}:not(pre)>code:before,:not(pre)>code:after{display:none}a[href^=http]:not([href*="alexhsu.com"]):not(.share-link){cursor:pointer;word-break:break-word;overflow-wrap:break-word}a[href^=http]:not([href*="alexhsu.com"]):not(.share-link):not(.project-link):not(:has(img)):after{content:"↗";color:#71717a;margin-left:.1em;font-size:.875em;text-decoration:none!important;display:inline;vertical-align:baseline}.word{background-color:#ffffff1a;padding:.2em .4em;border-radius:.25rem}pre[data-language]{position:relative}pre[data-language]:before{content:attr(data-language);position:absolute;top:.5rem;right:1rem;font-family:system-ui,sans-serif;font-size:.75rem;color:#768390;text-transform:uppercase;z-index:1}pre>code>span.line:first-child:has(.comment:only-child){display:none}.prose iframe{max-width:100%;width:100%;aspect-ratio:16 / 9;height:auto;border-radius:.5rem}.prose :not(.not-prose,.not-prose *)>img{display:block;margin-left:auto!important;margin-right:auto!important;border-radius:.5rem;max-width:85%}.prose p:has(>img){text-align:center}.prose p:has(>img)>em{display:block;font-size:.85em;color:#71717a;margin-top:.5em}.prose p:has(+ul),.prose p:has(+ol){margin-bottom:0!important}.prose p+ul,.prose p+ol{margin-top:0!important}ruby{ruby-position:over}rt{font-size:.6em;font-weight:400;color:#a1a1aa}.prose ruby{line-height:2}.prose .callout{border-left:3px solid rgb(113 113 122);padding:.75rem 1rem;margin:1.5rem 0;border-radius:0 .375rem .375rem 0;background-color:#71717a1a}.prose .callout .callout-title{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.25rem}.prose .callout .callout-icon svg{width:1.25rem;height:1.25rem}.prose .callout.note{border-left-color:#58a6ff}.prose .callout.note .callout-title{color:#58a6ff}.prose .callout.tip{border-left-color:#3fb950}.prose .callout.tip .callout-title{color:#3fb950}.prose .callout.warning{border-left-color:#d29922}.prose .callout.warning .callout-title{color:#d29922}.prose .callout.danger{border-left-color:#eb3f41}.prose .callout.danger .callout-title{color:#eb3f41}.prose hr{border:none;text-align:center;margin:2em 0;height:auto}.prose hr:after{content:"·  ·  ·";color:#71717a;font-size:1rem;letter-spacing:.3em}.prose figure{margin:1.5rem 0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-cursor{display:inline;animation:blink 1s step-end infinite;color:inherit;font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none}