:root{color:#f2f0eb;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#05060a;font-family:Courier New,Courier,monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#f2f0eb;background-color:#040509;background-image:radial-gradient(circle at 25% 10%,#b1bdcd14,#0000 20%),radial-gradient(circle at 80% 15%,#ffffff0d,#0000 18%),radial-gradient(circle at 50% 60%,#ffffff05,#0000 35%),linear-gradient(#ffffff05 0%,#0000 20% 80%,#0000002e 100%),radial-gradient(circle,#ffffff14,#0000 25%),none;background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;min-width:320px;position:relative;overflow-x:hidden}body:before{content:"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z";pointer-events:none;color:#ffffff08;letter-spacing:.8em;opacity:.12;white-space:pre;z-index:-1;font-family:Georgia,Times New Roman,serif;font-size:14vw;line-height:.85;position:absolute;inset:0;transform:translate(-8%,-12%)rotate(-8deg)}body:after{content:"";pointer-events:none;opacity:.08;mix-blend-mode:overlay;z-index:-1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:120px 120px;position:absolute;inset:0}button,textarea,.richInput{font:inherit}.landing,.shell{position:relative}.landing{place-items:center;min-height:100vh;padding:24px;display:grid;overflow-y:auto}.landingStack{justify-items:center;gap:24px;display:grid}.titleButton{color:#f8f7f2;letter-spacing:.18em;text-align:center;text-shadow:0 0 28px #ffffff1f;-webkit-user-select:none;user-select:none;padding:18px 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.7rem,12vw,7.5rem);font-weight:400;line-height:1;animation:6.8s infinite titleFlicker}.keypad{gap:18px;display:flex}.keyButton{color:#f2f0eb;cursor:pointer;text-align:center;background:#07080ad6;border:1px solid #ffffff1f;border-radius:999px;width:58px;height:58px;padding:0;font-size:1.35rem;line-height:1;transition:transform .24s,background .24s,border-color .24s,box-shadow .24s;box-shadow:inset 0 0 0 1px #ffffff08,0 0 0 1px #ffffff0a}.keyButton:hover,.keyButton:focus-visible,.keyButton.worked{color:#030303;background:#ffffff24;outline:none;transform:translateY(-1px);box-shadow:0 0 18px #9fcbff29,inset 0 0 0 1px #ffffff1f}.shell{width:min(920px,100vw - 32px);min-height:100vh;margin:0 auto;padding:40px 0 72px}.topbar{z-index:1;justify-content:space-between;align-items:center;gap:16px;min-height:36px;margin-bottom:12vh;display:flex;position:relative}.smallTitle{appearance:none;color:#f8f7f2;cursor:pointer;letter-spacing:.22em;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;font-size:.82rem;animation:8s infinite titleFlicker}.smallTitle:hover,.smallTitle:focus-visible{text-shadow:0 0 18px #ffffff2e;outline:none}.status,.lockedMeta,.counts,.error{color:#b2b2b2;letter-spacing:.1em;font-size:.78rem}.stack{z-index:1;gap:28px;display:grid;position:relative}.field{gap:14px;display:grid}.label{color:#f2f0eb;letter-spacing:.12em;font-size:.82rem}textarea,.richInput{color:#f2f0eb;caret-color:#f2f0eb;background:#030303;border:1px solid #626262;outline:none;width:100%;min-height:210px;padding:18px;line-height:1.55}textarea{resize:vertical}.richInput{white-space:pre-wrap;word-break:break-word;overflow:auto}.textInput{color:#f2f0eb;caret-color:#f2f0eb;width:100%;font:inherit;background:#030303;border:1px solid #626262;outline:none;padding:12px 18px}textarea:focus,.richInput:focus,.textInput:focus{border-color:#a7caff59;box-shadow:0 0 0 3px #a7caff1f,inset 0 0 22px #0000003d}.action{color:#f2f0eb;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:#030303;border:1px solid #f2f0eb;width:fit-content;min-width:98px;padding:10px 14px;font-size:.78rem}.action:hover,.action:focus-visible,.action.worked{color:#030303;background:#f2f0eb;outline:none}.action:disabled{opacity:.6;cursor:not-allowed}.action:disabled:hover{color:#f2f0eb;background:#030303}.action.worked,.keyButton.worked{box-shadow:0 0 18px #ffffff3d}.lockedBlock,.output{background:#ffffff04;border:1px solid #383838;padding:18px}.lockedBlock{color:#8d8d8d}.lockedBlock pre,.output{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.lockedBlock pre{font:inherit;margin:12px 0 0}.counts{flex-wrap:wrap;gap:16px;transition:box-shadow .24s,transform .24s;display:flex}.counts.flash{animation:.86s forwards countFlash}.copying{animation:1.2s forwards dissolve;border-color:#5cff5ce6!important;box-shadow:0 0 18px #5cff5c33!important}@keyframes dissolve{0%{opacity:1;filter:blur()saturate();transform:translateY(0)scale(1)}60%{opacity:.6;filter:blur(.6px)saturate(120%);transform:translateY(-3px)scale(.995)}to{opacity:0;filter:blur(2px)saturate(80%);transform:translateY(-8px)scale(.98)}}@keyframes countFlash{0%{transform:translateY(0);box-shadow:inset 0 0 0 1px #9fcbff59}50%{transform:translateY(-1px);box-shadow:inset 0 0 0 3px #9fcbff7a}to{transform:translateY(0);box-shadow:inset 0 0 0 1px #9fcbff33}}.outputWrap{gap:18px;display:grid}.outputWrap h1{color:#f2f0eb;letter-spacing:.12em;margin:0;font-size:.82rem;font-weight:400}.output{color:#f2f0eb;min-height:170px}.post-copy{box-shadow:0 0 36px #5cff5c24!important}.post-copy .output{border-color:#5cff5cb3!important;box-shadow:inset 0 0 40px #0000004d,0 0 28px #5cff5c2e!important}@keyframes postDisappear{to{opacity:0;transform:translateY(-10px)}}.post-copy .topbar{animation:.5s .4s forwards postDisappear}.post-copy .stack>:first-child{animation:.45s .55s forwards postDisappear}.post-copy .stack>:nth-child(2){animation:.45s .7s forwards postDisappear}.post-copy .stack>:nth-child(3){animation:.45s .85s forwards postDisappear}.post-copy .stack>:nth-child(4){animation:.45s 1s forwards postDisappear}.post-copy .stack>:nth-child(5){animation:.45s 1.15s forwards postDisappear}.post-copy .stack>:nth-child(6){animation:.45s 1.3s forwards postDisappear}.buttonRow{flex-wrap:wrap;gap:10px;display:flex}.error{color:#f2f0eb;min-height:1em}.reveal{animation:.42s ease-out both reveal}.kk-char{color:inherit}.kk-output-fragment{white-space:pre-wrap}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.kk-SPACE{font-family:Arial,sans-serif;font-size:12pt;font-weight:400}.kk-E{font-family:Arial,sans-serif;font-size:12.25pt;font-weight:400}.kk-T{font-family:Arial,sans-serif;font-size:12.5pt;font-weight:400}.kk-A{font-family:Arial,sans-serif;font-size:12.75pt;font-weight:400}.kk-O{font-family:Arial,sans-serif;font-size:12pt;font-weight:500}.kk-I{font-family:Arial,sans-serif;font-size:12.25pt;font-weight:500}.kk-N{letter-spacing:.15pt;font-family:Arial,sans-serif;font-size:12pt;font-weight:400}.kk-S{font-family:Arial,sans-serif;font-size:12pt;font-weight:400;position:relative;top:-.5pt}.kk-H{font-family:Helvetica,Arial,sans-serif;font-size:12pt;font-weight:400}.kk-R{font-family:Helvetica,Arial,sans-serif;font-size:12.25pt;font-weight:400}.kk-D{font-family:Helvetica,Arial,sans-serif;font-size:12.5pt;font-weight:400}.kk-L{font-family:Helvetica,Arial,sans-serif;font-size:12.75pt;font-weight:400}.kk-U{font-family:Helvetica,Arial,sans-serif;font-size:12pt;font-weight:500}.kk-C{font-family:Helvetica,Arial,sans-serif;font-size:12.25pt;font-weight:500}.kk-M{letter-spacing:.15pt;font-family:Helvetica,Arial,sans-serif;font-size:12pt;font-weight:400}.kk-F{font-family:Helvetica,Arial,sans-serif;font-size:12pt;font-weight:400;position:relative;top:-.5pt}.kk-W{font-family:Arimo,Arial,sans-serif;font-size:12pt;font-weight:400}.kk-G{font-family:Arimo,Arial,sans-serif;font-size:12.25pt;font-weight:400}.kk-Y{font-family:Arimo,Arial,sans-serif;font-size:12.5pt;font-weight:400}.kk-P{font-family:Arimo,Arial,sans-serif;font-size:12.75pt;font-weight:400}.kk-B{font-family:Arimo,Arial,sans-serif;font-size:12pt;font-weight:500}.kk-V{font-family:Arimo,Arial,sans-serif;font-size:12.25pt;font-weight:500}.kk-K{letter-spacing:.15pt;font-family:Arimo,Arial,sans-serif;font-size:12pt;font-weight:400}.kk-X{font-family:Arimo,Arial,sans-serif;font-size:12pt;font-weight:400;position:relative;top:-.5pt}.kk-J{font-family:Liberation Sans,Arial,sans-serif;font-size:12pt;font-weight:400}.kk-Q{font-family:Liberation Sans,Arial,sans-serif;font-size:12.25pt;font-weight:400}.kk-Z{font-family:Liberation Sans,Arial,sans-serif;font-size:12.5pt;font-weight:400}.kk-DOT{font-family:Liberation Sans,Arial,sans-serif;font-size:12.75pt;font-weight:400}.kk-COMMA{font-family:Liberation Sans,Arial,sans-serif;font-size:12pt;font-weight:500}.kk-QUESTION{font-family:Liberation Sans,Arial,sans-serif;font-size:12.25pt;font-weight:500}.kk-APOSTROPHE{letter-spacing:.15pt;font-family:Liberation Sans,Arial,sans-serif;font-size:12pt;font-weight:400}.kk-EXCLAMATION{font-family:Liberation Sans,Arial,sans-serif;font-size:12pt;font-weight:400;position:relative;top:-.5pt}.kk-COLON{font-family:TeX Gyre Heros,Arial,sans-serif;font-size:12pt;font-weight:400}.kk-SEMICOLON{font-family:TeX Gyre Heros,Arial,sans-serif;font-size:12.25pt;font-weight:400}.kk-QUOTE{font-family:TeX Gyre Heros,Arial,sans-serif;font-size:12.5pt;font-weight:400}.kk-DASH{font-family:TeX Gyre Heros,Arial,sans-serif;font-size:12.75pt;font-weight:400}.kk-LPAREN{font-family:TeX Gyre Heros,Arial,sans-serif;font-size:12pt;font-weight:500}.kk-RPAREN{font-family:TeX Gyre Heros,Arial,sans-serif;font-size:12.25pt;font-weight:500}.kk-SLASH{letter-spacing:.15pt;font-family:TeX Gyre Heros,Arial,sans-serif;font-size:12pt;font-weight:400}.kk-AMPERSAND{font-family:TeX Gyre Heros,Arial,sans-serif;font-size:12pt;font-weight:400;position:relative;top:-.5pt}@keyframes titleFlicker{0%,16%,18%,58%,60%,to{opacity:.96;letter-spacing:.12em}17%,59%{opacity:.72;letter-spacing:.125em}}@keyframes titleGlitch{0%,to{transform:translate(0)}34%{transform:translate(-1px)}67%{transform:translate(1px)}}@keyframes cursorBlink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=620px){.landing{padding:16px}.landingStack{gap:16px}.shell{width:min(100vw - 24px,920px);min-height:auto;padding:16px 0 32px}.topbar{margin-bottom:24px}.titleButton{letter-spacing:.08em;padding:8px;font-size:clamp(1.5rem,10vw,3rem)}.keyButton{width:48px;height:48px;font-size:1.1rem}.stack{gap:16px}textarea,.richInput,.output{min-height:120px}}