.gqm-public {
    --gqm-primary: #2563eb;
    --gqm-secondary: #7c3aed;
    --gqm-bg: #f8fafc;
    --gqm-radius: 18px;
    --gqm-text: #111827;
    --gqm-muted: #6b7280;
    --gqm-border: #e5e7eb;
    --gqm-card: #ffffff;
    --gqm-font: inherit;
    --gqm-width: 860px;
    --gqm-padding: 28px;
    --gqm-q-font: 24px;
    --gqm-option-font: 16px;
    --gqm-button-font: 16px;
    --gqm-q-img-h: 320px;
    --gqm-q-img-radius: 16px;
    --gqm-o-img-h: 130px;
    --gqm-o-img-radius: 14px;
    --gqm-option-gap: 12px;
    --gqm-anim-speed: 250ms;
    color: var(--gqm-text);
    font-family: var(--gqm-font);
}
.gqm-public * { box-sizing: border-box; }
.gqm-quiz-shell { max-width: var(--gqm-width); margin: 24px auto; background: var(--gqm-bg); padding: clamp(10px, 2vw, 20px); border-radius: calc(var(--gqm-radius) + 8px); }
.gqm-public-card {
    background: var(--gqm-card);
    border: 1px solid var(--gqm-border);
    border-radius: var(--gqm-radius);
    padding: var(--gqm-padding);
    margin: 18px 0;
}
.gqm-shadow-none .gqm-public-card { box-shadow: none; }
.gqm-shadow-soft .gqm-public-card { box-shadow: 0 14px 40px rgba(15, 23, 42, .08); }
.gqm-shadow-medium .gqm-public-card { box-shadow: 0 20px 55px rgba(15, 23, 42, .13); }
.gqm-shadow-strong .gqm-public-card { box-shadow: 0 28px 80px rgba(15, 23, 42, .2); }
.gqm-theme-dark { --gqm-card: #111827; --gqm-text: #f9fafb; --gqm-muted: #cbd5e1; --gqm-border: #374151; --gqm-bg: #0f172a; }
.gqm-quiz-list { display: grid; gap: 18px; max-width: var(--gqm-width); margin: 0 auto; }
.gqm-quiz-card { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.gqm-quiz-card h3, .gqm-public-card h2, .gqm-public-card h3 { margin-top: 0; letter-spacing: -0.02em; }
.gqm-quiz-card p, .gqm-message { color: var(--gqm-muted); }
.gqm-meta { display: flex; gap: 8px; flex-wrap: wrap; }
.gqm-meta span { padding: 5px 10px; border-radius: 999px; background: color-mix(in srgb, var(--gqm-primary) 12%, transparent); color: var(--gqm-primary); font-size: 13px; font-weight: 700; }
.gqm-public-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: calc(var(--gqm-radius) - 6px);
    border: 1px solid var(--gqm-primary);
    background: linear-gradient(135deg, var(--gqm-primary), var(--gqm-secondary));
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 800;
    font-size: var(--gqm-button-font);
    cursor: pointer;
    line-height: 1.2;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.gqm-public-button:hover { transform: translateY(-1px); box-shadow: 0 10px 20px rgba(15, 23, 42, .14); }
.gqm-public-button.gqm-secondary { background: transparent; color: var(--gqm-primary) !important; box-shadow: none; }
.gqm-message { font-size: 16px; line-height: 1.7; }
.gqm-guest-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.gqm-guest-fields label { font-weight: 800; }
.gqm-guest-fields input, .gqm-text-answer, .gqm-long-answer {
    width: 100%;
    display: block;
    margin-top: 7px;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--gqm-border);
    border-radius: calc(var(--gqm-radius) - 8px);
    background: #fff;
    color: #111827;
}
.gqm-long-answer { min-height: 120px; }
.gqm-progress { height: 10px; background: rgba(148, 163, 184, .25); border-radius: 999px; overflow: hidden; margin-bottom: 18px; }
.gqm-progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--gqm-primary), var(--gqm-secondary)); transition: width .25s ease; }
.gqm-timer { display: inline-flex; margin-bottom: 16px; padding: 8px 12px; border-radius: 999px; background: color-mix(in srgb, var(--gqm-primary) 12%, transparent); color: var(--gqm-primary); font-weight: 800; }
.gqm-question { display: none; }
.gqm-question.is-active, .gqm-question.show-all { display: block; }
.gqm-anim-fade .gqm-question.is-active { animation: gqmFade var(--gqm-anim-speed) ease both; }
.gqm-anim-slide .gqm-question.is-active { animation: gqmSlide var(--gqm-anim-speed) ease both; }
.gqm-anim-scale .gqm-question.is-active { animation: gqmScale var(--gqm-anim-speed) ease both; }
@keyframes gqmFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes gqmSlide { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes gqmScale { from { opacity: 0; transform: scale(.98); } to { opacity: 1; transform: scale(1); } }
.gqm-question-count { color: var(--gqm-primary); font-weight: 900; margin-bottom: 8px; }
.gqm-question h3 { font-size: var(--gqm-q-font); margin: 0 0 18px; line-height: 1.35; }
.gqm-question-image { margin: 0 0 18px; }
.gqm-question-image img { width: 100%; max-width: 100%; height: var(--gqm-q-img-h); object-fit: contain; border-radius: var(--gqm-q-img-radius); border: 1px solid var(--gqm-border); background: rgba(148,163,184,.08); cursor: zoom-in; }
.gqm-question-image img[style*="height: 0"], .gqm-question-image img[data-natural-height] { height: auto; }
.gqm-answer-list { display: grid; gap: var(--gqm-option-gap); margin-top: 18px; }
.gqm-layout-grid_2 .gqm-answer-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gqm-layout-grid_3 .gqm-answer-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gqm-answer-option {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--gqm-border);
    border-radius: calc(var(--gqm-radius) - 4px);
    background: color-mix(in srgb, var(--gqm-card) 90%, #f8fafc);
    cursor: pointer;
    font-weight: 700;
    font-size: var(--gqm-option-font);
    min-height: 58px;
    transition: border-color .18s ease, transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.gqm-answer-option:hover { border-color: var(--gqm-primary); transform: translateY(-1px); box-shadow: 0 10px 24px rgba(15, 23, 42, .08); }
.gqm-answer-option:has(input:checked) { border-color: var(--gqm-primary); background: color-mix(in srgb, var(--gqm-primary) 10%, var(--gqm-card)); }
.gqm-answer-option input { margin-top: 5px; flex: 0 0 auto; }
.gqm-answer-content { display: grid; gap: 10px; width: 100%; min-width: 0; }
.gqm-answer-image { width: 100%; height: var(--gqm-o-img-h); object-fit: contain; border-radius: var(--gqm-o-img-radius); border: 1px solid var(--gqm-border); background: rgba(148,163,184,.08); cursor: zoom-in; }
.gqm-answer-text:empty { display: none; }
.gqm-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 24px; flex-wrap: wrap; }
.gqm-result-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 18px 0; }
.gqm-result-grid div { padding: 18px; border: 1px solid var(--gqm-border); border-radius: calc(var(--gqm-radius) - 4px); background: color-mix(in srgb, var(--gqm-card) 90%, #f8fafc); }
.gqm-result-grid strong { display: block; font-size: 26px; }
.gqm-result-grid span { color: var(--gqm-muted); font-weight: 800; }
.gqm-score-message { border-left: 4px solid var(--gqm-primary); padding: 12px 16px; background: color-mix(in srgb, var(--gqm-primary) 8%, transparent); border-radius: calc(var(--gqm-radius) - 6px); margin: 18px 0; }
.gqm-review { margin-top: 24px; }
.gqm-review-item { padding: 16px; border: 1px solid var(--gqm-border); border-radius: calc(var(--gqm-radius) - 4px); margin-bottom: 14px; }
.gqm-review-item.correct { border-color: #86efac; background: rgba(22, 163, 74, .06); }
.gqm-review-item.wrong { border-color: #fecaca; background: rgba(220, 38, 38, .06); }
.gqm-review-item.manual { border-color: #fde68a; background: rgba(245, 158, 11, .08); }
.gqm-review-item h4 { margin-top: 0; }
.gqm-review-answers { margin: 0 0 10px 18px; }
.gqm-explanation { padding: 12px; border-radius: calc(var(--gqm-radius) - 8px); background: rgba(255,255,255,.7); }
.gqm-results-table { overflow-x: auto; }
.gqm-results-table table { width: 100%; border-collapse: collapse; }
.gqm-results-table th, .gqm-results-table td { padding: 10px; border-bottom: 1px solid var(--gqm-border); text-align: left; }
.gqm-lightbox { position: fixed; inset: 0; background: rgba(2, 6, 23, .86); display: flex; align-items: center; justify-content: center; padding: 24px; z-index: 999999; }
.gqm-lightbox img { max-width: 96vw; max-height: 92vh; border-radius: 16px; background: #fff; }
@media (max-width: 800px) {
    .gqm-layout-grid_2 .gqm-answer-list, .gqm-layout-grid_3 .gqm-answer-list { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .gqm-quiz-card, .gqm-nav { flex-direction: column; align-items: stretch; }
    .gqm-guest-fields, .gqm-result-grid { grid-template-columns: 1fr; }
    .gqm-public-button { width: 100%; }
    .gqm-public-card { padding: max(16px, calc(var(--gqm-padding) * .7)); }
}

/* v0.3.3 shortcode list + stable quiz height */
.gqm-quiz-form[data-stable-height="1"] .gqm-question-stack {
    min-height: var(--gqm-question-min-h);
    transition: min-height .22s ease;
}
.gqm-question {
    min-height: min(var(--gqm-question-min-h), 100vh);
}
.gqm-question-image img,
.gqm-answer-image {
    display: block;
    object-position: center;
}
.gqm-question-image img {
    max-height: var(--gqm-q-img-h);
}
.gqm-answer-image {
    max-height: var(--gqm-o-img-h);
}
.gqm-quiz-list-shell {
    --gqm-list-columns: 3;
    --gqm-list-gap: 18px;
    --gqm-list-radius: 18px;
    --gqm-list-padding: 22px;
    --gqm-list-title-size: 20px;
    --gqm-list-text-size: 15px;
    color: var(--gqm-text);
    background: var(--gqm-bg);
    border-radius: calc(var(--gqm-list-radius) + 10px);
    padding: clamp(12px, 2vw, 22px);
    font-family: var(--gqm-font, inherit);
}
.gqm-quiz-list-grid {
    display: grid;
    grid-template-columns: repeat(var(--gqm-list-columns), minmax(0, 1fr));
    gap: var(--gqm-list-gap);
}
.gqm-list-layout-list .gqm-quiz-list-grid {
    grid-template-columns: 1fr;
}
.gqm-quiz-list-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 100%;
    background: var(--gqm-card);
    color: var(--gqm-text);
    border: 1px solid var(--gqm-border);
    border-radius: var(--gqm-list-radius);
    padding: var(--gqm-list-padding);
    position: relative;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.gqm-list-shadow-none .gqm-quiz-list-card { box-shadow: none; }
.gqm-list-shadow-soft .gqm-quiz-list-card { box-shadow: 0 14px 40px rgba(15,23,42,.08); }
.gqm-list-shadow-medium .gqm-quiz-list-card { box-shadow: 0 20px 60px rgba(15,23,42,.13); }
.gqm-list-shadow-strong .gqm-quiz-list-card { box-shadow: 0 28px 80px rgba(15,23,42,.20); }
.gqm-quiz-list-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--gqm-primary) 45%, var(--gqm-border));
}
.gqm-list-layout-list .gqm-quiz-list-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
}
.gqm-quiz-list-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.gqm-quiz-list-icon {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--gqm-primary) 12%, transparent);
    color: var(--gqm-primary);
    font-weight: 900;
}
.gqm-quiz-list-category {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--gqm-primary) 10%, transparent);
    color: var(--gqm-primary);
    font-size: 12px;
    font-weight: 800;
}
.gqm-quiz-list-card h3 {
    margin: 0;
    font-size: var(--gqm-list-title-size);
    line-height: 1.25;
    letter-spacing: -0.02em;
}
.gqm-quiz-list-description {
    margin: 0;
    color: var(--gqm-muted);
    font-size: var(--gqm-list-text-size);
    line-height: 1.65;
}
.gqm-quiz-list-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--gqm-muted);
    font-size: 12px;
    margin-top: auto;
}
.gqm-quiz-list-meta span {
    border: 1px solid var(--gqm-border);
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(148, 163, 184, .08);
}
.gqm-quiz-list-actions {
    margin-top: auto;
}
.gqm-quiz-list-actions code {
    display: inline-block;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(148, 163, 184, .12);
    color: var(--gqm-text);
    white-space: normal;
}
@media (max-width: 1100px) {
    .gqm-quiz-list-grid { grid-template-columns: repeat(min(2, var(--gqm-list-columns)), minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .gqm-quiz-list-grid,
    .gqm-list-layout-list .gqm-quiz-list-card { grid-template-columns: 1fr; }
}
.gqm-question-stack { position: relative; }
@media (max-width: 1100px) {
    .gqm-quiz-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .gqm-quiz-list-grid { grid-template-columns: 1fr; }
}

/* v0.3.4 quiz card images + single quiz runner page */
.gqm-quiz-list-card h3 a {
    color: inherit;
    text-decoration: none;
}
.gqm-quiz-list-card h3 a:hover { color: var(--gqm-primary); }
.gqm-quiz-card-image {
    display: block;
    width: 100%;
    height: var(--gqm-list-img-h, 180px);
    border-radius: var(--gqm-list-img-radius, 16px);
    overflow: hidden;
    background: rgba(148,163,184,.12);
    border: 1px solid var(--gqm-border);
    text-decoration: none;
}
.gqm-quiz-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.gqm-quiz-card-image-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gqm-primary);
    background: linear-gradient(135deg, color-mix(in srgb, var(--gqm-primary) 16%, transparent), color-mix(in srgb, var(--gqm-secondary, var(--gqm-primary)) 10%, transparent));
}
.gqm-quiz-card-image-empty .dashicons {
    font-size: 42px;
    width: 42px;
    height: 42px;
}
.gqm-list-layout-list .gqm-quiz-card-image {
    width: 180px;
    max-width: 180px;
    height: 120px;
}
.gqm-runner-page {
    background: var(--gqm-runner-bg);
    padding: var(--gqm-runner-padding);
    border-radius: var(--gqm-runner-radius);
    margin: 24px auto;
    max-width: min(1180px, 100%);
}
.gqm-runner-header {
    background: var(--gqm-runner-header-bg);
    border: 1px solid rgba(148,163,184,.22);
    border-radius: var(--gqm-runner-radius);
    padding: clamp(18px, 3vw, 34px);
    margin-bottom: 24px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
    display: grid;
    gap: 18px;
}
.gqm-runner-title-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}
.gqm-runner-title-wrap h1 {
    margin: 0;
    color: var(--gqm-runner-title-color);
    font-size: var(--gqm-runner-title-size);
    font-family: var(--gqm-runner-title-font);
    line-height: 1.15;
    letter-spacing: -0.035em;
}
.gqm-runner-title-wrap p {
    margin: 8px 0 0;
    color: var(--gqm-runner-subtitle-color);
    line-height: 1.65;
}
.gqm-runner-cover {
    flex: 0 0 120px;
    width: 120px;
    height: 90px;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.25);
    background: rgba(148,163,184,.12);
}
.gqm-runner-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.gqm-runner-back {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    padding: 10px 15px;
    border-radius: var(--gqm-runner-back-radius);
    color: var(--gqm-runner-back-color);
    background: var(--gqm-runner-back-bg);
    border: 1px solid rgba(148,163,184,.32);
    text-decoration: none;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07);
}
.gqm-runner-back:hover { filter: brightness(.98); transform: translateY(-1px); }
.gqm-back-top_right .gqm-runner-back { justify-self: end; }
.gqm-back-below_title .gqm-runner-back { order: 2; }
.gqm-back-below_title .gqm-runner-title-wrap { order: 1; }
.gqm-runner-content .gqm-quiz-shell { margin-top: 0; margin-bottom: 0; }
@media (max-width: 760px) {
    .gqm-runner-title-wrap { flex-direction: column; align-items: flex-start; }
    .gqm-runner-cover { width: 100%; height: 170px; flex-basis: auto; }
    .gqm-list-layout-list .gqm-quiz-card-image { width: 100%; max-width: none; }
}

