@import url("syntax-theme-dark.css") (prefers-color-scheme: dark);@import url("syntax-theme-light.css") (prefers-color-scheme: light);:root{color-scheme:light dark;--border-radius: 5px;--accent-color-light: #865ee4}@media (prefers-color-scheme: light){:root{--body-bg-color: oklch(from white 0.9 c h);--main-bg-color: white;--text-color: oklch(from white 0.3 c h);--accent-color: var(--accent-color-light);--nav-text-color: oklch(from var(--accent-color) 1 0.1 h);--nav-bg-color: oklch(from var(--accent-color) 0.35 20% h);--nav-bg-hl-color: oklch(from var(--accent-color) 0.5 20% h);--nav-selected-border: oklch(from var(--accent-color) 0.7 40% h);--text-monospace-color: oklch(from var(--accent-color) 0.6 c 40deg);--text-monospace-bg-color: hsl(0, 0%, 95%);--border-color: hsla(0, 0%, 0%, 0.15)}}@media (prefers-color-scheme: dark){:root{--body-bg-color: oklch(from white 0.225 c h);--main-bg-color: oklch(from white 0.3 c h);--text-color: white;--accent-color: oklch(from var(--accent-color-light) calc(l + 0.2) c h);--nav-text-color: oklch(from var(--accent-color) 1 0.1 h);--nav-bg-color: oklch(from var(--accent-color) 0.5 30% h);--nav-bg-hl-color: oklch(from var(--accent-color) 0.4 30% h);--nav-selected-border: oklch(from var(--accent-color) 0.2 20% h);--text-monospace-color: oklch(from var(--accent-color) 0.9 c 40deg);--text-monospace-bg-color: hsl(0, 0%, 25%);--border-color: hsla(0, 0%, 100%, 0.15)}}*{padding:0;margin:0}body{font-size:16px;font-family:sans-serif;color:var(--text-color);background-color:var(--body-bg-color);max-width:60em;margin:auto;display:flex;flex-direction:column;min-height:100vh;overflow-y:scroll;gap:15px}main{flex:1}header,main,footer{background-color:var(--main-bg-color);padding:10px 15px;border:1px solid var(--border-color)}header,nav,main,footer{margin:0 5px;border-radius:var(--border-radius)}footer{margin-bottom:15px}header{margin-top:15px;display:flex;flex-direction:column;gap:10px}header h1{font-family:"Sarasa Fixed J","Iosevka Fixed",monospace;font-size:3em;font-weight:500;color:var(--accent-color)}nav{background-color:var(--nav-bg-color);display:flex}nav ul{margin:0;list-style-type:none;display:flex}nav ul li{display:flex}nav ul li a{padding:10px 20px;text-decoration:none;color:var(--nav-text-color)}nav ul li a.current,nav ul li a:hover{background-color:var(--nav-bg-hl-color)}p.backlink{font-size:.9em;padding:0}.date{font-size:.9em;padding-left:5px}.date:not(:last-child){margin-top:-14px;border-bottom:1px solid var(--border-color)}.date:last-child{margin-top:30px;margin-bottom:0;border-top:1px solid var(--border-color)}.hidden{display:none}main h1,main h2,main h3,main p,main ul,main ol,main table,main hr{margin-bottom:10px;padding:5px 0 5px}main h1{position:relative;padding-top:0}main h1 small{display:inline-block;position:absolute;top:14px;right:0;font-size:.6em}main h1,main h2{border-bottom:2px solid var(--border-color)}main h3{border-bottom:1px solid var(--border-color)}main ul{margin-left:20px}main ol{margin-left:30px}a{color:var(--accent-color)}code,pre{font-size:.95em;border-radius:4px}:not(pre)>code{color:var(--text-monospace-color);background-color:var(--text-monospace-bg-color);border:1px solid var(--border-color)}pre{padding:8px;border:1px solid var(--border-color)}blockquote{margin-left:8px;padding-left:8px;border-left:3px solid var(--accent-color)}table{text-align:left}table.last-changes{width:100%}table th,table td{padding:2px 6px}table:not(.no-borders),table:not(.no-borders) th,table:not(.no-borders) td{border:1px solid var(--border-color);border-collapse:collapse}table:not(.no-borders) th,table:not(.no-borders) td{padding:4px 10px}hr{border-color:var(--text-color);border-width:0;border-bottom:2px solid var(--border-color)}.margin-above{margin-top:50px}@media (width >= 60em){nav ul{padding:0 16px;gap:5px}nav ul li a.current{padding-top:6px;border-top:4px solid var(--nav-selected-border)}.two-columns{display:flex;gap:20px}.two-columns>div{width:calc(50% - 20px)}}@media (width < 60em){nav ul{padding:5px 0;flex-direction:column;width:100%}nav ul li a{width:100%;text-align:center}nav ul li a.current{padding-left:17px;border-left:5px solid var(--nav-selected-border)}}