:root{--purple-100:oklch(95.5% .032 320.7);--purple-200:oklch(90.5% .069 320.7);--purple-300:oklch(84.5% .115 320.7);--purple-400:oklch(77.5% .172 320.7);--purple-500:oklch(70% .238 320.7);--purple-600:oklch(61.5% .265 320.7);--purple-700:oklch(51.5% .222 320.7);--purple-800:oklch(40% .173 320.7);--purple-900:oklch(28.5% .123 320.7);--white-100:oklch(95.5% 0 0);--white-200:oklch(90.5% 0 0);--white-300:oklch(84.5% 0 0);--white-400:oklch(77.5% 0 0);--white-500:oklch(70% 0 0);--white-600:oklch(61.5% 0 0);--white-700:oklch(51.5% 0 0);--white-800:oklch(40% 0 0);--white-900:oklch(28.5% 0 0);--red-100:oklch(95.5% .022 28.7);--red-200:oklch(90.5% .049 28.7);--red-300:oklch(84.5% .084 28.7);--red-400:oklch(77.5% .13 28.7);--red-500:oklch(70% .187 28.7);--red-600:oklch(61.5% .246 28.7);--red-700:oklch(51.5% .206 28.7);--red-800:oklch(40% .16 28.7);--red-900:oklch(28.5% .114 28.7);--yellow-100:oklch(95.5% .048 84.6);--yellow-200:oklch(90.5% .102 84.6);--yellow-300:oklch(84.5% .17 84.6);--yellow-400:oklch(77.5% .159 84.6);--yellow-500:oklch(70% .144 84.6);--yellow-600:oklch(61.5% .126 84.6);--yellow-700:oklch(51.5% .106 84.6);--yellow-800:oklch(40% .082 84.6);--yellow-900:oklch(28.5% .059 84.6);--blue-100:oklch(95.5% .02 256.2);--blue-200:oklch(90.5% .043 256.2);--blue-300:oklch(84.5% .071 256.2);--blue-400:oklch(77.5% .106 256.2);--blue-500:oklch(70% .146 256.2);--blue-600:oklch(61.5% .193 256.2);--blue-700:oklch(51.5% .162 256.2);--blue-800:oklch(40% .126 256.2);--blue-900:oklch(28.5% .09 256.2);--green-100:oklch(95.5% .072 146.6);--green-200:oklch(90.5% .164 146.6);--green-300:oklch(84.5% .231 146.6);--green-400:oklch(77.5% .212 146.6);--green-500:oklch(70% .192 146.6);--green-600:oklch(61.5% .168 146.6);--green-700:oklch(51.5% .141 146.6);--green-800:oklch(40% .11 146.6);--green-900:oklch(28.5% .078 146.6);--brown-100:oklch(95.5% .02 44.6);--brown-200:oklch(90.5% .044 44.6);--brown-300:oklch(84.5% .075 44.6);--brown-400:oklch(77.5% .116 44.6);--brown-500:oklch(70% .165 44.6);--brown-600:oklch(61.5% .145 44.6);--brown-700:oklch(51.5% .122 44.6);--brown-800:oklch(40% .095 44.6);--brown-900:oklch(28.5% .068 44.6);--border-radius-full:999px;--border-radius-lg:.5rem;--border-radius-md:.25rem;--border-radius-sm:.125rem;--border-width-lg:4px;--border-width-md:2px;--border-width-sm:1px;--border-width-none:0;--primary-text:var(--white-100);--secondary-text:var(--purple-300);--primary-background:var(--purple-700);--secondary-background:var(--purple-900);--accent-color:var(--yellow-400);--button-size-sm:2rem;--button-size-md:2.25rem;--button-size-lg:2.5rem;--button-radius:var(--border-radius-full);--button-border-width:var(--border-width-sm);--button-border-color:var(--primary-text);--switch-radius:var(--button-radius);--switch-border-width:var(--border-width-none);--switch-border-color:var(--primary-text);--switch-padding:3px;--switch-background:var(--secondary-background);--switch-size-sm:var(--button-size-sm,2rem);--switch-size-md:var(--button-size-md,2.25rem);--switch-size-lg:var(--button-size-lg,2.5rem);--switch-inner-shadow:inset 0 0 4px 0px color-mix(in oklch, var(--white-900) 50%, transparent);--switch-thumb-color:var(--primary-background);--switch-icon-color:var(--primary-text);--switch-icon-color-secondary:oklch(from var(--primary-text) l c h / 50%);--badge-background:var(--primary-text);--badge-text-color:var(--primary-background);--badge-border-width:var(--border-width-sm);--badge-border-color:var(--primary-text);--badge-border-radius:var(--button-radius);--badge-shadow:0 1px 3px 1px color-mix(in oklch, var(--white-900) 10%, transparent);--badge-padding-x:.5rem;--badge-padding-y:.125rem;--animation-duration:.25s;--animation-ease:ease}.dark{--primary-text:var(--white-100);--secondary-text:var(--white-400);--primary-background:var(--purple-900);--secondary-background:var(--purple-700);--accent-color:var(--yellow-400)}@media (prefers-reduced-motion:reduce){:root{--animation-duration:0}}@media (prefers-contrast:more){:root{--primary-text:var(--white-900);--secondary-text:var(--white-700);--primary-background:var(--purple-300);--secondary-background:var(--purple-100);--accent-color:var(--purple-900)}.dark{--primary-text:var(--white-100);--secondary-text:var(--purple-300);--primary-background:var(--purple-900);--secondary-background:var(--purple-700);--accent-color:var(--yellow-400)}}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body,html{font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;height:100%;margin:0;padding:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:100%;font-style:normal;line-height:1.5}body{background-color:var(--primary-background);padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);color:var(--primary-text)}em{font-style:oblique}code{font-family:monospace}img{vertical-align:middle;max-width:100%}button{appearance:unset;cursor:pointer;border:unset;background:unset}::selection{background-color:var(--accent-color);color:var(--primary-background)}:focus-visible{outline:2px solid var(--accent-color);border-radius:inherit}a:not([class]){cursor:pointer;background-image:linear-gradient(90deg, var(--primary-text), var(--primary-text));color:var(--accent-color);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;text-decoration:none;transition:color .3s,background-size .3s;position:relative}a:not([class]):hover{color:var(--primary-text);background-size:100% 1px}.btn{border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-radius);height:var(--button-size-md);color:var(--primary-text);align-items:center;padding:.25rem .75rem;font-size:.825rem;font-weight:600;text-decoration:none;transition:background-color .3s,text-shadow .3s;display:inline-flex}.btn:hover,.btn:focus{background-color:oklch(from var(--primary-text) l c h / 10%)}.btn-group{box-shadow:1px 2px 0px oklch(from var(--primary-text) l c h / 10%);border-radius:var(--button-radius);gap:0;transition:box-shadow .3s;display:flex}.btn-group .btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:not(:first-child){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.btn-group:hover{box-shadow:3px 6px 0px oklch(from var(--primary-text) l c h / 20%)}.switch{--switch-size:var(--switch-size-md);align-items:center;gap:var(--switch-padding);box-shadow:var(--switch-inner-shadow);border:var(--switch-border-width) solid var(--switch-border-color);border-radius:var(--switch-radius);background:var(--switch-background);padding:var(--switch-padding);width:max-content;height:var(--switch-size);color:var(--primary-text);font-size:.825rem;font-weight:600;text-decoration:none;transition:background-color .3s,text-shadow .3s;display:inline-flex;position:relative}.switch__icon{--switch-icon-size:calc(var(--switch-size) - (var(--switch-padding) * 2));z-index:1;transition:color var(--animation-duration) var(--animation-ease);border-radius:var(--switch-radius);width:var(--switch-icon-size);height:var(--switch-icon-size);color:var(--switch-icon-color);justify-content:center;align-items:center;display:flex;position:relative}.switch__icon:last-child{color:var(--switch-icon-color-secondary)}.switch__icon>svg{width:calc(var(--switch-icon-size) - .75rem);height:calc(var(--switch-icon-size) - .75rem)}.switch:before{--switch-thumb-size:calc(var(--switch-size) - (var(--switch-padding) * 2));transform:translate(var(--switch-padding), var(--switch-padding));transition:transform var(--animation-duration) var(--animation-ease);border-radius:var(--switch-radius);background:var(--switch-thumb-color);width:var(--switch-thumb-size);height:var(--switch-thumb-size);content:"";display:block;position:absolute;top:0;left:0}.switch[aria-checked=true]:before{transform:translate(calc(var(--switch-size)), var(--switch-padding))}.switch[aria-checked=true] .switch__icon:last-child{color:var(--switch-icon-color)}.switch[aria-checked=true] .switch__icon:first-child{color:var(--switch-icon-color-secondary)}.badge{box-shadow:var(--badge-shadow);border:var(--badge-border-width) solid var(--badge-border-color);border-radius:var(--badge-border-radius);background-color:var(--badge-background);padding:var(--badge-padding-y,.125rem) var(--badge-padding-x,.5rem);color:var(--badge-text-color);letter-spacing:.1ch;text-transform:uppercase;font-size:.75rem;font-weight:500}.header{z-index:10;width:100%;padding:1rem;font-size:1rem;position:absolute;top:0;left:0}.header h1,.header h2{text-align:center;width:100%;margin:0;padding:0;font-weight:600;position:relative}.header h1{font-size:1.25rem;line-height:1.25}.header h2{font-size:inherit}.smile{transform-origin:50%;animation:linear spin;animation-timeline:scroll(root);display:inline-block}.home{flex-direction:column;width:100%;display:flex;overflow:hidden}.section{flex:0 0 100vh;width:100%;position:relative}.intro{flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,4vw,2rem);display:flex}.hey{text-align:center;text-shadow:clamp(.0714rem,1vw,.5rem) clamp(.0714rem,1vw,.5rem) #ffffff80;margin:0 0 clamp(.571rem,8vw,4rem);font-size:clamp(3rem,42vw,21rem);font-style:oblique;font-weight:500;line-height:clamp(3rem,42vw,21rem);transform:rotate(-14deg)}.about{text-align:left;justify-content:center;align-items:center;padding-bottom:3rem;font-size:1rem;display:flex}.prose{max-inline-size:68ch;margin:0 auto;padding:0 1rem;position:relative}.prose h3{text-align:left;text-shadow:1px 1px #ffffff80;margin-top:0;margin-bottom:.5em;font-size:2rem;font-weight:400;line-height:1}.prose p{font-size:1.125rem;font-weight:400}.footer-buttons{opacity:0;z-index:10;justify-content:center;transition:opacity .26s ease-out,transform .26s ease-out;display:flex;position:fixed;bottom:1rem;left:auto;right:auto;transform:translateY(200%)}.full-scroll .footer-buttons{opacity:1;transform:translateY(0)}.switch[data-dark-mode-toggle]{z-index:10;position:fixed;top:1rem;right:1rem}.highlight{cursor:default;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--accent-color);text-decoration-color:var(--accent-color);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-offset:.13lh;text-decoration-thickness:1px;transition:color .26s ease-out;display:inline-block;position:relative}.highlight:hover{color:var(--accent-color)}.orbiter{opacity:0;transition:opacity var(--animation-duration) ease-out, transform var(--animation-duration) ease-out;pointer-events:none;position:absolute;top:0;left:0;transform:scale(.7)}.orbiter--active{opacity:1;transform:scale(1)}.orbiter__canvas{position:fixed;top:0;left:0}.suborbiter{transition:transform var(--animation-duration) ease-out;width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.suborbiter--emoji{font-size:2.5rem}.nobreak{white-space:nowrap}@media (orientation:landscape) and (width<=1024px){.hey{margin:0 0 clamp(.571rem,4vw,4rem);font-size:clamp(3rem,25vw,21rem);line-height:clamp(3rem,25vw,21rem)}}@media (orientation:landscape),(width>=768px){.header{z-index:10;align-items:flex-end;width:100%;display:flex;position:fixed;top:auto;bottom:0}.header h1{font-size:inherit;text-align:left;text-wrap:nowrap}.header h2{text-align:right;text-wrap:nowrap}.section{padding:2rem 2rem 56px}.prose h3{margin-bottom:.25em;font-size:3rem}}@media (width>=768px){.prose h3{font-size:4rem}.prose p{font-size:clamp(1.25rem,3vw,1.5rem)}}@media (width>=1000px){.btn{font-size:1rem}.header{padding:2rem;font-size:1.5rem}.footer-buttons{bottom:2rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}