html,body{margin:0;padding:0;height:100%;overflow:hidden;
  background:linear-gradient(180deg,#f4f4fb 0%,#ebedf7 100%)}
#app{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;background:transparent}
#app .mdev,#app .mvp{display:contents!important}
#app .mscr{position:relative!important;left:auto!important;top:auto!important;inset:auto!important;
  width:100%!important;max-width:520px!important;height:100%!important;min-height:100%!important;
  max-height:none!important;transform:none!important;border-radius:0!important;
  box-shadow:none!important;border:0!important;margin-inline:auto!important;margin-block:0!important}
#app .m-sb,#app .m-home{display:none!important}
/* No drawn keyboards, number pads, date wheels, or suggestion bars in the product. */
#app .m-kb,#app .m-np,#app .m-w3{display:none!important}
#app .m-btn,#app .m-back,#app .m-x,#app .m-cancel,#app .m-tb>span,
#app .m-opt,#app .m-link{cursor:pointer}
/* Real text inputs reuse the field pill; focus mimics the template's focused look. */
#app input.m-fld{appearance:none;-webkit-appearance:none;outline:none;font-size:17px;
  width:100%;color:#1d1f2c;font-family:inherit}
#app input.m-fld::placeholder{color:#8a8ea3}
#app input.m-fld:focus{background:#fff;border-color:#7d84b3}
#app input.m-otp-input{appearance:none;-webkit-appearance:none;outline:none;height:56px;
  border-radius:14px;background:#e6e7f1;border:1.5px solid transparent;text-align:center;
  font-size:24px;letter-spacing:12px;color:#1d1f2c;width:100%;margin:4px 0 20px;
  padding:0 16px;align-self:stretch;font-family:inherit}
#app input.m-otp-input::placeholder{color:#c4c7d6;letter-spacing:10px}
#app input.m-otp-input:focus{background:#fff;border-color:#7d84b3}
#app .m-btn[aria-disabled="true"]{background:#8fb5fa;pointer-events:none}
/* The live composer: the template's mock composer span becomes a real input,
   styled to match it exactly (transparent, borderless, inherits the font). */
#app .m-cp input.m-cp-input{appearance:none;-webkit-appearance:none;outline:none;border:0;
  background:transparent;flex:1;min-width:0;font:inherit;color:#1d1f2c}
#app .m-cp input.m-cp-input::placeholder{color:#8a8ea3}