:root{--color-primary: rgb(106, 47, 190);--color-secondary: rgb(90, 227, 56);--color-accent: rgb(143, 235, 235);--color-text-default: rgba(255, 255, 255, .87);--color-text-lt: rgb(105, 47, 64);--color-bg-body: #cae8ef;--color-bg-main: rgb(242, 242, 240);--color-bg-card: #f4faf7;--color-border-default: #eae6e8;--color-error: #f02d5e;--color-success: #39a728;--color-warning: #ecde43;--font-fam-sans: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-fam-serif: Georgia, serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-default: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--line-ht-none: 1;--line-ht-tight: 1.25;--line-ht-snug: 1.375;--line-ht-normal: 1.5;--line-ht-relaxed: 1.625;--line-ht-loose: 2;--font-wt-thin: 100;--font-wt-xtlight: 200;--font-wt-light: 300;--font-wt-normal: 400;--font-wt-medium: 500;--font-wt-semibold: 600;--font-wt-bold: 700;--font-wt-xtbold: 800;--font-wt-black: 900;--padding-sm: 4px;--padding-md: 8px;--padding-lg: 16px;--border-radius-sm: .125rem;--border-radius-base: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 3px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .5);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-none: none;--bp-sm: 776px;--bp-md: 768px;--bp-lg: 992px;--bp-xl: 1200px;--bp-2xl: 1400px;--container-sm: 320px;--container-md: 480px;--container-lg: 768;--container-xl: 1024;font-family:var(--font-fam-sans);line-height:var(--line-ht-normal);font-weight:var(--font-wt-normal);color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color-scheme:light}[slot=page]{grid-area:main;max-width:var(--bp-lg);margin:0 auto;display:flex;flex-direction:column;place-items:center;padding:var(--font-size-6xl) 0;z-index:1}hgroup span{font-size:var(--font-size-6xl)}.portal{position:absolute;display:none}.container{position:relative}.theme-toggle{position:absolute;right:var(--padding-md);top:var(--padding-md);pointer-events:all}.nav-toggle{top:var(--padding-md);height:fit-content;position:relative;left:64px;pointer-events:all}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-accent)}body{margin:0;padding:0;min-height:100vh}h1{font-size:3.2em;line-height:1.1;margin:0 var(--padding-md) var(--padding-md)}h2{font-size:var(--font-size-2xl);line-height:var(--line-ht-snug);margin:0 var(--font-size-lg) var(--font-size-3xl);text-align:left}p{margin:0 var(--font-size-lg);text-align:left;margin-bottom:var(--font-size-2xl);color:var(--color-text-lt)}hgroup{height:100%}hgroup h2{padding-top:var(--font-size-6xl)}#app{margin:0;z-index:0;display:grid;grid-template-areas:"main main main main main" "main main main main main" "footer footer footer footer footer";grid-template-columns:min-content auto auto auto min-content;grid-template-rows:fit-content fit-content fit-content;min-width:320px;min-height:100vh;position:relative;overflow-x:hidden;max-width:100vw}header{grid-area:main;width:100%;z-index:2;right:0;margin:0;padding:0;display:flex;flex-direction:row-reverse;justify-content:end;position:fixed;height:fit-content;pointer-events:none}nav{pointer-events:all;right:0;background-color:var(--color-bg-main);background-image:linear-gradient(to right,#fff0 20%,#5e5e5e1a,#69696910,#6e6e6e1a,#fff0 80%);background-blend-mode:multiply;max-width:var(--bp-2xl);transition:transform .25s ease-in-out;overflow-x:visible;border-radius:var(--border-radius-md);box-shadow:var(--shadow-inner);padding-left:var(--font-size-sm)}nav ul{right:0;width:fit-content;height:fit-content;gap:var(--font-size-lg);margin:var(--font-size-lg) var(--font-size-lg) var(--font-size-lg) 0;padding:var(--font-size-6xl) 0 0;display:flex;flex-direction:column;justify-content:space-around;text-align:right}nav li{outline:4px ridge rgba(79,20,109,.208);box-shadow:var(--shadow-xl);padding:0 var(--font-size-sm);border-radius:var(--border-radius-md);background-color:#382f8337;list-style-type:none;list-style-image:none;transition:transform .3s ease-out;padding-left:var(--font-size-2xl)}nav a{display:flex}nav li:active{transform:translateY(2px) translate(1px);background-color:var(--color-bg-card);color:var(--color-secondary)}nav li.current{list-style-type:circle;list-style-position:outside;list-style-image:radial-gradient(circle,var(--color-accent),transparent);transform:translate(20px)}nav.contracted{transform:translateY(-480px);position:static}footer{grid-area:footer;align-self:last baseline;width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-card);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-secondary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:dark){[data-theme=dark]{--color-text-default: rgb(196, 227, 215);--color-text-lt: rgb(211, 221, 210);--color-bg-body: #1c111f;--color-bg-main: #1f1721;--color-bg-card: #1e1c28;--color-border-default: #050a0a;--color-button-default: rgb(81, 11, 37)}}@media(prefers-color-scheme:light){[data-theme=light]{--color-primary: rgb(106, 47, 190);--color-secondary: rgb(90, 227, 56);--color-accent: rgb(143, 235, 235);--color-text-default: rgba(255, 255, 255, .87);--color-text-lt: rgb(105, 47, 64);--color-bg-body: #cae8ef;--color-bg-main: rgb(242, 242, 240);--color-bg-card: #f4faf7;--color-border-default: #eae6e8;--color-error: #f02d5e;--color-success: #39a728;--color-warning: #ecde43}}