.msw-rg{
  --msw-green:#0a4e5d;
  --msw-cream:#faf4e1;
  --msw-red:#ff3034;
  width:100%;
  max-width:720px;
  margin:20px auto;
  overflow:hidden;
  box-sizing:border-box;
  background:var(--msw-cream);
  border:3px solid var(--msw-green);
  border-radius:24px;
  color:var(--msw-green);
  text-align:center;
  font-family:Arial,Helvetica,sans-serif;
  box-shadow:0 8px 22px rgba(0,0,0,.10);
}
.msw-rg *{box-sizing:border-box}
.msw-rg [hidden]{display:none!important}
.msw-rg__header{background:var(--msw-green);padding:16px 20px}
.msw-rg__title{margin:0;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(25px,5vw,38px)!important;line-height:1.15!important;font-weight:800!important;letter-spacing:0!important;text-shadow:none!important}
.msw-rg__body{padding:22px 28px 20px}
.msw-rg__main{display:flex;flex-direction:column;align-items:center}
.msw-rg__record{appearance:none;-webkit-appearance:none;width:220px;height:220px;margin:0;border-radius:50%;border:7px solid #fff!important;background:var(--msw-red)!important;color:#fff!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 7px 16px rgba(0,0,0,.18);transition:transform .15s ease,filter .15s ease;padding:18px!important;font-family:Arial,Helvetica,sans-serif!important;line-height:1!important;text-transform:none!important}
.msw-rg__record:hover{transform:scale(1.015);filter:brightness(1.02)}
.msw-rg__record:active{transform:scale(.985)}
.msw-rg__record:focus-visible,.msw-rg__action:focus-visible,.msw-rg__file-label:focus-within,.msw-rg__name:focus{outline:4px solid rgba(10,78,93,.25);outline-offset:3px}
.msw-rg__record--stop{background:#bd241d!important}
.msw-rg__record-label{display:block;color:#fff!important;font-size:28px!important;line-height:1!important;font-weight:500!important;font-family:Arial,Helvetica,sans-serif!important}
.msw-rg__mic-svg{display:block;width:58px;height:74px;color:#fff;overflow:visible;flex:0 0 auto}
.msw-rg__stop-icon{width:58px;height:58px;border-radius:9px;background:#fff;display:block}
.msw-rg__timer{margin-top:14px;font-size:21px;font-weight:700;color:var(--msw-green)}
.msw-rg__status{margin-top:5px;min-height:20px;font-size:14px;font-weight:600;color:#557078}
.msw-rg__name-wrap{display:block;max-width:520px;margin:16px auto 0;text-align:left}
.msw-rg__name-label{display:block;margin:0 0 6px;font-size:15px;font-weight:800;color:var(--msw-green)}
.msw-rg__name-label small{font-size:13px;font-weight:500}
.msw-rg__name{display:block;width:100%!important;height:48px!important;margin:0!important;padding:10px 14px!important;border:1px solid rgba(10,78,93,.25)!important;border-radius:12px!important;background:#fff!important;color:#183f48!important;font:400 17px/1.2 Arial,Helvetica,sans-serif!important;box-shadow:none!important}
.msw-rg__preview{display:none!important}
.msw-rg__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.msw-rg__action{appearance:none;-webkit-appearance:none;min-height:58px;border:1px solid rgba(10,78,93,.18)!important;border-radius:13px!important;background:#fff!important;color:var(--msw-green)!important;font:800 17px/1.15 Arial,Helvetica,sans-serif!important;cursor:pointer;padding:10px 12px!important;box-shadow:0 2px 6px rgba(0,0,0,.05);text-transform:none!important}
.msw-rg__action:hover{transform:translateY(-1px)}
.msw-rg__action:disabled{opacity:.45;cursor:not-allowed;transform:none}
.msw-rg__fallback{margin-top:15px;font-size:12px;color:#60777c}
.msw-rg__fallback span{margin-right:6px}
.msw-rg__file-label{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 11px;border-radius:999px;background:#e5eceb;color:var(--msw-green);font-weight:800;cursor:pointer}
.msw-rg__message{margin-top:13px;min-height:20px;font-size:14px;font-weight:800}
.msw-rg__message--success{color:#087a36}
.msw-rg__message--error{color:#b42318}
.msw-rg__message--info{color:var(--msw-green)}
.msw-rg--sent .msw-rg__main,.msw-rg--sent .msw-rg__name-wrap,.msw-rg--sent .msw-rg__actions,.msw-rg--sent .msw-rg__fallback{display:none!important}
@media (max-width:600px){
  .msw-rg{border-width:2px;border-radius:20px}
  .msw-rg__header{padding:13px 14px}
  .msw-rg__body{padding:18px 14px 16px}
  .msw-rg__record{width:190px;height:190px;border-width:6px!important}
  .msw-rg__mic-svg{width:48px;height:62px}
  .msw-rg__record-label{font-size:25px!important}
  .msw-rg__timer{font-size:18px}
  .msw-rg__actions{grid-template-columns:1fr;gap:9px}
  .msw-rg__action{min-height:52px;font-size:16px!important}
  .msw-rg__fallback span{display:block;margin:0 0 6px}
}
@media (max-width:360px){
  .msw-rg__record{width:170px;height:170px}
  .msw-rg__title{font-size:24px!important}
}

.msw-rg__progress{height:10px;max-width:520px;margin:12px auto 0;overflow:hidden;border-radius:999px;background:rgba(10,78,93,.13)}
.msw-rg__progress-bar{height:100%;width:0;border-radius:inherit;background:var(--msw-green);transition:width .2s ease}
.msw-rg__success{padding:22px 12px 12px;text-align:center;color:var(--msw-green)}
.msw-rg__success-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:#168447;color:#fff;font:800 42px/1 Arial,Helvetica,sans-serif;animation:msw-rg-pop .35s ease-out}
.msw-rg__success h3{margin:0 0 8px!important;color:var(--msw-green)!important;font:800 28px/1.15 Arial,Helvetica,sans-serif!important}
.msw-rg__success p{margin:5px auto!important;max-width:520px;color:#244f58!important;font:600 16px/1.45 Arial,Helvetica,sans-serif!important}
.msw-rg__success-note{font-weight:400!important}
.msw-rg__again{appearance:none;-webkit-appearance:none;margin-top:15px;padding:12px 18px!important;border:0!important;border-radius:12px!important;background:var(--msw-green)!important;color:#fff!important;font:800 15px/1.2 Arial,Helvetica,sans-serif!important;cursor:pointer;text-transform:none!important}
.msw-rg--sent .msw-rg__message,.msw-rg--sent .msw-rg__progress{display:none!important}
@keyframes msw-rg-pop{0%{transform:scale(.65);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.msw-rg__success-icon{animation:none}.msw-rg__progress-bar{transition:none}}