*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f7f9;--grid:#141e3208;--grid-bold:#141e320e;--ink:#0f1419;--ink-soft:#4a5360;--ink-faint:#8a93a0;--panel:#fff;--line:#e4e7ec;--accent:#ff5a43;--green:#16a34a;--blue:#2563eb;--violet:#7c5cff;--page-top-padding:clamp(2rem, 6vh, 4rem);--mono:"JetBrains Mono", monospace;--sans:"Space Grotesk", system-ui, sans-serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{font-family:var(--mono);background:var(--bg);color:var(--ink);flex-direction:column;min-height:100%;line-height:1.5;display:flex;position:relative;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), linear-gradient(var(--grid-bold) 1px, transparent 1px), linear-gradient(90deg, var(--grid-bold) 1px, transparent 1px);z-index:0;pointer-events:none;opacity:0;background-size:28px 28px,28px 28px,140px 140px,140px 140px;animation:1.8s forwards grid-in;position:fixed;inset:0;-webkit-mask-image:radial-gradient(110% 70% at 50% 0,#000 30%,#0000 85%);mask-image:radial-gradient(110% 70% at 50% 0,#000 30%,#0000 85%)}@keyframes grid-in{to{opacity:1}}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#ff5a430e,#0000 62%);width:55vw;height:55vw;position:fixed;top:-15%;left:-8%}::selection{background:var(--accent);color:#fff}.topbar{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);letter-spacing:.04em;color:var(--ink-faint);background:#f6f7f9d9;flex-shrink:0;justify-content:space-between;align-items:center;padding:.95rem clamp(1.25rem,5vw,3.5rem);font-size:.74rem;display:flex;position:sticky;top:0}.topbar .brand{color:var(--ink);font-weight:700}.topbar .brand b{color:var(--accent)}.topbar nav{gap:1.4rem;display:flex}.topbar a{color:var(--ink-faint);text-decoration:none;transition:color .2s}.topbar a:hover{color:var(--accent)}.shell{z-index:1;width:100%;max-width:52rem;padding:var(--page-top-padding) clamp(1.25rem, 5vw, 3.5rem) clamp(2rem, 5vh, 3.5rem);flex-direction:column;flex:1 0 auto;justify-content:flex-start;gap:clamp(1.5rem,3.5vh,2.4rem);margin:0 auto;display:flex;position:relative}@media (height>=640px){html{height:100%}body{min-height:100%}.shell{min-height:auto;padding-top:var(--page-top-padding);flex:1 0 auto;padding-bottom:clamp(2rem,5vh,3.5rem);overflow:visible}}footer{z-index:1;border-top:1px solid var(--line);color:var(--ink-faint);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:.4rem;padding:.8rem clamp(1.25rem,5vw,3.5rem);font-size:.66rem;display:flex;position:relative}.reveal{opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) forwards rise;transform:translateY(10px)}@keyframes rise{to{opacity:1;transform:none}}.d1{animation-delay:60ms}.d2{animation-delay:.16s}.d3{animation-delay:.26s}.d4{animation-delay:.36s}.cmd-pill{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:clamp(.75rem,2vh,1.4rem);padding:.38rem .9rem;font-size:.74rem;display:inline-flex;box-shadow:0 1px 8px #141e320d}.cmd-pill .chev{color:var(--accent);font-weight:700}.cmd-pill b{color:var(--accent)}.caret{background:var(--accent);width:6px;height:.9em;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.glabel{color:var(--ink-faint);margin-bottom:.5rem;font-size:.72rem}.glabel .dollar{color:var(--accent)}.name{font-family:var(--sans);letter-spacing:-.03em;color:var(--ink);margin-bottom:.65rem;font-size:clamp(2rem,7vw,4rem);font-weight:700;line-height:.94}.role{font-family:var(--sans);color:var(--ink-soft);font-size:clamp(.9rem,2.2vw,1.1rem);font-weight:500}.role .arrow{font-family:var(--mono);color:var(--green);margin-right:.3rem;font-size:.85em}.codeblock{font-size:clamp(.78rem,1.8vw,.84rem);line-height:1.85}.codeblock .ln{color:var(--violet)}.codeblock .kw{color:var(--blue)}.codeblock .key{color:var(--accent)}.codeblock .str{color:var(--green)}.codeblock .punc{color:var(--ink-faint)}.codeblock .indent{padding-left:2.2ch}.codeblock .comment{color:var(--ink-faint)}.codeblock .out{color:var(--ink-soft);padding-left:2.2ch;line-height:1.72;display:block}.codeblock .out strong{color:var(--ink);font-weight:600}.focus-label{color:var(--ink-faint);margin-bottom:.5rem;font-size:.72rem}.focus-label .dollar{color:var(--accent)}.focus-block{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:.5rem;padding:clamp(.75rem,1.8vh,1.2rem) 0;display:flex}.focus-who{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.focus-company{font-family:var(--sans);color:var(--ink);letter-spacing:-.01em;font-size:clamp(.82rem,1.8vw,.88rem);font-weight:700}.focus-role{color:var(--ink-faint);font-size:.72rem}.focus-desc{color:var(--ink-soft);font-size:clamp(.78rem,1.8vw,.84rem);line-height:1.72}.focus-desc strong{color:var(--ink);font-weight:600}.bottom-row{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.divider{background:var(--line);flex-shrink:0;width:1px;height:24px}.socials{gap:.45rem;display:flex}.soc{background:var(--panel);border:1px solid var(--line);width:36px;height:36px;color:var(--ink-soft);border-radius:9px;place-items:center;text-decoration:none;transition:transform .18s,border-color .18s,color .18s,background .18s;display:grid}.soc:hover{border-color:var(--green);color:var(--green);background:#16a34a0d;transform:translateY(-2px)}.soc svg{width:15px;height:15px}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.btn{font-family:var(--mono);white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;gap:.35rem;padding:.6rem 1rem;font-size:clamp(.74rem,1.8vw,.8rem);font-weight:500;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,color .18s,background .18s;display:inline-flex}.btn .p{opacity:.45}.btn-primary{background:var(--ink);color:var(--bg);box-shadow:0 3px 12px #0f141929}.btn-primary:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 7px 20px #ff5a434d}.btn-ghost{background:var(--panel);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:#ff5a430a;transform:translateY(-2px)}@media (width<=480px){.bottom-row{gap:.9rem}.divider{display:none}.bottom-row{flex-direction:column;align-items:flex-start}.codeblock{font-size:.76rem}.cmd-pill{font-size:.7rem}}.topbar nav a{color:var(--ink);letter-spacing:.08em;font-size:.68rem;font-weight:700}.blog-shell{z-index:1;width:100%;max-width:52rem;padding:var(--page-top-padding) clamp(1.25rem, 5vw, 3.5rem) clamp(2rem, 5vh, 3.5rem);flex-direction:column;flex:1 0 auto;justify-content:flex-start;margin:0 auto;display:flex;position:relative}.blog-command{margin-bottom:clamp(.75rem,2vh,1.4rem)}.blog-shell .glabel{margin-bottom:.5rem}.blog-title{font-family:var(--sans);letter-spacing:-.03em;margin-bottom:.65rem;font-size:clamp(2rem,7vw,4rem);font-weight:700;line-height:.94}.blog-title span{color:var(--accent)}.blog-intro{max-width:28rem;color:var(--ink-soft);margin-top:0;font-size:.84rem;line-height:1.72}.blog-intro .arrow{color:var(--green);margin-right:.3rem}.blog-list{margin-top:1.5rem;list-style:none}.blog-entry{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:.65rem;padding:.8rem 0;display:grid}.entry-index{color:var(--violet);align-self:start;padding-top:.1rem;font-size:.84rem}.entry-copy{min-width:0}.entry-link{color:var(--blue);font-family:var(--mono);align-items:baseline;gap:.5rem;font-size:.84rem;font-weight:500;text-decoration:none;display:inline-flex}.entry-link span,.entry-link:hover{color:var(--accent)}.article-metadata{color:var(--ink-faint);font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:.35rem .75rem;margin-top:.55rem;font-size:.64rem;line-height:1.5;display:flex}.article-metadata time{color:var(--ink-soft)}.metadata-tag{color:var(--violet)}.metadata-field>span{color:var(--accent)}.blog-group{border:0}.blog-group>.blog-list{border-left:1px solid var(--line);margin:0 0 .35rem .65rem;padding-left:.9rem}.group-heading{color:var(--ink);grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:.6rem;padding:.85rem 0;font-size:.76rem;font-weight:700;display:grid}.blog-empty{border-bottom:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;min-height:12rem;display:flex}.empty-mark{font-family:var(--sans);font-size:2.5rem;font-weight:700;line-height:1}.blog-empty p{font-size:.84rem;font-weight:700}.blog-empty>span:last-child{color:var(--ink-faint);font-size:.7rem}.article-shell{z-index:1;width:100%;max-width:52rem;padding:var(--page-top-padding) clamp(1.25rem, 5vw, 3.5rem) 3rem;flex:1 0 auto;margin:0 auto;position:relative}.article-title{font-family:var(--sans);letter-spacing:-.03em;margin-top:0;font-size:clamp(2rem,7vw,4rem);font-weight:700;line-height:.94}.article-date{color:var(--ink-faint);margin-top:1.3rem;font-size:.72rem;display:inline-block}.article-excerpt{max-width:36rem;color:var(--ink-soft);margin-top:2rem;font-size:1rem;line-height:1.8}.article-rule{background:var(--ink);border:0;height:2px;margin:2rem 0}.article-content{max-width:40rem;font-family:var(--mono);font-size:.84rem;line-height:1.85}.article-content>*+*{margin-top:1.35rem}.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-family:var(--sans);letter-spacing:-.04em;margin-top:2.5rem;font-weight:700;line-height:1.15}.article-content h2{font-size:1.8rem}.article-content h3{font-size:1.4rem}.article-content h4{font-size:1.1rem}.article-content h5{font-size:.98rem}.article-content h6{font-size:.9rem}.article-content ul{padding-left:1.3rem}.article-content li{padding-left:.35rem}.article-content li+li{margin-top:.5rem}.article-math{max-width:100%;padding:.15rem 0;font-size:.95em;overflow-x:auto}.article-math .katex-display{text-align:left;margin:.75rem 0}.inline-math{white-space:normal}.article-table-wrap{max-width:100%;overflow-x:auto}.article-table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.78rem;line-height:1.65}.article-table th,.article-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:.65rem .75rem}.article-table th{border-bottom:2px solid var(--ink);color:var(--ink);font-weight:700}.article-table tbody tr:nth-child(2n){background:#ffffff80}.article-content pre{background:var(--ink);color:var(--bg);font-family:var(--mono);padding:1.2rem;font-size:.78rem;line-height:1.7;overflow-x:auto}.mermaid-skeleton{border:1px solid var(--line);background:#ffffffb8;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(1rem,4vw,2.5rem);min-height:14rem;padding:clamp(1rem,4vw,2.5rem);display:grid}.mermaid-skeleton span{border:1px solid var(--line);background:linear-gradient(100deg,#eceef1 20%,#f8f9fa 38%,#eceef1 56%) 0 0/200% 100%;height:3rem;animation:1.4s ease-in-out infinite diagram-shimmer}@keyframes diagram-shimmer{to{background-position-x:-200%}}.mermaid-error{border:1px solid var(--line);color:var(--ink-soft);padding:1rem;font-size:.76rem}.mermaid-error summary{cursor:pointer}.mermaid-error pre{margin-top:1rem}.mermaid-diagram{text-align:center;max-width:100%;overflow-x:auto}.mermaid-diagram svg{max-width:100%;height:auto}.article-image{max-width:100%;height:auto;margin:1.5rem auto;display:block}.article-content :not(pre)>code{font-family:var(--mono);background:#eceef1;padding:.12rem .35rem;font-size:.86em}.article-content a{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.article-content a:hover{color:var(--accent)}.article-message{color:var(--ink-soft)}@media (width<=520px){.blog-entry{padding-inline:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}