#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.header[data-v-638e8d2a]{background-color:#218c74;width:100%;padding:15px 0;text-align:center;position:fixed;top:0;left:0;z-index:1000}.header h1[data-v-638e8d2a]{margin:0;font-size:1.2em;color:#fff}.home-icon[data-v-638e8d2a]{position:absolute;top:10px;left:10px;font-size:2em;color:#fff;cursor:pointer;transition:color .2s}.home-icon[data-v-638e8d2a]:hover{color:#d32f2f}.user-name[data-v-638e8d2a]{position:absolute;top:20px;right:40px;font-size:.8em;color:#fff;font-weight:700}.logout-icon[data-v-638e8d2a]{position:absolute;top:15px;right:15px;font-size:1.5em;color:#fff;cursor:pointer;transition:color .2s}.logout-icon[data-v-638e8d2a]:hover{color:#d32f2f}.header h1[data-v-63d6ab12]{margin:0;font-size:1.8em;color:#fff}.content[data-v-63d6ab12]{margin-top:80px;text-align:center}.quiz-question[data-v-63d6ab12]{margin-top:10px;margin-bottom:12px;font-size:2.5em;font-weight:700}ul[data-v-63d6ab12]{list-style-type:none;padding:0;margin:0}li[data-v-63d6ab12]{margin:2px 0}.button-container[data-v-63d6ab12]{display:flex;flex-direction:column;align-items:stretch;margin-top:0}button[data-v-63d6ab12]{padding:10px 20px;margin:2px 0;border:1px solid #ccc;border-radius:15px;font-size:1.2em;cursor:pointer;width:100%;background-color:#befcbe;color:#000;text-align:center;transition:background-color .2s,transform .1s}button[data-v-63d6ab12]:hover{background-color:#a6d0af}button[data-v-63d6ab12]:disabled{background-color:inherit;color:#44f;cursor:not-allowed}button.selected[data-v-63d6ab12]{background-color:#ffd6d6;color:#44f}button.correct[data-v-63d6ab12]{background-color:#d6eaff;color:#44f}button[data-v-63d6ab12]:active{transform:scale(.95)}.result-container .correctResult[data-v-63d6ab12]{font-weight:700;color:blue;font-size:1.5em;margin-bottom:2px}.result-container .wrongResult[data-v-63d6ab12]{font-weight:700;color:red;font-size:1.5em;margin-bottom:2px}.explanation[data-v-63d6ab12]{margin-top:5px}.explanation span[data-v-63d6ab12]{font-weight:700;color:#000;background-color:#ffdd57;padding:0 2px;border-radius:4px}.explanation-wrapper[data-v-63d6ab12]{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.explanation-speaker[data-v-63d6ab12]{width:24px;height:24px;cursor:pointer;vertical-align:middle;transition:transform .2s ease}.explanation-speaker[data-v-63d6ab12]:hover{transform:scale(1.1)}.book-info[data-v-63d6ab12]{color:green;font-size:1em}.completion-message[data-v-63d6ab12]{font-weight:700;color:blue;font-size:2em;margin-top:5px}.next-button[data-v-63d6ab12]{background-color:#4caf50;color:#fff;border:none;border-radius:5px;padding:15px 30px;font-size:1.2em;cursor:pointer;margin-top:10px;transition:background-color .2s,transform .1s}.next-button[data-v-63d6ab12]:hover{background-color:#45a049}.loading-container[data-v-63d6ab12]{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-gif[data-v-63d6ab12]{width:120px;height:120px;margin-bottom:10px}.pronunciation-button[data-v-63d6ab12]{margin-bottom:10px;background-color:#fff6e0;border:1px solid #ffa726;border-radius:10px;padding:6px 12px;font-size:1em;cursor:pointer;transition:background-color .2s}.pronunciation-button[data-v-63d6ab12]:hover{background-color:#ffe0b2}.speaker-icon[data-v-63d6ab12]{width:24px;height:24px;margin-left:10px;vertical-align:middle;cursor:pointer;transition:transform .2s ease}.speaker-icon[data-v-63d6ab12]:hover{transform:scale(1.1)}.wd-image-grid[data-v-63d6ab12]{display:grid;grid-template-columns:repeat(auto-fill,110px);gap:10px;align-items:start;justify-items:center;justify-content:center;margin:12px auto 0;max-width:100%}.wd-thumb[data-v-63d6ab12]{border:1px solid #ddd;border-radius:8px;padding:6px;background:#fff;cursor:zoom-in;width:100%}.wd-thumb.cover[data-v-63d6ab12]{border-color:#86b7fe;box-shadow:inset 0 0 0 2px rgba(134,183,254,.2)}.wd-thumb img[data-v-63d6ab12]{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block;border-radius:4px}.wd-caption[data-v-63d6ab12]{margin-top:4px;font-size:.85em;color:#666;text-align:center}.img-modal[data-v-63d6ab12]{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;cursor:zoom-out;z-index:9999}.img-modal img[data-v-63d6ab12]{max-width:min(92vw,1100px);max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:6px;background:#fff;padding:6px}@media (max-width:420px){.wd-image-grid[data-v-63d6ab12]{grid-template-columns:repeat(auto-fill,96px);gap:8px}}.home-container[data-v-6642a156]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;text-align:center;background-color:#fff}.content[data-v-6642a156]{margin-top:50px;width:100%}.quiz-buttons[data-v-6642a156]{display:flex;flex-direction:column;align-items:center;gap:20px}.daily-quiz-button[data-v-6642a156],.test-quiz-button[data-v-6642a156]{width:400px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;padding:15px 30px;font-size:1.5em;cursor:pointer;transition:background-color .2s,transform .1s}.test-quiz-button[data-v-6642a156]{background-color:#2196f3}.daily-quiz-button[data-v-6642a156]:hover{background-color:#45a049}.test-quiz-button[data-v-6642a156]:hover{background-color:#1976d2}.daily-quiz-button[data-v-6642a156]:active,.test-quiz-button[data-v-6642a156]:active{transform:scale(.95)}.daily-quiz-button[data-v-6642a156]:disabled{background-color:#ccc;color:#666;cursor:not-allowed}body[data-v-5c0142e2]{margin:0;font-family:Arial,sans-serif;background-color:#000;color:#fff}.login-container[data-v-5c0142e2]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh}.login-box[data-v-5c0142e2]{background-color:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;width:300px;margin-top:120px}.form-group[data-v-5c0142e2]{margin-bottom:15px}label[data-v-5c0142e2]{display:block;text-align:left;margin-bottom:5px;font-size:.9em;color:#495057}input[data-v-5c0142e2]{width:100%;padding:10px;font-size:1em;border:1px solid #ced4da;border-radius:4px;outline:none;box-sizing:border-box}input[data-v-5c0142e2]:focus{border-color:#80bdff;box-shadow:0 0 4px rgba(0,123,255,.25)}.login-button[data-v-5c0142e2]{background-color:#218c74;color:#fff;border:none;padding:10px 20px;font-size:1em;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.login-button[data-v-5c0142e2]:hover{background-color:#216c54}.login-button[data-v-5c0142e2]:active{background-color:#214c44}