:root{color-scheme:light;--paper:#f2f5ec;--ink:#292929;--muted:#555950;--blue:#005bea;--rule:#c8d0bf;--avatar:#e3e9da}
:root[data-theme="dark"]{color-scheme:dark;--paper:#202737;--ink:#e7eaf1;--muted:#b5bdcd;--blue:#80baff;--rule:#465066;--avatar:#303d53}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;color:var(--ink);font:16px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}a{color:var(--blue);text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}button,input{font:inherit}button{color:inherit;cursor:pointer}a,button,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px dashed var(--blue);outline-offset:5px}.shell{width:min(100% - 32px,736px);margin:auto;min-height:100svh;display:flex;flex-direction:column}.skip{position:fixed;top:-100px;left:16px;background:var(--paper);padding:12px;z-index:10}.skip:focus{top:8px}header{min-height:85px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:24px;font-weight:700;line-height:1.3;color:var(--ink);white-space:nowrap}nav{display:flex;align-items:center;gap:24px}nav>a{color:var(--ink)}nav a[aria-current=page]{text-decoration:underline;text-decoration-style:dashed;text-decoration-color:var(--blue)}.icon-button{border:0;background:none;padding:10px;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.icon-button:hover{color:var(--blue)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.theme-sun{display:none}[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}main{flex:1}.intro{display:flex;gap:24px;align-items:center;padding:24px 0 16px;border-bottom:1px solid var(--rule)}.avatar{flex:none;width:160px;height:160px;border-radius:50%;overflow:hidden;background:var(--avatar);display:grid;place-items:center;color:var(--ink);font-size:52px;font-weight:700;letter-spacing:-5px}.avatar:hover{text-decoration:none;background:var(--rule)}.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar .photo-dark{display:none}[data-theme=dark] .avatar .photo-dark{display:block}[data-theme=dark] .avatar .photo-light{display:none}h1{font-size:30px;line-height:1.3;letter-spacing:-.7px;margin:0 0 16px}.intro p{margin:0;max-width:48ch}.social{display:flex;gap:0;margin-top:12px}.social-links{display:inline-flex;align-items:center;gap:0}.social a{color:var(--ink)}.posts{list-style:none;margin:0;padding:76px 0 0}.posts li{margin:0 0 32px}.posts h2{font-size:18px;line-height:1.55;font-weight:400;margin:0}.meta{color:var(--muted);font-size:14px;font-style:italic;margin:0 0 12px}.meta svg{width:18px;height:18px;margin-right:8px}.posts p{color:var(--muted);margin:10px 0 0}.posts time{display:block;margin-top:2px;font-size:14px;color:var(--muted);opacity:.75}.all-posts{text-align:center;margin:80px 0 100px}.all-posts a{color:var(--ink);padding:12px}.all-posts svg{margin-left:8px}footer{border-top:1px solid var(--rule);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}footer a{color:var(--ink)}.footer-links{display:flex;align-items:center;gap:18px}.page{padding:40px 0 80px}.breadcrumb{display:block;color:var(--muted);font-size:14px;margin-bottom:28px}.page h1{margin-bottom:20px}.page h2{font-size:21px;margin:32px 0 12px}.page p{max-width:70ch}.page .posts{padding-top:24px}.search-label{display:block;margin:24px 0 8px}input[type=search]{width:100%;padding:12px 14px;border:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink)}[hidden]{display:none!important}.search-status{font-size:14px;color:var(--muted)}.tool-list{padding-left:24px}.tool-list li{margin-bottom:20px}.tool-list p{margin:4px 0;color:var(--muted)}
@media(max-width:640px){header{gap:12px;flex-wrap:wrap;padding:20px 0 12px}.brand{font-size:22px}nav{gap:12px;margin-left:-10px;width:100%;justify-content:space-between}nav>a:not(.icon-button){padding:10px}.intro{flex-direction:column;text-align:center;padding:28px 0 24px;gap:20px}.avatar{width:128px;height:128px;font-size:44px}.intro h1{font-size:27px}.social{justify-content:center}.posts{padding-top:44px}.all-posts{margin:48px 0 64px}footer{flex-wrap:wrap;font-size:13px;gap:12px}.page{padding-top:28px}h1{font-size:27px}.footer-links{gap:16px}}
.tldr-link{position:relative;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.tldr-link svg{position:absolute;left:14px;top:24px;width:22px;height:22px;fill:var(--paper);pointer-events:none;transform-origin:10px 2px;animation:tldr-hand 2.2s ease-in-out .35s both}.tldr-link::after{content:"";position:absolute;left:10px;top:12px;width:28px;height:28px;border-radius:50%;background:currentColor;pointer-events:none;animation:tldr-ripple 2.2s ease-out .35s both}@keyframes tldr-hand{0%{opacity:0;filter:blur(6px);transform:translate(-22px,20px) scale(1.5)}22%{opacity:1;filter:blur(0);transform:translate(-22px,20px) scale(1)}52%{transform:translate(0,0) scale(1)}60%{transform:translate(0,1px) scale(.82)}68%{transform:translate(0,0) scale(1)}82%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(6px,8px) scale(.95)}}@keyframes tldr-ripple{0%,58%{opacity:0;transform:scale(0)}60%{opacity:.35;transform:scale(.3)}85%,100%{opacity:0;transform:scale(1.6)}}@media(prefers-reduced-motion:reduce){.tldr-link svg,.tldr-link::after{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.faq-head{display:flex;align-items:center;margin:32px 0 8px}.page .faq-head h2{margin:0}.faq-toggle{border:0;background:none;padding:10px;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--muted)}.faq summary{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq h3{margin:0;line-height:1.5;color:var(--muted);transition:color .2s}.faq summary:hover h3,.faq details[open]>summary h3{color:var(--ink)}.faq details>p{margin:4px 0 16px}.faq-arrow{flex:none;width:16px;height:16px;opacity:.45;transform:rotate(-90deg);transition:transform .2s,opacity .2s}.faq summary:hover .faq-arrow,.faq-toggle:hover .faq-arrow{opacity:.85}.faq details[open]>summary .faq-arrow,.faq-toggle[aria-expanded=true] .faq-arrow{transform:none}.faq-arrow-all{width:18px;height:18px}.page .disclaimer{margin:96px 0 0;font-size:13px;color:var(--muted);opacity:.85}@media(prefers-reduced-motion:reduce){.faq-arrow,.faq h3{transition:none}}