:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);--text-color: #EFEFEF;--bg-color: #121212;--primary: #007BA7;--btn-hover: #007BA7;--card: #1E1E1E;--card-hover: #2C2C2C;--border: #333333}body.light{--text-color: #333333;--bg-color: #F4F4F4;--primary: #007BA7;--btn-hover: #007BA7;--card: #FFFFFF;--card-hover: #E5E5E5;--border: #D1D1D1}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card);cursor:pointer;transition:border-color .25s;color:var(--text-color)}button:hover{border-color:var(--border);opacity:.8}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}svg{height:22px;width:22px}button path{stroke:var(--text-color)}input{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card);color:var(--text-color)}input.active,button.active{border:4px solid var(--border)}.card button,.card input{background-color:var(--bg-color)}#root{width:100%;max-width:1280px;margin:0 auto}.header{display:flex;width:100%;padding:.4rem 0;align-items:center;justify-content:space-between}.header .logo{display:flex;align-items:center;font-family:Black Ops One,cursive;font-weight:600;font-size:30px}.header .logo svg{fill:var(--text-color);margin-left:1rem;height:30px;width:30px;margin-top:.4rem}.header button{margin-left:.8rem;padding:.5rem .8rem;display:inline-flex;align-items:center;justify-content:center}.container{padding:.6em 1.2em;font-size:1em;font-weight:500;position:relative;overflow:hidden;display:flex;margin-top:1.5rem}.container .inner{background-color:var(--card);transition:border-color .25s;border:1px solid transparent;border-radius:8px;padding:.7rem;display:flex;flex-wrap:wrap;height:max-content;width:100%}.container .rp{max-width:300px;margin-left:1rem;flex-wrap:unset;flex-direction:column}@media screen and (max-width: 856px){.container{flex-direction:column}.container .rp{margin-left:unset;max-width:unset;margin-top:1rem}}@media screen and (max-width: 1280px){.header{padding:.4rem .7rem}}.alert-messages{position:fixed;bottom:20px;left:20px;z-index:100}.alert-messages .alert-msg{background-color:var(--card);padding:.6rem 1rem;color:var(--text-color);border-radius:8px;transition:all .3s;position:relative;left:-30%;margin-bottom:.8rem;box-shadow:0 0 2px 4px #0000001a}.alert-messages .alert-msg.show{left:0%}.alert-messages p{margin:0;padding:0;font-weight:500}:disabled{opacity:.6!important}.lp input{position:absolute;top:-100%}.lp span{font-size:1.5rem;color:var(--text-color);align-items:center;opacity:.8;border-left:1px solid transparent}.lp span.wrong{color:#f25353}.lp span.right{color:var(--primary)}.lp span.space{width:10px;height:18px;display:inline-block}.lp span.space.wrong{background-color:#f25353}.lp span.cursor{border-color:#fff;animation:2s ease 0s infinite normal none running blinking}@keyframes blinking{0%{border-color:var(--text-color)}25%{border-color:var(--card)}50%{border-color:var(--text-color)}75%{border-color:var(--card)}}.rp .timer{width:100%;display:flex;justify-content:center;font-size:3.5rem;color:var(--text-color)}.rp h3{font-size:1rem;margin-top:0;color:var(--text-color);margin-top:2rem}.rp .row{display:flex;align-items:center}.rp button{margin-right:.4rem;padding:.6em .9em}.rp .full:nth-of-type(1){margin-top:2rem}.rp .full{width:100%;margin-top:.4rem}.rp input{width:100%}.rps{align-items:center}.rps h2{font-size:3rem;color:var(--text-color);margin:0;margin-bottom:1rem}.rps h3{color:var(--text-color);font-size:1.3rem;margin:0}.rps p{color:var(--primary);margin:0;font-size:1.3rem;margin-bottom:2rem}.rps button{width:90%}.rps .save{margin-top:.4rem}.profile .rp{display:flex;flex-direction:column;align-items:center}.profile h2{font-size:3rem;color:var(--text-color);margin:0;margin-bottom:1rem}.history{list-style:none;scrollbar-gutter:auto;overflow-y:auto;margin:0;padding:0}.item{background-color:var(--bg-color);padding:.8rem;border-radius:8px;margin-bottom:.8rem;transition:.3s;cursor:pointer}.item:hover{background-color:var(--card-hover)}.item h4{margin:0;font-size:1rem;color:var(--text-color)}.item p{margin:0;font-size:.8rem;color:var(--primary)}.item span{margin:0 .6rem}.profile .lp{align-items:center;flex-direction:column}.profile .lp .avatar{height:120px;width:120px;background-color:var(--bg-color);border-radius:50%;margin-bottom:2rem;margin-top:2rem}.profile .lp h2{font-size:3rem;color:var(--text-color);margin:0;margin-bottom:1rem}.profile .lp p{margin:0;color:var(--text-color);margin-bottom:.8rem}.profile .lp p:nth-of-type(1){color:var(--primary)}.profile .not{color:var(--primary)}.auth{max-width:420px;position:relative;left:50%;transform:translate(-50%);flex-direction:column}.auth .tabs{width:100%;display:flex;align-items:center;justify-content:space-around;margin-bottom:1rem;border-bottom:1px solid var(--border)}.auth .tabs a{height:100%;width:100%;text-align:center;vertical-align:center;padding:.4rem .4rem .6rem}.auth .tabs a.active{border-bottom:2px solid var(--primary)}.auth input{position:unset;width:100%;margin-top:.9rem}.auth form{padding:.3rem 1rem;display:flex;align-items:center;flex-direction:column}.auth button{margin-top:2rem;background-color:var(--primary);color:#fff;width:90%}.error{max-width:420px;position:relative;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.error p{text-align:center;font-size:1rem;margin-top:0;margin-bottom:2rem;color:var(--primary)}.error h2{color:var(--text-color);font-size:2.5rem;margin-bottom:.4rem;margin-top:0}