pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}
.article-section{z-index:2;min-height:100vh;padding:130px 0 40px;position:relative}.article-inner{z-index:5;max-width:960px;padding-inline:var(--layout-gutter);margin:0 auto;position:relative}.art-crumb{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:10px;margin-bottom:48px;font-size:11px;display:flex}.art-crumb a{color:var(--ink-dim);text-decoration:none;transition:color .18s}.art-crumb a:hover{color:var(--ink)}.art-crumb .sep{opacity:.4}.art-tags{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.art-tag{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--brand-soft);border:1px solid rgb(var(--brand-rgb) / .3);border-radius:999px;padding:5px 14px;font-size:11px}.art-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0 0 20px;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.06}.art-excerpt{font-family:var(--font-ui);color:var(--ink-dim);margin:0 0 32px;font-size:18px;line-height:1.62}.art-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:48px;padding:20px 0;display:flex}.art-meta-author{display:contents}.art-meta-avatar{object-fit:cover;border:1px solid var(--img-edge);border-radius:50%;flex-shrink:0;width:42px;height:42px}.art-meta-name{font-family:var(--font-ui);color:var(--ink);font-size:14px;font-weight:600}.art-meta-role{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px;font-size:10px}.art-meta-sep{background:var(--line-2);flex-shrink:0;width:1px;height:28px}.art-meta-date,.art-meta-read{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.art-hero{aspect-ratio:16/9;border:1px solid var(--img-edge);border-radius:20px;margin-bottom:56px;position:relative;overflow:hidden}.art-hero img{object-fit:cover;width:100%;height:100%;display:block}.art-body h2{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:52px 0 18px;font-size:clamp(22px,2.8vw,30px);font-weight:800;line-height:1.16}.art-body h3{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:34px 0 12px;font-size:18px;font-weight:600}.art-body p{font-family:var(--font-ui);color:var(--ink-dim);text-wrap:pretty;margin:0 0 22px;font-size:17px;line-height:1.76}.art-body blockquote{border-inline-start:3px solid var(--brand);background:rgb(var(--brand-rgb) / .06);border-radius:0 14px 14px 0;margin:40px 0;padding:22px 26px}.art-body blockquote p{font-family:var(--font-display);color:var(--ink);margin:0;font-size:19px;font-style:italic;font-weight:500;line-height:1.5}html[data-theme=light] .art-body blockquote{background:rgb(var(--brand-rgb) / .05)}.art-body ul,.art-body ol{font-family:var(--font-ui);color:var(--ink-dim);margin:0 0 22px;padding-inline-start:26px;font-size:17px;line-height:1.76}.art-body li{margin-bottom:8px}.art-body strong{color:var(--ink);font-weight:600}.art-body code{font-family:var(--font-mono);background:var(--glass);border:1px solid var(--line-2);color:var(--brand-soft);border-radius:6px;padding:2px 7px;font-size:14px}.art-body pre{background:var(--glass);border:1px solid var(--line-2);border-radius:12px;margin:0 0 22px;padding:18px 20px;overflow-x:auto}.art-body pre code{color:var(--ink-dim);background:0 0;border:none;padding:0}html[data-theme=light] .art-body code{background:#1a0e1c0f}.art-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:64px;padding-top:40px;display:flex}.art-footer-back{font-family:var(--font-ui);color:var(--ink-dim);align-items:center;gap:9px;font-size:14px;font-weight:500;text-decoration:none;transition:color .18s;display:inline-flex}.art-footer-back:hover{color:var(--ink)}.art-footer-back svg{width:14px;height:14px}.clap-btn{cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:none;align-items:center;gap:4px;padding:0;transition:color .2s;display:flex}.clap-btn:hover svg{opacity:1!important}.clap-btn.is-clapped{color:var(--brand-soft)}.clap-btn.is-clapped svg{opacity:1!important}.clap-btn.clap-popped{animation:.35s cubic-bezier(.36,.07,.19,.97) clapPop}@keyframes clapPop{0%,to{transform:scale(1)}50%{transform:scale(1.45)rotate(-8deg)}}@media (max-width:900px){.article-section{padding:120px 0 80px}}@media (max-width:768px){.art-crumb{display:none}.art-excerpt{font-size:16px}}@media (max-width:560px){.art-meta-sep{display:none}.art-meta-author{flex-basis:100%;align-items:center;gap:16px;display:flex}.art-meta{row-gap:14px}.art-meta-date{border-inline-end:1px solid var(--line-2);padding-inline-end:14px}.art-body p,.art-body ul,.art-body ol{font-size:16px}}.art-related-head{margin-bottom:28px}.art-related-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(20px,2vw,28px);font-weight:800}.art-related-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.art-related-grid .story-card{width:auto;height:auto;margin-inline-start:0;position:static}.art-related-grid .story-card:hover{transform:translateY(-4px)scale(1.01)}.art-related-foot{margin-top:40px}@media (max-width:640px){.art-related-grid{grid-template-columns:1fr;gap:24px}}.comment-btn{cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:flex}.comment-btn:hover svg{opacity:1!important}.rp-overlay{z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#00000073;transition:opacity .25s;position:fixed;inset:0}.rp-overlay.rp-open{opacity:1;pointer-events:auto}.rp-panel{z-index:10001;background:var(--bg);border-inline-start:1px solid var(--line);flex-direction:column;width:min(500px,100vw);transition:transform .32s cubic-bezier(.2,0,0,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-24px 0 64px #00000047}.rp-panel[hidden]{display:flex!important}.rp-panel.rp-open{transform:translate(0)}.rp-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 28px 18px;display:flex}.rp-head-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.rp-head-title span{color:var(--ink-dim)}.rp-head-close{width:34px;height:34px;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.rp-head-close:hover{background:var(--glass);color:var(--ink)}.rp-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:22px;padding:24px 28px;display:flex;overflow-y:auto}.rp-auth{border:1px solid var(--line);background:var(--glass);border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:18px 20px;display:flex}.rp-auth-text{font-family:var(--font-ui);color:var(--ink-faint);text-align:center;margin:0;font-size:13px}.rp-google-btn{border:1px solid var(--line);width:100%;color:var(--ink-dim);font-family:var(--font-ui);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:13.5px;font-weight:500;transition:border-color .18s,color .18s,background .18s;display:flex}.rp-google-btn:hover{color:var(--ink);background:var(--glass);border-color:#ffffff4d}html[data-theme=light] .rp-google-btn:hover{border-color:#00000038}.rp-composer{gap:12px;display:flex}.rp-user-avatar{background:var(--glass);border:1px solid var(--line);width:36px;height:36px;font-family:var(--font-ui);color:var(--ink-faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex;overflow:hidden}.rp-user-avatar img{object-fit:cover;width:100%;height:100%}.rp-compose-col{flex-direction:column;flex:1;gap:10px;display:flex}.rp-textarea{resize:vertical;box-sizing:border-box;background:var(--glass);border:1px solid var(--line);width:100%;min-height:80px;font-family:var(--font-ui);color:var(--ink);border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .18s}.rp-textarea:focus{border-color:var(--brand-soft)}.rp-textarea::placeholder{color:var(--ink-faint)}.rp-compose-bar{justify-content:space-between;align-items:center;display:flex}.rp-fmt-row{gap:4px;display:flex}.rp-fmt-btn{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:background .15s,color .15s;display:flex}.rp-fmt-btn:hover{background:var(--glass);color:var(--ink)}.rp-submit-row{align-items:center;gap:8px;display:flex}.rp-btn-cancel{height:32px;font-family:var(--font-ui);color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 10px;font-size:13px;transition:color .15s}.rp-btn-cancel:hover{color:var(--ink)}.rp-btn-respond{background:var(--ink);height:32px;color:var(--bg);font-family:var(--font-ui);cursor:pointer;border:none;border-radius:8px;padding:0 16px;font-size:13px;font-weight:500;transition:opacity .15s}.rp-btn-respond:disabled{opacity:.35;cursor:not-allowed}.rp-btn-respond:not(:disabled):hover{opacity:.82}.rp-pending-note,.rp-rejected-note{font-family:var(--font-ui);color:var(--ink-faint);background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:12.5px;line-height:1.5}.rp-rejected-note{color:var(--error);border-color:color-mix(in oklab, var(--error) 40%, transparent);background:color-mix(in oklab, var(--error) 8%, transparent)}.rp-comment:has(.rp-rejected-note) .rp-comment-text{opacity:.6}.rp-filter-bar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:18px;display:flex}.rp-filter-label{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.rp-filter-select{appearance:none;background:var(--glass);border:1px solid var(--line);font-family:var(--font-ui);color:var(--ink-dim);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,.62)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:6px;outline:none;padding:5px 28px 5px 10px;font-size:12px;transition:border-color .15s}html[data-theme=light] .rp-filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(26,14,28,.66)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.rp-filter-select:focus{border-color:var(--brand-soft)}.rp-comments{flex-direction:column;gap:0;display:flex}.rp-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:52px 0;display:flex}.rp-empty p{font-family:var(--font-ui);color:var(--ink-faint);margin:0;font-size:14px;line-height:1.6}.rp-comment{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:20px 0;display:flex}.rp-comment-head{align-items:center;gap:10px;display:flex}.rp-comment-avatar{background:var(--glass);border:1px solid var(--img-edge);width:32px;height:32px;font-family:var(--font-ui);color:var(--ink-faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex;overflow:hidden}.rp-comment-avatar img{object-fit:cover;width:100%;height:100%}.rp-comment-meta{flex:1}.rp-comment-name{font-family:var(--font-ui);color:var(--ink);font-size:13.5px;font-weight:500}.rp-comment-date{font-family:var(--font-ui);color:var(--ink-faint);font-size:12px}.rp-comment-text{font-family:var(--font-ui);color:var(--ink-dim);font-size:14px;line-height:1.65}.rp-comment-footer{align-items:center;gap:16px;display:flex}.rp-comment-clap-btn{cursor:pointer;font-family:var(--font-ui);color:var(--ink-faint);background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:12px;transition:color .15s;display:flex}.rp-comment-clap-btn:hover{color:var(--ink)}.rp-comment-clap-btn svg{opacity:.6;transition:opacity .15s}.rp-comment-clap-btn:hover svg{opacity:1}.rp-comment-clap-btn.rp-clap-popped{animation:.32s cubic-bezier(.36,.07,.19,.97) clapPop}.rp-reply-btn{font-family:var(--font-ui);color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline;transition:color .15s}.rp-reply-btn:hover{color:var(--ink)}.rp-reply-box{margin-top:10px;display:none}.rp-reply-box.open{gap:10px;display:flex}.rp-reply-ta{resize:vertical;background:var(--glass);border:1px solid var(--line);min-height:60px;font-family:var(--font-ui);color:var(--ink);box-sizing:border-box;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:13px}.rp-reply-ta:focus{border-color:var(--brand-soft)}.rp-reply-ta::placeholder{color:var(--ink-faint)}.rp-reply-submit{background:var(--ink);height:30px;color:var(--bg);font-family:var(--font-ui);cursor:pointer;opacity:.4;border:none;border-radius:7px;align-self:flex-end;padding:0 14px;font-size:12px;font-weight:500;transition:opacity .15s,scale .12s}.rp-reply-submit:not(:disabled){opacity:1}.rp-reply-submit:not(:disabled):active{scale:.96}.rp-nested{border-inline-start:2px solid var(--line);margin-inline-start:28px;flex-direction:column;gap:16px;margin-top:16px;padding-inline-start:16px;display:flex}.rp-inline-mount{scroll-margin-top:90px}@media (max-width:768px){.rp-inline{border-top:1px solid var(--line);margin-top:40px;padding-top:28px;display:block}.rp-inline .rp-head-title{margin:0 0 18px}.rp-inline .rp-body{flex:none;gap:20px;padding:0;overflow:visible}.rp-textarea,.rp-reply-ta{font-size:16px}.rp-user-avatar{display:none}.rp-compose-bar{flex-wrap:wrap;gap:10px}.rp-fmt-btn{width:36px;height:36px}.rp-nested{margin-inline-start:12px;padding-inline-start:12px}.rp-reply-box.open{flex-direction:column}.rp-reply-submit{align-self:flex-end}.rp-inline-mount:has(.rp-inline)+.art-footer{border-top:none;margin-top:0;padding-top:28px}.rp-empty{border-bottom:1px solid var(--line)}}