:root{--space:0;--space-xxs:.25rem;--space-xs:.375rem;--space-s:.5rem;--space-m:1rem;--space-l:1.5rem;--space-xl:2rem;--space-xxl:3rem;--space-xxxl:4rem;--space-corner:0;--space-corner-s:.25rem;--space-corner-m:.375rem;--space-corner-l:.5rem;--space-corner-xl:1rem;--space-stroke-s:1px;--space-stroke-m:2px}.loading-enter-active,.loading-leave-active{transition:opacity .5s ease}.loading-leave-active{position:absolute}.loading-enter-from,.loading-leave-to{opacity:0}@layer reset,default,atom,molecule,organism;:root{--color-text:#0d0d0d;--color-background:#fff;--color-alt:rgb(0 0 0/5%);--color-primary:#000;--color-secondary:#fff;--color-tertiary:#666;--color-accent:#f2f2f2}@layer reset{*{--font-family:rubik,sans-serif;box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0;scroll-behavior:smooth;scroll-margin-top:6rem}body{background-color:var(--color-background);color:var(--color-text);line-height:1.5;overflow-x:hidden}main{display:flex;flex-direction:column;min-height:100dvh;transition:all .3s ease-in-out}img{border-radius:var(--space-corner-s);display:block;height:auto;max-width:100%}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit}h1{font-size:2rem}h1,h2{font-weight:700}h2{font-size:1.5rem}h3{font-size:1.125rem}h3,h4{font-weight:700}h4{font-size:1rem}a,h5,h6,p,span{font-size:1rem;font-weight:400}.tiny-text,a,p,span{line-height:160%}.tiny-text{font-size:.75rem;font-weight:400}code{--code-font-family:"Courier New",courier,monospace;font-family:var(--code-font-family);font-size:1rem}}@layer layout{.post{display:grid;gap:var(--space-m);padding:0 0 var(--space-xxl)}.post ul{list-style:circle}.post ol,.post ul{display:flex;flex-direction:column;gap:var(--space-xs);padding-left:var(--space-m)}.post ol{list-style:decimal}.post a{font-style:italic;position:relative}.post a:before{border-bottom:var(--space-stroke-m) dashed #00f;bottom:-3px;content:"";height:2px;left:0;position:absolute;width:100%}.post a:hover:before{border-bottom:var(--space-stroke-m) dashed red}.post img{margin:var(--space-m) 0}.post blockquote{border-left:var(--space-stroke-m) solid var(--color-text);font-style:italic;padding-left:var(--space-m)}.post code{padding:var(--space-xs) var(--space-xs)}.post code,.post pre{background-color:var(--color-alt);border-radius:var(--space-corner-s)}.post pre{overflow-x:auto;padding:var(--space-m)}.post pre code{background-color:transparent}.post iframe{aspect-ratio:1.414/1;width:100%}}