/* v0.3.6 professional navigation buttons */
.gqm-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding-top: 18px;
    margin-top: 18px;
    border-top: 1px solid var(--gqm-border);
}
.gqm-nav .gqm-public-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 11px 20px;
    border-radius: 999px;
    font-weight: 850;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--gqm-primary) 22%, transparent);
    transition: transform var(--gqm-anim-speed, 250ms) ease, box-shadow var(--gqm-anim-speed, 250ms) ease, opacity var(--gqm-anim-speed, 250ms) ease;
}
.gqm-nav .gqm-public-button:hover { transform: translateY(-1px); box-shadow: 0 16px 34px color-mix(in srgb, var(--gqm-primary) 28%, transparent); }
.gqm-nav .gqm-secondary { box-shadow: none; }
.gqm-finish-button { background: linear-gradient(135deg, var(--gqm-primary), var(--gqm-secondary)); }
.gqm-nav .dashicons { font-size: 18px; width:18px; height:18px; }
@media (max-width: 640px) {
    .gqm-nav { display:grid; grid-template-columns: 1fr; }
    .gqm-nav .gqm-public-button { width:100%; }
}

/* v0.3.7 language and direction support */
.gqm-dir-rtl { direction: rtl; text-align: right; }
.gqm-dir-ltr { direction: ltr; text-align: left; }
.gqm-dir-rtl .gqm-guest-fields label,
.gqm-dir-rtl .gqm-question h3,
.gqm-dir-rtl .gqm-message,
.gqm-dir-rtl .gqm-review,
.gqm-dir-rtl .gqm-result-card { text-align: right; }
.gqm-dir-ltr .gqm-guest-fields label,
.gqm-dir-ltr .gqm-question h3,
.gqm-dir-ltr .gqm-message,
.gqm-dir-ltr .gqm-review,
.gqm-dir-ltr .gqm-result-card { text-align: left; }
.gqm-dir-rtl .gqm-nav { direction: rtl; }
.gqm-dir-ltr .gqm-nav { direction: ltr; }
.gqm-dir-rtl .gqm-public-button .dashicons-arrow-left-alt2 { transform: rotate(180deg); }
.gqm-dir-rtl .gqm-public-button .dashicons-arrow-right-alt2 { transform: rotate(180deg); }
.gqm-dir-rtl .gqm-runner-back .dashicons-arrow-left-alt2 { transform: rotate(180deg); }
.gqm-dir-rtl .gqm-quiz-list-top,
.gqm-dir-rtl .gqm-quiz-list-meta,
.gqm-dir-rtl .gqm-quiz-list-actions { direction: rtl; }
.gqm-dir-rtl .gqm-answer-option { text-align: right; }
.gqm-dir-rtl .gqm-answer-option input { margin-left: 0; margin-right: 0; }
.gqm-dir-rtl .gqm-score-message { border-left: 0; border-right: 4px solid var(--gqm-primary); }
.gqm-dir-rtl .gqm-results-table th,
.gqm-dir-rtl .gqm-results-table td { text-align: right; }
.gqm-dir-rtl .gqm-runner-title-wrap { direction: rtl; text-align: right; }
.gqm-dir-ltr .gqm-runner-title-wrap { direction: ltr; text-align: left; }


