@keyframes blue-glow{0%{box-shadow:0 0 10px #fc0}to{box-shadow:0 0 20px 12px #fff200}}.scores-container,body{background-color:#1a202c}body{color:#f7fafc;font-family:"Inter",sans-serif}#fileModal{position:fixed;inset:0;background-color:rgba(0,0,0,.9);z-index:50;justify-content:center;align-items:center}#fileModalContent{overflow-y:auto}.scores-container{position:sticky;top:0;padding:2px 0;box-shadow:0 2px 4px rgba(0,0,0,.2);margin-top:0!important}.scores-container h2{margin:0;font-size:1.25rem}.scores-container div{display:flex;font-size:1rem}.bg-gray-800{margin-top:50px}.hidden2{display:none!important}.main-container{display:flex;justify-content:center;position:relative;width:100%;height:100vh;overflow:hidden}.fixed-gif{position:static!important;top:40%;transform:translateY(-50%);width:25%;min-width:100px;height:auto;max-height:287px}#correctGif,#finishgifl,#incorrectGif,.fixed-gif{z-index:30;border:10px solid #1f2937;border-radius:.5rem}@media (max-width:950px){#correctGif,#finishgifl{left:15px}#finishgifr,#incorrectGif{right:15px}}@media (max-width:800px){#correctGif,#finishgifl{left:15px;top:35%}#finishgifr,#incorrectGif{right:15px;top:35%}}@media (max-width:560px){#correctGif,#finishgifl{left:5px;top:35%}#finishgifr,#incorrectGif{right:5px;top:35%}}.main-content{max-width:400px;min-width:250px;width:40%}#settingsModal{z-index:50;position:fixed;overflow-y:auto;inset:0;background-color:rgba(0,0,0,.9);justify-content:center;align-items:center}#settingsContent{display:flex;gap:1rem}#dashboardModalContainer,#profileModalContainer,#settingsModalContainer{overflow-y:auto}.settings-section{width:50%}@media (max-width:768px){#settingsModal{flex-direction:column}.settings-section{width:100%}}.detailed-feedback{font-size:2rem}#settingsModalContent{max-width:800px;max-height:80vh;overflow-y:auto;background-color:#2d3748;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);position:relative}#titleSection{position:sticky;top:0;z-index:30;background-color:#2d3748;margin-top:0!important;width:100%}#userInput{font-size:1.5rem;padding:10px}#storyLengthInput{font-size:1rem;padding:.5rem}#login_reg,#mid_bar{float:right}#loginModal,#profileModal{z-index:100}#profileModal{background-color:rgba(0,0,0,.9)}#modeMenu{display:inline-block;margin-left:10px}#modeDropdown,.help-button{box-shadow:0 4px 6px rgba(0,0,0,.2)}#modeDropdown{z-index:100;position:absolute;width:150px;left:0;display:none;background-color:#2d3748;border-radius:6px}#modeMenu:hover #modeDropdown{display:block}#dashboardModal{z-index:80;background-color:rgba(0,0,0,.9)}#modeDropdown button{display:block;padding:8px 12px;text-align:left;background-color:#2d3748;border:0;cursor:pointer}#modeDropdown button:hover{background-color:#4a5568}.help-button{position:fixed;bottom:0;right:20px;background-color:#3182ce;color:#fff;padding:5px;border-radius:50px;text-decoration:none;font-size:16px;font-weight:700;transition:background .3s ease-in-out}.help-button:hover,.upgrade-modal-btn:hover{background-color:#2b6cb0}.fa{font-size:30px}.upgrade-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.upgrade-modal-content{background:#2d3748;color:#fff;padding:20px;border-radius:10px;width:90%;max-width:500px;text-align:center;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 6px rgba(0,0,0,.1)}.upgrade-modal-btn,.upgrade-modal-close{display:inline-block;margin-top:15px;padding:10px 20px;background-color:#3182ce;color:#fff;text-decoration:none;border-radius:5px;font-weight:700;transition:background .3s;border:0;cursor:pointer}.upgrade-modal-close{background-color:#718096;margin-left:10px}.upgrade-modal-close:hover{background-color:#4a5568}.welcome-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.54);z-index:999}.welcome-modal{position:fixed;background:#fffa90;padding:15px;box-shadow:2px 2px 10px rgba(0,0,0,.2);border-radius:5px;font-family:Arial,sans-serif;max-width:30%;z-index:1000;color:#000;opacity:0;transform:translateY(20px);visibility:hidden;transition:opacity .5s ease-out,transform .5s ease-out}#welcome-modal-1{top:120px;left:20px}#welcome-modal-2,#welcome-modal-3{top:120px;right:20px}#welcome-modal-4{bottom:20px;left:80%;transform:translateX(-50%) translateY(20px)}.show{opacity:1;transform:translateY(0);visibility:visible}.fade-out{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.hidden{display:none}.glow{animation:blue-glow 1s infinite alternate}.glow-still{box-shadow:0 0 10px #fc0}.welcome-button{background:#fc0;border:0;padding:8px 12px;cursor:pointer;font-size:1em;margin-top:10px;border-radius:3px}.modal-number{position:absolute;bottom:5px;right:10px;font-size:.9em;color:#000;opacity:.7}footer{position:absolute;bottom:0}@media screen and (max-width:600px){.welcome-modal{max-width:25%;font-size:.8em;padding:10px}#welcome-modal-1{left:10px;right:10px;top:25%}#welcome-modal-2,#welcome-modal-3{right:10px;top:35%}#welcome-modal-4{bottom:10px;left:70%;transform:translateX(-50%)}.welcome-button{font-size:.9em;padding:6px 10px}}.badge{border:10px solid #1f2937;border-radius:.5rem}#onscreenKeyboard button.key{background-color:#374151;color:#fff;padding:6px 8px;font-weight:700;border:4px solid #000;border-radius:.5rem;user-select:none;font-size:1.4rem}@media (max-width:900px){#onscreenKeyboard button.key{padding:4px 6px;font-size:1.2rem}}@media (max-width:600px){#onscreenKeyboard button.key{padding:2px 4px;font-size:1rem}}#onscreenKeyboard.colorful .key{font-family:"Lexend",sans-serif;background-color:#f97316;color:#fff}#onscreenKeyboard.colorful .key.vowel{background-color:#9333ea;color:#fff}#onscreenKeyboard.colorful .key:active,.feedback-sticky-btn:hover{background-color:#ea580c}#onscreenKeyboard.colorful .key.vowel:active{background-color:#7e22ce}#onscreenKeyboard button.key:active{background-color:#1e40af}#onscreenKeyboard.colorful .key.arrow{background-color:#ff0;color:#000}#onscreenKeyboard.colorful .key.del{background-color:red;color:#fff}#onscreenKeyboard.colorful .key.arrow:active{background-color:#ffffe0;color:#000}#onscreenKeyboard.colorful .key.del:active{background-color:#8b0000;color:#fff}#onscreenKeyboard.colorful .key.punc{background-color:green;color:#fff}#onscreenKeyboard.colorful .key.punc:active{background-color:#90ee90;color:#000}#onscreenKeyboard{max-width:1000px;margin-top:10px;height:20%}.badge-card{display:flex;flex-direction:column;height:100%}.badge-large{width:80px;height:80px;object-fit:contain}.feedback-sticky-btn{position:fixed;top:50%;right:0;transform:translateY(-50%) translateX(0);background-color:#f97316;color:#fff;padding:10px 5px;border:0;border-top-left-radius:8px;border-bottom-left-radius:8px;box-shadow:-2px 0 5px rgba(0,0,0,.3);font-weight:700;font-size:50%;cursor:pointer;transition:background-color .3s;user-select:none;line-height:1}.vertical-text{writing-mode:vertical-rl;text-orientation:upright}.satisfaction-btn{padding:8px 0;font-weight:700;border-radius:8px;background-color:rgba(255,255,255,.1);color:#fff;transition:background-color .15s,transform .1s}.satisfaction-btn:hover{background-color:rgba(255,255,255,.2)}.satisfaction-btn.selected{background-color:#fff;color:#f97316;box-shadow:0 0 10px rgba(255,255,255,.8);transform:scale(1.05)}