:root{--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;--serif:ui-serif,Georgia,"Times New Roman",serif;--radius:6px}:root,[data-theme]{color-scheme:light}[data-theme=dracula],[data-theme=everforest-dark],[data-theme=gruvbox-dark],[data-theme=ink],[data-theme=kanagawa],[data-theme=mocha],[data-theme=nord],[data-theme=rose-pine],[data-theme=synthwave],[data-theme=tokyo-night]{color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .25s ease,color .25s ease}::selection{background:var(--selection)}a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--rule);transition:border-color .15s,color .15s}a:hover{border-color:currentColor;color:var(--accent)}a.plain{border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.wrap{max-width:36rem;margin:0 auto;padding:2.5rem 1.25rem 6rem}.wrap.wide{max-width:52rem}header.site{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:3.5rem}header.site .brand{font-weight:620;letter-spacing:-.015em}header.site nav{display:flex;align-items:center;gap:.9rem;font-size:.8rem;color:var(--dim)}header.site nav a{border:0}header.site nav a:hover{color:var(--fg)}h1{font-size:1.65rem;line-height:1.25;letter-spacing:-.022em;margin:0 0 .5rem;font-weight:640}h2{font-size:1.16rem;margin:2.6rem 0 .8rem;letter-spacing:-.012em}h3{font-size:1rem;margin:2rem 0 .5rem}p{margin:0 0 1.15rem}.meta{font-family:var(--mono);font-size:.72rem;color:var(--faint);letter-spacing:.04em;text-transform:uppercase}.lede{font-size:1.05rem;color:var(--dim);margin-bottom:3rem}hr{border:0;height:1px;background:var(--rule);margin:2.5rem 0}ul.posts{list-style:none;margin:0;padding:0}ul.posts li{padding:1.1rem 0;border-top:1px solid var(--rule)}ul.posts li:first-child{border-top:0}ul.posts h3{margin:0 0 .25rem;font-size:1.02rem;font-weight:600}ul.posts .sub{color:var(--dim);font-size:.9rem;margin:0 0 .4rem}ul.posts .row{display:flex;gap:.75rem;align-items:center}footer.site{margin-top:4rem;padding-top:1.25rem;border-top:1px solid var(--rule);font-size:.78rem;color:var(--faint);justify-content:space-between;gap:1rem}footer.site,form{display:flex;flex-wrap:wrap}form{gap:.5rem}button,input,select,textarea{font:inherit;color:var(--fg);background:transparent;border:1px solid var(--rule);border-radius:var(--radius);padding:.6rem .7rem}input[type=email],input[type=text]{flex:1 1 14rem}button{cursor:pointer}button.primary{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:550}button.ghost{color:var(--dim)}button:disabled{opacity:.5;cursor:default}textarea{width:100%;min-height:26rem;font-family:var(--mono);font-size:.86rem;line-height:1.65;resize:vertical}label.field{display:block;margin-bottom:1rem}label.field>span{display:block;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;color:var(--faint);margin-bottom:.35rem;letter-spacing:.05em}.note{color:var(--dim)}.err,.note{font-size:.84rem}.err{color:#d64545}.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.bar h1{margin:0;font-size:1.15rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-family:var(--mono);font-size:.68rem;padding:.1rem .4rem;border:1px solid var(--rule);border-radius:3px;color:var(--dim);text-transform:uppercase}.tag.draft{border-style:dashed}.toolbar{display:flex;gap:.3rem;flex-wrap:wrap;padding:.45rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--mark);margin-bottom:.9rem}.toolbar button{border:0;background:transparent;color:var(--dim);padding:.3rem .5rem;border-radius:4px;font-size:.78rem;font-family:var(--mono)}.toolbar button:hover{background:var(--bg);color:var(--fg)}.toolbar .sep{width:1px;background:var(--rule);margin:.15rem .25rem}.cheatsheet{border:1px solid var(--rule);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem;font-size:.82rem;color:var(--dim)}.cheatsheet code{font-family:var(--mono);color:var(--fg)}article.prose{font-size:1.02rem}article.prose>p:first-of-type{font-size:1.06rem}.prose h2{padding-bottom:.3rem;border-bottom:1px solid var(--rule)}.prose h2:before{content:"§ ";color:var(--accent);font-weight:400}.prose a{color:var(--accent);border-bottom-color:color-mix(in srgb,var(--accent) 45%,transparent)}.prose a:hover{border-bottom-color:var(--accent)}.prose code:not(pre code){font-family:var(--mono);font-size:.86em;background:var(--codeBg);border:1px solid var(--rule);padding:.08em .34em;border-radius:4px;white-space:nowrap}.prose ol,.prose ul{padding-left:1.35rem}.prose li{margin:.3rem 0}.prose ul>li::marker{color:var(--accent)}.prose ol>li::marker{color:var(--accent);font-family:var(--mono);font-size:.85em}.prose li input[type=checkbox]{margin-right:.45rem;accent-color:var(--accent)}.prose hr{height:auto;background:none;border:0;margin:3rem 0;text-align:center}.prose hr:after{content:"· · ·";color:var(--faint);letter-spacing:.6em;font-size:.9rem}.prose blockquote{margin:2rem 0;padding:.2rem 0 .2rem 1.15rem;border-left:3px solid var(--accent);font-family:var(--serif);font-size:1.1rem;font-style:italic;color:var(--fg)}.prose blockquote p:last-child{margin-bottom:0}.prose .callout{--tint:var(--accent);margin:1.9rem 0;padding:.95rem 1.1rem .95rem 1.15rem;border:1px solid color-mix(in srgb,var(--tint) 32%,var(--rule));border-left:3px solid var(--tint);border-radius:var(--radius);background:color-mix(in srgb,var(--tint) 8%,transparent)}.prose .callout>.callout-title{display:flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tint);margin-bottom:.4rem;font-weight:600}.prose .callout>p:last-child{margin-bottom:0}.prose .callout[data-kind=note]{--tint:#3b82f6}.prose .callout[data-kind=tip]{--tint:#10b981}.prose .callout[data-kind=important]{--tint:#8b5cf6}.prose .callout[data-kind=warning]{--tint:#f59e0b}.prose .callout[data-kind=danger]{--tint:#ef4444}.prose .callout[data-kind=quote]{--tint:var(--accent)}.prose figure.code{margin:1.9rem 0;border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;background:var(--codeBg)}.prose figure.code>figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem .6rem .4rem .85rem;border-bottom:1px solid var(--rule);background:var(--mark);font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.prose figure.code>figcaption .dots{display:flex;gap:.28rem;align-items:center}.prose figure.code>figcaption .dots i{width:8px;height:8px;border-radius:50%;background:var(--rule);display:block}.prose figure.code>figcaption .dots i:first-child{background:color-mix(in srgb,#ef4444 70%,var(--rule))}.prose figure.code>figcaption .dots i:nth-child(2){background:color-mix(in srgb,#f59e0b 70%,var(--rule))}.prose figure.code>figcaption .dots i:nth-child(3){background:color-mix(in srgb,#10b981 70%,var(--rule))}.prose figure.code figcaption .lang{flex:1 1}.prose figure.code button.copy{border:1px solid var(--rule);background:var(--bg);color:var(--dim);font-family:var(--mono);font-size:.68rem;padding:.18rem .45rem;border-radius:4px;text-transform:uppercase}.prose figure.code button.copy:hover{color:var(--fg);border-color:var(--dim)}.prose figure.code button.copy.done{color:#10b981;border-color:#10b981}.prose figure.code pre{margin:0;padding:.95rem 1rem;overflow-x:auto;font-size:.83rem;line-height:1.6}.prose figure.code pre code{font-family:var(--mono);background:none;border:0;padding:0;white-space:pre}.hljs-comment,.hljs-quote{color:var(--syn-com);font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:var(--syn-key)}.hljs-addition,.hljs-regexp,.hljs-string{color:var(--syn-str)}.hljs-bullet,.hljs-number,.hljs-symbol{color:var(--syn-num)}.hljs-name,.hljs-section,.hljs-title,.hljs-title.function_{color:var(--syn-fn)}.hljs-attr,.hljs-built_in,.hljs-class .hljs-title,.hljs-type{color:var(--syn-type)}.hljs-tag{color:var(--syn-tag)}.hljs-operator,.hljs-punctuation{color:var(--syn-punct)}.hljs-params,.hljs-template-variable,.hljs-variable{color:var(--fg)}.hljs-meta{color:var(--syn-com)}.hljs-deletion{color:#ef4444}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:600}.prose kbd{font-family:var(--mono);font-size:.78em;line-height:1;padding:.22em .45em;border:solid var(--rule);border-width:1px 1px 2px;border-radius:4px;background:var(--mark);color:var(--fg);white-space:nowrap}.prose mark{background:color-mix(in srgb,var(--accent) 26%,transparent);color:inherit;padding:.05em .2em;border-radius:3px}.prose .tablewrap{overflow-x:auto;margin:1.9rem 0;border:1px solid var(--rule);border-radius:var(--radius)}.prose table{border-collapse:collapse;width:100%;font-size:.88rem}.prose thead th{background:var(--mark);font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--dim);text-align:left}.prose td,.prose th{padding:.5rem .75rem;border-bottom:1px solid var(--rule)}.prose tbody tr:last-child td{border-bottom:0}.prose tbody tr:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.prose figure:not(.code){margin:2rem 0}.prose figure:not(.code) img{border-radius:var(--radius);border:1px solid var(--rule)}.prose figcaption{font-size:.8rem;color:var(--faint);text-align:center;margin-top:.5rem}.prose details{border:1px solid var(--rule);border-radius:var(--radius);padding:.7rem .9rem;margin:1.5rem 0}.prose details summary{cursor:pointer;font-weight:550}.prose sup a{font-family:var(--mono);font-size:.7em}.prose .footnotes{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--rule);font-size:.88rem;color:var(--dim)}.tp{position:relative}.tp-btn{display:flex;align-items:center;gap:.4rem;border:0;background:none;color:inherit;font-size:.8rem;padding:0}.tp-swatch{display:inline-flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:2px;width:18px;height:18px;border-radius:4px;overflow:hidden}.tp-swatch i{display:block;height:2px;width:100%;border-radius:2px}.tp-swatch.big{width:20px;height:20px}.tp-btn .tp-swatch{width:15px;height:15px}.tp-panel{position:absolute;right:0;top:calc(100% + .6rem);z-index:40;width:17.5rem;max-height:22rem;overflow-y:auto;background:var(--bg);border:1px solid var(--rule);border-radius:8px;box-shadow:0 14px 40px -12px rgba(0,0,0,.35);padding:.5rem}.tp-group{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);padding:.5rem .5rem .3rem}.tp-item{display:flex;align-items:center;gap:.6rem;width:100%;border:0;background:none;color:var(--fg);padding:.4rem .5rem;border-radius:5px;font-size:.85rem;text-align:left}.tp-item:hover{background:var(--mark)}.tp-item[aria-current=true]{background:var(--accentSoft)}.tp-item .tp-swatch{border:1px solid var(--rule)}.tp-item span.check{margin-left:auto;color:var(--accent);font-size:.8rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}