.sup-methods{text-align:left;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:680px;margin-top:1.75rem;display:grid}@media (width<=640px){.sup-methods{grid-template-columns:1fr;max-width:340px}}.sup-method{border:1px solid var(--bp-hair);background:color-mix(in srgb, var(--bp-ink) 3.5%, transparent);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.sup-method-head{align-items:center;gap:8px;display:flex}.sup-method-logo{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:5px;flex:none;width:22px;height:22px;padding:3px}.sup-method-name{color:var(--bp-ink);font-family:Space Grotesk,system-ui,sans-serif;font-size:14px;font-weight:700}.sup-method-region{font-family:var(--bp-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bp-muted);border:1px solid var(--bp-hair);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:9px}.sup-method-hint{color:var(--bp-muted);font-size:12px;line-height:1.4}.sup-account{border:1px solid var(--bp-hair);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;height:42px;padding:0 6px 0 12px;transition:border-color .2s;display:flex}.sup-account:hover,.sup-account:focus-visible{border-color:var(--bp-acc);outline:none}.sup-account-no{min-width:0;font-family:var(--bp-mono);letter-spacing:.03em;color:var(--bp-ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.sup-copy-btn{font-family:var(--bp-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bp-acc);border:1px solid var(--bp-acc);border-radius:6px;flex:none;padding:5px 9px;font-size:10px;font-weight:700}.sup-action{height:42px;font-family:var(--bp-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:700;text-decoration:none;transition:filter .2s,background .2s,border-color .2s,color .2s;display:flex}.sup-action--solid{background:var(--bp-acc);color:#fff}.sup-action--solid:hover{filter:brightness(1.08)}.sup-action--outline{color:var(--bp-ink);border:1px solid var(--bp-hair);background:0 0}.sup-action--outline:hover{border-color:var(--bp-acc);color:var(--bp-acc)}.sup-qr summary{cursor:pointer;font-family:var(--bp-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bp-acc);align-items:center;gap:6px;padding:2px 0;font-size:11px;font-weight:600;list-style:none;display:inline-flex}.sup-qr summary::-webkit-details-marker{display:none}.sup-qr summary:before{content:"+";font-weight:700}.sup-qr[open] summary:before{content:"−"}.sup-qr .sup-qr-hide,.sup-qr[open] .sup-qr-show{display:none}.sup-qr[open] .sup-qr-hide{display:inline}.sup-qr-panel{border:1px solid var(--bp-hair);border-radius:8px;flex-direction:column;align-items:center;gap:8px;margin-top:10px;padding:12px;display:flex}.sup-qr-panel img{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:6px;width:140px;height:140px;padding:6px}.sup-qr-cap{font-family:var(--bp-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bp-muted);font-size:9px}.sup-dialog{border:1px solid var(--bp-hair);background:var(--bp-panel);width:min(720px,92vw);max-width:720px;max-height:86vh;color:var(--bp-ink);border-radius:16px;padding:clamp(22px,4vw,38px);overflow:auto;box-shadow:0 30px 80px -30px #0009}.sup-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06090e99}.sup-dialog[open]{animation:.22s cubic-bezier(.16,1,.3,1) sup-pop}@keyframes sup-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.sup-dialog-close{border:1px solid var(--bp-hair);width:36px;height:36px;color:var(--bp-muted);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:inline-flex;position:absolute;top:14px;right:14px}.sup-dialog-close:hover{color:var(--bp-ink);border-color:var(--bp-acc)}.sup-dialog-title{color:var(--bp-ink);padding-right:44px;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700}.sup-dialog-sub{color:var(--bp-muted);margin-top:6px;font-size:13px;line-height:1.5}.sup-dialog .sup-methods{max-width:100%;margin-top:1.5rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-family:Outfit,sans-serif!important;font-weight:800!important}.bp-post{--bp-ink:var(--text-primary);--bp-acc:var(--accent);--bp-line:#ffffff0d;--bp-line2:#ffffff14;--bp-fig:#ffffff0d;--bp-muted:color-mix(in srgb, var(--text-primary) 64%, transparent);--bp-faint:color-mix(in srgb, var(--text-primary) 42%, transparent);--bp-panel:color-mix(in srgb, #fff 5%, var(--bp-bg));--bp-shadow:0 12px 34px -22px #000000b3;--comment-divider:var(--bp-hair);--comment-box-bg:color-mix(in srgb, var(--bp-ink) 3.5%, transparent);background:var(--bp-bg);position:relative}body.light-mode .bp-post{--bp-line:#16202b0d;--bp-line2:#16202b14;--bp-fig:#e8e6df;--bp-panel:#fff;--bp-shadow:0 1px 2px #14152a0d, 0 12px 30px -24px #14152a4d;background:radial-gradient(at 50% 42%,#fff 0% 25%,#f4f2ec 82%) fixed}body.light-mode .bd-sheet{padding:0 clamp(4px,2vw,24px);position:relative}.bp-post .bp-grid{z-index:0;pointer-events:none;background-image:linear-gradient(var(--bp-line) 1px, transparent 1px), linear-gradient(90deg, var(--bp-line) 1px, transparent 1px), linear-gradient(var(--bp-line2) 1px, transparent 1px), linear-gradient(90deg, var(--bp-line2) 1px, transparent 1px);background-size:36px 36px,36px 36px,180px 180px,180px 180px;position:absolute;inset:0}.bp-post-inner{z-index:1;position:relative}.bd-acc-dot{color:var(--bp-acc)}.bd-header{margin-bottom:clamp(34px,5vw,52px)}.bd-tags{flex-wrap:wrap;gap:8px;margin-bottom:clamp(20px,3vw,30px);display:flex}.bd-tag{font-family:var(--bp-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--bp-acc) 40%, transparent);color:var(--bp-acc);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:11px;display:inline-flex}.bd-tag-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.bd-title{letter-spacing:-.02em;color:var(--bp-ink);margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(2.3rem,6vw,4.25rem);font-weight:700;line-height:1.05}.bd-rule{background:var(--bp-hair);height:1px;margin:clamp(22px,3.2vw,30px) 0}.bd-byline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.bd-byline-left{align-items:center;gap:14px;min-width:0;display:flex}.bd-avatar{border:1px solid var(--bp-hair);background:var(--bp-fig);border-radius:12px;flex-shrink:0;width:46px;height:46px;overflow:hidden}.bd-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.bd-author-name{color:var(--bp-ink);letter-spacing:-.01em;margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;font-weight:700}.bd-author-name span{color:var(--bp-muted);font-weight:500}.bd-meta{font-family:var(--bp-mono);color:var(--bp-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.bd-meta-ic{align-items:center;gap:5px;display:inline-flex}.bd-meta-ic svg{opacity:.85;width:14px;height:14px}.bd-dot{opacity:.5}.bd-byline-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.bd-share{font-family:var(--bp-mono);letter-spacing:.04em;cursor:pointer;border:1px solid var(--bp-hair);color:var(--bp-muted);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:12px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.bd-share svg{width:15px;height:15px}.bd-share:hover{border-color:var(--bp-acc);color:var(--bp-acc)}.bd-iconbtn{cursor:pointer;border:1px solid var(--bp-hair);width:42px;height:42px;color:var(--bp-muted);background:0 0;border-radius:50%;place-items:center;transition:background .2s,border-color .2s,color .2s;display:grid}.bd-iconbtn svg{width:17px;height:17px;transition:fill .2s}.bd-iconbtn:hover{border-color:var(--bp-acc);color:var(--bp-acc)}.bd-iconbtn.is-saved{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b73}.bd-iconbtn.is-saved svg{fill:currentColor}.support-card{box-shadow:var(--bp-shadow);border:1px solid var(--bp-hair)!important;background:var(--bp-panel)!important}.support-card h3{color:var(--bp-ink);font-family:Space Grotesk,system-ui,sans-serif}.support-card #like-count{color:var(--bp-ink)}.support-card .border-t{border-color:var(--bp-hair)!important}.sup-open-btn{font-family:var(--bp-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--bp-acc);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:9px;margin-top:1.5rem;padding:12px 24px;font-size:12px;font-weight:700;transition:filter .2s,transform .2s;display:inline-flex}.sup-open-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.sup-open-btn svg{flex:none}.bd-back{font-family:var(--bp-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bp-muted);align-items:center;gap:.5rem;margin-bottom:clamp(20px,3vw,30px);font-size:12px;text-decoration:none;transition:color .2s;display:inline-flex}.bd-back:hover{color:var(--bp-acc)}.bd-back svg{transition:transform .2s}.bd-back:hover svg{transform:translate(-3px)}.bp-post .bp-mono{font-family:var(--bp-mono)}.bp-post .bp-display{letter-spacing:-.02em;color:var(--bp-ink);font-family:Space Grotesk,system-ui,sans-serif;font-weight:700}.bp-post .bp-more{letter-spacing:.08em;color:var(--bp-ink);border-bottom:1.5px solid var(--bp-ink);white-space:nowrap;padding-bottom:3px;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s}.bp-post .bp-more:hover{color:var(--bp-acc);border-color:var(--bp-acc)}.bp-post>.bp-cta,.bp-post>.bp-footer{margin-left:-1.5rem;margin-right:-1.5rem}.bp-post .bp-cta-title{color:#eceae3}.more-posts .bp-sec-title-row{margin-top:clamp(16px,2vw,22px);margin-bottom:clamp(24px,3.5vw,36px)}.more-posts .bp-more-h2{margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1}@media (width<=560px){.bd-byline{align-items:flex-start}.bd-byline-right{width:100%}}.twemoji-inline{vertical-align:-.25em;width:1.25em;height:1.25em;margin:0 .05em;display:inline-block}.markdown-content{color:#a1a1aa;font-size:1.25rem;line-height:1.8}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:#fff;letter-spacing:-.02em;margin:3.5rem 0 1.5rem;font-weight:900;line-height:1.2}.markdown-content h1{font-size:2.5rem}.markdown-content h2{border-bottom:1px solid #ffffff0d;padding-bottom:.75rem;font-size:2rem}.markdown-content h3{font-size:1.5rem}.markdown-content p{margin-bottom:1.75rem}.markdown-content strong{color:#fff;font-weight:700}.markdown-content blockquote{border-left:4px solid var(--accent);background:rgb(var(--accent-rgb) / .03);color:#d4d4d8;border-radius:0 1.5rem 1.5rem 0;margin:3rem 0;padding:2rem 2.5rem;font-size:1.35rem;font-style:italic}.markdown-content code{color:var(--accent);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:.5rem;padding:.2rem .4rem;font-family:JetBrains Mono,monospace;font-size:.85em}.markdown-content pre{overflow-x:auto;box-shadow:0 20px 50px -20px #00000080;background:#17171d!important;border:1px solid #ffffff14!important;border-radius:1.5rem!important;margin:0!important;padding:2rem!important;font-size:1rem!important}.markdown-content pre code{color:inherit!important;font-size:inherit!important;background:0 0!important;border:none!important;padding:0!important}.markdown-content a{color:var(--accent);text-underline-offset:4px;font-weight:600;text-decoration:underline;transition:color .2s}.markdown-content a:hover{color:var(--accent)}.markdown-content li{margin-bottom:.75rem;margin-left:1.5rem;list-style-type:none;position:relative}.markdown-content li:before{content:"▹";color:var(--accent);position:absolute;left:-1.5rem}.markdown-content .table-container{border:1px solid #ffffff14;border-radius:.75rem;margin:2rem 0;overflow-x:auto}.markdown-content table{border-collapse:collapse;width:100%;font-size:.95rem}.markdown-content thead th{background:rgb(var(--accent-rgb) / .12);color:var(--text-primary);text-align:left;white-space:nowrap;padding:.875rem 1.25rem;font-weight:700}.markdown-content td{vertical-align:top;border-top:1px solid #ffffff0f;padding:.875rem 1.25rem}.markdown-content tbody tr:nth-child(2n){background:#ffffff05}.markdown-content table code{white-space:nowrap}.code-block-container{margin:3rem 0;position:relative}.copy-btn{color:#71717a;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.55rem;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.6rem;font-weight:700;transition:all .3s;display:flex;position:absolute;top:.85rem;right:.85rem}.copy-btn svg{width:12px;height:12px}.copy-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.copy-btn.copied{color:#fff;background:#10b981;border-color:#10b981}@media (width<=640px){.copy-btn{border-radius:.5rem;gap:.3rem;padding:.3rem .5rem;font-size:.625rem;top:.625rem;right:.625rem}.copy-btn svg{width:13px;height:13px}}body.light-mode .markdown-content{color:#4b5563}body.light-mode .markdown-content h1,body.light-mode .markdown-content h2,body.light-mode .markdown-content h3,body.light-mode .markdown-content strong,body.light-mode h1{color:#111827!important}body.light-mode .markdown-content h2{border-bottom-color:#0000001a}body.light-mode .markdown-content blockquote{background:rgb(var(--accent-rgb) / .04);color:#374151}body.light-mode .markdown-content code{color:var(--accent-strong);background:#0000000a;border-color:#0000000a}body.light-mode .markdown-content pre{box-shadow:0 4px 12px #00000008;background:#f1f5f9!important;border-color:#00000014!important}body.light-mode .markdown-content pre code{color:#334155!important}body.light-mode .markdown-content .table-container{border-color:#00000014}body.light-mode .markdown-content thead th{background:rgb(var(--accent-rgb) / .08);color:#111827}body.light-mode .markdown-content td{border-top-color:#0000000f}body.light-mode .markdown-content tbody tr:nth-child(2n){background:#00000005}body.light-mode .token.comment,body.light-mode .token.prolog,body.light-mode .token.doctype,body.light-mode .token.cdata{font-style:italic;color:#64748b!important}body.light-mode .token.punctuation{color:#475569!important}body.light-mode .token.namespace{opacity:.7}body.light-mode .token.property,body.light-mode .token.tag,body.light-mode .token.boolean,body.light-mode .token.number,body.light-mode .token.constant,body.light-mode .token.symbol,body.light-mode .token.deleted{color:#be185d!important}body.light-mode .token.selector,body.light-mode .token.attr-name,body.light-mode .token.string,body.light-mode .token.char,body.light-mode .token.builtin,body.light-mode .token.inserted{color:#0369a1!important}body.light-mode .token.operator,body.light-mode .token.entity,body.light-mode .token.url,body.light-mode .language-css .token.string,body.light-mode .style .token.string{color:#92400e!important}body.light-mode .token.atrule,body.light-mode .token.attr-value,body.light-mode .token.keyword{color:#a48fc5!important}body.light-mode .token.function,body.light-mode .token.class-name{color:#c026d3!important}body.light-mode .token.regex,body.light-mode .token.important,body.light-mode .token.variable{color:#ea580c!important}body.light-mode .copy-btn{color:#64748b;background:#fffc;border-color:#0000001a}body.light-mode header .text-gray-500{color:#6b7280!important}body.light-mode footer{border-top-color:#00000014!important}body.light-mode footer .text-white{color:#111827!important}body.light-mode #like-btn .text-gray-400{color:#6b7280!important}#like-icon,#floating-like-icon{transition:transform .2s}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.08)}56%{transform:scale(1)}}#like-icon.liked-pulse{animation:1.2s ease-in-out heartbeat}body.light-mode #floating-like-btn{background:#ffffffd9;border-color:#0000001a}body.light-mode #floating-like-count{color:#6b7280}body.light-mode #like-btn .border-white\/10{border-color:#00000014}body.light-mode #like-count{color:#111827}body.light-mode main.text-center a.bg-white{color:#fff!important;background-color:#111827!important}body.light-mode main.text-center a.bg-white:hover{background-color:var(--accent)!important}#comments-section textarea::placeholder{color:var(--text-tertiary);opacity:1}#comment-input[data-empty=true]:before{content:"Add comment…";color:var(--text-tertiary);pointer-events:none}.reply-input[data-empty=true]:before{content:"Write a reply…";color:var(--text-tertiary);pointer-events:none}html[lang=vi] #comment-input[data-empty=true]:before{content:"Viết bình luận…"}html[lang=vi] .reply-input[data-empty=true]:before{content:"Viết trả lời…"}