body{font-family:MiSans VF,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}html,body{width:100%;margin:0;padding:0}:root{--card-border:1px solid var(--theme-color-gay);--card-border-hover:1px solid var(--theme-color);--input-border:1px solid var(--theme-color-gay);--btn-border-radius:.5rem;--code-border-radius:.5rem;--card-border-radius:1rem;--blur-filter:blur(1rem);--animation-time:.3s;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root{--bg-color:#f3f3f3;--card-bg:#fff;--btn-hover-bg:rgba(50,50,50,.2);--blur-bg:rgba(255,255,255,.6);--text-color:#333;--text-color-secondary:#666;--text-color-light:#fff;--theme-color:var(--theme-color-blue);--theme-color-red:#ef6f48;--theme-color-green:#7ba23f;--theme-color-blue:#1677b3;--theme-color-yellow:#d19826;--theme-color-gay:#e4e4e4;--theme-color-dark:var(--theme-color-blue-dark);--theme-color-red-dark:#b54434;--theme-color-green-dark:#579572;--theme-color-blue-dark:#6699a1;--theme-color-yellow-dark:#ddc871}@media (prefers-color-scheme:dark){:root{--bg-color:#121212;--card-bg:#222;--btn-hover-bg:rgba(50,50,50,.8);--blur-bg:rgba(50,50,50,.6);--text-color:#fff;--text-color-secondary:#aaa;--text-color-light:#666;--theme-color:var(--theme-color-blue);--theme-color-red:#ef6f48;--theme-color-green:#7ba23f;--theme-color-blue:#1677b3;--theme-color-yellow:#d19826;--theme-color-gay:#666;--theme-color-dark:var(--theme-color-blue-dark);--theme-color-red-dark:#b54434;--theme-color-green-dark:#579572;--theme-color-blue-dark:#6699a1;--theme-color-yellow-dark:#ddc871}img{filter:brightness(75%)}}@media (prefers-reduced-motion:reduce){:root{--animation-time:0s}}body{background-color:var(--bg-color);color:var(--text-color);scrollbar-width:thin;margin:0;font-size:1rem}::-webkit-scrollbar{width:.5em;height:.5em}::-webkit-scrollbar-thumb{background:var(--theme-color);border-radius:999em;height:.5em}::-webkit-scrollbar-track{background:rgba(50,50,50,.2)}a{color:var(--theme-color);text-decoration:none}.card{background-color:var(--card-bg);border:var(--card-border);border-radius:var(--card-border-radius);padding:1em;transition:border .3s ease-in-out}.card:hover{border:var(--card-border-hover)}.card .card-title{margin:0}@media (max-width:50em){.card.mobile-card{background:inherit;border:none;border-radius:0;padding:0}}#main-content{gap:1em;padding:1em;display:flex}@media (max-width:50em){#main-content{flex-direction:column}}@media (min-width:50em){#main-content{justify-content:center}}.main-content{flex:auto}main{flex-direction:column;flex:50em;max-width:60em;display:flex}.blog-btn{color:inherit;cursor:pointer;border-radius:var(--btn-border-radius);background:0 0;border:none;align-items:center;display:flex}.blog-btn:hover{background:var(--btn-hover-bg)}
header{z-index:1000;position:-webkit-sticky;position:sticky;top:0;left:0}nav{border-bottom:var(--card-border);background:var(--blur-bg);-webkit-backdrop-filter:var(--blur-filter);backdrop-filter:var(--blur-filter);justify-content:space-between;align-items:center;display:flex}.site-name{display:flex}#site-name{color:var(--text-color);margin:.5rem .5rem .5rem 1rem;font-size:1.3em;font-weight:700}nav .nav-right{align-items:center;margin:0 .5em;display:flex}nav .nav-links{align-items:left;gap:1em;margin:.5em;display:flex}@media (max-width:40em){nav .nav-links{display:none}}nav .nav-links .nav-link{color:var(--text-color);align-items:center;gap:.5em;text-decoration:none;display:flex}nav .nav-links a:hover{color:var(--text-color-hover)}nav .nav-btns{grid-area:nav-btns;justify-self:end;align-items:center;gap:.5em;margin:.5em;display:flex}nav .nav-btns .nav-btn{color:inherit;cursor:pointer;border-radius:var(--btn-border-radius);background:0 0;border:none;align-items:center;padding:.5rem;font-size:1.2em;display:flex}nav .nav-btns .nav-btn:hover{background:var(--btn-hover-bg)}@media (min-width:40em){nav .nav-btns .nav-btn.toggle-mobile-menu-btn{display:none}}.nav-mobile-menu{height:100vh;width:100vw;height:100dvh;z-index:9999;width:100dvw;display:none;position:fixed;top:0;right:0}.nav-mobile-menu .nav-menu-container{box-sizing:border-box;border:var(--card-border);border-radius:var(--card-border-radius)0 0 var(--card-border-radius);width:15em;max-width:80%;height:100%;padding:1em;position:absolute;top:0;right:0}@media (max-width:40em){.nav-mobile-menu.open{animation:nav-mobile-menu-mask-open var(--animation-time)ease-in-out forwards;display:block}.nav-mobile-menu.open .nav-menu-container{-webkit-backdrop-filter:var(--blur-filter);backdrop-filter:var(--blur-filter);animation:nav-mobile-menu-container-open var(--animation-time)ease-in-out forwards}}@keyframes nav-mobile-menu-mask-open{0%{background:0 0}to{background:var(--blur-bg)}}@keyframes nav-mobile-menu-container-open{0%{transform:translate(100%)}to{transform:translate(0)}}.nav-mobile-menu .nav-menu-container .nav-menu-header{justify-content:space-between;align-items:center;padding:.5em;display:flex}.nav-menu-title{margin:0}.nav-menu-close-btn{cursor:pointer;border-radius:var(--btn-border-radius);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.5em;transition:background .3s ease-in-out;display:flex}.nav-menu-close-btn:hover{background:var(--btn-hover-bg)}.nav-mobile-menu .nav-menu-container .nav-menu-header .nav-menu-close-btn{cursor:pointer;font-size:1.5em}.nav-mobile-menu .nav-menu-content{flex-direction:column;justify-content:center;align-items:center;gap:.5em;display:flex}
footer{background:var(--card-bg);flex-direction:column;align-items:center;padding:1em;display:flex}footer .footer-info{flex-direction:column;align-items:center;display:flex}footer p{margin:.5em 0}