:root{--c-back:#0e1017;--c-text:#c9d1d9;--c-panel:#26292d;--c-panel-hover:#1e2023;--c-pattern:#1e232b;--c-primary:#d1005e;--c-primary-hover:#5600c7;--c-muted:#6a7179;--c-info:#2a8ae3;--c-done:#32bc6e;--c-warn:#edaa24;--c-err:#e12e4f;--b-radius:3px;--gap:.5rem;--h-header:2.5rem;--h-footer:2rem;--h-body:calc(100dvh - var(--gap) * 2);--h-pagehead:14rem;--tran:all .12s ease-out;--s-s:.375rem;--s-m:.725rem;--s-l:1.125rem;--t-shadow:1px 1px 1px var(--c-back);--b-shadow:0 0 3px 1px #000}*{box-sizing:border-box}html,body{background:var(--c-back);color:var(--c-text);color-scheme:dark;padding:0;margin:0;font-family:system-ui;font-size:16px}body{display:flex;overflow-y:scroll;flex-flow:column;min-height:var(--h-body);padding:var(--gap);gap:var(--gap);>header,>main,>footer{border-radius:var(--b-radius);width:min(100%,1440px);margin-inline:auto}>header{height:var(--h-header)}>footer{height:var(--h-footer);display:flex;justify-content:center;align-items:center;>a,span{margin-inline:.5rem;color:var(--c-muted)}}}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:100}fieldset{border:none}hr{border:1px dotted var(--c-back);width:100%}article{background:var(--c-panel);border-radius:var(--b-radius);box-shadow:var(--b-shadow);width:100%;padding:var(--gap);>header{padding-bottom:var(--gap);font-size:1.1rem;text-align:center}}.container{width:100%;margin-inline:auto}.container-xs{width:min(100%,30rem);margin-inline:auto}.container-sm{width:min(100%,48rem);margin-inline:auto}.container-md{width:min(100%,64rem);margin-inline:auto}.container-lg{width:min(100%,90rem);margin-inline:auto}.bg-panel{background-color:var(--c-panel);border-radius:var(--b-radius)}.bg-stripes{background-image:repeating-linear-gradient(45deg,var(--c-pattern) 0,var(--c-pattern) 1px,transparent 0,transparent 50%);background-size:10px 10px}.bg-dots{background-image:radial-gradient(var(--c-pattern) 1px,transparent .5px);background-size:4px 4px}.bg-flow,html.v-ws>body>main>header{background:linear-gradient(295deg,#40e0d0,#ff8c00,#ff0080);background-size:320% 220%;background-position:0 100%;animation:flow-anim 20s ease infinite}@keyframes flow-anim{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}label{color:var(--c-text);font-size:1.25rem;padding:.25rem 0;display:inline-block}input{background-color:var(--c-back);border:none;border-radius:var(--b-radius);color:var(--c-text);padding:.5rem 1rem;width:100%;margin:.2rem;&.lg{font-size:1.5rem}&:focus{outline:1px solid var(--c-primary)}}button{cursor:pointer;padding:.4rem;border-radius:var(--b-radius);border:none;background-color:var(--c-primary);color:var(--c-back);transition:var(--tran);&:hover{scale:1.05}}a{color:var(--c-primary);text-decoration:none;transition:var(--tran);&.muted{color:var(--c-muted)}>h1.bg-flow{color:var(--c-text);transition:var(--tran);&:hover{color:var(--c-back)}}}a:hover{color:var(--c-primary-hover);text-decoration:none}button.mega,a.btn.mega{cursor:pointer;align-items:center;background-color:var(--c-back);border-radius:var(--b-radius);color:#bbb;display:flex;font-size:1.5rem;font-weight:300;justify-content:stretch;margin-bottom:var(--s-s);padding:var(--s-m);text-indent:0;transition:var(--tran);width:100%;border:1px solid var(--c-pattern);>img{margin-right:var(--s-m);filter:grayscale(1);transition:var(--tran);opacity:.5;transform:scale(1);width:32px;height:32px}&:hover{background-color:var(--c-panel-hover);color:#fff;text-indent:.5rem;transform:scale(1.015);border-color:var(--c-primary);text-decoration:none;scale:1.01;>img{filter:grayscale(0);opacity:1;transform:scale(1.1)}&:after{content:"";display:block;position:absolute;right:.5rem;top:calc(50% - .75rem);width:0px;height:0px;border-style:solid;border-width:.75rem .75rem .75rem 0;border-color:transparent var(--c-primary) transparent transparent;transform:rotate(0);opacity:.7}}position:relative}.btn,button{cursor:pointer;background-color:var(--c-primary);color:var(--c-back);display:inline-block;padding:.875rem;border-radius:var(--b-radius);border:none;transition:var(--tran);&:hover{color:#fff;text-shadow:var(--t-shadow);box-shadow:inset 0 0 0 2px #0005}&.sm{padding:.5rem;font-size:.875rem}&.lg{padding:1.125rem;font-size:1.125rem}&.block{display:block;width:100%}&.done{background-color:var(--c-done);&:hover{background-color:#218838}}&.info{background-color:var(--c-info);&:hover{background-color:#138496}}&.warn{background-color:var(--c-warn);&:hover{background-color:#d39e00}}&.danger{background-color:var(--c-err);&:hover{background-color:#c82333}}&.link{background-color:transparent;color:var(--c-text);&:hover{background-color:transparent;color:var(--c-primary)}}}.btn-group{display:flex;align-items:center;justify-content:center;.btn,button{border-radius:0}.btn:last-child,button:last-child{border-top-right-radius:var(--b-radius);border-bottom-right-radius:var(--b-radius)}.btn:first-child,button:first-child{border-top-left-radius:var(--b-radius);border-bottom-left-radius:var(--b-radius)}}[aria-description]{--arrow-size:5px;position:relative;z-index:10}[aria-description]:before,[aria-description]:after{position:absolute;visibility:hidden;opacity:0;left:50%;bottom:calc(100% + var(--arrow-size));pointer-events:none;transition:.2s;will-change:transform}[aria-description]:before{content:attr(aria-description);padding:.25rem .5rem;line-height:2.1;min-width:50px;max-width:300px;width:max-content;width:-moz-max-content;border-radius:var(--b-radius);font-size:12px;background-color:var(--c-pattern);box-shadow:0 0 24px #0003;color:var(--c-text);text-align:center;white-space:pre-wrap;transform:translate(-50%,calc(0px - var(--arrow-size)))scale(.5)}[aria-description]:after{content:"";border-style:solid;border-width:var(--arrow-size)var(--arrow-size)0;border-color:var(--c-pattern)transparent transparent transparent;transition-duration:0s;transform-origin:top;transform:translate(-50%)scaleY(0)}[aria-description]:hover:before,[aria-description]:hover:after{visibility:visible;opacity:1}[aria-description]:hover:before{transition-delay:.8s;transform:translate(-50%,calc(0px - var(--arrow-size)))scale(1)}[aria-description]:hover:after{transition-delay:.8s;transition-duration:.1s;transform:translate(-50%)scaleY(1)}[x-aria-dir=l]:before,[x-aria-dir=l]:after{left:auto;right:calc(100% + var(--arrow-size));bottom:50%}[x-aria-dir=l]:before{transform:translate(calc(0px - var(--arrow-size)),50%)scale(.5)}[x-aria-dir=l]:hover:before{transform:translate(calc(0px - var(--arrow-size)),50%)scale(1)}[x-aria-dir=l]:after{border-width:var(--arrow-size)0 var(--arrow-size)var(--arrow-size);border-color:transparent transparent transparent var(--c-pattern);transform-origin:left;transform:translateY(50%)scaleX(0)}[x-aria-dir=l]:hover:after{transform:translateY(50%)scaleX(1)}[x-aria-dir=r]:before,[x-aria-dir=r]:after{left:calc(100% + var(--arrow-size));bottom:50%}[x-aria-dir=r]:before{transform:translate(var(--arrow-size),50%)scale(.5)}[x-aria-dir=r]:hover:before{transform:translate(var(--arrow-size),50%)scale(1)}[x-aria-dir=r]:after{border-width:var(--arrow-size)var(--arrow-size)var(--arrow-size)0;border-color:transparent var(--c-pattern)transparent transparent;transform-origin:right;transform:translateY(50%)scaleX(0)}[x-aria-dir=r]:hover:after{transform:translateY(50%)scaleX(1)}[x-aria-dir=b]:before,[x-aria-dir=b]:after{top:calc(100% + var(--arrow-size));bottom:auto}[x-aria-dir=b]:before{transform:translate(-50%,var(--arrow-size))scale(.5)}[x-aria-dir=b]:hover:before{transform:translate(-50%,var(--arrow-size))scale(1)}[x-aria-dir=b]:after{border-width:0 var(--arrow-size)var(--arrow-size);border-color:transparent transparent var(--c-pattern)transparent;transform-origin:bottom}.gapless{--gap:0rem}.grid{width:100%;height:100%;>.row{margin-bottom:var(--s-m)}>.row:last-child{margin-bottom:0}}.row{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;width:100%;gap:var(--gap);--c1:0 0 calc(((1 / 12) * 100%) - (var(--gap) / 12 * 11));--c2:0 0 calc(((2 / 12) * 100%) - (var(--gap) / 12 * 10));--c3:0 0 calc(((3 / 12) * 100%) - (var(--gap) / 12 * 9));--c4:0 0 calc(((4 / 12) * 100%) - (var(--gap) / 12 * 8));--c5:0 0 calc(((5 / 12) * 100%) - (var(--gap) / 12 * 7));--c6:0 0 calc(((6 / 12) * 100%) - (var(--gap) / 12 * 6));--c7:0 0 calc(((7 / 12) * 100%) - (var(--gap) / 12 * 5));--c8:0 0 calc(((8 / 12) * 100%) - (var(--gap) / 12 * 4));--c9:0 0 calc(((9 / 12) * 100%) - (var(--gap) / 12 * 3));--c10:0 0 calc(((10 / 12) * 100%) - (var(--gap) / 12 * 2));--c11:0 0 calc(((11 / 12) * 100%) - (var(--gap) / 12 * 1));--c12:0 0 100%;>.col-1{flex:var(--c1)}>.col-2{flex:var(--c2)}>.col-3{flex:var(--c3)}>.col-4{flex:var(--c4)}>.col-5{flex:var(--c5)}>.col-6{flex:var(--c6)}>.col-7{flex:var(--c7)}>.col-8{flex:var(--c8)}>.col-9{flex:var(--c9)}>.col-10{flex:var(--c10)}>.col-11{flex:var(--c11)}>.col-12{flex:var(--c12)}}.hide{display:none}.md\:hide,.sm\:hide,.show{display:inherit}.md\:show,.sm\:show{display:none}@media(min-width:640px) and (max-width:1100px){.row{>.md\:col-1{flex:var(--c1)}>.md\:col-2{flex:var(--c2)}>.md\:col-3{flex:var(--c3)}>.md\:col-4{flex:var(--c4)}>.md\:col-5{flex:var(--c5)}>.md\:col-6{flex:var(--c6)}>.md\:col-7{flex:var(--c7)}>.md\:col-8{flex:var(--c8)}>.md\:col-9{flex:var(--c9)}>.md\:col-10{flex:var(--c10)}>.md\:col-11{flex:var(--c11)}>.md\:col-12{flex:var(--c12)}}.hide{display:inherit}.md\:hide{display:none}.sm\:hide{display:inherit}.show{display:none}.md\:show{display:inherit}.sm\:show{display:none}}@media(max-width:639px){.row{>.sm\:col-1{flex:var(--c1)}>.sm\:col-2{flex:var(--c2)}>.sm\:col-3{flex:var(--c3)}>.sm\:col-4{flex:var(--c4)}>.sm\:col-5{flex:var(--c5)}>.sm\:col-6{flex:var(--c6)}>.sm\:col-7{flex:var(--c7)}>.sm\:col-8{flex:var(--c8)}>.sm\:col-9{flex:var(--c9)}>.sm\:col-10{flex:var(--c10)}>.sm\:col-11{flex:var(--c11)}>.sm\:col-12{flex:var(--c12)}}.hide,.md\:hide{display:inherit}.sm\:hide,.show,.md\:show{display:none}.sm\:show{display:inherit}.c{width:calc(100% - .5rem)}}.round{border-radius:var(--b-radius)}.my-0{margin-top:0;margin-bottom:0}.my-s{margin-top:var(--s-s);margin-bottom:var(--s-s)}.my-m{margin-top:var(--s-m);margin-bottom:var(--s-m)}.my-l{margin-top:var(--s-l);margin-bottom:var(--s-l)}.mx-0{margin-inline:0}.mx-s{margin-inline:var(--s-s)}.mx-m{margin-inline:var(--s-m)}.mx-l{margin-inline:var(--s-l)}.p-0{padding:0}.p-s{padding:var(--s-s)}.p-m{padding:var(--s-m)}.p-l{padding:var(--s-l)}.py-0{padding-top:0;padding-bottom:0}.py-s{padding-top:var(--s-s);padding-bottom:var(--s-s)}.py-m{padding-top:var(--s-m);padding-bottom:var(--s-m)}.py-l{padding-top:var(--s-l);padding-bottom:var(--s-l)}.px-0{padding-left:0;padding-right:0}.px-s{padding-left:var(--s-s);padding-right:var(--s-s)}.px-m{padding-left:var(--s-m);padding-right:var(--s-m)}.px-l{padding-left:var(--s-l);padding-right:var(--s-l)}.toasts{position:fixed;right:2rem;bottom:2rem;z-index:10;width:24rem;&:hover>div{animation-play-state:paused;&:before{animation-play-state:paused}}>div{background:var(--c-panel);color:var(--c-muted);position:relative;width:100%;padding:.75rem 1.25rem 1rem 2.75rem;margin-top:.5rem;border-radius:var(--b-radius);cursor:pointer;animation:.5s cubic-bezier(.68,-.55,0,1.65) 0s 1 normal forwards toast-in,.5s cubic-bezier(.68,-.55,0,1.65) 5s 1 reverse forwards toast-in;box-shadow:2px 2px 4px #000;&:hover{background:var(--c-panel-hover);color:var(--c-text);scale:1.03}&:after{display:block;position:absolute;left:.5rem;font-size:1rem;font-weight:400;top:.5rem;width:1.5rem;width:1.25rem;height:1.25rem;line-height:1.25rem;color:var(--c-text);border:1px solid;border-radius:100%;text-align:center;transition:var(--tran)}&:hover:after{color:var(--c-text)}&:before{content:"";display:block;position:absolute;border-bottom-left-radius:var(--b-radius);border-bottom-right-radius:var(--b-radius);left:0;right:0;bottom:0;height:.25rem;box-shadow:1px 1px 4px #000;animation:shrink forwards;animation-duration:4.7s;animation-delay:.3s;background-repeat:repeat-y;background-position:left;background-color:var(--c-panel-hover)}}>div.error:before{background-image:linear-gradient(90deg,#db7800,#db0000)}>div.done:before{background-image:linear-gradient(90deg,#c5cf3f,#3fcf66)}>div.warn:before{background-image:linear-gradient(90deg,#dbac00,#db5b00)}>div.warn:after{content:"\26a0";color:var(--c-warn)}>div.info:after{content:"\2139";color:var(--c-info)}>div.error:after{content:"x";color:var(--c-err)}>div.done:after{content:"\2713";color:var(--c-done)}>div.info:before{background-image:linear-gradient(90deg,#3fbecf,#593fcf)}}@keyframes toast-in{0%{transform:translate(26rem);opacity:.1}to{transform:translate(0);opacity:1}}@keyframes shrink{0%{background-size:100%}to{background-size:0%}}.text-l{text-align:left}.text-c{text-align:center}.text-r{text-align:right}table{width:100%;border-collapse:collapse;border-spacing:0;box-shadow:var(--b-shadow);td{padding:.375rem;border-bottom:1px solid var(--c-panel-hover);background-color:var(--c-panel)}th{padding:.5rem;font-size:1.1rem;font-weight:100;text-align:center;background-color:#05070b;color:var(--c-muted);border-right:1px solid var(--c-panel-hover);&:hover{color:var(--c-text)}}th:first-child{border-top-left-radius:var(--b-radius)}th:last-child{border-top-right-radius:var(--b-radius);border-right:none}tr:hover td{background-color:var(--c-panel-hover)}tr:last-child td{border-bottom:none}tr:last-child td:first-child{border-bottom-left-radius:var(--b-radius)}tr:last-child td:last-child{border-bottom-right-radius:var(--b-radius)}}html.v-hero{body{>header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}>main{min-height:calc(var(--h-body) - var(--h-header) - var(--h-footer) - var(--gap) * 2)}}}.hero{min-height:max(25dvh,30rem);border-radius:var(--b-radius);display:flex;justify-content:center;align-items:center;font-size:3rem;text-shadow:var(--t-shadow);background-size:contain}html.v-box{body{>main{display:flex;justify-content:center;align-items:stretch;flex-direction:column;gap:var(--gap);min-height:var(--h-body)}}}html.v-ws{body{min-height:100dvh;display:grid;grid-template-columns:4rem auto;grid-template-rows:2rem auto 2rem;gap:var(--gap);grid-template-areas:"nav bread" "nav content" "nav console";>nav{justify-self:start;grid-area:nav;width:4rem;display:flex;justify-content:start;align-items:start;flex-direction:column;gap:.125rem;box-shadow:var(--b-shadow);>a{display:flex;width:4rem;height:4rem;justify-content:center;align-items:center;border-radius:var(--b-radius);background-color:var(--c-panel-hover);font-size:.8rem;color:var(--c-text);transition:var(--tran);&:hover{font-size:.9rem;font-weight:600;color:var(--c-primary-hover)}}}>header{justify-self:stretch;align-self:start;grid-area:bread;height:2rem;width:100%;display:flex;justify-content:start;align-items:center;text-indent:1rem}>main{grid-area:content;width:100%;min-height:calc(100dvh - 7rem);padding-bottom:12rem;>header{min-height:var(--h-pagehead);border-radius:var(--b-radius);background-color:var(--c-panel);padding:var(--s-m);margin-bottom:2.5rem;display:flex;flex-flow:column nowrap;align-items:end;justify-content:center;padding-left:16rem;position:relative;h1{font-size:4rem;display:block;width:100%;text-shadow:var(--t-shadow)}sub{width:100%;font-size:1.5rem;display:block;text-shadow:var(--t-shadow)}img{width:10rem;aspect-ratio:1/1;background-color:var(--c-panel);padding:var(--s-m);border-radius:var(--b-radius);position:absolute;opacity:.95;left:3rem;bottom:-.75rem}}}>footer{justify-self:stretch;align-self:end;grid-area:console;height:2rem;width:100%}}}