:root{color-scheme:dark light;--space-xxs: .25rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-xxl: 6rem;--hue: 218.5deg;--saturation: 22.3%;--lightness: 34.3%;--gloss-fill: rgba(255, 255, 255, .15);--cursor-auto: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjM0IzNzc3IiBkPSJNMTcuMTQ3IDMwYy0uODggMC0xLjcyLS40OC0yLjE0LTEuMzJsLTIuODUtNS43NC0zLjA3IDEuNTNhMS44MTEgMS44MTEgMCAwIDEtMi42Mi0xLjY5bC44MS0xOC4zNGExLjggMS44IDAgMCAxIDIuODMtMS40bDE1LjExIDEwLjQxYy41My4zNi44Mi45Ny43OCAxLjYyLS4wNC42NS0uNDIgMS4yLS45OSAxLjQ5bC0zLjA1IDEuNTIgMi44NSA1Ljc0Yy4yOC41Ny4zMyAxLjIxLjEzIDEuODItLjIuNi0uNjMgMS4wOS0xLjIgMS4zN2wtNS41MSAyLjc0Yy0uMzQuMTctLjcxLjI1LTEuMDYuMjVoLS4wMlptLTQuNjUtOC44MWMuMjggMCAuNTQuMTUuNjcuNDJsMy4xOSA2LjQxYy4yMi40My43NS42MSAxLjE5LjM5bDUuNTItMi43NGMuMjEtLjEuMzctLjI5LjQ0LS41MS4wNy0uMjIuMDYtLjQ2LS4wNS0uNjdsLTMuMTktNi40MWEuNzYzLjc2MyAwIDAgMSAuMzQtMS4wMWwzLjcyLTEuODVjLjEzLS4wNy4xNi0uMTkuMTYtLjI1IDAtLjA3IDAtLjE5LS4xMy0uMjdMOS4yNDcgNC4yN2EuMjk5LjI5OSAwIDAgMC0uMzEtLjAzYy0uMDYuMDMtLjE2LjEtLjE2LjI2bC0uODEgMTguMzNjMCAuMTUuMDguMjMuMTQuMjcuMDYuMDQuMTcuMDkuMzEuMDJsMy43NC0xLjg2YS44LjggMCAwIDEgLjMzLS4wOGwuMDEuMDFaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyLjQ5NyAyMS4xOWMuMjggMCAuNTQuMTUuNjcuNDJsMy4xOSA2LjQxYy4yMi40My43NS42MSAxLjE5LjM5bDUuNTItMi43NGMuMjEtLjEuMzctLjI5LjQ0LS41MS4wNy0uMjIuMDYtLjQ2LS4wNS0uNjdsLTMuMTktNi40MWEuNzYzLjc2MyAwIDAgMSAuMzQtMS4wMWwzLjcyLTEuODVjLjEzLS4wNy4xNi0uMTkuMTYtLjI1IDAtLjA3IDAtLjE5LS4xMy0uMjdMOS4yNDcgNC4yN2EuMjk5LjI5OSAwIDAgMC0uMzEtLjAzYy0uMDYuMDMtLjE2LjEtLjE2LjI2bC0uODEgMTguMzNjMCAuMTUuMDguMjMuMTQuMjcuMDYuMDQuMTcuMDkuMzEuMDJsMy43NC0xLjg2YS44LjggMCAwIDEgLjMzLS4wOGwuMDEuMDFaIi8+PC9zdmc+) 8 2, auto;--cursor-pointer: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjM0IzNzc3IiBkPSJNMTYuMzcgMzBjLTQuODQgMC05LjY3LTUuNzUtMTEuMjEtOS44NS0uNzktMi4xMS0uNjgtMy43MS4zMS00LjQ5LjY0LS41MSAxLjM4LS42OCAyLjEzLS41Ljc0LjE3IDEuNDMuNjggMi4wMiAxLjI5TDcuOTQgNy4wN2MtLjE1LS44Mi4wMy0xLjY2LjUxLTIuMzRhMy4xMiAzLjEyIDAgMCAxIDIuMDItMS4yOWMuODMtLjE1IDEuNjYuMDQgMi4zNS41Mi42OS40OCAxLjE0IDEuMjEgMS4yOCAyLjA0bC41IDNjLjUtLjQ0IDEuMTUtLjY4IDEuODItLjY4IDEuMjMgMCAyLjI3LjggMi42NCAxLjkxLjQyLS4yNy45MS0uNCAxLjQxLS4zNyAxLjA0LjA3IDEuODcuODIgMi4wOCAxLjguMjgtLjAzLjU4LjAzLjg0LjEgMS4zOC4zNCAxLjc0IDEuNDUgMS44OCAyLjI1bC40OSAyLjExcy4wMS4wNi4wMi4wOWMuNTkgNS4yNyAwIDguNzQtMS44NCAxMC45MS0xLjUgMS43Ny0zLjgxIDIuNjgtNy4yNiAyLjg2aC0uMzJsLjAxLjAyWk03LjA0IDE2LjZjLS4yMiAwLS40Mi4wOC0uNjQuMjUtLjMxLjI1LS40NiAxLjEyLjE3IDIuNzggMS40MSAzLjc2IDYuMDIgOS4wOSAxMC4wNSA4Ljg3IDMuMDEtLjE2IDQuOTgtLjkgNi4yLTIuMzQgMS41NS0xLjgzIDIuMDMtNC45MiAxLjUtOS43M2wtLjQ5LTIuMWMtLjE2LS44OS0uNDItMS4wMS0uNzctMS4xLS4wNy0uMDItLjEyLS4wMy0uMTYtLjA0IDAgLjA0LS4wMi4wOC0uMDMuMTRsLjE4Ljg2Yy4wOC40MS0uMTguOC0uNTguODktLjQxLjA5LS44LS4xOC0uODktLjU4bC0uNDQtMi4xNWEuODc1Ljg3NSAwIDAgMS0uMDItLjE2YzAtLjQyLS4zMi0uNzctLjc0LS44YS44MjMuODIzIDAgMCAwLS41OC4yLjc4Ljc4IDAgMCAwLS4yNi41NmwtLjE3IDEuNjdjLS4wNC4zOS0uNC42Ny0uNzYuNjgtLjM5IDAtLjcxLS4zMS0uNzMtLjdsLS4xNy0yLjczYy0uMDMtLjY5LS41OS0xLjIyLTEuMjctMS4yMi0uMzUgMC0uNjguMTQtLjkzLjQtLjI0LjI2LS4zNi41OS0uMzQuOTVsLjQyIDMuNjljLjA1LjQtLjI0Ljc3LS42NC44M2EuNzUuNzUgMCAwIDEtLjg0LS42MmwtMS40Ny04LjgyYTEuNiAxLjYgMCAwIDAtLjY3LTEuMDZjLS4zNi0uMjUtLjc5LS4zNS0xLjIyLS4yNy0uNDMuMDgtLjguMzEtMS4wNS42Ny0uMjUuMzYtLjM0Ljc5LS4yNyAxLjIybDIuMyAxMi44M2MuMDcuMzctLjE1LjczLS41MS44NWEuNzUuNzUgMCAwIDEtLjkxLS4zOWMtLjU4LTEuMi0xLjkxLTMuMjEtMy4wNC0zLjQ3YS45MDguOTA4IDAgMCAwLS4yMy0uMDN2LS4wM1oiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNy4wNCAxNi42Yy0uMjIgMC0uNDIuMDgtLjY0LjI1LS4zMS4yNS0uNDYgMS4xMi4xNyAyLjc4IDEuNDEgMy43NiA2LjAyIDkuMDkgMTAuMDUgOC44NyAzLjAxLS4xNiA0Ljk4LS45IDYuMi0yLjM0IDEuNTUtMS44MyAyLjAzLTQuOTIgMS41LTkuNzNsLS40OS0yLjFjLS4xNi0uODktLjQyLTEuMDEtLjc3LTEuMS0uMDctLjAyLS4xMi0uMDMtLjE2LS4wNCAwIC4wNC0uMDIuMDgtLjAzLjE0bC4xOC44NmMuMDguNDEtLjE4LjgtLjU4Ljg5LS40MS4wOS0uOC0uMTgtLjg5LS41OGwtLjQ0LTIuMTVhLjg3NS44NzUgMCAwIDEtLjAyLS4xNmMwLS40Mi0uMzItLjc3LS43NC0uOGEuODIzLjgyMyAwIDAgMC0uNTguMi43OC43OCAwIDAgMC0uMjYuNTZsLS4xNyAxLjY3Yy0uMDQuMzktLjQuNjctLjc2LjY4LS4zOSAwLS43MS0uMzEtLjczLS43bC0uMTctMi43M2MtLjAzLS42OS0uNTktMS4yMi0xLjI3LTEuMjItLjM1IDAtLjY4LjE0LS45My40LS4yNC4yNi0uMzYuNTktLjM0Ljk1bC40MiAzLjY5Yy4wNS40LS4yNC43Ny0uNjQuODNhLjc1Ljc1IDAgMCAxLS44NC0uNjJsLTEuNDctOC44MmExLjYgMS42IDAgMCAwLS42Ny0xLjA2Yy0uMzYtLjI1LS43OS0uMzUtMS4yMi0uMjctLjQzLjA4LS44LjMxLTEuMDUuNjctLjI1LjM2LS4zNC43OS0uMjcgMS4yMmwyLjMgMTIuODNjLjA3LjM3LS4xNS43My0uNTEuODVhLjc1Ljc1IDAgMCAxLS45MS0uMzljLS41OC0xLjItMS45MS0zLjIxLTMuMDQtMy40N2EuOTA4LjkwOCAwIDAgMC0uMjMtLjAzdi0uMDNaIi8+PC9zdmc+) 8 2, pointer;--cursor-pointerActive: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjM0IzNzc3IiBkPSJNMTYuMzcgMzBjLTQuODQgMC05LjY3LTUuNzUtMTEuMjEtOS44NS0uNzktMi4xMS0uNjgtMy43MS4zMS00LjQ5LjY0LS41MSAxLjM4LS42OCAyLjEzLS41Ljc0LjE3IDEuNDMuNjggMi4wMiAxLjI5bC0uODMtNC4zYy0uMTUtLjgyLjAzLTEuNjYuNTEtMi4zNGEzLjEyIDMuMTIgMCAwIDEgMi4wMi0xLjI5Yy44My0uMTUgMi4wMi4wNTkgMi4zNS41Mi4zMy40Ni4zMy45Ni4zMy45NnMuMjM5LS42ODIuNi0xYy41LS40NCAxLjE1LS42OCAxLjgyLS42OCAxLjIzIDAgMi4yNy44IDIuNjQgMS45MS40Mi0uMjcuOTEtLjQgMS40MS0uMzcgMS4wNC4wNyAxLjg3LjgyIDIuMDggMS44LjI4LS4wMy41OC4wMy44NC4xIDEuMzguMzQgMS43NCAxLjQ1IDEuODggMi4yNWwuNDkgMi4xMXMuMDEuMDYuMDIuMDljLjU5IDUuMjcgMCA4Ljc0LTEuODQgMTAuOTEtMS41IDEuNzctMy44MSAyLjY4LTcuMjYgMi44NmgtLjMybC4wMS4wMlpNNy4wNCAxNi42Yy0uMjIgMC0uNDIuMDgtLjY0LjI1LS4zMS4yNS0uNDYgMS4xMi4xNyAyLjc4IDEuNDEgMy43NiA2LjAyIDkuMDkgMTAuMDUgOC44NyAzLjAxLS4xNiA0Ljk4LS45IDYuMi0yLjM0IDEuNTUtMS44MyAyLjAzLTQuOTIgMS41LTkuNzNsLS40OS0yLjFjLS4xNi0uODktLjQyLTEuMDEtLjc3LTEuMS0uMDctLjAyLS4xMi0uMDMtLjE2LS4wNCAwIC4wNC0uMDIuMDgtLjAzLjE0bC4xOC44NmMuMDguNDEtLjE4LjgtLjU4Ljg5LS40MS4wOS0uOC0uMTgtLjg5LS41OGwtLjQ0LTIuMTVhLjg3NS44NzUgMCAwIDEtLjAyLS4xNmMwLS40Mi0uMzItLjc3LS43NC0uOGEuODIzLjgyMyAwIDAgMC0uNTguMi43OC43OCAwIDAgMC0uMjYuNTZsLS4xNyAxLjY3Yy0uMDQuMzktLjQuNjctLjc2LjY4LS4zOSAwLS43MS0uMzEtLjczLS43bC0uMTctMi43M2MtLjAzLS42OS0uNTktMS4yMi0xLjI3LTEuMjItLjM1IDAtLjY4LjE0LS45My40LS4yNC4yNi0uMzYuNTktLjM0Ljk1bC40MiAzLjY5Yy4wNS40LS4yNC43Ny0uNjQuODNhLjc1Ljc1IDAgMCAxLS44NC0uNjJsLS42Mi0zLjc0YTEuNiAxLjYgMCAwIDAtLjY3LTEuMDZjLS4zNi0uMjUtLjc5LS4zNS0xLjIyLS4yNy0uNDMuMDgtLjguMzEtMS4wNS42Ny0uMjUuMzYtLjM0Ljc5LS4yNyAxLjIybDEuNDUgNy43NWMuMDcuMzctLjE1LjczLS41MS44NWEuNzUuNzUgMCAwIDEtLjkxLS4zOWMtLjU4LTEuMi0xLjkxLTMuMjEtMy4wNC0zLjQ3YS45MDguOTA4IDAgMCAwLS4yMy0uMDN2LS4wM1oiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNy4wNCAxNi42Yy0uMjIgMC0uNDIuMDgtLjY0LjI1LS4zMS4yNS0uNDYgMS4xMi4xNyAyLjc4IDEuNDEgMy43NiA2LjAyIDkuMDkgMTAuMDUgOC44NyAzLjAxLS4xNiA0Ljk4LS45IDYuMi0yLjM0IDEuNTUtMS44MyAyLjAzLTQuOTIgMS41LTkuNzNsLS40OS0yLjFjLS4xNi0uODktLjQyLTEuMDEtLjc3LTEuMS0uMDctLjAyLS4xMi0uMDMtLjE2LS4wNCAwIC4wNC0uMDIuMDgtLjAzLjE0bC4xOC44NmMuMDguNDEtLjE4LjgtLjU4Ljg5LS40MS4wOS0uOC0uMTgtLjg5LS41OGwtLjQ0LTIuMTVhLjg3NS44NzUgMCAwIDEtLjAyLS4xNmMwLS40Mi0uMzItLjc3LS43NC0uOGEuODIzLjgyMyAwIDAgMC0uNTguMi43OC43OCAwIDAgMC0uMjYuNTZsLS4xNyAxLjY3Yy0uMDQuMzktLjQuNjctLjc2LjY4LS4zOSAwLS43MS0uMzEtLjczLS43bC0uMTctMi43M2MtLjAzLS42OS0uNTktMS4yMi0xLjI3LTEuMjItLjM1IDAtLjY4LjE0LS45My40LS4yNC4yNi0uMzYuNTktLjM0Ljk1bC40MiAzLjY5Yy4wNS40LS4yNC43Ny0uNjQuODNhLjc1Ljc1IDAgMCAxLS44NC0uNjJsLS42Mi0zLjc0YTEuNiAxLjYgMCAwIDAtLjY3LTEuMDZjLS4zNi0uMjUtLjc5LS4zNS0xLjIyLS4yNy0uNDMuMDgtLjguMzEtMS4wNS42Ny0uMjUuMzYtLjM0Ljc5LS4yNyAxLjIybDEuNDUgNy43NWMuMDcuMzctLjE1LjczLS41MS44NWEuNzUuNzUgMCAwIDEtLjkxLS4zOWMtLjU4LTEuMi0xLjkxLTMuMjEtMy4wNC0zLjQ3YS45MDguOTA4IDAgMCAwLS4yMy0uMDN2LS4wM1oiLz48L3N2Zz4=) 8 2, pointer;--shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06)}:root[color-mode=light] .light--hidden{display:none}:root[color-mode=dark] .dark--hidden{display:none}:root[color-mode=light]{--brand: hsl(var(--hue) var(--saturation) var(--lightness));--text1: hsl(var(--hue) var(--saturation) 10% );--text2: hsl(var(--hue) calc(var(--saturation) / 2) 30%);--bright-text1: hsl(var(--hue) 15% 85%);--bright-text2: hsl(var(--hue) 15% 65%);--surface1: hsl(var(--hue) calc(var(--saturation) / 6) 90% );--surface2: hsl(var(--hue) calc(var(--saturation) / 8) 99%);--surface3: hsl(var(--hue) calc(var(--saturation) / 8) 96%);--surface4: hsl(var(--hue) calc(var(--saturation) / 8) 85%)}:root[color-mode=dark]{--brand: hsl(var(--hue) calc(var(--saturation) / 2) var(--lightness));--text1: hsl(var(--hue) 15% 85%);--text2: hsl(var(--hue) 15% 65%);--bright-text1: hsl(var(--hue) 15% 85%);--bright-text2: hsl(var(--hue) 15% 65%);--surface1: hsl(var(--hue) 10% 10%);--surface2: hsl(var(--hue) 10% 15%);--surface3: hsl(var(--hue) 5% 20%);--surface4: hsl(var(--hue) 5% 25%);--gloss-fill: rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box;margin:0}html{block-size:100%;cursor:var(--cursor-auto)}body{min-block-size:100%;font-family:system-ui,sans-serif;background:var(--surface1);color:var(--text1)}h1,h2,h3{font-weight:300;font-size:var(--space-lg);user-select:none}small{line-height:1.5;color:var(--text2);font-size:var(--space-sm);font-weight:200}a,button,input{cursor:var(--cursor-pointer)}a:active,button:active,input:active{cursor:var(--cursor-pointerActive)}input{outline-offset:5px}a{color:var(--brand);fill:var(--brand);text-decoration:none}a:hover{color:var(--text2);fill:var(--text2);text-decoration:none}main{display:grid;gap:var(--space-md);place-content:center;padding:var(--space-xl)}section{display:grid;gap:var(--space-md)}header{display:grid;gap:var(--space-xxs);place-items:center}.hero-icon{width:40vh;fill:var(--text2);color:var(--brand);user-select:none;-webkit-user-select:none;pointer-events:none}#spikes{position:absolute;top:0;left:0;z-index:0;user-select:none;-webkit-user-select:none;touch-action:none}#confetti{position:absolute;top:0;left:0;z-index:-1;user-select:none;-webkit-user-select:none;touch-action:none}@media (min-width: 540px){h1{font-size:var(--space-xl)}small{font-size:var(--space-md)}}.color-mode-toggle{position:absolute;top:var(--space-xs);right:var(--space-sm);z-index:2;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--surface1);background-color:var(--surface2);transition:border-color .25s}.color-mode-toggle:hover{border-color:var(--text1)}.color-mode-toggle:active{scale:.97}.color-mode-check{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--brand);box-shadow:var(--shadow-1);transition:transform .25s}.color-mode-icon{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.color-mode-icon svg{position:absolute;top:3px;left:3px;width:12px;height:12px;fill:var(--bright-text1);stroke:var(--bright-text1);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}:root[color-mode=dark] .color-mode-icon svg{fill:var(--text1);transition:opacity .25s}.sun{opacity:1}.moon{opacity:0}:root[color-mode=dark] .sun{opacity:0}:root[color-mode=dark] .moon{opacity:1}:root[color-mode=dark] .color-mode-toggle .color-mode-check{transform:translate(18px)}