:root{--dark-300:#191b20;--dark-200:#202128;--dark-100:#242731;--dark-50:#e4e4e408;--light-300:#808191;--light-200:#b2b3bd;--light-100:#fff;--light-50:#e4e4e4;--light-25:#f1f1f1;--blue:#355dff;--blue-hover:#1140ff;--purple:#6c5dd3;--border:#e4e4e41a;--bg:var(--dark-200);--text:var(--light-100);--text-secondary:var(--light-300);--panel:#121733;--card:var(--dark-100);--card-desc:var(--light-300);--input:var(--dark-200);--btn-secondary-bg-hover:var(--dark-50);--btn-secondary-color-hover:var(--light-100);--btn-tertiary-bg:var(--dark-100);--btn-tertiary-bg-hover:var(--dark-300);--code-bg:#0d1117;--code-border:#e4e4e41a;--bottom-nav-bg:var(--dark-100);--bloglist-article-hover:var(--dark-200)}[data-theme=light]{--bg:#eff0f6;--border:#e4e4e4;--text:#11142d;--text-secondary:var(--light-300);--panel:#fff;--card:var(--light-100);--input:var(--light-25);--btn-secondary-bg-hover:var(--light-100);--btn-secondary-color-hover:var(--blue);--btn-tertiary-bg:var(--light-100);--btn-tertiary-bg-hover:var(--light-200);--code-bg:#f6f8fa;--code-border:#e4e4e4;--bottom-nav-bg:var(--light-100);--bloglist-article-hover:var(--light-25)}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/poppins-regular.Clug1TPN.woff2)format("woff2"),url(/_astro/poppins-regular.Cp8kmFTy.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/poppins-medium.Bj8kiJA8.woff2)format("woff2"),url(/_astro/poppins-medium.Bweo0pLd.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_astro/poppins-bold.QkPj0lyJ.woff2)format("woff2"),url(/_astro/poppins-bold.BfLVZpM9.woff)format("woff")}a{-webkit-tap-highlight-color:transparent;text-decoration:none}button{font:inherit;cursor:pointer;outline:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0 0 1rem}pre{border:1px solid var(--border);border-radius:12px;padding:1rem;overflow:auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}pre code{font-size:.875rem}pre.astro-code{border-color:var(--code-border)}pre.astro-code code{display:block}pre.astro-code.with-line-numbers{counter-reset:line}pre.astro-code.with-line-numbers .line{padding-left:3.25rem;display:block;position:relative}pre.astro-code.with-line-numbers .line:before{counter-increment:line;content:counter(line);text-align:right;width:2.75rem;color:var(--text-secondary);opacity:.8;position:absolute;left:0}.article .content img[data-lightbox],.article .content img.lightbox-image{cursor:zoom-in}.article .content a[data-fslightbox] img{border-radius:.75rem;transition:filter .2s,opacity .2s,box-shadow .2s}.article .content a[data-fslightbox]:hover img{opacity:.98;filter:saturate(1.15)contrast(1.02);box-shadow:0 0 0 2px #355dff38}.btn{border-radius:12px;align-items:center;height:3rem;padding:0 24px;font-weight:600;display:grid}.btn-primary{background:var(--blue);color:var(--light-100)}.btn-primary:hover{background:var(--blue-hover);cursor:pointer}.btn-secondary{color:var(--text);border:.063rem solid var(--border)}.btn-secondary:hover{background-color:var(--btn-secondary-bg-hover);color:var(--btn-secondary-color-hover)}.btn-solid{background:var(--btn-tertiary-bg);width:max-content;color:var(--text);border-radius:16px;height:56px;padding:0 2rem;font-size:.875rem;font-weight:500;transition:all .25s;display:grid}.btn-solid:hover{background:var(--btn-tertiary-bg-hover)}button,.btn[disabled],.btn-disabled{color:var(--light-300);background:#e4e4e41a;border:#e4e4e41a;font-size:.875rem;font-weight:500}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;margin:0;font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;display:flex}.container{width:min(992px,100% - 2rem);margin-inline:auto}.nav-inner{grid-template-columns:max-content auto;align-items:center;padding:3rem 0;display:grid}.nav-controls{justify-self:end;align-items:center;gap:1rem;width:max-content;display:flex}.brand{letter-spacing:.3px;color:var(--text);padding:0;font-size:16px;font-weight:500;line-height:1.33333}.brand span{letter-spacing:-1px;grid-auto-flow:column;align-items:center;gap:.5rem;padding-top:.25rem;font-size:48px;font-weight:600;line-height:1.16667;display:grid}.brand img{width:3.5rem;height:3.5rem;margin-top:-.25rem;margin-left:.5rem;display:grid}.brand svg{width:3.5rem;height:3.5rem;margin-top:-.25rem;margin-left:.5rem}.brand:hover svg{animation:.5s ease-in-out infinite alternate wave}@keyframes wave{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@media (width<=1200px){.brand img{width:2.5rem;height:2.5rem;margin-left:.25rem;display:grid}.brand svg{width:2.5rem;height:2.5rem}}.nav-links{grid-template-columns:auto max-content;align-items:center;gap:2rem;display:grid}.nav-links a{color:var(--text);opacity:.9;font-weight:500;text-decoration:none}.nav-links menu{justify-self:center;gap:3rem;margin:0;display:flex}@media (width<=1200px){.nav-inner{padding:2rem 0}.brand{font-size:.75rem}.brand span{padding-top:.25rem;font-size:2.5rem}.nav-links{grid-template-columns:1fr}.nav-links menu{display:none}}.bottom-nav{display:none}@media (width<=1200px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.bottom-nav{z-index:999;background:var(--bottom-nav-bg);padding:.6rem .6rem calc(.6rem + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #0000001a}.bottom-nav a{color:var(--text-secondary);border-radius:1rem;justify-items:center;gap:.35rem;padding:0 .25rem;font-size:.625rem;font-weight:500;line-height:1;text-decoration:none;display:grid}.bottom-nav a:focus,.bottom-nav a:focus-visible{box-shadow:none;outline:none}.bottom-nav a.active{color:var(--blue)}.bottom-nav a svg{color:currentColor}.bottom-nav a div{border-radius:1rem;padding:.2rem 1rem}.bottom-nav a.active div{background:var(--blue)}.bottom-nav a.active svg{color:var(--light-100)}}.nav-links a:hover{opacity:1;color:var(--blue)}.nav-links svg{color:var(--text-secondary)}.search-link{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.25rem;line-height:0;display:inline-flex}.search-link:hover{border-color:var(--border)}.theme-toggle{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.25rem;line-height:0;display:inline-flex}.theme-toggle:hover{border-color:var(--border)}.theme-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none}[data-theme=light] .theme-toggle .icon-sun{display:inline}[data-theme=light] .theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:inline}.lang-select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem}main{flex:1;padding:0 0}.grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.card{background:var(--card);border-radius:1.5rem;box-shadow:0 5px 20px #00000012}.card header h1{padding:0 0 2rem;font-size:1.5rem}.card header h2{padding:0 0 2rem;font-size:1.25rem}@media (width<=1200px){.card header h1{padding:0 0 1.5rem;font-size:1.25rem;line-height:1}}.blog-list{padding:1rem}.blog-list header{padding:.5rem 1rem 0}.blog-list header h1{padding-bottom:.875rem}.blog-list.mainpage header{margin-bottom:1rem;padding:1rem 1rem 0}.blog-list.mainpage header a{color:var(--text);font-size:1.125rem;font-weight:500;line-height:1.3}.blog-list article a{color:var(--text);border-radius:1rem;grid-template-columns:56px auto;align-items:start;gap:1rem;padding:1rem;display:grid}.blog-list article picture{border-radius:1rem;width:56px;height:56px}.blog-list article img{border-radius:1rem}.blog-list article a:hover{background:var(--bloglist-article-hover);transition:all .3s ease-in-out}.blog-list .content header{grid-template-columns:1fr auto;align-items:center;margin-bottom:.25rem;padding:0;display:grid}.blog-list article .title{font-size:1rem;font-weight:500}.blog-list article time{color:var(--text-secondary);opacity:.5;font-size:.85rem}.blog-list article p{color:var(--text-secondary);margin:0;font-size:.875rem}@media (width<=1200px){.blog-list article .title{font-size:.875rem;line-height:1.2}.blog-list article p{font-size:.75rem;line-height:1.2}.blog-list article time{font-size:.75rem}}.list{gap:1rem;display:grid}.pagination{background:var(--card);border-radius:1.25rem;grid-template-columns:auto auto auto;justify-content:space-between;align-items:center;gap:.5rem;min-height:4rem;margin-top:1.5rem;display:grid;box-shadow:0 5px 20px #00000012}.pagination a,.pagination button{color:var(--text);grid-auto-flow:column;align-items:center;gap:.5rem;min-height:4rem;padding:0 2rem;font-size:.875rem;font-weight:500;display:grid}.pagination a.prev{border-radius:1rem 0 0 1rem}.pagination a.next{border-radius:0 1rem 1rem 0}.pagination a:hover{background:var(--btn-secondary-bg-hover)}.pagination button{color:var(--text-secondary);cursor:not-allowed;opacity:.5;background:0 0}.page-indicator{color:var(--text-secondary)}@media (width<=1200px){.pagination{margin-top:1rem}}.article{max-width:840px;margin:0 auto;padding:2rem}.article header{margin-bottom:2rem;padding:0}.article header img{border-radius:1rem;width:100%;height:auto;margin-bottom:1rem}.article header h1{padding-bottom:.5rem}.article header time{color:var(--text-secondary);padding-bottom:1rem;font-size:.875rem;display:grid}.article .content{color:var(--text);margin-top:2rem;font-size:1rem}.article .content h2{margin:2rem 0 1rem;font-size:1.25rem}.article .content h3{margin:2rem 0 1rem;font-size:1rem}.article .content img{border-radius:1rem;width:100%;height:auto;margin:1rem auto}.maxHeight{justify-content:center;display:grid}.article .content .maxHeight img{width:auto;max-height:480px}.lightbox-caption{text-align:center;color:var(--text-secondary);margin:-.5rem 1rem 1.5rem;font-size:.875rem}.astro-code{margin:2rem 0}.article .comments{border-top:1px solid var(--border);margin-top:2rem;padding-top:2rem}.article .comments .giscus{width:100%}@media (width<=992px){.article{padding:1rem}.article header img{margin-bottom:.5rem}.article .content{font-size:.875rem}}.footer{text-align:center;margin-top:3rem;padding:2rem 0;font-size:.85rem}section.about{background:var(--purple);color:var(--light-100);border-radius:2rem;grid-template-columns:2fr 3fr;margin:0 0 2rem;display:grid}section.about div{padding:3rem 0 3rem 3rem}section.about picture{padding:0 2rem;display:grid}section.about img{align-content:end;align-self:end;width:auto;max-width:100%;height:auto;display:grid}section.about h3{letter-spacing:-1px;margin-bottom:1rem;font-size:40px;font-weight:600;line-height:1}section.about p{margin:0 0 1.5rem}@media (width<=992px){section.about{grid-template-columns:1fr;margin-bottom:1rem}section.about h3{font-size:2rem}section.about p{margin:0 0 1.25rem;font-size:.875rem}section.about .btn-solid{height:3rem;padding:1rem 1.5rem 2.1rem;font-size:.75rem}section.about div{text-align:center;justify-items:center;padding:2rem 1rem 1rem;display:grid}section.about picture{padding:0 1rem;display:grid}}.search{padding:2rem}.pagefind-ui input{min-height:4rem;background:var(--input)!important;color:var(--text)!important;border:none!important;border-radius:1rem!important;outline:none!important;font-size:.875rem!important;font-weight:500!important}.pagefind-ui__form:before{margin-top:.45rem}.contact{padding:2rem}form{gap:1rem;display:grid}input,textarea{color:var(--text);background:var(--input);border:none;border-radius:1rem;min-height:4rem;padding:1rem 1.5rem;font-family:Poppins;font-size:.875rem;font-weight:500}input:focus,textarea:focus{outline-width:0}form .btn{margin:1rem 0}@media (width<=1200px){.contact{padding:1.5rem}}.tags{padding:2rem;display:grid}.tags-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.tags-list a{color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem .8rem;text-decoration:none;display:flex}article .tags{gap:.5rem;padding:0;display:flex}.tag{background:var(--tag-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:.5rem;width:max-content;padding:.4rem .75rem;font-size:.75rem}.lang-switch[data-astro-cid-l7arcky5]{align-items:center;display:inline-flex;position:relative}.lang-trigger[data-astro-cid-l7arcky5]{color:var(--text);pointer-events:none;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.15rem;padding:.25rem;line-height:0;display:inline-flex}.lang-switch[data-astro-cid-l7arcky5]:hover .lang-trigger[data-astro-cid-l7arcky5]{border-color:var(--border)}.lang-select[data-astro-cid-l7arcky5]{opacity:0;cursor:pointer;z-index:2;position:absolute;inset:0}.lang-trigger[data-astro-cid-l7arcky5]{z-index:1}.lang-switch[data-astro-cid-l7arcky5]:focus-within .lang-trigger[data-astro-cid-l7arcky5]{outline:2px solid var(--primary);outline-offset:2px}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}