/* v0.3.9 password gate and question audio */
.gqm-password-shell{max-width:var(--gqm-width);margin:24px auto;padding:16px;background:var(--gqm-bg);border-radius:var(--gqm-radius)}
.gqm-password-gate{display:flex;flex-direction:column;gap:18px;align-items:stretch;text-align:center;max-width:560px;margin:0 auto}
.gqm-password-icon{width:58px;height:58px;border-radius:999px;margin:0 auto;display:grid;place-items:center;background:color-mix(in srgb,var(--gqm-primary),transparent 88%);color:var(--gqm-primary)}
.gqm-password-icon .dashicons{font-size:30px;width:30px;height:30px}
.gqm-password-label{text-align:inherit;color:var(--gqm-text);font-weight:800;display:flex;flex-direction:column;gap:8px}
.gqm-password-label input{border:1px solid var(--gqm-border);background:#fff;border-radius:calc(var(--gqm-radius) - 6px);padding:13px 14px;font-size:16px;color:var(--gqm-text)}
.gqm-password-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:14px;padding:10px 12px;font-weight:700}
.gqm-audio-player.gqm-audio-compact{display:flex;align-items:center;gap:10px;width:100%;margin:14px 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--gqm-border),var(--gqm-primary) 20%);background:linear-gradient(180deg,color-mix(in srgb,var(--gqm-card),var(--gqm-primary) 4%),var(--gqm-card));border-radius:calc(var(--gqm-radius) - 4px);box-shadow:0 8px 22px rgba(15,23,42,.055);min-height:58px;box-sizing:border-box;overflow:hidden}
.gqm-audio-compact .gqm-audio-toggle{width:40px;height:40px;min-width:40px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--gqm-primary),var(--gqm-secondary));color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px rgba(37,99,235,.22);line-height:1;padding:0;transition:transform .16s ease,box-shadow .16s ease}
.gqm-audio-compact .gqm-audio-toggle:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(37,99,235,.28)}
.gqm-audio-compact .gqm-audio-toggle .dashicons{font-size:22px;width:22px;height:22px;line-height:22px;margin:0;display:block;text-align:center}
.gqm-audio-compact .gqm-audio-title{display:flex;align-items:center;gap:7px;min-width:90px;max-width:210px;flex:0 1 190px;color:var(--gqm-text);line-height:1.2;overflow:hidden}
.gqm-audio-compact .gqm-audio-title .dashicons{color:var(--gqm-primary);font-size:17px;width:17px;height:17px;line-height:17px;flex:0 0 auto}
.gqm-audio-compact .gqm-audio-title strong{font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gqm-audio-compact .gqm-audio-time{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:74px;color:var(--gqm-muted);font-size:12px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
.gqm-audio-compact .gqm-audio-progress{flex:1 1 220px;min-width:120px;height:6px;margin:0;accent-color:var(--gqm-primary);cursor:pointer}
.gqm-audio-compact .gqm-audio-volume{display:flex;align-items:center;gap:7px;flex:0 0 145px;min-width:115px;color:var(--gqm-muted)}
.gqm-audio-compact .gqm-audio-volume .dashicons{font-size:17px;width:17px;height:17px;line-height:17px;color:var(--gqm-primary);flex:0 0 auto}
.gqm-audio-compact .gqm-audio-volume-range{width:100%;height:5px;margin:0;accent-color:var(--gqm-primary);cursor:pointer}
.gqm-dir-rtl .gqm-audio-player.gqm-audio-compact{direction:rtl}
@media (max-width:700px){.gqm-audio-player.gqm-audio-compact{gap:8px;padding:9px 10px}.gqm-audio-compact .gqm-audio-title{max-width:150px;flex-basis:130px}.gqm-audio-compact .gqm-audio-volume{flex-basis:105px;min-width:90px}.gqm-audio-compact .gqm-audio-time{min-width:62px;font-size:11px}}
@media (max-width:520px){.gqm-audio-compact .gqm-audio-title{display:none}.gqm-audio-compact .gqm-audio-volume{flex-basis:80px;min-width:72px}.gqm-audio-compact .gqm-audio-toggle{width:36px;height:36px;min-width:36px}.gqm-audio-compact .gqm-audio-toggle .dashicons{font-size:20px;width:20px;height:20px;line-height:20px}}

/* v0.3.11 custom compact audio sliders */
.gqm-audio-compact .gqm-audio-progress,
.gqm-audio-compact .gqm-audio-volume-range{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:0;outline:none}
.gqm-audio-compact .gqm-audio-progress::-webkit-slider-runnable-track,
.gqm-audio-compact .gqm-audio-volume-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--gqm-border),var(--gqm-primary) 12%)}
.gqm-audio-compact .gqm-audio-progress::-webkit-slider-thumb,
.gqm-audio-compact .gqm-audio-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--gqm-primary);border:3px solid var(--gqm-card);box-shadow:0 2px 8px rgba(15,23,42,.22);margin-top:-4.5px;cursor:pointer}
.gqm-audio-compact .gqm-audio-progress::-moz-range-track,
.gqm-audio-compact .gqm-audio-volume-range::-moz-range-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--gqm-border),var(--gqm-primary) 12%)}
.gqm-audio-compact .gqm-audio-progress::-moz-range-thumb,
.gqm-audio-compact .gqm-audio-volume-range::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--gqm-primary);border:3px solid var(--gqm-card);box-shadow:0 2px 8px rgba(15,23,42,.22);cursor:pointer}
.gqm-audio-compact .gqm-audio-toggle .dashicons-controls-play{transform:translateX(1px)}
.gqm-dir-rtl .gqm-audio-compact .gqm-audio-toggle .dashicons-controls-play{transform:translateX(-1px)}


