:root{--spacing-tight:8px;--spacing:16px;--spacing-loose:24px;--p-1:hsl(209,100%,8%);--p-2:hsl(208,100%,20%);--p-3:hsl(207,100%,32%);--p-4:hsl(206,100%,44%);--p-5:hsl(205,100%,56%);--p-6:hsl(204,100%,68%);--p-7:hsl(203,100%,80%);--p-8:hsl(202,100%,92%);--p-9:hsl(0,0%,100%);--p-dark-1:var(--p-4);--p-dark-2:var(--p-3);--p-dark-3:var(--p-2);--p-dark-4:var(--p-1);--off-black:hsl(209,100%,4%);--black:hsl(209,100%,2%);--p-light-1:var(--p-6);--p-light-2:var(--p-7);--p-light-3:var(--p-8);--p-light-3-subdued:hsl(202,100%,95%);--off-white:hsl(0,10%,90%);--p-light-4:var(--p-9);--white:var(--p-9);--p-base:var(--p-5);--highlighter:hsl(49.88,100%,50%);--mustard:hsl(49.91,100%,20.98%)}@media (prefers-color-scheme:dark){:root{--background:var(--off-black,--p-dark-4);--text:var(--off-white);--shadow:var(--black);--surface:var(--p-dark-3);--surface-contrast:var(--p-dark-2);--accent:var(--p-light-1);--selection:var(--mustard);--text-decoration:none}}:root[data-theme=dark]{--background:var(--off-black,--p-dark-4);--text:var(--off-white);--shadow:var(--black);--surface:var(--p-dark-3);--surface-contrast:var(--p-dark-2);--accent:var(--p-light-1);--selection:var(--mustard);--text-decoration:none}@media (prefers-color-scheme:light){:root{--background:var(--p-light-4);--text:var(--p-dark-4);--shadow:var(--off-black);--surface:var(--p-light-3-subdued);--surface-contrast:var(--p-light-3);--accent:var(--p-dark-1);--selection:var(--highlighter);--text-decoration:underline}}:root[data-theme=light]{--background:var(--p-light-4);--text:var(--p-dark-4);--shadow:var(--off-black);--surface:var(--p-light-3-subdued);--surface-contrast:var(--p-light-3);--accent:var(--p-dark-1);--selection:var(--highlighter);--text-decoration:underline}body,html{height:100%}body{--font:var(--font-inter);font-family:var(--font),Arial,Helvetica,sans-serif;line-height:1.5;background:var(--background);color:var(--text);transition:background-color .5s ease,color .5s ease,padding .5s ease}a{color:var(--accent)}::-moz-selection{background-color:var(--selection)}::selection{background-color:var(--selection)}.app-wrapper{--app-padding:15vw;margin:0 auto;padding:var(--spacing-tight) var(--app-padding,24px) var(--spacing)}@media (max-width:768px){.app-wrapper{--app-padding:5vw}}