:root{--bg:#0b0d10;--bg-elev:#14171c;--bg-elev-2:#191d24;--bg-code:#0f1216;--border:#232830;--border-strong:#313742;--text:#e6e8eb;--text-dim:#9aa4b2;--link:#7dd3fc;--link-strong:#38bdf8;--term:#4ade80;--btn-fg:#06131c;--glow:color-mix(in srgb,var(--link-strong) 13%,transparent);--grid-line:color-mix(in srgb,var(--text) 4%,transparent);--shadow:0 10px 34px -14px rgba(0,0,0,0.55);--maxw:1080px;--prose:44rem;--radius:10px;--radius-lg:14px;--ease:cubic-bezier(0.2,0.65,0.2,1);--dur:0.55s;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}@media (prefers-color-scheme:light){:root{--bg:#ffffff;--bg-elev:#f6f7f9;--bg-elev-2:#eef0f3;--bg-code:#f4f5f7;--border:#e4e7ec;--border-strong:#d3d8df;--text:#1a1d21;--text-dim:#5b636e;--link:#0369a1;--link-strong:#075985;--term:#15803d;--btn-fg:#f8fafc;--glow:color-mix(in srgb,var(--link-strong) 8%,transparent);--grid-line:color-mix(in srgb,var(--text) 3.5%,transparent);--shadow:0 10px 30px -16px rgba(15,23,42,0.28)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{margin:0;min-height:100dvh;background-color:var(--bg);background-image:radial-gradient(55rem 34rem at 50% -12rem,var(--glow),transparent 70%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:100% 100%,44px 44px,44px 44px;background-position:top;background-repeat:no-repeat,repeat,repeat;background-attachment:fixed;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{max-width:100%;height:auto}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}main.container{padding-top:2.75rem;padding-bottom:4.5rem}a{color:var(--link);text-underline-offset:2px;transition:color .18s var(--ease)}a:hover{color:var(--link-strong)}:focus-visible{outline:2px solid var(--link-strong);outline-offset:2px;border-radius:4px}::selection{background:color-mix(in srgb,var(--term) 26%,transparent);color:var(--text)}h1,h2,h3,h4{font-family:var(--mono);line-height:1.24;font-weight:700;margin:2rem 0 .75rem;text-wrap:balance}h1{font-size:clamp(1.8rem,1.25rem + 2.4vw,2.5rem);margin-top:0;letter-spacing:-.015em}h2{font-size:clamp(1.3rem,1.12rem + .8vw,1.5rem);letter-spacing:-.01em;padding-top:.5rem}h2,h3{scroll-margin-top:5rem}h3{font-size:1.15rem}.prose>h2:before{content:"## "/""}.prose>h2:before,.prose>h3:before{color:var(--text-dim);font-weight:400}.prose>h3:before{content:"### "/""}ol,p,ul{margin:0 0 1rem}p{text-wrap:pretty}hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}.skip-link{position:absolute;left:-9999px;top:0;background:var(--bg-elev);color:var(--text);padding:.6rem 1rem;border:1px solid var(--border);border-radius:0 0 var(--radius) 0;z-index:100}.skip-link:focus{left:0}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:var(--bg);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px}.brand{display:inline-flex;align-items:baseline;font-family:var(--mono);font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none;letter-spacing:-.01em;white-space:nowrap;transition:opacity .18s var(--ease)}.brand:hover{color:var(--text);opacity:.75}.brand .prompt{color:var(--term)}.site-nav{display:flex;gap:1.35rem;font-family:var(--mono);font-size:.9rem;text-transform:lowercase}.site-nav a{position:relative;color:var(--text-dim);text-decoration:none;padding:.35rem 0}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.site-nav a:hover{color:var(--text)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}.site-nav a[aria-current=page]{color:var(--text)}.header-right{display:flex;align-items:center;gap:1.1rem}.lang-switcher{display:inline-flex}.lang-switcher select{font-family:var(--mono);font-size:.85rem;color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:7px;padding:.3rem 1.6rem .3rem .55rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:right .7rem center,right .5rem center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.lang-switcher select:hover{color:var(--text);border-color:var(--border-strong)}.lang-switcher select:focus-visible{outline:2px solid var(--link-strong);outline-offset:1px}.site-footer{border-top:1px solid var(--border);color:var(--text-dim);font-size:.9rem}.site-footer .container{padding-top:2rem;padding-bottom:2rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}.site-footer a{color:var(--text-dim)}.site-footer a:hover{color:var(--text)}.site-footer nav{display:flex;flex-wrap:wrap;gap:1.25rem}.hero{max-width:var(--prose)}.hero pre{margin-top:1.6rem;font-size:.82rem}.hero .lead{font-size:clamp(1.05rem,1rem + .5vw,1.18rem);color:var(--text-dim)}.eyebrow{font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--term);margin:0 0 .75rem}.eyebrow:after{content:"\2589";margin-left:.35em;animation:hod-blink 1.1s step-end infinite}.accent-text{color:var(--link-strong)}@supports (((-webkit-background-clip:text) or (background-clip:text))){.accent-text{background:linear-gradient(115deg,var(--link),var(--term));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}.post-list{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;grid-gap:1rem;gap:1rem}.post-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.3rem 1.4rem;background:var(--bg-elev);transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}.post-card:hover{transform:translateY(-3px);border-color:var(--link-strong);background:var(--bg-elev-2);box-shadow:var(--shadow)}.post-card .meta{font-family:var(--mono);font-size:.78rem;color:var(--text-dim);display:flex;gap:.75rem;margin-bottom:.45rem}.post-card .badge{color:var(--term)}.post-card h3{margin:0 0 .35rem;font-size:1.15rem}.post-card h3 a{color:var(--text);text-decoration:none}.post-card h3 a:after{content:" \2192"/"";display:inline-block;color:var(--link);transition:transform .25s var(--ease)}.post-card:hover h3 a{color:var(--link)}.post-card:hover h3 a:after{transform:translateX(4px)}.post-card p{margin:0;color:var(--text-dim);font-size:.95rem}.signup{margin:2.75rem 0 0;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.6rem;background:var(--bg-elev);max-width:var(--prose)}.signup label{font-weight:600;display:block;margin-bottom:.6rem}.signup-row{display:flex;flex-wrap:wrap;gap:.6rem}.signup input[type=email]{flex:1 1 16rem;min-width:0;padding:.7rem .8rem;border-radius:9px;border:1px solid var(--border-strong);background:var(--bg);color:var(--text);font:inherit;font-size:.95rem;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.signup input[type=email]::placeholder{color:var(--text-dim)}.signup input[type=email]:focus{outline:none;border-color:var(--link-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--link-strong) 25%,transparent)}.signup-note{margin:.8rem 0 0;font-size:.82rem;color:var(--text-dim)}.btn{display:inline-block;background:var(--link-strong);padding:.7rem 1.15rem;border-radius:9px;border:0;font:inherit;font-weight:600;font-size:.95rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease),opacity .18s var(--ease)}.btn,.btn:hover{color:var(--btn-fg)}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px -10px var(--link-strong)}.btn:active{transform:translateY(0)}.prose{max-width:var(--prose)}.prose ol,.prose ul{padding-left:1.4rem}.prose li{margin:.35rem 0}.prose li::marker{color:var(--text-dim)}.prose strong{color:var(--text)}.prose a{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}.prose a:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.article-meta{font-family:var(--mono);font-size:.82rem;color:var(--text-dim);margin:0 0 1.5rem}.article-meta:before{content:"// "/"";opacity:.7}code{font-family:var(--mono);font-size:.88em;background:var(--bg-code);border:1px solid var(--border);border-radius:5px;padding:.1em .38em}pre{position:relative;max-width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem 1.15rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.86rem;line-height:1.55;-moz-tab-size:2;tab-size:2;margin:0 0 1.25rem;background-color:var(--bg-code);background-image:radial-gradient(circle 4px at 15px 16px,#ff5f56 96%,transparent),radial-gradient(circle 4px at 33px 16px,#ffbd2e 96%,transparent),radial-gradient(circle 4px at 51px 16px,#27c93f 96%,transparent),linear-gradient(var(--border) 0 0),linear-gradient(var(--bg-elev) 0 0);background-repeat:no-repeat;background-size:auto,auto,auto,100% 1px,100% 32px;background-position:0 0,0 0,0 0,0 32px,0 0}pre code{display:block;background:none;border:0;padding:0;font-size:inherit}.c-prompt{color:var(--term)}.c-out{color:var(--text-dim)}.c-comment{color:color-mix(in srgb,var(--text-dim) 80%,transparent);font-style:italic}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius);margin:0 0 1.5rem}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{text-align:left;padding:.65rem .9rem;border-bottom:1px solid var(--border);vertical-align:top}thead th{background:var(--bg-elev);font-family:var(--mono);font-size:.8rem;letter-spacing:.02em;white-space:nowrap}tbody tr{transition:background .15s var(--ease)}tbody tr:hover{background:var(--bg-elev)}tbody tr:last-child td{border-bottom:0}.callout{border:1px solid var(--border);border-left:3px solid var(--term);background:var(--bg-elev);border-radius:var(--radius);padding:1rem 1.15rem;margin:0 0 1.75rem;font-size:.92rem}.callout p{margin:0}.callout p+p{margin-top:.6rem}.callout .callout-label{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--term);display:block;margin-bottom:.4rem}.verdict{border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.2rem 1.4rem;background:var(--bg-elev);margin:0 0 1.75rem}.verdict h2,.verdict h3{margin-top:0}.back-link{display:inline-block;font-family:var(--mono);font-size:.85rem;color:var(--text-dim);text-decoration:none;margin-bottom:.5rem;transition:transform .2s var(--ease),color .18s var(--ease)}.back-link:hover{color:var(--text);transform:translateX(-3px)}.two-col{display:grid;grid-gap:1.25rem;gap:1.25rem}@media (min-width:640px){.two-col{grid-template-columns:1fr 1fr}}.pros-cons{border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;background:var(--bg-elev)}.pros-cons h3{margin:0 0 .5rem;font-family:var(--mono);font-size:.85rem}.pros-cons ul{margin:0}@media (max-width:640px){main.container{padding-top:1.75rem;padding-bottom:3rem}.container{padding-inline:1.1rem}h1{margin-bottom:.6rem}.signup{padding:1.25rem}.btn,.signup input[type=email]{flex:1 1 100%;text-align:center}pre{font-size:.8rem;padding:2.4rem 1rem .9rem}.post-card{padding:1.15rem 1.2rem}}@media (max-width:720px){.site-header .container{flex-wrap:wrap;gap:.4rem 1rem;padding-top:.55rem;padding-bottom:.55rem}.header-right{width:100%;justify-content:space-between;gap:.75rem}}@media (max-width:460px){.site-header .container{min-height:54px}.brand{font-size:.95rem}.brand .prompt{display:none}.site-nav{gap:.9rem;font-size:.82rem}.lang-switcher select{font-size:.8rem;padding:.28rem 1.4rem .28rem .5rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}@keyframes hod-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hod-blink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.hero>*,.prose>.article-meta,.prose>h1,main>section:first-of-type{animation:hod-rise var(--dur) var(--ease) both}.hero>:first-child{animation-delay:.03s}.hero>:nth-child(2){animation-delay:.09s}.hero>:nth-child(3){animation-delay:.15s}.hero>:nth-child(4){animation-delay:.21s}@supports (animation-timeline:view()){.post-card,.prose>.callout,.prose>.signup,.prose>.table-wrap,.prose>.two-col,.prose>.verdict,.prose>h2,.prose>pre,main>section:not(:first-of-type){opacity:0;animation:hod-rise linear both;animation-timeline:view();animation-range:entry 0 cover 22%}}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}