@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Miranda+Sans:ital,wght@0,400..700;1,400..700&display=swap";header{z-index:100;width:100%;top:0;position:sticky;.header-content{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1.25rem;background:rgba(var(--rgb-bg),.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color)}.title-home-link{grid-column:1;width:max-content;padding:.85rem 0;display:inline-flex;flex-flow:row;align-items:center;gap:.65rem;color:var(--fg);text-decoration:none;h1{margin:0;padding:0;font-family:var(--main-font-family);font-size:18px;font-weight:700;letter-spacing:-.04em;line-height:1;white-space:nowrap}.app-icon{width:24px!important;height:24px!important;margin:0!important;padding:0!important;display:inline-block;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.125))}}.header-actions{grid-column:3;display:flex;align-items:center;justify-content:flex-end}}.nav-item-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;svg{width:100%;height:100%;display:block}}.nav-links{list-style:none;margin:0;padding:0;display:inline-flex;flex-flow:row;align-items:center;justify-content:center;gap:0;li{display:inline-flex;align-items:center}a{padding:.5rem .875rem;display:inline-flex;align-items:center;gap:.4rem;color:var(--fg-secondary);font-size:.9rem;font-weight:600;text-decoration:none;letter-spacing:-.01rem;transition:color .15s;&:hover{color:var(--fg)}&.active{color:var(--fg)}}}.donate-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none;letter-spacing:-.01rem;transition:opacity .15s;&:hover{opacity:.75}}button.nav-menu-btn{width:40px;height:40px;padding:.5rem;display:inline-flex;align-items:center;justify-content:center;color:var(--fg);background:none;border:none;border-radius:8px;cursor:pointer;transition:background .15s;svg{width:100%;height:100%;display:block}&:hover{background:var(--bg-secondary)}&:focus{outline:none}}.nav-dropdown{position:absolute;top:100%;left:0;right:0;z-index:200;padding:.5rem .75rem 1.25rem;background:var(--bg);border-bottom:1px solid var(--border-color);box-shadow:0 8px 24px #00000014;.nav-item-icon{width:18px;height:18px}ul{list-style:none;margin:0;padding:0;display:flex;flex-flow:column;li{width:100%;display:flex}li.dropdown-divider{height:1px;margin:.375rem 0;background:var(--border-color)}a{width:100%;padding:.6rem .75rem;display:flex;flex-flow:row;align-items:center;gap:.75rem;color:var(--fg-secondary);font-size:.95rem;font-weight:600;text-decoration:none;border-radius:8px;transition:background .15s,color .15s;&:hover{color:var(--fg);background:var(--bg-secondary)}&.active{color:var(--fg)}&.donate-link{color:var(--accent);&:hover{color:var(--accent);opacity:.75}}}}}@media(max-width:781px){header .title-home-link h1{display:none}}.app-icon{width:128px;height:128px;margin:0;padding:0;img{width:100%;height:100%;margin:auto;user-select:none;-webkit-user-drag:none;transition:var(--transition);&:hover{scale:1.05;transition:.25s;animation:.5s AppIconHover infinite alternate}&:active{scale:.95;transition:.5s;animation:.1s AppIconActive forwards ease-in}}}@keyframes AppIconHover{0%{scale:1.05;rotate:-1deg}50%{rotate:1deg}to{scale:1.025;rotate:-1deg}}@keyframes AppIconActive{0%{scale:1.05;rotate:1deg}to{scale:.95;rotate:0deg}}.site-footer{width:100%;margin:0;padding-block:2.5rem 3rem;border-top:1px solid var(--border-color)}.site-footer-content{max-width:800px;width:100%;margin:0 auto;padding-inline:1rem;display:inline-flex;flex-flow:row;align-items:center;justify-content:space-between;gap:1.5rem}.site-footer-nav{display:inline-flex;flex-flow:row;align-items:center;flex-wrap:wrap;gap:.25rem 1.25rem;a{color:var(--fg-secondary);font-size:.9rem;font-weight:500;text-decoration:none;&:hover{color:var(--fg);text-decoration:underline}}}.site-footer-meta{display:inline-flex;flex-flow:row;align-items:center;gap:.5rem;color:var(--fg-secondary);font-size:.85rem;white-space:nowrap;a{color:var(--fg-secondary);font-weight:500;text-decoration:none;&:hover{color:var(--fg);text-decoration:underline}}.site-footer-divider{opacity:.4}}@media(max-width:640px){.site-footer-content{flex-flow:column;align-items:flex-start;gap:1rem}.site-footer-meta{flex-wrap:wrap}}:root{--system-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--main-font-family: "Miranda Sans", var(--system-font-family);--mono-font-family: "JetBrains Mono", Menlo, Monaco, "Cascadia Code", Consolas, "Courier New", Courier, monospace;--headline-font-family: var(--main-font-family);--border-width: 1px;--border: var(--border-width) solid var(--border-color);--border-radius: 12px;--widget-border-radius: 9px;--fg: rgb(var(--rgb-fg));--fg-secondary: rgb(var(--rgb-fg-secondary));--fg-deeper: rgb(var(--rgb-fg-deeper));--bg: rgb(var(--rgb-bg));--bg-secondary: rgb(var(--rgb-bg-secondary));--border-color: rgb(var(--rgb-border-color));--error-fg: firebrick;--error-bg: mistyrose;--error-border: firebrick;--transition: .0625s;color:var(--fg);background-color:var(--bg)}@media(prefers-color-scheme:light){:root{--accent: royalblue;--accent-secondary: rgb(230, 240, 255);--rgb-fg: 51, 51, 51;--rgb-fg-secondary: 153, 153, 153;--rgb-fg-deeper: 0, 0, 0;--rgb-bg: 255, 255, 255;--rgb-bg-secondary: 238, 238, 238;--rgb-border-color: 221, 221, 221;--btn-fg: var(--fg);--btn-bg: var(--bg);--btn-bg-hover: var(--bg-secondary);--btn-bg-active: rgb(204, 204, 204);--modal-overlay-bg: rgba(0, 0, 0, .325);--input-fg: var(--fg);--input-bg: #eeeeee;--input-bg-hover: #f3f3f3;--input-bg-focus: #ffffff;--btn-shadow: none;--btn-shadow-active: none;--input-shadow: none;--element-shadow: 0px 2px 8px rgba(255, 255, 255, .5), 0px 2px 8px rgba(0, 0, 0, .5), 0px 2px 2px rgba(255, 255, 255, .5) inset, 0px -2px 2px rgba(255, 255, 255, .5) inset, 0px -8px 8px rgba(0, 0, 0, .125) inset;--selector-list-item-bg-selected: rgba(0, 0, 0, .08);--selector-list-item-bg-hover: rgba(0, 0, 0, .06);--selector-list-item-bg-active: rgba(0, 0, 0, .1);--selector-list-item-bg-highlight: var(--accent);--selector-list-item-bg-drag-over: rgba(0, 0, 0, .25);color-scheme:light}}@media(prefers-color-scheme:dark){:root{--accent: #dee6ff;--accent-secondary: royalblue;--rgb-fg: 255, 255, 255;--rgb-fg-secondary: 153, 153, 153;--rgb-fg-deeper: 255, 255, 255;--rgb-bg: 20, 20, 20;--rgb-bg-secondary: 40, 40, 40;--rgb-border-color: 51, 51, 51;--btn-fg: var(--fg);--btn-bg: var(--bg);--btn-bg-hover: rgb(62, 62, 62);--btn-bg-active: rgb(30, 30, 30);--modal-overlay-bg: rgba(0, 0, 0, .5);--input-fg: rgb(255, 255, 255);--input-bg: rgb(34, 34, 34);--input-bg-hover: var(--bg-secondary);--input-bg-focus: rgb(51, 51, 51);--btn-shadow: none;--btn-shadow-active: none;--input-shadow: none;--element-shadow: 0px 2px 8px rgba(0, 0, 0, .75), 0px 4px 16px rgba(0, 0, 0, .5), 0px 2px 8px rgba(255, 255, 255, .25) inset, 0px -2px 8px rgba(255, 255, 255, .25) inset, 0px -8px 8px rgba(0, 0, 0, .75) inset;--selector-list-item-bg-selected: rgba(255, 255, 255, .12);--selector-list-item-bg-hover: rgba(255, 255, 255, .08);--selector-list-item-bg-active: rgba(255, 255, 255, .06);--selector-list-item-bg-highlight: var(--accent);--selector-list-item-bg-drag-over: rgba(0, 0, 0, .5);color-scheme:dark}}*{box-sizing:border-box}*.no-animations *{animation:none!important;transition:0!important;scroll-behavior:unset!important}html,body{width:100%;height:100%;margin:0;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;background:#ccc;font-family:var(--main-font-family);font-size:14px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;line-height:1.5;overscroll-behavior-x:none}#root{width:100%;height:100%;margin:auto;padding:0;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:0rem;color:var(--fg);background:var(--bg);overflow:hidden;overflow-y:auto}main{width:100%;margin:0;padding:0;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start}.app-font-size-xs{font-size:.7rem}.app-font-size-s{font-size:.8rem}.app-font-size-m{font-size:.9rem}.app-font-size-l{font-size:1rem}.app-font-size-xl{font-size:1.1rem}pre,code{font-family:var(--mono-font-family)}blockquote,.card{width:100%;margin:0;padding:.5rem 1rem;display:inline-flex;flex-flow:column;place-items:flex-start;background:var(--bg-secondary);border-radius:var(--border-radius)}blockquote{padding:1.25rem;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;&:before{content:"NOTE";color:var(--accent);font-weight:700;letter-spacing:2px;user-select:none}p{margin:0;padding:0}}.card{h2{margin:0rem 0rem .5rem;padding:0}blockquote{margin-block:1.5rem;background:var(--bg)}.card-list{padding:.75rem 0rem}}footer{width:100%;margin:0;bottom:0;padding-block:1rem 3rem;display:inline-flex;flex-flow:column;align-items:center;justify-content:center;gap:0;color:var(--fg);font-size:1rem}a{font-weight:500;color:var(--accent);text-decoration:underline;&:hover{color:var(--fg)}@media(prefers-color-scheme:dark){color:var(--accent-secondary);&:hover{color:var(--accent)}}}button{padding:.35rem .75rem;display:inline-flex;flex-flow:row;align-items:center;justify-content:center;gap:.25rem;color:var(--btn-fg);background:var(--btn-bg);box-shadow:var(--btn-shadow);border:var(--border);border-radius:var(--widget-border-radius);font-size:inherit;font-weight:700;font-family:inherit;white-space:nowrap;cursor:default;transition:var(--transition);&:hover{background:var(--btn-bg-hover);transition:var(--transition)}&:is(:active,.active){background:var(--btn-bg-active);box-shadow:var(--btn-shadow-active);transition:var(--transition)}&:is(:focus,:focus-visible){outline:4px auto var(--accent);transition:var(--transition)}&:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transition:var(--transition)}button svg{width:18px;height:18px}}select,textarea,input:is([type=text],[type=search],[type=url]){width:100%;padding:.5rem .75rem;color:var(--input-fg);background:var(--input-bg);box-shadow:var(--input-shadow);border:var(--border);font-family:inherit;font-size:inherit;font-weight:inherit;transition:var(--transition)}:is(select,input:is([type=text],[type=search],[type=url])){border-radius:var(--widget-border-radius);&:hover{background:var(--input-bg-hover);transition:var(--transition)}}:is(select,textarea,input:is([type=text],[type=search],[type=url])){&:focus{background:var(--input-bg-focus);outline:4px auto var(--accent);transition:var(--transition)}&:disabled{filter:brightness(.9);opacity:.5;cursor:not-allowed;pointer-events:none;transition:var(--transition)}}textarea{min-height:64px;border-radius:var(--border-radius);resize:vertical}select{user-select:none}hr{width:100%;border:none;border-bottom:1px solid var(--border-color)}ul,ol{display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;ul,ol{padding-left:1rem}}.page{max-width:800px;width:100%;margin:0 auto;padding:3rem 1rem;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:1rem;h2{width:100%;margin-block:1rem;margin-inline:auto;display:inline-flex;flex-flow:row;align-items:center;justify-content:center;font-family:var(--headline-font-family);font-size:3rem;font-weight:700;text-align:center}h3,h4{font-family:var(--headline-font-family)}ul.directory-grid{list-style:none;width:100%;margin:0;padding:0;display:inline-grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:flex-start;justify-content:flex-start;gap:1rem;>li{padding:1.5rem;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;background:var(--bg);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:.2s;user-select:none;&:hover{box-shadow:0 4px 12px #00000020}@media(prefers-color-scheme:dark){&:hover{box-shadow:0 4px 12px #ffffff40}}}}}@media(max-width:768px){.page{padding-inline:2rem}}.site{font-size:1.1rem}hr{margin-block:2.5rem 1rem}.content{width:100%;height:auto;margin:0;padding:1.5rem}.content :is(h1,h2){width:100%;text-align:center}.content :is(h3,h4,h5){width:100%;margin-block:.5rem 0rem;text-align:left}:is(.content,.page-content) h2{margin-block:.5rem 2rem;font-size:48px}:is(.content,.page-content) h3{font-size:28px}:is(.content,.page-content) h4{font-size:24px}.page-content{width:100%;margin:0 auto;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:0}.page-content :is(ul,ol){margin-block:1rem;margin-inline:0;padding-inline:1rem 0rem;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:.75rem}.page-content :is(ul,ol) li{padding-inline:.5rem 0rem}.page-content :is(ul,ol) :is(ul,ol){margin-inline:1rem 0rem}.gif-frame,#gif-frame{width:100%;margin-block:1rem .5rem;padding:0;border-radius:var(--border-radius);img{width:100%}}.page-toolbar{width:100%;display:flex;flex-flow:row;align-items:center;justify-content:space-between;position:sticky;top:48px;z-index:10;background:rgba(var(--rgb-bg),.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color)}.view-toggle{display:flex;align-items:center;gap:2px;padding:3px;margin-right:1rem;background:var(--bg-secondary);border-radius:7px;flex-shrink:0}.view-btn{width:28px;height:28px;padding:5px;display:flex;align-items:center;justify-content:center;color:var(--fg-secondary);background:transparent;border:none;border-radius:4px;box-shadow:none;cursor:pointer;font-size:inherit;font-weight:inherit;transition:color .15s,background-color .15s;&:hover:not(.active){color:var(--fg);background:transparent}&:is(:active,.active){background:var(--bg);box-shadow:0 1px 3px #0000001f;color:var(--fg)}&:focus{outline:none}svg{width:14px;height:14px;display:block}}