:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #dbeafe;--color-secondary: #8b5cf6;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-background: #f8fafc;--color-card: #ffffff;--color-text: #1e293b;--color-text-secondary: #64748b;--color-border: #e2e8f0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh}#app{max-width:800px;margin:0 auto;padding:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-height:44px;min-width:44px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#cbd5e1}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:var(--color-error);color:#fff}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;min-height:44px;transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.hidden{display:none!important}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all var(--transition-normal)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--color-primary);background:var(--color-primary-light)}.quiz-card{transition:box-shadow var(--transition-fast)}.quiz-card:hover{box-shadow:var(--shadow-lg)}.question-card{border:1px solid var(--color-border)}.question-card.editing{border:2px solid var(--color-primary)}.progress-bar{width:100%;height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary);animation:progress-pulse 1.5s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.5}}.editor-mode-section label{cursor:pointer;margin-right:var(--spacing-sm)}.editor-mode-section input[type=radio]{margin-right:var(--spacing-xs)}.editor-share-section p{font-family:monospace;word-break:break-all}.empty-state{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-controls .input{flex:1}.option-btn{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);text-align:left;cursor:pointer;font-size:1rem;min-height:44px;transition:all var(--transition-fast)}.option-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.option-btn.correct{border-color:var(--color-success);background:#d1fae5}.option-btn.incorrect{border-color:var(--color-error);background:#fee2e2}.option-btn:disabled{cursor:default;opacity:.8}.question-text{font-size:1.1rem;font-weight:500;line-height:1.5}.quiz-counter{font-size:.9rem}.feedback{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.score-display{font-size:3rem;font-weight:700;color:var(--color-primary)}.results-score-card{background:linear-gradient(135deg,var(--color-primary-light),var(--color-card))}.summary-row{background:var(--color-card);border:1px solid var(--color-border)}.btn:focus-visible,.input:focus-visible,.option-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#app{animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media print{body{background:#fff}#app{max-width:100%;padding:0}.btn,.dashboard-controls,.editor-actions,.quiz-actions,.dashboard-link-section{display:none!important}.card{box-shadow:none;border:1px solid #ccc}}@media(max-width:640px){#app{padding:var(--spacing-sm)}.dashboard-controls,.editor-actions,.quiz-actions{flex-direction:column}.score-display{font-size:2.5rem}}