*{box-sizing:border-box;font-family:Montserrat,Noto Sans TC,sans-serif;margin:0;padding:0;transition:.5s cubic-bezier(.23,1,.32,1);-webkit-transition:.5s cubic-bezier(.23,1,.32,1);-moz-transition:.5s cubic-bezier(.23,1,.32,1);-ms-transition:.5s cubic-bezier(.23,1,.32,1);-o-transition:.5s cubic-bezier(.23,1,.32,1)}body,html{height:100vh;min-height:-webkit-fill-available;overflow:hidden}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}.container{margin:0 auto;max-width:1200px;padding:20px}#root{height:100vh;overflow:hidden;width:100vw}button{align-items:center;background-color:var(--background);border:2px solid var(--border-color);box-shadow:0 3px 0 var(--border-color);color:var(--foreground-900);display:flex;font-size:1rem;justify-content:center;padding:6px 12px}button,button:focus{-webkit-appearance:none;appearance:none}button:focus{outline:none}button:not(:disabled):hover{background:var(--background-secondary);border:2px solid var(--border-hover-color);box-shadow:0 3px 0 var(--border-hover-color)}button:not(:disabled):active{box-shadow:0 0 0 var(--border-color);transform:translateY(3px)}button.selected{box-shadow:0 0 0 var(--primary-color)!important;transform:translateY(3px)}button:disabled{cursor:not-allowed;opacity:.5}button.close-btn{border:2px solid var(--border-color);color:var(--gray-600);padding:6px;position:fixed;right:12px;top:12px;z-index:100}button{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}input[type=text]{border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;height:48px;outline:none}input[type=number]{border:2px solid var(--border-color);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;font-size:.9rem;height:28px;padding:0 6px}input:focus{border:2px solid var(--primary-color);outline:none}div{border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}a.no-style{color:inherit;text-decoration:none}a{border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.App,.app{text-align:center}.app{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.app .container{margin:0 auto;max-width:800px;padding:20px}.app .container h1{color:var(--text-color);margin-bottom:30px}.app .container button{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s ease}.app .container button:hover{background:#0c7cd5}.page{background-color:var(--background-color);border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;bottom:0;height:100vh;left:0;margin:0 auto;overflow:hidden;overflow-y:auto;padding:48px 18px 156px;position:fixed;right:0;top:0;width:100vw}@media(min-width:800px){.page{padding:48px 24px 120px}}.page-container{margin:0 auto;max-width:640px;width:100%}.page-container>h1{background-color:var(--background-color);box-shadow:0 -24px 12px 36px var(--background-color);font-size:1.75rem;padding:0 6px;position:-webkit-sticky;position:sticky;top:-36px;z-index:10}.page-container>h1>a.pre-path{color:var(--gray-color-12);font-size:1rem}.page-container>h1>a.pre-path:hover,.page-container>p{color:var(--gray-color-10)}.page-container>p{font-size:1rem;margin-top:12px}.page-container{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.home-container{-ms-overflow-style:none;height:100vh;margin:0 auto;max-width:800px;overflow:hidden;padding:24px 0;position:relative;scrollbar-width:none;width:100%;z-index:90}.home-container::-webkit-scrollbar{display:none}.home-container .home-header{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.home-container .home-header h1{color:var(--primary-color);font-size:2.5rem;margin-bottom:12px}.home-container .home-header p{color:var(--gray-color-12);font-size:1rem;margin-bottom:96px}.home-container .home-header>button{align-items:center;background:var(--background-color);border:2px solid var(--border-color);color:var(--text-color);display:flex;font-size:1rem;font-weight:500;height:42px;justify-content:center;margin-top:12px;padding:9px 20px;position:relative}.home-container .home-header>button:hover{background:var(--gray-color-13)}.home-container .home-header>button>.new-badge{background-color:var(--primary-color);border:2px solid var(--foreground-100);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;color:var(--white);font-size:.8rem;left:0;padding:2px 6px;position:absolute;top:0;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%)}.home-container .home-header>button>.material-symbols-rounded{margin-right:6px}.home-container .square-1,.home-container .square-2,.home-container .square-3,.home-container .square-4{border:12px solid var(--gray-color-13);height:720px;position:fixed;transform:translate(50%,50%);-webkit-transform:translate(50%,50%);-moz-transform:translate(50%,50%);-ms-transform:translate(50%,50%);-o-transform:translate(50%,50%);transition:8s cubic-bezier(.4,0,.2,1);-webkit-transition:8s cubic-bezier(.4,0,.2,1);-moz-transition:8s cubic-bezier(.4,0,.2,1);-ms-transition:8s cubic-bezier(.4,0,.2,1);-o-transition:8s cubic-bezier(.4,0,.2,1);width:720px;z-index:-1}.home-container .square-1{left:-20%;top:20%}.home-container .square-2{left:50%;top:-20%}.home-container .square-3{left:20%;top:-50%}.home-container .square-4{left:0;top:50%}.quiz-page{padding:48px 24px}.quiz-page .quiz-container{height:100%;position:relative}.quiz-page .quiz-container .question-section{background:var(--background-color);border-radius:5px;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-height:100%;overflow:hidden;padding:0;position:relative}.quiz-page .quiz-container .question-section>.question-header>p.quiz-type{color:var(--foreground-400);font-size:.85rem;margin-bottom:12px}.quiz-page .quiz-container .question-section>.question-header h2{background:var(--background-color);color:var(--text-color);font-size:1.75rem;margin-bottom:12px}.quiz-page .quiz-container .question-section>.question-header h2>span.question-count{color:var(--gray-color-10);font-size:.8rem}.quiz-page .quiz-container .question-section>.question-header h2>span.question-type{color:var(--primary-color);font-size:.8rem;font-weight:700}.quiz-page .quiz-container .question-section .question-block{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-bottom:48px}.quiz-page .quiz-container .question-section .question-block p{color:var(--text-color);font-size:1rem;margin-bottom:20px}.quiz-page .quiz-container .quiz-navigation{bottom:0;display:flex;flex-direction:column;gap:18px;height:-webkit-fit-content;height:fit-content;justify-content:space-between;left:50%;max-width:640px;min-height:-webkit-fit-content;min-height:fit-content;position:absolute;width:100%}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons{align-items:center;display:flex;gap:6px;height:48px;justify-content:space-between}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons>button{font-size:1rem;height:100%;width:50%}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons>button.next-stage-button{background:var(--green-500);border:2px solid var(--green-600);box-shadow:0 3px 0 var(--green-600);color:#fff;font-weight:700;min-width:-webkit-max-content;min-width:max-content;width:50%}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons>button.next-stage-button:hover{background:var(--green-600);border:2px solid var(--green-700);box-shadow:0 3px 0 var(--green-700)}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons>button.next-stage-button:active{box-shadow:0 0 0 var(--green-600);transform:translateY(3px)}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons>button.finish-button{background:var(--primary-color);border:2px solid var(--blue-600);box-shadow:0 3px 0 var(--blue-600);color:#fff;font-weight:700;min-width:-webkit-max-content;min-width:max-content;width:50%}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons>button.finish-button:active{box-shadow:0 0 0 var(--blue-600);transform:translateY(3px)}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons>button.active{background:var(--primary-background-color);border:2px solid var(--primary-color);box-shadow:0 0 0 var(--primary-color);color:var(--blue-600);transform:translateY(3px)}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons>button.preview-all-questions-btn{width:-webkit-fit-content;width:fit-content}.quiz-page .quiz-container .quiz-navigation{transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.quiz-page .quiz-container .preview-all-questions{background-color:var(--background-color);border:2px solid var(--gray-color-13);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;bottom:54px;box-shadow:0 0 24px 0 rgba(0,0,0,.039);display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:space-between;left:50%;max-height:50%;max-width:640px;overflow-y:auto;padding:18px;position:absolute;width:100%;z-index:1000}.quiz-page .quiz-container .preview-all-questions.animate{opacity:0;transform:translateY(50%) translateX(-50%);-webkit-transform:translateY(100%) translateX(-50%);-moz-transform:translateY(100%) translateX(-50%);-ms-transform:translateY(100%) translateX(-50%);-o-transform:translateY(100%) translateX(-50%)}.quiz-page .quiz-container .preview-all-questions h2{background:var(--background-color);box-shadow:0 -42px 6px 48px var(--background-color);margin-bottom:12px;margin-top:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.quiz-page .quiz-container .preview-all-questions .questions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.quiz-page .quiz-container .preview-all-questions .questions-grid.write-question{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.quiz-page .quiz-container .preview-all-questions .questions-grid.write-question>.question-item>.question-answer{font-size:1rem;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}.quiz-page .quiz-container .preview-all-questions .questions-grid.multiple-choice-question{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.quiz-page .quiz-container .preview-all-questions .questions-grid.multiple-choice-question>.question-item>.question-answer{font-size:1rem}.quiz-page .quiz-container .preview-all-questions .questions-grid .question-item{align-items:center;border:2px solid var(--gray-color-13);border-radius:8px;cursor:pointer;display:flex;height:54px;justify-content:center;position:relative;transition:all .2s ease}.quiz-page .quiz-container .preview-all-questions .questions-grid .question-item:hover{background-color:var(--gray-color-13)}.quiz-page .quiz-container .preview-all-questions .questions-grid .question-item.current{border-color:var(--primary-background-color);border-width:2px;box-shadow:0 0 0 2px var(--primary-background-color)}.quiz-page .quiz-container .preview-all-questions .questions-grid .question-item.answered{background-color:var(--primary-background-color);border-color:var(--primary-color)}.quiz-page .quiz-container .preview-all-questions .questions-grid .question-item.five-in-row .question-number{color:rgba(0,0,0,.373);font-weight:700}.quiz-page .quiz-container .preview-all-questions .questions-grid .question-item .question-number{color:rgba(0,0,0,.247);font-size:.8rem;left:5px;position:absolute;top:5px}.quiz-page .quiz-container .preview-all-questions .questions-grid .question-item .question-answer{color:var(--primary-color);font-size:1.2rem;font-weight:700}.quiz-page .quiz-container .preview-all-questions .questions-grid .question-item .question-answer.write-question{color:var(--primary-color);font-size:.7rem;font-weight:700}.quiz-page .quiz-container .preview-all-questions{transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}h1.quiz-to-history{align-items:flex-end}h1.quiz-to-history,h1.quiz-to-history a{display:flex;justify-content:space-between}h1.quiz-to-history a{align-items:center;color:var(--gray-color-12);flex-direction:row}h1.quiz-to-history a:hover{color:var(--gray-color-10)}h1.quiz-to-history a>p{font-size:1rem}h1.quiz-to-history a>span{font-size:1.2rem;margin-bottom:-2px}.subject-list{display:flex;flex-direction:column;gap:9px;margin-top:12px}.subject-list>.subject-card{align-items:center;background:var(--background-color);border:2px solid var(--gray-100);display:flex;flex-direction:row;justify-content:space-between;padding:12px}.subject-list>.subject-card>p{align-items:center;color:#666;display:flex;margin:0}.subject-list>.subject-card>p.subject-name{color:#333;font-weight:500}.subject-list>.subject-card>p.subject-name>span{margin-right:6px}.subject-list>.subject-card>p.subject-name>span.quiz-type-label{color:var(--primary-color);font-size:.8rem;font-weight:700;margin-left:6px}.subject-list>.subject-card>.subject-card-content{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:space-between}.subject-list>.subject-card>.subject-card-content>.subject-info{color:var(--gray-color-10);font-size:.8rem}.subject-list>.subject-card>.subject-card-content>button{box-shadow:0 3px 0 var(--border-color)}.subject-list>.subject-card>.subject-card-content>button:hover{background:var(--primary-background-color);border:2px solid var(--primary-color);box-shadow:0 3px 0 var(--primary-color);color:var(--blue-600)}.subject-list>.subject-card>.subject-card-content>button:active{box-shadow:0 0 0 var(--primary-color);transform:translateY(3px)}.pvqc-section{display:flex;flex-direction:column;margin-top:24px}.pvqc-section>.pvqc-card{border:2px solid var(--gray-100);display:flex;flex-direction:row;justify-content:space-between;padding:12px;position:relative}.pvqc-section>.pvqc-card>.new-badge{background-color:var(--primary-color);border:2px solid var(--foreground-100);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;color:var(--white);font-size:.8rem;left:-12px;padding:2px 6px;position:absolute;top:-6px}.pvqc-section>.pvqc-card>div.pvqc-card-title,.pvqc-section>.pvqc-card>div.pvqc-card-title>.subject-name{align-items:center;display:flex;flex-direction:row;justify-content:center}.pvqc-section>.pvqc-card>div.pvqc-card-title>.subject-name{color:#333;font-weight:600;gap:3px}.pvqc-section>.pvqc-card>.subject-card-content>button:hover{background:var(--primary-background-color);border:2px solid var(--primary-color);box-shadow:0 3px 0 var(--primary-color);color:var(--blue-600)}.pvqc-section>.pvqc-card>.subject-card-content>button:active{box-shadow:0 0 0 var(--primary-color);transform:translateY(3px)}.quiz-options .selected{position:relative}.quiz-options .selected:after{background-color:#34b3e10d;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.timer{background:var(--gray-color-13);border:2px solid var(--border-color);color:var(--text-color);cursor:default;font-family:Montserrat,Noto Sans TC,sans-serif;font-size:1.2rem;padding:9px 12px;position:fixed;right:20px;top:20px;z-index:5000}.pvqc-write-question>.question-content>input[type=text]{border:2px solid var(--border-color);border-radius:6px;font-size:1rem;margin:6px 0;padding:9px 12px}.pvqc-write-question>.question-content>input[type=text]:focus{border-color:var(--primary-color)}.question-block h3{margin-bottom:12px}.question-block>div.question-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.question-block>div.question-content>div.question-prompt-container{height:100%}.question-block>div.question-content>div.question-prompt-container>p.question-prompt{color:var(--foreground-900);font-size:1rem;font-weight:400;margin-bottom:12px}.question-block>div.question-content>div.options{display:flex;flex-direction:column;gap:9px;max-width:640px;padding:12px 0;width:100%}.question-block>div.question-content>div.options button{gap:6px;justify-content:flex-start;padding:9px 12px;text-align:start;width:100%}.question-block>div.question-content>div.options button.selected{background-color:var(--blue-100);border-color:var(--primary-color);box-shadow:0 3px 0 var(--primary-color);color:var(--blue-600)!important}.question-block>div.question-content>div.options button.selected:active{box-shadow:0 0 0 var(--primary-color);transform:translateY(3px)}.question-block>div.question-content>div.options button:not(:disabled):active{background-color:var(--blue-100);border-color:var(--primary-color);box-shadow:0 0 0 var(--primary-color);color:var(--blue-600)!important;transform:translateY(3px)}p.question-prompt{color:var(--foreground-900);font-size:1rem;font-weight:500}.audio-section{margin-top:48px}.audio-section .audio-controls{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:center}.audio-section .audio-controls>button{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:24px}.audio-section .audio-controls>button>span{font-size:2.5rem}.pvqc-listen-options>p.hint-text{color:var(--gray-500)!important;font-size:.85rem!important;font-weight:400!important;margin:0!important}.options.true-false-options{display:flex!important;flex-direction:row!important;gap:6px!important}.options.true-false-options>button{align-items:center!important;font-size:2rem!important;height:72px!important;justify-content:center!important;width:50%!important}.subjects-section{margin-bottom:30px}.subjects-section .subjects-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:9px;margin-top:24px}.subjects-section .subject-card{align-items:center;background:#fff;border:2px solid var(--gray-color-13);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;padding:12px;transition:all .2s;width:100%}.subjects-section .subject-card:hover{border:2px solid var(--gray-color-12)}.subjects-section .subject-card.selected{border:2px solid var(--primary-color)}.subjects-section .subject-card.locked{cursor:not-allowed}.subjects-section .subject-card p{align-items:center;color:#666;display:flex;margin:0}.subjects-section .subject-card p.subject-name{color:#333;font-weight:500}.subjects-section .subject-card p.subject-name>span{margin-right:6px}span.lock-time{align-items:center;border:1px solid var(--gray-color-13);color:var(--gray-color-10);display:flex;font-size:.8rem;margin-right:12px;padding:3px 6px;width:-webkit-fit-content;width:fit-content}span.lock-time.locked{border:1px solid var(--warning-secondary-color);color:var(--warning-color)}span.lock-time>span{font-size:1rem;margin-right:3px}span.lock-time{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.single-bank{background-color:var(--background-color);border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;height:100vh;left:0;margin:0 auto;overflow:hidden;overflow-y:auto;padding:48px 12px;position:fixed;right:0;top:0;transition:transform .65s cubic-bezier(.23,1,.32,1);-webkit-transition:transform .65s cubic-bezier(.23,1,.32,1);-moz-transition:transform .65s cubic-bezier(.23,1,.32,1);-ms-transition:transform .65s cubic-bezier(.23,1,.32,1);-o-transition:transform .65s cubic-bezier(.23,1,.32,1);width:100vw;z-index:90}@media(min-width:800px){.single-bank{padding:48px 24px 176px}}.single-bank.page-animation{opacity:0;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%)}.single-bank>.close-btn{position:fixed!important;right:12px;top:12px;z-index:2000}.single-bank div.single-bank-container{margin:0 auto;max-width:640px;width:100%}.single-bank div.single-bank-container h2{align-items:center;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;padding:18px 12px;position:-webkit-sticky;position:sticky;text-align:center;top:-48px;z-index:100}.single-bank div.single-bank-container h2>span.lock-time{margin-top:12px}.single-bank div.single-bank-container>.locked-message{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.single-bank div.single-bank-container>.locked-message>p{color:var(--gray-color-5)}.single-bank div.single-bank-container>.locked-message>.unlock-time{align-items:center;border:2px solid var(--gray-color-12);display:flex;flex-direction:column;justify-content:center;margin-top:24px;padding:6px 9px}.single-bank div.single-bank-container>.locked-message>.unlock-time>p:first-child{color:var(--gray-color-5)}.single-bank div.single-bank-container>.locked-message>.unlock-time{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.single-bank div.single-bank-container .search-section{background-color:var(--background-color);display:flex;justify-content:center;margin:0 0 12px;position:-webkit-sticky;position:sticky;top:12px;width:100%;z-index:100}.single-bank div.single-bank-container .search-section .search-input{border:2px solid var(--gray-color-12);font-size:1rem;padding:12px 15px;width:100%}.single-bank div.single-bank-container .search-section .search-input:focus{border-color:var(--primary-color)}.single-bank div.single-bank-container .search-section{border-radius:0 0 12px 12px;-webkit-border-radius:0 0 12px 12px;-moz-border-radius:0 0 12px 12px;-ms-border-radius:0 0 12px 12px;-o-border-radius:0 0 12px 12px}.single-bank div.single-bank-container .questions-list{display:flex;flex-direction:column;gap:9px}.single-bank div.single-bank-container .questions-list .question-item{background:var(--background-color);border:2px solid var(--gray-color-13);padding:12px}.single-bank div.single-bank-container .questions-list .question-item .question-header{display:flex;gap:12px;margin-bottom:15px}.single-bank div.single-bank-container .questions-list .question-item .question-header.true-false{margin-bottom:0}.single-bank div.single-bank-container .questions-list .question-item .question-header span.question-number{color:var(--primary-color);font-size:1.2rem;font-style:italic;font-weight:bolder;margin-bottom:6px}.single-bank div.single-bank-container .questions-list .question-item .question-header span{font-size:1.75rem;font-weight:bolder}.single-bank div.single-bank-container .questions-list .question-item .question-header span.true-answer{color:var(--correct-border-color)}.single-bank div.single-bank-container .questions-list .question-item .question-header span.false-answer{color:var(--wrong-border-color)}.single-bank div.single-bank-container .questions-list .question-item .question-header .question-text{color:var(--text-color);font-size:1rem}.single-bank div.single-bank-container .questions-list .question-item .options{display:flex;flex-direction:column;gap:6px;margin-top:12px}.single-bank div.single-bank-container .questions-list .question-item .options .option{background:var(--gray-color-13);color:var(--text-color);font-size:.9rem;padding:9px 12px}.single-bank div.single-bank-container .questions-list .question-item .options .option.correct-answer{background:var(--correct-background-color);border:2px solid var(--correct-border-color);color:var(--correct-text-color);font-weight:500}.single-bank div.single-bank-container .questions-list .question-item .options .option{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.single-bank div.single-bank-container .questions-list .question-item .answer-info{color:var(--text-color);margin-top:10px}.single-bank div.single-bank-container .questions-list .question-item .answer-info .answer-label{font-weight:700}.single-bank div.single-bank-container .questions-list .question-item .answer-info .answer{color:var(--correct-color);font-weight:700;margin-left:8px}.single-bank div.single-bank-container .questions-list .vocabulary-content{display:flex;flex-direction:row;height:-webkit-min-content;height:min-content;position:relative;width:100%}.single-bank div.single-bank-container .questions-list .vocabulary-content>.word{display:flex;flex-direction:column;width:100%}.single-bank div.single-bank-container .questions-list .vocabulary-content>.word>.english{font-size:1rem;font-weight:700;margin-bottom:3px}.single-bank div.single-bank-container .questions-list .vocabulary-content>.word>.chinese{color:var(--text-color);font-size:.8rem}.single-bank div.single-bank-container .questions-list .vocabulary-content>.volume-up{align-items:center;color:var(--gray-color-10);display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:48px}.single-bank div.single-bank-container.hidden{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%)}.history-section{display:flex;flex-direction:column;gap:9px;margin-top:24px}.history-section h2{color:var(--text-color);margin-bottom:20px}.history-section>p{color:var(--gray-color-10);text-align:center}.history-section .history-item{align-items:flex-end;background:var(--background-color);border:2px solid var(--gray-color-13);display:flex;justify-content:space-between;padding:12px 18px 12px 12px;transition:all .3s ease}.history-section .history-item:hover{border:2px solid var(--gray-color-12)}@media(min-width:800px){.history-section .history-item{align-items:center}}.history-section .history-item .history-info{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.history-section .history-item .history-info p.history-subject{align-items:center;color:var(--text-color);display:flex;font-size:1rem;font-weight:500;gap:8px;margin-bottom:3px}.history-section .history-item .history-info p.history-subject .quiz-type-badge{background-color:var(--primary-color);border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.history-section .history-item .history-info p{color:var(--gray-color-10);font-size:.875rem}.history-section .history-item .history-info p.correct-rate{color:var(--primary-color);font-size:2rem;font-style:italic;font-weight:700;position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.history-section .history-item button{align-items:center;background-color:var(--background-color);border:2px solid var(--gray-color-12);display:flex;font-size:.875rem;height:100%;justify-content:center;margin-left:24px;min-width:-webkit-fit-content;min-width:fit-content;padding:9px 12px}.history-section .history-item button:hover{background:var(--gray-color-13)}.question_tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.question_tags .question_tag{background-color:var(--gray-color-13);border-radius:4px;color:var(--primary-color);display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}.question_tags .question_tag:hover{background-color:var(--gray-color-12)}.settings-list{gap:24px;margin-top:24px}.settings-list,.settings-list .settings-list-group{display:flex;flex-direction:column;position:relative}.settings-list .settings-list-group{border:2px solid var(--gray-color-13)}.settings-list .settings-list-group.has-title{margin-top:32px}.settings-list .settings-list-group>h5{color:var(--gray-color-12);font-size:1rem;font-weight:600;left:12px;position:absolute;top:-32px}.settings-list .settings-list-group .settings-list-group-item{align-items:center;cursor:default;display:flex;justify-content:space-between;min-height:48px;padding:12px}.settings-list .settings-list-group .settings-list-group-item:not(:last-child){border-bottom:2px solid var(--gray-color-13)}.settings-list .settings-list-group .settings-list-group-item.action{cursor:pointer}.settings-list .settings-list-group .settings-list-group-item.action.disabled{cursor:not-allowed;opacity:.3}.settings-list .settings-list-group .settings-list-group-item.action:not(.disabled):hover{background-color:var(--gray-color-13)}.settings-list .settings-list-group .settings-list-group-item.action:not(.disabled):hover.action>p.info,.settings-list .settings-list-group .settings-list-group-item.action:not(.disabled):hover>.icon{color:var(--primary-color)}.settings-list .settings-list-group .settings-list-group-item>p{align-items:center;display:flex;font-size:.9rem;gap:4px}.settings-list .settings-list-group .settings-list-group-item>p.info{color:var(--gray-color-10)}.settings-list .settings-list-group .settings-list-group-item>.icon,.settings-list .settings-list-group .settings-list-group-item>p>.icon{color:var(--gray-color-10);font-size:1.2rem}.settings-list .settings-list-group .settings-list-group-item>.pvqc-settings-input-container{align-items:center;display:flex;gap:6px}.settings-list .settings-list-group .settings-list-group-item>.pvqc-settings-input-container span{color:var(--foreground-500);font-size:.9rem}.settings-list .settings-list-group .settings-list-group-item{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.developer-info{color:var(--gray-color-10);font-size:.8rem;margin-top:24px;padding:0 6px;text-align:left}.developer-info a{text-decoration:underline}.developer-info a:hover{color:var(--primary-color)}.copyright{bottom:18px;color:var(--gray-color-10);font-size:.8rem;left:0;position:fixed;text-align:center;width:100%}.copyright,.pvqc-setup-section{margin-top:24px}.pvqc-setup-section>h2{font-size:1.2rem;padding:0 6px}.pvqc-setup-section>.mode-selection{grid-gap:9px 6px;display:grid;gap:9px 6px;grid-template-columns:repeat(2,1fr);margin-top:12px}.pvqc-setup-section>.mode-selection>button{gap:6px;justify-content:flex-start;padding:12px;width:100%}.pvqc-setup-section>.mode-selection>button.selected{background-color:var(--blue-100);border:2px solid var(--primary-color);box-shadow:0 3px 0 var(--primary-color)}.pvqc-setup-section>.mode-selection>button.selected:active{box-shadow:0 0 0 var(--primary-color);transform:translateY(3px)}.pvqc-setup-section>.mode-selection>button.selected>div>h3,.pvqc-setup-section>.mode-selection>button.selected>div>p,.pvqc-setup-section>.mode-selection>button.selected>span{color:var(--blue-600)}.pvqc-setup-section>.mode-selection>button>div{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;text-align:start}.pvqc-setup-section>.mode-selection>button>div>h3{color:var(--foreground-900);font-size:1rem}.pvqc-setup-section>.mode-selection>button>div>p{color:var(--foreground-500);font-size:.9rem}.pvqc-setup-section>.config-inputs{display:flex;flex-direction:column;gap:6px;margin-bottom:6px;margin-top:6px;padding:0 6px}.pvqc-setup-section>.config-inputs>label>input{border:2px solid var(--border-color);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;margin:0 6px;padding:3px 5px}.pvqc-start-button{background-color:var(--blue-500);border:2px solid var(--blue-600);bottom:120px;box-shadow:0 3px 0 var(--blue-600);color:#fff;margin-top:48px;position:fixed;right:24px}.pvqc-start-button:hover{background-color:var(--blue-600);border-color:var(--blue-700);box-shadow:0 3px 0 var(--blue-700)}.pvqc-start-button:disabled{background-color:var(--gray-200);border-color:var(--gray-300);box-shadow:0 3px 0 var(--gray-300);cursor:not-allowed;transform:none}.pvqc-start-button:not(:disabled):active{box-shadow:0 0 0 var(--blue-600);transform:translateY(3px)}.results-page{background-color:var(--background-color);height:100vh;left:0;margin:0 auto;overflow:hidden;overflow-y:auto;position:fixed;right:0;top:0;width:100vw;z-index:90}.button-section{bottom:0;height:80px;justify-content:flex-end;left:0;padding:24px 12px;right:0}.button-section,.navigate{align-items:center;display:flex;position:fixed}.navigate{background-color:var(--background-color);bottom:48px;flex-direction:row;height:60px;justify-content:center;left:50%;max-width:500px;transform:translateX(-50%) translateY(114px);-webkit-transform:translateX(-50%) translateY(114px);-moz-transform:translateX(-50%) translateY(114px);-ms-transform:translateX(-50%) translateY(114px);-o-transform:translateX(-50%) translateY(114px);width:calc(100vw - 48px);z-index:1000}.navigate.show{transform:translateX(-50%) translateY(0)!important;-webkit-transform:translateX(-50%) translateY(0)!important;-moz-transform:translateX(-50%) translateY(0)!important;-ms-transform:translateX(-50%) translateY(0)!important;-o-transform:translateX(-50%) translateY(0)!important}.navigate>.navigate-links{display:flex;flex-direction:row;height:100%;justify-content:space-around;width:100%}.navigate>.navigate-links>.active-square{background-color:var(--gray-color-12);border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;height:100%;left:0;position:absolute;top:0;width:25%}.navigate>.navigate-links a{align-items:center;color:var(--gray-color-10);display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:25%;z-index:10}.navigate>.navigate-links a:first-child{border-left:3px solid var(--border-color);border-radius:12px 0 0 12px;-webkit-border-radius:12px 0 0 12px;-moz-border-radius:12px 0 0 12px;-ms-border-radius:12px 0 0 12px;-o-border-radius:12px 0 0 12px}.navigate>.navigate-links a:first-child,.navigate>.navigate-links a:last-child,.navigate>.navigate-links a:not(:first-child):not(:last-child){border-bottom:3px solid var(--border-color);border-top:3px solid var(--border-color);box-shadow:0 0 0 var(--border-color)}.navigate>.navigate-links a:last-child{border-radius:0 12px 12px 0;-webkit-border-radius:0 12px 12px 0;-moz-border-radius:0 12px 12px 0;-ms-border-radius:0 12px 12px 0;-o-border-radius:0 12px 12px 0;border-right:3px solid var(--border-color)}.navigate>.navigate-links a:hover{border:3px solid var(--border-hover-color)!important;box-shadow:0 1.5px 0 var(--border-hover-color)!important;transform:translateY(-1.5px);-webkit-transform:translateY(-1.5px);-moz-transform:translateY(-1.5px);-ms-transform:translateY(-1.5px);-o-transform:translateY(-1.5px)}.navigate>.navigate-links a[data-active=true]{background-color:var(--primary-background-color);border:3px solid var(--primary-color)!important;box-shadow:0 3px 0 var(--primary-color)!important;color:var(--primary-color);transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px)}.navigate>.navigate-links a[data-active=true]:active{box-shadow:0 0 0 var(--primary-color)!important;transform:translateY(0)!important;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important}.navigate>.navigate-links a span{font-size:1.6rem}.navigate>.navigate-links a,.single-history{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.single-history{background-color:var(--background-color);height:100vh;left:0;margin:0 auto;overflow:hidden;overflow-y:auto;position:fixed;right:0;top:0;transition:transform .65s cubic-bezier(.23,1,.32,1);-webkit-transition:transform .65s cubic-bezier(.23,1,.32,1);-moz-transition:transform .65s cubic-bezier(.23,1,.32,1);-ms-transition:transform .65s cubic-bezier(.23,1,.32,1);-o-transition:transform .65s cubic-bezier(.23,1,.32,1);width:100vw;z-index:90}.single-history.page-animation{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%)}.single-history .single-history-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:640px;padding:48px 0;width:calc(100% - 36px)}.single-history .single-history-container>.single-history-header{align-items:flex-start;background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;padding:12px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.single-history .single-history-container>.single-history-header>h2{text-align:center}.single-history .single-history-container>.single-history-header>.date-text{color:var(--gray-color-10);font-size:.875rem;margin-top:6px}.single-history .single-history-container>.single-history-header{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.single-history .single-history-container>.close-btn{z-index:101}.single-history .single-history-container>.summary{align-items:flex-start;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:12px 24px 18px}.single-history .single-history-container>.summary>h1{color:var(--primary-color);font-size:4rem;font-style:italic}.single-history .single-history-container>.summary>h1>span{color:var(--gray-color-10);font-size:1rem;font-weight:400}.single-history .single-history-container>.summary>p{color:var(--gray-color-10);font-size:1rem}.single-history .single-history-container>.filters{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:center;padding-top:12px}.single-history .single-history-container>.filters>.filter-switch{align-items:center;background:var(--background-color);border:2px solid var(--gray-color-13);color:var(--gray-color-10);cursor:pointer;display:flex;font-size:.8rem;gap:3px;padding:6px 9px;width:-webkit-fit-content;width:fit-content}.single-history .single-history-container>.filters>.filter-switch.active{background:var(--primary-background-color);border:2px solid var(--primary-color);color:var(--primary-color-text)}.single-history .single-history-container>.filters>.filter-switch>span{font-size:1.2rem}.single-history .single-history-container>.questions-list{display:flex;flex-direction:column;gap:48px;margin-top:24px;width:100%}.single-history .single-history-container>.questions-list>.question-group{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.single-history .single-history-container>.questions-list>.question-group>.group-title{background-color:var(--background-color);border-bottom:2px solid var(--primary-color);color:var(--primary-color);font-size:1.2rem;font-weight:700;padding-bottom:6px;position:-webkit-sticky;position:sticky;top:76px;width:100%}.single-history .single-history-container>.questions-list>.question-group>.group-questions{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:100%}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item{background:var(--background-color);border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;padding:24px 0;transition:all .3s ease;width:100%}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item:not(:last-child){border-bottom:2px solid var(--secondary-color)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item.unanswered{border:none;border:2px solid var(--gray-color-10)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item h3{color:var(--primary-color);font-size:1.2rem;font-style:italic;font-weight:bolder;margin-bottom:6px}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.vocabulary-content{align-items:center;background:var(--background-color);border:2px solid var(--foreground-100);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;padding:9px}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.vocabulary-content>.vocabulary-content-text{align-items:flex-start;display:flex;flex-direction:column;gap:6px;justify-content:center}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.vocabulary-content>.vocabulary-content-text>p{font-size:1rem}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.vocabulary-content>.vocabulary-content-text>p.english{color:var(--foreground-color)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.vocabulary-content>.vocabulary-content-text>p.chinese{color:var(--gray-color-10)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.true-false-question>span{color:var(--foreground-color);font-size:1.2rem;font-weight:700;margin-right:6px}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.true-false-question>span.true-answer{color:var(--correct-text-color)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.true-false-question>span.false-answer{color:var(--wrong-text-color)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.user-answer-display{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:flex-start;margin-top:9px;padding:0 6px}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.user-answer-display>.answer-label{color:var(--foreground-200);font-size:.8rem}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.user-answer-display>.answer-value{color:var(--foreground-color);font-size:.9rem}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.correct-answer-display{align-items:flex-start;background-color:var(--blue-100);border:2px solid var(--blue-500);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;display:flex;flex-direction:column;justify-content:center;margin-top:9px;padding:6px 9px}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.correct-answer-display>p{color:var(--foreground-300);font-size:1rem;font-weight:400}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.correct-answer-display>p.correct-answer{color:var(--blue-500);font-weight:700}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.correct-answer-display>p.correct-answer-text{color:var(--foreground-500)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.correct-answer-display>p.correct-answer-text.pronunciation-text{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:6px;justify-content:center;margin-top:3px}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .options{margin-top:12px}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .options .option{background:var(--background);border:2px solid var(--border-color);margin-top:6px;padding:12px}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .options .option.user-answer{background:var(--gray-color-13);border:2px solid var(--gray-color-12);color:var(--text-color)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .options .option.correct-answer{background:var(--correct-background-color);border:2px solid var(--correct-border-color);color:var(--correct-text-color)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .options .option.user-answer:not(.correct-answer){background:var(--red-100);border:2px solid var(--red-500);color:var(--red-600)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .options .option.correct-answer:not(.user-answer){background:var(--blue-100);border:2px solid var(--blue-500);color:var(--blue-600)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .options .option{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .answer-status{align-items:flex-start;color:var(--foreground-color);display:flex;flex-direction:column;font-weight:700;gap:3px;margin:6px 0;width:100%}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .answer-status.correct>p.correct{background:var(--correct-text-color);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;color:var(--white);font-weight:700;margin-right:6px;padding:2px 6px 2px 2px}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .answer-status.wrong>p.wrong{background:var(--wrong-text-color);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;color:var(--white);font-weight:700;margin-right:6px;padding:2px 6px 2px 2px}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .answer-status>p{align-items:center;display:flex;flex-direction:row;font-size:1rem;font-weight:400;gap:6px;justify-content:center}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .answer-status>p.correct-answer{color:var(--foreground-300)}
/*# sourceMappingURL=main.61fe2ae3.css.map*/