:root{--boop-dark-teal: rgb(6, 74, 87);--boop-dark-teal-alt: rgb(7, 76, 88);--boop-dark-teal-alt2: rgb(6, 75, 87);--boop-dark-teal-alt3: rgb(11, 62, 71);--boop-teal: rgb(36, 149, 161);--boop-light-green: rgb(224, 251, 228);--boop-light-green-alt: rgb(208, 252, 203);--boop-green: rgb(119, 211, 190);--boop-green-alt: rgb(132, 222, 195);--boop-green-light: rgb(153, 229, 194);--boop-green-bright: rgb(203, 244, 183);--boop-yellow: rgb(254, 228, 184);--boop-yellow-alt: rgb(250, 194, 136);--boop-yellow-alt2: rgb(247, 199, 135);--boop-yellow-alt3: rgb(248, 199, 135);--boop-yellow-alt4: rgb(244, 185, 121);--boop-yellow-bright: rgb(249, 218, 125);--boop-cream: rgb(253, 246, 223);--boop-cream-light: rgb(253, 254, 251);--boop-cream-alt: rgb(251, 253, 252);--boop-cream-alt2: rgb(252, 254, 253);--boop-text-primary: var(--boop-dark-teal);--boop-text-accent: var(--boop-teal);--boop-text-secondary: var(--boop-dark-teal-alt3);--boop-link: var(--boop-teal);--boop-link-hover: var(--boop-dark-teal);--boop-border: var(--boop-light-green);--boop-background: var(--boop-cream-light);--boop-accent: var(--boop-green)}.nav-logo-img-wrapper{position:relative;height:3rem;width:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:3rem}.nav-logo-img{height:3rem;width:auto;max-height:3rem;display:block;object-fit:contain;transition:opacity .3s ease}.nav-logo-img-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/shtbox-logo-pressed.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.nav-logo-img-wrapper:hover:after{opacity:1}.nav-logo-img-wrapper:hover .nav-logo-img{opacity:0}footer{margin-top:auto;padding-top:2rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-brand{margin-bottom:.5rem}footer p{font-size:.75rem;color:var(--color-text-muted);font-weight:400;margin:0;font-family:Jua,sans-serif}.footer-copyright{font-size:.7rem;color:var(--color-text-muted);font-weight:400;margin:.25rem 0;font-family:inherit}footer .shtbox{color:var(--color-text-primary)}footer .io{color:var(--color-text-accent)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:.75rem;margin-bottom:1rem}.footer-link{color:var(--color-text-secondary);text-decoration:none;transition:color .2s;font-weight:400}.footer-link:hover{color:var(--color-text-accent)}@media (max-width: 768px){.footer-links{gap:1rem;font-size:.7rem}}.app-container{display:flex;flex-direction:column;min-height:100vh}:root{--color-primary-dark: rgb(30, 24, 64);--color-primary-dark-alt: rgb(31, 24, 64);--color-purple-medium: rgb(172, 112, 211);--color-purple-medium-alt: rgb(175, 119, 213);--color-purple-medium-light: rgb(180, 127, 219);--color-purple-light: rgb(198, 158, 231);--color-purple-light-alt: rgb(201, 161, 232);--color-purple-lighter: rgb(214, 182, 239);--color-purple-lighter-alt: rgb(206, 174, 234);--color-purple-lighter-alt2: rgb(201, 169, 227);--color-purple-dark: rgb(164, 94, 204);--color-purple-dark-alt: rgb(169, 98, 207);--color-purple-dark-alt2: rgb(176, 94, 207);--color-purple-dark-alt3: rgb(168, 90, 204);--color-purple-dark-alt4: rgb(162, 91, 200);--color-neutral-light: rgb(223, 225, 238);--color-neutral-lighter: rgb(243, 239, 247);--color-neutral-lightest: rgb(248, 249, 250);--color-neutral-gray: rgb(210, 209, 224);--color-neutral-muted: rgb(177, 160, 199);--color-neutral-muted-dark: rgb(126, 109, 155);--color-text-primary: var(--color-primary-dark);--color-text-accent: var(--color-purple-medium);--color-text-secondary: var(--color-neutral-muted-dark);--color-text-muted: var(--color-neutral-muted);--color-link: var(--color-purple-medium);--color-link-hover: var(--color-purple-dark);--color-border: var(--color-neutral-light);--color-background: #ffffff;--color-background-subtle: var(--color-neutral-lightest);--color-accent: var(--color-purple-medium)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-background);color:var(--color-text-primary);line-height:1.6;min-height:100vh;display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll}#root{width:100%;min-height:100vh}