*{scrollbar-width:thin!important;scrollbar-color:var(--accent-1) transparent!important}*,::after,::before{box-sizing:inherit;outline:0;transition-duration:.1s;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:7px!important;height:7px!important}::-webkit-scrollbar-thumb{background:var(--accent-1)!important}::-webkit-scrollbar-track{background:rgba(0,0,0,0)!important}body,html{height:100%;width:100%;line-height:1.3}html{--serif:"PT Serif","Times New Roman",serif;--mono:"Cascadia Code",monospace;font-family:var(--serif);font-size:10px;box-sizing:border-box}@media only screen and (max-width:1280px){html{font-size:9.5px}}@media only screen and (max-width:1024px){html{font-size:9px}}@media only screen and (max-width:768px){html{font-size:8.5px}}@media only screen and (max-width:640px){html{font-size:8px}}html,html.darkmode{--background-1:#0b1023;--background-2:#1e293b;--background-2h:#334155;--main-text:#f8fafc;--accent:#0ea5e9;--accent-h:#38bdf8;--accent-alt:#6467f2;--accent-alt-h:#8284f7;--success:#339933;--failure:#bb3333}body{color:var(--main-text);fill:var(--main-text);background:var(--background-1);padding:0;margin:0;font-size:1.8rem;display:flex;align-items:center;justify-content:center}a{text-decoration:none;color:inherit}input{font-family:var(--mono)}label{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}content{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:2.5rem;height:100%;width:100%}content input[type=submit]{display:none}content form{padding:2.5rem 2.5rem;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4.25rem}@media only screen and (max-width:480px){content form{gap:3.75rem;height:calc(100svh - 8.5rem - 12.5rem - 5rem);justify-content:flex-start;overflow:auto}}content form div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.75rem}@media only screen and (max-width:480px){content form div{width:100%;flex-direction:column}content form div>i:has(>input[type=text]){min-width:100%}}content form div:not(.swapper){width:100%}content form div.swapper{flex:1 0 auto;min-width:18rem;max-width:36rem;gap:0;flex-wrap:nowrap;flex-direction:row-reverse}@media only screen and (max-width:480px){content form div.swapper>i:has(>input[type=text]){min-width:unset;flex:1 0 auto}}@media only screen and (max-width:480px){content form div.swapper{max-width:unset}}content form i:has(>input[type=text]){font-style:normal;position:relative;font-family:var(--mono);font-size:1.6rem;background:0 0;border:0;color:var(--main-text);background:var(--background-2);height:4rem;padding:0 1.5rem;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.0509803922);border-radius:6px;width:1px;flex:1 0 auto;min-width:18rem;max-width:36rem;border-left:3px solid transparent}content form i:has(>input[type=text]) input[type=text]{position:relative;height:100%;width:100%;border:0;color:inherit;background:0 0;z-index:1}content form i:has(>input[type=text]) label{position:absolute;height:100%;width:100%;display:flex;align-items:center;left:0;top:0;padding:0 1.5rem;opacity:.5;z-index:0;cursor:text}content form i:has(>input[type=text]).keepabove label,content form i:has(>input[type=text]):focus-within label{height:unset;top:-2rem;font-size:1.2rem;cursor:default}content form i:has(>input[type=text]):has(input[type=text]:focus),content form i:has(>input[type=text]):has(input[type=text]:hover){background:var(--background-2h)}@media only screen and (max-width:480px){content form i:has(>input[type=text]){max-width:unset}}content form i:has(>input[type=text]):has(input[required]){border-color:var(--accent)}content form .swapper .swap{display:flex;align-items:center;justify-content:center;padding:0 1.5rem;height:4rem;background:var(--accent);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.0509803922);border-radius:0 6px 6px 0;font-family:var(--mono)}content form .swapper .swap>i{line-height:1}content form .swapper .swap:focus,content form .swapper .swap:hover{cursor:pointer;background:var(--accent-h)}content form .swapper .swap:active>i{transform:scale(.65)!important}content form .swapper i:has(>.swaptarget){border-radius:6px 0 0 6px}header{display:flex;align-items:center;justify-content:center;height:8.5rem;padding:2.5rem 2.5rem 0 2.5rem;width:100%}header #logo{display:flex;font-family:var(--serif);font-size:6rem;font-weight:700;cursor:pointer;fill:var(--accent)}header #logo:focus,header #logo:hover{fill:var(--accent-h)}header #logo:active{transform:scale(.9)}header #logo svg{height:1em;width:auto}footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;height:8rem;width:100%;margin:0 auto;padding:0 2.5rem 2.5rem 2.5rem;gap:1.5rem}@media only screen and (max-width:480px){footer{height:15rem}}footer #generate,footer #share{width:1px;max-width:36rem;flex:1 0 auto;display:flex;align-items:center;justify-content:center;border:0;height:5.5rem;padding:0 2rem;border-radius:6px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.0509803922);cursor:pointer;color:var(--main-text);font-size:1.6rem;font-family:var(--mono);font-weight:700}footer #generate:active,footer #share:active{transform:translateY(3px)}@media only screen and (max-width:480px){footer #generate,footer #share{max-width:unset;width:100%}}footer #generate{background:var(--accent)}footer #generate:focus,footer #generate:hover{background:var(--accent-h)}footer #share:not(.success):not(.failure){background:var(--accent-alt)}footer #share:not(.success):not(.failure)>.fail,footer #share:not(.success):not(.failure)>.pass{display:none}footer #share:not(.success):not(.failure):focus,footer #share:not(.success):not(.failure):hover{background:var(--accent-alt-h)}footer #share.success{background:var(--success)}footer #share.success>.fail,footer #share.success>.general{display:none}footer #share.failure{background:var(--failure)}footer #share.failure>.general,footer #share.failure>.pass{display:none}