:root{--color-primary: #fac863;--color-secondary: gray;--color-success: lightgreen;--color-warning: orange;--color-alert: orangered;--color-darker: #2b2c2f;--color-dark: #38393c;--color-gray: #88898d;--color-light: #e7e8ed;--color-lighter: #feffff;--space-1: calc(1rem * 0.25);--space-2: calc(1rem * 0.50);--space-3: calc(1rem * 1.00);--space-4: calc(1rem * 1.50);--space-5: calc(1rem * 3.00);--transition-speed: 0.3s;--border-radius: 0.5rem;--border-size: .15rem;--text-h1: 3.05rem;--text-h2: 2.44rem;--text-h3: 1.95rem;--text-h4: 1.56rem;--text-h5: 1.25rem;--text-h6: 1.00rem;--text-body: 1.0rem;--text-caption: 1.0rem;--text-small: .8rem;--line-h1: 3.05rem;--line-h2: 2.44rem;--line-h3: 1.95rem;--line-h4: 1.56rem;--line-h5: 1.3rem;--line-h6: 1.3rem;--line-body: 1.5rem;--line-caption: 1.5rem;--line-small: 1.5rem;--weight-h1: 600;--weight-h2: 500;--weight-h3: 400;--weight-h4: 400;--weight-h5: 400;--weight-h6: 400;--weight-body: 400;--weight-caption: 400;--weight-small: 400;}[data-theme=alt0]{--color-primary: #fa6363}[data-theme=alt1]{--color-primary: #fa63a8}[data-theme=alt2]{--color-primary: #c863fa}[data-theme=alt3]{--color-primary: #8363fa}[data-theme=alt4]{--color-primary: #63a8fa}[data-theme=alt5]{--color-primary: #63fac8}[data-theme=alt6]{--color-primary: #63fa83}[data-theme=alt7]{--color-primary: #83fa63}[data-theme=alt8]{--color-primary: #c8fa63}[data-theme=alt9]{--color-primary: #fac863}@font-face{font-family:"Montserrat";src:url("/fonts/Montserrat-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"UbuntuMono";src:url("/fonts/UbuntuMono-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;transition:all var(--transition-speed) ease}html{display:flex;flex-direction:column;align-items:center}body{background-color:var(--color-darker);color:var(--color-lighter);font-family:"Montserrat",Tahoma,Geneva,sans-serif;display:grid;grid-template-areas:"header header" "aside main" "nav main" "footer footer";grid-template-rows:auto auto 1fr auto;grid-template-columns:200px 1fr;height:100vh;overflow:hidden;max-width:100ch;width:100%;padding:var(--space-3);gap:var(--space-3)}header{grid-area:header}aside{color:var(--color-gray);grid-area:aside;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:var(--space-2)}nav{color:var(--color-gray);grid-area:nav}main{background-color:var(--color-lighter);color:var(--color-darker);border-radius:var(--border-radius);grid-area:main;width:100%;padding:var(--space-3);overflow-y:auto}article{display:flex;flex-direction:column;gap:var(--space-3);min-height:500px}footer{color:var(--color-gray);grid-area:footer;text-align:center}form{background-color:var(--color-lighter);color:var(--color-darker);border:var(--space-1) var(--color-darker) solid;border-radius:var(--border-radius);padding:var(--space-2);width:fit-content;display:flex;flex-direction:column;gap:var(--space-1)}label{border:0;padding:0;margin:0}input{background-color:var(--color-light);color:var(--color-darker);border:0;border-left:var(--space-3) var(--color-primary) solid;border-radius:var(--border-radius);padding:var(--space-1) var(--space-2);font-size:var(--text-body);outline:none}input:focus{background-color:var(--color-primary);color:var(--color-darker);border:0;border-left:var(--space-3) var(--color-primary) solid;border-radius:var(--border-radius)}input:hover{background-color:var(--color-primary);color:var(--color-darker)}button{background-color:var(--color-dark);color:var(--color-light);border:0;border-left:var(--space-3) var(--color-primary) solid;border-right:var(--space-3) var(--color-dark) solid;border-radius:var(--border-radius);padding:var(--space-1) var(--space-2);font-size:var(--text-body);width:fit-content;outline:none}button:focus{background-color:var(--color-primary);color:var(--color-darker);border:0;border-left:var(--space-3) var(--color-primary) solid;border-right:var(--space-3) var(--color-primary) solid;border-radius:var(--border-radius)}button:hover{background-color:var(--color-primary);color:var(--color-darker);border:0;border-left:var(--space-3) var(--color-primary) solid;border-right:var(--space-3) var(--color-primary) solid;border-radius:var(--border-radius);cursor:pointer}@media (max-width: 768px){form{width:auto}}details{background-color:var(--color-lighter);color:var(--color-darker);border:var(--space-1) var(--color-darker) solid;border-radius:var(--border-radius);padding:var(--space-2);width:fit-content}summary{font-size:var(--text-h5);cursor:pointer;user-select:none;padding:var(--space-2);list-style-type:"⬇ "}details[open]>summary{list-style-type:"⬆ "}@media (max-width: 768px){details{width:auto}}@media (max-width: 768px){body{grid-template-areas:"header" "nav" "main" "aside" "footer";grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr;justify-items:center;overflow:visible;height:auto}header{margin:0rem 1rem}header h1{text-align:center}aside{height:auto;margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}nav{margin:0 var(--space-3)}}h1{font-size:var(--text-h1);font-weight:var(--weight-h1);line-height:var(--line-h1)}h2{font-size:var(--text-h2);font-weight:var(--weight-h2);line-height:var(--line-h2)}h3{font-size:var(--text-h3);font-weight:var(--weight-h3);line-height:var(--line-h3)}h4{font-size:var(--text-h4);font-weight:var(--weight-h4);line-height:var(--line-h4)}h5{font-size:var(--text-h5);font-weight:var(--weight-h5);line-height:var(--line-h5)}h6{font-size:var(--text-h6);font-weight:var(--weight-h6);line-height:var(--line-h6)}body{font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--line-body)}p{}a{background-color:var(--color-lighter);color:var(--color-darker);border:.15rem var(--color-darker) solid;padding:0 var(--space-1);width:fit-content;text-decoration:none;transition:all var(--transition-speed) ease}a:hover{background-color:var(--color-primary);color:var(--color-darker);border:.15rem var(--color-darker) solid;text-decoration:none}ul,ol{padding-left:4ch}ul{list-style-type:circle}ol{list-style-type:decimal;padding-left:4ch}li{}li>ul,li>ol{}ul ul{list-style-type:disc}ul ul ul{list-style-type:square}blockquote{background-color:var(--color-darker);color:var(--color-light);padding:var(--space-3);border-left:var(--space-2) solid var(--color-primary);border-radius:var(--border-radius);font-style:italic;position:relative}blockquote blockquote{border:1px solid var(--color-primary)}blockquote p{margin:.5rem 0}blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}code{background-color:var(--color-darker);color:var(--color-lighter);height:fit-content;width:fit-content;padding:var(--space-1);font-family:"Ubuntu Mono",monospace;font-size:var(--text-small);vertical-align:middle}pre{padding:var(--space-3);overflow-x:auto;font-family:"Ubuntu Mono",monospace;line-height:1.1rem;border-radius:var(--border-radius)}pre code{background:none;padding:0;border:none;font-size:var(--text-body);font-weight:300}table-wrapper{width:100%;display:block;overflow-x:auto;border-radius:var(--border-radius)}table-wrapper table{min-width:100%;width:auto}table{background-color:var(--color-dark);color:var(--color-lighter);border-collapse:collapse}th,td{padding:var(--space-2);text-align:left;border-bottom:1px solid var(--color-gray)}th{background-color:var(--color-primary);color:var(--color-darker);font-weight:600}tr:last-child td{border-bottom:none}tr:hover{background-color:color-mix(in srgb, var(--color-primary) 15%, rgba(0,0,0,0))}hr{height:.15rem;background-color:var(--color-darker)}img{max-width:100%;height:auto}strong{font-weight:600}em{font-style:italic}input[type=checkbox]{margin-right:var(--space-2)}dl{margin:1rem 0}dt{font-weight:600;color:red;margin-top:1rem}dd{margin-left:2rem;margin-bottom:.5rem}.footnote-definition{display:flex;flex-direction:row;gap:var(--space-2)}.footnote-ref{font-size:.8rem;vertical-align:super;color:var(--accent-color)}.footnotes{margin-top:2rem;padding-top:1rem;border-top:2px solid var(--border-color);font-size:.9rem}@media (max-width: 768px){table{font-size:.9rem}th,td{padding:.5rem .75rem}}section{display:grid;grid-template-areas:"title aside" "subtitle subtitle" "separator separator" "content content";grid-template-columns:1fr auto}section-title{grid-area:title;display:flex;gap:var(--space-3);align-items:center;font-size:var(--text-h3);line-height:var(--line-h3)}section-title .ionicon{height:var(--text-h3)}section-aside{grid-area:aside;width:fit-content;height:fit-content;vertical-align:middle;color:var(--color-gray)}section-subtitle{grid-area:subtitle;color:var(--color-gray);margin-top:var(--space-2)}section-separator{grid-area:separator;height:.15rem;background-color:var(--color-darker)}section-content{grid-area:content;margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}section-content>*{}section-item-list{display:flex;flex-direction:column;gap:var(--space-3)}section-item{display:grid;grid-template-areas:"title aside" "subtitle subtitle" "content content";grid-template-columns:1fr auto}section-item>section-item-title{grid-area:title;font-size:var(--text-h6)}section-item-title>a{background-color:var(--color-lighter);color:var(--color-darker);border:.15rem var(--color-darker) solid;padding:0 var(--space-2);font-size:var(--text-h6);font-weight:500;text-decoration:none;border-radius:var(--border-radius);width:fit-content;height:fit-content;display:flex;gap:.5rem;align-items:center}section-item-title>a:hover{background-color:var(--color-primary);color:var(--color-darker);border:.15rem var(--color-darker) solid;text-decoration:none}section-item>section-item-aside{grid-area:aside;font-size:var(--text-body);color:var(--color-gray);margin-left:var(--space-3)}section-item>section-item-subtitle{grid-area:subtitle;font-size:var(--text-body);color:var(--color-gray)}section-item>section-item-content{grid-area:content}@media (max-width: 768px){section{grid-template-areas:"title" "subtitle" "aside" "separator" "content";grid-template-columns:100%}section-item{grid-template-areas:"title" "subtitle" "aside" "content";grid-template-columns:100%}section-item>section-item-aside{margin:0}}nav-ul{display:flex;flex-direction:column;gap:var(--space-2)}nav-ul .ionicon{height:var(--text-h4)}nav-li>a{background-color:var(--color-dark);color:var(--color-light);font-size:var(--text-h4);text-decoration:none;border-radius:.5rem;border:0;padding:var(--space-2);width:auto;display:flex;gap:var(--space-2);align-items:center}nav-li>a:hover,nav-li>a[aria-current=page]{background-color:var(--color-primary);color:var(--color-darker);border-radius:.5rem;border:0}@media (max-width: 768px){nav-ul{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}}#aside-portrait-toy{width:200px;height:200px;position:absolute;background:var(--color-lighter);border-radius:var(--border-radius);cursor:grab;opacity:0}aside-portrait{background-color:var(--color-lighter);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:200px;height:200px;border-radius:var(--border-radius);padding:var(--space-1)}aside-portrait>img{border-radius:var(--border-radius);border:0;margin:0;width:100%;height:100%;object-fit:cover;object-position:center}aside-ul{display:flex;gap:var(--space-2);flex-direction:row;flex-wrap:wrap}aside-ul .ionicon{height:var(--text-h5)}aside-li a{background-color:var(--color-dark);color:var(--color-lighter);font-size:var(--text-h5);text-decoration:none;border-radius:.5rem;border:0;padding:var(--space-2);width:auto;display:flex;gap:var(--space-2);align-items:center}aside-li a:hover{background-color:var(--color-primary);color:var(--color-darker);border:0}aside-subtitle{font-size:var(--text-h5);line-height:var(--line-h5);display:flex;flex-direction:column;align-items:start;justify-content:start}@media (max-width: 768px){aside-ul .ionicon{height:var(--text-h4)}aside-li a{font-size:var(--text-h4);padding:var(--space-3)}aside-ul{gap:var(--space-3)}}header-title{line-height:var(--text-h1);font-size:var(--text-h1);display:flex}@media (max-width: 768px){header-title{text-align:center}}footer{display:flex;flex-direction:column}footer-flags a{background-color:rgba(0,0,0,0);border-radius:var(--border-radius);border:.15rem solid rgba(0,0,0,0)}form{display:flex;flex-direction:column;gap:var(--space-1)}zdog-frame>canvas{background-color:var(--color-primary);border:var(--space-1) solid var(--color-darker);border-radius:var(--border-radius)}button.copy-btn{background-color:var(--color-dark);color:var(--color-light);min-width:10ch;position:absolute;top:0;right:0;border:var(--border-size) solid var(--color-darker);border-top-left-radius:0;border-top-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:0;padding:var(--space-1) var(--space-2);cursor:pointer;font-size:var(--text-small);z-index:1}button.copy-btn:hover{background-color:var(--color-primary);color:var(--color-darker)}theme-switcher{display:flex;flex-direction:column;width:fit-content;gap:var(--space-2)}theme-switcher-button{background-color:var(--color-dark);color:var(--color-light);font-size:var(--text-h4);text-decoration:none;border-radius:.5rem;border:0;border-left:var(--space-3) solid var(--color-primary);padding:var(--space-2);width:auto;display:flex;gap:var(--space-2);align-items:center;cursor:pointer}theme-switcher-button:hover,theme-switcher-button.theme-active{background-color:var(--color-primary);color:var(--color-darker);border-radius:.5rem}@media (max-width: 768px){theme-switcher{width:auto}}gallery{display:flex;flex-direction:row;gap:var(--space-3)}gallery-item{max-width:150px;border:var(--space-1) solid var(--color-darker);border-radius:var(--border-radius);overflow:hidden;padding:var(--space-1)}gallery-item:hover{background-color:var(--color-primary)}gallery-item img{width:100%;height:auto;border-radius:var(--border-radius);display:block;}