:root{--picolms-color-primary: #3b82f6;--picolms-color-primary-hover: #2563eb;--picolms-color-primary-light: #dbeafe;--picolms-color-success: #10b981;--picolms-color-success-light: #d1fae5;--picolms-color-error: #ef4444;--picolms-color-error-light: #fee2e2;--picolms-color-warning: #f59e0b;--picolms-color-warning-light: #fef3c7;--picolms-color-info: #3b82f6;--picolms-color-info-light: #dbeafe;--picolms-color-text: #1f2937;--picolms-color-text-secondary: #6b7280;--picolms-color-text-disabled: #9ca3af;--picolms-color-background: #ffffff;--picolms-color-background-secondary: #f9fafb;--picolms-color-border: #e5e7eb;--picolms-color-border-hover: #d1d5db;--picolms-spacing-xs: .25rem;--picolms-spacing-sm: .5rem;--picolms-spacing-md: 1rem;--picolms-spacing-lg: 1.5rem;--picolms-spacing-xl: 2rem;--picolms-spacing-2xl: 3rem;--picolms-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--picolms-font-size-xs: .75rem;--picolms-font-size-sm: .875rem;--picolms-font-size-base: 1rem;--picolms-font-size-lg: 1.125rem;--picolms-font-size-xl: 1.25rem;--picolms-font-size-2xl: 1.5rem;--picolms-font-size-3xl: 1.875rem;--picolms-line-height-tight: 1.25;--picolms-line-height-normal: 1.5;--picolms-line-height-relaxed: 1.75;--picolms-font-weight-normal: 400;--picolms-font-weight-medium: 500;--picolms-font-weight-semibold: 600;--picolms-font-weight-bold: 700;--picolms-radius-sm: .25rem;--picolms-radius-md: .375rem;--picolms-radius-lg: .5rem;--picolms-radius-xl: .75rem;--picolms-radius-full: 9999px;--picolms-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--picolms-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--picolms-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--picolms-transition-fast: .15s ease-in-out;--picolms-transition-base: .2s ease-in-out;--picolms-transition-slow: .3s ease-in-out;--picolms-z-dropdown: 1000;--picolms-z-modal: 1050;--picolms-z-tooltip: 1100}[data-theme=dark]{--picolms-color-primary: #60a5fa;--picolms-color-primary-hover: #3b82f6;--picolms-color-primary-light: #1e3a8a;--picolms-color-text: #f9fafb;--picolms-color-text-secondary: #d1d5db;--picolms-color-text-disabled: #6b7280;--picolms-color-background: #1f2937;--picolms-color-background-secondary: #111827;--picolms-color-border: #374151;--picolms-color-border-hover: #4b5563}.picolms-base-question{font-family:var(--picolms-font-family);color:var(--picolms-color-text);margin-bottom:var(--picolms-spacing-xl)}.picolms-question-header{margin-bottom:var(--picolms-spacing-lg)}.picolms-question-title{font-size:var(--picolms-font-size-xl);font-weight:var(--picolms-font-weight-semibold);margin:0 0 var(--picolms-spacing-sm) 0;color:var(--picolms-color-text)}.picolms-question-text{font-size:var(--picolms-font-size-base);line-height:var(--picolms-line-height-relaxed);margin-bottom:var(--picolms-spacing-md)}.picolms-question-instructions{font-size:var(--picolms-font-size-sm);color:var(--picolms-color-text-secondary);margin-bottom:var(--picolms-spacing-md);padding:var(--picolms-spacing-sm) var(--picolms-spacing-md);background-color:var(--picolms-color-info-light);border-radius:var(--picolms-radius-md)}.picolms-question-media{margin-bottom:var(--picolms-spacing-lg)}.picolms-media-item{margin-bottom:var(--picolms-spacing-md)}.picolms-media-item img{max-width:100%;height:auto;border-radius:var(--picolms-radius-md);box-shadow:var(--picolms-shadow-sm)}.picolms-media-caption{font-size:var(--picolms-font-size-sm);color:var(--picolms-color-text-secondary);margin-top:var(--picolms-spacing-xs);font-style:italic}.picolms-question-errors{margin-top:var(--picolms-spacing-md);padding:var(--picolms-spacing-md);background-color:var(--picolms-color-error-light);border-left:4px solid var(--picolms-color-error);border-radius:var(--picolms-radius-md)}.picolms-error-message{margin:0;color:var(--picolms-color-error);font-size:var(--picolms-font-size-sm)}.picolms-question-feedback{margin-top:var(--picolms-spacing-md);padding:var(--picolms-spacing-md);border-radius:var(--picolms-radius-md);font-size:var(--picolms-font-size-sm)}.picolms-feedback-correct{background-color:var(--picolms-color-success-light);border-left:4px solid var(--picolms-color-success);color:var(--picolms-color-success)}.picolms-feedback-incorrect{background-color:var(--picolms-color-error-light);border-left:4px solid var(--picolms-color-error);color:var(--picolms-color-error)}.picolms-feedback-partial{background-color:var(--picolms-color-warning-light);border-left:4px solid var(--picolms-color-warning);color:var(--picolms-color-warning)}.picolms-question-hints{margin-top:var(--picolms-spacing-md)}.picolms-question-hints details{border:1px solid var(--picolms-color-border);border-radius:var(--picolms-radius-md);padding:var(--picolms-spacing-sm) var(--picolms-spacing-md)}.picolms-question-hints summary{cursor:pointer;font-weight:var(--picolms-font-weight-medium);color:var(--picolms-color-primary);-webkit-user-select:none;user-select:none}.picolms-question-hints summary:hover{color:var(--picolms-color-primary-hover)}.picolms-hint-text{margin:var(--picolms-spacing-sm) 0;padding-top:var(--picolms-spacing-sm);color:var(--picolms-color-text-secondary);font-size:var(--picolms-font-size-sm)}.picolms-question-meta{margin-top:var(--picolms-spacing-lg);padding-top:var(--picolms-spacing-md);border-top:1px solid var(--picolms-color-border);display:flex;gap:var(--picolms-spacing-md);font-size:var(--picolms-font-size-sm);color:var(--picolms-color-text-secondary)}.picolms-question-points{font-weight:var(--picolms-font-weight-medium)}.picolms-question-difficulty{text-transform:capitalize}.picolms-mc-options{display:flex;flex-direction:column;gap:var(--picolms-spacing-sm)}.picolms-mc-option{border:2px solid var(--picolms-color-border);border-radius:var(--picolms-radius-md);padding:var(--picolms-spacing-md);transition:all var(--picolms-transition-base);background-color:var(--picolms-color-background)}.picolms-mc-option:hover:not(.mc-option-locked){border-color:var(--picolms-color-primary);box-shadow:var(--picolms-shadow-sm)}.picolms-mc-option-selected{border-color:var(--picolms-color-primary);background-color:var(--picolms-color-primary-light)}.picolms-mc-option-locked{opacity:.6;cursor:not-allowed}.picolms-mc-option-label{display:flex;align-items:flex-start;gap:var(--picolms-spacing-md);cursor:pointer}.picolms-mc-option-label input{margin-top:.25rem;flex-shrink:0}.picolms-mc-option-text{flex:1}.picolms-mc-option-media{margin-top:var(--picolms-spacing-sm)}.picolms-mc-option-media img{max-width:200px;border-radius:var(--picolms-radius-sm)}.picolms-mc-option-feedback{margin-top:var(--picolms-spacing-sm);padding-top:var(--picolms-spacing-sm);border-top:1px solid var(--picolms-color-border);font-size:var(--picolms-font-size-sm);color:var(--picolms-color-text-secondary)}.picolms-tf-options{display:flex;gap:var(--picolms-spacing-md)}.picolms-tf-option{flex:1;border:2px solid var(--picolms-color-border);border-radius:var(--picolms-radius-md);padding:var(--picolms-spacing-md);display:flex;align-items:center;gap:var(--picolms-spacing-sm);cursor:pointer;transition:all var(--picolms-transition-base);background-color:var(--picolms-color-background)}.picolms-tf-option:hover{border-color:var(--picolms-color-primary)}.picolms-tf-option-selected{border-color:var(--picolms-color-primary);background-color:var(--picolms-color-primary-light)}.picolms-tf-buttons{display:flex;gap:var(--picolms-spacing-md)}.picolms-tf-button{flex:1;padding:var(--picolms-spacing-md) var(--picolms-spacing-lg);border:2px solid var(--picolms-color-border);border-radius:var(--picolms-radius-md);background-color:var(--picolms-color-background);color:var(--picolms-color-text);font-size:var(--picolms-font-size-base);font-weight:var(--picolms-font-weight-medium);cursor:pointer;transition:all var(--picolms-transition-base)}.picolms-tf-button:hover:not(:disabled){border-color:var(--picolms-color-primary);background-color:var(--picolms-color-primary-light)}.picolms-tf-button-selected{border-color:var(--picolms-color-primary);background-color:var(--picolms-color-primary);color:#fff}.picolms-tf-button:disabled{opacity:.6;cursor:not-allowed}.picolms-sa-input-container{position:relative}.picolms-sa-input{width:100%;padding:var(--picolms-spacing-md);border:2px solid var(--picolms-color-border);border-radius:var(--picolms-radius-md);font-size:var(--picolms-font-size-base);font-family:var(--picolms-font-family);transition:all var(--picolms-transition-base)}.picolms-sa-input:focus{outline:none;border-color:var(--picolms-color-primary);box-shadow:0 0 0 3px var(--picolms-color-primary-light)}.picolms-sa-input-error{border-color:var(--picolms-color-error)}.picolms-sa-input:disabled{background-color:var(--picolms-color-background-secondary);cursor:not-allowed}.picolms-sa-character-count{margin-top:var(--picolms-spacing-xs);font-size:var(--picolms-font-size-xs);color:var(--picolms-color-text-secondary);text-align:right}.picolms-essay-input-container{position:relative}.picolms-essay-textarea{width:100%;min-height:200px;padding:var(--picolms-spacing-md);border:2px solid var(--picolms-color-border);border-radius:var(--picolms-radius-md);font-size:var(--picolms-font-size-base);font-family:var(--picolms-font-family);line-height:var(--picolms-line-height-relaxed);resize:vertical;transition:all var(--picolms-transition-base)}.picolms-essay-textarea:focus{outline:none;border-color:var(--picolms-color-primary);box-shadow:0 0 0 3px var(--picolms-color-primary-light)}.picolms-essay-textarea-error{border-color:var(--picolms-color-error)}.picolms-essay-textarea:disabled{background-color:var(--picolms-color-background-secondary);cursor:not-allowed}.picolms-essay-counters{display:flex;justify-content:space-between;margin-top:var(--picolms-spacing-sm);font-size:var(--picolms-font-size-sm);color:var(--picolms-color-text-secondary)}.picolms-essay-word-count,.picolms-essay-char-count{display:flex;gap:var(--picolms-spacing-xs)}.picolms-count-warning{color:var(--picolms-color-warning);font-weight:var(--picolms-font-weight-medium)}.picolms-essay-length-warnings{margin-top:var(--picolms-spacing-sm)}.picolms-warning-message{margin:var(--picolms-spacing-xs) 0;color:var(--picolms-color-warning);font-size:var(--picolms-font-size-sm)}.picolms-fib-content{font-size:var(--picolms-font-size-lg);line-height:var(--picolms-line-height-relaxed);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--picolms-spacing-xs)}.picolms-fib-text{display:inline}.picolms-fib-blank{display:inline-block;padding:var(--picolms-spacing-xs) var(--picolms-spacing-sm);border:none;border-bottom:2px solid var(--picolms-color-border);font-size:var(--picolms-font-size-base);font-family:var(--picolms-font-family);transition:all var(--picolms-transition-base);min-width:100px}.picolms-fib-blank:focus{outline:none;border-bottom-color:var(--picolms-color-primary);background-color:var(--picolms-color-primary-light)}.picolms-fib-blank:disabled{background-color:var(--picolms-color-background-secondary);cursor:not-allowed}.picolms-matching-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--picolms-spacing-xl);margin-top:var(--picolms-spacing-lg)}@media (max-width: 768px){.picolms-matching-container{grid-template-columns:1fr}}.picolms-matching-column-header{font-size:var(--picolms-font-size-lg);font-weight:var(--picolms-font-weight-semibold);margin-bottom:var(--picolms-spacing-md);color:var(--picolms-color-text)}.picolms-matching-left-item,.picolms-matching-right-item{padding:var(--picolms-spacing-md);border:2px solid var(--picolms-color-border);border-radius:var(--picolms-radius-md);margin-bottom:var(--picolms-spacing-sm);background-color:var(--picolms-color-background)}.picolms-matching-item-content{display:flex;align-items:center;gap:var(--picolms-spacing-sm)}.picolms-matching-item-image{max-width:60px;height:auto;border-radius:var(--picolms-radius-sm)}.picolms-matching-controls{display:flex;gap:var(--picolms-spacing-sm);margin-top:var(--picolms-spacing-sm)}.picolms-matching-select{flex:1;padding:var(--picolms-spacing-sm);border:1px solid var(--picolms-color-border);border-radius:var(--picolms-radius-md);font-size:var(--picolms-font-size-sm)}.picolms-matching-clear-button{padding:var(--picolms-spacing-xs) var(--picolms-spacing-sm);border:1px solid var(--picolms-color-error);background-color:#fff;color:var(--picolms-color-error);border-radius:var(--picolms-radius-md);cursor:pointer;font-size:var(--picolms-font-size-sm)}.picolms-matching-clear-button:hover{background-color:var(--picolms-color-error-light)}.picolms-matching-preview{margin-top:var(--picolms-spacing-xs);padding-top:var(--picolms-spacing-xs);border-top:1px solid var(--picolms-color-border);font-size:var(--picolms-font-size-sm);color:var(--picolms-color-text-secondary)}.picolms-matching-right-item-used{opacity:.5}.picolms-matching-used-indicator{color:var(--picolms-color-success);font-weight:var(--picolms-font-weight-bold)}.picolms-quiz-container{font-family:var(--picolms-font-family);color:var(--picolms-color-text);max-width:800px;margin:0 auto;padding:var(--picolms-spacing-xl)}.picolms-quiz-header{margin-bottom:var(--picolms-spacing-2xl);text-align:center}.picolms-quiz-title{font-size:var(--picolms-font-size-3xl);font-weight:var(--picolms-font-weight-bold);margin:0 0 var(--picolms-spacing-md) 0;color:var(--picolms-color-text)}.picolms-quiz-description{font-size:var(--picolms-font-size-lg);color:var(--picolms-color-text-secondary);margin-bottom:var(--picolms-spacing-md)}.picolms-quiz-instructions{font-size:var(--picolms-font-size-base);color:var(--picolms-color-text-secondary);padding:var(--picolms-spacing-md);background-color:var(--picolms-color-info-light);border-radius:var(--picolms-radius-md)}.picolms-quiz-progress{margin-bottom:var(--picolms-spacing-xl);padding:var(--picolms-spacing-lg);background-color:var(--picolms-color-background-secondary);border-radius:var(--picolms-radius-lg)}.picolms-quiz-progress-bar-container{display:flex;align-items:center;gap:var(--picolms-spacing-md);margin-bottom:var(--picolms-spacing-md)}.picolms-quiz-progress-bar{flex:1;height:8px;background-color:var(--picolms-color-border);border-radius:var(--picolms-radius-full);overflow:hidden}.picolms-quiz-progress-fill{height:100%;background-color:var(--picolms-color-primary);transition:width var(--picolms-transition-base)}.picolms-quiz-progress-percentage{font-size:var(--picolms-font-size-sm);font-weight:var(--picolms-font-weight-semibold);color:var(--picolms-color-text-secondary);min-width:40px;text-align:right}.picolms-quiz-progress-info{display:flex;justify-content:space-between;font-size:var(--picolms-font-size-sm);color:var(--picolms-color-text-secondary);gap:var(--picolms-spacing-md)}.picolms-quiz-progress-answered,.picolms-quiz-progress-time,.picolms-quiz-progress-time-spent{display:flex;gap:var(--picolms-spacing-xs)}.picolms-progress-label{font-weight:var(--picolms-font-weight-medium)}.picolms-time-warning .picolms-progress-value{color:var(--picolms-color-error);font-weight:var(--picolms-font-weight-bold)}.picolms-quiz-content{margin-bottom:var(--picolms-spacing-xl)}.picolms-quiz-question-container{background-color:var(--picolms-color-background);border:1px solid var(--picolms-color-border);border-radius:var(--picolms-radius-lg);padding:var(--picolms-spacing-md);box-shadow:var(--picolms-shadow-sm)}.picolms-quiz-question-number{font-size:var(--picolms-font-size-sm);font-weight:var(--picolms-font-weight-medium);color:var(--picolms-color-text-secondary)}.picolms-quiz-navigation{margin-top:var(--picolms-spacing-xl)}.picolms-quiz-question-list{margin-bottom:var(--picolms-spacing-lg)}.picolms-quiz-question-list h3{font-size:var(--picolms-font-size-base);font-weight:var(--picolms-font-weight-semibold);margin-bottom:var(--picolms-spacing-md)}.picolms-quiz-question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:var(--picolms-spacing-sm)}.picolms-quiz-question-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid var(--picolms-color-border);background-color:var(--picolms-color-background);border-radius:var(--picolms-radius-md);font-weight:var(--picolms-font-weight-medium);cursor:pointer;transition:all var(--picolms-transition-base);position:relative}.picolms-quiz-question-item:hover{border-color:var(--picolms-color-primary);transform:translateY(-2px)}.picolms-quiz-question-item.current{border-color:var(--picolms-color-primary);background-color:var(--picolms-color-primary);color:#fff}.picolms-quiz-question-item.answered{background-color:var(--picolms-color-success-light);border-color:var(--picolms-color-success)}.picolms-answered-indicator{position:absolute;top:2px;right:2px;font-size:var(--picolms-font-size-xs);color:var(--picolms-color-success)}.picolms-quiz-nav-buttons{display:flex;justify-content:space-between;align-items:center;gap:var(--picolms-spacing-md)}.picolms-quiz-nav-button{padding:var(--picolms-spacing-md) var(--picolms-spacing-xl);border:none;border-radius:var(--picolms-radius-md);font-size:var(--picolms-font-size-base);font-weight:var(--picolms-font-weight-medium);cursor:pointer;transition:all var(--picolms-transition-base)}.picolms-quiz-prev-button,.picolms-quiz-next-button{background-color:var(--picolms-color-background);color:var(--picolms-color-primary);border:2px solid var(--picolms-color-primary)}.picolms-quiz-prev-button:hover:not(:disabled),.picolms-quiz-next-button:hover:not(:disabled){background-color:var(--picolms-color-primary-light)}.picolms-quiz-submit-button{background-color:var(--picolms-color-primary);color:#fff;border:2px solid var(--picolms-color-primary)}.picolms-quiz-submit-button:hover:not(:disabled){background-color:var(--picolms-color-primary-hover)}.picolms-quiz-nav-button:disabled{opacity:.5;cursor:not-allowed}.picolms-quiz-nav-position{font-size:var(--picolms-font-size-sm);color:var(--picolms-color-text-secondary);font-weight:var(--picolms-font-weight-medium)}.picolms-quiz-review{padding:var(--picolms-spacing-xl)}.picolms-quiz-review-header{text-align:center;margin-bottom:var(--picolms-spacing-2xl)}.picolms-quiz-review-header h2{font-size:var(--picolms-font-size-2xl);font-weight:var(--picolms-font-weight-bold);margin-bottom:var(--picolms-spacing-md)}.picolms-quiz-review-summary{display:flex;justify-content:center;gap:var(--picolms-spacing-xl);margin-bottom:var(--picolms-spacing-2xl);padding:var(--picolms-spacing-lg);background-color:var(--picolms-color-background-secondary);border-radius:var(--picolms-radius-lg)}.picolms-review-summary-item{display:flex;flex-direction:column;align-items:center;gap:var(--picolms-spacing-xs)}.picolms-summary-label{font-size:var(--picolms-font-size-sm);color:var(--picolms-color-text-secondary)}.picolms-summary-value{font-size:var(--picolms-font-size-2xl);font-weight:var(--picolms-font-weight-bold);color:var(--picolms-color-primary)}.picolms-quiz-review-questions{display:flex;flex-direction:column;gap:var(--picolms-spacing-lg);margin-bottom:var(--picolms-spacing-2xl)}.picolms-quiz-review-question{border:2px solid var(--picolms-color-border);border-radius:var(--picolms-radius-lg);padding:var(--picolms-spacing-lg)}.picolms-quiz-review-question.unanswered{border-color:var(--picolms-color-warning);background-color:var(--picolms-color-warning-light)}.picolms-review-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--picolms-spacing-md)}.picolms-review-question-number{font-weight:var(--picolms-font-weight-semibold)}.picolms-review-question-status{font-size:var(--picolms-font-size-sm);font-weight:var(--picolms-font-weight-medium);padding:var(--picolms-spacing-xs) var(--picolms-spacing-sm);border-radius:var(--picolms-radius-md)}.picolms-status-answered{background-color:var(--picolms-color-success-light);color:var(--picolms-color-success)}.picolms-status-unanswered{background-color:var(--picolms-color-warning-light);color:var(--picolms-color-warning)}.picolms-review-question-text{margin-bottom:var(--picolms-spacing-md);font-size:var(--picolms-font-size-base)}.picolms-review-question-answer{margin-bottom:var(--picolms-spacing-md)}.picolms-review-answer-value{margin-top:var(--picolms-spacing-xs);padding:var(--picolms-spacing-sm);background-color:var(--picolms-color-background-secondary);border-radius:var(--picolms-radius-md);font-family:monospace}.picolms-review-edit-button{padding:var(--picolms-spacing-sm) var(--picolms-spacing-md);border:1px solid var(--picolms-color-primary);background-color:#fff;color:var(--picolms-color-primary);border-radius:var(--picolms-radius-md);cursor:pointer;font-size:var(--picolms-font-size-sm);transition:all var(--picolms-transition-base)}.picolms-review-edit-button:hover{background-color:var(--picolms-color-primary-light)}.picolms-quiz-review-actions{display:flex;justify-content:center;gap:var(--picolms-spacing-md)}.picolms-review-back-button,.picolms-review-submit-button{padding:var(--picolms-spacing-md) var(--picolms-spacing-xl);border-radius:var(--picolms-radius-md);font-size:var(--picolms-font-size-base);font-weight:var(--picolms-font-weight-medium);cursor:pointer;transition:all var(--picolms-transition-base)}.picolms-review-back-button{background-color:#fff;color:var(--picolms-color-text);border:2px solid var(--picolms-color-border)}.picolms-review-back-button:hover{border-color:var(--picolms-color-primary)}.picolms-review-submit-button{background-color:var(--picolms-color-primary);color:#fff;border:2px solid var(--picolms-color-primary)}.picolms-review-submit-button:hover{background-color:var(--picolms-color-primary-hover)}.picolms-quiz-submitted-message{text-align:center;padding:var(--picolms-spacing-2xl);background-color:var(--picolms-color-success-light);border:2px solid var(--picolms-color-success);border-radius:var(--picolms-radius-lg)}.picolms-quiz-submitted-message h2{color:var(--picolms-color-success);margin-bottom:var(--picolms-spacing-md)}.picolms-quiz-results-summary{padding:2rem;background-color:var(--picolms-color-background-secondary, #f3f4f6);border-radius:1rem;text-align:center;margin-bottom:2rem;border:2px solid var(--picolms-color-border, #e5e7eb)}.picolms-results-heading{font-size:1.875rem;font-weight:700;color:var(--picolms-color-text, #1f2937);margin-bottom:1.5rem}.picolms-results-score{font-size:3rem;font-weight:700;color:var(--picolms-color-text, #1f2937);margin:1rem 0;line-height:1}.picolms-results-percentage{font-size:1.5rem;color:var(--picolms-color-text-secondary, #6b7280);margin-bottom:1.5rem}.picolms-results-status{margin-top:1rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:700;display:inline-block}.picolms-results-passed{background-color:var(--picolms-color-success-light, #d1fae5);color:var(--picolms-color-success, #10b981)}.picolms-results-failed{background-color:var(--picolms-color-error-light, #fee2e2);color:var(--picolms-color-error, #ef4444)}.picolms-quiz-results{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a}.picolms-quiz-results-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--picolms-color-border)}.picolms-quiz-results-header h2{margin-bottom:.5rem;color:var(--picolms-color-text)}.picolms-quiz-results-date{color:var(--picolms-color-text-secondary);font-size:var(--picolms-font-size-sm)}.picolms-results-score-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:1rem;text-align:center}.picolms-score-main{font-size:3rem;font-weight:700;margin-bottom:.5rem}.picolms-score-divider{margin:0 .5rem;opacity:.7}.picolms-score-percentage{font-size:2rem;margin-bottom:1rem}.picolms-score-status{font-size:1.25rem;font-weight:600;padding:.5rem 1rem;border-radius:.5rem;display:inline-block}.picolms-score-status.passed{background:#10b98133}.picolms-score-status.failed{background:#ef444433}.picolms-results-metadata{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.picolms-metadata-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.picolms-metadata-label{font-size:var(--picolms-font-size-sm);color:var(--picolms-color-text-secondary)}.picolms-metadata-value{font-size:var(--picolms-font-size-lg);font-weight:var(--picolms-font-weight-semibold);color:var(--picolms-color-text)}.picolms-quiz-results-questions{margin-bottom:2rem}.picolms-quiz-results-questions h3{margin-bottom:1.5rem;color:var(--picolms-color-text)}.picolms-result-question{border:2px solid var(--picolms-color-border);border-radius:var(--picolms-radius-lg);padding:1.5rem;margin-bottom:1.5rem}.picolms-result-question.correct{border-color:var(--picolms-color-success);background:var(--picolms-color-success-light)}.picolms-result-question.incorrect{border-color:var(--picolms-color-error);background:var(--picolms-color-error-light)}.picolms-result-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.picolms-result-question-number{font-weight:var(--picolms-font-weight-semibold)}.picolms-result-question-status{padding:.25rem .75rem;border-radius:var(--picolms-radius-md);font-size:var(--picolms-font-size-sm);font-weight:var(--picolms-font-weight-medium)}.picolms-status-correct{background:var(--picolms-color-success);color:#fff}.picolms-status-incorrect{background:var(--picolms-color-error);color:#fff}.picolms-result-question-score{font-weight:var(--picolms-font-weight-medium);color:var(--picolms-color-text-secondary)}.picolms-result-question-text{margin-bottom:1rem;font-size:var(--picolms-font-size-base)}.picolms-result-answer{margin-bottom:1rem}.picolms-result-answer-value{margin-top:.5rem;padding:.75rem;background:#fff;border-radius:var(--picolms-radius-md);border:1px solid var(--picolms-color-border)}.picolms-result-feedback{padding:.75rem;background:var(--picolms-color-info-light);border-radius:var(--picolms-radius-md);margin-bottom:1rem;font-size:var(--picolms-font-size-sm)}.picolms-result-correct-answer{padding:.75rem;background:var(--picolms-color-success-light);border:1px solid var(--picolms-color-success);border-radius:var(--picolms-radius-md)}.picolms-result-correct-value{margin-top:.5rem;font-weight:var(--picolms-font-weight-medium)}.picolms-quiz-results-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--picolms-color-border)}.picolms-results-action-button{padding:1rem 2rem;border-radius:var(--picolms-radius-md);font-size:var(--picolms-font-size-base);font-weight:var(--picolms-font-weight-medium);cursor:pointer;transition:all var(--picolms-transition-base);border:none}.picolms-results-close-button{background:#fff;color:var(--picolms-color-text);border:2px solid var(--picolms-color-border)}.picolms-results-close-button:hover{border-color:var(--picolms-color-primary)}.picolms-results-retake-button{background:var(--picolms-color-primary);color:#fff}.picolms-results-retake-button:hover{background:var(--picolms-color-primary-hover)}.picolms-quiz-results-error{padding:2rem;text-align:center;color:var(--picolms-color-error)}@media (prefers-color-scheme: dark){.picolms-quiz-results-summary{background-color:var(--picolms-color-background-secondary, #1f2937);border-color:var(--picolms-color-border, #374151)}.picolms-results-heading,.picolms-results-score{color:var(--picolms-color-text, #f9fafb)}.picolms-results-percentage{color:var(--picolms-color-text-secondary, #9ca3af)}.picolms-results-passed{background-color:var(--picolms-color-success-dark, #065f46);color:var(--picolms-color-success-light, #6ee7b7)}.picolms-results-failed{background-color:var(--picolms-color-error-dark, #7f1d1d);color:var(--picolms-color-error-light, #fca5a5)}}@media (max-width: 768px){.picolms-quiz-container{padding:var(--picolms-spacing-md)}.picolms-results-score{font-size:2.5rem}.picolms-results-percentage{font-size:1.25rem}.picolms-results-metadata{gap:1.5rem}.picolms-quiz-nav-buttons{flex-wrap:wrap}.picolms-quiz-nav-button{flex:1;min-width:120px}}@media (max-width: 480px){.picolms-quiz-title{font-size:var(--picolms-font-size-2xl)}.picolms-results-score{font-size:2rem}.picolms-results-percentage{font-size:1rem}.picolms-results-heading{font-size:1.5rem}}*{box-sizing:border-box}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--background: #ffffff;--surface: #f9fafb;--text-primary: #1f2937;--text-secondary: #6b7280;--border: #e5e7eb;--shadow: rgba(0, 0, 0, .1);--nav-height: 73px}.app{min-height:100vh;background-color:#f9fafb}.app-nav{background:#fff;padding:1rem 2rem;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.app-nav h1{margin:0;font-size:1.5rem;color:#1f2937}.nav-container{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.nav-title{margin:0;font-size:1.5rem;color:#1f2937}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:#1f2937}.menu-icon{width:24px;height:24px}.nav-buttons{display:flex;gap:1rem;flex-wrap:wrap}.nav-buttons button{padding:.5rem 1rem;border:2px solid #3b82f6;background:#fff;color:#3b82f6;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s;white-space:nowrap}.nav-buttons button:hover,.nav-buttons button.active{background:#3b82f6;color:#fff}.app-main{max-width:1200px;margin:0 auto;padding:2rem}.home-page{text-align:center}.home-page h1{font-size:3rem;margin-bottom:1rem;color:#1f2937}.home-header{text-align:center;margin-bottom:3rem}.home-header h1{font-size:3rem;margin-bottom:1rem;color:#1f2937}.subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h2{font-size:1.5rem;margin-bottom:1rem;color:#1f2937}.feature-card p{color:#6b7280;margin-bottom:1.5rem}.feature-card button,.feature-button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background .2s;width:100%}.feature-card button:hover,.feature-button:hover{background:#2563eb}.features-list{background:#fff;padding:2rem;border-radius:1rem;text-align:left;margin-bottom:2rem}.features-list h2{margin-bottom:1rem;color:#1f2937}.features-list ul{list-style:none;padding:0}.features-list li{padding:.5rem 0;color:#4b5563}.quick-start{background:#1f2937;color:#fff;padding:2rem;border-radius:1rem;text-align:left}.quick-start h2{margin-bottom:1rem;color:#fff}.code-container{overflow-x:auto}.quick-start pre{background:#111827;padding:1rem;border-radius:.5rem;overflow-x:auto}.quick-start code{color:#10b981;font-family:Monaco,Courier New,monospace;font-size:.875rem}.example-container{background:#fff;padding:2rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.example-container h2{margin-bottom:1.5rem;color:#1f2937;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.example-container h1{color:#1f2937}.example-output{margin-top:2rem;padding:1rem;background:#f3f4f6;border-radius:.5rem}.example-output h3{margin-bottom:.5rem;font-size:1rem;color:#4b5563}.example-output pre{background:#1f2937;color:#10b981;padding:1rem;border-radius:.5rem;overflow-x:auto;font-size:.875rem}.all-examples{width:100%}.all-examples hr{border:none;border-top:2px solid #e5e7eb;margin:4rem 0}@media (max-width: 1024px){.home-page h1,.home-header h1{font-size:2.5rem}.subtitle{font-size:1.125rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.app-nav{padding:.75rem 1rem}.nav-container{flex-wrap:wrap}.nav-title,.app-nav h1{font-size:1.25rem;flex:1}.mobile-menu-toggle{display:block}.nav-buttons{display:none;width:100%;flex-direction:column;padding-top:1rem;gap:.5rem}.nav-buttons.mobile-open{display:flex}.nav-buttons button{width:100%;text-align:left;padding:.75rem 1rem}.app-main{padding:1.5rem 1rem}.home-page h1,.home-header h1{font-size:2rem}.subtitle{font-size:1rem}.feature-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.feature-card{padding:1.5rem}.feature-icon{font-size:2.5rem}.feature-card h2{font-size:1.25rem}.features-list,.quick-start,.example-container{padding:1.5rem}.quick-start pre,.example-output pre{font-size:.75rem}}@media (max-width: 480px){.app-nav{padding:.5rem .75rem}.nav-title,.app-nav h1{font-size:1.125rem}.app-main{padding:1rem .75rem}.home-page h1,.home-header h1{font-size:1.75rem}.subtitle{font-size:.9375rem}.feature-card{padding:1.25rem}.feature-icon{font-size:2rem}.feature-card h2{font-size:1.125rem}.feature-card p{font-size:.875rem}.features-list,.quick-start,.example-container{padding:1.25rem}.quick-start pre,.example-output pre{font-size:.6875rem;padding:.75rem}}@media (prefers-color-scheme: dark){:root{--primary-color: #60a5fa;--primary-hover: #3b82f6;--background: #1f2937;--surface: #111827;--text-primary: #f9fafb;--text-secondary: #d1d5db;--border: #374151;--shadow: rgba(0, 0, 0, .3)}}