:root{--bg:#0b0d0c;--card:#101413;--hair:#1e2421;--hair2:#2e3632;--head:#eef2ee;--body:#c6cec9;--dim:#949e97;--mut:#707b74;--navbg:#0b0d0ce6;--accent:#4ade8f;--ink:#0b0d0c;--on-accent:var(--ink);--mono:"JetBrains Mono", ui-monospace, "Menlo", monospace}:root[data-theme=light]{--bg:#fafaf7;--card:#fff;--hair:#e6e6df;--hair2:#c9c9c0;--head:#101310;--body:#2b312c;--dim:#4d564f;--mut:#6c756e;--navbg:#fafaf7eb;--accent:#0b7a48;--on-accent:#fafaf7}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--hair2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mut)}body{background:var(--bg);color:var(--body);font-family:var(--mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100svh;line-height:1.7;transition:background .25s;display:flex}.accent{color:var(--accent)}.skip-link{background:var(--accent);color:var(--on-accent);z-index:100;padding:6px 14px;font-size:.75rem;text-decoration:none;transition:top .15s;position:absolute;top:-48px;left:12px}.skip-link:focus{top:4px}.nav{z-index:10;border-bottom:1px solid var(--hair);background:var(--navbg);-webkit-backdrop-filter:blur(8px);justify-content:space-between;align-items:center;padding:20px 64px;display:flex;position:sticky;top:0}.logo{color:var(--head);align-items:baseline;gap:.2em;font-size:1.5rem;font-weight:700;line-height:1;text-decoration:none;display:flex}.logo-block{background:var(--accent);width:.55em;height:.2em;display:inline-block}.logo--sm{font-size:.94rem}.nav-links{align-items:center;gap:32px;font-size:.78rem;display:flex}.nav-links a{color:var(--mut);text-decoration:none}.nav-links a.accent{color:var(--accent)}.nav-links a:hover{opacity:.75}.theme-btn{border:1px solid var(--hair2);cursor:pointer;user-select:none;background:0 0;align-items:center;gap:6px;padding:7px 10px;display:flex}.theme-btn:hover{opacity:.75}.theme-dot{background:var(--hair2);border-radius:50%;width:7px;height:7px;transition:background .2s}.theme-dot--active{background:var(--accent)}main{flex:1}.hero,.sec{border-top:1px solid var(--hair);padding:26px 64px 64px}.hero{border-top:none}footer{border-top:1px solid var(--hair);color:var(--mut);justify-content:space-between;align-items:center;padding:18px 64px;font-size:.72rem;display:flex}.hero{max-width:1060px;padding:110px 64px 80px}.prompt{margin-bottom:22px;font-size:.81rem}.hero h1{letter-spacing:-.01em;color:var(--head);text-wrap:pretty;max-width:860px;font-size:clamp(1.9rem,4.4vw,3.4rem);font-weight:700;line-height:1.2}.cursor{background:var(--accent);vertical-align:-.1em;width:.44em;height:.84em;margin-left:8px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.hero-divider{background:var(--accent);width:56px;height:2px;margin-top:28px}.hero-tagline{letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-top:24px;font-size:.875rem}.hero-intro{color:var(--dim);max-width:640px;margin-top:28px;font-size:.94rem;line-height:1.75}.btn-row{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.btn{color:var(--body);border:1px solid var(--hair2);padding:13px 24px;font-size:.81rem;text-decoration:none}.btn:hover{opacity:.75}.btn--primary{color:var(--on-accent);background:var(--accent);border:none;font-weight:500}.sec-hdr{color:var(--mut);font-size:.75rem;font-weight:400}.card{border:1px solid var(--hair);background:var(--card);margin:-1px 0 0 -1px;padding:34px 36px}.card-tag{margin-bottom:14px;font-size:.72rem}.card h3{color:var(--head);font-size:1.19rem;font-weight:500;line-height:1.45}.card-desc{color:var(--dim);margin-top:12px;font-size:.81rem;line-height:1.75}.chip-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.chip{color:var(--mut);border:1px solid var(--hair2);padding:4px 9px;font-size:.66rem}.work-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;display:grid}.work-grid .card{margin:0}@media (width<=1000px){.work-grid{grid-template-columns:1fr}}.card--solo{max-width:640px;margin:26px 0 0}.card-desc code{color:var(--head);background:0 0}.pkg-meta{margin-top:16px}.pkg-install{border:1px solid var(--hair2);color:var(--head);padding:6px 14px;font-size:.72rem;display:inline-block}.pkg-install:before{content:"$ ";color:var(--mut)}.card-links{gap:22px;margin-top:18px;font-size:.78rem;display:flex}.card-links a{color:var(--accent);text-decoration:none}.card-links a:hover{opacity:.75}.term{border:1px solid var(--hair);background:var(--card);max-width:860px;margin-top:30px}.term-bar{border-bottom:1px solid var(--hair);align-items:center;gap:7px;padding:14px 20px;display:flex}.term-dot{background:var(--hair2);border-radius:50%;width:10px;height:10px}.term-dot--accent{background:var(--accent)}.term-path{color:var(--mut);margin-left:10px;font-size:.72rem}.term-body{padding:32px 36px 36px}.term-mut{color:var(--mut)}.writing-list{flex-direction:column;gap:9px;margin:16px 0 0;padding:0;list-style:none;display:flex}.writing-list a{color:var(--body);align-items:baseline;gap:16px;font-size:.81rem;text-decoration:none;display:flex}.writing-list a:hover{opacity:.75}.writing-date{color:var(--mut);flex:none}.writing-note{color:var(--dim);margin-top:16px;font-size:.81rem;line-height:1.8}.writing-note a{color:var(--accent);border-bottom:1px solid var(--hair2);text-decoration:none}.writing-note a:hover{opacity:.75}.term-cursor-row{border-top:1px solid var(--hair);align-items:center;gap:12px;margin-top:24px;padding-top:22px;display:flex}.term-dollar{color:var(--body);font-size:.81rem}.cursor--block{width:11px;height:15px;margin-left:0}.term-hint{color:var(--mut);font-size:.75rem}.stack-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;display:grid}@media (width<=1000px){.stack-grid{grid-template-columns:1fr}}.stack-card{margin:0}.stack-list{color:var(--body);flex-direction:column;gap:14px;font-size:.81rem;list-style:none;display:flex}.stack-list li{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.stack-freq{color:var(--mut);white-space:nowrap;font-size:.66rem}.stack-freq.accent{color:var(--accent)}.chip-row--stack{align-items:center;margin-top:28px}.stack-also{color:var(--mut);margin-right:8px;font-size:.72rem}.chip--lg{color:var(--dim);padding:5px 12px;font-size:.6875rem}.sec--contact{padding:80px 64px 90px}.sec--contact .prompt{margin-bottom:20px}.contact-lede{color:var(--head);text-wrap:pretty;max-width:720px;font-size:clamp(1.4rem,3vw,2.12rem);font-weight:500;line-height:1.4}.sec--contact .btn-row{margin-top:36px}a:focus-visible,.theme-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.cursor{opacity:1}}@media (width<=760px){.nav{flex-wrap:wrap;gap:8px 16px;padding:14px 22px}.nav-links{flex-wrap:wrap;gap:14px;font-size:.72rem}.hero{padding:64px 22px 56px}.sec{padding:24px 22px 48px}.sec--contact{padding:56px 22px 64px}footer{flex-wrap:wrap;gap:8px;padding:16px 22px}.card{padding:24px 22px}.stack-grid{grid-template-columns:1fr;gap:28px}.work-grid{grid-template-columns:1fr}.term-bar{padding:12px 16px}.term-body{padding:24px 22px 28px}.btn-row .btn{text-align:center;width:100%}}