app.min.css

:root{--gap: 3.5rem;--y-gap: 8rem;--wide: 140rem;--narrow: 80rem;--side: calc((var(--wide) - var(--narrow)) / 2);--header: 8rem;--footer: calc(8rem + var(--safe-bottom));--light: 255, 255, 255;--dark: 22, 22, 22;--hljs-bg: #111;--safe-bottom: 0}@supports(bottom:constant(safe-area-inset-bottom)){:root{--safe-bottom: constant(safe-area-inset-bottom)}}@supports(bottom:env(safe-area-inset-bottom)){:root{--safe-bottom: env(safe-area-inset-bottom)}}.dark{--light: 22, 22, 22;--dark: 255, 255, 255;--hljs-bg: #282828}*,*::before,*::after{box-sizing:border-box}html,body{height:100%}html{-webkit-tap-highlight-color:transparent;font-size:8px}body{--white: rgba(var(--light), 1);--black: rgba(var(--dark), 1);--pro: rgba(var(--dark), 1);--lit: rgba(var(--dark), 0.64);--air: rgba(var(--dark), 0.48);--fog: rgba(var(--dark), 0.12);display:flex;flex-direction:column;padding-right:var(--gap);padding-left:var(--gap);margin:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;font-size:2rem;line-height:1.8;color:var(--pro);word-break:break-word;background:var(--white);transition:background .4s ease-out}body>*{flex-shrink:0;width:100%;margin-inline:auto}.not-ready,.not-ready *{transition:none!important}@media(max-width:1199px){html{font-size:7px}}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:700;line-height:1.2}p{margin:0}strong,b{font-weight:500}ul,ol{padding:0;margin:0}a{color:inherit;text-decoration:none}table{width:100%;border-spacing:0;border-collapse:collapse}button,input,textarea{padding:0;font:inherit;background:0 0;border:0;outline:0;-webkit-appearance:none}button,input[type=button],input[type=submit]{cursor:pointer}input,textarea{padding:0;border:0}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 6rem var(--white)inset}img{display:block;max-width:100%}.header{display:flex;max-width:var(--wide);height:var(--header)}.header a{display:flex;flex-shrink:0;align-items:center}.logo{display:flex;min-width:var(--side);padding-right:var(--gap)}.site-name{max-width:calc(100% - 2rem - 3rem);padding-bottom:.3rem;overflow:auto;font-size:3.4rem;font-weight:700;white-space:nowrap}.btn-dark{width:3rem;margin-left:2rem;cursor:pointer;background:url(./theme.png)0 3rem no-repeat;transition:background-position .4s steps(5)}.dark .btn-dark{background-position:100%}.menu{display:flex;overflow:auto}.menu a+a{margin-left:var(--gap)}.menu a.active{opacity:.44}.social{display:flex;margin-left:auto}.social a{width:3rem;margin-left:3rem;background:var(--url)50% no-repeat}.dark .social a{filter:invert(1)}@media(max-width:1199px){.logo{min-width:auto}[data-menu=true]{--header: 16rem}[data-menu=true] .header{position:relative}[data-menu=true] .header>*{height:calc(var(--header)/2)}[data-menu=true] .menu{position:absolute;inset:auto 0 0;border-bottom:1px solid var(--fog)}}.main{max-width:var(--narrow);min-height:calc(100% - var(--header) - var(--footer));padding-top:var(--y-gap);padding-bottom:var(--y-gap)}.main-title{margin-bottom:calc(var(--y-gap) + 1rem);font-size:3rem;font-weight:400;color:var(--lit)}.main-nav{display:flex;margin-top:5rem}.main-nav a{font-size:1.8rem;line-height:5.5rem;color:var(--white);background:var(--black);border-radius:.5rem;padding-inline:3rem}.main-nav .next{margin-left:auto}.post-entry{position:relative;padding-block:2rem;transition:transform .1s}.post-entry:first-of-type{margin-top:-2rem}.post-entry:active{transform:scale(0.99)}.post-entry h2{margin-bottom:.2rem;font-size:3rem}.post-entry time{flex-shrink:0;font-size:1.7rem;color:var(--air)}.post-entry a{position:absolute;inset:0}.post-title{margin-bottom:calc(var(--y-gap) + 1rem)}.post-title p{display:flex;margin-bottom:1.5rem;font-size:1.6rem;color:var(--air);transform:translateY(0.4rem)}.post-title p span::before{content:'·';margin-inline:.8rem}.post-title h1{font-size:5rem;transform:translateX(-0.3rem)}.post-tags{margin-top:7rem}.post-tags a{display:inline-block;font-weight:500;line-height:5rem;color:var(--lit);background:rgba(var(--dark),0.05);border-radius:.5rem;padding-inline:2rem}.post-tags a+a{margin-left:.5rem}.post-nav{display:flex;justify-content:space-between;margin-top:var(--y-gap);background:rgba(var(--dark),0.05);border-radius:.5rem}.post-nav a{display:flex;align-items:center;width:50%;padding:var(--gap);font-size:2.4rem;font-weight:700;line-height:1.2}.post-nav a span+span{margin-left:1rem}.post-nav .prev{padding-right:1rem}.post-nav .next{justify-content:flex-end;padding-left:1rem;margin-left:auto}.post-comments{margin-top:var(--y-gap)}@media(max-width:1199px){.post-title{display:block}.post-title aside{flex-direction:row;width:auto;padding-right:0;margin-bottom:.5rem;margin-left:0;transform:none}.post-title aside span::before{content:'·';margin-inline:.5rem}}.post-content{font-size:2.2rem}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-block:2rem}.post-content h1{margin-top:var(--y-gap);font-size:4.5rem}.post-content h2{margin-top:6rem;font-size:3.5rem}.post-content h3{font-size:2.5rem}.post-content h4{font-size:2.2rem}.post-content h5{font-size:1.8rem}.post-content h6{font-size:1.5rem}.post-content img{margin-inline:auto}.post-content a{padding-bottom:.2rem;font-weight:500;border-bottom:2px solid var(--pro)}.post-content a code{margin-inline:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.post-content del{text-decoration:none;background:linear-gradient(to right,var(--pro) 100%,transparent 0) 0 50%/1px 1px repeat-x}.post-content p,.post-content ul,.post-content ol,.post-content dl,.post-content details{margin-bottom:3rem}.post-content ul,.post-content ol{padding-left:2.5rem}.post-content li{margin-top:.6rem}.post-content li p{margin-bottom:0}.post-content dl{display:flex;flex-wrap:wrap;margin:0}.post-content dt{width:25%;font-weight:500}.post-content dd{width:75%;padding-left:1.3rem;margin-left:0}.post-content dt~dt,.post-content dd~dd{margin-top:1.3rem}.post-content table{margin-bottom:4rem}.post-content table th,.post-content table:not(.highlighttable) td{min-width:10rem;padding:1.5rem 1rem;line-height:1.5;border-bottom:1px solid var(--fog)}.post-content table th{font-size:1.6rem;text-align:left}.post-content table:not(.highlighttable) td code:only-of-type{margin-inline:0}.post-content .highlight,.post-content pre{margin:0 calc(var(--gap) * -1) 4rem;overflow-x:auto;background:var(--hljs-bg)!important;border-radius:.5rem}.post-content ul pre{margin-left:calc(var(--gap) * -2)}.post-content .highlight pre{margin-inline:0;margin-bottom:0}.post-content .highlighttable{table-layout:fixed}.post-content .highlighttable td:first-of-type{width:5rem}.post-content .highlighttable td .linenodiv{padding-right:0!important}.post-content .highlighttable td .linenodiv pre,.post-content .highlighttable td .highlight{margin-bottom:0}.post-content .highlighttable td .highlight pre code::-webkit-scrollbar{display:none}.post-content .highlight span{background:0 0!important}.post-content code{padding:.5rem 1rem;margin-inline:.5rem;font-family:Menlo,Monaco,courier new,Courier,monospace;font-size:.8em;line-height:1.5;background:rgba(var(--dark),0.06);border-radius:.3rem}.post-content pre code{display:block;padding:var(--gap);margin-inline:0;color:rgba(255,255,255,.8);background:0 0;border-radius:0}.post-content blockquote{padding:0 0 0 calc(var(--gap) - 0.4rem);margin:0 0 0 calc(var(--gap) * -1);border-left:.4rem solid var(--pro)}.post-content hr{height:1px;background:var(--fog);border:0;margin-block:12rem}.post-content iframe{width:100%;background:var(--black)}.footer{display:flex;align-items:center;justify-content:center;max-width:var(--narrow);height:var(--footer);padding-bottom:var(--safe-bottom);margin-top:auto;font-size:1.6rem;color:var(--lit);border-top:1px solid var(--fog)}.footer p+p::before{content:'·';margin-inline:.6rem}.footer a:hover{color:var(--pro);border-bottom:1px solid var(--pro)}.title-404{display:flex;align-items:center;justify-content:center;height:100%;padding-bottom:8rem;font-size:16rem}