@layer reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;font-family:var(--font-family-base);color-scheme:light dark;interpolate-size:allow-keywords}body{min-height:100vh;line-height:var(--font-family-base-line-height);margin:0 0 25vh}header,main,footer{width:100%}h1,h2,h3,h4,button,input,label{line-height:var(--font-family-heading-line-height)}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:6em}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}img,picture{vertical-align:middle}h1,h2,h3,h4{text-wrap:balance;font-family:var(--font-family-heading)}p,li,figcaption{max-width:var(--body-max-width);text-wrap:pretty}code{font-family:var(--font-family-code)}:first-child{margin-block-start:0}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}input,button,textarea,select{font:inherit}td,math,time[datetime*=\:]{font-variant-numeric:tabular-nums lining-nums}table{border-collapse:collapse}:target{scroll-margin-block:5rlh}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer colors{body{color:var(--text);background-color:var(--background)}.logo{background-color:var(--table-row-1)}.nav{background-color:var(--table-row-2)}.theme{background-color:var(--table-row-3)}button{background-color:var(--primary)}input[type=radio]:checked{background-color:var(--text)}a,a:visited{color:var(--text)}input[type=radio]{outline:2px solid var(--text)}input[type=checkbox]{background-color:var(--background)}select,textarea,input{accent-color:var(--accent)}select,textarea,input[type=text]{color:var(--text);border:medium solid var(--table-border);background-color:var(--input-background)}input[type=checkbox],button{accent-color:var(--text)}::selection,::-moz-selection{color:var(--background);background:var(--text)}::selection,::selection{color:var(--background);background:var(--text)}blockquote{border-inline-start:medium solid var(--text);padding-inline:1.5rem}@media (prefers-color-scheme:light){:root{color-scheme:light;--text:#5e2f79;--background:#fef6fb;--primary:#fcd8b6;--secondary:#fdf5b4;--accent:#f2d9e8;--input-background:#fce8f5;--table-border:#fad1e8;--table-row-1:#c3e5ef;--table-row-2:#ccf5c1;--table-row-3:#c9d9f8;--table-row-4:#f4cefd}button{color:var(--text)}table{border:4px solid var(--table-border)}th{background-color:var(--table-border)}select,textarea,input[type=text]{&:focus-visible{border-color:var(--text)}}.list-item:nth-of-type(4n+1),hr:nth-of-type(4n+1),tr:nth-child(4n+1){background-color:var(--table-row-1)}.list-item:nth-of-type(4n+2),hr:nth-of-type(4n+2),tr:nth-child(4n+2){background-color:var(--table-row-2)}.list-item:nth-of-type(4n+3),hr:nth-of-type(4n+3),tr:nth-child(4n+3){background-color:var(--table-row-3)}.list-item:nth-of-type(4n+4),hr:nth-of-type(4n+4),tr:nth-child(4n+4){background-color:var(--table-row-4)}}:root:has(#light:checked),.light{color-scheme:light;--text:#5e2f79;--background:#fef6fb;--primary:#fcd8b6;--secondary:#fdf5b4;--accent:#f2d9e8;--input-background:#fce8f5;--table-border:#fad1e8;--table-row-1:#c3e5ef;--table-row-2:#ccf5c1;--table-row-3:#c9d9f8;--table-row-4:#f4cefd;& button{color:var(--text)}& table{border:4px solid var(--table-border)}& th{background-color:var(--table-border)}& select,& textarea,& input[type=text]{&:focus-visible{border-color:var(--text)}}& .list-item:nth-of-type(4n+1),& hr:nth-of-type(4n+1),& tr:nth-child(4n+1){background-color:var(--table-row-1)}& .list-item:nth-of-type(4n+2),& hr:nth-of-type(4n+2),& tr:nth-child(4n+2){background-color:var(--table-row-2)}& .list-item:nth-of-type(4n+3),& hr:nth-of-type(4n+3),& tr:nth-child(4n+3){background-color:var(--table-row-3)}& .list-item:nth-of-type(4n+4),& hr:nth-of-type(4n+4),& tr:nth-child(4n+4){background-color:var(--table-row-4)}}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--text:#a7bef1;--background:#171a35;--primary:#3adfc3;--secondary:#00c5cc;--accent:#aba4f4;--input-background:#1c2040;--table-border:#13152b;--table-row-1:#2a1155;--table-row-2:#251b65;--table-row-3:#0d2259}button{color:var(--background)}table{border:4px solid var(--table-border)}th{background-color:var(--table-border)}select,textarea,input[type=text]{&:focus-visible{border-color:var(--accent)}}.list-item:nth-of-type(3n+1),hr:nth-of-type(3n+1),tr:nth-child(3n+1){background-color:var(--table-row-1)}.list-item:nth-of-type(3n+2),hr:nth-of-type(3n+2),tr:nth-child(3n+2){background-color:var(--table-row-2)}.list-item:nth-of-type(3n+3),hr:nth-of-type(3n+3),tr:nth-child(3n+3){background-color:var(--table-row-3)}}:root:has(#dark:checked),.dark{color-scheme:dark;--text:#a7bef1;--background:#171a35;--primary:#3adfc3;--secondary:#00c5cc;--accent:#aba4f4;--input-background:#1c2040;--table-border:#13152b;--table-row-1:#2a1155;--table-row-2:#251b65;--table-row-3:#0d2259;& button{color:var(--background)}& table{border:4px solid var(--table-border)}& th{background-color:var(--table-border)}& select,& textarea,& input[type=text]{&:focus-visible{border-color:var(--accent)}}& .list-item:nth-of-type(3n+1),& hr:nth-of-type(3n+1),& tr:nth-child(3n+1){background-color:var(--table-row-1)}& .list-item:nth-of-type(3n+2),& hr:nth-of-type(3n+2),& tr:nth-child(3n+2){background-color:var(--table-row-2)}& .list-item:nth-of-type(3n+3),& hr:nth-of-type(3n+3),& tr:nth-child(3n+3){background-color:var(--table-row-3)}}}@layer styling{header{flex-direction:row;justify-content:space-between;margin-top:5px;margin-bottom:5px;display:flex}hr{color:#0000;border:none;border-radius:6px;width:85%;height:12px}nav span,header>*{border-radius:6px}button{border:none;border-radius:6px;margin:5px;padding:10px}.list-item * button{margin:2px;padding:2px}.list-item{border-radius:10px;width:min(100%,75ch);margin-block:4px;margin-inline:auto;padding-block:.5em;&>*{max-width:75ch;margin-inline:auto;padding-inline:.5em}}.left-text{max-width:900px;font-family:inherit;font-size:inherit;text-align:left;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap}input:not([type=checkbox]):not([type=radio]),textarea,select{field-sizing:content;outline:none;min-width:20ch;max-width:100%;padding:.5em 1em}textarea{box-sizing:content-box;align-self:stretch;width:90%;min-height:6lh;margin-inline:auto}body{text-align:center;flex-direction:column;justify-content:center;max-width:900px;min-height:100vh;margin-inline:auto;display:flex}main{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}form{flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:100%;display:flex}nav{flex-direction:column;align-items:center;gap:.5rem;width:fit-content;display:flex}nav span>a{z-index:1;margin-left:-1.75em;padding-left:1.75em;text-decoration:none;display:inline-block;position:relative}nav span,fieldset{border:0;align-items:center;gap:.5rem;width:fit-content;height:fit-content;padding:.5rem;display:flex}input[type=radio]{appearance:none;outline-offset:3px;border-radius:50%;width:.75rem;height:.75rem}.column{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.row{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex}button{-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:perspective(1px)translateZ(0);transform:perspective(1px)translateZ(0)}button:not(:disabled):hover,button:not(:disabled):focus-visible,button:not(:disabled):active{filter:brightness(1.05);-webkit-transform:scale(1.075);transform:scale(1.075)}button:disabled{filter:brightness(.5)}@media (width<=775px){header{flex-direction:column;gap:.5em}header>*{margin-inline:auto}th{display:none}td{padding:.5rem 1rem;display:block}td:first-child{padding-top:1rem}td:last-child{padding-bottom:1rem}td:before{content:attr(data-cell);font-weight:700}table{text-align:left}}}:root{--font-family-base:system-ui;--font-family-base-line-height:1.5;--font-family-heading:system-ui;--font-family-heading-line-height:1.1;--font-family-code:monospace;--body-max-width:75ch}