:root{color-scheme:light dark;--wall:light-dark(snow, lightslategray);--bg:light-dark(white, #282c34);--fg:light-dark(black, white);--accent:#a0b4fa;--accent-dark:#3d68f4;--accent-auto:light-dark(#051a60, #a0b4fa)}*{box-sizing:border-box}html{font-family:sans-serif;font-kerning:none;hanging-punctuation:allow-end;hyphens:auto;line-break:strict}body{background-color:var(--bg);color:var(--fg);display:grid;gap:20px 3vw;grid-template-areas:"header" "line" "main" "footer" "side";grid-template-rows:auto auto 1fr auto auto;margin:0;min-height:100vh;padding:20px 3vw}a{color:var(--accent-auto);&:hover{color:var(--accent-dark)}}blockquote{margin:1em 20px;padding:0 20px;border-left:3px solid gray}dt::after{content:":"}pre{padding:1em;border:1px solid #fff;border-radius:5px;overflow:scroll}:not(pre)>code{padding:.1em .3em;border-radius:5px}h1,h2,h3{text-align:start;font-feature-settings:"palt";font-kerning:normal}h1,#side h2{margin-top:.5em;margin-bottom:0;border-bottom:3px solid var(--accent);color:var(--accent-auto);font-size:x-large}ul{padding-left:1em}li{margin:1em 0}table{border-collapse:collapse}th,td{padding:4px;border:1px solid}#header{grid-area:header;ul{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;padding:0;margin:0}}#header-line{grid-area:line;background-color:var(--accent);border:none;height:3px;margin:0 -3vw}#main{grid-area:main;text-align:justify;min-width:0;z-index:0;h2{font-size:large;border-bottom:1px solid var(--accent);&::before{content:"# "}}h3{font-size:medium;&::before{content:"## "}}h2::before, h3::before{color:var(--accent);font-size:1.5em;vertical-align:sub}a[target=_blank]::after{content:"↗︎";font-size:.5em;vertical-align:super}}#side{grid-area:side;padding:0 1em;h2{margin-left:-1rem}}#footer{grid-area:footer;text-align:right}#sitename{font-size:xx-large;font-weight:700;margin:.5em 0;text-align:center;> a{text-decoration:none}}#navigations{display:flex;flex-direction:column;gap:1em}.metadata{display:flex;color:gray;justify-content:space-between}#profile-card{align-items:center;display:flex;gap:1em;margin:1em 0}#profile-img{border:1px solid #ebebeb;padding:3px}#profile-txt{display:flex;flex-direction:column;gap:1em;justify-content:center}#banner-list{display:flex;gap:1em;justify-content:center;flex-wrap:wrap;list-style:none;img{outline:ridge #000}}.gallery{align-items:center;display:grid;gap:1em;grid-template-columns:1fr;padding:0 5em;text-align:center;figure{margin:auto;max-width:500px}img{width:100%;height:100%}}.cards{list-style:none;margin-right:1em;padding:0}.card{border:1px solid var(--accent-auto);border-radius:10px;padding:10px}.cardhead{display:flex;justify-content:space-between;gap:1em}.cardtitle{font-size:larger;font-weight:700;text-align:start}.pagination{display:flex;justify-content:space-between;margin-right:1em}.denselist li{margin:0}.nocss{display:none}@media screen and (min-width:1000px){body{grid-template-areas:"header header" "line line" "main side" "footer side";grid-template-columns:7fr 3fr;grid-template-rows:auto auto 1fr auto}#main{section{padding-left:1em}h1, h2, h3, .metadata{margin-left:-1rem}}#sitename{text-align:left}#navigations{flex-direction:row;justify-content:space-between}.gallery{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (min-width:1400px){html{background-color:var(--wall);padding:3em 10vw}body{box-shadow:0 0 10px 1px gray}}