body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container.dark,body.dark-mode{background:#000!important;color:#f5f5f5!important}.app-container.dark .main-header,body.dark-mode .main-header{background:#23272a!important;border-bottom:1px solid #333;color:#f5f5f5!important}.app-container.dark .main-content,body.dark-mode .main-content{background:#000!important;color:#f5f5f5!important}.app-container.dark .quiz-option,body.dark-mode .quiz-option{background:#23272a!important;border-color:#444!important;color:#f5f5f5!important}.app-container.dark .quiz-option.correct,body.dark-mode .quiz-option.correct{background:#218838!important;border-color:#218838!important}.app-container.dark .quiz-option.incorrect,body.dark-mode .quiz-option.incorrect{background:#c82333!important;border-color:#c82333!important}.app-container.dark .frase-zone,body.dark-mode .frase-zone{background:#23272a!important;border-color:#444!important}.app-container.dark .frase-box,.app-container.dark .hueco-droppable,body.dark-mode .frase-box,body.dark-mode .hueco-droppable{background:#23272a!important;border-color:#444!important;color:#f5f5f5!important}.app-container.dark .switch-wrapper,body.dark-mode .switch-wrapper{background:#0000!important;color:#f5f5f5!important}.app-container.dark .main-header,body.dark-mode .main-header{box-shadow:0 2px 8px #0003}.main-header{align-items:center;background:#fff;border-bottom:1px solid #eee;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;left:0;padding-left:10px;padding-right:20px;position:fixed;top:0;width:100%;z-index:2000}.app-container{box-sizing:border-box;max-width:100vw;min-height:100vh;overflow-x:hidden}.main-content{box-sizing:border-box;margin-top:60px;min-height:calc(100vh - 60px);transition:background .3s,color .3s;width:100%}.global-footer{align-items:center;background:#f4f4f4;border-top:1px solid #ddd;bottom:0;color:#333;display:flex;font-size:1rem;height:60px;justify-content:center;left:0;position:fixed;width:100vw;z-index:3000}.app-container.dark .global-footer,body.dark-mode .global-footer{background:#23272a;border-top:1px solid #444;color:#f5f5f5}.solo-correct{color:#2b3!important}.solo-correct,.solo-incorrect{font-size:1.2em;font-weight:700}.solo-incorrect{color:#e74c3c!important}.card{cursor:pointer;height:400px;justify-content:space-between;margin:20px auto;max-width:350px;perspective:1000px}.card,.card-back,.card-front{align-items:center;display:flex;flex-direction:column;width:100%}.card-back,.card-front{word-wrap:break-word;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;box-shadow:0 4px 8px #0003;font-size:clamp(1.5rem,5vw,2.5rem);height:100%;justify-content:center;overflow:hidden;padding:10px;position:absolute;text-align:center}.card-front{background-color:#f0f0f0}.card-back{align-items:center;background-color:#e0e0e0;flex-direction:column}.card-back,.card.flipped .card-front{transform:rotateY(180deg)}.card.flipped .card-back{transform:rotateY(1turn)}.app-container.dark .card,body.dark-mode .card{background:#181a1b!important;color:#f5f5f5!important}.app-container.dark .card-back,.app-container.dark .card-front,body.dark-mode .card-back,body.dark-mode .card-front{background-color:#181a1b!important;color:#f5f5f5!important}.app-container.dark .buttons button,body.dark-mode .buttons button{background-color:#333!important;color:#f5f5f5!important}.app-container.dark .buttons button:last-child,body.dark-mode .buttons button:last-child{background-color:#900!important}.romaji{font-size:3rem;margin-bottom:20px}.buttons button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;margin:5px;padding:10px 20px;transition:background-color .3s}.buttons button:last-child{background-color:#f44336}.buttons button:hover{opacity:.8}.buttons{justify-content:center}.buttons,.switch-wrapper{display:flex;margin-bottom:20px}.switch-wrapper{align-items:center;margin-top:20px}.switch-wrapper span{margin-left:10px}.switch{display:inline-block;font-size:17px;height:2em;position:relative;vertical-align:middle;width:3.5em}.switch input{height:0;opacity:0;width:0}.slider{background:#9fccfa;cursor:pointer}.slider,.slider:before{border-radius:50px;inset:0;position:absolute;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.slider:before{align-items:center;background-color:#fff;box-shadow:0 10px 20px #0006;content:"";display:flex;height:2em;justify-content:center;width:2em}.switch input:checked+.slider{background:#0974f1}.switch input:focus+.slider{box-shadow:0 0 1px #0974f1}.switch input:checked+.slider:before{transform:translateX(1em)}.quiz-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.quiz-option{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;font-size:1rem;padding:12px 15px;text-align:center;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.quiz-option:hover:not(:disabled){background-color:#f5f5f5;border-color:#ccc}.quiz-option:disabled{cursor:not-allowed;opacity:.7}.quiz-option.correct{background-color:#28a745;border:2px solid #28a745;color:#fff}.quiz-option.incorrect{background-color:#dc3545;border:2px solid #dc3545;color:#fff}.quiz-option.reveal-correct-answer{border:2px solid #28a745}@media (max-width:600px){.quiz-option{flex:1 1 100%}}.frase-zone{background:#f9f9f9;border:1px solid #ccc;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:60px;padding:10px}.frase-box{background:#fff;border:1px solid #aaa;border-radius:5px;box-shadow:0 1px 3px #0000001a;cursor:grab;min-width:60px;padding:10px 14px;text-align:center}.hueco-droppable{align-items:center;background:#fff;border:2px solid #e0e0e0;border-bottom:4px solid #888;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:inline-flex;justify-content:center;margin:0 8px;min-height:48px;min-width:48px;transition:border-color .2s}.menu-principal-container{box-sizing:border-box;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1200px;padding:40px 10px;text-align:center;width:100%}.menu-titulo{color:#333;font-size:2rem;margin-bottom:30px}.menu-grid{flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;width:100%}.menu-card,.menu-grid{box-sizing:border-box;display:flex}.menu-card{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 10px #00000014;cursor:pointer;flex:1 1 220px;flex-direction:column;margin:10px;max-width:340px;min-width:180px;min-width:0;padding:20px;transition:transform .2s,box-shadow .2s}.menu-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.menu-icono{font-size:2.5rem;margin-bottom:10px}@media (max-width:600px){.menu-principal-container{max-width:100%;padding:10px 0;width:100%}.menu-grid{align-items:center;flex-direction:column;gap:12px;margin:0;width:100%}.menu-card{box-sizing:border-box;flex:0px 1;font-size:1rem;margin:0 0 12px;max-width:100%;min-width:0;padding:14px;width:100%}.menu-titulo{font-size:1.5rem;margin-bottom:18px}}.app-container.dark .menu-principal-container,body.dark-mode .menu-principal-container{background:#000!important;color:#f5f5f5!important}.app-container.dark .menu-titulo,body.dark-mode .menu-titulo{color:#f5f5f5!important}.app-container.dark .menu-card,body.dark-mode .menu-card{background-color:#181a1b!important;border-color:#333!important;color:#f5f5f5!important}.app-container.dark .menu-card:hover,body.dark-mode .menu-card:hover{background-color:#23272a!important;box-shadow:0 8px 20px #00000052!important}
/*# sourceMappingURL=main.aa9fe87c.css.map*/