.navbar[data-v-3d393b8e]{background-color:#f8f8f8;padding:1em;display:flex;gap:1em;border-bottom:1px solid #ddd}.nav-link[data-v-3d393b8e]{text-decoration:none;color:#333;font-weight:700}.nav-link[data-v-3d393b8e]:hover{color:#007bff}body{margin:0;background:linear-gradient(-45deg,#ff9a9e,#fad0c4,#a1c4fd,#c2e9fb);background-size:400% 400%;animation:gradientBG 15s ease infinite;min-height:100vh}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app{max-width:800px;margin:auto;text-align:center;font-family:Segoe UI,sans-serif;padding:2em;background:#ffffff4d;border-radius:16px;box-shadow:0 0 20px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}h1{font-size:2rem;margin-bottom:1em}.intro-text{font-size:1.5em;margin-bottom:1em;font-weight:700}button{margin:.5em;padding:.7em 1.2em;font-size:1em;border:none;border-radius:8px;background-color:#4e54c8;color:#fff;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#8f94fb}button:disabled{background-color:#ccc;cursor:not-allowed}audio{margin:1em 0;width:100%}input{padding:.5em;font-size:1em;border-radius:6px;border:1px solid #ccc;margin-top:1em;width:80%}.correct{background-color:#4caf50!important;animation:pop .4s ease}.wrong{background-color:#f44336!important;animation:shake .4s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.feedback{font-size:1.2em;font-weight:700;margin-top:1em}.snackbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#4caf50;color:#fff;padding:1em 2em;border-radius:8px;box-shadow:0 2px 10px #0003;z-index:1000}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.choices{display:flex;justify-content:center;gap:1em;flex-wrap:nowrap}.choices p{font-weight:700}.choice-block{flex:1;max-width:200px;cursor:pointer;border:1px solid #ccc;padding:1em;border-radius:8px;text-align:center;transition:transform .2s}.choice-block:hover{transform:scale(1.05);background-color:#f0f0ff}.vignette{width:100%;height:auto;margin-bottom:.5em;border-radius:6px;box-shadow:0 0 5px #0000001a}.leaderboard[data-v-58e97d86]{max-width:500px;margin:auto;text-align:center}table[data-v-58e97d86]{width:100%;border-collapse:collapse;margin-top:1em}th[data-v-58e97d86],td[data-v-58e97d86]{border:1px solid #ccc;padding:.5em}th[data-v-58e97d86]{background-color:#f0f0f0}.admin[data-v-c408d08e]{padding:2em;font-family:sans-serif}.block[data-v-c408d08e],.question[data-v-c408d08e]{border:1px solid #ccc;padding:1em;margin-bottom:1em;border-radius:8px}.vignette[data-v-c408d08e]{width:120px;height:auto;margin-bottom:.5em;border-radius:6px}.form input[data-v-c408d08e]{margin:.5em;padding:.5em;width:calc(100% - 1em)}button[data-v-c408d08e]{padding:.5em 1em;background-color:#4e54c8;color:#fff;border:none;border-radius:6px;cursor:pointer}button[data-v-c408d08e]:hover{background-color:#8f94fb}