:root{--uchu-yang-raw: 99.4% 0 0;--uchu-yang: oklch(var(--uchu-yang-raw));--uchu-light-yin-raw: 78.87% .003 264.54;--uchu-light-yin: oklch(var(--uchu-light-yin-raw));--uchu-yin-raw: 14.38% .007 256.88;--uchu-yin: oklch(var(--uchu-yin-raw));--text-color: var(--uchu-light-yin);--bg-color: var(--uchu-yin);--link-color: var(--uchu-yang);--prompt-color: var(--uchu-yang);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inconsolata,Courier New,Courier,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;color:var(--text-color)}body{background-color:var(--bg-color);padding:var(--space-4);line-height:var(--space-6);max-width:800px;margin:0 auto;min-height:100vh}.terminal{border:1px solid #4b5263;padding:var(--space-6);height:calc(100vh - var(--space-8));overflow-y:auto}.prompt{margin-bottom:var(--space-5)}.prompt:before{content:"~$ ";color:var(--prompt-color)}.prompt:after{content:"";height:.8em;width:.5em;display:inline-block;margin-left:.5rem;transform:translateY(.1em);background:var(--prompt-color);animation:cursor 1s infinite}@keyframes cursor{0%{opacity:0}50%{opacity:1}to{opacity:0}}.cursor{animation:blink 1s infinite;display:inline-block;width:var(--space-1);height:var(--space-4);background-color:var(--text-color);margin-left:var(--space-1);opacity:.8}@keyframes blink{0%,to{opacity:0}50%{opacity:.8}}nav{margin:var(--space-4) 0}a{color:var(--link-color);text-decoration:none;display:inline-block}a:hover{text-decoration:underline;opacity:.9}section{display:none;margin-top:var(--space-6)}section.active{display:block}.command-output{margin:var(--space-3) 0;color:#abb2bf}h1,h2,h3,h4,h5{color:#e5c07b;line-height:1.2}h2{margin-bottom:var(--space-3)}ul{list-style-type:none}li{margin:0 0 var(--space-1) 0;padding:0 0 var(--space-1) 0}p+p{margin-top:var(--space-3)}.section-content{margin-top:var(--space-4)}.blog-date{display:inline-block;width:var(--space-8);margin-right:var(--space-2);color:#c678dd}.command-output ul li{padding-left:var(--space-3);position:relative}.command-output ul li:before{content:"-";position:absolute;left:0;color:#4b5263}nav .command-output ul{margin-top:var(--space-2)}nav .command-output ul li{margin:var(--space-2) 0}.content h1,.content h2,.content h3{margin-bottom:var(--space-5);&:not(:first-child){margin-top:var(--space-6)}}.content h1{line-height:1.2;color:#e5c07b;margin-bottom:var(--space-3)}.post-header,.project-header{padding:var(--space-3) 0}.post-meta{color:#c678dd;font-size:.9em}.project-thumbnail{border:1px solid var(--text-color);padding:var(--space-2);margin:var(--space-4) 0 var(--space-6) 0;display:flex}.project-thumbnail img{max-width:100%}.content p{margin:var(--space-4) 0}.content code{background:#3e4451;padding:var(--space-1) var(--space-2);border-radius:3px;font-size:.9em}.content pre{background:#3e4451;padding:var(--space-4);margin:var(--space-4) 0;overflow-x:auto;border-radius:4px}.content pre code{background:none;padding:0}.content ul{list-style:initial}.content ul,.content ol{padding:0 0 0 var(--space-4);margin:0 0 var(--space-4) 0}.content ul p:first-child,.content ol p:first-child{margin:0}.content li{margin:0 0 var(--space-2) 0;padding:0}.content li>*{vertical-align:top}.content>*+h2,.content>*+h3,.content>*+h4,.content>*+h5{padding-top:var(--space-2)}.post-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid #4b5263}.post-nav{display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.post-nav a{color:var(--link-color);text-decoration:none}.post-nav a:hover{text-decoration:underline;opacity:.9}.tags{display:flex;flex-wrap:wrap;padding:var(--space-2) 0}.tag{line-height:1;background:#3e4451;padding:var(--space-1) var(--space-2);border-radius:3px;margin-right:var(--space-2);font-size:.9em;border:1px solid transparent;color:var(--text-color)}.tag:hover,.tag:focus{border-color:currentColor}header{display:flex;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap}header h1{font-size:1.5rem;margin-right:var(--space-4);color:var(--text-color)}header ul{display:flex}header li{margin:0 var(--space-3) 0 0;padding:0}header img{width:42px;height:42px;border-radius:50%;margin-right:16px}footer{padding-top:var(--space-6);margin-top:var(--space-6);margin-bottom:var(--space-4)}footer ul{display:flex;align-items:center;flex-wrap:wrap}footer li{margin-right:var(--space-4)}