/* GQM UI Clean v0.4.2: shared modern responsive theme */
.gqm-quiz,.gqm-card,.gqm-question-card,.gqm-result,.gqm-list-card,.gqm-admin-card{border-radius:var(--gqm-radius,10px)!important;background:var(--gqm-surface,#fff);border-color:var(--gqm-border,#e5e7eb)!important;box-shadow:var(--gqm-shadow,0 8px 24px rgba(15,23,42,.06))!important}
.gqm-quiz button,.gqm-btn,.gqm-submit,.gqm-next,.gqm-prev{border-radius:var(--gqm-radius-sm,6px)!important;font-size:var(--gqm-button-font,15px)!important}
.gqm-answer-option,.gqm-option,.gqm-preview-option{border-radius:var(--gqm-radius-sm,6px)!important;gap:10px!important}
.gqm-answer-option input[type=radio],.gqm-answer-option input[type=checkbox],.gqm-option input[type=radio],.gqm-option input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;transform:none!important}
@media(max-width:900px){.gqm-quiz,.gqm-runner,.gqm-public-wrap{max-width:100%!important;padding:14px!important}.gqm-options-grid,.gqm-layout-grid_2 .gqm-answer-options,.gqm-layout-grid_3 .gqm-answer-options{grid-template-columns:1fr!important}.gqm-question-title{font-size:clamp(18px,5vw,24px)!important}}
@media(max-width:520px){.gqm-quiz button,.gqm-btn,.gqm-submit,.gqm-next,.gqm-prev{width:100%;justify-content:center}.gqm-navigation,.gqm-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}}