:root{color-scheme:light dark;--background:light-dark(#f9f5ff,#04000a);--gradient-background:linear-gradient(45deg,#301a7a 0%,#644b5e 100%);--object-background:light-dark(#fdecfb,#08030d);--primary:light-dark(#845fff,#5f39db);--primary-desaturated:light-dark(#6d638d,#2d2a38);--secondary:light-dark(#e993cb,#e9bedf);--text:light-dark(#000,#eaeaea);--text-gradient:linear-gradient(to right,var(--primary)0%,var(--secondary)100%);--border-color:light-dark(#6d638d,#2d2a38);--object-margin:2em;--object-padding:2em;--small-padding:.333em;--big-border-radius:1.333em;--small-border-radius:.333em;--transition-duration:.1s;--size6:5.61rem;--size5:4.21rem;--size4:3.16rem;--size3:2.37rem;--size2:1.79rem;--size1:1.33rem;--size0:1rem;--size-1:.77rem;--size-2:.59rem;--size-3:.45rem;--size-4:.35rem;--size-5:.18rem}@media (prefers-color-scheme:light){:root{--gradient-background:linear-gradient(0deg,#845fff 0%,#e993cb 100%)}}*{font-family:sans-serif}h1{font-size:var(--size4)}h2{font-size:var(--size3)}h3{font-size:var(--size2)}h4{font-size:var(--size1)}h5,body{font-size:var(--size0)}caption{font-size:var(--size-2)}small{font-size:var(--size-3)}code{font-family:monospace}body{background:var(--background);background:var(--gradient-background);color:var(--text);flex-direction:column;align-items:center;gap:2rem;max-width:100vw;min-height:100vh;margin:0;display:flex}main{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}section,article,form{background:var(--object-background);margin:var(--object-margin);padding:var(--object-padding);border-radius:var(--big-border-radius);box-shadow:0 0 .5rem var(--border-color);flex-direction:column;margin:0;display:flex}h1,h2{background:var(--text-gradient);color:#0000;background-clip:text}h1{align-self:center;margin-top:0;margin-bottom:1rem}p{margin-top:var(--size0);margin-bottom:var(--size0)}li{grid-template-columns:auto auto;align-items:center;display:grid}a{color:var(--accent);transition-duration:var(--transition-duration);text-decoration:none;position:relative}a:after{content:"";background:var(--accent);transform-origin:100% 100%;width:100%;height:3px;transition:transform .3s ease-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}a:hover:after,a:focus:after{transform-origin:0 100%;transform:scaleX(1)}a:hover,a:focus{color:var(--primary)}button,input[type=button],input[type=submit]{background:var(--primary);border-radius:var(--small-border-radius);transition-duration:var(--transition-duration);font-size:var(--size0);padding:var(--size-3);margin-top:var(--size-2);margin-bottom:var(--size-2);border:none;font-weight:700}button:hover,input[type=button]:hover,input[type=submit]:hover{background:var(--primary-desaturated);outline:solid var(--secondary);z-index:0;scale:1.05}button :is(h1,h2,h3,h4,h5,h6),input[type=button] :is(h1,h2,h3,h4,h5,h6),input[type=submit] :is(h1,h2,h3,h4,h5,h6){color:var(--text);margin:var(--size0);background:0 0}input,textarea{background:var(--primary-desaturated);border-radius:var(--small-border-radius);font-size:var(--size-0);padding:var(--size-3);margin-top:var(--size-2);margin-bottom:var(--size-2);border:none}textarea{resize:none}input[type=range]{background-color:#0000}input[type=range]::-moz-range-progress{background-color:var(--primary)}input[type=range]::-moz-range-track{background-color:var(--primary-desaturated)}input[type=range]:focus{outline:none}hr{color:var(--text)}#profile-selection{grid-template-columns:1fr 2fr 2fr 2fr;align-items:center;gap:1rem;display:grid}#create-profile{align-self:center;margin-top:2rem}#back{z-index:2;margin:0;position:fixed;top:1rem;left:1rem}iframe{z-index:1;border:none;width:100vw;height:100vh;position:absolute;top:0;left:0}#loading{backdrop-filter:blur(.25rem)brightness(.5);z-index:3;flex-direction:column;justify-content:center;align-items:center;min-width:100vw;min-height:100vh;display:flex;position:fixed}#loading>*{filter:drop-shadow(0 0 1rem #000)}#loading>img{pointer-events:none;user-select:none}#loading>h1{pointer-events:none;user-select:none;margin:1rem}#loading>h1:after{content:"";animation:1.5s infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (width<=600px){section,article,form{box-sizing:border-box;background-color:#0009;border:0;border-radius:0;flex:1;width:100%;margin:0}body{display:flex}main{flex:1;gap:0;width:100%;margin-top:0}#profile-selection{box-shadow:0 0 .5rem var(--border-color);grid-template-columns:none;align-items:center;margin-bottom:2rem;padding:1rem;display:grid}#create-profile{margin-top:0}}[hidden],[hidden] *{display:none!important}