body[data-page=practice][data-mode=microphone] #sitePractice { height:auto;min-height:0; }
#sitePractice>#siteMode-microphone { display:block;overflow:visible;flex:none;padding:14px; }
.mic-intro { display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px; }.mic-intro h2 { margin:0; }.mic-intro p { flex:1 1 100%;margin:0;color:var(--ink-soft);font-size:.85rem; }
.mic-badge { font-size:.7rem;color:var(--accent);border:1px solid var(--border);border-radius:20px;padding:3px 8px; }
.mic-toolbar,.mic-actions { display:flex;flex-wrap:wrap;align-items:end;gap:10px; }.mic-toolbar>label { display:flex;flex-direction:column;gap:4px; }.mic-toolbar>label.playback-count-in { flex-direction:row;align-items:center;align-self:center; }.mic-toolbar select { width:auto;min-width:90px; }.mic-actions { margin-left:auto; }
#micStatus { color:var(--ink-soft);font-size:.85rem;margin:12px 0;min-height:1.5em; }
.mic-dashboard { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0; }.mic-dashboard>div { padding:12px;background:var(--panel-soft);border-radius:10px;min-width:0; }.mic-dashboard span,.mic-dashboard label { display:block;font-size:.75rem;color:var(--ink-soft); }.mic-dashboard strong { display:block;font-size:1.4rem;line-height:1.4; }.mic-dashboard small { display:block;color:var(--ink-soft);font-size:.73rem; }.mic-dashboard meter { display:block;width:100%;height:25px;margin:8px 0; }
.mic-feedback { font-size:.9rem;font-weight:700;color:var(--accent);min-height:1.5em;margin:8px 0; }
#micCanvas { display:block;width:100%;height:auto;max-height:none;border:1px solid var(--border);border-radius:12px; }
.mic-results { margin:16px 0;padding:16px;border:1px solid var(--accent);border-radius:10px;font-weight:600; }
.mic-settings { margin-top:20px;font-size:.83rem;color:var(--ink-soft); }.mic-settings-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:16px 0; }.mic-settings-grid label { display:flex;flex-direction:column;gap:6px; }.mic-settings-grid input,.mic-settings-grid select { width:100%; }.mic-settings-grid small { font-size:.73rem; }
@media(max-width:800px){.mic-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.mic-actions{margin-left:0;}.mic-settings-grid{grid-template-columns:1fr;}.mic-toolbar>label:first-child{flex:1 1 100%;}.mic-dashboard strong{font-size:1.15rem;}#sitePractice>#siteMode-microphone{padding:8px;}}