.light-theme{--blue:#1e66f5;--text:#4c4f69;--subtext0:#6c6f85;--surface2:#acb0be;--surface1:#bcc0cc;--surface0:#ccd0da;--base:#eff1f5}.dark-theme{--blue:#89b4fa;--text:#cdd6f4;--subtext0:#a6adc8;--surface2:#303664;--surface1:#42466e;--surface0:#121224;--base:#000000}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--surface0);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;line-height:1.5;margin:auto;max-width:999px;word-break:break-word}header{border-bottom:2px solid var(--surface2);a { font-size: 1.2rem; }}main{padding:1.5rem;min-height:90vh}figure{margin-block:2rem}figcaption{text-align:center;margin-block-start:1rem}svg{width:inherit}img,video,iframe{display:block;max-width:100%;margin:auto;border-radius:6px}blockquote{margin-inline:0;border-left:4px solid var(--blue);padding-left:1.25rem}button,a{text-decoration:none;color:inherit}button{background:0 0;border:none;cursor:pointer}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4,h5,h6{font-size:1rem}nav,.nav-list,.logo{display:flex}nav{justify-content:space-between;li { list-style: none; } img { width: 2rem; border-radius: 6px; margin-inline-end: 8px; display: inline; vertical-align: middle; border: none; }}table{font-size:1.125rem;text-align:start;margin-block:3rem;border-spacing:0;border:2px solid var(--subtext0);border-radius:6px;td, th { padding: 0.75rem; } th { background-color: var(--surface2); }}tr:nth-child(odd){background-color:var(--surface1)}.header-main{padding-block:1rem}.logo{align-items:center;a { font-weight: bold; font-size: 1.5rem; }}.nav-btn{margin-inline-start:1rem}.nav-list{gap:1rem}.home-info{padding-block:2rem;.content { margin-block: 0.5rem; } .social-icons { display: flex; gap: 1rem; margin-block-start: 1rem; a { width: 30px; } }}.post-container{max-width:720px;margin:auto}.card{background-color:var(--surface2);border:2px solid var(--blue);border-radius:6px;padding:1.25rem;margin-block:2rem;position:relative;transition:scale ease-in-out 350ms}.card:active{scale:.9}.post-link{position:absolute;right:0;left:0;top:0;bottom:0}.card-header h2{font-size:1.5rem}.card-summary p{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.card-summary,.card-footer{font-size:.9rem}.card-footer{margin-block-start:.75rem}.post-meta{margin-block:1rem;color:var(--subtext0)}.post-content{p, h1, h2, h3, h4, h5, h6 { margin-block-end: 0.75rem; } li:not(:has(p)) { margin-block-end: 0.35rem; } p, li { font-size: 1.125rem; line-height: 1.7; } ol, ul { padding-inline: 1.25rem; } a { text-decoration: underline; }}.post-content{code { background-color: var(--surface2); border-radius: 8px; padding: 4px; margin: 4px; } pre { margin-block: 1rem; code { display: grid; padding: 0.75rem; background-color: var(--surface2); border-radius: 8px; overflow-x: auto; word-break: break-all; } }}.toc,.tag,.post-nav{background-color:var(--surface2);border-radius:8px}.toc{padding:.75rem;margin-block-end:1.25rem;font-size:1.25rem;cursor:pointer;a:hover { text-decoration:underline; } summary { user-select:none; margin-inline-start:0.5rem; font-weight:bold; } .inner { margin-block-start:0.5rem; padding-inline:1.5rem; } ul > li { list-style:disc; ul > li { list-style:circle; margin-inline-start:1.25rem; } } ul > li:has(ul) { margin-block-end:0.5rem; }}.anchor{visibility:hidden}h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover{.anchor { visibility: visible; }}.post-meta{margin-block:1.25rem}.post-footer{margin-block-start:2rem;.post-nav { .title { width: 50%; color: var(--subtext0); } }}.prev-post,.next-post{font-size:large;font-weight:medium}.prev,.next{border-radius:8px;padding-block:.5rem;padding-inline:1rem;width:50%}.prev:hover,.next:hover{background-color:var(--surface1)}.next{text-align:end;margin-inline-start:auto}.btn-next,.btn-previous{background-color:var(--base);font-weight:700;line-height:2.75;border-radius:999px}.btn-next>a,.btn-previous>a{padding:1.25rem}.tags-container{margin-block-end:.75rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;.tag { list-style: none; .tag-link { display: block; padding-block: 0.25rem; padding-inline: 1rem; line-height: 2; } }}.footer-main{text-align:center;padding-bottom:1.25rem;margin:0}.top-link{background-color:var(--surface2);display:flex;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;border:4px solid var(--subtext0);padding:1rem;border-radius:50%;margin-inline-end:1rem;position:fixed;right:12px;bottom:64px;opacity:0;transition:opacity 300ms ease-in-out}#search-box{margin-top:1.25rem;display:flex;justify-content:center}#search{min-width:100%;font-size:1.5rem;padding:.5rem;border-radius:6px;color:var(--text);border:none;background:var(--surface2)}@media screen and (width <= 800px){.header-main{padding-inline:1.25rem;.nav-main { flex-direction: column; .nav-list { flex-wrap: wrap; margin-block-start: 1.25rem; } }}.post{margin-block:1.25rem}.footer-main{padding-inline:1rem}}@media screen and (0px <=width <= 330px){main{padding:1rem}.logo{flex-direction:column;align-items:baseline;.nav-btn { margin-block-start: 1.5rem; }}}