:root{--indigo-7:#4263eb;--purple-7:#ae3ec9;--gray-12:#030507;--gray-7:#495057;--gray-0:#f8f9fa;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--font-system-ui:system-ui, sans-serif;--font-lineheight-3:1.5;--red-6:#fa5252;--red-3:#ffa8a8;--gray-6:#868e96;--indigo-3:#91a7ff;--purple-3:#e599f7;--gray-1:#f1f3f5;--gray-9:#212529;--gray-8:#343a40;--ease-2:cubic-bezier(.25, 0, .4, 1);--font-weight-9:900;--font-lineheight-1:1.25;--font-size-8:3.5rem;--size-header-1:20ch;--font-size-6:2.5rem;--size-header-2:25ch;--font-size-5:2rem;--font-size-4:1.5rem;--font-size-3:1.25rem;--size-header-3:35ch;--font-size-2:1.1rem;--indigo-2:#bac8ff;--purple-2:#eebefa;--size-1:.25rem;--size-2:.5rem;--size-relative-4:1.25ch;--radius-2:5px;--size-content-1:20ch;--size-3:1rem;--size-10:5rem;--font-monospace-code:Dank Mono,Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;--border-size-1:1px;--size-8:3rem;--size-content-2:45ch;--size-content-3:60ch;--font-weight-7:700;--size-5:1.5rem;--font-size-0:.75rem;--border-size-2:2px;--size-fluid-5:clamp(4rem, 5vw, 5rem);--font-size-1:1rem;--border-size-3:5px;--size-4:1.25rem;--red-9:#c92a2a;--red-2:#ffc9c9;--green-9:#2b8a3e;--green-1:#d3f9d8;--blue-5:#339af0;--radius-3:1rem;--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)), 0 3px 2px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 7px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 12px 10px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)), 0 22px 18px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)), 0 41px 33px -2px hsl(var(--shadow-color) / var(--shadow-strength-7)), 0 100px 80px -2px hsl(var(--shadow-color) / var(--shadow-strength-8));--size-fluid-2:clamp(1rem, 2vw, 1.5rem);--size-14:20rem;--size-fluid-1:clamp(.5rem, 1vw, 1rem);--shadow-2:0 3px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 7px 14px -5px hsl(var(--shadow-color) / var(--shadow-strength-6));--font-weight-8:800;--ease-3:cubic-bezier(.25, 0, .3, 1);--ease-elastic-3:var(--ease-elastic-out-3);--gray-5:#adb5bd;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color) / var(--shadow-strength-10));--shadow-color:220 3% 15%;--shadow-strength-3:calc(var(--shadow-strength) + 2%);--shadow-strength-4:calc(var(--shadow-strength) + 3%);--shadow-strength-5:calc(var(--shadow-strength) + 4%);--shadow-strength-6:calc(var(--shadow-strength) + 5%);--shadow-strength-7:calc(var(--shadow-strength) + 6%);--shadow-strength-8:calc(var(--shadow-strength) + 7%);--ease-elastic-out-3:cubic-bezier(.5, 1.25, .75, 1.25);--shadow-strength-10:calc(var(--shadow-strength) + 9%);--shadow-strength:1%}:where(html){--csstools-color-scheme--light:initial;--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-12);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);-webkit-text-size-adjust:none;accent-color:var(--brand,var(--link));background-color:var(--surface-1);block-size:100%;caret-color:var(--brand,var(--link));color:var(--text-1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-system-ui);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollthumb-color) transparent}@media (dynamic-range:high) or (color-gamut:p3){@supports (color:color(display-p3 0 0 0)){:where(html){--link:color(display-p3 .1 .39 1);--link-visited:color(display-p3 .6 .2 1)}}}:where(html) :where(dialog){background-color:var(--surface-1)}:where(html) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(html) :where(button,.btn) :where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where(html) [disabled]:where(button,input[type=button],.btn),:where(html) [disabled]:where(button,input[type=submit],.btn),:where(html) [disabled]:where(button,input[type=reset],.btn){--_text:var(--gray-6)}:where(html) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media (prefers-color-scheme:dark){:where(html){--csstools-color-scheme--light: ;--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-1);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:after,:before{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-repeat:no-repeat;background-origin:border-box;border-style:solid;border-width:0}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}:where(:focus-visible){transition:outline-offset .145s var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;font-weight:var(--font-weight-9);line-height:var(--font-lineheight-1)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports ((-moz-appearance:none)){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*=\-],pre)){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*=\-])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(a):where([href]){-webkit-text-decoration-color:var(--indigo-2);text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){-webkit-text-decoration-color:var(--purple-2);text-decoration-color:var(--purple-2)}:where(a):where(:not(:hover)){-webkit-text-decoration:inherit;text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select){color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}::placeholder{color:var(--gray-7);opacity:.75}:where(input:not([type=range]),textarea){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){field-sizing:content;padding-block:.75ch;padding-inline:var(--size-relative-4) 0}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2);border-radius:var(--radius-2)}:where(textarea){field-sizing:content;min-block-size:2lh;min-inline-size:var(--size-content-1);resize:vertical}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-monospace-code),monospace}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){white-space:pre;writing-mode:lr;direction:ltr;min-inline-size:0;max-inline-size:max-content}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--radius-2);padding:var(--size-1) var(--size-2);writing-mode:lr}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){text-wrap:pretty;max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){gap:var(--size-2);place-items:center;display:grid}:where(figure)>:where(figcaption){text-wrap:balance;font-size:var(--font-size-1)}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4);display:grid}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--radius-2);margin:calc(var(--size-2)*-1) calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details[open]>summary){margin-bottom:var(--size-2);border-end-end-radius:0;border-end-start-radius:0}:where(fieldset){border:var(--border-size-1) solid var(--surface-4);border-radius:var(--radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){-webkit-text-decoration-color:var(--blue-5);text-decoration-color:var(--blue-5)}:where(dialog){background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-6);color:inherit}:where(menu){gap:var(--size-3);padding-inline-start:0;display:flex}:where(sup){font-size:.5em}:where(table){--nice-inner-radius:calc(var(--radius-3) - 2px);background:var(--surface-2);border:1px solid var(--surface-2);border-radius:var(--radius-3);width:fit-content}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:first-child){border-start-start-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:last-child){border-start-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:first-of-type),:where(tfoot tr:last-child td:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:last-of-type),:where(tfoot tr:last-child td:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){background-color:var(--surface-2);color:var(--text-1)}:where(table a:not(.does-not-exist):focus-visible),:where(table button:not(.does-not-exist):focus-visible),:where(table [contenteditable]:focus-visible){outline-offset:-2px}:where(td){text-wrap:pretty;background:var(--surface-1);max-inline-size:var(--size-content-2)}:where(td,th){padding:var(--size-2);text-align:left}:where(td:not([align])),:where(th:not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--surface-3)}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@media (prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}::placeholder{color:var(--gray-6)}}#app{flex-direction:column;display:flex;position:fixed;inset:0}main{padding:var(--size-fluid-2);flex-grow:1;overflow-y:auto}.card-container{align-items:flex-start;gap:var(--size-5);max-inline-size:calc(var(--size-content-1) * 4);min-width:var(--size-14);padding:var(--size-fluid-1);flex-direction:column;justify-content:space-around;display:flex;container-type:inline-size}.card{background:var(--surface-2);border-radius:var(--radius-3);border:var(--border-size-1) solid var(--surface-4);box-shadow:var(--shadow-2);content-visibility:auto;contain-intrinsic-size:auto 96px;align-items:center;gap:var(--size-2);padding:var(--size-4);flex-direction:row;justify-content:space-between;width:100%;display:flex}@container (width<=380px){.card{flex-direction:column;align-items:flex-start}}.card .title{font-size:var(--font-size-3);font-weight:var(--font-weight-8)}.card a{text-decoration:underline;-webkit-text-decoration-color:var(--surface-4);text-decoration-color:var(--surface-4)}.card>span{gap:var(--size-2);display:grid}.form-controls{gap:var(--size-4);padding:var(--size-4);flex-direction:row;justify-content:space-between;width:80%;display:flex}.form-controls>input[type=search]{border:var(--border-size-2) solid var(--blue-5);border-radius:var(--radius-2);flex-grow:1}footer{background-color:var(--surface-2);border-top:var(--border-size-1) solid var(--surface-3);padding-bottom:env(safe-area-inset-bottom);flex-flow:row;place-content:center space-evenly;display:flex}footer>a{padding:var(--size-fluid-2);opacity:.4}footer>a.active{opacity:1}.svgIcon{block-size:2.5em}:where(button){--_text:inherit;--_bg:var(--lightningcss-light,white)var(--lightningcss-dark,var(--surface-3));--_border:var(--surface-3);--_highlight-size:0;--_highlight-color:var(--lightningcss-light,#adb5bd40)var(--lightningcss-dark,#0b0d0e40);--_ink-shadow:0 1px 0 var(--lightningcss-light,var(--gray-3))var(--lightningcss-dark,var(--surface-1));--_icon-size:var(--size-4);--_icon-color:var(--link);background:var(--_bg);color:var(--_text);border:var(--border-size-2) solid var(--_border);box-shadow:var(--shadow-2), 0 1px var(--surface-3), 0 0 0 var(--_highlight-size) var(--_highlight-color);text-shadow:var(--_ink-shadow);justify-content:center;place-self:start;align-items:center;gap:var(--size-2);font-weight:var(--font-weight-7);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-4);transition:border-color .5s var(--ease-3) 3s;display:inline-flex}@media (prefers-reduced-motion:no-preference){:where(button){transition:border-color .5s var(--ease-3) 3s, box-shadow .5s var(--ease-elastic-3)}}:where(button:not([type=reset])):focus-visible{outline-color:var(--link)}:where(button[type=submit],form button:not([type],[disabled])){--_text:var(--link)}:where(button[type=submit],form button:not([type=button]),button[type=reset]){--_bg:var(--lightningcss-light,white)var(--lightningcss-dark,var(--surface-1))}:where(button[type=reset]){--_text:var(--lightningcss-light,currentColor)var(--lightningcss-dark,var(--red-2));--_border:var(--lightningcss-light,var(--surface-3))var(--lightningcss-dark,var(--surface-2))}:where(button[disabled]){--_bg:var(--lightningcss-light,transparent)var(--lightningcss-dark,var(--surface-1));--_text:var(--lightningcss-light,var(--gray-6))var(--lightningcss-dark,var(--gray-5));cursor:not-allowed;box-shadow:var(--shadow-1)}:where(button:not(:active):is(:hover,:focus-visible)){--_highlight-size:var(--size-1);transition-duration:.1s;transition-delay:0s}@media (hover:none){:where(button:active){--_highlight-size:var(--size-2)}:where(button[type=submit],button[type=reset],form button:not([type])):active:not([disabled]){--_border:currentColor;transition-duration:.1s;transition-delay:0s}}@media (prefers-color-scheme:dark){.svgIcon{filter:invert()}:root{--shadow-color:220 40% 2%;--shadow-strength:25%}}