:root{--palest-green:#EAF6E8;--lightest-green:#97B993;--lighter-green:#29A129;--light-green:#128512;--brand-green:#006B00;--dark-green:#004D00;--darker-green:#002C00;--background:#fff;--dark-background:#000;--font:'Nunito', sans-serif;--font-header:'Roboto', sans-serif;--font-monospace:'Hack', monospace;--header-lighter:var(--lightest-green);--header-base:var(--brand-green);--header-darker:var(--darker-green);--review-image-max-height:225px;--review-image-book-thickness:1rem;--review-image-book-background:#000;--background-color:var(--background);--text-color:var(--darker-green);--header-text-color:var(--darker-green);--brand-title-color:var(--lightest-green);--link-color:var(--darker-green);--hover-background:var(--lightest-green);--hover-text-color:var(--darker-green);--code-background:var(--darker-green);--code-text-color:var(--lightest-green);--sub-menu-background:var(--darker-green);--sub-menu-text-color:var(--lightest-green)}@media(prefers-color-scheme:dark){:root{--background-color:var(--dark-background);--text-color:var(--lightest-green);--header-text-color:var(--lighter-green);--link-color:var(--lighter-green);--hover-background:var(--lightest-green);--hover-text-color:var(--darker-green);--code-background:var(--lightest-green);--code-text-color:var(--darker-green);--sub-menu-background:var(--lightest-green);--sub-menu-text-color:var(--darker-green)}}@media(prefers-color-scheme:light){:root{--header-lighter:var(--light-green);--header-base:var(--light-green);--header-darker:var(--dark-green);--brand-title-color:var(--palest-green)}}body{margin:0;margin-bottom:5rem;padding:0;font-family:var(--font);font-size:1rem;background-color:var(--background-color);color:var(--text-color)}pre,code{font-family:Hack,monospace;font-size:.9em}h1{font-family:var(--font-header);font-size:4rem;color:var(--header-text-color)}h2{color:var(--header-text-color)}a,span{color:var(--link-color);text-decoration:none}main{display:flex;flex-direction:row;padding:1rem 5rem 1rem .7rem}.updatedate{font-size:.7rem;color:var(--text-color)}body>header{display:flex;background:linear-gradient(180deg,var(--header-lighter) 0%,var(--header-base) 0%,var(--header-darker) 100%);font-weight:700;font-size:3.5rem}body>header a{color:var(--brand-title-color);text-decoration:none;padding:.2rem .2rem .2rem 0;margin-left:.7rem;white-space:nowrap}body>header a.navbar-brand{perspective:600px}.brand-letter{display:inline-block;transform-style:preserve-3d;will-change:transform;color:inherit}.brand-gap{display:inline-block;width:.35em;color:inherit}@media(prefers-reduced-motion:reduce){.brand-letter{transform:none!important}}aside{display:flex;flex-direction:column;padding:0 2rem .7rem 0;min-width:7rem}aside nav{display:flex;flex-direction:column;padding-bottom:.7rem}aside nav span,aside nav a{padding:.1rem .3rem 0;margin-right:.5rem;border-radius:.1rem}aside nav a.active{font-weight:900}aside nav a:hover,aside nav span:hover{background-color:var(--hover-background);color:var( --hover-text-color)}article h1{margin:0}article{max-width:70rem}article .header-image{display:flex;align-items:center}article .header-image img{height:4.5rem;width:auto;margin-bottom:.5rem;margin-right:1.5rem}article section{padding:1rem 0}article section:first-child{padding:0}article section header{display:flex;justify-content:space-between;border-bottom:1px dashed var(--header-text-color);margin-bottom:.3rem;flex-wrap:wrap}article section header a,article section header h2{font-size:1.2rem;font-weight:700;padding:0;margin:0 1rem 0 0;text-decoration:none;border:none;word-wrap:break-word}article section header :where(span,time){font-size:.8rem;align-self:flex-end}article section.smilies .content{margin-top:1rem;display:flex;justify-content:space-between;align-items:flex-end}article section.smiles a,article section.random a,article section.videos a{border:0;height:unset}article section.random .content,article section.videos .content{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}article section.random .content div,article section.videos .content div{display:flex;flex-direction:column;text-align:center;font-size:.8rem;margin-bottom:1rem}article section.random .content div.no-anchor,article section.videos .content div.no-anchor{margin-bottom:2rem}article section.random .content img,article section.videos .content video{margin:0 .3rem;border-radius:.6rem}article a{display:inline-block;text-decoration:none;border-bottom:1px solid var(--text-color);height:1.2rem}article a:active{transform:translateY(2px)}article img{border-radius:.6rem}code:not([class]){background-color:var(--code-background);color:var(--code-text-color);border-radius:.1rem;padding:0 .3rem}article .chroma{background-color:var(--code-background);color:var(--code-text-color)}article h2{margin-top:4rem}.highlight{position:relative}.highlight>pre{border-radius:.6rem;padding:1rem;overflow:auto}.language-css::before{content:"css";font-size:.7rem;position:absolute;right:6px;top:2px}.language-sh::before{content:"sh";font-size:.7rem;position:absolute;right:6px;top:2px}.pagination{display:flex;list-style-type:none;margin:1rem 0 0;padding:0}.pagination .page-item{margin-right:1rem}.pagination .page-item a{border:none}.pagination .page-item.active a{font-weight:700}footer{margin:6rem 0 0 10rem;font-size:.7rem}@media(max-width:800px){h1{font-size:11vw}body>header a{font-size:11vw}main{flex-direction:column;padding:1rem .7rem}aside{padding:0 0 .7rem;flex-wrap:wrap;justify-content:space-between}aside,aside nav{flex-direction:row;flex-wrap:wrap}footer{margin-left:.7rem}}.algo-app{--algo-surface:#0f1c16;--algo-surface-2:#14241b;--algo-edge:#2c5440;--algo-ink:#e9f4ec;--algo-ink-dim:#84ab92;--algo-accent:#39d353;--algo-active-bg:rgba(57, 211, 83, 0.15);display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0 2rem}.algo-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.algo-btn,.algo-select{font-family:var(--font);font-size:.9rem;padding:.35rem .8rem;border:2px solid var(--brand-green);background-color:var(--background-color);color:var(--text-color);border-radius:.4rem;cursor:pointer}.algo-btn:hover:not(:disabled){background-color:var(--hover-background);color:var(--hover-text-color)}.algo-btn:disabled{opacity:.4;cursor:default}.algo-btn-primary{background-color:var(--brand-green);color:var(--palest-green)}.algo-btn-primary:hover:not(:disabled){background-color:var(--dark-green);color:var(--palest-green)}.algo-progress{display:flex;align-items:center;gap:1rem}.algo-controls{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.algo-field{display:flex;align-items:center;gap:.6rem;flex:1;min-width:220px}.algo-field-label{font-size:.8rem;font-weight:700;min-width:3.5ch;color:var(--text-color)}.algo-range{flex:1;accent-color:var(--algo-accent)}.algo-readout{font-family:var(--font-monospace);font-size:.8rem;min-width:4ch;text-align:right;color:var(--text-color)}.algo-scrubber{flex:1;accent-color:var(--algo-accent)}.algo-counter{font-family:var(--font-monospace);font-size:.8rem;min-width:6ch;text-align:right;color:var(--text-color)}.algo-stage{height:260px;padding:.75rem .75rem 0;border:1px solid var(--algo-edge);border-radius:.6rem;background-color:var(--algo-surface)}.algo-bars{position:relative;height:100%}.algo-hide-labels .algo-bar-label{display:none}.algo-canvas-host{position:relative;width:100%;height:100%}.algo-canvas{display:block;width:100%;height:100%}.algo-bar{position:absolute;top:0;bottom:1.5rem;left:0;transform:translateX(0);transition:transform var(--algo-slide-ms,.36s)cubic-bezier(.4,0,.2,1);will-change:transform}.algo-bar-body{position:absolute;left:2px;right:2px;bottom:0;background-color:var(--algo-edge);border-radius:4px 4px 0 0;transition:height .25s ease,background-color .15s ease}.algo-bar-label{position:absolute;bottom:-1.4rem;left:0;right:0;text-align:center;font-family:var(--font-monospace);font-size:.7rem;color:var(--algo-ink-dim)}.algo-bar.is-cursor .algo-bar-body{outline:2px solid var(--algo-ink);outline-offset:2px}.algo-bar.is-swap-front{z-index:6}.algo-bar.is-swap-back{z-index:2}.algo-bar.is-swap-front .algo-bar-body{animation:algo-hop-front var(--algo-slide-ms,.36s)ease-in-out;box-shadow:0 8px 16px rgba(0,0,0,.45)}.algo-bar.is-swap-back .algo-bar-body{animation:algo-hop-back var(--algo-slide-ms,.36s)ease-in-out;filter:brightness(.78)}@keyframes algo-hop-front{0%,100%{transform:translateY(0)}50%{transform:translateY(-28px)}}@keyframes algo-hop-back{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.algo-bar,.algo-bar-body{transition:none}.algo-bar.is-swap-front .algo-bar-body,.algo-bar.is-swap-back .algo-bar-body{animation:none}}.algo-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;list-style:none;margin:0;padding:0;font-size:.8rem}.algo-legend li{display:flex;align-items:center;gap:.4rem}.algo-legend-swatch{width:.85rem;height:.85rem;border-radius:3px;display:inline-block}.algo-meta{display:flex;flex-wrap:wrap;gap:.5rem 2rem;align-items:flex-start;justify-content:space-between}.algo-note{margin:0;font-style:italic;flex:1;min-width:50%}.algo-stats{display:grid;grid-template-columns:auto auto;gap:.1rem 1rem;margin:0;font-size:.85rem}.algo-stats dt{font-weight:700}.algo-stats dd{margin:0;font-family:var(--font-monospace)}.algo-complexity{margin-top:.75rem;padding:.7rem .85rem;border:1px solid var(--algo-edge);border-radius:.6rem;background-color:var(--algo-surface-2);font-size:.85rem}.algo-cx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin-bottom:.4rem}.algo-cx-key{width:3.4rem;font-weight:700;color:var(--algo-ink-dim)}.algo-cx-chip{padding:.12rem .55rem;border:1px solid var(--algo-edge);border-radius:999px;font-family:var(--font-monospace);color:var(--algo-ink);white-space:nowrap}.algo-cx-chip-label{color:var(--algo-ink-dim);margin-right:.15rem}.algo-cx-chip.is-active{border-color:var(--algo-accent);background-color:rgba(57,211,83,.16)}.algo-cx-chip.is-active .algo-cx-chip-label{color:var(--algo-accent)}.algo-cx-run{margin:.35rem 0 0;color:var(--algo-ink)}.algo-cx-n{color:var(--algo-ink-dim);font-family:var(--font-monospace)}.algo-code pre{background-color:var(--algo-surface-2);color:var(--algo-ink);border:1px solid var(--algo-edge);border-radius:.6rem;padding:.8rem 0;margin:0;overflow:auto}.algo-code code{display:block;font-family:var(--font-monospace);font-size:.85rem;line-height:1.5;background-color:initial;color:var(--algo-ink)}.algo-code-line{display:flex;padding:0 1rem;white-space:pre}.algo-code-line.is-active{background-color:var(--algo-active-bg);box-shadow:inset 3px 0 0 var(--algo-accent);color:#fff}.algo-code-text{color:var(--algo-ink)}.algo-code-line.is-active .algo-code-text{color:#fff}.algo-code-num{width:2ch;margin-right:1rem;text-align:right;color:var(--algo-ink-dim);opacity:.7;user-select:none}.algo-code{position:relative}.algo-code.is-disabled pre{opacity:.4;filter:grayscale(.5)}.algo-code-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem}.algo-code-overlay-card{display:flex;flex-direction:column;gap:.35rem;max-width:34ch;text-align:center;padding:.9rem 1.1rem;border:1px solid var(--algo-edge);border-radius:.6rem;background-color:var(--algo-surface);box-shadow:0 6px 22px rgba(0,0,0,.18)}.algo-code-overlay-title{font-weight:600;color:var(--algo-ink)}.algo-code-overlay-body{font-size:.85rem;line-height:1.45;color:var(--algo-ink-dim)}