@font-face{font-family:chakra petch;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/ChakraPetch-500.woff2)format('woff2')}@font-face{font-family:chakra petch;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/ChakraPetch-600.woff2)format('woff2')}@font-face{font-family:chakra petch;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/ChakraPetch-700.woff2)format('woff2')}@font-face{font-family:ibm plex sans;font-weight:400 600;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexSans.woff2)format('woff2')}@font-face{font-family:jetbrains mono;font-weight:400 500;font-style:normal;font-display:swap;src:url(/fonts/JetBrainsMono.woff2)format('woff2')}:root{--bg:#05060d;--ink:#e9edff;--mut:#8f99c2;--line:rgba(120,140,255,.17);--mag:#ff3fa4;--cya:#35d4ff;--glass:rgba(13,19,40,.72);--code:#0e1630;--f-display:'Chakra Petch', system-ui, sans-serif;--f-body:'IBM Plex Sans', system-ui, sans-serif;--f-mono:'JetBrains Mono', ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--f-body);position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}body::before{content:'';position:absolute;inset:0 0 auto 0;height:700px;pointer-events:none;z-index:-1;background:radial-gradient(60% 50% at 15% 10%,rgba(255,63,164,.16),transparent 70%),radial-gradient(50% 45% at 90% 25%,rgba(53,212,255,.14),transparent 70%)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3{text-wrap:balance}:focus-visible{outline:2px solid var(--cya);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;position:sticky;top:0;z-index:10;background:rgba(5,6,13,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.logo{font:700 19px var(--f-display);letter-spacing:.01em}.logo span{color:var(--cya)}.nav nav{display:flex;align-items:center;gap:22px;font-size:14px;color:var(--mut)}.nav-link:hover{color:var(--ink)}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,63,164,.55);color:#ff7cc0;padding:6px 13px;border-radius:999px;font-size:13px;font-weight:500;transition:background .2s}.pill:hover{background:rgba(255,63,164,.12)}.pill svg{width:14px;height:14px}.hero{max-width:1420px;margin:18px auto 0;padding-inline:28px}.hero img{display:block;width:100%;border-radius:16px;border:1px solid var(--line);-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent);box-shadow:0 0 80px rgba(255,63,164,.12)}.intro{max-width:1180px;margin:-34px auto 0;padding:0 28px;position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap}.intro h1{font:700 clamp(32px,5.2vw,54px)/1.04 var(--f-display);letter-spacing:-.01em;max-width:14ch;margin:0}.intro h1 em{font-style:normal;background:linear-gradient(90deg,var(--mag),var(--cya));-webkit-background-clip:text;background-clip:text;color:transparent}.intro p{color:var(--mut);max-width:44ch;margin:0}.wrap{max-width:1180px;margin:44px auto 0;padding-inline:28px;display:flex;flex-direction:column;gap:44px}.sec{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.sec h2{font:600 13px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:0}.sec h2::before{content:'// ';color:var(--mag)}.sec a{color:var(--cya);font-size:14px;font-weight:500}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--glass);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column}.card:hover{border-color:rgba(255,63,164,.5);box-shadow:0 0 40px rgba(255,63,164,.16);transform:translateY(-2px)}.card img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}.card .bd{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.card h3{font:600 20px/1.2 var(--f-display);margin:0}.card p{margin:0;color:var(--mut);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font:500 11.5px var(--f-mono);color:var(--mut);text-transform:uppercase;letter-spacing:.06em}.tag{--c:var(--cya);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);padding:2px 8px;border-radius:5px}a.tag:hover{background:color-mix(in srgb,var(--c) 14%,transparent)}[data-tag=linux]{--c:#b192ff}[data-tag=omarchy]{--c:#35d4ff}[data-tag=plugins]{--c:#3dffb0}[data-tag=self-hosted]{--c:#ffb347}[data-tag=ai-crew]{--c:#ff3fa4}.feature{display:grid;grid-template-columns:1.25fr 1fr}.feature img{height:100%;aspect-ratio:auto;min-height:280px}.feature .bd{padding:34px;justify-content:center;gap:14px}.feature h2{font:700 clamp(26px,3.4vw,38px)/1.08 var(--f-display);margin:0}.feature p{font-size:16px;-webkit-line-clamp:4}.more{color:var(--cya);font-weight:500;font-size:14px}.proj{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}#projects{scroll-margin-top:90px}.project-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:linear-gradient(160deg,rgba(53,212,255,7%),transparent 60%);display:flex;flex-direction:column;gap:8px}.project-card h3{font:600 18px var(--f-display);margin:0}.project-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:12px;font-size:14px}.project-links a{color:var(--cya);text-decoration:underline;text-underline-offset:3px}.project-links a:hover{color:var(--ink)}.proj p{margin:0;color:var(--mut);font-size:14.5px}.proj small{font:500 11px var(--f-mono);color:var(--cya);letter-spacing:.08em;text-transform:uppercase}.page-head{gap:10px}.page-title{font:700 clamp(32px,5vw,48px)/1.05 var(--f-display);margin:0}.lede{color:var(--mut);max-width:56ch;margin:0;font-size:18px}.topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.topics a{--c:var(--cya);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);border-radius:14px;padding:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 12%,transparent),transparent 70%);display:flex;flex-direction:column;gap:4px;transition:box-shadow .2s}.topics a:hover{box-shadow:0 0 36px color-mix(in srgb,var(--c) 25%,transparent)}.topics b{font:700 22px var(--f-display);color:var(--c)}.topics span{color:var(--mut);font-size:14px}.pager{display:flex;justify-content:space-between;align-items:center;color:var(--mut);font-size:14px}.pager a{color:var(--cya);font-weight:500}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:20;background:linear-gradient(90deg,var(--mag),var(--cya));transform:scaleX(0);transform-origin:0 50%}.phero{max-width:1100px;margin:18px auto 0;padding-inline:28px}.phero img{display:block;width:100%;aspect-ratio:1200/520;object-fit:cover;border-radius:16px;border:1px solid var(--line);box-shadow:0 0 80px rgba(53,212,255,.12)}.post-grid{display:grid;grid-template-columns:minmax(0,760px);justify-content:center;gap:0 56px;padding-inline:28px}.ptitle{margin-top:34px;display:flex;flex-direction:column;gap:14px}.ptitle h1{font:700 clamp(34px,5vw,52px)/1.04 var(--f-display);margin:0;letter-spacing:-.01em}.dek{color:var(--mut);font-size:19px;margin:0}.prose{margin-top:30px;font-size:18px;line-height:1.75;color:#d3d9f2;overflow-wrap:break-word}.prose>*{margin:0 0 1.15em}.prose h2{font:700 27px/1.2 var(--f-display);color:var(--ink);margin:1.9em 0 .6em;padding-left:14px;border-left:3px solid var(--mag);scroll-margin-top:80px}.prose h3{font:600 21px/1.25 var(--f-display);color:var(--ink);margin:1.6em 0 .5em}.prose a{color:var(--cya);text-decoration:underline;text-decoration-color:rgba(53,212,255,.4);text-underline-offset:3px}.prose a:hover{text-decoration-color:var(--cya)}.prose strong{color:#fff}.prose em{color:#fff}.prose code{font:500 .86em var(--f-mono);background:var(--code);border:1px solid var(--line);color:var(--cya);padding:2px 6px;border-radius:5px}.prose pre{background:#0a1022!important;border:1px solid var(--line);border-radius:12px;padding:16px 18px;overflow-x:auto;font-size:14.5px;line-height:1.6}.prose pre code{background:0 0;border:0;padding:0;color:inherit;font-size:inherit}.prose blockquote{margin-inline:0;padding:4px 0 4px 18px;border-left:3px solid var(--cya);color:var(--mut)}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin-bottom:.4em}.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.prose img{border-radius:12px;border:1px solid var(--line)}.prose table{border-collapse:collapse;display:block;overflow-x:auto;font-size:16px}.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left}.toc{display:none}.pn{max-width:1100px;margin-top:54px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.pn:empty{display:none}.pn>div{display:flex;flex-direction:column;gap:8px}.pn>div>.card{flex:1}.pn small{font:500 11px var(--f-mono);color:var(--mag);letter-spacing:.1em;text-transform:uppercase}.foot{max-width:1180px;margin:64px auto 0;padding:26px 28px 40px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;color:var(--mut);font-size:13px}.foot .links{display:flex;flex-wrap:wrap;gap:18px}.foot a:hover{color:var(--ink)}@media(min-width:1240px){.post-grid.has-toc{grid-template-columns:minmax(0,760px)220px}.toc{display:block;grid-column:2;grid-row:1;align-self:start;position:sticky;top:90px;margin-top:40px;font-size:13.5px}.toc h2{font:500 11.5px var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mut);margin:0 0 10px}.toc ul{list-style:none;margin:0;padding:0}.toc nav,.toc #TableOfContents{margin:0}.toc a{display:block;color:var(--mut);padding:5px 0 5px 12px;border-left:2px solid var(--line);line-height:1.35}.toc a:hover{color:var(--ink);border-color:var(--cya)}}@media(max-width:860px){.grid,.proj{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav{padding:12px 16px}.nav nav{gap:14px}.logo{font-size:17px}.hero{padding-inline:0;margin-top:0}.hero img{border-radius:0;border-inline:0}.intro,.wrap,.foot,.phero,.post-grid{padding-inline:16px}.feature,.grid,.proj,.pn{grid-template-columns:1fr}.feature .bd{padding:20px}.feature img{min-height:0;aspect-ratio:1200/630;height:auto}.prose{font-size:17px}.phero img{aspect-ratio:1200/630}}@media(max-width:560px){.nav{flex-wrap:wrap;gap:8px}.nav nav{width:100%;justify-content:space-between;gap:8px}#projects{scroll-margin-top:120px}}.bg{color:#f8f8f2;background-color:#282a36}.chroma{color:#f8f8f2;background-color:#282a36}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#3d3f4a}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#ff79c6}.chroma .kc{color:#ff79c6}.chroma .kd{color:#8be9fd;font-style:italic}.chroma .kn{color:#ff79c6}.chroma .kp{color:#ff79c6}.chroma .kr{color:#ff79c6}.chroma .kt{color:#8be9fd}.chroma .na{color:#50fa7b}.chroma .nb{color:#8be9fd;font-style:italic}.chroma .nc{color:#50fa7b}.chroma .nf{color:#50fa7b}.chroma .nl{color:#8be9fd;font-style:italic}.chroma .nt{color:#ff79c6}.chroma .nv{color:#8be9fd;font-style:italic}.chroma .vc{color:#8be9fd;font-style:italic}.chroma .vg{color:#8be9fd;font-style:italic}.chroma .vi{color:#8be9fd;font-style:italic}.chroma .s{color:#f1fa8c}.chroma .sa{color:#f1fa8c}.chroma .sb{color:#f1fa8c}.chroma .sc{color:#f1fa8c}.chroma .dl{color:#f1fa8c}.chroma .sd{color:#f1fa8c}.chroma .s2{color:#f1fa8c}.chroma .se{color:#f1fa8c}.chroma .sh{color:#f1fa8c}.chroma .si{color:#f1fa8c}.chroma .sx{color:#f1fa8c}.chroma .sr{color:#f1fa8c}.chroma .s1{color:#f1fa8c}.chroma .ss{color:#f1fa8c}.chroma .m{color:#bd93f9}.chroma .mb{color:#bd93f9}.chroma .mf{color:#bd93f9}.chroma .mh{color:#bd93f9}.chroma .mi{color:#bd93f9}.chroma .il{color:#bd93f9}.chroma .mo{color:#bd93f9}.chroma .o{color:#ff79c6}.chroma .ow{color:#ff79c6}.chroma .c{color:#6272a4}.chroma .ch{color:#6272a4}.chroma .cm{color:#6272a4}.chroma .c1{color:#6272a4}.chroma .cs{color:#6272a4}.chroma .cp{color:#ff79c6}.chroma .cpf{color:#ff79c6}.chroma .gd{color:#f55}.chroma .ge{text-decoration:underline}.chroma .gh{font-weight:700}.chroma .gi{color:#50fa7b;font-weight:700}.chroma .go{color:#44475a}.chroma .gu{font-weight:700}.chroma .gl{text-decoration:underline}