:root{--color-visual:#a5d6a7;--color-auditory:#90caf9;--color-kinesthetic:#ffcc80;--color-auditory-digital:#ce93d8;--color-visual-dark:#388e3c;--color-auditory-dark:#1976d2;--color-kinesthetic-dark:#f57c00;--color-auditory-digital-dark:#7b1fa2;--background-color:#fff;--primary-color:#4caf50;--primary-color-dark:#43a047;--secondary-color:#ff9800;--secondary-color-dark:#e68900;--secondary-color-light:#ffcf4d;--text-color:#333;--border-color:#ddd;--shadow-color:#0000001a;--font-family:"Roboto",sans-serif;--font-size-base:clamp(1rem,2vw,1.2rem);--font-size-lg:clamp(1.4rem,3vw,2rem);--font-size-xl:clamp(1.8rem,4vw,2.5rem)}*,:after,:before{box-sizing:border-box}body{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Roboto,sans-serif;font-family:var(--font-family);font-size:clamp(1rem,2vw,1.2rem);font-size:var(--font-size-base);line-height:1.6;margin:0;padding:20px;transition:background-color .3s ease,color .3s ease}@media(min-width:768px){body{padding:40px}}@media(min-width:1024px){body{padding:60px}}.header{margin-bottom:30px;text-align:center}.header__title{animation:fadeInDown 1s ease-out;color:#4caf50;color:var(--primary-color);font-size:clamp(1.8rem,4vw,2.5rem);font-size:var(--font-size-xl);padding:0 10px}.section--description,.section--instructions,.section--instructions-2{animation:fadeInUp 1s ease-out;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;box-shadow:0 4px 10px var(--shadow-color);margin:0 auto 30px;max-width:800px;padding:20px}.section--description p,.section--instructions p,.section--instructions-2 p{font-size:1.1rem;margin-bottom:10px}.section--description ul,.section--instructions ul,.section--instructions-2 ul{list-style-type:disc;padding-left:20px}.heading__title{animation:fadeIn 1s ease-out;border-bottom:2px solid #ff9800;border-bottom:2px solid var(--secondary-color);color:#ff9800;color:var(--secondary-color);display:inline-block;font-size:clamp(1.4rem,3vw,2rem);font-size:var(--font-size-lg);margin-bottom:20px;padding:0 10px}.draggable-item{align-items:center;animation:slideIn .5s ease-out;background-color:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;box-shadow:0 2px 5px var(--shadow-color);cursor:grab;display:flex;flex-wrap:wrap;font-size:clamp(1rem,2vw,1.2rem);font-size:var(--font-size-base);gap:10px;padding:15px 20px;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.draggable-item.show-colors.visual{background-color:#a5d6a7;background-color:var(--color-visual)}.draggable-item.show-colors.auditory{background-color:#90caf9;background-color:var(--color-auditory)}.draggable-item.show-colors.kinesthetic{background-color:#ffcc80;background-color:var(--color-kinesthetic)}.draggable-item.show-colors.auditory-digital{background-color:#ce93d8;background-color:var(--color-auditory-digital)}.draggable-item:hover{box-shadow:0 4px 15px #0000001a;box-shadow:0 4px 15px var(--shadow-color);transform:scale(1.02)}.draggable-item .draggable-item__text{word-wrap:break-word;flex:1 1}.draggable-item.show-colors .draggable-item__text{color:#fff}@media(max-width:600px){.draggable-item{font-size:clamp(1.2rem,2vw,1.2rem);gap:8px;padding:12px 15px}.draggable-item .draggable-item__text{font-size:1rem;width:100%}}.row{flex-direction:row;flex-wrap:wrap;margin:10px 0}.row,.row__option{align-items:center;display:flex}.row__option{margin-bottom:20px;transition:background-color .3s ease,transform .3s ease;width:100%}@media(min-width:600px){.row__option{width:100%}}@media(min-width:1024px){.row__option{width:100%}}@media(max-width:600px){.row__option{align-items:center;flex-direction:row;margin-bottom:15px;margin-right:0;width:100%}.row__option:last-child{margin-bottom:0}.row__option__priority-number{margin-bottom:0;margin-right:10px}}.row__option__priority-number{align-items:center;background-color:#4caf50;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:60px;justify-content:center;margin-right:15px;transition:background-color .3s ease,transform .3s ease;width:60px}@media(max-width:768px){.row__option__priority-number{font-size:1.8rem;height:50px;margin-right:10px;width:50px}}@media(max-width:400px){.row__option__priority-number{font-size:1.5rem;height:40px;margin-right:10px;width:40px}}@media(max-width:600px){.row__option__priority-number{margin-right:10px}}.row__option .draggable-item{flex:1 1;width:auto}.navigation-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.navigation-buttons button{background-color:#ff9800;background-color:var(--secondary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1 auto;font-size:1.2rem;min-width:120px;padding:12px 25px;transition:background-color .3s ease,transform .3s ease}.navigation-buttons button:hover{background-color:#e68900;background-color:var(--secondary-color-dark);transform:translateY(-2px)}.navigation-buttons button:disabled{background-color:#ffcf4d;background-color:var(--secondary-color-light);cursor:not-allowed}@media(max-width:600px){.navigation-buttons button{font-size:1rem;margin-bottom:10px;padding:10px 20px;width:100%}}.progress-bar{animation:fadeIn 1s ease-out;background-color:#ddd;background-color:var(--border-color);border-radius:10px;height:20px;margin:20px 0;overflow:hidden;width:100%}.progress-bar__progress{background-color:#4caf50;background-color:var(--primary-color);height:100%;transition:width .3s ease}@media(max-width:600px){.progress-bar{height:15px}}.results{margin:0 auto;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out,margin .5s ease}.results.visible{animation:fadeIn 1s ease-out;margin:40px auto;max-height:2000px;opacity:1}.results__title{color:#4caf50;color:var(--primary-color);font-size:clamp(1.4rem,3vw,2rem);font-size:var(--font-size-lg);margin-bottom:20px;padding:0 10px;text-align:center}.results__max-low-score{font-size:clamp(1rem,2vw,1.2rem);font-size:var(--font-size-base);margin:30px auto;max-width:800px;padding:0 10px}.results__max-low-score p{font-size:1.1rem;margin-bottom:10px}.results__max-low-score .result-label{color:#ff9800;color:var(--secondary-color);font-size:3rem;font-weight:700}.results__analysis-table{border-collapse:collapse;font-size:1rem;margin:0 auto 30px;max-width:800px;overflow-x:auto;padding:0 10px;width:100%}.results__analysis-table td,.results__analysis-table th{border:1px solid #ddd;border:1px solid var(--border-color);padding:12px;text-align:center;white-space:nowrap}.results__analysis-table th{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color)}.results__analysis-table td.visual{background-color:#a5d6a7;background-color:var(--color-visual);color:#fff}.results__analysis-table td.auditory{background-color:#90caf9;background-color:var(--color-auditory);color:#fff}.results__analysis-table td.kinesthetic{background-color:#ffcc80;background-color:var(--color-kinesthetic);color:#fff}.results__analysis-table td.auditory-digital{background-color:#ce93d8;background-color:var(--color-auditory-digital);color:#fff}.results__analysis-table .total{background-color:#fff;background-color:var(--background-color);font-weight:700}@media(max-width:600px){.results__analysis-table td,.results__analysis-table th{font-size:.9rem;padding:8px;white-space:normal}}.results__btn-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.results__btn-group .btn{background-color:#ff9800;background-color:var(--secondary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1 auto;font-size:1.2rem;min-width:120px;padding:12px 25px;transition:background-color .3s ease,transform .3s ease}.results__btn-group .btn:hover{background-color:#e68900;background-color:var(--secondary-color-dark);transform:translateY(-2px)}.results__btn-group .btn:focus{box-shadow:0 0 0 3px #ff980080;outline:none}@media(max-width:600px){.results__btn-group .btn{font-size:1rem;margin-bottom:10px;padding:10px 20px;width:100%}}.results .btn-reset{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.results .btn-reset .btn{background-color:#ffcf4d;background-color:var(--secondary-color-light);border:none;border-radius:8px;color:#000;cursor:pointer;flex:1 1 auto;font-size:1.2rem;max-width:120px;padding:12px 25px;transition:background-color .3s ease,transform .3s ease}.results .btn-reset .btn:hover{background-color:#e68900;background-color:var(--secondary-color-dark);color:#fff;transform:translateY(-2px)}.results .btn-reset .btn:focus{box-shadow:0 0 0 3px #ff980080;outline:none}@media(max-width:600px){.results .btn-reset .btn{font-size:1rem;margin-bottom:10px;padding:10px 20px;width:100%}.results__title{font-size:clamp(1.2rem,2vw,1.5rem)}.results__max-low-score{font-size:clamp(.9rem,1.5vw,1.1rem)}}.show-results-div{margin:30px 0;text-align:center}.show-results-div__button{background-color:#4caf50;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1 auto;font-size:2rem;margin:3rem 0;min-width:120px;padding:2rem;transition:background-color .3s ease,transform .3s ease}.show-results-div__button:hover{background-color:#43a047;background-color:var(--primary-color-dark);transform:translateY(-2px)}.show-results-div__button:focus{box-shadow:0 0 0 3px #4caf5080;outline:none}@media(max-width:600px){.show-results-div__button{font-size:1rem;margin-bottom:10px;padding:10px 20px;width:100%}}.footer{color:#333;color:var(--text-color);font-size:1rem;margin-top:50px;padding:20px 0;text-align:center}.footer a{color:#ff9800;color:var(--secondary-color);text-decoration:none}.footer a:hover{text-decoration:underline}@media(max-width:600px){.footer{font-size:.9rem;padding:15px 0}}.react-confetti{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}
/*# sourceMappingURL=main.7704b987.css.map*/