@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.landing-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;max-width:900px;margin:0 auto}.landing-title{font-size:2.5rem;margin-bottom:3rem;line-height:1.4;color:#0f0}.blinking-cursor{animation:blink 1s infinite;color:#0f0}.landing-description{font-size:1rem;margin-bottom:4rem;line-height:2;color:#0f0}.landing-description p{margin-bottom:1rem}.start-button{font-family:"Press Start 2P",monospace;font-size:1.2rem;padding:1.5rem 3rem;background-color:#000;color:#0f0;border:3px solid #00ff00;cursor:pointer;transition:all .2s;text-transform:uppercase}.start-button:hover{background-color:#0f0;color:#000;box-shadow:0 0 3px #0f0}.start-button:active{transform:scale(.95)}.start-button:disabled{opacity:.5;cursor:not-allowed}.start-button:disabled:hover{background-color:#000;color:#0f0;box-shadow:none}.generation-progress-landing{width:100%;max-width:500px;margin-bottom:2rem}.progress-container-landing{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.progress-bar-landing{width:100%;height:20px;background-color:#000;border:2px solid #00ff00;position:relative;overflow:hidden}.progress-fill-landing{height:100%;background-color:#0f0;transition:width .3s ease}.progress-text-landing{font-size:.7rem;color:#0f0;text-align:center}.progress-message-landing{font-size:.6rem;color:#0f0;line-height:1.6;opacity:.8;text-align:center}@media (max-width: 768px){.landing-title{font-size:1.5rem}.landing-description{font-size:.7rem}.start-button{font-size:.8rem;padding:1rem 2rem}}.task-screen{width:100%;max-width:1200px;padding:2rem;display:flex;flex-direction:column;align-items:center;min-height:100vh}.task-progress{font-size:1rem;margin-bottom:2rem;color:#0f0;text-align:center}.task-brief{font-size:1.2rem;margin-bottom:3rem;color:#0f0;text-align:center;line-height:2}.slogans-container{width:100%;display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.slogan-card{border:3px solid #00ff00;padding:2rem;background-color:#000;width:100%;display:flex;flex-direction:column;gap:1.5rem}.slogan-checkbox-wrapper{margin-top:1rem}.slogan-checkbox-label,.reason-checkbox-label{display:flex;align-items:center;gap:1rem;cursor:pointer;font-size:.8rem;color:#0f0;opacity:.6;-webkit-user-select:none;user-select:none}.slogan-checkbox,.reason-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#00ff00}.checkbox-text{font-family:"Press Start 2P",monospace}.slogan-text{font-size:1.2rem;line-height:2;color:#0f0;padding:1rem 0;border-top:1px solid #00ff00;border-bottom:1px solid #00ff00;margin-bottom:.5rem}.reasons-container{margin-top:1rem;padding-top:1rem;border-top:2px dashed #00ff00;display:flex;flex-direction:column;gap:1rem}.reasons-label{font-size:.7rem;color:#0f0;margin-bottom:.5rem}.next-button{font-family:"Press Start 2P",monospace;font-size:1rem;padding:1.5rem 3rem;background-color:#000;color:#0f0;border:3px solid #00ff00;cursor:pointer;transition:all .2s;text-transform:uppercase;margin-top:2rem}.next-button:hover{background-color:#0f0;color:#000;box-shadow:0 0 3px #0f0}.next-button:active{transform:scale(.95)}@media (max-width: 768px){.task-screen{padding:1rem}.task-progress{font-size:.7rem}.task-brief{font-size:.6rem}.slogan-card{padding:1.5rem}.slogan-text{font-size:.9rem}.slogan-checkbox-label,.reason-checkbox-label{font-size:.6rem}.next-button{font-size:.8rem;padding:1rem 2rem}}.result-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;max-width:900px;margin:0 auto}.result-title{font-size:2.5rem;margin-bottom:3rem;color:#0f0}.result-main{margin-bottom:4rem}.result-percentage{font-size:1.8rem;margin-bottom:2rem;line-height:2;color:#0f0}.result-details{font-size:1rem;color:#0f0;opacity:.8;line-height:2}.result-actions{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:500px}.review-button,.share-button,.restart-button{font-family:"Press Start 2P",monospace;font-size:1rem;padding:1.5rem 3rem;background-color:#000;color:#0f0;border:3px solid #00ff00;cursor:pointer;transition:all .2s;text-transform:uppercase;width:100%}.review-button:hover,.share-button:hover,.restart-button:hover{background-color:#0f0;color:#000;box-shadow:0 0 3px #0f0}.review-button:active,.share-button:active,.restart-button:active{transform:scale(.95)}@media (max-width: 768px){.result-title{font-size:1.5rem}.result-percentage{font-size:1.2rem}.result-details{font-size:.7rem}.share-button,.restart-button{font-size:.8rem;padding:1rem 2rem}}.review-screen{width:100%;max-width:1200px;padding:2rem;display:flex;flex-direction:column;align-items:center;min-height:100vh}.review-title{font-size:2rem;margin-bottom:3rem;color:#0f0;text-align:center}.review-tasks{width:100%;display:flex;flex-direction:column;gap:3rem;margin-bottom:3rem}.review-task{border:3px solid #00ff00;padding:2rem;background-color:#000;width:100%}.review-task.correct{border-color:#0f0}.review-task.incorrect{border-color:red}.review-task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #00ff00}.review-task-number{font-size:1rem;color:#0f0}.review-task-status{font-size:.9rem;padding:.5rem 1rem;border:2px solid}.review-task-status.correct{color:#0f0;border-color:#0f0}.review-task-status.incorrect{color:red;border-color:red}.review-task-brief{font-size:1.2rem;margin-bottom:2rem;color:#0f0;line-height:2}.review-slogans{display:flex;flex-direction:column;gap:1.5rem}.review-slogan{padding:1.5rem;border:2px solid;background-color:#000}.review-slogan.correct-selection{border-color:#0f0;background-color:#010}.review-slogan.incorrect-selection{border-color:red;background-color:#100}.review-slogan.missed{border-color:#fa0;background-color:#110a00}.review-slogan.neutral{border-color:#0f0;opacity:.5}.review-slogan-text{font-size:1.2rem;line-height:2;color:#0f0;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #00ff00}.review-slogan-info{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.review-slogan-source{color:#0f0;opacity:.8}.review-slogan-selected{color:#0f0;font-weight:700}.review-slogan-missed{color:#fa0;font-weight:700}.review-slogan-wrong{color:red;font-weight:700}.review-actions{width:100%;max-width:500px;display:flex;justify-content:center}.back-button{font-family:"Press Start 2P",monospace;font-size:1rem;padding:1.5rem 3rem;background-color:#000;color:#0f0;border:3px solid #00ff00;cursor:pointer;transition:all .2s;text-transform:uppercase;width:100%}.back-button:hover{background-color:#0f0;color:#000;box-shadow:0 0 3px #0f0}.back-button:active{transform:scale(.95)}@media (max-width: 768px){.review-screen{padding:1rem}.review-title{font-size:1.5rem}.review-task{padding:1.5rem}.review-task-brief,.review-slogan-text{font-size:1rem}.back-button{font-size:.8rem;padding:1rem 2rem}}.app-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#000}.loading{font-size:1.5rem;color:#0f0;text-align:center;animation:blink 1s infinite}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",monospace;background-color:#000;color:#0f0;overflow-x:hidden;min-height:100vh;line-height:1.6}#root{min-height:100vh;width:100vw}@supports (font-smooth: never){body{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-smooth:never}}.glow{text-shadow:0 0 2px #00ff00}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor:after{content:"_";animation:blink 1s infinite}
