.navbar[data-v-201a2842]{position:absolute;top:0;background:#333;transition:transform .3s ease;z-index:500}.sidebar[data-v-01cbbdc2]{position:fixed;top:0;left:0;height:100%;width:250px;background-color:#333;overflow-x:hidden;transition:transform .3s ease;z-index:1000}.sidebar-hidden[data-v-01cbbdc2]{transform:translateX(-100%)}.nav-link[data-v-01cbbdc2]{padding:10px 15px 10px 15px;color:#ddd;text-decoration:none}.nav-link[data-v-01cbbdc2]:hover{background-color:#666;transition:background-color .3s ease}.icon-background[data-v-01cbbdc2]:hover{background-color:#fff}.open-button[data-v-01cbbdc2]{padding:10px,10px,10px,10px}.frame[data-v-3e084c9a]{justify-content:center;align-items:center;background-image:url(/img/peak.4fb889b1.jpeg);background-size:cover;background-position:50%}.frame[data-v-3e084c9a],.frame[data-v-3e084c9a]:before{position:absolute;top:0;left:0;min-height:100vh;width:100%}.frame[data-v-3e084c9a]:before{content:"";background-color:rgba(0,0,0,.3);z-index:0}.navbar[data-v-3e084c9a]{position:fixed;top:0;left:0;overflow-x:hidden;transition:transform .3s ease;z-index:1000}.carousel[data-v-3e084c9a]{width:100%;margin-top:30px;margin-left:auto;margin-right:auto}.slide-image[data-v-3e084c9a]{margin-left:30px;margin-right:30px;min-width:15vh;max-height:50vh}h1[data-v-3e084c9a],h2[data-v-3e084c9a],h3[data-v-3e084c9a],h4[data-v-3e084c9a],h5[data-v-3e084c9a],h6[data-v-3e084c9a],li[data-v-3e084c9a]{color:#fff;transition:text-shadow .3s ease-in-out;text-shadow:2px 2px 4px rgba(0,0,0,.7);background-color:rgba(0,0,0,.3);text-align:center;background:none;z-index:1}.list-group-item[data-v-3e084c9a]{color:#fff;text-shadow:#000 0 0 15px;z-index:1}.green-book-item[data-v-3e084c9a],.list-group-item[data-v-3e084c9a]{transition:text-shadow .3s ease-in-out;text-align:center;background:none;font-weight:700}.green-book-item[data-v-3e084c9a]{margin-top:10px;color:red;text-transform:uppercase;text-shadow:#fff 0 0 15px;font-size:xx-large}.frame[data-v-4a61eab4]{position:absolute;top:0;left:0;min-height:100vh;width:100%;justify-content:center;align-items:center;background-color:#333}.navbar[data-v-4a61eab4]{position:fixed;top:0;left:0;background-color:#343a40;overflow-x:hidden;transition:transform .3s ease;z-index:1000}h1[data-v-4a61eab4],h2[data-v-4a61eab4],h3[data-v-4a61eab4],h4[data-v-4a61eab4],h5[data-v-4a61eab4],h6[data-v-4a61eab4],label[data-v-4a61eab4]{color:#ccc}h2[data-v-0620c06b],h3[data-v-0620c06b],h4[data-v-0620c06b],h5[data-v-0620c06b],p[data-v-0620c06b]{color:#ddd}.frame[data-v-0620c06b]{position:absolute;top:0;left:0;min-height:100vh;width:100%;justify-content:center;align-items:center;background-image:url(/img/peak.4fb889b1.jpeg);background-size:cover;background-position:50%}.navbar[data-v-0620c06b]{position:fixed;top:0;left:0;background:#333;overflow-x:hidden;transition:transform .3s ease;z-index:1000}.container[data-v-0620c06b]{display:flex;flex-direction:column;align-items:center;padding:16px}.point-difficulty-section[data-v-0620c06b]{width:100%;display:flex;flex-direction:row;justify-content:space-between}.question-card[data-v-0620c06b]{width:100%;align-items:center;max-width:100vh;background-color:#555;border-radius:8px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1);padding:16px;opacity:1;transition:all .5s ease}.check-button.slide-fade-enter-active[data-v-0620c06b],.check-button.slide-fade-leave-active[data-v-0620c06b],.next-button.slide-fade-enter-active[data-v-0620c06b],.next-button.slide-fade-leave-active[data-v-0620c06b],.question-card.slide-fade-enter-active[data-v-0620c06b],.question-card.slide-fade-leave-active[data-v-0620c06b],.rating-sent.slide-fade-enter-active[data-v-0620c06b],.rating-sent.slide-fade-leave-active[data-v-0620c06b],.rating.slide-fade-enter-active[data-v-0620c06b],.rating.slide-fade-leave-active[data-v-0620c06b]{transition:all .5s ease}.question-card.slide-fade-enter-from[data-v-0620c06b],.question-card.slide-fade-leave-to[data-v-0620c06b],.rating-sent.slide-fade-enter-from[data-v-0620c06b],.rating-sent.slide-fade-leave-to[data-v-0620c06b],.rating.slide-fade-enter-from[data-v-0620c06b],.rating.slide-fade-leave-to[data-v-0620c06b]{transform:translateY(50px);opacity:0}.check-button.slide-fade-enter-from[data-v-0620c06b]{opacity:0}.check-button.slide-fade-leave-to[data-v-0620c06b]{opacity:0;transform:translateX(-100%)}.next-button.slide-fade-enter-from[data-v-0620c06b]{opacity:0;transform:translateX(100%)}.next-button.slide-fade-leave-to[data-v-0620c06b]{opacity:0}.question-card.slide-fade-enter-active .answer-card[data-v-0620c06b],.question-card.slide-fade-leave-active .answer-card[data-v-0620c06b]{transition:all .5s ease}.question-card.slide-fade-enter-from .answer-card[data-v-0620c06b],.question-card.slide-fade-leave-to .answer-card[data-v-0620c06b]{opacity:0}.question-card.slide-fade-enter-active .question-image[data-v-0620c06b],.question-card.slide-fade-leave-active .question-image[data-v-0620c06b]{transition:all .5s ease}.question-card.slide-fade-enter-from .question-image[data-v-0620c06b],.question-card.slide-fade-leave-to .question-image[data-v-0620c06b]{opacity:0}.question-image[data-v-0620c06b]{max-width:100%;max-height:35vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;margin-bottom:20px;border-radius:8px;margin-bottom:16px;cursor:pointer}@media (max-width:800px){.question-image[data-v-0620c06b]{max-width:100%;max-height:45vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;margin-bottom:20px;border-radius:8px;margin-bottom:16px;cursor:pointer}}.answer-row[data-v-0620c06b]{display:flex;justify-content:space-between}.answer-card-container[data-v-0620c06b]{width:48%;position:relative}.answer-card[data-v-0620c06b]{padding:12px;margin:8px 0;border:1px solid #ccc;color:#ccc;border-radius:8px;cursor:pointer;transition:background-color .5s;position:relative;overflow:hidden}.answer-card[data-v-0620c06b]:hover{background-color:#777}.answer-card.selected[data-v-0620c06b]{background-color:#999}.answer-card.correct[data-v-0620c06b]{background-color:#28a745;color:#fff}.answer-card.incorrect[data-v-0620c06b]{background-color:#dc3545;color:#fff}.submit-button-section[data-v-0620c06b]{position:relative;margin-bottom:75px}.answer-statistics[data-v-0620c06b]{padding-top:8px;font-weight:700;color:#fff}.answer-fill[data-v-0620c06b]{position:absolute;top:0;left:0;height:100%;background-color:rgba(0,0,0,.2);transition:width .5s ease-in-out}.check-button[data-v-0620c06b],.next-button[data-v-0620c06b]{position:absolute;top:0;left:0;right:0;margin-top:16px;padding:12px 24px;background-color:#1027a8;color:#fff;border:none;border-radius:8px;width:100%;cursor:pointer;opacity:1;transition:opacity .5s ease-in-out}.submit-button[data-v-0620c06b]:hover{background-color:#0056b3}.result[data-v-0620c06b]{margin-top:16px;font-size:18px;font-weight:700}.rating[data-v-0620c06b]{font-size:24px;padding-block:16px;display:flex;justify-content:center;align-items:center;flex-direction:row;transition:opacity .5s ease-in-out}.average-rating[data-v-0620c06b]{margin-right:16px}.rating-sent[data-v-0620c06b]{transition:opacity .5s ease-in-out}.star[data-v-0620c06b]{cursor:pointer;color:#ccc}.star.active[data-v-0620c06b],.star[data-v-0620c06b]:hover{color:#fc0}.fullscreen-overlay[data-v-0620c06b]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.fullscreen-image-container[data-v-0620c06b]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100vh;overflow:auto}.fullscreen-image[data-v-0620c06b]{width:auto;height:auto;min-width:100%;min-height:100%;max-width:160vh;max-height:160vh;-o-object-fit:contain;object-fit:contain}@media (max-width:800px){.fullscreen-image[data-v-0620c06b]{width:43vh;height:auto;max-width:45vh;max-height:100vh;-o-object-fit:contain;object-fit:contain}}.fullscreen-close-icon[data-v-0620c06b]{position:absolute;top:20px;right:20px;cursor:pointer;font-size:24px;color:#fff}.answer-div[data-v-0620c06b]{display:flex;flex-direction:column}.centered-container[data-v-0620c06b]{display:flex;justify-content:center;align-items:center;height:100vh;background-image:url(/img/peak.4fb889b1.jpeg);background-size:cover;background-position:50%}.card[data-v-0620c06b]{background-color:#333;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center}.audio-container[data-v-0620c06b]{width:100%}.login-container[data-v-124bed32]{margin:0;padding:0;display:flex;justify-content:center;align-items:center;position:relative;flex-direction:column;background-image:url(/img/peak.4fb889b1.jpeg);background-size:cover;background-position:50%;font-family:Arial,sans-serif;min-height:100vh;width:100%}img[data-v-124bed32]{display:block;align-content:center;width:50%;max-width:380px;margin-bottom:20px;width:auto;height:auto}.login-box[data-v-124bed32]{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);text-align:center;width:300px}.login-icon[data-v-124bed32]{font-size:50px;color:#fff;margin-bottom:20px}.input-group[data-v-124bed32]{position:relative;margin-bottom:20px}.input-group i[data-v-124bed32]{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#fff}.input-group input[data-v-124bed32]{width:100%;padding:10px 10px 10px 40px;background:hsla(0,0%,100%,.2);border:none;border-radius:5px;color:#fff;outline:none}.input-group input[data-v-124bed32]::-moz-placeholder{color:#ddd}.input-group input[data-v-124bed32]::placeholder{color:#ddd}.btn[data-v-124bed32]{width:100%;padding:10px;background:hsla(0,0%,100%,.2);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;transition:transform .3s ease}.btn[data-v-124bed32]:hover{background:hsla(0,0%,100%,.3)}h1[data-v-124bed32]{color:#fff;text-shadow:#000 0 0 15px;transition:text-shadow .3s ease-in-out;text-align:center;background:none}.register-container[data-v-10250dd7]{margin:0;padding:0;display:flex;justify-content:center;align-items:center;position:relative;flex-direction:column;background-image:url(/img/peak.4fb889b1.jpeg);background-size:cover;background-position:50%;font-family:Arial,sans-serif;min-height:100vh;width:100%}img[data-v-10250dd7]{display:block;align-content:center;width:50%;max-width:380px;margin-bottom:20px;width:auto;height:auto}.register-box[data-v-10250dd7]{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);text-align:center;width:300px}.register-icon[data-v-10250dd7]{font-size:50px;color:#fff;margin-bottom:20px}.input-group[data-v-10250dd7]{position:relative;margin-bottom:20px}.input-group i[data-v-10250dd7]{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#fff}.input-group input[data-v-10250dd7]{width:100%;padding:10px 10px 10px 40px;background:hsla(0,0%,100%,.2);border:none;border-radius:5px;color:#fff;outline:none}.input-group input[data-v-10250dd7]::-moz-placeholder{color:#ddd}.input-group input[data-v-10250dd7]::placeholder{color:#ddd}.btn[data-v-10250dd7]{width:100%;padding:10px;background:hsla(0,0%,100%,.2);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;transition:transform .3s ease}.btn[data-v-10250dd7]:hover{background:hsla(0,0%,100%,.3)}h1[data-v-10250dd7]{color:#fff;text-shadow:#000 0 0 15px;transition:text-shadow .3s ease-in-out;text-align:center;background:none}.frame[data-v-0b77725a]{position:absolute;top:0;left:0;min-height:100vh;width:100%;background-image:url(/img/peak.4fb889b1.jpeg);background-size:cover;background-position:50%}.navbar[data-v-0b77725a]{position:fixed;top:0;left:0;overflow-x:hidden;transition:transform .3s ease;background:#333;z-index:1000}h1[data-v-0b77725a]{color:#fff;text-align:center;margin-top:20px;text-shadow:#000 0 0 15px}.btn-container[data-v-0b77725a]{display:flex;justify-content:center;align-items:center;margin-top:20px}.btn-group[data-v-0b77725a]{display:flex;width:100%;padding:0 32px 0 32px}.mode-button[data-v-0b77725a]{flex:1;background-color:#333;color:#fff;border:1px solid #ccc;transition:background-color .3s ease,color .3s ease;font-size:1.5rem;text-align:center}.mode-button[data-v-0b77725a]:hover{background-color:#555}.mode-button.active[data-v-0b77725a]{background-color:#777;color:#fff}.table-container[data-v-0b77725a]{width:100%;padding:32px;overflow-x:auto}.table[data-v-0b77725a]{margin-top:20px;width:100%;background:#333;color:#ccc}td[data-v-0b77725a]:nth-child(2n){background-color:#3a3a3a;color:#ddd}td[data-v-0b77725a]:nth-child(odd){background-color:#6e6e6e;color:#ddd}th[data-v-0b77725a]:nth-child(2n){background-color:#3a3a3a;color:#ddd}th[data-v-0b77725a]:nth-child(odd){background-color:#6e6e6e;color:#ddd}.fade-enter-active[data-v-0b77725a],.fade-leave-active[data-v-0b77725a]{transition:all .5s ease}.fade-enter-from[data-v-0b77725a],.fade-leave-to[data-v-0b77725a]{opacity:0;transform:translateY(50px)}h2[data-v-0a70703d],h3[data-v-0a70703d],h4[data-v-0a70703d],h5[data-v-0a70703d],p[data-v-0a70703d]{color:#ddd}.frame[data-v-0a70703d]{position:absolute;top:0;left:0;min-height:100vh;width:100%;justify-content:center;align-items:center;background-image:url(/img/peak.4fb889b1.jpeg);background-size:cover;background-position:50%}.navbar[data-v-0a70703d]{position:fixed;top:0;left:0;background:#333;overflow-x:hidden;transition:transform .3s ease;z-index:1000}.container[data-v-0a70703d]{display:flex;flex-direction:column;align-items:center;padding:16px}.point-difficulty-section[data-v-0a70703d]{width:100%;display:flex;flex-direction:row;justify-content:space-between}.question-card[data-v-0a70703d]{width:100%;align-items:center;max-width:100vh;background-color:#555;border-radius:8px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1);padding:16px;opacity:1;transition:all .5s ease}.check-button.slide-fade-enter-active[data-v-0a70703d],.check-button.slide-fade-leave-active[data-v-0a70703d],.next-button.slide-fade-enter-active[data-v-0a70703d],.next-button.slide-fade-leave-active[data-v-0a70703d],.question-card.slide-fade-enter-active[data-v-0a70703d],.question-card.slide-fade-leave-active[data-v-0a70703d],.rating-sent.slide-fade-enter-active[data-v-0a70703d],.rating-sent.slide-fade-leave-active[data-v-0a70703d],.rating.slide-fade-enter-active[data-v-0a70703d],.rating.slide-fade-leave-active[data-v-0a70703d]{transition:all .5s ease}.question-card.slide-fade-enter-from[data-v-0a70703d],.question-card.slide-fade-leave-to[data-v-0a70703d],.rating-sent.slide-fade-enter-from[data-v-0a70703d],.rating-sent.slide-fade-leave-to[data-v-0a70703d],.rating.slide-fade-enter-from[data-v-0a70703d],.rating.slide-fade-leave-to[data-v-0a70703d]{transform:translateY(50px);opacity:0}.check-button.slide-fade-enter-from[data-v-0a70703d]{opacity:0}.check-button.slide-fade-leave-to[data-v-0a70703d]{opacity:0;transform:translateX(-100%)}.next-button.slide-fade-enter-from[data-v-0a70703d]{opacity:0;transform:translateX(100%)}.next-button.slide-fade-leave-to[data-v-0a70703d]{opacity:0}.question-card.slide-fade-enter-active .answer-card[data-v-0a70703d],.question-card.slide-fade-leave-active .answer-card[data-v-0a70703d]{transition:all .5s ease}.question-card.slide-fade-enter-from .answer-card[data-v-0a70703d],.question-card.slide-fade-leave-to .answer-card[data-v-0a70703d]{opacity:0}.question-card.slide-fade-enter-active .question-image[data-v-0a70703d],.question-card.slide-fade-leave-active .question-image[data-v-0a70703d]{transition:all .5s ease}.question-card.slide-fade-enter-from .question-image[data-v-0a70703d],.question-card.slide-fade-leave-to .question-image[data-v-0a70703d]{opacity:0}.question-image[data-v-0a70703d]{max-width:100%;max-height:35vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;margin-bottom:20px;border-radius:8px;margin-bottom:16px;cursor:pointer}@media (max-width:800px){.question-image[data-v-0a70703d]{max-width:100%;max-height:45vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;margin-bottom:20px;border-radius:8px;margin-bottom:16px;cursor:pointer}}.answer-row[data-v-0a70703d]{display:flex;justify-content:space-between}.answer-card-container[data-v-0a70703d]{width:48%;position:relative}.answer-card[data-v-0a70703d]{padding:12px;margin:8px 0;border:1px solid #ccc;color:#ccc;border-radius:8px;cursor:pointer;transition:background-color .5s;position:relative;overflow:hidden}.answer-card[data-v-0a70703d]:hover{background-color:#777}.answer-card.selected[data-v-0a70703d]{background-color:#999}.answer-card.correct[data-v-0a70703d]{background-color:#28a745;color:#fff}.answer-card.incorrect[data-v-0a70703d]{background-color:#dc3545;color:#fff}.submit-button-section[data-v-0a70703d]{position:relative;margin-bottom:75px}.answer-statistics[data-v-0a70703d]{padding-top:8px;font-weight:700;color:#fff}.answer-fill[data-v-0a70703d]{position:absolute;top:0;left:0;height:100%;background-color:rgba(0,0,0,.2);transition:width .5s ease-in-out}.check-button[data-v-0a70703d],.next-button[data-v-0a70703d]{position:absolute;top:0;left:0;right:0;margin-top:16px;padding:12px 24px;background-color:#1027a8;color:#fff;border:none;border-radius:8px;width:100%;cursor:pointer;opacity:1;transition:opacity .5s ease-in-out}.submit-button[data-v-0a70703d]:hover{background-color:#0056b3}.result[data-v-0a70703d]{margin-top:16px;font-size:18px;font-weight:700}.rating[data-v-0a70703d]{font-size:24px;padding-block:16px;display:flex;justify-content:center;align-items:center;flex-direction:row;transition:opacity .5s ease-in-out}.average-rating[data-v-0a70703d]{margin-right:16px}.rating-sent[data-v-0a70703d]{transition:opacity .5s ease-in-out}.star[data-v-0a70703d]{cursor:pointer;color:#ccc}.star.active[data-v-0a70703d],.star[data-v-0a70703d]:hover{color:#fc0}.fullscreen-overlay[data-v-0a70703d]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.fullscreen-image-container[data-v-0a70703d]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100vh;overflow:auto}.fullscreen-image[data-v-0a70703d]{width:auto;height:auto;min-width:100%;min-height:100%;max-width:160vh;max-height:160vh;-o-object-fit:contain;object-fit:contain}@media (max-width:800px){.fullscreen-image[data-v-0a70703d]{width:43vh;height:auto;max-width:45vh;max-height:100vh;-o-object-fit:contain;object-fit:contain}}.fullscreen-close-icon[data-v-0a70703d]{position:absolute;top:20px;right:20px;cursor:pointer;font-size:24px;color:#fff}.centered-container[data-v-0a70703d]{display:flex;justify-content:center;align-items:center;height:100vh;background-image:url(/img/peak.4fb889b1.jpeg);background-size:cover;background-position:50%}.card[data-v-0a70703d]{background-color:#333;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center}.audio-container[data-v-0a70703d]{width:100%}.frame[data-v-c737b6d2]{background-image:url(/img/peak.4fb889b1.jpeg);background-size:cover;background-position:50%;min-height:100vh;width:100%;padding:20px}h1[data-v-c737b6d2],h4[data-v-c737b6d2]{color:#fff;text-shadow:#000 0 0 15px;transition:text-shadow .3s ease-in-out;text-align:center;background:none;font-weight:700}.list-class[data-v-c737b6d2]{text-align:start;margin-top:30px;color:#ccc}.list-item[data-v-c737b6d2]{color:#fff;text-shadow:#000 0 0 15px}.important-list-item[data-v-c737b6d2],.list-item[data-v-c737b6d2]{margin-top:10px;text-align:start;transition:text-shadow .3s ease-in-out;background:none;font-weight:700}.green-book-item[data-v-c737b6d2],.important-list-item[data-v-c737b6d2]{color:red;text-transform:uppercase;text-shadow:#fff 0 0 15px;font-size:xx-large}.green-book-item[data-v-c737b6d2]{margin-top:10px;text-align:start;transition:text-shadow .3s ease-in-out;background:none;font-weight:700}.button[data-v-c737b6d2]{width:300px;height:50px}.image-card[data-v-617dcc0a]{border-radius:8px;padding:10px;width:400px;text-align:center;background:#333}.image-wrapper[data-v-617dcc0a]{width:100%;height:0;padding-bottom:100%;position:relative}.image-wrapper img[data-v-617dcc0a]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.image-modal-overlay[data-v-617dcc0a]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10}.image-modal-content[data-v-617dcc0a]{max-width:90vw;max-height:90vh;overflow:hidden}.image-modal-content img[data-v-617dcc0a]{max-width:50%;max-height:50%;-o-object-fit:contain;object-fit:contain}h4[data-v-617dcc0a],p[data-v-617dcc0a]{color:#ccc}.frame[data-v-6c76c6ab]{position:absolute;top:0;left:0;min-height:100vh;width:100%;padding-top:16px;background-image:url(/img/peak.4fb889b1.jpeg);background-size:cover;background-position:50%}.navbar[data-v-6c76c6ab]{position:fixed;top:0;left:0;overflow-x:hidden;transition:transform .3s ease;background:#333;z-index:1000}.btn-container[data-v-6c76c6ab]{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.btn-group[data-v-6c76c6ab]{display:flex;width:100%;padding:0 32px 0 32px}.mode-button[data-v-6c76c6ab]{flex:1;background:#333;color:#fff;border:1px solid #ccc;transition:background-color .3s ease,color .3s ease;font-size:1.5rem;text-align:center}.mode-button[data-v-6c76c6ab]:hover{background-color:#555}.mode-button.active[data-v-6c76c6ab]{background-color:#777;color:#fff}.grid[data-v-6c76c6ab]{display:flex;flex-wrap:wrap;gap:20px;padding-left:32px;padding-right:32px}.pagination[data-v-6c76c6ab]{display:flex;justify-content:center;margin-top:20px}.pagination button[data-v-6c76c6ab]{margin:0 5px;padding:10px 20px;font-size:1rem}.pagination button[data-v-6c76c6ab]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-6c76c6ab]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center}.modal-content[data-v-6c76c6ab]{background:#fff;padding:20px;border-radius:8px;text-align:center}.modal-content p[data-v-6c76c6ab]{margin-bottom:20px}.image-card[data-v-6d6a41ec]{border:1px solid #ccc;padding:10px;width:200px;text-align:center}.image-wrapper[data-v-6d6a41ec]{width:100%;height:0;padding-bottom:100%;position:relative}.image-wrapper img[data-v-6d6a41ec]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.image-modal-overlay[data-v-6d6a41ec]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center}.image-modal-content[data-v-6d6a41ec]{max-width:90%;max-height:90%}.image-modal-content img[data-v-6d6a41ec]{width:100%;height:auto}h3[data-v-6d6a41ec],p[data-v-6d6a41ec]{color:#ccc}.frame[data-v-5069b12f]{position:absolute;top:0;left:0;min-height:100vh;width:100%;padding-top:16px;justify-content:center;align-items:center;background-color:#333}.navbar[data-v-5069b12f]{position:fixed;top:0;left:0;background:#333;overflow-x:hidden;transition:transform .3s ease;z-index:1000}.grid[data-v-5069b12f]{display:flex;width:100%;flex-wrap:wrap;background-color:#333;gap:20px}.modal-overlay[data-v-5069b12f]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center}.modal-content[data-v-5069b12f]{background:#fff;padding:20px;border-radius:8px;text-align:center}.modal-content p[data-v-5069b12f]{margin-bottom:20px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}