:root{--dark-bg:#111827;--medium-bg:#1f2937;--light-bg:#374151;--text-light:#f9fafb;--text-gray:#9ca3af;--border-color:#4b5563;--blue:#3b82f6;--green:#16a34a;--red:#dc2626;--new-green-dark:#0fa875;--new-green-light:#34d399;--new-red-dark:#d63550;--new-red-light:#fb7185;--yellow:#facc15}*{box-sizing:border-box}.mw-toggle{box-sizing:content-box;display:flex;align-items:center;flex-wrap:wrap;padding:5px;border-radius:50px;position:relative;border:2px solid #8eabda;margin:0;column-gap:7px;width:fit-content}.mw-toggle label{box-sizing:border-box;display:flex;align-content:center;color:#8eabda;margin:0;padding-inline:10px;height:30px;align-items:center;border-radius:45px;transition:all 150ms ease-in-out}.mw-toggle label>span{text-align:center;font-size:13px;line-height:14px;text-transform:capitalize}.mw-toggle input[type='radio']:checked~label{background-color:#2750ab;color:#fff}body{font-family:'Inter',sans-serif;background-color:#111827;color:#f9fafb;margin:0;padding-block:1rem}html{scrollbar-width:thin;scrollbar-color:var(--light-bg) var(--dark-bg)}body>main{box-sizing:border-box;background-color:#1f2937;border-radius:1rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);padding:2.5rem;width:100%;max-width:1200px;border:1px solid #374151;margin-inline:auto}body>main[data-open="0"]{display:none}#homepage header{text-align:center;margin-bottom:5rem}header h1{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(to right,#60a5fa,#2563eb);-webkit-background-clip:text;background-clip:text;color:#fff0}header p{color:#9ca3af;max-width:42rem;margin:0 auto}.disclaimer{background-color:rgb(17 24 39 / .5);border:1px solid rgb(234 179 8 / .3);border-radius:.5rem;padding:1.25rem;margin-bottom:2rem;margin-top:5rem;display:flex;align-items:flex-start}.disclaimer-icon{flex-shrink:0;margin-right:1rem;width:1.5rem;height:1.5rem;color:#facc15}.disclaimer h2{font-size:1.125rem;font-weight:600;color:#fde047;margin-top:0;margin-bottom:.5rem}.disclaimer ul{list-style-position:inside;list-style-type:disc;color:#d1d5db;padding-left:0;margin:0}.disclaimer li{margin-bottom:.25rem}.mode-selection{display:grid;grid-template-columns:1fr;gap:1.5rem}.mode-card{background-color:#374151;padding:1.5rem;border-radius:.5rem;text-align:center;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #4b5563;transition:border-color 0.3s ease}.mode-card h3{font-size:1.5rem;font-weight:600;margin-top:0;margin-bottom:.5rem;color:#fff}.mode-card p{color:#9ca3af;margin-bottom:1.5rem;flex-grow:1}.mode-card.practice:hover{border-color:var(--blue)}.mode-card.memo:hover{border-color:var(--new-green-dark)}.mode-card.exam:hover{border-color:var(--new-red-dark)}.btn{width:100%;color:#fff;font-weight:700;padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:all 0.3s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgb(0 0 0 / .2)}.btn-practice{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.btn-practice{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.btn-memo{background:linear-gradient(135deg,var(--green),var(--new-green-dark))}.btn-exam{background:linear-gradient(135deg,var(--red),var(--new-red-dark))}.modal-overlay{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .6);align-items:center;justify-content:center}.modal-overlay[data-open="0"]{display:none}.modal-content{background-color:#1f2937;padding:2rem;padding-top:5rem;border-radius:.75rem;border:1px solid #374151;width:90%;max-width:800px;position:relative;box-shadow:0 10px 25px rgb(0 0 0 / .3);animation:fadeIn 0.3s ease-out;max-height:100%}#modal-body{overflow-y:auto;max-height:80dvh}@keyframes fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close-btn{position:absolute;top:.75rem;right:1rem;color:#9ca3af;font-size:2rem;font-weight:700;border:none;background:none;cursor:pointer}.modal-close-btn:hover{color:#fff}.modeSettingsForm{position:absolute;top:.75rem;left:1rem;color:#fff;font-size:2rem;line-height:2rem;font-weight:700;margin:0}main>footer{text-align:center;margin-top:4.5rem;color:#6b7280;font-size:.875rem}footer>p{margin:0;text-align:center}#modal-body>form{display:flex;flex-direction:column;row-gap:20px}#modal-body>form>.multiway_toggle_input{flex-direction:column}#modal-body .setting_input_holder{display:flex;flex-direction:row}#modal-body .setting_input_holder.question_pool{flex-direction:column;row-gap:10px;margin-right:10px}#modal-body input[type='checkbox']{accent-color:#3679e3}#modal-body>form>button{max-width:100px;margin-top:15px}label,button,a,input,select{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.btn-close-session{background-color:var(--light-bg);border:1px solid var(--border-color);color:var(--text-gray);padding:.5rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.btn-close-session:hover{background-color:var(--border-color);color:var(--text-light)}.btn-close-session svg{width:1.5rem;height:1.5rem}.picker-toggle-btn svg{width:1.5rem;height:1.5rem}.shuffle_enabled .topic-picker-container{display:none}.topic-picker-container{display:block;height:100%;scrollbar-width:thin;scrollbar-color:var(--light-bg) var(--dark-bg)}.topic-picker-container::-webkit-scrollbar{width:8px}.topic-picker-container::-webkit-scrollbar-track{background:var(--dark-bg)}.topic-picker-container::-webkit-scrollbar-thumb{background-color:var(--light-bg);border-radius:4px}.topic-list{list-style:none;padding:0;margin:0}.topic-item{border-bottom:1px solid var(--border-color)}.topic-item>div.topic-toggle-holder{display:flex;flex-direction:row;column-gap:7px;transition:background-color 0.2s;align-items:center;padding-left:5px}.topic-item>div.topic-toggle-holder>input[type='checkbox']{height:fit-content}.topic-title-btn{background-color:var(--medium-bg);border:none;color:var(--text-light);padding:1rem .5rem;width:100%;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;transition:background-color 0.2s}.topic-title-btn:hover,.topic-toggle-holder:hover{background-color:var(--light-bg)}.topic-toggle-holder:hover>.topic-title-btn{background-color:#fff0}.topic-title-btn .topic-arrow{width:1.25rem;height:1.25rem;color:var(--text-gray);transition:transform 0.2s ease-in-out}.topic-item[data-open="1"] .topic-title-btn .topic-arrow{transform:rotate(90deg)}.topic-question-grid{display:none;background-color:var(--dark-bg);padding:1rem;display:none;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.75rem}.topic-item[data-open="1"] .topic-question-grid{display:grid}.multiway_toggle_input>p{margin:0;margin-bottom:10px}@media (min-width:768px){.mode-selection{grid-template-columns:repeat(3,1fr)}header h1{font-size:3rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;inset-block-start:0;inset-inline-start:0;opacity:0}#quiz-container{display:flex;width:100%;max-width:1200px;height:85vh;background-color:var(--medium-bg);border-radius:1rem;border:1px solid var(--border-color);box-shadow:0 20px 40px rgb(0 0 0 / .3);flex-direction:row;overflow:hidden;margin-inline:auto}#quiz-container[data-open="0"]{display:none}.quiz-panel{flex-grow:1;padding:2rem 2.5rem;display:flex;flex-direction:column}.quiz-header{padding-bottom:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.quiz-header-info{flex-grow:1}.quiz-header-info h2{margin:0;font-size:1.5rem;color:var(--text-light);text-align:left}.quiz-header-info p{margin:0;margin-top:3px;color:var(--text-gray);font-size:.875rem;text-align:left}.quiz-header-info .max{color:var(--text-gray);font-weight:400}.quiz-header-stats{display:flex;gap:1rem;order:3;width:100%;justify-content:center}.quiz-stat-item{display:flex;align-items:center;gap:.5rem;background-color:var(--light-bg);padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--border-color);font-weight:600;color:var(--text-light)}.quiz-stat-item svg{width:1.25rem;height:1.25rem;color:var(--text-gray)}#quiz-timer{color:#fca5a5}#quiz-timer svg{color:#ef4444}#quiz-timer-text,#quiz-score-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-weight:600}#quiz-score{color:#86efac}#quiz-score svg{color:#22c55e}#quiz-timer{display:none}.time_controlled #quiz-timer{display:flex}#quiz-score{display:none}.always_show_score.show_feedback #quiz-score{display:flex}.quiz-header-actions{display:flex;flex-direction:column;row-gap:10px}.picker-toggle-btn{background-color:var(--light-bg);border:1px solid var(--border-color);color:var(--text-light);padding:.5rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;display:none}.picker-toggle-btn svg{width:1.5rem;height:1.5rem}.quiz-main{flex-grow:1}.question-text{font-size:1.25rem;font-weight:500;line-height:1.6;margin-bottom:2rem;margin-top:0}.answer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.answer-btn{display:flex;align-items:center;width:100%;text-align:left;padding:1rem;background-color:var(--light-bg);border:1px solid var(--border-color);color:var(--text-light);font-size:1rem;border-radius:.5rem;cursor:pointer;transition:all 0.2s ease}.answer-prefix{font-weight:700;background-color:var(--border-color);border-radius:.25rem;padding:.25rem .6rem;margin-right:1rem;transition:all 0.2s ease}.answer-btn:hover{background-color:var(--border-color)}.answer-btn.selected{background-color:#2b4f8a;border-color:var(--blue)}.answer-btn.selected .answer-prefix{background-color:var(--blue)}.show_feedback .answer-btn.correct{background-color:#115e32;border-color:var(--green);color:#fff}.show_feedback .answer-btn.correct .answer-prefix{background-color:var(--green);color:#fff}.show_feedback .selected.answer-btn.incorrect{background-color:#7f1d1d;border-color:var(--red);color:#fff}.show_feedback .selected.answer-btn.incorrect .answer-prefix{background-color:var(--red);color:#fff}.answer-btn.disabled{pointer-events:none}.show_only_correct .answer-btn.correct{display:flex}.show_only_correct .answer-btn{display:none}.quiz-footer{padding-top:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.flag-btn{background:none;border:1px solid var(--border-color);color:var(--text-gray);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all 0.2s ease}.flag-btn svg{width:1rem;height:1rem}.flag-btn:hover{border-color:var(--yellow);color:var(--yellow)}.flag-btn.flagged{background-color:rgb(250 204 21 / .1);border-color:var(--yellow);color:var(--yellow)}.nav-buttons{display:flex;gap:1rem}.btn-nav{background-color:var(--light-bg);border:1px solid var(--border-color);color:var(--text-light);font-weight:600;padding:.6rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:all 0.2s ease}.btn-nav:not(:disabled):hover{background-color:var(--border-color)}.btn-nav.next{background-color:var(--blue);border-color:var(--blue)}.btn-nav.next:not(:disabled):hover{background-color:#2563eb}.btn-nav:disabled{opacity:.5;cursor:not-allowed}.picker-panel{flex-shrink:0;width:320px;background-color:var(--dark-bg);border-left:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;overflow:hidden;max-width:100%}.picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.picker-header h3{margin:0;font-size:1.25rem}.picker-close-btn{display:none;background:none;border:none;color:var(--text-gray);cursor:pointer;padding:.25rem}.picker-close-btn svg{width:1.5rem;height:1.5rem}.picker-close-btn:hover{color:var(--text-light)}.shuffle_enabled .session-grid-container{display:block}.session-grid-container{padding-inline:5px;display:none;scrollbar-width:thin;scrollbar-color:var(--light-bg) var(--dark-bg)}.scrollable{overflow-y:auto}.session-grid-container::-webkit-scrollbar{width:8px}.session-grid-container::-webkit-scrollbar-track{background:var(--dark-bg)}.session-grid-container::-webkit-scrollbar-thumb{background-color:var(--light-bg);border-radius:4px}.session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.75rem}.grid-btn{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:var(--light-bg);border:1px solid var(--border-color);color:var(--text-light);font-weight:500;cursor:pointer;transition:all 0.2s ease;position:relative}.grid-btn:hover{background-color:var(--border-color)}input.visually-hidden:checked+label.grid-btn{background-color:var(--blue);border-color:var(--blue)}.show_feedback .grid-btn.correct{background-color:var(--green);border-color:var(--green)}.show_feedback .grid-btn.incorrect{background-color:var(--red);border-color:var(--red)}.hide_feedback .grid-btn.answered{background-color:#6b7280;border-color:#6b7280}.grid-btn.flagged::after{content:'';position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 10px 10px 0;border-color:#fff0 var(--yellow) #fff0 #fff0}.summary-modal-content{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.summary-modal-content h2{font-size:2rem;font-weight:700;color:var(--text-light);margin:0}.summary-stats{display:flex;flex-direction:row;gap:1.5rem;width:100%;justify-content:center}.summary-stat-item{flex-grow:1;max-width:200px;background-color:var(--light-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem 1.5rem}.summary-stat-item h3{margin:0 0 .5rem 0;font-size:1rem;font-weight:500;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em}.summary-stat-item p{margin:0;font-size:2.25rem;font-weight:700}.summary-stat-item.score p{color:var(--green)}.summary-stat-item.time p{color:var(--text-light);font-size:1.75rem}.summary-actions{display:flex;flex-direction:column-reverse;gap:1rem;width:100%;max-width:400px;margin-top:1rem}.summary-actions .btn,.summary-actions .btn-nav{width:100%;padding:.75rem;font-size:1rem;display:flex;align-items:center;justify-content:center;column-gap:5px}.summary-actions .btn-practice>svg{width:15px;height:15px}#modal-body .setting_input_holder.number_input{align-items:center;gap:1rem}#modal-body .setting_input_holder.number_input input[type='number']{background-color:var(--light-bg);border:1px solid var(--border-color);color:var(--text-light);padding:.5rem .75rem;border-radius:.5rem;font-family:'Inter',sans-serif;font-size:1rem;width:100px;transition:border-color 0.2s ease,box-shadow 0.2s ease;-webkit-appearance:none;margin:0}#modal-body .setting_input_holder.number_input input[type='number']{-moz-appearance:textfield}#modal-body .setting_input_holder.number_input input[type='number']:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgb(59 130 246 / .3)}@media (min-width:768px){.mode-selection{grid-template-columns:repeat(3,1fr)}header h1{font-size:3rem}}@media (max-width:1024px){#quiz-container{height:auto;min-height:90vh}.picker-panel{position:fixed;right:0;top:0;height:100%;z-index:1100;transform:translateX(100%);transition:transform 0.3s ease-in-out}.picker-panel.visible{transform:translateX(0)}.picker-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);z-index:1050}.picker-overlay.visible{display:block}.picker-toggle-btn{display:block}.picker-close-btn{display:block}}@media (max-width:767px){body{padding:0}body>main{border-radius:0;padding:1.5rem}#quiz-container{border-radius:0;min-height:100dvh;max-height:100dvh;flex-direction:column}.quiz-panel{padding:1.5rem}.quiz-header-info h2{font-size:1.25rem}.question-text{font-size:1.125rem}.quiz-header-actions{column-gap:10px;flex-direction:row}}@media (max-width:380px){.flag-btn>span{display:none}.flag-btn{padding:.5rem}.quiz-panel{padding:1rem}}