@import"https://fonts.googleapis.com/css2?family=Share+Tech&display=swap";:root{--core-red: #d45658;--core-orange: #f4a666;--core-yellow: #efcc69;--core-lime: #76c676;--core-green: #7ac85c;--core-teal: #3ccfb0;--core-cyan: #31a5e9;--core-sky: #33a3e3;--core-violet: #b58af7;--core-pink: #f2c5f0;--core-magenta: #d03366;--core-clay: #c7876e;--neutral-stone: #e4d2a4;--neutral-bone: #d6ccc2;--neutral-clay: #bcb4a6;--neutral-slate: #545256;--neutral-smoke: #633b3e;--neutral-dusk: #708090;--primary: #181818;--alt-black: #0a1718;--secondary: #252525;--sidebar: #2b2b2b;--secondary-highlight: #343939;--sidebar-highlight: #494949;--text-light: #faf9f6;--text-black: #181818;--accent-highlight: #d45658;--accent-teal: var(--accent-highlight);--accent-copper: var(--accent-highlight);--accent-rose: var(--core-magenta);--accent-cyan: var(--core-cyan);--accent-soft: color-mix(in srgb, var(--accent-highlight) 60%, #ffffff);--code-bg: color-mix(in srgb, var(--accent-highlight) 10%, #0f1216);--code-inline-bg: color-mix(in srgb, var(--accent-highlight) 20%, #0f1216);--blockquote-bg: color-mix(in srgb, #15181c 70%, #0f1216);--text-secondary: var(--muted);--font-display: "Share Tech", "Share Tech Mono", system-ui, -apple-system, sans-serif;--font-body: "Share Tech", "Share Tech Mono", system-ui, -apple-system, sans-serif;--prose-font: var(--font-body);--prose-mono: var(--font-body);--prose-size: 1rem;--prose-line: 1.5;--prose-weight: 400;--prose-heading-size-1: 2.1rem;--prose-heading-size-2: 1.6rem;--prose-heading-size-3: 1.3rem;--prose-heading-size-4: 1.1rem;--prose-heading-weight: 700;--radius-lg: 3px;--radius-md: 3px;--radius-sm: 3px;--transition-duration: .2s;--transition-ease: cubic-bezier(.4, 0, .2, 1);--transition: var(--transition-duration) var(--transition-ease);--card-padding: 1.5rem;--shader-color: rgba(0, 0, 0, .4);--vignette-color: var(--shader-color);--vignette-size: 140px;--wrap-width: min(900px, 62vw, 88vw);--grid-size: 5px;--grid-line-weight: 1px;--grid-band-height: clamp(220px, 38vh, 340px);--grid-fade-start: 6%;--grid-fade-end: 80%;--grid-line: rgba(255, 255, 255, .08)}[data-theme=dark]{--shell: #181818;--bg: #252525;--bg-alt: #2f2f2f;--surface: #181818;--text: var(--text-light);--muted: #c9c9c9;--border: rgba(255, 255, 255, .16);--shader-color: rgba(0, 0, 0, .9);--shadow: 0 6px 13px var(--shader-color);--vignette-color: var(--shader-color);--shell-foreground: var(--text-light);--accent-soft: color-mix(in srgb, var(--accent-highlight) 60%, var(--bg));--code-bg: color-mix(in srgb, var(--accent-highlight) 12%, var(--bg));--code-inline-bg: color-mix(in srgb, var(--accent-highlight) 22%, var(--bg));--blockquote-bg: color-mix(in srgb, #15181c 75%, var(--bg))}[data-theme=light]{--shell: #faf9f6;--bg: #e9e6e3;--bg-alt: #dcd8d4;--surface: #ffffff;--text: var(--text-black);--muted: #4a4a4a;--border: rgba(0, 0, 0, .08);--shader-color: rgba(0, 0, 0, .4);--shadow: 0 6px 13px var(--shader-color);--vignette-color: var(--shader-color);--shell-foreground: var(--text-black);--grid-line: rgba(0, 0, 0, .08);--accent-soft: color-mix(in srgb, var(--accent-highlight) 60%, var(--text));--code-bg: color-mix(in srgb, var(--accent-highlight) 12%, var(--bg));--code-inline-bg: color-mix(in srgb, var(--accent-highlight) 18%, var(--bg));--blockquote-bg: color-mix(in srgb, var(--accent-highlight) 6%, var(--bg))}[data-theme=night]{--shell: #0c1213;--bg: #0f1b1c;--bg-alt: #0d1415;--surface: #0c1213;--text: var(--text-light);--muted: #b5c6c7;--border: rgba(255, 255, 255, .08);--shader-color: rgba(0, 0, 0, .35);--shadow: 0 6px 13px var(--shader-color);--vignette-color: var(--shader-color);--shell-foreground: var(--text-light);--accent-soft: color-mix(in srgb, var(--accent-highlight) 60%, var(--bg));--code-bg: color-mix(in srgb, var(--accent-highlight) 12%, var(--bg));--code-inline-bg: color-mix(in srgb, var(--accent-highlight) 22%, var(--bg));--blockquote-bg: color-mix(in srgb, #15181c 75%, var(--bg))}*,*:before,*:after{box-sizing:border-box}p,li{font-family:var(--font-body)}html,body{margin:0;padding:0;font-size:105%;font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100%;transition:background-color var(--transition),color var(--transition)}a{color:inherit}.site-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;padding-top:70px;padding-bottom:0;background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--accent-highlight) 1%,transparent) 0px,color-mix(in srgb,var(--accent-highlight) 10%,transparent) 1px,transparent 0px,transparent 3px);background-size:100% 6px}.footer-sticky{padding-bottom:70px}.site-shell>*{position:relative}.site-shell:before,.site-shell:after{content:"";display:none}.site-footer.footer-sticky{position:fixed;left:0;right:0}.site-footer.footer-static{position:static}.breadcrumb{display:inline-flex;gap:.5rem;align-items:center;font-size:1rem;color:var(--muted);margin-top:0;text-transform:capitalize}.breadcrumb .current,.post-page .breadcrumb{text-transform:none}.breadcrumb a{color:var(--accent-highlight);text-decoration:none;font-weight:700}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .current{color:var(--text);font-weight:700}h1{text-transform:capitalize;font-family:var(--font-display)}h2,h3,h4,h5,h6{font-family:var(--font-display)}.post-header h1{text-transform:none}.caps{text-transform:uppercase;font-family:var(--font-display);letter-spacing:.08em}.blog-index{display:flex;flex-direction:column;gap:var(--card-padding);padding:0}.blog-index .hero{padding-bottom:1rem;display:flex;flex-direction:column;gap:.4rem}.blog-index .hero h1{margin:0;font-size:clamp(2.5rem,5vw,3rem)}.blog-index .hero .lede{margin:0;color:var(--muted);max-width:720px}.category-block{display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid var(--border);padding:0 0 var(--card-padding)}.category-block:last-of-type{border-bottom:0;padding-bottom:0}.category-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem}.category-heading h2{margin:0;font-size:1.2rem}.category-banner{display:flex;align-items:center;gap:.5rem;padding-left:.6rem;text-decoration:none;color:var(--text);position:relative;border:none;background:none;box-shadow:none;overflow:hidden;transition:transform var(--transition),color var(--transition)}.category-banner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--accent-highlight)}.category-banner h2{margin:0;padding-left:.35rem;letter-spacing:.08em}.category-banner:hover{color:var(--accent-highlight);border-color:#fff3;transform:translateY(-2px)}.view-all{color:var(--accent-highlight);text-decoration:none;font-weight:700}.view-all:hover{text-decoration:underline}.post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.post-list-item{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:baseline}.post-date{color:var(--muted);font-size:.9rem;white-space:nowrap}.post-title{color:var(--text);text-decoration:none;font-weight:700}.post-title:hover{color:var(--accent-highlight);text-decoration:underline}.entry-list{display:flex;flex-direction:column;gap:.75rem;padding:0;margin:0}.entry-card{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1rem;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition),background var(--transition)}.entry-card:hover{border-color:var(--accent-highlight);transform:translateY(-1px);box-shadow:var(--shadow)}.entry-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-highlight);flex-shrink:0}.entry-card.folder .entry-icon svg{fill:currentColor;stroke:currentColor}.entry-card.file .entry-icon svg{fill:none;stroke:currentColor}.entry-body{display:flex;flex-direction:column;gap:.15rem;flex:1}.entry-title{font-weight:700;font-size:1rem;line-height:1.25;letter-spacing:.02em}.entry-meta{color:var(--muted);font-size:.9rem;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}.site-header,.site-footer{background:var(--shell);border-bottom:0;padding:0;position:fixed;left:0;right:0;z-index:20;transition:background-color var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition)}.site-header{display:flex;justify-content:center;top:0;border-bottom:1px solid var(--border);box-shadow:0 2px 4px 1px var(--shader-color)}.site-footer{border-top:none;border-bottom:none;margin-top:auto;font-size:.9rem;color:var(--muted);padding:0;bottom:0;border-top:1px solid var(--border);box-shadow:0 -2px 4px 1px var(--shader-color)}.site-footer .wrap{padding:1rem 0}.footer-bar{display:flex;align-items:center;justify-content:center;gap:.75rem}.footer-text{text-align:center;color:var(--text);font-weight:600;font-size:.95rem}.footer-link{color:var(--text);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:color var(--transition)}.footer-link:hover{color:var(--accent-highlight)}.footer-icon{width:1.35rem;height:1.35rem;stroke-width:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap{width:var(--wrap-width);margin:0 auto}.page-wrap{padding-bottom:var(--card-padding);flex:1;display:flex;flex-direction:column;position:relative}.grid-overlay{position:absolute;inset:.5rem 0 0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:36px 36px;opacity:.25;pointer-events:none;mix-blend-mode:lighten;z-index:0}.nav{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:0;margin:0}.nav:after{content:"";position:absolute;left:0;right:0;bottom:0;background:var(--border)}.brand{justify-self:start;font-weight:700;font-size:1.05rem;padding:.15rem 0}.nav-links{display:inline-flex;gap:1rem;flex-wrap:wrap;font-size:1rem;line-height:1.2;justify-content:flex-end;align-items:center;justify-self:end}.nav-link{position:relative;display:inline-flex;align-items:center;text-decoration:none;padding:.3rem .8rem;border-radius:var(--radius-sm);color:var(--text);font-weight:600;transition:color var(--transition);line-height:1.2}.nav-link:hover{color:var(--accent-highlight)}.nav-link.active{color:var(--accent-highlight);text-decoration:none}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-.35rem;height:3px;background:var(--accent-highlight);border-radius:999px}.ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--accent-highlight);color:var(--accent-highlight);background:transparent;text-decoration:none;font-weight:700;transition:all var(--transition)}.ghost-button:hover{border-color:var(--accent-highlight);color:var(--bg);background:var(--accent-highlight);transform:translateY(-1px)}.card-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 2px var(--shader-color),inset 0 0 30px color-mix(in srgb,var(--shader-color) 25%,transparent);padding:var(--card-padding);position:relative;overflow:hidden;isolation:isolate;z-index:1}.card-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--grid-band-height);background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--grid-size) - var(--grid-line-weight)),var(--grid-line) calc(var(--grid-size) - var(--grid-line-weight)),var(--grid-line) var(--grid-size)),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--grid-size) - var(--grid-line-weight)),var(--grid-line) calc(var(--grid-size) - var(--grid-line-weight)),var(--grid-line) var(--grid-size));background-size:var(--grid-size) var(--grid-size);background-repeat:repeat;opacity:.5;mask-image:linear-gradient(180deg,rgba(0,0,0,1) var(--grid-fade-start),rgba(0,0,0,0) var(--grid-fade-end));-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) var(--grid-fade-start),rgba(0,0,0,0) var(--grid-fade-end));pointer-events:none;z-index:0}.card-panel>*{position:relative;z-index:1}.theme-toggle{justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:none;background:transparent;color:var(--text);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition);position:relative;overflow:hidden}[data-theme=light] .theme-toggle,[data-theme=dark] .theme-toggle,[data-theme=night] .theme-toggle{background:transparent;border-color:transparent}.theme-toggle:hover{background:transparent;border-color:transparent;color:var(--accent-highlight);transform:none}[data-theme=dark] .theme-toggle:hover,[data-theme=night] .theme-toggle:hover{background:transparent;border-color:transparent;color:var(--accent-highlight)}.theme-toggle .icon{position:absolute;inset:0;margin:auto;width:1.6rem;height:1.6rem;opacity:0;transform:scale(.8);stroke-linecap:round;stroke-linejoin:round;transition:opacity var(--transition),transform var(--transition);pointer-events:none}.theme-toggle .icon-star{width:1.3rem;height:1.3rem}.theme-toggle[data-theme-state=light] .icon-sun,[data-theme=light] .theme-toggle .icon-sun,.theme-toggle[data-theme-state=dark] .icon-moon,[data-theme=dark] .theme-toggle .icon-moon{opacity:1;transform:scale(1)}.theme-toggle[data-theme-state=night] .icon-star,[data-theme=night] .theme-toggle .icon-star{opacity:1;transform:scale(1.1)}.hero{padding:var(--card-padding) 0}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}.hero h1{font-size:clamp(2.5rem,6vw,3.75rem);margin:0;line-height:1.1}.hero p{max-width:580px;color:var(--muted);font-size:1.1rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.75rem;padding-bottom:4rem}.post-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.35);padding:var(--card-padding);box-shadow:var(--shadow);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);display:flex;flex-direction:column;gap:.8rem;min-height:100%}.post-card .post-body{display:flex;flex-direction:column;gap:.5rem;flex:1}.post-card:hover{transform:translateY(-3px);border-color:#fffc;box-shadow:var(--shadow)}.post-card h2{margin:0;font-size:1.4rem}.post-card p{margin:0;color:var(--muted)}.post-meta{font-size:.85rem;color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem}.tag{padding:.2rem .65rem;border-radius:999px;font-size:.75rem;background:#ffffff0d}.post-card .button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--accent-highlight);border-radius:var(--radius-md);padding:.6rem 1.1rem;font-weight:700;cursor:pointer;color:var(--accent-highlight);background:transparent;transition:all var(--transition)}.post-card .button:hover{background:var(--accent-highlight);color:var(--bg);transform:translateY(-1px)}.post-card .button{margin-top:auto}.prose,.prose-content{line-height:1.55;font-size:var(--prose-size);color:var(--muted);line-height:var(--prose-line)}.prose :is(p,li){font-family:var(--prose-mono);color:var(--text);font-weight:var(--prose-weight)}.prose-content :is(p,li){font-family:var(--prose-font);color:var(--text);font-weight:var(--prose-weight)}.prose p,.prose-content p{margin:0 0 1.1rem}.prose :is(h1,h2,h3,h4,h5,h6),.prose-content :is(h1,h2,h3,h4,h5,h6){color:var(--text);font-family:var(--font-display);line-height:1.2;margin:0}.prose h1,.prose-content h1{margin:var(--card-padding) 0;font-size:var(--prose-heading-size-1);border-left:4px solid var(--accent-highlight);padding-left:.75rem;text-transform:none;letter-spacing:.06em;font-weight:var(--prose-heading-weight)}.prose h2,.prose-content h2{margin-top:2rem;margin-bottom:1rem;font-size:var(--prose-heading-size-2);text-transform:none;letter-spacing:1px;font-weight:var(--prose-heading-weight)}.prose h3,.prose-content h3{margin-top:1.6rem;margin-bottom:.8rem;font-size:var(--prose-heading-size-3);font-weight:var(--prose-heading-weight)}.prose h4,.prose-content h4{margin-top:1.4rem;margin-bottom:.6rem;font-size:var(--prose-heading-size-4);text-transform:none;letter-spacing:.05em;font-weight:var(--prose-heading-weight)}.prose :is(ul,ol),.prose-content :is(ul,ol){margin:0 0 1rem}.prose li>:is(ul,ol),.prose-content li>:is(ul,ol){margin-top:0;margin-bottom:.75rem}.prose li>p,.prose-content li>p{margin:0}.prose li,.prose-content li{margin-bottom:.35rem}.prose a,.prose-content a{color:var(--accent-highlight);text-decoration:none;font-weight:700;transition:color var(--transition),border-color var(--transition)}.prose a:hover,.prose-content a:hover{color:var(--accent-soft)}.prose code:not(pre code),.prose-content code:not(pre code){background:var(--code-inline-bg);padding:2px 4px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--text);border:1px solid var(--border)}.prose pre,.prose-content pre{background:var(--code-bg);padding:1rem;border-left:4px solid var(--accent-highlight);border-radius:var(--radius-sm);overflow-x:auto;margin:1.4rem 0;box-shadow:inset 0 0 0 1px var(--border);color:var(--text-light)}.prose pre code,.prose-content pre code{font-family:var(--font-body);font-size:.95rem;color:var(--text-light);background:transparent;border:0;padding:0}.prose blockquote,.prose-content blockquote{background:var(--blockquote-bg);border-left:4px solid var(--accent-highlight);padding:1rem 1.5rem;font-style:italic;color:var(--text-secondary);margin:1.5rem 0;box-shadow:inset 0 0 0 1px var(--border)}.prose blockquote p,.prose-content blockquote p{color:inherit;margin:0}.prose img,.prose-content img{max-width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);display:block}.prose figure,.prose-content figure{margin:0;text-align:center}.prose figcaption,.prose-content figcaption{font-size:.85rem;color:var(--text-secondary);margin-top:.4rem}.prose table,.prose-content table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:.95rem;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 18px color-mix(in srgb,var(--shader-color) 20%,transparent)}.prose th,.prose td,.prose-content th,.prose-content td{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);padding:.6rem;text-align:left}.prose th,.prose-content th{text-transform:uppercase;letter-spacing:.08em;color:var(--text);background:var(--surface);font-weight:700;border-bottom:1px solid var(--border)}.prose tr:nth-child(odd),.prose-content tr:nth-child(odd){background:var(--surface)}.prose tr:nth-child(2n),.prose-content tr:nth-child(2n){background:var(--bg)}.prose hr,.prose-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.palette-section{margin:0 0 3rem;padding:var(--card-padding);position:relative}.palette-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(var(--card-padding) * 2);row-gap:var(--card-padding);align-items:start;position:relative}.palette-box{padding:var(--card-padding)}.palette-box+.palette-box{margin-left:0}.palette-section h2{margin:0 0 1rem}.palette-grid:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--border);transform:translate(-.5px);pointer-events:none}@media(max-width:820px){.palette-grid{grid-template-columns:1fr;column-gap:0}.palette-grid:before{display:none}}