.lwa-practice-mode-wrapper {
max-width: 960px;
margin: 1.5rem auto;
font-family: inherit;
} .lwa-pm-setup,
.lwa-pm-results {
background: #ffffff;
border-radius: 12px;
padding: 1.25rem 1.5rem;
box-shadow: 0 10px 30px rgba(0,0,0,0.06);
border: 1px solid rgba(0,0,0,0.04);
box-sizing: border-box;
} .lwa-pm-quiz {
margin-bottom: 1.25rem;
} .lwa-pm-title,
.lwa-pm-results-title {
margin-top: 0;
margin-bottom: 0.75rem;
font-size: 1.2rem;
font-weight: 700;
}
.lwa-pm-description {
margin-top: 0;
margin-bottom: 1rem;
color: #555;
}
.lwa-pm-field-row {
margin-bottom: 1rem;
}
.lwa-pm-field-row-cats {
margin-top: 0.75rem;
}
.lwa-pm-field-label {
font-size: 0.9rem;
font-weight: 600;
margin-bottom: 0.25rem;
}
.lwa-pm-select-count {
padding: 0.45rem 0.75rem;
border-radius: 999px;
border: 1px solid #ddd;
font-size: 0.95rem;
min-width: 180px;
}
.lwa-pm-category-list {
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.75rem;
margin: 0.35rem 0 0.25rem;
}
.lwa-pm-category-item {
display: inline-flex;
align-items: center;
gap: 0.25rem;
font-size: 0.9rem;
padding: 0.1rem 0.6rem 0.1rem 0.35rem;
border-radius: 999px;
background: rgba(0,0,0,0.03);
}
.lwa-pm-category-checkbox {
accent-color: var(--lwa-green, #0f9d58);
}
.lwa-pm-category-name {
font-weight: 500;
}
.lwa-pm-category-count {
font-size: 0.8rem;
color: #666;
}
.lwa-pm-small-note {
font-size: 0.85rem;
color: #777;
margin-top: 0.5rem;
margin-bottom: 1.25rem;
} .lwa-pm-btn {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
border: 1px solid transparent;
padding: 0.5rem 1.2rem;
font-size: 0.95rem;
cursor: pointer;
transition: background 0.18s ease, transform 0.12s ease, box-shadow 0.18s ease, color 0.18s ease, border-color 0.18s ease;
text-decoration: none;
white-space: nowrap;
}
.lwa-pm-btn-primary {
background: var(--lwa-green, #0f9d58);
color: #fff;
box-shadow: 0 8px 20px rgba(15,157,88,0.25);
}
.lwa-pm-btn-primary:hover {
background: var(--lwa-green-dark, #0c7a44);
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(15,157,88,0.3);
}
.lwa-pm-btn-secondary {
background: #fff;
color: #333;
border-color: #ddd;
}
.lwa-pm-btn-secondary:hover {
background: #f5f5f5;
}
.lwa-pm-btn:disabled,
.lwa-pm-btn[disabled] {
opacity: 0.5;
cursor: default;
box-shadow: none;
transform: none;
}
.lwa-pm-loading,
.lwa-pm-error {
padding: 1rem;
text-align: center;
font-size: 0.95rem;
}
.lwa-pm-error {
color: #b00020;
} .lwa-pm-header {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 0.75rem;
gap: 0.5rem;
}
.lwa-pm-progress {
font-weight: 600;
font-size: 0.95rem;
} .lwa-pm-feedback {
font-size: 1rem;
margin: 0.85rem 0 0.35rem;
text-align: center;
font-weight: 600;
}
.lwa-pm-feedback.feedback-correct {
color: var(--lwa-green, #0f9d58);
}
.lwa-pm-feedback.feedback-incorrect {
color: var(--lwa-red, #d32f2f);
} .lwa-pm-nav {
margin-top: 0.75rem;
} .lwa-pm-score-line {
font-weight: 600;
margin-top: 0.5rem;
margin-bottom: 0.75rem;
}
.lwa-pm-results-actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1rem;
} @media (max-width: 600px) {
.lwa-pm-setup,
.lwa-pm-results {
padding: 1.1rem 1rem;
}
.lwa-pm-results-actions {
flex-direction: column;
}
.lwa-pm-btn {
width: 100%;
}
} .lwa-practice-switch {
margin-bottom: 0.75rem;
text-align: right;
}
.lwa-quiz-link-pill {
display: inline-flex;
align-items: center;
gap: 0.25rem;
padding: 0.35rem 0.8rem;
border-radius: 999px;
font-size: 0.85rem;
font-weight: 600;
text-decoration: none;
border: 1px solid var(--lwa-amber, #ffb300);
color: var(--lwa-amber, #ffb300);
background: rgba(255, 179, 0, 0.06);
}
.lwa-quiz-link-pill:hover {
background: rgba(255, 179, 0, 0.12);
}