.metrics.metrics-four{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.metrics.metrics-four .metric{min-width:0;min-height:112px;height:100%;padding:13px 9px}
.pronunciation-metric{color:var(--text);text-decoration:none;cursor:pointer}
.pronunciation-metric:active{transform:scale(.98)}
.pronunciation-metric .metric-symbol{margin-bottom:8px}
.pronunciation-metric strong{font-variant-numeric:tabular-nums}
.pronunciation-pending{display:block;margin-top:5px;font-size:8px;line-height:1.2;color:var(--accent);font-weight:700}
.pronunciation-banner{display:flex;align-items:center;gap:12px;margin:12px 0 18px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%)}
.pronunciation-banner .metric-symbol{margin:0;flex:0 0 auto}
.pronunciation-banner b,.pronunciation-banner small{display:block}
.pronunciation-banner small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.35}
.pronunciation-status{max-width:58px;padding:5px 6px;border-radius:9px;font-size:8px;line-height:1.1;text-align:center;font-weight:700;background:var(--soft);color:var(--muted)}
.pronunciation-status.pending{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.pronunciation-record-button{color:var(--accent)!important}
.pronunciation-reward{margin:0 0 13px;padding:10px 12px;border-radius:14px;text-align:center;font-size:13px;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.pronunciation-admin-entry{display:flex!important;align-items:center!important;gap:12px!important;text-align:left!important;margin:14px 0 18px!important;color:var(--text)!important}
.pronunciation-admin-entry .metric-symbol{margin:0;flex:0 0 auto}
.pronunciation-admin-entry b,.pronunciation-admin-entry small{display:block}
.pronunciation-admin-entry small{margin-top:4px;color:var(--muted);font-size:10px}
.pronunciation-admin-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.pronunciation-admin-switch>div{min-width:0}
.pronunciation-admin-switch b,.pronunciation-admin-switch small{display:block}
.pronunciation-admin-switch small{margin-top:4px;color:var(--muted);font-size:10px}
.pronunciation-admin-switch button{min-height:40px;flex:0 0 auto}
.pronunciation-tabs{margin:10px 0 16px;overflow-x:auto}
.pronunciation-tabs button{white-space:nowrap;font-size:10px}
.pronunciation-review-list{display:grid;gap:12px}
.pronunciation-review-card{margin:0}
.pronunciation-review-card audio{margin-top:10px}
.pronunciation-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.pronunciation-result{margin-top:10px;font-weight:750;font-size:12px}
.pronunciation-result.accepted{color:var(--good)}
.pronunciation-result.rejected{color:var(--bad)}
.pronunciation-user-access{margin-bottom:12px}
.pronunciation-user-access small{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.pronunciation-settings-admin{margin-top:14px}
@media(max-width:430px){.metrics.metrics-four{gap:5px!important}.metrics.metrics-four .metric{padding:11px 7px!important;min-height:108px!important}.metrics.metrics-four .metric strong{font-size:clamp(20px,5.7vw,27px)!important}.metrics.metrics-four .metric small{font-size:8px!important}.metrics.metrics-four .metric-symbol .icon{width:18px;height:18px}.pronunciation-admin-switch{align-items:flex-start;flex-direction:column}.pronunciation-admin-switch button{width:100%}}
@media(max-width:360px){.metrics.metrics-four{gap:4px!important}.metrics.metrics-four .metric{padding:10px 6px!important}.metrics.metrics-four .metric strong{font-size:20px!important}.pronunciation-pending{font-size:7px}}