:root,[data-theme=dark]{--bg: #1a1b1e;--fg: #ffffff;--separator: rgba(255, 255, 255, .08);--separator-hover: color-mix(in srgb, var(--fg) 35%, transparent)}[data-theme=light]{--bg: #f4f4f6;--fg: #1a1b1e;--separator: rgba(0, 0, 0, .1);--separator-hover: color-mix(in srgb, var(--fg) 35%, transparent)}:root{--nav-height: 56px}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--fg) 20%,transparent) transparent}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg) 20%,transparent);border-radius:3px}html::-webkit-scrollbar-thumb:hover{background:var(--separator-hover)}body{background:var(--bg);color:var(--fg);font-family:Plus Jakarta Sans,system-ui,sans-serif;padding-top:var(--nav-height);padding-bottom:var(--nav-height);min-height:100vh;transition:background .2s ease,color .2s ease}app-root{display:contents}nav a,nav button,footer a{color:var(--fg);text-decoration:none;font-weight:600;opacity:.25;transition:opacity .2s ease}nav a:hover,nav button:hover,footer a:hover{opacity:.7}nav a.active{opacity:1}main{min-height:calc(100vh - 2 * var(--nav-height));display:flex;flex-direction:column;max-width:860px;margin:0 auto;padding:4rem 3rem}@media(max-width:768px){main{padding:2.5rem 1.5rem}}