@font-face{font-family:Iosevka;src:local("Iosevka Medium Nerd Font Complete Mono Windows Compatible"),local("IosevkaNerdFontCompleteM-Medium"),url(/assets/IosevkaNerdFontCompleteM-Medium.18b60bd7.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--sumi: #1c1c1c;--kurotsurubami: #0b1013;--shironezumi: #bdc0ba;--matrix-green-dark: #002f00;--matrix-green-dark-lighter: #005F00;--matrix-green-light: #00ff41;--shironeri: #fcfaf2;--font: "Iosevka", "Inter", Inconsolata, san-serif;--crt-red: rgb(218, 49, 49);--crt-green: rgb(112, 159, 115);--crt-blue: rgb(40, 129, 206)}.App{background-color:var(--sumi);height:100%;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:row;font-family:var(--font);color:var(--shironeri)}.App .crt{background:linear-gradient(to top,#000000,#000000,#333333,#333333);background-size:cover;background-size:100% 1px;color:#0f0;text-shadow:0 0 5px #00ff00;filter:blur(.2px);text-shadow:0 0 .2em currentColor,1px 1px rgba(255,0,255,.5),-1px -1px rgba(0,255,255,.4)}.App .crt:before,.App .crt:after{content:"";transform:translateZ(0);pointer-events:none;mix-blend-mode:overlay;position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;border-radius:15px}.App .crt:before{background:repeating-linear-gradient(var(--crt-red) 0px,var(--crt-green) 2px,var(--crt-blue) 4px)}.App .crt:after{background:repeating-linear-gradient(90deg,var(--crt-red) 1px,var(--crt-green) 2px,var(--crt-blue) 3px)}.App .sidebar,.App .chat-window{border-radius:15px;border:2px solid var(--matrix-green-light);position:relative}.App .sidebar__background,.App .chat-window__background{background-color:var(--kurotsurubami);opacity:.5;position:absolute;height:100%;width:100%;border-radius:15px;z-index:0}.App .sidebar{flex-grow:1;margin:30px 15px 30px 30px;display:flex;flex-direction:column;align-items:center;overflow:hidden;box-shadow:0 0 15px 2px #00ff2933}.App .sidebar__channels{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:15px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.App .sidebar__channels::-webkit-scrollbar{display:none}.App .sidebar__create-channel{position:relative;z-index:2;flex-shrink:0;width:calc(100% - 30px);height:48px;margin:15px 0;border:2px solid var(--matrix-green-light);border-radius:10px;background:var(--matrix-green-dark);color:var(--matrix-green-light);cursor:pointer;text-shadow:0 0 .2em currentColor,1px 1px rgba(255,0,255,.5),-1px -1px rgba(0,255,255,.4);transition:.2s color ease-in-out,.2s background-color ease-in-out,.2s border ease-in-out}.App .sidebar__create-channel:hover:not(:disabled){border:2px solid var(--shironeri);background-color:var(--matrix-green-dark-lighter);color:var(--shironeri)}.App .sidebar__create-channel:disabled{opacity:.5;cursor:not-allowed}.App .sidebar .channel:first-of-type{margin-top:15px}.App .sidebar .channel{padding:15px;position:relative;z-index:1;background-color:var(--matrix-green-dark);border:2px solid var(--matrix-green-light);width:calc(100% - 60px);border-radius:15px;color:var(--matrix-green-light);cursor:pointer;transition:.2s background-color ease-in-out,.2s border ease-in-out}.App .sidebar .channel__user,.App .sidebar .channel__friend{position:relative}.App .sidebar .channel__friend p{margin:0;padding:0}.App .chat-window{flex-grow:10;margin:30px 30px 30px 15px;position:relative;box-shadow:0 0 15px 2px #00ff2933}.App .chat-window__connected-message{position:absolute;top:15px;left:50%;transform:translate(-50%);z-index:1;text-align:center;background:transparent}.App .chat-window__input-container{position:absolute;bottom:15px;left:15px;z-index:2;width:calc(100% - 30px);height:50px;box-sizing:border-box;border:2px solid var(--matrix-green-light);border-radius:10px;overflow:hidden}.App .chat-window__input-container input{width:90%;height:100%;box-sizing:border-box;padding-left:15px;border-radius:0;border:none;border-right:2px solid var(--matrix-green-light);background-color:var(--kurotsurubami);color:var(--shironeri)}.App .chat-window__input-container input::placeholder{opacity:1}.App .chat-window__input-container button{position:absolute;right:0;width:10%;height:100%;color:--matrix-green-light;border-radius:0;border:none;background:var(--matrix-green-dark);cursor:pointer;text-shadow:0 0 10px #00ff00;filter:blur(.25px);transition:.2s color ease-in-out,.2s background-color ease-in-out;text-shadow:0 0 .2em currentColor,1px 1px rgba(255,0,255,.5),-1px -1px rgba(0,255,255,.4)}.App .chat-window__input-container button:active{background-color:var(--matrix-green-dark-lighter)}.App .chat-window__input-container button:hover{color:#fff;background-color:var(--matrix-green-dark-lighter)}.App .chat-window__messages-container{position:absolute;height:calc(100% - 135px);width:100%;z-index:1;padding-top:70px;padding-bottom:45px;display:flex;flex-direction:column;color:var(--matrix-green-light);row-gap:15px;column-gap:15px;gap:15px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;opacity:1;transition:opacity .22s ease-in-out}.App .chat-window__messages-container--fading{opacity:0}.App .chat-window__messages-container::-webkit-scrollbar{display:none}.App .chat-window__messages-container .chat-message__container{width:100%;display:flex}.App .chat-window__messages-container .chat-message__container:last-of-type{margin-bottom:15px}.App .chat-window__messages-container .chat-message__container--user,.App .chat-window__messages-container .chat-message__container--friend{position:relative}.App .chat-window__messages-container .chat-message__container--user{text-align:right;right:15px;justify-content:flex-end}.App .chat-window__messages-container .chat-message__container--friend{text-align:left;left:15px;justify-content:flex-start}.App .chat-window__messages-container .chat-message__container .chat-message{max-width:max(25vw,50% - 60px);row-gap:15px;column-gap:15px;gap:15px;border:2px solid var(--matrix-green-light);padding:15px;border-radius:15px;position:relative;text-align:left;background-color:var(--matrix-green-dark)}.App .chat-window__messages-container .chat-message__container .chat-message__content p{margin-bottom:0}.App .enter-name-modal{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center}.App .enter-name-modal__backdrop{position:absolute;inset:0;background-color:#0b1013bf}.App .enter-name-modal__dialog{position:relative;z-index:1;width:min(420px,100% - 60px);min-height:200px;display:flex;flex-direction:column;padding:24px;box-sizing:border-box;border-radius:15px;border:2px solid var(--matrix-green-light);box-shadow:0 0 15px 2px #00ff2933;overflow:hidden}.App .enter-name-modal__title,.App .enter-name-modal__input,.App .enter-name-modal__error,.App .enter-name-modal__ok{position:relative;z-index:2}.App .enter-name-modal__title{color:var(--matrix-green-light);margin-bottom:20px}.App .enter-name-modal__input{width:100%;box-sizing:border-box;padding:12px;border-bottom:2px solid var(--matrix-green-light);color:var(--shironeri);background:var(--matrix-green-dark);border-radius:5px;border:2px solid var(--matrix-green-light);box-shadow:0 0 15px 2px #00ff2933;overflow:hidden}.App .enter-name-modal__input::placeholder{opacity:.6}.App .enter-name-modal__input:disabled{opacity:.6;cursor:not-allowed}.App .enter-name-modal__error{margin-top:12px;color:var(--crt-red)}.App .enter-name-modal__ok{position:absolute;right:24px;bottom:24px;min-width:72px;height:40px;padding:0 18px;border:2px solid var(--matrix-green-light);border-radius:8px;background:var(--matrix-green-dark);color:var(--matrix-green-light);cursor:pointer;text-shadow:0 0 .2em currentColor,1px 1px rgba(255,0,255,.5),-1px -1px rgba(0,255,255,.4);transition:.2s color ease-in-out,.2s background-color ease-in-out}.App .enter-name-modal__ok:hover:not(:disabled){color:#fff;background-color:var(--matrix-green-dark-lighter)}.App .enter-name-modal__ok:disabled{opacity:.5;cursor:not-allowed}.App .enter-name-modal__background{background-color:var(--kurotsurubami);opacity:.5;position:absolute;height:100%;width:100%;left:0;top:0;border-radius:15px;z-index:0}button,input,input[type=submit],input[type=reset]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:text;outline:inherit}@media screen{.crt{animation:scanlines infinite 55s linear}}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 -10px}}