#root{width:100%}*{color:#fff}button:hover{background:linear-gradient(90deg,var(--orange),var(--pink));background-size:200%;animation:moveGradient 3s infinite}input[type=text],input[type=password],input[type=email]{border:2px var(--orange) solid;border-radius:7px;padding:10px;background-color:transparent}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:15px;background:linear-gradient(to right,var(--orange),var(--pink));margin-bottom:10px;outline:none;border-radius:100px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;background:#fff;cursor:pointer;border-radius:50%}input[type=range]::-moz-range-thumb{width:25px;height:25px;background:var(--purple);cursor:pointer;border-radius:50%}.login,.signup{display:flex;flex-direction:column;align-items:center;width:100%}.login .header,.signup .header{display:flex;justify-content:space-between;align-items:center;padding:0 50px;width:calc(100% - 100px);height:15vh}.login .header button,.login .header .blank,.signup .header button,.signup .header .blank{width:150px}.login .header .text,.signup .header .text{width:60%;display:flex;justify-content:center;align-items:center;height:100%}.login .header .text h2,.signup .header .text h2{width:fit-content;margin-right:15px}.login .header .text img,.signup .header .text img{height:50%}.login .input-form,.signup .input-form{display:flex;flex-direction:column;align-items:center}.login .input-form *,.signup .input-form *{margin-bottom:10px}.login .input-form label,.signup .input-form label{font-weight:700;margin-right:15px}.header{display:flex;justify-content:space-between;align-items:center;padding:0 50px;width:calc(100% - 100px);height:15vh}.header .text{width:60%;display:flex;justify-content:center;align-items:center;height:100%}.header .text h1{width:fit-content;margin-right:15px}.header .text img{height:50%}.header button{width:20%;height:fit-content}.text{padding:0 50px}.colorful{background:linear-gradient(90deg,var(--orange),var(--pink));background-size:100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bold{font-weight:700}#root{height:100vh;--user-bubble-color: var(--orange);--ai-bubble-color: var(--pink)}.chat-container{width:100%;height:100dvh;overflow:hidden;z-index:0}.chat-container .end-btn{width:50px;height:50px;position:absolute;top:15px;right:15px;border-radius:10px;background-color:var(--orange);display:flex;justify-content:space-evenly;align-items:center;transition:width .5s;overflow:hidden;white-space:nowrap}.chat-container .end-btn img{width:40px}.chat-container .end-btn .end-txt{display:none;opacity:0;font-weight:700;color:var(--navy)}.chat-container .end-btn:hover{width:200px}.chat-container .end-btn:hover .end-txt{display:block;opacity:1}.chat-container .background{position:absolute;height:100%;left:0;top:0;width:100%;z-index:-1;overflow:hidden}.chat-container .background .color{position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--navy);z-index:-2}.chat-container .background img{position:absolute;bottom:0}.chat-container .background svg{display:block;position:absolute;bottom:-200px}.chat-container .background svg g{fill:var(--purple)}.chat-container .background svg #back{fill:#48156f}.chat-container .background svg #mid{fill:#330556}.chat-container .background svg #front{fill:#23033c}.chat-container .chat-messages{display:flex;flex-direction:column;overflow-y:scroll}.chat-container .chat-messages .chat-bubble{width:75%;background-color:var(--user-bubble-color);margin-bottom:2%;padding:.5em;border-radius:.5em;position:relative}.chat-container .chat-messages .chat-bubble span{transition:filter .5s}.chat-container .chat-messages .chat-bubble span.translated{font-weight:700}.chat-container .chat-messages .chat-bubble span.translated.new{animation:reveal .5s forwards}.chat-container .chat-messages .chat-bubble.ai{background-color:var(--ai-bubble-color);align-self:end}.chat-container .chat-messages .chat-bubble.blurred span{filter:blur(3px)}.chat-container .input-container{width:100%}.chat-container .input-container form{display:flex;justify-content:space-around;width:100%}.chat-container .input-container form input{width:70%}.chat-window{display:flex;padding:0 10vw;width:calc(100% - 20vw);height:100%}.chat-window .user-side,.chat-window .ai-side{display:flex;flex-direction:column-reverse;width:50%;--full-height: 6vh;--bubble-padding: 2vh}.chat-window .user-side .chat-bubble,.chat-window .ai-side .chat-bubble{margin-bottom:var(--bubble-padding);width:80%;min-height:var(--full-height);max-height:50%;background-color:var(--user-bubble-color);padding:var(--bubble-padding);border-radius:1em}.chat-window .user-side .chat-bubble .input-form{display:flex;justify-content:space-around;align-items:flex-end}.chat-window .user-side .chat-bubble .input-form button{height:calc(var(--full-height));width:calc(var(--full-height));padding:0;display:flex;justify-content:center;align-items:center;border-radius:50%}.chat-window .user-side .chat-bubble .input-form button img{width:calc((var(--full-height) - var(--bubble-padding)) / 1.5);height:calc((var(--full-height) - var(--bubble-padding)) / 1.5)}.chat-window .user-side .chat-bubble .input-form button:hover{background:#1a1a1a!important}.chat-window .user-side .chat-bubble .input-form .mic.recording img{animation:flash 1.5s infinite}@keyframes flash{0%{opacity:0}50%{opacity:1}to{opacity:0}}.chat-window .user-side .chat-bubble .input-form .input{min-height:calc(var(--full-height) - var(--bubble-padding));border-radius:calc(var(--full-height) / 2);resize:none;border:none;min-height:calc(var(--full-height));padding:calc(var(--bubble-padding) / 2);width:calc((100% - 2 * var(--full-height)) * .9)}.chat-window .ai-side{align-items:end}.chat-window .ai-side .avatar-wrapper{--shirt-color: rgb(228, 187, 40);--shirt-shadow: rgb(195, 169, 1);--skin-color: rgb(106, 70, 48);--skin-shadow-color: rgb(83, 40, 13);--hair-color: rgb(0, 0, 0);--eye-color: rgb(99, 43, 87)}.chat-window .ai-side .avatar-wrapper #avatar{transform:scaleX(-1)}.chat-window .ai-side .chat-bubble{background-color:var(--ai-bubble-color);align-self:end}.chat-window .ai-side .chat-bubble span{transition:filter .5s}.chat-window .ai-side .chat-bubble span.translated{font-weight:700}.chat-window .ai-side .chat-bubble span.translated.new{animation:reveal .5s forwards}.chat-window .ai-side .chat-bubble.blurred span{filter:blur(3px)}.chat-window .ai-side .chat-bubble.swoop{animation:swoopIn .4s forwards}@keyframes reveal{0%{opacity:0}to{opacity:1}}@keyframes swoopIn{0%{transform:translate(10%,10%) rotate(-20deg)}to{transform:translate(0) rotate(0)}}.recap-info{display:flex;flex-direction:column;align-items:center;width:100%}.recap-info h3{margin:1vh}.recap-info div{margin-bottom:1vh;width:50%;text-align:center}.recap-info div div{width:100%;display:inline;text-align:center}.recap-info div div .bolded{font-weight:700;background:linear-gradient(90deg,var(--orange),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.recap-info .header{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 4vw);padding:2vw}.recap-info .header .blank{width:200px}.recap-info .header h1{margin:0 auto;flex-grow:1;background:linear-gradient(90deg,var(--orange),var(--pink));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:moveGradient 5s infinite}.recap-info .header .back-btn{width:200px;height:50px;margin-left:auto}.recap-info .wpm-section{display:flex;flex-direction:column;align-items:center}.recap-info .wpm-section .slider-wrapper{height:80px;width:50%;display:grid;grid-template-rows:1fr 1fr 1fr}.recap-info .wpm-section .slider-wrapper .pins{position:relative;width:100%;max-height:100%}.recap-info .wpm-section .slider-wrapper .pins .marker{position:absolute;height:100%;width:20px;transform:translate(-50%)}.recap-info .wpm-section .slider-wrapper .pins .user-marker svg{fill:var(--user-bubble-color)}.recap-info .wpm-section .slider-wrapper .pins .user-avg-marker svg{fill:#fff}.recap-info .wpm-section .slider-wrapper .pins .target-marker svg{fill:var(--ai-bubble-color)}.recap-info .wpm-section .slider-wrapper .wpm-slider{display:flex;height:100%;width:100%;background-image:linear-gradient(to right,var(--user-bubble-color) 0%,var(--ai-bubble-color) 40%,var(--ai-bubble-color) 60%,var(--user-bubble-color) 100%);grid-row:2}.recap-info .wpm-section .slider-wrapper .labels{width:100%;display:flex;justify-content:space-between}.recap-info .wpm-section .slider-wrapper .labels div{width:auto}.recap-info .wpm-section .words{display:flex;flex-direction:column;align-items:center}.recap-info .wpm-section .words .slider-wrapper{height:80px;width:50%;display:grid;grid-template-rows:1fr 1fr 1fr}.recap-info .wpm-section .words .slider-wrapper .pins{position:relative;width:100%;max-height:100%}.recap-info .wpm-section .words .slider-wrapper .pins .marker{position:absolute;height:100%;width:20px;transform:translate(-50%)}.recap-info .wpm-section .words .slider-wrapper .pins .user-marker svg{fill:var(--user-bubble-color)}.recap-info .wpm-section .words .slider-wrapper .pins .user-avg-marker svg{fill:#fff}.recap-info .wpm-section .words .slider-wrapper .pins .target-marker svg{fill:var(--ai-bubble-color)}.recap-info .wpm-section .words .slider-wrapper .wpm-slider{display:flex;height:100%;width:100%;background-image:linear-gradient(to right,var(--user-bubble-color) 0%,var(--ai-bubble-color) 40%,var(--ai-bubble-color) 60%,var(--user-bubble-color) 100%);grid-row:2}.recap-info .wpm-section .words .slider-wrapper .labels{width:100%;display:flex;justify-content:space-between}.recap-info .wpm-section .words .slider-wrapper .labels div{width:auto}.recap-info .translations{display:flex;flex-direction:column}.recap-info .understanding{border-image:linear-gradient(to right,var(--orange) 0%,var(--pink) 100%) 1;border-width:4px;border-style:solid;font-weight:700;display:flex;flex-direction:column;padding:1vw}.recap-info .most-common-words h3{margin-bottom:10px}.recap-info .most-common-words .boxes{width:100%;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.recap-info .most-common-words .boxes .word-box{padding:10px;background-color:var(--orange);border-radius:7px;width:fit-content}@keyframes moveGradient{0%{background-position:10% 0%}50%{background-position:91% 100%}to{background-position:10% 0%}}.dashboard{display:flex;flex-direction:column;align-items:center}.dashboard .header{display:flex;width:calc(100% - 100px);justify-content:space-between;align-items:center;padding:0 50px}.dashboard .header button,.dashboard .header .blank{width:150px;height:fit-content}.dashboard .header h1 .name{background:linear-gradient(90deg,var(--orange),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard .saves{display:flex;width:50%;flex-direction:column;align-items:center}.dashboard .saves .saves-header{display:flex;justify-content:space-between;align-items:center;width:100%}.dashboard .saves .saves-header .blank,.dashboard .saves .saves-header button{width:150px;height:fit-content}.dashboard .saves .save-button{width:100%;display:flex;align-items:center;justify-content:space-between;height:50px;margin-bottom:25px}.dashboard .saves .save-button .language{font-weight:700}.dashboard .saves .save-button .streak .num{background:linear-gradient(90deg,var(--orange),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard .saves .save-button:hover .streak .num{background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.save-window{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center}.save-window .top-row{display:flex;width:80%;justify-content:space-between;align-items:center;margin:3vh 0}.save-window .autocomplete-input{width:calc(80% - 20px);padding:10px}.save-dashboard{height:100%}.save-dashboard .bolded{font-weight:700;background:linear-gradient(90deg,var(--orange),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.save-dashboard .header{display:flex;width:calc(100% - 100px);padding:0 50px;height:10%;justify-content:space-around;align-items:center}.save-dashboard .header button{height:80%}.save-dashboard .content{display:flex;flex-direction:column;align-items:center}.save-dashboard .content .charts{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.save-dashboard .content .charts .chart{font-weight:700;display:flex;flex-direction:column;align-items:center;width:40%}.save-dashboard .content .charts .chart .chart-container{width:100%;height:300px}.save-dashboard .content .most-common-words{width:80%;display:flex;flex-direction:column;align-items:center;border-image:linear-gradient(to right,var(--orange) 0%,var(--pink) 100%) 1;border-width:4px;border-style:solid;margin-top:30px}.save-dashboard .content .most-common-words .mcw-header{margin:10px 0;height:50px;width:100%;display:flex;align-items:center;justify-content:center}.save-dashboard .content .most-common-words .mcw-header h3{width:fit-content;margin-right:10px}.save-dashboard .content .most-common-words .mcw-header img{height:30%;cursor:pointer}.save-dashboard .content .most-common-words .boxes{width:80%;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;transition:1s;opacity:1}.save-dashboard .content .most-common-words .boxes .word-box{padding:10px;background-color:var(--orange);border-radius:7px;width:fit-content}.save-dashboard .content .most-common-words .boxes.hidden{display:none}.settings-window{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center}.settings-window form{width:80%;height:100%;display:flex;flex-direction:column;align-items:center}.settings-window form label{width:fit-content;font-weight:700}.settings-window form input{width:100%;margin-bottom:15px}.settings-window form input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:none;border-radius:2px;outline:2px var(--orange) solid;position:relative}.settings-window form input[type=checkbox]:checked{background-color:var(--orange)}.avatar-wrapper{--height: 40%;--skin-color: #e2a67d;--skin-shadow-color: #bc6931;--eye-color: #779178;--shirt-color: #cf4141;--shirt-shadow: #c1212d;--hair-color: #3f0b09;height:var(--height);width:150px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end}.avatar-wrapper #avatar{width:65%;transform:translateY(5px)}.avatar-wrapper #avatar .head .cls-1,.avatar-wrapper #avatar .head .cls-2{fill:#fff}.avatar-wrapper #avatar .head .cls-1,.avatar-wrapper #avatar .head .cls-2,.avatar-wrapper #avatar .head .cls-3,.avatar-wrapper #avatar .head .cls-4,.avatar-wrapper #avatar .head .cls-5{stroke:#000;stroke-miterlimit:10;stroke-width:3px}.avatar-wrapper #avatar .head .cls-2,.avatar-wrapper #avatar .head .cls-4{stroke-linecap:round}.avatar-wrapper #avatar .head .cls-3{fill:var(--skin-color)}.avatar-wrapper #avatar .head .cls-6{fill:var(--eye-color)}.avatar-wrapper #avatar .head .cls-7{fill:var(--skin-shadow-color)}.avatar-wrapper #avatar .head .cls-4,.avatar-wrapper #avatar .head .cls-5{fill:none}.avatar-wrapper #torso #apendices{fill:var(--skin-color);stroke:#000;stroke-miterlimit:10;stroke-width:3px}.avatar-wrapper #torso #shirt #outline{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:3px}.avatar-wrapper #torso #shirt #shadow{fill:var(--shirt-shadow)}.avatar-wrapper #torso #shirt #color{fill:var(--shirt-color)}.autocomplete-input{width:calc(100% - 20px);padding:10px;width:100%;font-size:16px;border:1px solid #ccc;border-radius:4px}.suggestions-box{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}.suggestion-box{padding:10px;background-color:var(--ai-bubble-color);border:1px solid #ccc;border-radius:5px;cursor:pointer;transition:background-color .2s}.suggestion-box:hover,.suggestion-active{background-color:#d3d3d3;color:var(--ai-bubble-color)}.no-suggestions{margin-top:10px;color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--navy: #0b0326;--purple: #4F1787;--darker-purple: #190330;--pink: #EB3678;--orange: #FB773C}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}