html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--strawberry: oklch(.62 .16 20);--orange: oklch(.74 .15 45);--banana: oklch(.9 .12 90);--lime: oklch(.78 .14 135);--mint: oklch(.8 .1 175);--blueberry: oklch(.68 .13 255);--grape: oklch(.7 .14 305);--bubblegum: oklch(.72 .16 5);--latte: oklch(.82 .08 80);--cocoa: oklch(.52 .04 50);--background: oklch(.98 .01 90);--text-primary: oklch(.3 .005 60);--text-secondary: oklch(from var(--text-primary) l c h / .7);--text-muted: oklch(from var(--text-primary) l c h / .5);--surface: oklch(from var(--background) calc(l - .025) c h);--surface-soft: oklch(from var(--background) calc(l - .012) c h);--surface-elevated: oklch(1 0 0);--footer-bg: oklch(.24 .003 100);--footer-text: oklch(.98 .01 90);--border: oklch(from var(--text-primary) l c h / .1);--border-strong: oklch(from var(--text-primary) l c h / .2);--accent: var(--grape);--accent-soft: oklch(from var(--accent) l c h / .14);--accent-muted: oklch(from var(--accent) calc(l + .08) c h / .65);--code-bg: oklch(from var(--latte) l c h / .14);--code-border: oklch(from var(--latte) l c h / .28);--success: var(--lime);--warning: var(--banana);--danger: var(--strawberry);--success-soft: oklch(from var(--success) l c h / .18);--warning-soft: oklch(from var(--warning) l c h / .18);--danger-soft: oklch(from var(--danger) l c h / .18)}@media(prefers-color-scheme:dark){:root{--background: oklch(.28 .003 100);--text-primary: oklch(.97 .01 90);--surface: oklch(from var(--background) calc(l + .025) c h);--surface-soft: oklch(from var(--background) calc(l + .045) c h);--surface-elevated: oklch(from var(--background) calc(l + .1) c h);--border: oklch(from var(--text-primary) l c h / .05);--border-strong: oklch(from var(--text-primary) l c h / .11)}}:root{--font-heading: "Fraunces", serif;--font-body: "Fredoka", sans-serif;--font-mono: "Google Sans Code", ui-monospace, monospace}:root{--radius-xs: 4px;--radius-sm: 7px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 19px;--radius-xxl: 26px;--pad-xs: .25rem;--pad-sm: .5rem;--pad-md: .75rem;--pad-lg: 1rem;--pad-xl: 1.25rem}:root{--font-variation-h0: "opsz" 64, "SOFT" 100, "WONK" 1;--font-variation-heading: "opsz" 48, "SOFT" 100, "WONK" 1;--font-variation-body: "wdth" 100, "wght" 400;--font-variation-mono: "MONO" 1}body{margin:0;padding:0;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--background);color:var(--text-primary);font-family:var(--font-body);font-size:1.15rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background-color:var(--accent-soft);color:var(--text-primary)}hr{border:none;border-top:2px dashed var(--border);margin:2rem 0}main{flex:1;width:90%;max-width:100rem;margin-inline:auto;padding-top:2rem}main>:first-child,.post-body>:first-child{margin-top:0}main>section:first-child>:first-child,.post-body>section:first-child>:first-child{margin-top:0}@media(min-width:1000px){main,.post-body{columns:2;column-gap:3rem}section{break-inside:avoid;margin-bottom:2rem}}header{max-width:75rem;margin-inline:auto;padding-top:0rem;padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:2px dashed var(--border)}footer{--text-primary: var(--footer-text);--text-secondary: oklch(from var(--text-primary) l c h / .7);--text-muted: oklch(from var(--text-primary) l c h / .5);margin-top:3rem;padding-top:2rem;padding-bottom:3rem;border-top:1px solid var(--border);background-color:var(--footer-bg);color:var(--footer-text);font-size:.95rem}.footer-inner{width:90%;max-width:75rem;margin-inline:auto}h1,h2,h3{font-family:var(--font-heading);font-variation-settings:var(--font-variation-heading);color:var(--text-primary);line-height:1.15;margin-top:1.5em;margin-bottom:.35em;text-wrap:balance}.h0{font-size:3.5rem;font-weight:900;line-height:1;font-variation-settings:var(--font-variation-h0)}h1{font-size:2.4rem;font-weight:750;letter-spacing:-.02em}h2{font-size:1.6rem;font-weight:650;letter-spacing:-.01em}h3{font-size:1.2rem;font-weight:600}p{margin-top:0;margin-bottom:1em}strong{font-weight:600}small{font-size:.8rem;color:var(--text-muted)}a{color:var(--accent);text-underline-offset:.2em}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-xs);corner-shape:superellipse(1.35)}a[href^=http]:not(:has(.arrow)):not(:has(img)):not(:has(svg)):not(.button):not(.card):after{content:"";display:inline-block;width:.75em;height:.75em;margin:0 .1em 0 .2em;background-color:currentColor;mask-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjgiIGQ9Ik04IDd2LjVhMiAyIDAgMCAxLTIgMkgzYTIgMiAwIDAgMS0yLTJ2LTNhMiAyIDAgMCAxIDItMmguNW0xIDMuNSA1LTVtMCAwSDZtMy41IDB2My41Ii8+PC9zdmc+);mask-repeat:no-repeat;mask-size:contain}ul,ol{margin:1.5rem 0;padding-left:1.5rem}li{margin-bottom:.4rem}li::marker{color:var(--text-secondary)}blockquote{margin:2rem 0;padding:var(--pad-lg);background-color:var(--surface-soft);border-left:4px solid var(--accent);border-radius:var(--radius-lg);corner-shape:superellipse(1.35);color:var(--text-secondary);position:relative}blockquote :first-child{margin-top:0}blockquote p{margin-bottom:.5rem;font-style:italic}blockquote cite{display:block;margin-top:.75rem;font-size:.85rem;font-style:normal;color:var(--text-muted)}details{margin:1.5rem 0;padding:var(--pad-sm) var(--pad-md);border:1px solid var(--border);border-radius:var(--radius-md);corner-shape:superellipse(1.35);background-color:var(--surface-soft)}summary{cursor:pointer;list-style:none;font-weight:500;color:var(--text-primary)}summary:before{content:"▸";display:inline-block;margin-right:.4rem;color:var(--text-secondary);transition:transform .2s ease}details[open] summary:before{transform:rotate(90deg)}details>*:not(summary){margin-top:.6rem;margin-bottom:0}code,samp{font-family:var(--font-mono);font-size:.9em;background-color:var(--code-bg);color:var(--text-secondary);padding:.2em .4em;border-radius:var(--radius-xs);corner-shape:superellipse(1.35)}pre{font-family:var(--font-mono);background-color:var(--code-bg);color:var(--text-secondary);padding:var(--pad-lg);margin:2rem 0;overflow-x:auto;border:1px solid var(--code-border);border-radius:var(--radius-md);corner-shape:superellipse(1.35)}pre code{background-color:transparent;padding:0;border-radius:0;corner-shape:superellipse(1.35);font-size:.95em}kbd{font-family:var(--font-mono);font-size:.85em;background-color:var(--surface-elevated);color:var(--text-primary);padding:.1em .3em;border:1px solid var(--border-strong);border-bottom-width:3px;border-radius:var(--radius-xs);corner-shape:superellipse(1.35)}figure{margin:2rem 0;padding:var(--pad-md);background-color:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);corner-shape:superellipse(1.35)}figcaption{margin-top:.8rem;font-size:.9rem;color:var(--text-secondary)}img{max-width:100%;height:auto;display:block;border-radius:var(--radius-sm);corner-shape:superellipse(1.35)}video{width:100%;border-radius:var(--radius-md);corner-shape:superellipse(1.35)}audio{width:100%;margin:.5rem 0}nav{font-family:var(--font-body);display:flex;align-items:center;gap:var(--pad-xs);width:fit-content;margin:1rem auto 0;padding:var(--pad-xs) var(--pad-md);background-color:oklch(from var(--surface-soft) l c h / 75%);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-xl);corner-shape:superellipse(1.35);position:sticky;top:1rem;z-index:100}@media(max-width:460px){nav{margin:0 auto;top:0}}nav a{text-decoration:none;font-size:.95rem;color:var(--text-secondary);padding:var(--pad-xs) var(--pad-lg);border-radius:var(--radius-sm);corner-shape:superellipse(1.35);transition:color .2s,background-color .2s,transform .1s}nav a.logo{font-family:var(--font-heading);font-variation-settings:var(--font-variation-h0);font-size:1.5rem;font-weight:700;color:var(--text-primary)}nav a:active{transform:scale(.95)}nav a:is(:hover,[aria-current=page]){color:var(--accent)}nav a:not(.logo):is(:hover,[aria-current=page]){background-color:var(--surface)}nav a:not(.logo)[aria-current=page]{background-color:var(--accent-soft);font-weight:500}button{font-family:var(--font-body);font-size:.9rem;font-weight:500;background-color:transparent;color:var(--text-primary);padding:var(--pad-sm) var(--pad-md);border:2px solid var(--border);border-radius:var(--radius-sm);corner-shape:superellipse(1.35);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}button:hover{background-color:var(--accent-soft);border-color:var(--accent);color:var(--accent)}button:active{transform:scale(.98)}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}fieldset{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;padding:var(--pad-lg);background-color:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);corner-shape:superellipse(1.35)}legend{font-family:var(--font-mono);font-size:.85rem;font-weight:600;padding:0 .5rem;color:var(--text-secondary);text-transform:lowercase}label{font-family:var(--font-body);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}input[type=email],input[type=text]{width:100%;box-sizing:border-box;font-family:var(--font-body);font-size:1rem;padding:var(--pad-sm) var(--pad-md);background-color:var(--surface-elevated);color:var(--text-primary);border:2px solid var(--border);border-radius:var(--radius-sm);corner-shape:superellipse(1.35);transition:border-color .2s ease,background-color .2s ease}input[type=email]:focus,input[type=text]:focus{outline:none;border-color:var(--accent);background-color:var(--surface)}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.1em;height:1.1em;background-color:var(--surface-elevated);border:2px solid var(--border-strong);border-radius:var(--radius-xs);corner-shape:superellipse(1.35);cursor:pointer;vertical-align:middle;position:relative;transition:background-color .15s ease,border-color .15s ease}input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75em;font-weight:700;color:#fff}input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}select{width:100%;box-sizing:border-box;font-family:var(--font-body);font-size:1rem;padding:var(--pad-sm) var(--pad-md);background-color:var(--surface-elevated);color:var(--text-primary);border:2px solid var(--border);border-radius:var(--radius-sm);corner-shape:superellipse(1.35);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--pad-md) center;transition:border-color .2s ease,background-color .2s ease}select:focus{outline:none;border-color:var(--accent);background-color:var(--surface)}select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem;border-radius:var(--radius-md);corner-shape:superellipse(1.35);overflow:hidden}caption{margin-bottom:.5rem;font-family:var(--font-mono);font-size:.85rem;text-align:left;text-transform:lowercase;color:var(--text-muted)}th,td{text-align:left;padding:var(--pad-sm) var(--pad-md)}th{font-family:var(--font-mono);font-size:.8rem;font-weight:600;text-transform:lowercase;color:var(--text-secondary);border-bottom:2px solid var(--border-strong)}td{border-bottom:1px solid var(--border)}tr:hover td{background-color:var(--accent-soft)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.large{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{display:flex;flex-direction:column;gap:.3rem;padding:var(--pad-lg);background-color:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-xl);corner-shape:superellipse(1.35);text-decoration:none;color:inherit;transition:border-color .2s ease,background-color .2s ease}.card:is(a,button):hover{background-color:var(--surface);border-color:var(--border-strong);cursor:pointer}.card-image{width:100%;margin-bottom:.5rem;object-fit:cover;border-radius:calc(var(--radius-xl) - var(--pad-lg));corner-shape:superellipse(1.35)}.card-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.25rem}.card-tag{font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:lowercase;color:var(--accent);background-color:var(--accent-soft);padding:.15em .5em;border-radius:var(--radius-xs);corner-shape:superellipse(1.35)}.card-title{margin:0;font-size:1.1rem;font-weight:650;line-height:1.3;color:var(--text-primary)}.card-description{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.card-date{display:block;margin-top:auto;padding-top:.75rem;font-family:var(--font-mono);font-size:.75rem;text-transform:lowercase;color:var(--text-muted)}.horizontal{flex-direction:row;align-items:center;gap:.75rem;padding:var(--pad-sm)}.horizontal .card-image{width:48px;height:48px;min-width:48px;margin:0;border-radius:calc(var(--radius-xl) - var(--pad-sm));corner-shape:superellipse(1.35);border:none;object-fit:cover}.horizontal .card-title{font-size:1rem}article{flex:1;width:90%;max-width:75rem;margin-inline:auto;padding-top:2rem}article>header>p,article>header>h1{margin-top:0}.post-header{padding-bottom:2rem;margin-bottom:2.5rem;border-bottom:2px dashed var(--border)}.post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.post-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:lowercase;color:var(--accent);background-color:var(--accent-soft);padding:.2em .6em;border-radius:var(--radius-xs);corner-shape:superellipse(1.35)}.post-title{font-size:2.8rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-top:0;margin-bottom:.5rem}.post-description{font-size:1.2rem;line-height:1.6;color:var(--text-secondary);margin-top:.5rem;margin-bottom:.75rem}.post-date{display:block;font-family:var(--font-mono);font-size:.8rem;text-transform:lowercase;color:var(--text-muted);margin-top:.75rem}.post-body h2{margin-top:2.5em}