:root,:root.light{--bg-header: hsl(0, 0%, 100%);--bg-main: hsl(0, 0%, 92%);--bg-variation: hsl(0, 0%, 95%);--bg-contrast: hsl(0, 0%, 20%);--bg-caption: hsl(0, 0%, 20%);--shadow-main: rgba(0, 0, 0, 5%);--shadow-sides: rgba(0, 0, 0, 10%);--text: hsl(0, 0%, 10%);--text-contrast: hsl(0, 0%, 100%);--text-white: hsl(0, 0%, 100%);--text-mark: hsl(123, 50%, 80%);--text-mark-contrast: hsl(123, 50%, 20%);--accent1: #4abf50;--accent2: #ee5622;--accent3: #eca72c;--accent4: #2d7dd2;--accent5: #914d76}:root.dark{--bg-header: hsl(0, 0%, 20%);--bg-main: hsl(0, 0%, 30%);--bg-variation: hsl(0, 0%, 25%);--bg-contrast: hsl(0, 0%, 80%);--bg-caption: hsl(0, 0%, 20%);--shadow-main: rgba(0, 0, 0, 5%);--shadow-sides: rgba(0, 0, 0, 10%);--text: hsl(0, 0%, 80%);--text-contrast: hsl(0, 0%, 10%);--text-white: hsl(0, 0%, 100%);--text-mark: hsl(123, 50%, 20%);--text-mark-contrast: hsl(123, 50%, 80%);--accent1: #4abf50;--accent2: #ee5622;--accent3: #eca72c;--accent4: #2d7dd2;--accent5: hsl(324, 31%, 50%)}a{color:inherit;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:0.05em}a:hover{text-decoration-style:dashed}cn{color:var(--accent5);font-size:0.8em;font-weight:bold}.tooltip{position:relative;display:inline-block;color:inherit;text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:0.05rem}#tooltip{text-align:center;color:var(--text-contrast);background:var(--bg-contrast);position:absolute;z-index:100;padding:0.3em;border-radius:0.3rem;border:0.15rem solid var(--accent1);font-size:medium}#tooltip:after{width:0;height:0;border-left:0.6rem solid transparent;border-right:0.6rem solid transparent;border-top:0.6rem solid var(--accent1);content:'';position:absolute;left:50%;bottom:-0.6rem;margin-left:-0.6rem}#tooltip.top:after{border-top-color:transparent;border-bottom:0.6rem solid var(--accent1);top:-1.2rem;bottom:auto}#tooltip.left:after{left:0.6rem;margin:0}#tooltip.right:after{right:0.6rem;left:auto;margin:0}.style1 a.a--local{text-decoration-style:dotted}.style1 a:hover.a--local{text-decoration-style:dashed}.grid__maxcolumns--2{position:relative;display:grid;width:100%;gap:1rem;grid-template-columns:repeat(2, 1fr);margin:1rem 0}.grid__columns--exactly2{position:relative;display:grid;width:100%;gap:1rem;grid-template-columns:repeat(2, 1fr)}.grid__columns--exactly3{position:relative;display:grid;width:100%;gap:1rem;grid-template-columns:repeat(3, 1fr)}.grid__align--bottom{align-items:bottom}.grid__align--top{align-items:top}.grid__columns-2-1{position:relative;display:grid;width:100%;gap:1rem;grid-template-columns:2fr 1fr}.grid__columns-2-1--exact{position:relative;display:grid;width:100%;gap:1rem;grid-template-columns:2fr 1fr}.grid__columns-1-2--exact{position:relative;display:grid;width:100%;gap:1rem;grid-template-columns:1fr 2fr}@media only screen and (max-width: 768px){.grid__maxcolumns--2{grid-template-columns:1fr}.grid__columns-2-1{grid-template-columns:1fr}}.grid-w480px{position:relative;display:grid;align-items:center;text-align:center;width:100%;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin:1rem 0}@media only screen and (max-width: 960px){.grid-w480px{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 480px){.grid-w480px{grid-template-columns:1fr}}.grid-full{position:relative;display:grid;align-items:center;text-align:center;width:100%;grid-template-columns:1fr;gap:1rem;margin:1rem 0}.container{position:relative;width:100%;height:auto}.container.margin--vertical{margin-top:0.5rem;margin-bottom:0.5rem}@media only screen and (max-width: 768px){.container.responsive h1{font-size:4.5vw}.container.responsive p{font-size:3vw}.container.responsive p.date{font-size:2vw}}.caption__text{position:relative;background:var(--bg-caption);color:var(--text-white);width:100%;text-align:center;max-height:100%;padding:0.5em;z-index:1}.caption__text-mathjax{color:var(--text-contrast)}.caption__text--overlay{position:absolute;bottom:0;background:#000;background:rgba(0,0,0,0.5);color:var(--text-white);width:100%;text-align:center;max-height:100%;padding:0.5em;z-index:1}.caption__text--hover{opacity:0;transition:ease 0.5s}.container:hover .caption__text--hover{opacity:1}.caption__text--fill{display:grid;align-items:center;overflow:auto;height:100%}.container__list{position:relative;border:0.3rem solid var(--accent4);background-color:var(--accent4);color:var(--text-white);padding:0.5rem}.image__container{position:relative;display:grid;gap:0.3rem;width:fit-content;height:fit-content;background-color:var(--accent3);border:0.3rem solid var(--accent3)}.image__container img{position:relative;display:flex;object-fit:contain;width:100%}.portrait{object-fit:contain;width:100%;max-height:100%}@media only screen and (max-width: 768px){.portrait{max-width:256px;max-height:100vw}}.image__modal{cursor:pointer}.modal{display:none;position:fixed;z-index:2;padding-top:5vh;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.9)}.modal-content{margin:auto;display:block;width:90%;max-height:90%;object-fit:contain}#caption{margin:auto;display:block;width:90%;text-align:center;color:var(--text-white);padding:0.5em 0}.modal-content,#caption{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s}@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:2.5%;right:2.5%;color:#f1f1f1;font-size:xx-large;font-weight:bold;transition:0.3s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width: 768px){.modal-content{width:100%}}.video__container{position:relative;display:grid;gap:0.3rem;width:100%;background-color:var(--accent2);border:0.3rem solid var(--accent2)}.video__container.gif{background-color:var(--accent2);border:0.3rem solid var(--accent2)}.video__container.preview{background-color:var(--accent1);border:0.3rem solid var(--accent1)}.video__container.youtube{position:relative;padding-bottom:56.25%;height:0;background-color:var(--accent2);border:0.3rem solid var(--accent2)}.video__container video{position:relative;display:flex;width:100%;height:100%}.video__container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.collapsible{background-color:var(--accent5);color:var(--text-white);cursor:pointer;padding:1rem;width:100%;border:none;text-align:left;font-size:medium}.collapsible:after{content:'\002B';color:var(--text-white);font-weight:bold;float:right;margin-left:1rem}.collapsible--active.round{border-bottom-left-radius:0;border-bottom-right-radius:0}.collapsible--active:after{content:"\2212"}.collapsible__content{display:grid;max-height:0;overflow:hidden;background-color:var(--bg-header);border:0rem solid var(--accent5);margin-bottom:1rem;visibility:hidden}.collapsible__content.round{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.collapsible__content.code{border-color:var(--accent5);background-color:var(--accent5)}html{scroll-behavior:smooth}pre{overflow:auto;width:100%}mark{background-color:var(--text-mark);border-radius:0.3em;padding:0 0.15em;color:inherit}.note__base mark{background-color:var(--text-mark-contrast)}hr{border-top:0.2rem solid var(--accent1)}.equation{display:grid;max-width:100%;overflow:auto}.container__code{display:grid}.container__code.line-numbers{margin:0}.title-box{display:grid;align-items:center;grid-template-columns:1fr auto 1fr;text-align:center;width:100%;background-color:var(--bg-header);border-bottom:0.2em solid var(--accent1);border-top:0.2em solid var(--accent1);margin-bottom:2em;margin-top:1em}ul.n{list-style-type:decimal}ol{list-style-type:none;counter-reset:item;margin:0;padding:0}ol>li{display:table;counter-increment:item;margin-bottom:0.6em}ol>li:before{content:counters(item,".") ". ";display:table-cell;padding-right:0.6em}li ol>li{margin:0}li ol>li:before{content:counters(item,".") " "}.social__container--extended{display:flex;width:fit-content;color:var(--text-contrast);border-radius:0.3rem;border:0.3rem solid var(--text);background-color:var(--text);transition:ease-in-out 0.3s;margin:0.5rem}.social__container--extended:hover{border-color:var(--accent1);background-color:var(--accent1)}.social__container--compact{display:inline-flex;width:fit-content;color:var(--text-contrast);border-radius:0.3rem;border:0.3rem solid var(--text);background-color:var(--text);transition:ease-in-out 0.3s;margin:0.5rem 0}.social__container--compact:hover{border-color:var(--accent1);background-color:var(--accent1)}.social__container--extending{display:inline-flex;width:fit-content;color:var(--text-contrast);border-radius:0.3rem;border:0.3rem solid var(--text);background-color:var(--text);transition:ease-in-out 0.3s;margin:0.5rem 0}.social__container--extending:hover{border-color:var(--accent1);background-color:var(--accent1)}.social__container--extending span{max-width:0;-webkit-transition:max-width 1s;transition:ease 2s;display:inline-block;vertical-align:top;white-space:nowrap;overflow:hidden}.social__container--extending:hover span{max-width:30em}.post__navigation{padding:0.5rem 0.5rem;background-color:var(--bg-header);border-top:0.2rem solid var(--accent1);border-bottom:0.2rem solid var(--accent1);position:relative;display:grid;align-items:center;grid-template-columns:1fr 1fr;width:100%}.round{border-radius:0.3rem}#toTopBtn{visibility:hidden;opacity:0;display:block;position:fixed;bottom:1em;right:2em;z-index:1;font-size:medium;outline:none;border:0.2em solid var(--accent1);background-color:var(--accent1);color:var(--text-white);cursor:pointer;padding:0.5em;border-radius:0.5em;transition:0.3s, visibility 0s, opacity 0.5s}#loadMorePostsBtn{position:relative;font-size:large;font-weight:bold;border:0.2em solid var(--accent4);background-color:var(--accent4);color:var(--text-white);cursor:pointer;padding:0.5em;border-radius:0.3em}.note__base{position:relative;border:0.3rem solid var(--bg-contrast);background-color:var(--bg-contrast);color:var(--text-contrast);padding:0 0.5rem;margin:0.5rem 0}.theme-btn{border:0;background:transparent;color:var(--text);font-size:xx-large;vertical-align:middle;cursor:pointer}.reveal{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reveal:not(.reveal-loaded) *{display:block;position:relative;top:0;left:0;width:100%;height:auto}.reveal:not(.reveal-loaded) *:nth-child(2){display:none}.reveal-img{display:block;position:relative;top:0;left:0;width:100%;height:auto}.reveal-img:nth-child(2){position:absolute}.reveal-bar{position:absolute;top:0;width:5px;height:100%;background:var(--bg-caption);-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);opacity:0.7;cursor:ew-resize;touch-action:none}.reveal-grabber{position:absolute;top:50%;width:3rem;height:30px;border-radius:0.3rem;background:var(--bg-caption);left:calc(2px - 1.5rem);border:1px solid var(--accent3);-webkit-transform:translateY(-15px);transform:translateY(-15px)}.reveal-arrows{position:relative;top:1px;font-size:22px;color:var(--accent3);text-align:center}#wrapper{text-align:left;color:var(--text)}*{box-sizing:border-box}body{background-color:var(--bg-header);margin:0;line-height:1.5em;color:var(--text);font-family:Helvetica, sans-serif}h1{line-height:1.2em}h2{line-height:1.2em}.main-content{padding:1rem;background-color:var(--bg-main);box-shadow:0 0 0.5rem var(--shadow-main) inset}.main-whitespace{background-color:var(--bg-variation);height:100%}.main-whitespace.shadow-left{box-shadow:-0.5rem 0.5rem 0.5rem var(--shadow-sides) inset,0rem -0.5rem 0.5rem var(--shadow-sides) inset}.main-whitespace.shadow-right{box-shadow:0.5rem 0.5rem 0.5rem var(--shadow-sides) inset,0rem -0.5rem 0.5rem var(--shadow-sides) inset}.main-grid{display:grid;align-items:center;grid-template-columns:1fr 768px 1fr}@media screen and (max-width: 768px){.main-grid{grid-template-columns:0fr 1fr 0fr}}#header{background:var(--bg-header)}#header .navbar{position:relative;padding:0.5rem;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center}#header .navbar a{color:var(--text);text-decoration:none;text-align:center;font-size:large;font-weight:bold;display:inline-block;padding:0.3em;margin:0.2em;background-color:var(--bg-header);border:0.2em solid var(--accent1);border-radius:0.5em;transition:all 0.3s ease-in-out}#header .navbar a:hover{background-color:var(--accent1);color:var(--text-contrast)}#header .navbar .logo{font-weight:bold;font-size:xx-large;line-height:normal}#footer{text-align:left;background-color:var(--bg-header)}