*{box-sizing:border-box;-o-transition:.5s cubic-bezier(.23, 1, .32, 1);margin:0;padding:0;font-family:Montserrat,Noto Sans TC,sans-serif;transition:all .5s cubic-bezier(.23,1,.32,1)}html,body{height:100vh;min-height:-webkit-fill-available;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:20px}#root{width:100vw;height:100vh;overflow:hidden}button{color:var(--foreground-900);background-color:var(--background);border:2px solid var(--border-color);box-shadow:0 3px 0 var(--border-color);appearance:none;justify-content:center;align-items:center;padding:6px 12px;font-size:1rem;display:flex}button:focus{appearance:none;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{transform:translateY(3px);box-shadow:0 0 0 var(--primary-color)!important}button:disabled{opacity:.5;cursor:not-allowed}button.close-btn{z-index:100;color:var(--gray-600);border:2px solid var(--border-color);padding:6px;position:fixed;top:12px;right:12px}button{-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}input[type=text]{-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px;outline:none;height:48px}input[type=number]{border:2px solid var(--border-color);-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;height:28px;padding:0 6px;font-size:.9rem}input:focus{border:2px solid var(--primary-color);outline:none}div{-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px}a.no-style{color:inherit;text-decoration:none}a{-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px}.App{text-align:center}.app{text-align:center;background-color:var(--background-color);min-height:100vh;color:var(--text-color)}.app .container{max-width:800px;margin:0 auto;padding:20px}.app .container h1{color:var(--text-color);margin-bottom:30px}.app .container button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:12px 24px;font-size:1rem;transition:all .2s}.app .container button:hover{background:#0c7cd5}.page{background-color:var(--background-color);-ms-border-radius:0;-o-border-radius:0;border-radius:0;width:100vw;height:100vh;margin:0 auto;padding:48px 18px 156px;position:fixed;inset:0;overflow:hidden auto}@media (width>=800px){.page{padding:48px 24px 120px}}.page-container{width:100%;max-width:640px;margin:0 auto}.page-container>h1{z-index:10;background-color:var(--background-color);box-shadow:0 -24px 12px 36px var(--background-color);padding:0 6px;font-size:1.75rem;position:sticky;top:-36px}.page-container>h1>a.pre-path{color:var(--gray-color-12);font-size:1rem}.page-container>h1>a.pre-path:hover{color:var(--gray-color-10)}.page-container>p{color:var(--gray-color-10);margin-top:12px;font-size:1rem}.page-container{-ms-border-radius:0;-o-border-radius:0;border-radius:0}.home-container{z-index:90;-ms-overflow-style:none;scrollbar-width:none;width:100%;max-width:800px;height:100vh;margin:0 auto;padding:24px 0;position:relative;overflow:hidden}.home-container::-webkit-scrollbar{display:none}.home-container .home-header{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.home-container .home-header h1{color:var(--primary-color);margin-bottom:12px;font-size:2.5rem}.home-container .home-header p{color:var(--gray-color-12);margin-bottom:96px;font-size:1rem}.home-container .home-header>button{background:var(--background-color);height:42px;color:var(--text-color);border:2px solid var(--border-color);justify-content:center;align-items:center;margin-top:12px;padding:9px 20px;font-size:1rem;font-weight:500;display:flex;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);color:var(--white);-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;padding:2px 6px;font-size:.8rem;position:absolute;top:0;left:0;transform:translateY(-50%)translate(-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{z-index:-1;border:12px solid var(--gray-color-13);-o-transition:8s cubic-bezier(.4, 0, .2, 1);width:720px;height:720px;transition:all 8s cubic-bezier(.4,0,.2,1);position:fixed;transform:translate(50%,50%)}.home-container .square-1{top:20%;left:-20%}.home-container .square-2{top:-20%;left:50%}.home-container .square-3{top:-50%;left:20%}.home-container .square-4{top:50%;left:0%}.quiz-page{padding:24px 24px 48px}.quiz-page .quiz-container{height:100%;position:relative}.quiz-page .quiz-container .question-section{background:var(--background-color);border-radius:5px;flex-direction:column;justify-content:space-between;height:calc(100% - 27px);max-height:100%;padding:0;display:flex;position:relative;overflow:hidden}.quiz-page .quiz-container .question-section>.question-header>p.quiz-type{color:var(--foreground-400);margin-bottom:12px;font-size:.85rem}.quiz-page .quiz-container .question-section>.question-header>p.stage-progress{color:var(--foreground-400);opacity:.85;margin-bottom:8px;font-size:.8rem}.quiz-page .quiz-container .question-section>.question-header>p.stage-progress>.stage-label{opacity:.85}.quiz-page .quiz-container .question-section>.question-header h2{color:var(--text-color);background:var(--background-color);margin-bottom:12px;font-size:1.75rem}.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{flex-direction:column;justify-content:space-between;height:100%;display:flex}.quiz-page .quiz-container .question-section .question-block p{color:var(--text-color);margin-bottom:20px;font-size:1rem}.quiz-page .quiz-container .quiz-navigation{flex-direction:column;justify-content:space-between;gap:18px;width:100%;max-width:640px;height:fit-content;min-height:fit-content;display:flex}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons{justify-content:space-between;align-items:center;gap:6px;height:48px;display:flex}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons>button{width:50%;height:100%;font-size:1rem}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons>button.next-stage-button{background:var(--green-500);border:2px solid var(--green-600);width:50%;min-width:max-content;box-shadow:0 3px 0 var(--green-600);color:#fff;font-weight:700}.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);width:50%;min-width:max-content;box-shadow:0 3px 0 var(--blue-600);color:#fff;font-weight:700}.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{border:2px solid var(--primary-color);background:var(--primary-background-color);color:var(--blue-600);box-shadow:0 0 0 var(--primary-color);transform:translateY(3px)}.quiz-page .quiz-container .quiz-navigation>.quiz-buttons>button.preview-all-questions-btn{width:fit-content}.quiz-page .quiz-container .preview-all-questions{z-index:1000;border:2px solid var(--gray-color-13);background-color:var(--background-color);-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;flex-direction:column;justify-content:space-between;width:100%;max-width:640px;height:fit-content;max-height:50%;padding:18px;display:flex;position:absolute;bottom:54px;left:50%;overflow-y:auto;box-shadow:0 0 24px #0000000a}.quiz-page .quiz-container .preview-all-questions.animate{opacity:0;transform:translateY(50%)translate(-50%);-webkit-transform:translateY(100%)translate(-50%);-moz-transform:translateY(100%)translate(-50%);-ms-transform:translateY(100%)translate(-50%);-o-transform:translateY(100%)translate(-50%)}.quiz-page .quiz-container .preview-all-questions h2{z-index:10;background:var(--background-color);box-shadow:0 -42px 6px 48px var(--background-color);margin-top:0;margin-bottom:12px;position:sticky;top:0}.quiz-page .quiz-container .preview-all-questions .questions-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:12px;display:grid}.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{text-overflow:ellipsis;white-space:nowrap;padding:0 6px;font-size:1rem;overflow:hidden}.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{border:2px solid var(--gray-color-13);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:54px;transition:all .2s;display:flex;position:relative}.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-width:2px;border-color:var(--primary-background-color);box-shadow:0 0 0 2px var(--primary-background-color)}.quiz-page .quiz-container .preview-all-questions .questions-grid .question-item.answered{border-color:var(--primary-color);background-color:var(--primary-background-color)}.quiz-page .quiz-container .preview-all-questions .questions-grid .question-item.five-in-row .question-number{color:#0000005f;font-weight:700}.quiz-page .quiz-container .preview-all-questions .questions-grid .question-item .question-number{color:#0000003f;font-size:.8rem;position:absolute;top:5px;left: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:translate(-50%)}h1.quiz-to-history{justify-content:space-between;align-items:flex-end;display:flex}h1.quiz-to-history a{color:var(--gray-color-12);flex-direction:row;justify-content:space-between;align-items:center;display:flex}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{margin-bottom:-2px;font-size:1.2rem}.subject-list{flex-direction:column;gap:9px;margin-top:12px;display:flex}.subject-list>.subject-card{background:var(--background-color);border:2px solid var(--gray-100);flex-direction:row;justify-content:space-between;align-items:center;padding:12px;display:flex}.subject-list>.subject-card>p{color:#666;align-items:center;margin:0;display:flex}.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);margin-left:6px;font-size:.8rem;font-weight:700}.subject-list>.subject-card>.subject-card-content{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.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);color:var(--blue-600);border:2px solid var(--primary-color);box-shadow:0 3px 0 var(--primary-color)}.subject-list>.subject-card>.subject-card-content>button:active{box-shadow:0 0 0 var(--primary-color);transform:translateY(3px)}.pvqc-section{flex-direction:column;margin-top:24px;display:flex}.pvqc-section>.pvqc-card{border:2px solid var(--gray-100);flex-direction:row;justify-content:space-between;padding:12px;display:flex;position:relative}.pvqc-section>.pvqc-card>.new-badge{background-color:var(--primary-color);border:2px solid var(--foreground-100);color:var(--white);-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;padding:2px 6px;font-size:.8rem;position:absolute;top:-6px;left:-12px}.pvqc-section>.pvqc-card>div.pvqc-card-title{flex-direction:row;justify-content:center;align-items:center;display:flex}.pvqc-section>.pvqc-card>div.pvqc-card-title>.subject-name{color:#333;flex-direction:row;justify-content:center;align-items:center;gap:3px;font-weight:600;display:flex}.pvqc-section>.pvqc-card>.subject-card-content>button:hover{background:var(--primary-background-color);color:var(--blue-600);border:2px solid var(--primary-color);box-shadow:0 3px 0 var(--primary-color)}.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{content:"";pointer-events:none;background-color:#34b3e10d;width:100%;height:100%;position:absolute;top:0;left:0}.timer{z-index:5000;background:var(--gray-color-13);color:var(--text-color);border:2px solid var(--border-color);cursor:default;padding:9px 12px;font-family:Montserrat,Noto Sans TC,sans-serif;font-size:1.2rem;position:fixed;top:20px;right:20px}.pvqc-write-question>.question-content>input[type=text]{border:2px solid var(--border-color);border-radius:6px;margin:6px 0;padding:9px 12px;font-size:1rem}.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{flex-direction:column;justify-content:space-between;align-items:flex-start;height:calc(100% - 48px);display:flex}.question-block>div.question-content>div.question-prompt-container{background-color:var(--background-color);height:100%}.question-block>div.question-content>div.question-prompt-container>p.question-prompt{color:var(--foreground-900);margin-bottom:12px;font-size:1rem;font-weight:400}.question-block>div.question-content>div.options{flex-direction:column;gap:9px;width:100%;max-width:640px;padding:12px 0;display:flex}.question-block>div.question-content>div.options button{text-align:start;justify-content:flex-start;gap:6px;width:100%;padding:9px 12px}.question-block>div.question-content>div.options button.selected{border-color:var(--primary-color);background-color:var(--blue-100);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);transform:translateY(3px);color:var(--blue-600)!important}p.question-prompt{color:var(--foreground-900);font-size:1rem;font-weight:500}.audio-section .audio-controls{flex-direction:row;justify-content:center;align-items:center;gap:6px;display:flex}.audio-section .audio-controls>button{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex}.audio-section .audio-controls>button>span{font-size:2.5rem}.pvqc-listen-options>p.hint-text{color:var(--gray-500)!important;margin:0!important;font-size:.85rem!important;font-weight:400!important}.pvqc-pronunciation-question .chinese-prompt{border:2px solid var(--gray-color-13);background-color:var(--background-color);border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:96px;margin-bottom:18px;padding:18px;display:flex}.pvqc-pronunciation-question .chinese-prompt p{color:var(--text-color);text-align:center;margin:0;font-size:1.2rem;font-weight:600}.pvqc-pronunciation-question .pronunciation-options{gap:9px}.pvqc-pronunciation-question .pronunciation-options .pronunciation-option{width:100%}.pvqc-pronunciation-question .pronunciation-options .pronunciation-option .pronunciation-button{border:2px solid var(--border-color);background-color:var(--background-color);width:100%;min-height:48px;box-shadow:0 3px 0 var(--border-color);color:var(--foreground-900);cursor:pointer;border-radius:6px;justify-content:flex-start;align-items:center;gap:9px;padding:9px 12px;font-size:1rem;font-weight:400;display:flex}.pvqc-pronunciation-question .pronunciation-options .pronunciation-option .pronunciation-button:hover:not(:disabled){border-color:var(--border-hover-color);background-color:var(--background-secondary);box-shadow:0 3px 0 var(--border-hover-color)}.pvqc-pronunciation-question .pronunciation-options .pronunciation-option .pronunciation-button.selected{border-color:var(--primary-color);background-color:var(--primary-background-color);box-shadow:0 3px 0 var(--primary-color);color:var(--blue-600)}.pvqc-pronunciation-question .pronunciation-options .pronunciation-option .pronunciation-button.disabled{opacity:.5;cursor:not-allowed;background-color:var(--gray-color-2)}.pvqc-pronunciation-question .pronunciation-options .pronunciation-option .pronunciation-button .material-symbols-rounded{color:var(--primary-color);font-size:1.5rem}.pvqc-pronunciation-question .pronunciation-options .pronunciation-option .pronunciation-button .option-letter{color:var(--primary-color);min-width:20px;font-weight:600}.pvqc-pronunciation-question .pronunciation-options .pronunciation-option .pronunciation-button span:last-child{text-align:left;flex:1;font-weight:600}.pvqc-read-listen-question .english-prompt{border:2px solid var(--gray-color-13);background-color:var(--background-color);border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:96px;margin-bottom:18px;padding:18px;display:flex}.pvqc-read-listen-question .english-prompt p{color:var(--text-color);letter-spacing:0;margin:0;font-size:1.5rem;font-weight:700}.pvqc-read-listen-question .pronunciation-options{gap:9px}.pvqc-read-listen-question .pronunciation-options .pronunciation-option{width:100%}.pvqc-read-listen-question .pronunciation-options .pronunciation-option .pronunciation-button{border:2px solid var(--border-color);background-color:var(--background-color);width:100%;min-height:48px;box-shadow:0 3px 0 var(--border-color);color:var(--foreground-900);cursor:pointer;border-radius:6px;justify-content:flex-start;align-items:center;gap:9px;padding:9px 12px;font-size:1rem;font-weight:400;display:flex}.pvqc-read-listen-question .pronunciation-options .pronunciation-option .pronunciation-button:hover:not(:disabled){border-color:var(--border-hover-color);background-color:var(--background-secondary);box-shadow:0 3px 0 var(--border-hover-color)}.pvqc-read-listen-question .pronunciation-options .pronunciation-option .pronunciation-button.selected{border-color:var(--primary-color);background-color:var(--primary-background-color);box-shadow:0 3px 0 var(--primary-color);color:var(--blue-600)}.pvqc-read-listen-question .pronunciation-options .pronunciation-option .pronunciation-button .material-symbols-rounded{color:var(--primary-color);font-size:1.5rem}.pvqc-read-listen-question .pronunciation-options .pronunciation-option .pronunciation-button .option-letter{color:var(--primary-color);min-width:20px;font-weight:600}.pvqc-read-listen-question .pronunciation-options .pronunciation-option .pronunciation-button span:last-child{text-align:left;flex:1;font-weight:600}.options.true-false-options{flex-direction:row!important;gap:6px!important;display:flex!important}.options.true-false-options>button{justify-content:center!important;align-items:center!important;width:50%!important;height:72px!important;font-size:2rem!important}.subjects-section{margin-bottom:30px}.subjects-section .subjects-grid{flex-flow:wrap;gap:9px;margin-top:24px;display:flex}.subjects-section .subject-card{cursor:pointer;border:2px solid var(--gray-color-13);background:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:12px;transition:all .2s;display:flex}.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{color:#666;align-items:center;margin:0;display:flex}.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{width:fit-content;color:var(--gray-color-10);border:1px solid var(--gray-color-13);align-items:center;margin-right:12px;padding:3px 6px;font-size:.8rem;display:flex}span.lock-time.locked{border:1px solid var(--warning-secondary-color);color:var(--warning-color)}span.lock-time>span{margin-right:3px;font-size:1rem}span.lock-time{-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.single-bank{z-index:90;background-color:var(--background-color);-ms-border-radius:0;-o-border-radius:0;-o-transition:transform .65s cubic-bezier(.23, 1, .32, 1);border-radius:0;width:100vw;height:100vh;margin:0 auto;padding:48px 12px;transition:transform .65s cubic-bezier(.23,1,.32,1);position:fixed;top:0;left:0;right:0;overflow:hidden auto}@media (width>=800px){.single-bank{padding:48px 24px 176px}}.single-bank.page-animation{opacity:0;transform:translateY(100%)}.single-bank>.close-btn{z-index:2000;top:12px;right:12px;position:fixed!important}.single-bank div.single-bank-container{width:100%;max-width:640px;margin:0 auto}.single-bank div.single-bank-container h2{z-index:100;color:var(--text-color);text-align:center;background-color:var(--background-color);flex-direction:column;justify-content:center;align-items:center;padding:18px 12px;display:flex;position:sticky;top:-48px}.single-bank div.single-bank-container h2>span.lock-time{margin-top:12px}.single-bank div.single-bank-container>.locked-message{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.single-bank div.single-bank-container>.locked-message>p{color:var(--gray-color-5)}.single-bank div.single-bank-container>.locked-message>.unlock-time{border:2px solid var(--gray-color-12);flex-direction:column;justify-content:center;align-items:center;margin-top:24px;padding:6px 9px;display:flex}.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{-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.single-bank div.single-bank-container .search-section{z-index:100;background-color:var(--background-color);justify-content:center;width:100%;margin:0 0 12px;display:flex;position:sticky;top:12px}.single-bank div.single-bank-container .search-section .search-input{border:2px solid var(--gray-color-12);width:100%;padding:12px 15px;font-size:1rem}.single-bank div.single-bank-container .search-section .search-input:focus{border-color:var(--primary-color)}.single-bank div.single-bank-container .search-section{-ms-border-radius:0 0 12px 12px;-o-border-radius:0 0 12px 12px;border-radius:0 0 12px 12px}.single-bank div.single-bank-container .questions-list{flex-direction:column;gap:9px;display:flex}.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{gap:12px;margin-bottom:15px;display:flex}.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);margin-bottom:6px;font-size:1.2rem;font-style:italic;font-weight:bolder}.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{flex-direction:column;gap:6px;margin-top:12px;display:flex}.single-bank div.single-bank-container .questions-list .question-item .options .option{background:var(--gray-color-13);color:var(--text-color);padding:9px 12px;font-size:.9rem}.single-bank div.single-bank-container .questions-list .question-item .options .option.correct-answer{border:2px solid var(--correct-border-color);background:var(--correct-background-color);color:var(--correct-text-color);font-weight:500}.single-bank div.single-bank-container .questions-list .question-item .options .option{-ms-border-radius:6px;-o-border-radius:6px;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);margin-left:8px;font-weight:700}.single-bank div.single-bank-container .questions-list .vocabulary-content{flex-direction:row;width:100%;height:min-content;display:flex;position:relative}.single-bank div.single-bank-container .questions-list .vocabulary-content>.word{flex-direction:column;width:100%;display:flex}.single-bank div.single-bank-container .questions-list .vocabulary-content>.word>.english{margin-bottom:3px;font-size:1rem;font-weight:700}.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{width:48px;height:100%;color:var(--gray-color-10);justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.single-bank div.single-bank-container.hidden{transform:translateY(100%)}.history-section{flex-direction:column;gap:9px;margin-top:24px;display:flex}.history-section h2{color:var(--text-color);margin-bottom:20px}.history-section>p{text-align:center;color:var(--gray-color-10)}.history-section .history-item{background:var(--background-color);border:2px solid var(--gray-color-13);justify-content:space-between;align-items:flex-end;padding:12px 18px 12px 12px;transition:all .3s;display:flex}.history-section .history-item:hover{border:2px solid var(--gray-color-12)}@media (width>=800px){.history-section .history-item{align-items:center}}.history-section .history-item .history-info{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex;position:relative}.history-section .history-item .history-info p.history-subject{color:var(--text-color);align-items:center;gap:8px;margin-bottom:3px;font-size:1rem;font-weight:500;display:flex}.history-section .history-item .history-info p.history-subject .quiz-type-badge{background-color:var(--primary-color);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600;display:inline-block}.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;top:50%;right:0;transform:translateY(-50%)}.history-section .history-item button{background-color:var(--background-color);border:2px solid var(--gray-color-12);justify-content:center;align-items:center;min-width:fit-content;height:100%;margin-left:24px;padding:9px 12px;font-size:.875rem;display:flex}.history-section .history-item button:hover{background:var(--gray-color-13)}.question_tags{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.question_tags .question_tag{background-color:var(--gray-color-13);color:var(--primary-color);border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500;display:inline-block}.question_tags .question_tag:hover{background-color:var(--gray-color-12)}.flow-mode-chip,.official-result-chip{border:2px solid var(--gray-color-13);vertical-align:middle;background-color:var(--background-color);border-radius:6px;margin-left:8px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.flow-mode-chip{color:var(--foreground-500)}.flow-mode-chip.pvqc_official{border-color:var(--primary-color);color:var(--blue-600)}.flow-mode-chip.pvqc_custom{border-color:var(--orange-400);color:var(--orange-600)}.flow-mode-chip.standard{border-color:var(--gray-color-12);color:var(--foreground-500)}.official-result-chip.passed{border-color:var(--correct-border-color);color:var(--correct-text-color)}.official-result-chip.failed{border-color:var(--wrong-border-color);color:var(--wrong-text-color)}.settings-list{flex-direction:column;gap:24px;margin-top:24px;display:flex;position:relative}.settings-list .settings-list-group{border:2px solid var(--gray-color-13);flex-direction:column;display:flex;position:relative}.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;position:absolute;top:-32px;left:12px}.settings-list .settings-list-group .settings-list-group-item{cursor:default;justify-content:space-between;align-items:center;min-height:48px;padding:12px;display:flex}.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{opacity:.3;cursor:not-allowed}.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;gap:4px;font-size:.9rem;display:flex}.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>p>.icon,.settings-list .settings-list-group .settings-list-group-item>.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;gap:6px;display:flex}.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{-ms-border-radius:0;-o-border-radius:0;border-radius:0}.developer-info{text-align:left;color:var(--gray-color-10);margin-top:24px;padding:0 6px;font-size:.8rem}.developer-info a{text-decoration:underline}.developer-info a:hover{color:var(--primary-color)}.copyright{text-align:center;width:100%;color:var(--gray-color-10);margin-top:24px;font-size:.8rem;position:fixed;bottom:18px;left:0}.pvqc-setup-section{margin-top:24px;padding:0 6px}.pvqc-setup-section>h2{color:var(--text-color);font-size:1.2rem}.pvqc-setup-section>.mode-selection{grid-template-columns:repeat(2,1fr);gap:9px 6px;margin-top:12px;display:grid}.pvqc-setup-section>.mode-selection>button{background-color:var(--background-color);border-color:var(--gray-color-13);justify-content:flex-start;gap:9px;width:100%;min-height:72px;padding:12px}.pvqc-setup-section>.mode-selection>button.selected{border:2px solid var(--primary-color);background-color:var(--primary-background-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>span,.pvqc-setup-section>.mode-selection>button.selected>div>h3,.pvqc-setup-section>.mode-selection>button.selected>div>p{color:var(--blue-600)}.pvqc-setup-section>.mode-selection>button>div{text-align:start;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.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{flex-direction:column;gap:6px;margin-top:6px;margin-bottom:6px;display:flex}.pvqc-setup-section>.config-inputs>label{color:var(--foreground-700);font-size:.95rem}.pvqc-setup-section>.config-inputs>label>input{border:2px solid var(--border-color);-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;margin:0 6px;padding:3px 5px}.pvqc-start-button{background-color:var(--blue-500);color:#fff;border:2px solid var(--blue-600);box-shadow:0 3px 0 var(--blue-600);margin-top:48px;position:fixed;bottom:120px;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)}.setup-mode-switch{gap:6px;margin:24px 6px 8px;display:flex}.setup-mode-switch .setup-mode-tab{border:2px solid var(--gray-color-13);background:var(--background-color);cursor:pointer;min-height:42px;color:var(--foreground-500);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-weight:600;display:inline-flex}.setup-mode-switch .setup-mode-tab .material-symbols-rounded{font-size:20px}.setup-mode-switch .setup-mode-tab.active{background-color:var(--primary-background-color);border-color:var(--primary-color);color:var(--blue-600);box-shadow:0 3px 0 var(--primary-color);transform:translateY(0)}.setup-mode-switch .setup-mode-tab.active:active{box-shadow:0 0 0 var(--primary-color);transform:translateY(3px)}.setup-description{color:var(--foreground-500);margin:8px 0 12px;font-size:.95rem;line-height:1.6}.spelling-toggle{background-color:var(--background-color);border:2px solid var(--gray-color-13);cursor:pointer;color:var(--foreground-700);border-radius:6px;align-items:center;gap:10px;margin:8px 0 16px;padding:12px;font-size:.95rem;display:flex}.spelling-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px}.official-stages-preview{background-color:var(--background-color);border:2px solid var(--gray-color-13);border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.official-stages-preview .official-stage-row{align-items:center;gap:10px;padding:6px 4px;font-size:.92rem;display:flex}.official-stages-preview .official-stage-row .stage-index{background-color:var(--primary-background-color);height:24px;color:var(--blue-600);border-radius:6px;flex:0 0 24px;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.official-stages-preview .official-stage-row .stage-label{flex:1;font-weight:600}.official-stages-preview .official-stage-row .stage-meta{color:var(--foreground-500);font-size:.82rem}.official-stages-preview .official-stage-total{border-top:2px solid var(--gray-color-13);text-align:right;color:var(--foreground-700);margin-top:6px;padding-top:10px;font-size:.92rem;font-weight:600}@media (width<=520px){.pvqc-setup-section>.mode-selection{grid-template-columns:1fr}.official-stages-preview .official-stage-row{flex-wrap:wrap;align-items:flex-start}.official-stages-preview .official-stage-row .stage-label{flex:calc(100% - 34px)}.official-stages-preview .official-stage-row .stage-meta{flex:100%;padding-left:34px}}.results-page{z-index:90;background-color:var(--background-color);width:100vw;height:100vh;margin:0 auto;position:fixed;top:0;left:0;right:0;overflow:hidden auto}.button-section{justify-content:flex-end;align-items:center;height:80px;padding:24px 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.navigate{z-index:1000;background-color:var(--background-color);flex-direction:row;justify-content:center;align-items:center;width:calc(100vw - 48px);max-width:500px;height:60px;display:flex;position:fixed;bottom:48px;left:50%;transform:translate(-50%)translateY(114px)}.navigate.show{transform:translate(-50%)translateY(0)!important}.navigate>.navigate-links{flex-direction:row;justify-content:space-around;width:100%;height:100%;display:flex}.navigate>.navigate-links>.active-square{background-color:var(--gray-color-12);-ms-border-radius:0;-o-border-radius:0;border-radius:0;width:25%;height:100%;position:absolute;top:0;left:0}.navigate>.navigate-links a{z-index:10;width:25%;height:100%;color:var(--gray-color-10);justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.navigate>.navigate-links a:first-child{border-left:3px solid var(--border-color);border-top:3px solid var(--border-color);border-bottom:3px solid var(--border-color);box-shadow:0 0 0 var(--border-color);-ms-border-radius:12px 0 0 12px;-o-border-radius:12px 0 0 12px;border-radius:12px 0 0 12px}.navigate>.navigate-links a:not(:first-child):not(:last-child){border-top:3px solid var(--border-color);border-bottom:3px solid var(--border-color);box-shadow:0 0 0 var(--border-color)}.navigate>.navigate-links a:last-child{border-right:3px solid var(--border-color);border-top:3px solid var(--border-color);border-bottom:3px solid var(--border-color);box-shadow:0 0 0 var(--border-color);-ms-border-radius:0 12px 12px 0;-o-border-radius:0 12px 12px 0;border-radius:0 12px 12px 0}.navigate>.navigate-links a:hover{transform:translateY(-1.5px);border:3px solid var(--border-hover-color)!important;box-shadow:0 1.5px 0 var(--border-hover-color)!important}.navigate>.navigate-links a[data-active=true]{color:var(--primary-color);background-color:var(--primary-background-color);transform:translateY(-3px);border:3px solid var(--primary-color)!important;box-shadow:0 3px 0 var(--primary-color)!important}.navigate>.navigate-links a[data-active=true]:active{box-shadow:0 0 0 var(--primary-color)!important;transform:translateY(0)!important}.navigate>.navigate-links a span{font-size:1.6rem}.navigate>.navigate-links a{-ms-border-radius:0;-o-border-radius:0;border-radius:0}.single-history{z-index:90;background-color:var(--background-color);-ms-border-radius:0;-o-border-radius:0;-o-transition:transform .65s cubic-bezier(.23, 1, .32, 1);border-radius:0;width:100vw;height:100vh;margin:0 auto;transition:transform .65s cubic-bezier(.23,1,.32,1);position:fixed;top:0;left:0;right:0;overflow:hidden auto}.single-history.page-animation{transform:translateY(100%)}.single-history .single-history-container{flex-direction:column;justify-content:center;align-items:flex-start;width:calc(100% - 36px);max-width:640px;margin:0 auto;padding:48px 0;display:flex}.single-history .single-history-container>.single-history-header{z-index:100;background-color:var(--background-color);flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:12px 0;display:flex;position:sticky;top:0}.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);margin-top:6px;font-size:.875rem}.single-history .single-history-container>.single-history-header{-ms-border-radius:0;-o-border-radius:0;border-radius:0}.single-history .single-history-container>.close-btn{z-index:101}.single-history .single-history-container>.summary{cursor:default;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 24px 18px;display:flex}.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{flex-direction:row;justify-content:center;align-items:center;gap:6px;padding-top:12px;display:flex}.single-history .single-history-container>.filters>.filter-switch{width:fit-content;color:var(--gray-color-10);background:var(--background-color);border:2px solid var(--gray-color-13);cursor:pointer;align-items:center;gap:3px;padding:6px 9px;font-size:.8rem;display:flex}.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{flex-direction:column;gap:48px;width:100%;margin-top:24px;display:flex}.single-history .single-history-container>.questions-list>.question-group{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.single-history .single-history-container>.questions-list>.question-group>.group-title{width:100%;color:var(--primary-color);border-bottom:2px solid var(--primary-color);background-color:var(--background-color);padding-bottom:6px;font-size:1.2rem;font-weight:700;position:sticky;top:76px}.single-history .single-history-container>.questions-list>.question-group>.group-questions{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item{background:var(--background-color);-ms-border-radius:0;-o-border-radius:0;border-radius:0;width:100%;padding:24px 0;transition:all .3s}.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);margin-bottom:6px;font-size:1.2rem;font-style:italic;font-weight:bolder}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.vocabulary-content{background:var(--background-color);border:2px solid var(--foreground-100);-ms-border-radius:6px;-o-border-radius:6px;cursor:pointer;border-radius:6px;flex-direction:row;justify-content:space-between;align-items:center;padding:9px;display:flex}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item>.vocabulary-content>.vocabulary-content-text{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;display:flex}.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);margin-right:6px;font-size:1.2rem;font-weight:700}.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{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;margin-top:9px;padding:0 6px;display:flex}.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{border:2px solid var(--blue-500);background-color:var(--blue-100);-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:9px;padding:6px 9px;display:flex}.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{cursor:pointer;flex-direction:row;justify-content:center;align-items:center;gap:6px;margin-top:3px;display:flex}.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{border:2px solid var(--gray-color-12);background:var(--gray-color-13);color:var(--text-color)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .options .option.correct-answer{border:2px solid var(--correct-border-color);background:var(--correct-background-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){border:2px solid var(--red-500);background:var(--red-100);color:var(--red-600)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .options .option.correct-answer:not(.user-answer){border:2px solid var(--blue-500);background:var(--blue-100);color:var(--blue-600)}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .options .option{-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .answer-status{width:100%;color:var(--foreground-color);flex-direction:column;align-items:flex-start;gap:3px;margin:6px 0;font-weight:700;display:flex}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .answer-status.correct>p.correct{color:var(--white);background:var(--correct-text-color);-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;margin-right:6px;padding:2px 6px 2px 2px;font-weight:700}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .answer-status.wrong>p.wrong{color:var(--white);background:var(--wrong-text-color);-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;margin-right:6px;padding:2px 6px 2px 2px;font-weight:700}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .answer-status>p{flex-direction:row;justify-content:center;align-items:center;gap:6px;font-size:1rem;font-weight:400;display:flex}.single-history .single-history-container>.questions-list>.question-group>.group-questions>.question-item .answer-status>p.correct-answer{color:var(--foreground-300)}.flow-mode-badge{border:2px solid var(--gray-color-13);background-color:var(--background-color);color:var(--foreground-500);border-radius:6px;margin-top:6px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.flow-mode-badge.pvqc_official{border-color:var(--primary-color);color:var(--blue-600)}.flow-mode-badge.pvqc_custom{border-color:var(--orange-400);color:var(--orange-600)}.flow-mode-badge.standard{border-color:var(--gray-color-12);color:var(--foreground-500)}.official-banner{border:2px solid var(--gray-color-13);background-color:var(--background-color);border-radius:6px;align-items:center;gap:12px;margin:12px 0 16px;padding:12px;font-size:1rem;font-weight:700;display:flex}.official-banner .material-symbols-rounded{font-size:24px}.official-banner.passed{border-color:var(--correct-border-color);color:var(--correct-text-color)}.official-banner.failed{border-color:var(--wrong-border-color);color:var(--wrong-text-color)}.group-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.group-header .group-title{margin:0}.stage-badge{border:2px solid var(--gray-color-13);background-color:var(--background-color);color:var(--foreground-500);border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:.9rem;display:inline-flex}.stage-badge .stage-score{font-weight:700}.stage-badge .stage-threshold{opacity:.7;font-size:.85rem}.stage-badge .stage-passed{font-weight:700}.stage-badge.passed{border-color:var(--correct-border-color);color:var(--correct-text-color)}.stage-badge.failed{border-color:var(--wrong-border-color);color:var(--wrong-text-color)}.error-boundary{background-color:var(--background-color);min-height:100vh;color:var(--text-color);justify-content:center;align-items:center;padding:24px;display:flex}.error-boundary .error-boundary-content{text-align:center;max-width:420px}.error-boundary .error-boundary-content .material-symbols-rounded{color:var(--primary-color,#2196f3);margin-bottom:12px;font-size:3rem}.error-boundary .error-boundary-content h1{margin-bottom:8px;font-size:1.5rem}.error-boundary .error-boundary-content p{color:var(--gray-color-10,#888);margin-bottom:16px}.error-boundary .error-boundary-content .error-boundary-detail{text-align:left;white-space:pre-wrap;word-break:break-word;background:var(--gray-color-3,#7f7f7f1a);border-radius:8px;max-height:160px;margin-bottom:16px;padding:12px;font-size:.8rem;overflow:auto}.error-boundary .error-boundary-content button{background:var(--primary-color,#2196f3);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem}