:root{--font-primary:'Inter', 'Inter Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;--font-code:'JetBrains Mono', 'JetBrains Mono Fallback', 'Roboto Mono', monospace;--maincolor:#2d3436;--bordercl:#00b894;--callouctcolor:#81ecec;--hovercolor:#6c5ce7;--darkMaincolor:#00838f}html{color:#2d3436;font-family:var(--font-primary);font-size:16px;line-height:1.8;letter-spacing:-.011em;min-height:100vh}body{display:block;margin:0 auto;max-width:1200px;padding:0 1rem;contain:layout;min-height:100vh}*{-webkit-tap-highlight-color:transparent}::selection{background:var(--maincolor);color:#fff}p{font-family:var(--font-primary);line-height:1.5;contain:layout;min-height:1.5em}hr{border:0;border-top:3px dotted var(--bordercl);margin:1em 0}blockquote{background-color:#f5f5f5;border-left:4px solid var(--bordercl);margin:1.5em 0;padding:1em 1.5em;font-style:italic;color:#666;border-radius:0 4px 4px 0}blockquote p{margin:0;line-height:1.6}blockquote cite{display:block;margin-top:1em;font-size:.9em;color:#888;font-style:normal}a{border-bottom:3px solid var(--maincolor);color:inherit;text-decoration:none}a:hover{background-color:var(--hovercolor);color:#fff}ul{list-style:none;padding-left:2ch;contain:layout}ul li{text-indent:-2ch;contain:layout;min-height:1.4em}ul>li::before{content:'* ';font-weight:700}ul>li.nobullet::before{content:' ';font-weight:700}img{border:3px solid #ececec;max-width:100%}figure{box-sizing:border-box;display:inline-block;margin:0;max-width:100%}figure img{max-height:500px}@media screen and (min-width:600px){figure{padding:0 40px}}figure h4{font-size:1rem;margin:0;margin-bottom:1em}figure h4::before{content:'↳ '}pre,code{font-family:var(--font-code);font-size:.95em}.highlight pre ::selection{background:rgba(255,255,255,.2);color:inherit}pre code{background-color:transparent;color:inherit;font-size:100%;padding:0}.content{margin-bottom:4em;margin-left:auto;margin-right:auto;max-width:800px;padding:0 1ch;word-wrap:break-word;contain:layout}header{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1em 0;contain:layout;min-height:3rem}header .main{font-size:1.8rem;font-weight:600;transition:color .3s ease;min-height:2.2rem}header .main:hover{color:var(--hovercolor)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;letter-spacing:-.02em;margin:2rem 0 1rem;contain:layout}h1{min-height:2.5rem}h2{min-height:2.2rem}h3{min-height:2rem}h1::before{color:var(--bordercl);content:'# ';font-weight:400}h2::before{color:var(--maincolor);content:'## '}h3::before{color:var(--maincolor);content:'### '}h4::before{color:var(--maincolor);content:'#### '}h5::before{color:var(--maincolor);content:'##### '}h6::before{color:var(--maincolor);content:'###### '}.meta{color:#999;letter-spacing:-.5px}footer{margin-top:1em}.title h1{margin-bottom:0}time{color:grey}article .title{margin-bottom:1em}.callout{background-color:var(--callouctcolor);color:#fff;padding:1em}.callout p{font-family:ibm plex mono,monospace;margin:0}.callout a{border-bottom:3px solid #fff}.callout a:hover{background-color:#fff;color:var(--callouctcolor)}.site-description{display:flex;justify-content:space-between}.tags li::before{content:"🏷 "}.tags a{border-bottom:3px solid var(--maincolor)}.tags a:hover{color:#fff;background-color:var(--hovercolor)}svg{max-height:15px}.mermaid svg{max-height:none !important}.soc:hover{color:#fff}.draft-label{color:var(--bordercl);text-decoration:none;padding:2px 4px;border-radius:4px;margin-left:6px;background-color:#f9f2f4}.highlight{position:relative;-webkit-overflow-scrolling:touch}.highlight pre code[class*=language-]{-webkit-overflow-scrolling:touch}.highlight pre code[class*=language-]::before{background:#000;border-radius:0 0 .25rem .25rem;color:#fff;font-size:12px;letter-spacing:.025rem;padding:.1rem .5rem;position:absolute;right:1rem;text-align:right;text-transform:uppercase;top:0}.highlight pre code[class=language-javaScript]::before,.highlight pre code[class=language-js]::before{content:"js";background:#f7df1e;color:#000}.highlight pre code[class*=language-yml]::before,.highlight pre code[class*=language-yaml]::before{content:'yaml';background:#f71e6a;color:#fff}.highlight pre code[class*=language-shell]::before,.highlight pre code[class*=language-bash]::before,.highlight pre code[class*=language-sh]::before{content:'shell';background:green;color:#fff}.highlight pre code[class*=language-json]::before{content:'json';background:#1e90ff;color:#000}.highlight pre code[class*=language-python]::before,.highlight pre code[class*=language-py]::before{content:'py';background:blue;color:#ff0}.highlight pre code[class*=language-css]::before{content:'css';background:cyan;color:#000}.highlight pre code[class*=language-go]::before{content:'Go';background:cyan;color:#4169e1}.highlight pre code[class*=language-md]::before,.highlight pre code[class*=language-md]::before{content:'Markdown';background:#4169e1;color:#f5f5f5}table{border-spacing:0;border-collapse:collapse}table th{padding:6px 13px;border:1px solid #dfe2e5;font-size:large}table td{padding:6px 13px;border:1px solid #dfe2e5}.link-blog{padding:1.5rem;margin:2rem 0;border-radius:8px;background:linear-gradient(145deg,#ffffff,#f5f5f5);box-shadow:0 2px 15px rgba(0,0,0,5%);transition:transform .2s ease}.link-blog:hover{transform:translateY(-2px)}.link-blog h3{margin-top:0;color:var(--darkMaincolor)}@media(prefers-color-scheme:dark){blockquote{background-color:#2a2a2a;border-left:4px solid var(--callouctcolor);color:#e0e0e0;margin:1.5em 0;padding:1em 1.5em;font-style:italic;border-radius:0 4px 4px 0}blockquote cite{color:#a0a0a0}}