*{box-sizing:border-box;font-optical-sizing:auto;text-rendering:optimizeLegibility;color-scheme:light}:root{--font-headings: "Kurale", sans-serif;--font-body: "Besley", serif;--color-text: black;--color-border: black;--color-background: white;--color-nav: rgb(255, 235, 56);--color-accent: var(--color-nav);--color-on-accent: black;--color-footer: hsl(288, 100%, 60%);--easing-snappy-out: cubic-bezier(0.19, 1, 0.22, 1)}html,body{margin:0;padding:0;width:100%;font-family:var(--font-body);font-size:1.1rem;line-height:1.7}body{background:lch(100% .01 296.81);color:var(--color-text)}.dark body{background:#0f0f0f;--color-text: #eee;--color-border: #333;--color-background: #1e1e1e}.dark *{color-scheme:dark}main{min-height:100vh;padding-bottom:3rem}footer{padding:1rem;background:var(--color-footer);color:#000;text-align:center;border-top:1px solid var(--color-border)}h1,h2,h3{font-family:var(--font-headings)}h1{text-align:center}button{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.index h1{color:var(--color-text)}.index .links{display:flex;flex-wrap:wrap;gap:1rem}.index .search{background:rgba(0,0,0,0);font-size:1rem;font-family:var(--font-body);margin-top:1rem}.index .search,.index .links a{padding:1.5rem;flex:1;width:100%;border:1px solid var(--color-border);text-decoration:none;text-wrap:balance;color:var(--color-text)}h3{margin:0}strong,b{font-weight:600}nav{background:var(--color-nav);border-bottom:1px solid #000;padding:0 1rem;height:3rem;display:flex;align-items:center;justify-content:space-between;z-index:3}nav .logo{font-size:1.25rem;color:#000;text-decoration:none;font-family:var(--font-headings)}nav .logo:hover{text-decoration:underline}nav .buttons{display:flex;gap:1rem;align-items:center;justify-content:center;height:100%}nav .buttons button{border:0;background:none;height:100%;cursor:pointer}nav .buttons button svg{height:100%}article{width:95vw;max-width:60ch;margin:auto}img{max-width:100%}.tags{display:flex;flex-wrap:wrap;gap:.35rem;padding-top:1rem}.tags .tag{font-size:.8rem;background:var(--color-accent);color:var(--color-on-accent);border:1px solid var(--color-border);padding:.125rem .5rem;font-family:sans-serif;text-decoration:none;position:relative}.dark .tags .tag{background:rgb(from var(--color-accent) r g b / .1);border-color:var(--color-accent);color:var(--color-accent)}.cards-container{display:grid;justify-items:center;grid-template-columns:1fr;gap:1rem;margin:auto;width:fit-content}.card{display:flex;flex-direction:column;width:30ch;border:1px solid var(--color-border);text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--color-text);position:relative;background:var(--color-background);z-index:1;transition:all .2s var(--easing-snappy-out)}.card:hover{transform:translate(-10px, -10px);box-shadow:10px 10px 0px 0px #ff00c8}.card:active{transform:translate(0, 0) scale(.9);box-shadow:none}.card .contents{padding:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.card .description{font-size:.8rem;opacity:.8}@media (min-width: calc(60ch + 2rem)){.cards-container{grid-template-columns:1fr 1fr}}@media (min-width: calc(60ch + 2rem)){.cards-container{grid-template-columns:1fr 1fr 1fr}}.cover{border:1px solid var(--color-border);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.cover .text{padding:1rem}.cover .text p{margin:.25rem 0}.cover .meta{font-size:.8rem;opacity:.8}.moon{opacity:1;fill:#000;transform:translateY(0)}.sun{opacity:0;transform:translateY(-100%)}.dark .moon{opacity:0;transform:translateY(100%)}.dark .sun{opacity:1;transform:translateY(0);fill:#000}#themeToggle svg>*{transition:all .4s var(--easing-snappy-out)}#searchDialog{padding:1rem;border:1px solid var(--color-border);background:var(--color-background);width:95svw;max-width:60ch;max-height:600px;overflow:auto}#searchDialog form{display:flex;gap:4px;align-items:center;justify-content:center}#searchDialog form input{flex:1}#searchDialog form input:focus{outline:none;border-color:var(--color-accent)}#searchDialog form input,#searchDialog form button{background:rgba(0,0,0,0);border:1px solid var(--color-border);padding:.5rem 1rem;font-size:1rem;font-family:var(--font-body)}#searchDialog form button{background:var(--color-accent);color:var(--color-on-accent)}#searchDialog ul{list-style:none;padding:0}#searchDialog li{margin-bottom:1rem}#searchDialog .title{font-family:var(--font-headings);color:var(--color-text);text-decoration:underline;text-decoration-color:rgb(from var(--color-text) r g b / 0.4) !important;font-size:1.2rem}#searchDialog span{font-size:.8rem}#searchDialog::backdrop{backdrop-filter:blur(10px)}.post-title{color:var(--color-text);text-decoration-color:rgb(from var(--color-text) r g b / 0.4) !important}