@import url(https://fonts.googleapis.com/css2?family=Faculty+Glyphic&family=Pirata+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block);*,::after,::before{box-sizing:border-box}:where(body,h1,h2,h3,h4,p,figure,blockquote,dl,dd){margin:0}ol[role=list],ul[role=list],ul[role=navigation]{list-style:none;padding:0}html{font-size:16px}body{min-height:100vh;min-height:100vmin;text-rendering:optimizeSpeed;line-height:1.4}a:not([class]){text-decoration-skip-ink:auto}:where(img,picture,video){max-width:100%;height:auto;display:block;object-fit:contain}:where(input,button,textarea,select){font-family:inherit;font-size:inherit}:where(:not(iframe,canvas,img,svg,video):not(svg*)){all:unset;display:revert}table{border-collapse:collapse}:root{--c-headline:#7e7655;--c-accent:#D3CFBE;--c-bg:#eee;--c-body:#222;--c-creator-body:#eee;--c-creator-bg:#161618;--c-purple:#7E31C7;--c-button:var(--c-purple);--c-button-text:white;--font-system:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-heading:'Pirata One',var(--font-system);--font-body:var(--font-system);--font-creator-body:'Faculty Glyphic',var(--font-system);--font-creator-heading:'Pirata One',var(--font-system);--font-icon:'Material Symbols Outlined','Material Icons',sans-serif;--side-offset:16px;--padding:8px;--c-em-2xlow:var(--c-em-l-2xlow, #081c2029);--c-em-2xlow-contrast:var(--c-em-d-2xlow, #ffffff29);--c-em-3xlow:var(--c-em-l-3xlow, #081c2014);--c-em-3xlow-contrast:var(--c-em-d-3xlow, #ffffff14);--c-em-4xlow:var(--c-em-l-4xlow, #081c200a);--c-em-4xlow-contrast:var(--c-em-d-4xlow, #ffffff0a);--c-em-5xlow:var(--c-em-l-5xlow, #081c2005);--c-em-5xlow-contrast:var(--c-em-d-5xlow, #ffffff05);--c-em-full:var(--c-em-l-full, #000000);--c-em-full-contrast:var(--c-em-d-full, #ffffff);--c-em-high:var(--c-em-l-high, #081c20);--c-em-high-contrast:var(--c-em-d-high, #ffffff);--c-em-low:var(--c-em-l-low, #081c20ad);--c-em-low-contrast:var(--c-em-d-low, #ffffffad);--c-em-med:var(--c-em-l-med, #081c20de);--c-em-med-contrast:var(--c-em-d-med, #ffffffde);--c-em-xlow:var(--c-em-l-xlow, #081c2061);--c-em-xlow-contrast:var(--c-em-d-xlow, #ffffff61)}html[data-theme=dark]{--c-bg:#222;--c-body:#eee;--c-headline:#D3CFBE;--c-em-2xlow:var(--c-em-d-2xlow, #ffffff29);--c-em-2xlow-contrast:var(--c-em-l-2xlow, #081c2029);--c-em-3xlow:var(--c-em-d-3xlow, #ffffff14);--c-em-3xlow-contrast:var(--c-em-l-3xlow, #081c2014);--c-em-4xlow:var(--c-em-d-4xlow, #ffffff0a);--c-em-4xlow-contrast:var(--c-em-l-4xlow, #081c200a);--c-em-5xlow:var(--c-em-d-5xlow, #ffffff05);--c-em-5xlow-contrast:var(--c-em-l-5xlow, #081c2005);--c-em-full:var(--c-em-d-full, #ffffff);--c-em-full-contrast:var(--c-em-l-full, #000000);--c-em-high:var(--c-em-d-high, #ffffff);--c-em-high-contrast:var(--c-em-l-high, #081c20);--c-em-low:var(--c-em-d-low, #ffffffad);--c-em-low-contrast:var(--c-em-l-low, #081c20ad);--c-em-med:var(--c-em-d-med, #ffffffde);--c-em-med-contrast:var(--c-em-l-med, #081c20de);--c-em-xlow:var(--c-em-d-xlow, #ffffff61);--c-em-xlow-contrast:var(--c-em-l-xlow, #081c2061)}html[data-theme=light]{--c-bg:#eee;--c-body:#222;--c-headline:#7e7655;--c-em-2xlow:var(--c-em-l-2xlow, #081c2029);--c-em-2xlow-contrast:var(--c-em-d-2xlow, #ffffff29);--c-em-3xlow:var(--c-em-l-3xlow, #081c2014);--c-em-3xlow-contrast:var(--c-em-d-3xlow, #ffffff14);--c-em-4xlow:var(--c-em-l-4xlow, #081c200a);--c-em-4xlow-contrast:var(--c-em-d-4xlow, #ffffff0a);--c-em-5xlow:var(--c-em-l-5xlow, #081c2005);--c-em-5xlow-contrast:var(--c-em-d-5xlow, #ffffff05);--c-em-full:var(--c-em-l-full, #000000);--c-em-full-contrast:var(--c-em-d-full, #ffffff);--c-em-high:var(--c-em-l-high, #081c20);--c-em-high-contrast:var(--c-em-d-high, #ffffff);--c-em-low:var(--c-em-l-low, #081c20ad);--c-em-low-contrast:var(--c-em-d-low, #ffffffad);--c-em-med:var(--c-em-l-med, #081c20de);--c-em-med-contrast:var(--c-em-d-med, #ffffffde);--c-em-xlow:var(--c-em-l-xlow, #081c2061);--c-em-xlow-contrast:var(--c-em-d-xlow, #ffffff61)}html{color-scheme:light;background-color:var(--c-bg);color:var(--c-body);font-family:var(--font-body),sans-serif;text-align:center}html[data-theme=dark]{color-scheme:dark}:where(h1,h2,h3,h4,h5,h6,.heading){font-family:var(--font-heading),serif;color:var(--c-headline)}img{max-width:100%;height:auto}header{color:#fff;background-color:var(--c-purple);text-align:center;margin-bottom:1rem;padding:var(--padding) var(--side-offset);display:flex;align-items:center;justify-content:center;align-items:safe center;justify-content:safe center;box-shadow:0 2px 4px var(--c-em-3xlow);position:sticky;top:0;z-index:10}header .logo{width:200px;max-width:90vw}header .js-theme-toggle{justify-self:end;margin-left:auto;background:0 0;border:none;cursor:pointer;position:relative;border-radius:8px}header .js-theme-toggle::before{font-family:var(--font-icon);font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48;content:' ';font-size:20px;color:#fff}[data-theme=dark] header .js-theme-toggle::before{content:'dark_mode'}[data-theme=light] header .js-theme-toggle::before{content:'light_mode'}header .js-theme-toggle:hover{background-color:var(--c-em-3xlow)}button{padding:.75rem;background-color:var(--c-button);border:2px solid var(--c-button);color:var(--c-button-text);border:none;border-radius:4px;font-weight:700;cursor:pointer}button:focus,button:hover{background-color:transparent;border-color:var(--c-button);color:var(--c-full)}button.-secondary,button.size-btn{background-color:transparent;border-color:var(--c-button);color:var(--c-full)}button.-secondary.active,button.-secondary:focus,button.-secondary:hover,button.size-btn.active,button.size-btn:focus,button.size-btn:hover{background-color:var(--c-button);border-color:var(--c-button);color:var(--c-button-text)}button:disabled{background-color:var(--c-bg);color:var(--c-body);cursor:not-allowed;opacity:.5}html{background:var(--c-button) repeat top left;color:var(--c-button-text);font-family:var(--font-system);background-image:url(../media/mini-icons.svg);background-size:580px}body{display:flex;align-items:center;justify-content:center;align-items:safe center;justify-content:safe center;min-height:100vh}.form-group{display:flex;flex-wrap:wrap;gap:0}.form-control{min-width:220px;padding:4px 16px;border-radius:11px 0 0 11px;border:0;outline:0;background-color:rgba(255,255,255,.8);font-size:16px;min-height:48px}@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){.form-control{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}}.btn{background:#fff;border:2px solid #fff;border-radius:0 11px 11px 0;color:var(--c-purple);padding:4px 16px;min-height:48px}.btn:focus,.btn:hover{border:2px solid #fff;background-color:transparent;color:#fff}@media (min-width:1024px){:root{--side-offset:32px;--padding:16px}header{justify-content:safe start}header .logo{width:300px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}