*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--dark-bg: #1f2937;--dark-fg-text: #ffffff;--dark-fg-g-text: #55f991;--dark-fg-sub-text: #d5d4d8;--dark-fg-btn: #10b981}@font-face{font-family:DepartureMono;src:url(/DepartureMono-Regular.otf)}body{width:100vw;height:100vh;background-color:var(--dark-bg);display:flex;justify-content:center;align-items:center}body.crt-ready{background-color:#050608;background-image:radial-gradient(circle at center,#0a0d18,#030305 65%);color:var(--dark-fg-text)}body.crt-ready #app{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;box-shadow:inset 0 0 25px #0009,0 10px 45px #0009;filter:drop-shadow(0 0 1px rgba(255,0,0,.25)) drop-shadow(0 0 1px rgba(0,255,255,.2))}body.crt-ready #app:after{content:"";position:absolute;inset:-2%;border-radius:16px;pointer-events:none;background:radial-gradient(circle at center,#ffffff1f,#ffffff05 55%,#0009);opacity:.45;mix-blend-mode:screen;z-index:-1}p{color:#fff;margin-bottom:20px}input[type=range]{margin-right:10px;max-width:350px}.green-text{color:#55f991}#app{font-family:DepartureMono;width:100%;max-width:650px;min-width:340px;height:650px;margin:auto;padding:20px}#hero{margin-bottom:30px}.hero-header{color:var(--dark-fg-text)}.green-header{color:var(--dark-fg-g-text)}.hero-subtext{color:var(--dark-fg-sub-text)}.output{color:var(--dark-fg-g-text);display:inline-block;background-color:#273549;text-align:center;padding:9px 11px;overflow-wrap:break-word;border-radius:5px;min-width:150px}#usr-config-form{color:#fff;margin-bottom:30px;max-width:400px}.charset-wrapper{margin-bottom:10px}#pass-len-wrapper{display:flex;flex-wrap:wrap}#pass-len-wrapper label{margin-right:20px}#gen-btn{position:relative;border:none;background:transparent;padding:0;margin-bottom:40px;cursor:pointer;outline-offset:4px;transition:filter .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation}.gen-btn-shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;background:#00000040;will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.gen-btn-edge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;background:linear-gradient(to left,#10b77f,#0c885f 8% 92%,#10b77f)}.gen-btn-front{display:block;position:relative;padding:8px 10px;border-radius:5px;color:#fff;background:#10b77f;will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1);transition:ease all .2s}#gen-btn:hover{filter:brightness(110%);-webkit-filter:brightness(110%)}#gen-btn:hover .gen-btn-front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}#gen-btn:active .gen-btn-front{transform:translateY(-2px);transition:transform 34ms}#gen-btn:hover .gen-btn-shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}#gen-btn:active .gen-btn-shadow{transform:translateY(1px);transition:transform 34ms}#gen-btn:focus:not(:focus-visible){outline:none}hr.solid{border-top:1px solid slategray;margin-bottom:30px}footer{position:absolute;bottom:0}footer a{color:#fff;font-family:DepartureMono;text-align:center}footer svg{display:inline;height:30px}.crt-effect-root{position:fixed;inset:0;pointer-events:none;z-index:999;mix-blend-mode:normal}.crt-overlay{position:absolute;inset:0;pointer-events:none}.crt-overlay--scanlines{background-image:linear-gradient(to bottom,#00000059 0% 50%,#ffffff0d 50% 100%);background-repeat:repeat;background-size:100% 3px;mix-blend-mode:multiply;opacity:.22;animation:crtScanlines 6s linear infinite}.crt-overlay--glow{background:radial-gradient(circle at center,#62ffe60a,#204e600f 40%,#000000bf);mix-blend-mode:screen;opacity:.4;animation:crtGlow 5s ease-in-out infinite alternate}.crt-overlay--vignette{background:radial-gradient(circle at center,#0000 55%,#000000a6);mix-blend-mode:multiply}.crt-noise-layer{position:absolute;inset:0;width:100%;height:100%;opacity:.18;mix-blend-mode:screen;filter:contrast(120%);image-rendering:pixelated}@keyframes crtScanlines{0%{transform:translateY(0)}to{transform:translateY(3px)}}@keyframes crtGlow{0%{opacity:.25}to{opacity:.45}}@media(prefers-reduced-motion:reduce){.crt-overlay--scanlines,.crt-overlay--glow{animation:none}}@media(max-width:416px){#pass-len-wrapper label{flex:1}}@media(min-width:768px){.gen-btn-front{font-size:1.25rem;padding:10px 12px}}