.mi-audio{box-sizing:border-box;background:#132332;color:#edf6ff;border:1px solid #385467;border-radius:12px;padding:12px 16px;margin:10px 0;font:14px/1.6 system-ui,sans-serif;text-align:left}
.mi-audio[hidden]{display:none!important}.mi-audio *{box-sizing:border-box}.mi-audio strong{font-size:16px}.mi-audio p{margin:6px 0}.mi-audio .mi-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.mi-audio button{font:inherit;min-height:44px;border:1px solid #527286;border-radius:8px;padding:8px 16px;background:#224257;color:#fff;cursor:pointer}.mi-audio button:disabled{opacity:.5;cursor:default}.mi-audio button:focus-visible,.mi-audio input:focus-visible{outline:3px solid #ffc95c;outline-offset:2px}.mi-audio .mi-primary{background:#bce5d5;color:#092b24;border-color:#bce5d5}.mi-audio .mi-stop{background:#632e39;border-color:#9d5966}
.mi-audio label{display:flex;align-items:center;gap:8px;margin:0}.mi-audio input[type=range]{width:130px;min-height:36px;accent-color:#bce5d5}.mi-audio small{color:#b6c9d6}.mi-audio a{color:#bce5d5}.mi-audio .mi-status{min-height:24px;color:#dbe9f2}
.mi-staff{margin:0;background:#09131e;color:#edf6ff;font-family:system-ui,sans-serif}.mi-staff main{max-width:640px;margin:auto;padding:20px 16px}.mi-staff h1{font-size:25px}.mi-staff .mi-audio{padding:22px}.mi-staff .mi-field{display:block;margin:16px 0}.mi-staff input:not([type=checkbox]):not([type=range]){display:block;width:100%;font:inherit;background:#09131e;color:#fff;border:1px solid #527286;border-radius:6px;padding:12px;margin-top:5px}.mi-staff meter{display:block;width:100%;height:25px}.mi-staff .mi-check{align-items:flex-start;margin:18px 0}.mi-staff .mi-check input{margin-top:7px}.mi-staff .mi-clock{font:600 32px/1.5 ui-monospace,monospace;margin:12px 0}.mi-staff .mi-help{font-size:13px;color:#b6c9d6}.mi-staff output{overflow-wrap:anywhere}
@media(max-width:400px){.mi-audio{padding:10px}.mi-audio input[type=range]{width:110px}.mi-staff main{padding:12px}.mi-staff .mi-audio{padding:16px}}