:root{--font-mono:"Roboto Mono",monospace}*{box-sizing:border-box}html{font-size:18px;line-height:32px;background:rgb(0,0,0);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:system-ui;font-size:18px;line-height:32px;margin:0;color:rgb(1000,1000,1000);@media (max-width:1024px){font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;line-height:70px;font-weight:700;@media (max-width:1024px){margin-left:0;margin-bottom:24px;margin-right:0;margin-top:24px;font-size:42px;line-height:42px}@media (max-width:768px){font-size:38px;line-height:38px}@media (max-width:400px){font-size:32px;line-height:32px}}p{margin:24px 0;@media (max-width:1024px){margin:calc(var(--base) * .75) 0}}a{color:currentColor;&:focus{opacity:.8;outline:none}&:active{opacity:.7;outline:none}}svg{vertical-align:middle}.home{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:45px;max-width:1200px;margin:0 auto;@media (max-width:400px){padding-left:24px;padding-bottom:24px;padding-right:24px;padding-top:24px}.content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-grow:1;width:100%;max-width:1200px;h1{text-align:center}}.links{display:flex;align-items:center;gap:12px;a{text-decoration:none;padding:.25rem .5rem;border-radius:4px}.admin{color:rgb(0,0,0);background:rgb(1000,1000,1000);border:1px solid rgb(0,0,0)}.docs{color:rgb(1000,1000,1000);background:rgb(0,0,0);border:1px solid rgb(1000,1000,1000)}}.footer{display:flex;align-items:center;gap:8px;@media (max-width:1024px){flex-direction:column;gap:6px}p{margin:0}.codeLink{text-decoration:none;padding:0 .5rem;background:rgb(60,60,60);border-radius:4px}}}.blog-list{width:100%;margin:40px 0;display:grid;grid-gap:32px;gap:32px}.blog-post-card{border:1px solid rgb(255,255,255);background:rgb(0,0,0);transition:all .2s}.blog-post-card:hover{border-color:rgb(200,200,200)}.blog-post-card-link{display:block;text-decoration:none;color:inherit}.blog-post-card-image{width:100%;height:300px;overflow:hidden;border-bottom:1px solid rgb(255,255,255)}.blog-post-card-image img{width:100%;height:100%;object-fit:cover}.blog-post-card-content{padding:24px}.blog-post-card-title{margin:0 0 12px;font-size:24px;line-height:1.3;font-weight:700}.blog-post-card-excerpt{margin:0 0 12px;font-size:16px;line-height:1.6;color:rgb(200,200,200)}.blog-post-card-date{font-family:var(--font-mono);font-size:12px;color:rgb(150,150,150);text-transform:uppercase;letter-spacing:.05em}.blog-empty{margin:40px 0;text-align:center;color:rgb(150,150,150)}@media (max-width:768px){.blog-post-card-image{height:200px}.blog-post-card-content{padding:16px}.blog-post-card-title{font-size:20px}}.blog-post{max-width:800px;margin:0 auto;padding:45px}.blog-post-header{margin-bottom:48px}.blog-post-title{margin:0 0 16px;font-size:48px;line-height:1.2;font-weight:700}.blog-post-date{display:block;margin-bottom:24px;font-family:var(--font-mono);font-size:14px;color:rgb(150,150,150);text-transform:uppercase;letter-spacing:.05em}.blog-post-image{margin:32px 0;width:100%;border:1px solid rgb(255,255,255)}.blog-post-image img{width:100%;height:auto;display:block}.blog-post-content{font-size:18px;line-height:1.8}.blog-post-content h2{margin:48px 0 24px;font-size:32px;line-height:1.3;font-weight:700}.blog-post-content h3{margin:40px 0 20px;font-size:24px;line-height:1.4;font-weight:700}.blog-post-content h4{margin:32px 0 16px;font-size:20px;line-height:1.4;font-weight:700}.blog-post-content p{margin:24px 0}.blog-post-content ol,.blog-post-content ul{margin:24px 0;padding-left:32px}.blog-post-content li{margin:12px 0}.blog-post-content blockquote{margin:32px 0;padding:16px 24px;border-left:3px solid rgb(255,255,255);background:rgb(20,20,20);font-style:italic}.blog-post-content a{color:rgb(255,255,255);text-decoration:underline;-webkit-text-decoration-color:rgb(150,150,150);text-decoration-color:rgb(150,150,150);transition:-webkit-text-decoration-color .2s;transition:text-decoration-color .2s;transition:text-decoration-color .2s,-webkit-text-decoration-color .2s}.blog-post-content a:hover{-webkit-text-decoration-color:rgb(255,255,255);text-decoration-color:rgb(255,255,255)}.blog-post-content code{padding:2px 6px;background:rgb(20,20,20);border:1px solid rgb(60,60,60);border-radius:3px;font-family:var(--font-mono);font-size:.9em}.blog-post-content pre{margin:32px 0;padding:16px;background:rgb(0,0,0);border:1px solid rgb(255,255,255);overflow-x:auto;font-family:var(--font-mono);font-size:14px;line-height:1.6}.blog-post-content pre code{padding:0;background:transparent;border:none;font-size:inherit}.lexical-content{margin:32px 0}.lexical-content p{margin:24px 0}.lexical-content h1,.lexical-content h2,.lexical-content h3,.lexical-content h4,.lexical-content h5,.lexical-content h6{margin:32px 0 16px;font-weight:700}.lexical-content ol,.lexical-content ul{margin:24px 0;padding-left:32px}.lexical-content li{margin:8px 0}.lexical-content blockquote{margin:32px 0;padding:16px 24px;border-left:3px solid rgb(255,255,255);background:rgb(20,20,20);font-style:italic}.lexical-content a{color:rgb(255,255,255);text-decoration:underline;-webkit-text-decoration-color:rgb(150,150,150);text-decoration-color:rgb(150,150,150)}.lexical-content a:hover{-webkit-text-decoration-color:rgb(255,255,255);text-decoration-color:rgb(255,255,255)}.homepage{min-height:100vh;padding:0}.homepage-container{max-width:1200px;margin:0 auto;padding:60px 24px}.homepage-title{margin:0 0 48px;font-size:48px;line-height:1.2;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;border-top:1px solid rgb(60,60,60);border-left:1px solid rgb(60,60,60)}.blog-card{border-right:1px solid rgb(60,60,60);border-bottom:1px solid rgb(60,60,60);background:rgb(0,0,0);transition:background .2s}.blog-card:hover{background:rgb(10,10,10)}.blog-card-link{display:block;text-decoration:none;color:inherit;height:100%;display:flex;flex-direction:column}.blog-card-image{width:100%;height:200px;overflow:hidden;background:rgb(20,20,20)}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-card-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.blog-card-category,.blog-card-type{letter-spacing:.1em;color:rgb(200,200,200);padding:2px 8px;border:1px solid rgb(60,60,60);background:rgb(20,20,20)}.blog-card-category,.blog-card-date,.blog-card-type{font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.blog-card-date{color:rgb(150,150,150);letter-spacing:.05em}.blog-card-title{margin:0 0 12px;font-size:20px;line-height:1.3;font-weight:700}.blog-card-excerpt{margin:0 0 16px;font-size:14px;line-height:1.6;color:rgb(200,200,200);flex-grow:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:16px;border-top:1px solid rgb(60,60,60)}.blog-card-author{display:flex;align-items:center;gap:8px}.blog-card-author-avatar{width:24px;height:24px;border-radius:50%;border:1px solid rgb(60,60,60)}.blog-card-author-name{font-size:12px;color:rgb(200,200,200);font-family:var(--font-mono)}.blog-card-reading-time{font-family:var(--font-mono);font-size:11px;color:rgb(150,150,150);text-transform:uppercase;letter-spacing:.05em}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.blog-card-tag{font-family:var(--font-mono);font-size:10px;color:rgb(150,150,150);padding:2px 6px;border:1px solid rgb(40,40,40);background:rgb(10,10,10)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.homepage-container{padding:40px 16px}.homepage-title{font-size:36px;margin-bottom:32px}.blog-grid{grid-template-columns:1fr}.blog-card-content{padding:20px}.blog-card-title{font-size:18px}}.blog-post-meta-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.blog-post-category{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:rgb(255,255,255);padding:4px 12px;border:1px solid rgb(255,255,255);background:rgb(0,0,0);text-decoration:none;transition:all .2s}.blog-post-category:hover{background:rgb(255,255,255);color:rgb(0,0,0)}.blog-post-type{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:rgb(200,200,200);padding:4px 12px;border:1px solid rgb(60,60,60);background:rgb(20,20,20)}.blog-post-author-info{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgb(60,60,60)}.blog-post-author{display:flex;align-items:center;gap:12px}.blog-post-author-avatar{width:40px;height:40px;border-radius:50%;border:1px solid rgb(60,60,60)}.blog-post-author-name{font-size:14px;color:rgb(255,255,255);font-weight:500}.blog-post-reading-time{font-family:var(--font-mono);font-size:12px;color:rgb(150,150,150);text-transform:uppercase;letter-spacing:.05em}.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid rgb(60,60,60)}.blog-post-tag{font-family:var(--font-mono);font-size:11px;color:rgb(200,200,200);padding:4px 10px;border:1px solid rgb(60,60,60);background:rgb(20,20,20)}.lexical-table-wrapper{margin:32px 0;overflow-x:auto}.lexical-table{width:100%;border-collapse:collapse;border:1px solid rgb(255,255,255);font-family:var(--font-mono);font-size:14px}.lexical-table td,.lexical-table th{padding:12px 16px;border:1px solid rgb(60,60,60);text-align:left}.lexical-table th{background:rgb(20,20,20);font-weight:700;color:rgb(255,255,255)}.lexical-table tr:nth-child(2n){background:rgb(10,10,10)}.lexical-table tr:hover{background:rgb(20,20,20)}@media (max-width:768px){.blog-post{padding:24px}.blog-post-title{font-size:36px}.blog-post-content{font-size:16px}.blog-post-content h2{font-size:28px}.blog-post-content h3{font-size:22px}.blog-post-meta-top{gap:8px}.blog-post-author-info{flex-direction:column;align-items:flex-start;gap:12px}}