:root{--dark-300: #191b20;--dark-200: #202128;--dark-100: #242731;--dark-50: rgba(228, 228, 228, .03);--light-300: #808191;--light-200: #b2b3bd;--light-100: #ffffff;--light-50: #E4E4E4;--light-25: #f1f1f1;--blue: #355dff;--blue-hover: #1140ff;--purple: #6c5dd3;--border: rgba(228, 228, 228, .1);--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: rgba(228, 228, 228, .1);--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: #ffffff;--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{text-decoration:none;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;outline:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;margin:0}p{margin:0rem 0rem 1rem}pre{overflow:auto;padding:1rem;border-radius:12px;border:1px solid var(--border)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}pre code{font-size:.875rem}.astro-code{margin:1rem 0}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{display:block;position:relative;padding-left:3.25rem}pre.astro-code.with-line-numbers .line:before{counter-increment:line;content:counter(line);position:absolute;left:0;width:2.75rem;text-align:right;color:var(--text-secondary);opacity:.8}.article .content img[data-lightbox],.article .content img.lightbox-image{cursor:zoom-in}.article .content a[data-fslightbox] img{transition:filter .2s ease,opacity .2s ease,box-shadow .2s ease;border-radius:.75rem}.article .content a[data-fslightbox]:hover img{opacity:.98;filter:saturate(1.15) contrast(1.02);box-shadow:0 0 0 2px #355dff38}.btn{font-weight:600;display:grid;align-items:center;height:3rem;padding:0 24px;border-radius:12px}.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{display:grid;width:max-content;background:var(--btn-tertiary-bg);color:var(--text);height:56px;font-size:.875rem;padding:0rem 2rem;border-radius:16px;transition:.25s;font-weight:500}.btn-solid:hover{background:var(--btn-tertiary-bg-hover)}button,.btn[disabled],.btn-disabled{font-size:.875rem;font-weight:500;background:#e4e4e41a;border:rgba(228,228,228,.1);color:var(--light-300)}*{box-sizing:border-box}html,body{height:100%}body{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";background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}.container{width:min(992px,calc(100% - 2rem));margin-inline:auto}.nav-inner{display:grid;grid-template-columns:max-content auto;align-items:center;padding:3rem 0}.nav-controls{display:flex;align-items:center;justify-self:end;width:max-content;gap:1rem}.brand{font-weight:500;letter-spacing:.3px;font-size:16px;line-height:1.33333;color:var(--text);padding:0rem}.brand span{font-size:48px;line-height:1.16667;letter-spacing:-1px;display:grid;grid-auto-flow:column;font-weight:600;padding-top:.25rem;gap:.5rem;align-items:center}.brand img{display:grid;width:3.5rem;height:3.5rem;margin-left:.5rem;margin-top:-.25rem}.brand svg{width:3.5rem;height:3.5rem;margin-left:.5rem;margin-top:-.25rem}.brand:hover svg{animation:wave .5s ease-in-out infinite alternate}@keyframes wave{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@media (max-width:1200px){.brand img{display:grid;width:2.5rem;height:2.5rem;margin-left:.25rem}.brand svg{width:2.5rem;height:2.5rem}}.nav-links{display:grid;grid-template-columns:auto max-content;align-items:center;gap:2rem}.nav-links a{color:var(--text);text-decoration:none;opacity:.9;font-weight:500}.nav-links menu{display:flex;justify-self:center;gap:3rem;margin:0}@media (max-width: 1200px){.nav-inner{padding:2rem 0}.brand{font-size:.75rem}.brand span{font-size:2.5rem;padding-top:.25rem}.nav-links{grid-template-columns:1fr}.nav-links menu{display:none}}.bottom-nav{display:none}@media (max-width: 1200px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:999;background:var(--bottom-nav-bg);box-shadow:0 -2px 16px #0000001a;padding:.6rem .6rem calc(.6rem + env(safe-area-inset-bottom))}.bottom-nav a{display:grid;justify-items:center;gap:.35rem;padding:0rem .25rem;border-radius:1rem;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.625rem;line-height:1}.bottom-nav a:focus,.bottom-nav a:focus-visible{outline:none;box-shadow:none}.bottom-nav a.active{color:var(--blue)}.bottom-nav a svg{color:currentColor}.bottom-nav a div{padding:.2rem 1rem;border-radius: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{line-height:0;display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border-radius:8px;border:1px solid transparent}.search-link:hover{border-color:var(--border)}.theme-toggle{line-height:0;display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer}.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);padding:.4rem .6rem;border-radius:8px}main{padding:0rem 0;flex:1}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.card{background:var(--card);box-shadow:0 5px 20px #00000012;border-radius:1.5rem}.card header h1{padding:0rem 0rem 2rem;font-size:1.5rem}.card header h2{padding:0rem 0rem 2rem;font-size:1.25rem}@media (max-width: 1200px){.card header h1{font-size:1.25rem;padding:0rem 0rem 1.5rem;line-height:1}}.blog-list{padding:1rem}.blog-list header{padding:.5rem 1rem 0rem}.blog-list header h1{padding-bottom:.875rem}.blog-list.mainpage header{padding:1rem 1rem 0rem;margin-bottom:1rem}.blog-list.mainpage header a{font-size:1.125rem;line-height:1.3;color:var(--text);font-weight:500}.blog-list article a{display:grid;grid-template-columns:56px auto;gap:1rem;align-items:start;color:var(--text);border-radius:1rem;padding:1rem}.blog-list article picture{width:56px;height:56px;border-radius:1rem}.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{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:.25rem;padding:0rem}.blog-list article .title{font-weight:500;font-size:1rem}.blog-list article time{font-size:.85rem;color:var(--text-secondary);opacity:.5}.blog-list article p{color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-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{display:grid;gap:1rem}.pagination{background:var(--card);box-shadow:0 5px 20px #00000012;border-radius:1.25rem;display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:space-between;gap:.5rem;min-height:4rem;margin-top:1.5rem}.pagination a,.pagination button{font-size:.875rem;font-weight:500;color:var(--text);min-height:4rem;align-items:center;display:grid;grid-auto-flow:column;gap:.5rem;padding:0rem 2rem}.pagination a.prev{border-radius:1rem 0rem 0rem 1rem}.pagination a.next{border-radius:0rem 1rem 1rem 0rem}.pagination a:hover{background:var(--btn-secondary-bg-hover)}.pagination button{background:none;color:var(--text-secondary);cursor:not-allowed;opacity:.5}.page-indicator{color:var(--text-secondary)}@media (max-width: 1200px){.pagination{margin-top:1rem}}.article{max-width:840px;margin:0 auto;padding:2rem}.article header{padding:0rem;margin-bottom:2rem}.article header img{width:100%;height:auto;border-radius:1rem;margin-bottom:1rem}.article header h1{padding-bottom:.5rem}.article header time{display:grid;font-size:.875rem;color:var(--text-secondary);padding-bottom:1rem}.article .content{color:var(--text);font-size:1rem;margin-top:2rem}.article .content h2{margin:2rem 0rem 1rem;font-size:1.25rem}.article .content h3{margin:2rem 0rem 1rem;font-size:1rem}.article .content img{width:100%;height:auto;border-radius:1rem;margin:1rem auto}.astro-code{margin:2rem 0}.article .comments{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.article .comments .giscus{width:100%}@media (max-width: 992px){.article{padding:1rem}.article header img{margin-bottom:.5rem}.article .content{font-size:.875rem}}.footer{font-size:.85rem;padding:2rem 0;text-align:center;margin-top:3rem}section.about{margin:0rem 0 2rem;background:var(--purple);color:var(--light-100);border-radius:2rem;display:grid;grid-template-columns:2fr 3fr}section.about div{padding:3rem 0rem 3rem 3rem}section.about picture{display:grid;padding:0rem 2rem}section.about img{max-width:100%;width:auto;height:auto;align-self:end;align-content:end;display:grid}section.about h3{font-size:40px;line-height:1;font-weight:600;letter-spacing:-1px;margin-bottom:1rem}section.about p{margin:0rem 0rem 1.5rem}@media (max-width: 992px){section.about{grid-template-columns:1fr;margin-bottom:1rem}section.about h3{font-size:2rem}section.about p{font-size:.875rem;margin:0rem 0rem 1.25rem}section.about .btn-solid{padding:1rem 1.5rem 2.1rem;font-size:.75rem;height:3rem}section.about div{display:grid;justify-items:center;text-align:center;padding:2rem 1rem 1rem}section.about picture{display:grid;padding:0rem 1rem}}.search{padding:2rem}.pagefind-ui input{background:var(--input)!important;border:none!important;color:var(--text)!important;font-size:.875rem!important;font-weight:500!important;border-radius:1rem!important;outline:none!important;min-height:4rem}.pagefind-ui__form:before{margin-top:.45rem}.contact{padding:2rem}form{display:grid;gap:1rem}input,textarea{border:none;border-radius:1rem;color:var(--text);font-family:Poppins;font-size:.875rem;padding:1rem;font-weight:500;background:var(--input);padding:1rem 1.5rem;min-height:4rem}input:focus,textarea:focus{outline-width:0}form .btn{margin:1rem 0rem}@media (max-width: 1200px){.contact{padding:1.5rem}}.tags{display:grid;padding:2rem}.tags-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.tags-list a{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;border-radius:10px;color:var(--text);text-decoration:none}article .tags{display:flex;gap:.5rem;padding:0rem}.tag{background:var(--tag-bg);border:1px solid var(--border);border-radius:.5rem;color:var(--text);padding:.4rem .75rem;cursor:pointer;font-size:.75rem;width:max-content}.lang-switch[data-astro-cid-5blmo7yk]{position:relative;display:inline-flex;align-items:center}.lang-trigger[data-astro-cid-5blmo7yk]{line-height:0;display:inline-flex;align-items:center;justify-content:center;gap:.15rem;padding:.25rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text);pointer-events:none}.lang-switch[data-astro-cid-5blmo7yk]:hover .lang-trigger[data-astro-cid-5blmo7yk]{border-color:var(--border)}.lang-select[data-astro-cid-5blmo7yk]{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}.lang-trigger[data-astro-cid-5blmo7yk]{z-index:1}.lang-switch[data-astro-cid-5blmo7yk]:focus-within .lang-trigger[data-astro-cid-5blmo7yk]{outline:2px solid var(--primary);outline-offset:2px}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}