@import "https://fastly.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";
:root{--primary-color:#007bff;--secondary-color:#0056b3;--background-color:#fff;--text-color:#333;--code-background-color:#f8f8f8;--inline-code-background-color:#f0f0f0;--code-block-background-color:#282c34;--code-block-text-color:#abb2bf;--blockquote-background-color:#f8f9fa;--blockquote-border-color:#007bff;--table-border-color:#e0e0e0;--time-container-color:#888;--pretty-button-background-color:#007bff;--pretty-button-hover-background-color:#0056b3;--pretty-button-text-color:#fff;--link-color:#007bff;--link-hover-color:#0056b3;--shadow-color:#0003;--transition-time:.3s}.dark{--primary-color:#61dafb;--secondary-color:#4ec9b0;--background-color:#282c34;--text-color:#fff;--code-background-color:#333;--inline-code-background-color:#444;--code-block-background-color:#1e1e1e;--code-block-text-color:#d4d4d4;--blockquote-background-color:#333;--blockquote-border-color:#61dafb;--table-border-color:#444;--time-container-color:#aaa;--pretty-button-background-color:#61dafb;--pretty-button-hover-background-color:#4ec9b0;--pretty-button-text-color:#000;--link-color:#61dafb;--link-hover-color:#4ec9b0;--heading-text-color:#fff;--katex-text-color:#fff;--shadow-color:#00000080}html,body{background-color:var(--background-color);height:90%;color:var(--text-color);transition:background-color var(--transition-time)ease,color var(--transition-time)ease;scroll-behavior:smooth;margin:0;font-family:Poppins,sans-serif}.margin-6px{margin:0 6px}.font-size-20px{font-size:20px}.font-size-24px{font-size:24px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mlr-auto{margin-left:auto;margin-right:auto}.display-inline{display:inline}.display-flex{display:flex}.content-container{background-color:var(--background-color);max-width:960px;min-height:calc(100% - 200px);box-shadow:0 8px 16px var(--shadow-color);transition:box-shadow var(--transition-time)ease;border-radius:16px;margin:120px auto 40px;padding:40px}.content-container:hover{box-shadow:0 12px 24px var(--shadow-color)}blockquote{border-left:6px solid var(--blockquote-border-color);background-color:var(--blockquote-background-color);box-shadow:0 4px 5px var(--shadow-color);transition:box-shadow var(--transition-time)ease;border-radius:5px;margin:20px 0;padding:15px}blockquote p{color:var(--text-color);margin:0;font-size:1.1rem;line-height:1.6}img{vertical-align:bottom;max-width:100%;box-shadow:0 4px 8px var(--shadow-color);transition:transform var(--transition-time)ease,box-shadow var(--transition-time)ease;border-radius:10px}img:hover{box-shadow:0 6px 12px var(--shadow-color);transform:scale(1.02)}table{border-collapse:collapse}tbody,td,tfoot,th,thead,tr{border:1px solid var(--table-border-color);padding:8px}.marked code,.marked pre{background-color:var(--code-background-color);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.marked code{tab-size:4;background-color:var(--inline-code-background-color);margin:.2em;padding:.1em .2em}.marked pre{color:var(--code-block-text-color);border:1px solid #d0d0d0;border-radius:5px;margin:0;overflow-y:auto}.marked pre>code{font-size:unset;white-space:pre;border:none;margin:0}.language-tag{color:#fff;font-family:monospace;line-height:1}.hljs-ln,.hljs-ln-numbers,.hljs-ln-code,.hljs-ln>tbody,.hljs-ln>tbody>tr{border:none}.hljs-ln-numbers{text-align:center;color:#888;border-right:2px solid #555;padding-right:5px!important}.hljs-ln-code{padding-left:5px!important}.time-container{z-index:-1;width:100%;color:var(--time-container-color);background-color:#0000;font-size:20px;position:absolute;top:-24px}.marked a{color:var(--link-color);transition:color var(--transition-time)ease,border-bottom-color var(--transition-time)ease;border-bottom:1px solid #0000;text-decoration:none}.marked a:hover{color:var(--link-hover-color);border-bottom-color:var(--link-hover-color)}.pretty-button{background-color:var(--pretty-button-background-color);height:42px;color:var(--pretty-button-text-color);text-align:center;cursor:pointer;border:none;border-radius:8px;margin:4px 2px;padding:12px 24px;font-size:16px;text-decoration:none;transition:background-color .3s,box-shadow .3s;display:inline-block;position:absolute}.pretty-button:hover{background-color:var(--pretty-button-hover-background-color);box-shadow:0 6px 12px #0003}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:var(--heading-text-color)}.dark.katex{color:var(--katex-text-color)}.dark p{color:var(--text-color)}.code-header{padding:5px 5px 5px 10px;overflow:auto}.copy-btn{float:right;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color var(--transition-time)ease,transform var(--transition-time)ease;border:none;border-radius:5px;padding:5px 10px}.copy-btn:hover{background-color:var(--secondary-color);transform:scale(1.05)}.utterances{box-sizing:border-box;width:100%;max-width:760px;height:auto;max-height:800px;margin:0 auto;position:relative}.utterances-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:0;width:1px;min-width:100%;max-width:100%;height:100%;position:absolute;left:0;right:0}@media (max-width:768px){.content-container{border-radius:0;max-width:100%;margin-top:80px;padding:20px}.blog-header{padding:12px 5%}.blog-nav-links-item{margin-left:1em}article{width:90%}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#888;border:2px solid #f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#555}.hitokoto{text-align:center;color:var(--text-color);font-style:italic}.main-wrapper{position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-header{-webkit-backdrop-filter:blur(16px)saturate(180%);z-index:999;background:#ffffffb3;justify-content:space-between;align-items:center;padding:14px 6%;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.dark .blog-header{background:#282c34b3}.blog-title{color:var(--text-color);cursor:pointer;margin:0;font-size:26px;font-weight:600;transition:all .28s}.blog-title:hover{color:var(--primary-color)}.blog-nav-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #0000000d;border-radius:999px;align-items:center;padding:6px 8px;display:flex;box-shadow:0 4px 15px #0000000d}.dark .blog-nav-pill{background:#ffffff08;border:1px solid #ffffff0d}.blog-nav-links{gap:6px;margin:0;padding:0;list-style:none;display:flex}.blog-nav-links li{margin:0}.blog-nav-pill a{color:var(--text-color);border-radius:999px;padding:8px 16px;font-weight:500;text-decoration:none;transition:all .28s;display:inline-block}.blog-nav-pill a:hover{background:color-mix(in srgb,var(--primary-color)10%,transparent)}.blog-nav-pill a.active{background:var(--primary-color);color:var(--pretty-button-text-color);box-shadow:0 4px 12px #0000001a}.theme-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40px;height:40px;color:var(--primary-color);cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .28s;display:flex;position:static;box-shadow:0 2px 8px #0000001a}.theme-toggle-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.08)rotate(10deg)}.dark .theme-toggle-btn{color:#fde047;background:#ffffff0d}article{width:80%;margin:90px auto 0}.pagination{text-align:center;margin-top:5px}.page-btn{color:var(--text-color);cursor:pointer;background:0 0;border:1px solid #00000014;border-radius:8px;margin-left:3px;padding:6px 12px;font-weight:500;transition:background-color .18s,color .18s,transform 80ms}.page-btn:hover{background-color:color-mix(in srgb,var(--pretty-button-background-color)10%,transparent)}.page-btn.active{background-color:var(--pretty-button-background-color);color:var(--pretty-button-text-color);border-color:#0000;box-shadow:0 8px 18px #0000001f}.page-btn:focus{outline:2px solid color-mix(in srgb,var(--pretty-button-background-color)25%,transparent);outline-offset:2px}@media (max-width:480px){.page-btn{margin:0 4px;padding:6px 8px}}.toc-container{flex-direction:column;gap:6px;margin-top:12px;display:flex}.toc-item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;color:var(--text-color);background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 10px;font-size:14px;font-weight:500;transition:all .2s;overflow:hidden}.toc-item.h1{margin-left:0;font-weight:600}.toc-item.h2{margin-left:8px}.toc-item.h3{margin-left:16px}.toc-item.h4{margin-left:24px}.toc-item.h5{margin-left:32px}.toc-item.h6{margin-left:40px}.toc-item:hover{background:color-mix(in srgb,var(--primary-color)10%,transparent);border-color:var(--primary-color);padding-left:12px}.toc-item:active{transform:scale(.97)}.toc-empty{color:var(--time-container-color);padding:6px 10px;font-size:14px}