@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Thin.ttf) format("truetype");font-weight:300;font-style:normal}body,html{font-family:-apple-system,BlinkMacSystemFont,Gilroy,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem}body{color:#f4f4f4;background:#1a1818;padding:20px;margin:0 auto;max-width:1200px}@media(max-width:768px){body{padding:16px;max-width:100%;background:#000}}a{text-decoration:none;color:#878ef4}a:hover{color:#656eec}.marked-content{line-height:150%}.marked-content img{border-radius:10px;max-width:100%;margin:0 auto;max-height:600px;display:block}.marked-content pre{border:1px solid rgba(204,204,204,.3);border-radius:3px}.marked-content h1,.marked-content h2,.marked-content h3,.marked-content h4,.marked-content h5{margin-bottom:1rem;margin-top:2rem}.marked-content pre>code{font-size:.8rem;line-height:1.5}.marked-content blockquote{border-left:5px solid #ccc;padding-left:10px;margin:1rem 0;background-color:#3c3c3c;color:#b0b0b0}code{color:#d63384}.blog-list{display:flex;flex-wrap:wrap;gap:50px;padding:20px}.toc-container{font-size:.8rem;margin-top:1rem}.meta-container{flex-direction:column;font-size:.6rem;width:min-content}.author,.meta-container{display:flex;white-space:nowrap}.author{align-items:center;max-width:min-content;margin-top:.5rem}.author img{border-radius:50%;width:20px;height:20px;margin-right:2px;margin-left:10px}.meta-parent{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.home-container{min-height:100vh;padding:2rem 0}.hero{text-align:center;margin-bottom:4rem;padding:4rem 0}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,#878ef4,#656eec);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.hero p{font-size:1.2rem;color:#a0a0a0;max-width:600px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;padding:0 1rem}.blog-card{background:rgba(255,255,255,.03);border-radius:12px;padding:1.5rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.blog-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.05);border-color:rgba(135,142,244,.3)}.blog-card:hover .read-more{color:#878ef4}.blog-card .blog-card-content h2{font-size:1.5rem;margin:0 0 1rem;color:#f4f4f4}.blog-card .blog-card-content .read-more{color:#a0a0a0;font-size:.9rem;transition:color .3s ease}.post-container{max-width:1200px;margin:0 auto;padding:1rem 0}@media(max-width:768px){.post-container{max-width:100%;padding:0}}.post-with-toc{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:2rem;gap:2rem}@media(max-width:1024px){.post-with-toc{grid-template-columns:1fr}}.post-main{max-width:780px}.post-toc{position:-webkit-sticky;position:sticky;top:80px;align-self:start;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 100px);overflow:auto;display:none}@media(min-width:1025px){.post-toc{display:block}}.post-toc-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem}.post-toc-title{font-weight:700;color:#878ef4;margin-bottom:.75rem}.post-toc-card ul{list-style:none;margin:0;padding:0}.post-toc-card li{margin-bottom:.35rem}.post-toc-card a{color:#a0a0a0}.toc-toggle{position:fixed;right:16px;bottom:16px;z-index:40;padding:.6rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#f4f4f4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 16px rgba(0,0,0,.3);display:inline-flex;align-items:center;gap:.5rem}@media(min-width:1025px){.toc-toggle{display:none}}.scroll-top{position:fixed;right:16px;bottom:16px;z-index:45;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;font-size:1.25rem;line-height:1;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 16px rgba(0,0,0,.3)}@media(max-width:1024px){.scroll-top{bottom:72px}}.scroll-top:hover{background:rgba(255,255,255,.12)}.toc-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:50;display:flex;justify-content:flex-end}.toc-drawer{width:min(85vw,360px);height:100%;background:#111;border-left:1px solid rgba(255,255,255,.08);padding:1rem;overflow-y:auto}.toc-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;color:#878ef4;font-weight:700}.toc-close{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#f4f4f4;border-radius:8px;padding:.2rem .5rem}.post-content{background:rgba(255,255,255,.03);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.post-content{background:rgba(0,0,0,0);border:none;padding:.5rem 0}}.post-header{margin-bottom:2rem;text-align:center}@media(max-width:768px){.post-header{margin-bottom:1.5rem}}.post-title{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(45deg,#878ef4,#656eec);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);line-height:1.2}.post-meta{display:flex;justify-content:center;align-items:center;gap:1rem;color:#a0a0a0;font-size:.9rem}@media(max-width:768px){.post-meta{flex-direction:column;gap:.5rem}}.post-meta .meta-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}@media(max-width:768px){.post-meta .meta-container{gap:.25rem}}.post-meta .update-date{color:#878ef4}@media(max-width:768px){.post-meta .update-date{color:#a0a0a0}}.post-meta .author{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.05);border-radius:20px;transition:all .3s ease}@media(max-width:768px){.post-meta .author{background:rgba(0,0,0,0);padding:.25rem 0}}.post-meta .author:hover{background:rgba(255,255,255,.1)}@media(max-width:768px){.post-meta .author:hover{background:rgba(0,0,0,0)}}.post-meta .author img{width:24px;height:24px;border-radius:50%}.toc-container{background:rgba(255,255,255,.02);border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.toc-container{background:rgba(0,0,0,0);border:none;padding:.5rem 0;margin-bottom:1.5rem}}.toc-container h2{font-size:1.2rem;margin-bottom:1rem;color:#878ef4}@media(max-width:768px){.toc-container h2{color:#a0a0a0;margin-bottom:.75rem}}.toc-container ul{list-style:none;padding:0;margin:0;column-count:2;column-gap:2rem}@media(max-width:768px){.toc-container ul{column-count:1;padding-left:.5rem}}.toc-container ul li{margin-bottom:.5rem;page-break-inside:avoid;break-inside:avoid}.toc-container ul li a{display:inline-block;padding:.3rem 0;font-size:.95rem;transition:all .3s ease;color:#a0a0a0;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0)}.toc-container ul li a:hover{color:#878ef4;border-bottom-color:#878ef4}@media(max-width:768px){.toc-container ul li a:hover{color:#a0a0a0;border-bottom-color:rgba(0,0,0,0)}}.marked-content{font-size:1.1rem;line-height:1.8;color:#e0e0e0}@media(max-width:768px){.marked-content{color:#f4f4f4}}.marked-content h1,.marked-content h2,.marked-content h3,.marked-content h4,.marked-content h5,.marked-content h6{margin-top:2.5rem;margin-bottom:1.5rem;color:#f4f4f4;font-weight:700}@media(max-width:768px){.marked-content h1,.marked-content h2,.marked-content h3,.marked-content h4,.marked-content h5,.marked-content h6{margin-top:2rem;margin-bottom:1rem}}.marked-content h1{font-size:2.2rem}.marked-content h2{font-size:1.8rem}.marked-content h3{font-size:1.5rem}.marked-content h4{font-size:1.3rem}.marked-content h5{font-size:1.1rem}.marked-content h6{font-size:1rem}.marked-content p{margin-bottom:1.5rem}.marked-content a{color:#878ef4;text-decoration:none;border-bottom:1px solid rgba(135,142,244,.3);transition:all .3s ease}.marked-content a:hover{color:#656eec;border-bottom-color:#656eec}.marked-content img{border-radius:12px;margin:2rem 0;box-shadow:0 4px 20px rgba(0,0,0,.2)}.marked-content pre{background:rgba(0,0,0,.3);border-radius:8px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.marked-content pre{background:#000;border:none;padding:1rem;margin:1rem 0}}.marked-content pre code{font-size:.9rem;line-height:1.6}.marked-content code{background:rgba(0,0,0,.3);padding:.2rem .4rem;border-radius:4px;font-size:.9em;color:#d63384}.marked-content blockquote{border-left:4px solid #878ef4;margin:1.5rem 0;padding:1rem 1.5rem;background:rgba(135,142,244,.05);border-radius:0 8px 8px 0;font-style:italic;color:#a0a0a0}@media(max-width:768px){.marked-content blockquote{background:rgba(0,0,0,0);border-left-color:#a0a0a0;padding:.5rem 1rem;margin:1rem 0}}.marked-content ol,.marked-content ul{margin:1.5rem 0;padding-left:1.5rem}.marked-content ol li,.marked-content ul li{margin-bottom:.5rem}.marked-content hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:2rem 0}.marked-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:rgba(255,255,255,.02);border-radius:8px;overflow:hidden}.marked-content table td,.marked-content table th{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1)}.marked-content table th{background:rgba(135,142,244,.1);font-weight:600}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.header-content,.header-nav,.nav-link,.site-header,.site-title{display:none}.edit-button-container{margin-top:3rem;text-align:center}.edit-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:20px;color:#a0a0a0;text-decoration:none;transition:all .3s ease;font-size:.9rem}.edit-button:hover{background:rgba(255,255,255,.05);color:#878ef4;border-color:rgba(135,142,244,.3);transform:translateY(-2px)}.edit-button:hover .emoji{transform:rotate(15deg)}@media(max-width:768px){.edit-button{background:rgba(0,0,0,0);border:none;padding:.5rem 0}}.site-footer{margin-top:auto;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.05);padding:2rem 0}@media(max-width:768px){.site-footer{background:rgba(0,0,0,0);border:none;padding:1rem 0}}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}.footer-quote{font-style:italic;color:#a0a0a0;margin-bottom:1rem;font-size:.9rem}.footer-quote .emoji{display:inline-block;animation:float 3s ease-in-out infinite}.footer-links{display:flex;justify-content:center;gap:1.5rem}.footer-link{color:#a0a0a0;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.footer-link:hover{color:#878ef4}.footer-link:hover .emoji{transform:scale(1.2)}.emoji{display:inline-block;transition:transform .3s ease}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.author-container{position:relative;display:inline-block}.author-container:hover .commit-history-wrapper{opacity:1;visibility:visible;transform:translateY(0)}.commit-history-wrapper{position:absolute;top:100%;right:0;margin-top:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:100}.commit-history{background:rgba(0,0,0,.95);border:1px solid rgba(255,255,255,.1);border-radius:8px;width:350px;max-height:400px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.commit-history-header{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem;color:#f4f4f4;display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.03)}.commit-history-content{max-height:350px;overflow-y:auto;padding:.5rem 0}.commit-history-content::-webkit-scrollbar{width:6px}.commit-history-content::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.commit-history-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.commit-item{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;text-decoration:none;display:flex;align-items:center;gap:1rem;min-height:48px}.commit-item:last-child{border-bottom:none}.commit-item:hover{background:rgba(255,255,255,.05);transform:translateX(4px)}.commit-message{flex:1 1;font-size:.85rem;color:#f4f4f4;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:1rem;min-width:0}.commit-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:100px}.commit-author{display:flex;align-items:center;gap:.5rem;color:#878ef4;font-weight:500;font-size:.8rem}.commit-author img{width:20px;height:20px;border-radius:50%}.commit-date{font-size:.7rem;color:#a0a0a0;opacity:.8}.comments-section{margin-top:3rem;padding:2rem;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.comments-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#f4f4f4;font-weight:600}.login-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#24292e;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500}.login-button:hover{background:#2f363d;transform:translateY(-1px)}.comment-form{margin-bottom:2rem}.comment-input{width:100%;min-height:100px;padding:1rem;margin-bottom:1rem;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f4f4f4;font-size:.9rem;resize:vertical;transition:all .2s ease}.comment-input:focus{outline:none;border-color:#878ef4;box-shadow:0 0 0 2px rgba(135,142,244,.2)}.submit-button{padding:.75rem 1.5rem;background:#878ef4;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500}.submit-button:hover{background:#656eec;transform:translateY(-1px)}.submit-button:disabled{background:#4a4a4a;cursor:not-allowed;transform:none;opacity:.7}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.comment{padding:1.5rem;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.comment:hover{border-color:rgba(135,142,244,.2)}.comment-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;position:relative}.comment-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(135,142,244,.2)}.comment-meta{display:flex;flex-direction:column;gap:.25rem}.comment-author{color:#878ef4;text-decoration:none;font-weight:500;font-size:.95rem}.comment-author:hover{text-decoration:underline}.comment-date{font-size:.8rem;color:#a0a0a0}.comment-body{font-size:.95rem;line-height:1.6;color:#f4f4f4;margin-left:3.5rem;position:relative}.comment-body blockquote{margin:1rem 0;padding:1rem 1rem 1rem 2rem;background:rgba(0,0,0,.3);border-radius:6px;border:1px solid rgba(255,255,255,.1);position:relative}.comment-body blockquote:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:#878ef4;border-radius:2px}.comment-body blockquote p{margin:0;color:#a0a0a0;font-style:italic}.comment-body p{margin-bottom:1rem}.comment-body code{background:rgba(0,0,0,.3);padding:.2rem .4rem;border-radius:4px;font-size:.9em}.comment-body pre{background:rgba(0,0,0,.3);padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0}.comment-body pre code{background:none;padding:0}.comments-loading{text-align:center;padding:2rem;color:#a0a0a0}.error-message{background:rgba(255,0,0,.1);border:1px solid rgba(255,0,0,.2);color:#ff6b6b;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.no-comments{text-align:center;padding:2rem;color:#a0a0a0;font-style:italic;background:rgba(255,255,255,.02)}.no-comments,.user-info{border-radius:8px;border:1px solid rgba(255,255,255,.05)}.user-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:rgba(0,0,0,.2)}.user-info .user-name{color:#f4f4f4;font-weight:500}.user-info .signout-button{margin-left:auto;padding:.5rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#a0a0a0;font-size:.9rem;cursor:pointer;transition:all .2s ease}.user-info .signout-button:hover{background:rgba(255,255,255,.15);color:#f4f4f4;border-color:rgba(255,255,255,.2)}.comment-actions{display:flex;gap:.5rem;margin-left:auto;position:absolute;right:0;top:50%;transform:translateY(-50%)}.action-button{padding:.35rem .75rem;font-size:.875rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500;background:rgba(255,255,255,.05);height:28px;display:inline-flex;align-items:center;justify-content:center}.action-button.edit{color:#f4f4f4}.action-button.edit:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.action-button.delete{color:#ff6b6b}.action-button.delete:hover{background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.2)}.action-button.quote{color:#878ef4}.action-button.quote:hover{background:rgba(135,142,244,.1);border-color:rgba(135,142,244,.2)}.edit-form{margin-top:1rem;padding:1rem;background:rgba(0,0,0,.2);border-radius:6px;border:1px solid rgba(255,255,255,.1)}.edit-form .edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.cancel-button{padding:.5rem 1rem;font-size:.875rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f4f4f4;cursor:pointer;transition:all .2s ease;font-weight:500}.cancel-button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.quote-form{margin-top:1rem;padding:1.5rem;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.quote-form .quote-preview{margin-bottom:1rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.875rem;color:#f4f4f4;position:relative;padding:1rem 1rem 1rem 2rem}.quote-form .quote-preview:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:#878ef4;border-radius:2px}.quote-form .quote-preview p{margin:0;color:#a0a0a0;font-style:italic}.quote-form .quote-actions{display:flex;gap:.5rem;margin-top:.5rem}