.question-container{margin:2rem 0}.question-text{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text)}.options-container{display:flex;flex-direction:column;gap:1rem}.option-label{display:flex;align-items:center;gap:.75rem;padding:1rem;cursor:pointer;transition:all .2s;--active-border-color: color-mix(in srgb, var(--overlay) 55%, rgba(255, 255, 255, .2))}.option-label:hover{border-color:var(--iris);background:color-mix(in srgb,var(--surface) 85%,transparent)}.option-label.selected:hover{border-color:var(--accent);background:#ffffff24}.option-label.correct:hover{border-color:var(--pine);background-color:color-mix(in srgb,var(--pine) 18%,transparent)}.option-label.incorrect:hover{border-color:var(--love);background-color:color-mix(in srgb,var(--love) 18%,transparent)}.option-label.selected{--active-border-color: var(--accent);border-color:var(--accent);background:#ffffff24}.option-label.correct{--active-border-color: var(--iris);border-color:var(--pine);background-color:color-mix(in srgb,var(--pine) 18%,transparent)}.option-label.incorrect{--active-border-color: var(--love);border-color:var(--love);background-color:color-mix(in srgb,var(--love) 18%,transparent)}.option-label input[type=radio]{position:absolute;opacity:0;pointer-events:none}.option-label input[type=radio]:disabled{cursor:not-allowed}.option-bullet{width:20px;height:20px;border:2px solid color-mix(in srgb,var(--overlay) 55%,rgba(255,255,255,.3));border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--surface) 60%,transparent);box-shadow:inset 0 0 0 2px transparent,0 4px 10px #00000026;transition:all .2s}.option-text{flex:1;font-size:1.1rem;color:var(--text)}.option-label.correct .option-text{color:var(--iris);font-weight:600}.option-label.incorrect .option-text{color:var(--love)}.option-label.selected .option-bullet{border-color:var(--accent);box-shadow:inset 0 0 0 6px var(--accent)}.option-label.correct .option-bullet{border-color:var(--iris);box-shadow:inset 0 0 0 6px var(--iris)}.option-label.incorrect .option-bullet{border-color:var(--love);box-shadow:inset 0 0 0 6px var(--love)}.feedback-icon{font-size:1.5rem;margin-left:.5rem;font-weight:700}.option-label.correct .feedback-icon{color:var(--iris)}.option-label.incorrect .feedback-icon{color:var(--love)}.explanation-box{margin-top:2rem;padding:1.5rem;background-color:var(--highlight-med);border-left:4px solid var(--accent);border-radius:8px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.explanation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--accent);font-size:1.1rem}.explanation-icon{font-size:1.3rem}.explanation-text{color:var(--text);line-height:1.6;margin:0}.results-container{max-width:800px;margin:0 auto;padding:2rem;background-color:var(--surface);border-radius:12px;box-shadow:0 4px 6px #0000004d}.results-header{text-align:center;margin-bottom:3rem}.results-header h1{color:var(--text);margin-bottom:2rem}.score-circle{width:200px;height:200px;border-radius:50%;border:8px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1.5rem;background:var(--overlay)}.score-text{font-size:3rem;font-weight:700}.percentage{font-size:1.5rem;color:var(--subtle)}.answers-review{margin-bottom:2rem}.answers-review h3{color:var(--text);margin-bottom:1.5rem}.review-item{background:var(--highlight-low);border-radius:8px;padding:1.5rem;margin-bottom:1rem;border-left:4px solid}.review-item.correct{border-left-color:var(--foam);background-color:#9ccfd81a}.review-item.incorrect{border-left-color:var(--love);background-color:#eb6f921a}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.question-number{font-weight:700;color:var(--subtle)}.result-badge{padding:.25rem .75rem;border-radius:4px;font-size:.9rem;font-weight:700}.result-badge.correct{background-color:var(--foam);color:var(--base)}.result-badge.incorrect{background-color:var(--love);color:var(--base)}.review-question{font-size:1.1rem;font-weight:500;margin-bottom:1rem;color:var(--text)}.review-answers{font-size:1rem;color:var(--text)}.review-answers p{margin:.5rem 0}.correct-answer{color:var(--foam);font-weight:500}.wrong-answer{color:var(--love);font-weight:500}.restart-btn{display:block;margin:2rem auto 0;padding:1rem 3rem;font-size:1.1rem}.quiz-container{max-width:800px;margin:2rem auto;padding:2rem;border-radius:18px;border:2px solid color-mix(in srgb,var(--overlay) 60%,rgba(255,255,255,.2));background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:0 14px 36px #0003;backdrop-filter:blur(12px) saturate(135%);-webkit-backdrop-filter:blur(12px) saturate(135%)}.quiz-header{margin-bottom:2rem}.quiz-header h1{color:var(--text);margin-bottom:1rem}.quiz-meta{display:flex;align-items:center;gap:.75rem;justify-content:space-between;flex-wrap:wrap;margin-bottom:.5rem}.progress{font-size:1rem;color:var(--subtle)}.progress-bar{width:100%;height:12px;display:flex;background-color:color-mix(in srgb,var(--overlay) 60%,transparent);border-radius:10px;overflow:hidden}.progress-segment{height:100%;border:none;padding:0;margin:0;background-color:color-mix(in srgb,var(--overlay) 70%,transparent);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease;flex:1 0 auto}.progress-segment.correct{background-color:var(--iris)}.progress-segment.incorrect{background-color:var(--love)}.progress-segment.answered{background-color:var(--accent)}.progress-segment.unanswered{background-color:color-mix(in srgb,var(--overlay) 70%,transparent)}.progress-segment.active{transform:none}.progress-segment:hover{transform:none;background-color:color-mix(in srgb,var(--iris) 28%,var(--overlay) 70%)}.progress-segment:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.progress-segment:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.question-select{padding:.5rem 2.1rem .5rem .75rem;background:transparent;color:var(--text);border:none;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;margin-left:auto;position:relative}.question-select:hover,.question-select:focus{outline:none}.question-select-wrapper{position:relative}.question-options{position:absolute;left:0;right:auto;margin-top:.35rem;background-color:var(--surface);border:2px solid var(--overlay);border-radius:10px;box-shadow:0 6px 18px #0003;max-height:260px;overflow-y:auto;min-width:100%;z-index:20;padding:.4rem;list-style:none}.question-options li+li{margin-top:.25rem}.question-option{width:100%;text-align:left;padding:.6rem .7rem;background-color:transparent;border:none;border-radius:8px;color:var(--text);font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:.8rem;cursor:pointer;transition:all .15s}.question-option:hover{background-color:var(--highlight-med)}.question-option.active{background-color:var(--iris);color:var(--base)}.question-status{width:18px;height:18px;position:relative;display:inline-flex;align-items:center;justify-content:center}.question-status.correct{color:var(--iris)}.question-status.incorrect{color:var(--love)}.question-status.answered,.question-status.unanswered{color:var(--text)}.question-status.correct:before{content:"";position:absolute;width:10px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);top:5px}.question-status.incorrect:before,.question-status.incorrect:after{content:"";position:absolute;width:12px;height:2px;background:currentColor;top:8px}.question-status.incorrect:before{transform:rotate(45deg)}.question-status.incorrect:after{transform:rotate(-45deg)}.question-status.answered:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.navigation-buttons{display:flex;flex-direction:column;margin-top:2rem;gap:.75rem}.nav-row{display:flex;gap:1rem;align-items:stretch;justify-content:space-between;flex-wrap:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;line-height:1.2;white-space:nowrap}.btn-primary{background-color:var(--iris);color:var(--base)}.btn-primary:hover:not(:disabled){background-color:var(--foam);transform:translateY(-1px)}.btn-confirm{background-color:var(--accent);color:var(--base);font-weight:600}.btn-confirm:hover:not(:disabled){background-color:var(--rose);transform:translateY(-1px)}.btn-secondary{background-color:var(--overlay);color:var(--text)}.btn-secondary:hover:not(:disabled){background-color:var(--highlight-med)}.btn:disabled{opacity:.5;cursor:not-allowed}.dispute-btn{background-color:var(--overlay);color:var(--text);border:2px solid var(--overlay);padding:.75rem 2rem;font-weight:500;text-transform:none;letter-spacing:0;border-radius:10px;min-width:140px;white-space:nowrap}.dispute-btn:hover:not(:disabled){background-color:var(--highlight-med);border-color:var(--highlight-med);color:var(--text)}.dispute-btn.active{background-color:var(--overlay);border-color:var(--overlay);color:var(--text)}.btn-prev{order:1}.dispute-btn{order:2}.btn-forward{order:3}@media (max-width: 767px){.nav-row{flex-wrap:wrap;align-items:center;gap:.75rem}.nav-row .btn-prev,.nav-row .btn-forward{flex:1 1 48%;min-width:140px;order:initial}.nav-row .dispute-btn{flex:1 1 100%;order:3;text-align:center}}@media (min-width: 768px){.nav-row{flex-wrap:nowrap;align-items:center}.nav-row .btn-prev,.nav-row .btn-forward,.nav-row .dispute-btn{flex:0 0 auto}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed;top:0;left:-350px;width:350px;height:100vh;background:color-mix(in srgb,var(--surface) 80%,transparent);border-right:1px solid color-mix(in srgb,var(--overlay) 60%,rgba(255,255,255,.18));box-shadow:2px 0 25px #0000004d;z-index:999;transition:left .3s ease;display:flex;flex-direction:column;backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%)}.sidebar.open{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid color-mix(in srgb,var(--overlay) 55%,rgba(255,255,255,.18));background-color:color-mix(in srgb,var(--surface) 60%,transparent)}.sidebar-header h2{color:var(--text);font-size:1.3rem;margin:0}.close-btn{background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.close-btn:hover{background-color:var(--overlay);color:var(--love)}.sidebar-content{flex:1;overflow-y:auto;padding:1rem}.theme-selector{margin-bottom:1.5rem;padding:1rem;background:color-mix(in srgb,var(--surface) 78%,transparent);border-radius:12px;border:1px solid color-mix(in srgb,var(--overlay) 55%,rgba(255,255,255,.18));box-shadow:0 12px 26px #0000002e;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);position:relative;z-index:10}.auth-card{background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid color-mix(in srgb,var(--overlay) 55%,rgba(255,255,255,.18));border-radius:12px;padding:1rem;box-shadow:0 12px 26px #0000002e;backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%);margin-bottom:1.25rem}.auth-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--text);margin-bottom:.75rem}.auth-user{display:flex;align-items:center;gap:.75rem}.avatar-circle{width:36px;height:36px;border-radius:50%;background-color:var(--overlay);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text)}.auth-name{font-weight:700;color:var(--text)}.auth-email{font-size:.9rem;color:var(--subtle)}.auth-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.provider-btn{width:100%;padding:.65rem;background-color:var(--overlay);color:var(--text);border:2px solid var(--overlay);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;justify-content:center}.provider-btn:hover{background-color:var(--highlight-med);border-color:var(--iris)}.provider-btn:disabled{opacity:.6;cursor:not-allowed}.provider-btn.ghost{background-color:transparent;border-color:var(--overlay)}.provider-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.auth-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.auth-form-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--text)}.auth-form input{padding:.65rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--overlay) 60%,rgba(255,255,255,.2));background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--text);width:100%}.auth-buttons{display:flex;gap:.5rem}.auth-error{margin-bottom:.75rem;padding:.6rem .75rem;border-radius:8px;background-color:color-mix(in srgb,var(--love) 20%,transparent);border:1px solid color-mix(in srgb,var(--love) 40%,transparent);color:var(--love);font-weight:700;font-size:.9rem}.small-link{background:none;border:none;color:var(--iris);cursor:pointer;font-weight:700;padding:0}.theme-selector label{display:block;color:var(--text);font-weight:600;margin-bottom:.5rem;font-size:.9rem}.theme-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:.5rem 2.75rem .5rem .9rem;background:transparent;color:var(--text);border:none;border-radius:10px;font-size:.95rem;cursor:pointer;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.theme-dropdown:hover{border-color:var(--iris);background:color-mix(in srgb,var(--surface) 85%,transparent)}.theme-dropdown:focus{outline:none;border-color:var(--iris);box-shadow:none}.theme-dropdown.custom{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-weight:600;background:inherit;color:var(--text);text-align:left;position:relative;padding-right:2.75rem}.theme-dropdown-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-menu{position:absolute;left:0;right:0;top:calc(100% + .35rem);background:var(--surface);border:1px solid color-mix(in srgb,var(--overlay) 60%,rgba(255,255,255,.2));border-radius:12px;box-shadow:0 18px 32px #00000038;padding:.35rem;z-index:30;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);max-height:260px;overflow-y:auto;list-style:none;margin:0}.theme-option{width:100%;text-align:left;border:none;background:transparent;padding:.65rem .75rem;border-radius:10px;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;transition:all .15s ease}.theme-option:hover{background:color-mix(in srgb,var(--highlight-med) 70%,transparent)}.theme-option.active{background:color-mix(in srgb,var(--iris) 35%,transparent);border:1px solid color-mix(in srgb,var(--iris) 45%,transparent)}.theme-name{font-weight:600}.theme-tag{font-size:.8rem;color:var(--iris);background:color-mix(in srgb,var(--overlay) 80%,transparent);padding:.1rem .45rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--overlay) 60%,rgba(255,255,255,.18))}.quizzes-section{background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid color-mix(in srgb,var(--overlay) 55%,rgba(255,255,255,.18));border-radius:12px;padding:1rem;box-shadow:0 12px 26px #0000002e;backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%)}.quizzes-section h3{color:var(--text);font-size:1rem;margin:0 0 1rem;padding-left:.25rem;letter-spacing:.01em}.folder-group+.folder-group{margin-top:1rem}.folder-group{transition:background-color .2s ease,border-color .2s ease}.folder-level{display:flex;flex-direction:column;gap:.2rem}.folder-header{display:inline-flex;align-items:center;gap:.65rem;color:var(--text);font-weight:700;letter-spacing:.01em;margin:.35rem 0;background:var(--base);border:2px solid var(--overlay);cursor:pointer;padding:.55rem 1rem .55rem 1.2rem;width:100%;text-align:left;border-radius:10px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.folder-group.drag-over .folder-header{border-color:color-mix(in srgb,var(--iris) 60%,transparent);background:color-mix(in srgb,var(--overlay) 60%,transparent)}.folder-header:hover{background:var(--highlight-low);border-color:var(--iris);box-shadow:0 0 0 3px #c4a7e72e;transform:translateY(-1px)}.folder-dot{display:none}.folder-caret{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid var(--text);transform:rotate(0) translate(2px);transition:transform .2s ease;opacity:.8;margin-left:1em}.folder-caret.open{transform:rotate(90deg)}.folder-caret{pointer-events:none}.folder-contents{display:flex;flex-direction:column;gap:.5rem;padding-left:.35rem;margin-top:.35rem;position:relative}.quizzes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.75rem}.quizzes-header h3{margin:0;padding:0}.blank-action{width:100%;min-height:42px;padding:.4rem;background:transparent}.import-btn{padding:.5rem 1rem;background-color:var(--base);color:var(--text);border:2px solid var(--overlay);border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #00000026}.import-btn:hover{background-color:var(--highlight-low);border-color:var(--iris);color:var(--iris);transform:translateY(-1px)}.customize-btn{width:100%;margin-top:.75rem;padding:.6rem;background-color:var(--overlay);color:var(--text);border:2px solid var(--overlay);border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.customize-btn:hover{background-color:var(--highlight-med);border-color:var(--iris)}.color-customizer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--overlay)}.color-grid{display:grid;gap:.75rem;margin-bottom:1rem}.color-item{display:flex;flex-direction:column;gap:.25rem}.color-item label{font-size:.85rem;color:var(--subtle);font-weight:500}.color-input-wrapper{display:flex;align-items:center;gap:.5rem}.color-picker{width:50px;height:35px;border:2px solid var(--overlay);border-radius:6px;cursor:pointer;transition:all .2s}.color-picker:hover{border-color:var(--iris)}.color-value{font-size:.8rem;font-family:monospace;color:var(--subtle);flex:1}.reset-btn{width:100%;padding:.6rem;background-color:var(--love);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.reset-btn:hover{opacity:.9;transform:translateY(-1px)}.import-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.import-modal{background:color-mix(in srgb,var(--surface) 80%,transparent);border-radius:14px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid color-mix(in srgb,var(--overlay) 55%,rgba(255,255,255,.18));box-shadow:0 18px 44px #00000052;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}.import-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--overlay)}.import-modal-header h2{color:var(--text);margin:0;font-size:1.3rem}.import-modal-content{padding:1.5rem}.import-field{margin-bottom:1.25rem}.import-field label{display:block;color:var(--text);font-weight:600;margin-bottom:.5rem;font-size:.9rem}.textarea-wrapper{position:relative}.copy-format-btn{position:absolute;top:.5rem;right:.5rem;padding:.4rem .75rem;background-color:var(--iris);color:var(--base);border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0003;z-index:1}.copy-format-btn:hover{background-color:var(--foam);transform:scale(1.1)}.import-input,.import-textarea{width:100%;padding:.75rem;background-color:var(--highlight-low);color:var(--text);border:2px solid var(--overlay);border-radius:6px;font-size:.95rem;font-family:inherit;transition:all .2s}.import-textarea{font-family:Courier New,monospace;resize:vertical}.format-example{background-color:var(--overlay);cursor:not-allowed;color:var(--subtle);font-size:.85rem}.import-input:focus,.import-textarea:focus{outline:none;border-color:var(--iris);box-shadow:0 0 0 3px #c4a7e733}.import-input::placeholder,.import-textarea::placeholder{color:var(--muted)}.import-modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--overlay);margin-top:1rem}.cancel-btn,.import-submit-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background-color:var(--overlay);color:var(--text)}.cancel-btn:hover{background-color:var(--highlight-med)}.import-submit-btn{background-color:var(--iris);color:var(--base)}.import-submit-btn:hover:not(:disabled){background-color:var(--foam);transform:translateY(-1px)}.import-submit-btn:disabled{opacity:.5;cursor:not-allowed}.toast-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1100;pointer-events:none}.toast{min-width:320px;max-width:480px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--overlay) 70%,rgba(255,255,255,.18));box-shadow:0 18px 38px #00000047;color:var(--text);padding:1.25rem 1.35rem;border-radius:14px;animation:fadeIn .2s ease;pointer-events:auto;backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);text-align:center;font-weight:700}.toast.success{border-color:color-mix(in srgb,var(--foam) 55%,transparent)}.toast.error{border-color:color-mix(in srgb,var(--love) 65%,transparent)}.quiz-item{background:color-mix(in srgb,var(--surface) 72%,transparent);border:2px solid color-mix(in srgb,var(--overlay) 55%,rgba(255,255,255,.18));border-radius:12px;padding:1.1rem;margin-bottom:1rem;cursor:pointer;transition:all .2s;position:relative;box-shadow:0 10px 22px #00000026;backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%)}.quiz-item:hover{border-color:var(--iris);background:color-mix(in srgb,var(--surface) 82%,transparent);transform:translate(5px)}.drop-placeholder{height:0;margin:.25rem 0;border-radius:12px;border:1px dashed color-mix(in srgb,var(--iris) 55%,transparent);opacity:0;transition:height .2s ease,opacity .2s ease,border-color .2s ease}.drop-placeholder.visible{height:46px;opacity:1;border-color:color-mix(in srgb,var(--iris) 75%,transparent)}.quiz-item.active{border-color:var(--iris);background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 0 0 2px #c4a7e74d,0 10px 24px #0000002e}.quiz-item h3{color:var(--text);font-size:1.1rem;margin:0 0 .5rem}.quiz-item p{color:var(--subtle);font-size:.9rem;margin:0 0 .75rem;line-height:1.4}.quiz-meta{display:flex;gap:.5rem;align-items:center;justify-content:space-between;margin:0}.question-count{color:var(--foam);font-size:.85rem;font-weight:600;background-color:var(--overlay);padding:.25rem .75rem;border-radius:12px}.gear-btn{background:none;border:none;color:var(--text);border-radius:999px;padding:.25rem;cursor:pointer;font-size:1rem;transition:color .2s}.gear-floating{position:static}.gear-btn:hover{color:var(--iris)}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.settings-modal{background:color-mix(in srgb,var(--surface) 80%,transparent);border-radius:14px;width:100%;max-width:480px;box-shadow:0 18px 44px #00000052;border:1px solid color-mix(in srgb,var(--overlay) 55%,rgba(255,255,255,.18));backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:2px solid var(--overlay)}.settings-modal-header h2{margin:0;color:var(--text)}.settings-modal-content{padding:1.25rem 1.5rem 1.5rem}.settings-modal-content h3{margin:0 0 .35rem;color:var(--text)}.settings-actions{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0 1.5rem}.action-btn{padding:.75rem 1rem;background-color:var(--overlay);color:var(--text);border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.action-btn:hover{background-color:var(--foam);color:var(--base);transform:translateY(-1px)}.delete-quiz-btn{padding:.75rem 1rem;background-color:var(--love);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.delete-quiz-btn:hover{opacity:.9;transform:translateY(-1px)}.folder-edit{margin:1rem 0 1.5rem}.folder-edit label{display:block;font-weight:700;margin-bottom:.35rem;color:var(--text)}.folder-edit-row{display:flex;gap:.5rem}.folder-edit-row .import-input{flex:1}.folder-select-wrap{position:relative;flex:1}.folder-select-button{width:100%;padding:.65rem 2.7rem .65rem 1rem;background:transparent;border:none;border-radius:12px;color:var(--text);font-weight:700;font-size:1rem;line-height:1.2;cursor:pointer;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;text-align:left;position:relative}.folder-select-button:hover,.folder-select-button:focus{outline:none;border-color:var(--iris)}.folder-options{position:absolute;left:0;right:0;top:calc(100% + .35rem);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--overlay) 60%,rgba(255,255,255,.2));border-radius:12px;box-shadow:0 18px 32px #00000038;padding:.35rem;z-index:30;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);max-height:260px;overflow-y:auto;list-style:none;margin:0}.folder-option{width:100%;text-align:left;border:none;background:transparent;padding:.65rem .75rem;border-radius:10px;color:var(--text);display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .15s ease}.folder-option:hover{background:color-mix(in srgb,var(--highlight-med) 70%,transparent)}.folder-option.active{background:color-mix(in srgb,var(--iris) 35%,transparent);border:1px solid color-mix(in srgb,var(--iris) 45%,transparent)}.new-folder{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.new-folder-shell{padding:.1rem 0;width:100%;box-sizing:border-box}.new-folder-row{display:flex;gap:0;align-items:stretch;min-height:44px;height:44px;width:100%}.new-folder-row.collapsed,.new-folder-row.expanded{border:none;background:transparent;box-shadow:none;border-radius:10px}.new-folder-input{flex:1;padding:.45rem .75rem;background:transparent;border-radius:0;border:none;color:var(--text);box-shadow:none;transition:none;outline:none}.new-folder-row .import-input{background:transparent;border:none;box-shadow:none;padding:.45rem .75rem}.new-folder-row .import-input:focus{outline:none;border:none;box-shadow:none}.import-btn.create{min-width:110px;border-radius:0;border:none;height:44px;background:transparent;color:var(--text);font-weight:700;padding:.45rem .75rem;transition:none;box-shadow:none;text-align:center}.new-folder-row .import-btn.create:hover{transform:none;box-shadow:none}.delete-confirm-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:center}.delete-quiz-btn.confirm{background-color:var(--love)}.cancel-btn.ghost{background:transparent;color:var(--text);border:1px solid color-mix(in srgb,var(--overlay) 60%,rgba(255,255,255,.24))}.muted-text{color:var(--subtle);font-size:.9rem}@media (max-width: 768px){.sidebar{width:85%;max-width:350px;left:-100%}}.create-trigger{width:100%;text-align:center;border:none;background:transparent;color:var(--text);font-weight:700;font-size:1rem;padding:.6rem .75rem;cursor:pointer;transition:none;box-shadow:none}.create-trigger:hover{color:var(--iris)}.edit-folders-btn{width:100%;margin-top:.5rem;text-align:center;padding:.65rem .85rem;background:transparent;border:none;color:var(--text);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.folder-manager-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem}.folder-manager{max-width:420px;width:100%;padding:1rem;border-radius:12px;background:color-mix(in srgb,var(--surface) 85%,transparent)}.folder-manager-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;color:var(--text)}.folder-list{display:flex;flex-direction:column;gap:.5rem}.folder-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem .65rem;border:1px solid color-mix(in srgb,var(--overlay) 60%,rgba(255,255,255,.2));border-radius:10px;background:color-mix(in srgb,var(--surface) 90%,transparent);gap:.5rem}.folder-name{color:var(--text);font-weight:600}.delete-folder-btn{border:1px solid color-mix(in srgb,var(--overlay) 70%,rgba(255,255,255,.3));background:transparent;color:var(--love);padding:.35rem .65rem;border-radius:8px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.delete-folder-actions{display:inline-flex;gap:.35rem}.delete-folder-btn.cancel{color:var(--text);border-color:color-mix(in srgb,var(--overlay) 60%,rgba(255,255,255,.3))}.delete-folder-btn:hover{border-color:var(--love);color:var(--love)}:root{--base: #e8d5df;--surface: #dfc2d1;--accent: #e6a55f;--overlay: #d4b0c3;--muted: #c4a5b0;--subtle: #a88a96;--text: #5a3a42;--love: #d97298;--rose: #e19db3;--pine: #8fbc8f;--foam: #87ceeb;--iris: #c9a0dd;--highlight-low: #e0cbd8;--highlight-med: #d7bbcc;--highlight-high: #ceabc0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px at 15% 20%,rgba(255,255,255,.08),transparent 45%),radial-gradient(900px at 80% 10%,rgba(255,255,255,.05),transparent 40%),radial-gradient(1000px at 50% 80%,rgba(255,255,255,.04),transparent 45%),var(--base);color:var(--text);min-height:100vh}.glass-panel{background:#ffffff14;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 50px #00000038;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.app{min-height:100vh;padding:4.5rem 0 0}.sidebar-toggle{position:fixed;top:1rem;left:1rem;background-color:var(--surface);border:2px solid var(--overlay);cursor:pointer;padding:.65rem;display:flex;flex-direction:column;gap:5px;border-radius:10px;transition:all .2s;z-index:1001;box-shadow:0 4px 12px #00000040}.sidebar-toggle:hover{background-color:var(--highlight-low);transform:translateY(-1px);border-color:var(--iris)}.sidebar-toggle span{display:block;width:26px;height:3px;background-color:var(--text);border-radius:2px;transition:all .3s}.sidebar-toggle:hover span{background-color:var(--iris)}.app.sidebar-open .sidebar-toggle{display:none}.empty-state{padding:2rem;text-align:center}.empty-state h2{margin-bottom:.5rem;color:var(--text)}.empty-state p{color:var(--subtle)}.selection-surface{--selection-shadow: 0 10px 22px rgba(0, 0, 0, .16);border:2px solid color-mix(in srgb,var(--overlay) 55%,rgba(255,255,255,.2));border-radius:12px;background:color-mix(in srgb,var(--surface) 75%,transparent);box-shadow:var(--selection-shadow);backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);transition:all .2s ease}.selection-surface:hover{border-color:var(--iris);background:color-mix(in srgb,var(--surface) 85%,transparent)}.selection-surface:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}.selection-surface:active{transform:translateY(1px)}.selection-activatable{position:relative;transition:border-color .2s ease,background .18s ease;--active-ring-color: color-mix(in srgb, var(--iris) 22%, transparent);--active-border-color: var(--accent);cursor:pointer}.selection-activatable:hover{border-color:var(--iris)}.selection-activatable.is-active{border-color:var(--active-border-color, var(--iris));background:color-mix(in srgb,var(--surface) 85%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--iris) 20%,transparent),var(--selection-shadow);animation:selection-flash .3s ease-out}@keyframes selection-flash{0%{box-shadow:0 0 color-mix(in srgb,var(--iris) 0%,transparent),var(--selection-shadow)}12%{box-shadow:0 0 0 3px var(--iris),var(--selection-shadow)}to{box-shadow:0 0 0 3px color-mix(in srgb,var(--iris) 20%,transparent),var(--selection-shadow)}}.caret-button{position:relative}.caret-button:after{content:"";position:absolute;right:var(--caret-offset, .9rem);top:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid currentColor;transform:translateY(-35%);pointer-events:none;opacity:.85;transition:transform .2s ease,opacity .2s ease}.caret-button.caret-open:after{transform:translateY(-20%) rotate(180deg)}.dropdown-root{position:relative}.dropdown-trigger:active{transform:translateY(1px)}@media (max-width: 768px){.app{padding:5rem .5rem 1rem}}